@frigade/react 1.35.36 → 1.35.37

package/lib/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-var ia=Object.defineProperty,na=Object.defineProperties;var sa=Object.getOwnPropertyDescriptors;var ko=Object.getOwnPropertySymbols;var ri=Object.prototype.hasOwnProperty,ii=Object.prototype.propertyIsEnumerable;var oi=(e,t,o)=>t in e?ia(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,T=(e,t)=>{for(var o in t||(t={}))ri.call(t,o)&&oi(e,o,t[o]);if(ko)for(var o of ko(t))ii.call(t,o)&&oi(e,o,t[o]);return e},H=(e,t)=>na(e,sa(t));var ni=e=>typeof e=="symbol"?e:e+"",Ie=(e,t)=>{var o={};for(var n in e)ri.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&ko)for(var n of ko(e))t.indexOf(n)<0&&ii.call(e,n)&&(o[n]=e[n]);return o};var $=(e,t,o)=>new Promise((n,i)=>{var r=d=>{try{p(o.next(d))}catch(s){i(s)}},l=d=>{try{p(o.throw(d))}catch(s){i(s)}},p=d=>d.done?n(d.value):Promise.resolve(d.value).then(r,l);p((o=o.apply(e,t)).next())});import vt,{createContext as hd,useEffect as Ko,useState as je}from"react";import{ThemeProvider as Cd}from"styled-components";import Pt,{useContext as Kp,useEffect as xo,useState as Vo}from"react";import{useCallback as Tt,useContext as ya,useEffect as Sa}from"react";import rr,{useMemo as li}from"react";var si="1.35.36 ";var He="NOT_STARTED_STEP",Q="COMPLETED_FLOW",Po="ABORTED_FLOW",wt="STARTED_FLOW",$e="NOT_STARTED_FLOW",Ge="COMPLETED_STEP",vo="STARTED_STEP";function Xe(){let{publicApiKey:e,userId:t,apiUrl:o}=rr.useContext(X);return{config:li(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":si,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:li(()=>`${o}/v1/public/`,[o])}}var la="frigade-last-call-at-",aa="frigade-last-call-data-";function Ut(){let{shouldGracefullyDegrade:e,readonly:t}=rr.useContext(X);return(o,n)=>$(this,null,function*(){if(t&&(n.method==="POST"||n.method==="PUT"||n.method==="DELETE"))return Mt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Mt();let i=la+o,r=aa+o;if(window&&window.localStorage&&n&&n.body&&n.method==="POST"){let p=window.localStorage.getItem(i),d=window.localStorage.getItem(r);if(p&&d&&d==n.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return Mt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(r,n.body)}let l;try{l=yield fetch(o,n)}catch(p){return Mt(p)}return l?l.ok?l:Mt(l.statusText):Mt()})}function Mt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Wt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=rr.useContext(X);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 xa,useState as ai}from"react";import{useContext as da,useEffect as ca,useState as ma}from"react";import ua from"swr";import{useContext as pa}from"react";function ve(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:n,completedFlowsToKeepOpenDuringSession:i}=pa(X);function r(c,x=!1){var S;return(S=e[c])!=null?S:x}function l(c,x){t(S=>H(T({},S),{[c]:x}))}function p(c){t(x=>{let b=x,{[c]:S}=b,F=Ie(b,[ni(c)]);return T({},F)})}function d(c){i.includes(c)||n(x=>[...x,c])}function s(c){return i.includes(c)}function m(c){return Object.entries(e).some(([x,S])=>S&&x!=c)||o}return{getOpenFlowState:r,setOpenFlowState:l,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}import fa from"swr/immutable";import io from"core-js-pure/actual/structured-clone";function ir(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ge(...e){let t=e.shift(),o=e.length===1?e[0]:ge(...e);if(!ir(t)||!ir(o))throw new Error("deepmerge can only merge Objects");let n=io(t);return Object.entries(o).forEach(([i,r])=>{ir(r)?n[i]!==void 0?Object.assign(n,{[i]:ge(n[i],io(r))}):Object.assign(n,{[i]:io(r)}):Array.isArray(r)?n[i]!==void 0?Object.assign(n,{[i]:[...n[i],...io(r)]}):Object.assign(n,{[i]:io(r)}):Object.assign(n,{[i]:r})}),n}var ga="unknown";function Me(){let{config:e,apiUrl:t}=Xe(),{publicApiKey:o,userId:n,organizationId:i,flows:r,setShouldGracefullyDegrade:l,readonly:p}=da(X),{resetOpenFlowState:d}=ve(),[s,m]=ma(!1),c={data:r.map(f=>({flowId:f.id,flowState:Q,lastStepId:null,userId:n,foreignUserId:n,stepStates:{},shouldTrigger:!1}))},x=f=>fetch(f,e).then(P=>{if(P.ok)return P.json();throw new Error("Failed to fetch user flow states")}).catch(P=>(console.log(`Error fetching ${f}: ${P}. Will gracefully degrade and hide Frigade`),l(!0),c)),S=o&&r&&n?`${t}userFlowStates?foreignUserId=${n}${i?`&foreignUserGroupId=${i}`:""}`:null,{data:F,isLoading:b,mutate:g,error:B}=p?fa(S,x):ua(S,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),y=F==null?void 0:F.data;ca(()=>{!s&&!b&&y&&m(!0)},[y,s,b]);function E(f){return $(this,null,function*(){if(y&&!p){let P=y.find(N=>N.flowId===f);P&&P.flowState!==Q&&(P.flowState=Q),yield g(Promise.resolve(ge(F,{data:y})),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}function A(f,P,N){return $(this,null,function*(){if(y){let L=y.find(O=>O.flowId===f);L&&(L.stepStates[P]=N,L.flowState=wt),yield g(Promise.resolve(ge(F,{data:y})),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}function I(f,P,N){return $(this,null,function*(){if(y){let L=y.find(O=>O.flowId===f);L&&(L.lastStepId=P,L.stepStates[P]=N,L.flowState=wt),yield g(ge(F,{data:y}),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}function h(f){return $(this,null,function*(){if(y){let P=y.find(N=>N.flowId===f);P&&P.flowState!==$e&&(P.flowState=$e,P.lastStepId=ga,Object.keys(P.stepStates).forEach(N=>{P.stepStates[N].actionType=He,P.stepStates[N].createdAt=new Date().toISOString()}),yield g(ge(F,{data:y}),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1}),d(f))}})}function w(f,P){return $(this,null,function*(){if(y){let N=y.find(L=>L.flowId===f);N&&N.stepStates[P]!==He&&(N.stepStates[P]=He),yield g(ge(F,{data:y}),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}return{userFlowStatesData:y,isLoadingUserFlowStateData:!s,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:E,optimisticallyMarkFlowNotStarted:h,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:w,optimisticallyMarkStepStarted:I,error:B}}function no(){let{config:e,apiUrl:t}=Xe(),{userFlowStatesData:o,mutateUserFlowState:n}=Me(),{failedFlowResponses:i,setFailedFlowResponses:r,flowResponses:l,setFlowResponses:p}=xa(X),[d,s]=ai(new Set),[m,c]=ai(new Set),x=Ut();function S(g){let B=JSON.stringify(g);if(d.has(B))return null;d.add(B),s(d),m.add(g),c(m);let y=l==null?void 0:l.find(E=>E.flowSlug===g.flowSlug&&E.stepId===g.stepId&&E.actionType===g.actionType&&E.createdAt===g.createdAt);return x(`${t}flowResponses`,H(T({},e),{method:"POST",body:B})).then(E=>{E.status!==200&&E.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),r([...i,g])):y||p(A=>[...A!=null?A:[],g])})}function F(g){return $(this,null,function*(){g.foreignUserId&&(g.actionType===wt||g.actionType===$e?yield S(g):g.actionType===Q?yield S(g):g.actionType===vo?yield S(g):g.actionType===Ge?yield S(g):g.actionType===Po?yield S(g):g.actionType===He&&(yield S(g)))})}function b(){let g=[];return o==null||o.forEach(B=>{if(B&&B.stepStates&&Object.keys(B.stepStates).length!==0)for(let y in B.stepStates){let E=B.stepStates[y];g.push({foreignUserId:B.foreignUserId,flowSlug:B.flowId,stepId:E.stepId,actionType:E.actionType,data:{},createdAt:new Date(E.createdAt),blocked:E.blocked,hidden:E.hidden})}}),[...g,...l]}return{addResponse:F,setFlowResponses:p,getFlowResponses:b}}import ba from"swr";var ha=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,pi=e=>{let t=ha.exec(e);if(t===null)return null;let o=null;return t.forEach((n,i)=>{let r=Ca(n,"'","");r.startsWith("flow_")&&(o=r)}),o},Ca=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function nr(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var sr=(s=>(s.CHECKLIST="CHECKLIST",s.FORM="FORM",s.TOUR="TOUR",s.SUPPORT="SUPPORT",s.CUSTOM="CUSTOM",s.BANNER="BANNER",s.EMBEDDED_TIP="EMBEDDED_TIP",s.NPS_SURVEY="NPS_SURVEY",s.ANNOUNCEMENT="ANNOUNCEMENT",s))(sr||{});function ee(){let{config:e,apiUrl:t}=Xe(),{flows:o,setFlows:n,userId:i,organizationId:r,publicApiKey:l,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:x,readonly:S}=ya(X),F={data:[]},{verifySDKInitiated:b}=Wt(),{addResponse:g,getFlowResponses:B}=no(),y=C=>fetch(C,e).then(u=>u.ok?u.json():(console.log(`Error fetching ${C} (${u.status}): ${u.statusText}. Will gracefully degrade and hide Frigade`),x(!0),F)).catch(u=>(console.log(`Error fetching ${C}: ${u}. Will gracefully degrade and hide Frigade`),x(!0),F)),{mutateUserFlowState:E,userFlowStatesData:A,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:w,optimisticallyMarkStepCompleted:f,optimisticallyMarkStepNotStarted:P,optimisticallyMarkStepStarted:N}=Me(),{data:L,error:O,isLoading:U}=ba(l?`${t}flows${S?"?readonly=true":""}`:null,y,{keepPreviousData:!0});Sa(()=>{if(O){console.error(O);return}L&&L.data&&n(L.data)},[L,O]);function W(C){if(U)return null;let u=o.find(k=>k.slug===C);return!u&&o.length>0&&!I&&!U?(console.log(`Flow with id ${C} not found`),null):(u==null?void 0:u.active)===!1&&!S?null:u}function V(C){var z,ue;if(!W(C))return[];let u=W(C).data;return u?(u=le(u),((ue=(z=nr(u))==null?void 0:z.data)!=null?ue:[]).map(fe=>{let ro=J(fe);return H(T({handleSecondaryButtonClick:()=>{fe.skippable===!0&&G(C,fe.id,{skipped:!0})}},fe),{complete:ce(C,fe.id)===Ge||ro>=1,blocked:Ae(C,fe.id),hidden:be(C,fe.id),handlePrimaryButtonClick:()=>{(!fe.completionCriteria&&(fe.autoMarkCompleted||fe.autoMarkCompleted===void 0)||fe.completionCriteria&&fe.autoMarkCompleted===!0)&&G(C,fe.id)},progress:ro})}).filter(fe=>fe.hidden!==!0)):[]}function le(C){return C.replaceAll(/\${(.*?)}/g,(u,k)=>p[k]===void 0?"":String(p[k]).replace(/[\u00A0-\u9999<>\&]/g,function(z){return"&#"+z.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function Z(C){var k;if(!W(C))return[];let u=W(C).data;return u?(u=le(u),(k=JSON.parse(u))!=null?k:{}):[]}function q(C,u){d(k=>H(T({},k),{[C]:u}))}function he(C){!I&&!U&&C&&JSON.stringify(p)!=JSON.stringify(T(T({},p),C))&&Object.keys(C).forEach(u=>{q(u,C[u])})}let Pe=Tt((C,u,k)=>$(this,null,function*(){if(!b())return;let z={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:u,actionType:vo,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};R(z)&&(yield N(C,u,z),g(z))}),[i,r,A]),Se=Tt((C,u,k)=>$(this,null,function*(){if(!b())return;let z={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:u,actionType:He,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};R(z)&&(yield P(C,u),g(z))}),[i,r,A]),G=Tt((C,u,k)=>$(this,null,function*(){if(!b())return;let z={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:u,actionType:Ge,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};R(z)&&(yield f(C,u,z),g(z))}),[i,r,A]),Y=Tt((C,u)=>$(this,null,function*(){if(!b()||Ce(C)===$e)return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:$e,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};yield w(C),R(k)&&g(k)}),[i,r,A]),te=Tt((C,u)=>$(this,null,function*(){if(!b())return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:wt,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};R(k)&&g(k)}),[i,r,A]),Ve=Tt((C,u)=>$(this,null,function*(){if(!b())return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:Q,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};R(k)&&(yield h(C),g(k))}),[i,r,A]),Le=Tt((C,u)=>$(this,null,function*(){if(!b())return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:Po,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};R(k)&&(yield h(C),g(k))}),[i,r,A]);function R(C){var u;if(!A&&C.actionType===He)return!1;if(A){let k=A.find(z=>z.flowId===C.flowSlug);if(C.actionType===He&&(!(k!=null&&k.stepStates[C.stepId])||k.stepStates[C.stepId].actionType===He)||k&&((u=k.stepStates[C.stepId])==null?void 0:u.actionType)===C.actionType||k&&k.flowState===Q&&C.actionType===Q)return!1}return!0}function ce(C,u){let k=M(C,u);return I?null:k?k.actionType:He}function Ae(C,u){let k=M(C,u);return k?k.blocked:!1}function be(C,u){let k=M(C,u);return k?k.hidden:!1}function M(C,u){var z;if(I)return null;let k=A==null?void 0:A.find(ue=>ue.flowId===C);return!k||!k.stepStates[u]?null:(z=k.stepStates[u])!=null?z:null}function D(C){var k,z;if(I||!A)return null;if(Ce(C)===$e)return(k=V(C)[0])!=null?k:null;let u=(z=A.find(ue=>ue.flowId===C))==null?void 0:z.lastStepId;return u?V(C).find(ue=>ue.id===u):null}function _(C){var z;let u=D(C);if(!u)return 0;let k=(z=V(C).findIndex(ue=>ue.id===u.id))!=null?z:0;return ce(C,u.id)===Ge&&k<V(C).length-1?k+1:k}function J(C){if(!C.completionCriteria)return;let u=pi(C.completionCriteria);if(u===null)return;let k=De(u),z=ot(u);return z===0?void 0:k/z}function Ce(C){let u=A==null?void 0:A.find(k=>k.flowId===C);return u?u.flowState:null}function De(C){let u=V(C);return u.length===0?0:u.filter(z=>ce(C,z.id)===Ge).length}function ot(C){return V(C).length}function Ye(C){let u=o.find(k=>k.slug===C);return u?nr(u.data):null}function bt(C){if(S)return!1;if(I)return!0;if(C!=null&&C.targetingLogic&&A){let u=A.find(k=>k.flowId===C.slug);if(u)return u.shouldTrigger===!1}return!!(C!=null&&C.targetingLogic&&i&&i.startsWith("guest_"))}function Dt(C){return!bt(W(C))}function $t(){i&&E()}return{getFlow:W,getFlowData:Ye,isLoading:I||U,getStepStatus:ce,getFlowSteps:V,getCurrentStepIndex:_,markStepStarted:Pe,markStepCompleted:G,markFlowNotStarted:Y,markFlowStarted:te,markFlowCompleted:Ve,markFlowAborted:Le,markStepNotStarted:Se,getFlowStatus:Ce,getNumberOfStepsCompleted:De,getNumberOfSteps:ot,targetingLogicShouldHideFlow:bt,setCustomVariable:q,updateCustomVariables:he,customVariables:p,getStepOptionalProgress:J,getFlowMetadata:Z,isStepBlocked:Ae,isStepHidden:be,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,isFlowAvailableToUser:Dt,refresh:$t}}import{useCallback as lr,useContext as wa,useEffect as Ta}from"react";var zt="guest_";function so(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:n,shouldGracefullyDegrade:i}=wa(X),{config:r,apiUrl:l}=Xe(),{mutateUserFlowState:p}=Me(),d=Ut(),{verifySDKInitiated:s}=Wt();function m(F){return`frigade-user-registered-${F}`}Ta(()=>{if(e&&!t){if(e.startsWith(zt))return;let F=m(e);localStorage.getItem(F)||(d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(F,"true"))}},[e,i,t]);let c=lr(F=>$(this,null,function*(){if(!s())return;let b={foreignId:e,properties:F};yield d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify(b)})),n(g=>T(T({},g),F)),p()}),[e,r,i,p]),x=lr((F,b)=>$(this,null,function*(){if(!s())return;let B={foreignId:e,events:[{event:F,properties:b}]};yield d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify(B)})),p()}),[e,r,p]),S=lr((F,b)=>$(this,null,function*(){if(s())if(b){let g=m(F);localStorage.setItem(g,"true"),o(F);let B={foreignId:F,properties:b};yield d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify(B)})),n(y=>T(T({},y),b)),p()}else o(F)}),[r,i,p]);return{userId:e,setUserId:o,setUserIdWithProperties:S,addPropertiesToUser:c,trackEventForUser:x}}import{v4 as qp}from"uuid";import Re,{useEffect as Br,useState as un}from"react";import Ke,{useEffect as cr,useState as Oa}from"react";import Io from"styled-components";import Fa from"react";import ka from"styled-components";var di="fr-",lo="cfr-";function a(e,t){let o=`${di}${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+" "+lo+e}return o}function v(e){if(!e.className||e.className.indexOf(lo)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(di)?"":`:not(${o.map(n=>`.${n}`).join(", ")})`}function Bo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Oe(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Bo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function we(...e){return e.filter(Boolean).join(" ")}function ao(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Pa=ka.div`
+var ia=Object.defineProperty,na=Object.defineProperties;var sa=Object.getOwnPropertyDescriptors;var ko=Object.getOwnPropertySymbols;var ri=Object.prototype.hasOwnProperty,ii=Object.prototype.propertyIsEnumerable;var oi=(e,t,o)=>t in e?ia(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,T=(e,t)=>{for(var o in t||(t={}))ri.call(t,o)&&oi(e,o,t[o]);if(ko)for(var o of ko(t))ii.call(t,o)&&oi(e,o,t[o]);return e},H=(e,t)=>na(e,sa(t));var ni=e=>typeof e=="symbol"?e:e+"",Ie=(e,t)=>{var o={};for(var n in e)ri.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&ko)for(var n of ko(e))t.indexOf(n)<0&&ii.call(e,n)&&(o[n]=e[n]);return o};var $=(e,t,o)=>new Promise((n,i)=>{var r=d=>{try{p(o.next(d))}catch(s){i(s)}},l=d=>{try{p(o.throw(d))}catch(s){i(s)}},p=d=>d.done?n(d.value):Promise.resolve(d.value).then(r,l);p((o=o.apply(e,t)).next())});import vt,{createContext as hd,useEffect as Ko,useState as je}from"react";import{ThemeProvider as Cd}from"styled-components";import Pt,{useContext as Kp,useEffect as xo,useState as Vo}from"react";import{useCallback as Tt,useContext as ya,useEffect as Sa}from"react";import rr,{useMemo as li}from"react";var si="1.35.37 ";var He="NOT_STARTED_STEP",Q="COMPLETED_FLOW",Po="ABORTED_FLOW",wt="STARTED_FLOW",$e="NOT_STARTED_FLOW",Ge="COMPLETED_STEP",vo="STARTED_STEP";function Xe(){let{publicApiKey:e,userId:t,apiUrl:o}=rr.useContext(X);return{config:li(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":si,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:li(()=>`${o}/v1/public/`,[o])}}var la="frigade-last-call-at-",aa="frigade-last-call-data-";function Ut(){let{shouldGracefullyDegrade:e,readonly:t}=rr.useContext(X);return(o,n)=>$(this,null,function*(){if(t&&(n.method==="POST"||n.method==="PUT"||n.method==="DELETE"))return Mt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Mt();let i=la+o,r=aa+o;if(window&&window.localStorage&&n&&n.body&&n.method==="POST"){let p=window.localStorage.getItem(i),d=window.localStorage.getItem(r);if(p&&d&&d==n.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return Mt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(r,n.body)}let l;try{l=yield fetch(o,n)}catch(p){return Mt(p)}return l?l.ok?l:Mt(l.statusText):Mt()})}function Mt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Wt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=rr.useContext(X);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 xa,useState as ai}from"react";import{useContext as da,useEffect as ca,useState as ma}from"react";import ua from"swr";import{useContext as pa}from"react";function ve(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:n,completedFlowsToKeepOpenDuringSession:i}=pa(X);function r(c,x=!1){var S;return(S=e[c])!=null?S:x}function l(c,x){t(S=>H(T({},S),{[c]:x}))}function p(c){t(x=>{let b=x,{[c]:S}=b,F=Ie(b,[ni(c)]);return T({},F)})}function d(c){i.includes(c)||n(x=>[...x,c])}function s(c){return i.includes(c)}function m(c){return Object.entries(e).some(([x,S])=>S&&x!=c)||o}return{getOpenFlowState:r,setOpenFlowState:l,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}import fa from"swr/immutable";import io from"core-js-pure/actual/structured-clone";function ir(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ge(...e){let t=e.shift(),o=e.length===1?e[0]:ge(...e);if(!ir(t)||!ir(o))throw new Error("deepmerge can only merge Objects");let n=io(t);return Object.entries(o).forEach(([i,r])=>{ir(r)?n[i]!==void 0?Object.assign(n,{[i]:ge(n[i],io(r))}):Object.assign(n,{[i]:io(r)}):Array.isArray(r)?n[i]!==void 0?Object.assign(n,{[i]:[...n[i],...io(r)]}):Object.assign(n,{[i]:io(r)}):Object.assign(n,{[i]:r})}),n}var ga="unknown";function Me(){let{config:e,apiUrl:t}=Xe(),{publicApiKey:o,userId:n,organizationId:i,flows:r,setShouldGracefullyDegrade:l,readonly:p}=da(X),{resetOpenFlowState:d}=ve(),[s,m]=ma(!1),c={data:r.map(f=>({flowId:f.id,flowState:Q,lastStepId:null,userId:n,foreignUserId:n,stepStates:{},shouldTrigger:!1}))},x=f=>fetch(f,e).then(P=>{if(P.ok)return P.json();throw new Error("Failed to fetch user flow states")}).catch(P=>(console.log(`Error fetching ${f}: ${P}. Will gracefully degrade and hide Frigade`),l(!0),c)),S=o&&r&&n?`${t}userFlowStates?foreignUserId=${encodeURIComponent(n)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:F,isLoading:b,mutate:g,error:B}=p?fa(S,x):ua(S,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),y=F==null?void 0:F.data;ca(()=>{!s&&!b&&y&&m(!0)},[y,s,b]);function E(f){return $(this,null,function*(){if(y&&!p){let P=y.find(N=>N.flowId===f);P&&P.flowState!==Q&&(P.flowState=Q),yield g(Promise.resolve(ge(F,{data:y})),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}function A(f,P,N){return $(this,null,function*(){if(y){let L=y.find(O=>O.flowId===f);L&&(L.stepStates[P]=N,L.flowState=wt),yield g(Promise.resolve(ge(F,{data:y})),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}function I(f,P,N){return $(this,null,function*(){if(y){let L=y.find(O=>O.flowId===f);L&&(L.lastStepId=P,L.stepStates[P]=N,L.flowState=wt),yield g(ge(F,{data:y}),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}function h(f){return $(this,null,function*(){if(y){let P=y.find(N=>N.flowId===f);P&&P.flowState!==$e&&(P.flowState=$e,P.lastStepId=ga,Object.keys(P.stepStates).forEach(N=>{P.stepStates[N].actionType=He,P.stepStates[N].createdAt=new Date().toISOString()}),yield g(ge(F,{data:y}),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1}),d(f))}})}function w(f,P){return $(this,null,function*(){if(y){let N=y.find(L=>L.flowId===f);N&&N.stepStates[P]!==He&&(N.stepStates[P]=He),yield g(ge(F,{data:y}),{optimisticData:ge(F,{data:y}),revalidate:!1,rollbackOnError:!1})}})}return{userFlowStatesData:y,isLoadingUserFlowStateData:!s,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:E,optimisticallyMarkFlowNotStarted:h,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:w,optimisticallyMarkStepStarted:I,error:B}}function no(){let{config:e,apiUrl:t}=Xe(),{userFlowStatesData:o,mutateUserFlowState:n}=Me(),{failedFlowResponses:i,setFailedFlowResponses:r,flowResponses:l,setFlowResponses:p}=xa(X),[d,s]=ai(new Set),[m,c]=ai(new Set),x=Ut();function S(g){let B=JSON.stringify(g);if(d.has(B))return null;d.add(B),s(d),m.add(g),c(m);let y=l==null?void 0:l.find(E=>E.flowSlug===g.flowSlug&&E.stepId===g.stepId&&E.actionType===g.actionType&&E.createdAt===g.createdAt);return x(`${t}flowResponses`,H(T({},e),{method:"POST",body:B})).then(E=>{E.status!==200&&E.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),r([...i,g])):y||p(A=>[...A!=null?A:[],g])})}function F(g){return $(this,null,function*(){g.foreignUserId&&(g.actionType===wt||g.actionType===$e?yield S(g):g.actionType===Q?yield S(g):g.actionType===vo?yield S(g):g.actionType===Ge?yield S(g):g.actionType===Po?yield S(g):g.actionType===He&&(yield S(g)))})}function b(){let g=[];return o==null||o.forEach(B=>{if(B&&B.stepStates&&Object.keys(B.stepStates).length!==0)for(let y in B.stepStates){let E=B.stepStates[y];g.push({foreignUserId:B.foreignUserId,flowSlug:B.flowId,stepId:E.stepId,actionType:E.actionType,data:{},createdAt:new Date(E.createdAt),blocked:E.blocked,hidden:E.hidden})}}),[...g,...l]}return{addResponse:F,setFlowResponses:p,getFlowResponses:b}}import ba from"swr";var ha=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,pi=e=>{let t=ha.exec(e);if(t===null)return null;let o=null;return t.forEach((n,i)=>{let r=Ca(n,"'","");r.startsWith("flow_")&&(o=r)}),o},Ca=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function nr(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var sr=(s=>(s.CHECKLIST="CHECKLIST",s.FORM="FORM",s.TOUR="TOUR",s.SUPPORT="SUPPORT",s.CUSTOM="CUSTOM",s.BANNER="BANNER",s.EMBEDDED_TIP="EMBEDDED_TIP",s.NPS_SURVEY="NPS_SURVEY",s.ANNOUNCEMENT="ANNOUNCEMENT",s))(sr||{});function ee(){let{config:e,apiUrl:t}=Xe(),{flows:o,setFlows:n,userId:i,organizationId:r,publicApiKey:l,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:x,readonly:S}=ya(X),F={data:[]},{verifySDKInitiated:b}=Wt(),{addResponse:g,getFlowResponses:B}=no(),y=C=>fetch(C,e).then(u=>u.ok?u.json():(console.log(`Error fetching ${C} (${u.status}): ${u.statusText}. Will gracefully degrade and hide Frigade`),x(!0),F)).catch(u=>(console.log(`Error fetching ${C}: ${u}. Will gracefully degrade and hide Frigade`),x(!0),F)),{mutateUserFlowState:E,userFlowStatesData:A,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:w,optimisticallyMarkStepCompleted:f,optimisticallyMarkStepNotStarted:P,optimisticallyMarkStepStarted:N}=Me(),{data:L,error:O,isLoading:U}=ba(l?`${t}flows${S?"?readonly=true":""}`:null,y,{keepPreviousData:!0});Sa(()=>{if(O){console.error(O);return}L&&L.data&&n(L.data)},[L,O]);function W(C){if(U)return null;let u=o.find(k=>k.slug===C);return!u&&o.length>0&&!I&&!U?(console.log(`Flow with id ${C} not found`),null):(u==null?void 0:u.active)===!1&&!S?null:u}function V(C){var z,ue;if(!W(C))return[];let u=W(C).data;return u?(u=le(u),((ue=(z=nr(u))==null?void 0:z.data)!=null?ue:[]).map(fe=>{let ro=J(fe);return H(T({handleSecondaryButtonClick:()=>{fe.skippable===!0&&G(C,fe.id,{skipped:!0})}},fe),{complete:ce(C,fe.id)===Ge||ro>=1,blocked:Ae(C,fe.id),hidden:be(C,fe.id),handlePrimaryButtonClick:()=>{(!fe.completionCriteria&&(fe.autoMarkCompleted||fe.autoMarkCompleted===void 0)||fe.completionCriteria&&fe.autoMarkCompleted===!0)&&G(C,fe.id)},progress:ro})}).filter(fe=>fe.hidden!==!0)):[]}function le(C){return C.replaceAll(/\${(.*?)}/g,(u,k)=>p[k]===void 0?"":String(p[k]).replace(/[\u00A0-\u9999<>\&]/g,function(z){return"&#"+z.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function Z(C){var k;if(!W(C))return[];let u=W(C).data;return u?(u=le(u),(k=JSON.parse(u))!=null?k:{}):[]}function q(C,u){d(k=>H(T({},k),{[C]:u}))}function he(C){!I&&!U&&C&&JSON.stringify(p)!=JSON.stringify(T(T({},p),C))&&Object.keys(C).forEach(u=>{q(u,C[u])})}let Pe=Tt((C,u,k)=>$(this,null,function*(){if(!b())return;let z={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:u,actionType:vo,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};R(z)&&(yield N(C,u,z),g(z))}),[i,r,A]),Se=Tt((C,u,k)=>$(this,null,function*(){if(!b())return;let z={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:u,actionType:He,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};R(z)&&(yield P(C,u),g(z))}),[i,r,A]),G=Tt((C,u,k)=>$(this,null,function*(){if(!b())return;let z={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:u,actionType:Ge,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};R(z)&&(yield f(C,u,z),g(z))}),[i,r,A]),Y=Tt((C,u)=>$(this,null,function*(){if(!b()||Ce(C)===$e)return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:$e,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};yield w(C),R(k)&&g(k)}),[i,r,A]),te=Tt((C,u)=>$(this,null,function*(){if(!b())return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:wt,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};R(k)&&g(k)}),[i,r,A]),Ve=Tt((C,u)=>$(this,null,function*(){if(!b())return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:Q,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};R(k)&&(yield h(C),g(k))}),[i,r,A]),Le=Tt((C,u)=>$(this,null,function*(){if(!b())return;let k={foreignUserId:i,foreignUserGroupId:r!=null?r:null,flowSlug:C,stepId:"unknown",actionType:Po,data:u!=null?u:{},createdAt:new Date,blocked:!1,hidden:!1};R(k)&&(yield h(C),g(k))}),[i,r,A]);function R(C){var u;if(!A&&C.actionType===He)return!1;if(A){let k=A.find(z=>z.flowId===C.flowSlug);if(C.actionType===He&&(!(k!=null&&k.stepStates[C.stepId])||k.stepStates[C.stepId].actionType===He)||k&&((u=k.stepStates[C.stepId])==null?void 0:u.actionType)===C.actionType||k&&k.flowState===Q&&C.actionType===Q)return!1}return!0}function ce(C,u){let k=M(C,u);return I?null:k?k.actionType:He}function Ae(C,u){let k=M(C,u);return k?k.blocked:!1}function be(C,u){let k=M(C,u);return k?k.hidden:!1}function M(C,u){var z;if(I)return null;let k=A==null?void 0:A.find(ue=>ue.flowId===C);return!k||!k.stepStates[u]?null:(z=k.stepStates[u])!=null?z:null}function D(C){var k,z;if(I||!A)return null;if(Ce(C)===$e)return(k=V(C)[0])!=null?k:null;let u=(z=A.find(ue=>ue.flowId===C))==null?void 0:z.lastStepId;return u?V(C).find(ue=>ue.id===u):null}function _(C){var z;let u=D(C);if(!u)return 0;let k=(z=V(C).findIndex(ue=>ue.id===u.id))!=null?z:0;return ce(C,u.id)===Ge&&k<V(C).length-1?k+1:k}function J(C){if(!C.completionCriteria)return;let u=pi(C.completionCriteria);if(u===null)return;let k=De(u),z=ot(u);return z===0?void 0:k/z}function Ce(C){let u=A==null?void 0:A.find(k=>k.flowId===C);return u?u.flowState:null}function De(C){let u=V(C);return u.length===0?0:u.filter(z=>ce(C,z.id)===Ge).length}function ot(C){return V(C).length}function Ye(C){let u=o.find(k=>k.slug===C);return u?nr(u.data):null}function bt(C){if(S)return!1;if(I)return!0;if(C!=null&&C.targetingLogic&&A){let u=A.find(k=>k.flowId===C.slug);if(u)return u.shouldTrigger===!1}return!!(C!=null&&C.targetingLogic&&i&&i.startsWith("guest_"))}function Dt(C){return!bt(W(C))}function $t(){i&&E()}return{getFlow:W,getFlowData:Ye,isLoading:I||U,getStepStatus:ce,getFlowSteps:V,getCurrentStepIndex:_,markStepStarted:Pe,markStepCompleted:G,markFlowNotStarted:Y,markFlowStarted:te,markFlowCompleted:Ve,markFlowAborted:Le,markStepNotStarted:Se,getFlowStatus:Ce,getNumberOfStepsCompleted:De,getNumberOfSteps:ot,targetingLogicShouldHideFlow:bt,setCustomVariable:q,updateCustomVariables:he,customVariables:p,getStepOptionalProgress:J,getFlowMetadata:Z,isStepBlocked:Ae,isStepHidden:be,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,isFlowAvailableToUser:Dt,refresh:$t}}import{useCallback as lr,useContext as wa,useEffect as Ta}from"react";var zt="guest_";function so(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:n,shouldGracefullyDegrade:i}=wa(X),{config:r,apiUrl:l}=Xe(),{mutateUserFlowState:p}=Me(),d=Ut(),{verifySDKInitiated:s}=Wt();function m(F){return`frigade-user-registered-${F}`}Ta(()=>{if(e&&!t){if(e.startsWith(zt))return;let F=m(e);localStorage.getItem(F)||(d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(F,"true"))}},[e,i,t]);let c=lr(F=>$(this,null,function*(){if(!s())return;let b={foreignId:e,properties:F};yield d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify(b)})),n(g=>T(T({},g),F)),p()}),[e,r,i,p]),x=lr((F,b)=>$(this,null,function*(){if(!s())return;let B={foreignId:e,events:[{event:F,properties:b}]};yield d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify(B)})),p()}),[e,r,p]),S=lr((F,b)=>$(this,null,function*(){if(s())if(b){let g=m(F);localStorage.setItem(g,"true"),o(F);let B={foreignId:F,properties:b};yield d(`${l}users`,H(T({},r),{method:"POST",body:JSON.stringify(B)})),n(y=>T(T({},y),b)),p()}else o(F)}),[r,i,p]);return{userId:e,setUserId:o,setUserIdWithProperties:S,addPropertiesToUser:c,trackEventForUser:x}}import{v4 as qp}from"uuid";import Re,{useEffect as Br,useState as un}from"react";import Ke,{useEffect as cr,useState as Oa}from"react";import Io from"styled-components";import Fa from"react";import ka from"styled-components";var di="fr-",lo="cfr-";function a(e,t){let o=`${di}${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+" "+lo+e}return o}function v(e){if(!e.className||e.className.indexOf(lo)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(di)?"":`:not(${o.map(n=>`.${n}`).join(", ")})`}function Bo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Oe(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Bo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function we(...e){return e.filter(Boolean).join(" ")}function ao(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Pa=ka.div`
   display: flex;
   justify-content: center;
   position: fixed;