@frigade/react 1.35.4 → 1.35.5

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.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- var Zl=Object.create;var Do=Object.defineProperty;var Rl=Object.getOwnPropertyDescriptor;var ea=Object.getOwnPropertyNames;var ta=Object.getPrototypeOf,oa=Object.prototype.hasOwnProperty;var ra=(e,t)=>{for(var o in t)Do(e,o,{get:t[o],enumerable:!0})},Kr=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ea(t))!oa.call(e,r)&&r!==o&&Do(e,r,{get:()=>t[r],enumerable:!(i=Rl(t,r))||i.enumerable});return e};var f=(e,t,o)=>(o=e!=null?Zl(ta(e)):{},Kr(t||!e||!e.__esModule?Do(o,"default",{value:e,enumerable:!0}):o,e)),ia=e=>Kr(Do({},"__esModule",{value:!0}),e);var od={};ra(od,{Box:()=>eo,Button:()=>Ql,CheckBox:()=>nt,FormLabel:()=>ht,FormTextField:()=>Yo,FrigadeAnnouncement:()=>Yl,FrigadeBanner:()=>Nl,FrigadeChecklist:()=>pr,FrigadeDefaultAppearance:()=>rt,FrigadeEmbeddedTip:()=>kl,FrigadeForm:()=>kr,FrigadeGuide:()=>rl,FrigadeHeroChecklist:()=>Vs,FrigadeNPSSurvey:()=>Ul,FrigadeProgressBadge:()=>tl,FrigadeProvider:()=>gn,FrigadeSupportWidget:()=>Sl,FrigadeTour:()=>pl,ProgressRing:()=>Lt,Text:()=>mr,tokens:()=>rr,useFlowOpens:()=>Ne,useFlowResponses:()=>Gt,useFlows:()=>J,useOrganization:()=>er,useUser:()=>qt,useUserFlowStates:()=>Ue});module.exports=ia(od);var Q=f(require("react")),mn=require("styled-components");var he=f(require("react"));var qe=require("react");var Nt=f(require("react"));var qr="1.35.4 ";var Ke="NOT_STARTED_STEP",Z="COMPLETED_FLOW",$o="ABORTED_FLOW",It="STARTED_FLOW",Je="NOT_STARTED_FLOW",Qe="COMPLETED_STEP",Mo="STARTED_STEP";function tt(){let{publicApiKey:e,userId:t,apiUrl:o}=Nt.default.useContext(X);return{config:(0,Nt.useMemo)(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":qr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:(0,Nt.useMemo)(()=>`${o}/v1/public/`,[o])}}var na="frigade-last-call-at-",sa="frigade-last-call-data-";function Ht(){let{shouldGracefullyDegrade:e,readonly:t}=Nt.default.useContext(X);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Wt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Wt();let r=na+o,n=sa+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 a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return Wt()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return Wt(p)}return s?s.ok?s:Wt(s.statusText):Wt()}}function Wt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function jt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Nt.default.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}}var fo=require("react");var Vt=require("react");var Xr=f(require("swr"));var Yr=require("react");function Ne(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=(0,Yr.useContext)(X);function n(d,h=!1){return e[d]??h}function s(d,h){t(b=>({...b,[d]:h}))}function p(d){t(h=>{let{[d]:b,...T}=h;return{...T}})}function c(d){r.includes(d)||i(h=>[...h,d])}function a(d){return r.includes(d)}function x(d){return Object.entries(e).some(([h,b])=>b&&h!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}var Jr=f(require("swr/immutable")),la="unknown";function Ue(){let{config:e,apiUrl:t}=tt(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=(0,Vt.useContext)(X),{resetOpenFlowState:c}=Ne(),[a,x]=(0,Vt.useState)(!1),d={data:n.map(F=>({flowId:F.id,flowState:Z,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},h=F=>fetch(F,e).then(k=>{if(k.ok)return k.json();throw new Error("Failed to fetch user flow states")}).catch(k=>(console.log(`Error fetching ${F}: ${k}. Will gracefully degrade and hide Frigade`),s(!0),d)),b=o&&n&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${r?`&foreignUserGroupId=${encodeURIComponent(r)}`:""}`:null,{data:T,isLoading:v,mutate:g,error:A}=p?(0,Jr.default)(b,h):(0,Xr.default)(b,h,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),w=T==null?void 0:T.data;(0,Vt.useEffect)(()=>{!a&&!v&&w&&x(!0)},[w,a,v]);async function S(F){if(w&&!p){let k=w.find(L=>L.flowId===F);k&&k.flowState!==Z&&(k.flowState=Z),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function N(F,k,L){if(w){let I=w.find(O=>O.flowId===F);I&&(I.stepStates[k]=L,I.flowState=It),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function C(F,k,L){if(w){let I=w.find(O=>O.flowId===F);I&&(I.lastStepId=k,I.stepStates[k]=L,I.flowState=It),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function m(F){if(w){let k=w.find(L=>L.flowId===F);k&&k.flowState!==Je&&(k.flowState=Je,k.lastStepId=la,Object.keys(k.stepStates).forEach(L=>{k.stepStates[L].actionType=Ke,k.stepStates[L].createdAt=new Date().toISOString()}),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1}),c(F))}}async function E(F,k){if(w){let L=w.find(I=>I.flowId===F);L&&L.stepStates[k]!==Ke&&(L.stepStates[k]=Ke),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:w,isLoadingUserFlowStateData:!a,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:N,optimisticallyMarkStepNotStarted:E,optimisticallyMarkStepStarted:C,error:A}}function Gt(){let{config:e,apiUrl:t}=tt(),{userFlowStatesData:o,mutateUserFlowState:i}=Ue(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=(0,fo.useContext)(X),[c,a]=(0,fo.useState)(new Set),[x,d]=(0,fo.useState)(new Set),h=Ht();function b(g){let A=JSON.stringify(g);if(c.has(A))return null;c.add(A),a(c),x.add(g),d(x);let w=s==null?void 0:s.find(S=>S.flowSlug===g.flowSlug&&S.stepId===g.stepId&&S.actionType===g.actionType&&S.createdAt===g.createdAt);return h(`${t}flowResponses`,{...e,method:"POST",body:A}).then(S=>{S.status!==200&&S.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),n([...r,g])):w||p(N=>[...N??[],g])})}async function T(g){g.foreignUserId&&(g.actionType===It||g.actionType===Je?await b(g):g.actionType===Z?await b(g):g.actionType===Mo?await b(g):g.actionType===Qe?await b(g):g.actionType===$o?await b(g):g.actionType===Ke&&await b(g))}function v(){let g=[];return o==null||o.forEach(A=>{if(A&&A.stepStates&&Object.keys(A.stepStates).length!==0)for(let w in A.stepStates){let S=A.stepStates[w];g.push({foreignUserId:A.foreignUserId,flowSlug:A.flowId,stepId:S.stepId,actionType:S.actionType,data:{},createdAt:new Date(S.createdAt),blocked:S.blocked,hidden:S.hidden})}}),[...g,...s]}return{addResponse:T,setFlowResponses:p,getFlowResponses:v}}var Zr=f(require("swr"));var aa=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Qr=e=>{let t=aa.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=pa(i,"'","");n.startsWith("flow_")&&(o=n)}),o},pa=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function J(){let{config:e,apiUrl:t}=tt(),{flows:o,setFlows:i,userId:r,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:x,setShouldGracefullyDegrade:d,readonly:h}=(0,qe.useContext)(X),b={data:[]},{verifySDKInitiated:T}=jt(),{addResponse:v,getFlowResponses:g}=Gt(),A=u=>fetch(u,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${u} (${y.status}): ${y.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),b)).catch(y=>(console.log(`Error fetching ${u}: ${y}. Will gracefully degrade and hide Frigade`),d(!0),b)),{mutateUserFlowState:w,userFlowStatesData:S,isLoadingUserFlowStateData:N,optimisticallyMarkFlowCompleted:C,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:E,optimisticallyMarkStepNotStarted:F,optimisticallyMarkStepStarted:k}=Ue(),{data:L,error:I,isLoading:O}=(0,Zr.default)(n?`${t}flows${h?"?readonly=true":""}`:null,A,{keepPreviousData:!0});(0,qe.useEffect)(()=>{if(I){console.error(I);return}L&&L.data&&i(L.data)},[L,I]);function U(u){if(O)return null;let y=o.find(B=>B.slug===u);return!y&&o.length>0&&!N&&!O?(console.log(`Flow with slug ${u} not found`),null):(y==null?void 0:y.active)===!1?null:y}function M(u){var H;if(!U(u))return[];let y=U(u).data;return y?(y=se(y),(((H=JSON.parse(y))==null?void 0:H.data)??[]).map(Ae=>{let Gr=me(Ae);return{handleSecondaryButtonClick:()=>{Ae.skippable===!0&&V(u,Ae.id,{skipped:!0})},...Ae,complete:Pe(u,Ae.id)===Qe||Gr>=1,blocked:pe(u,Ae.id),hidden:$(u,Ae.id),handlePrimaryButtonClick:()=>{(!Ae.completionCriteria&&(Ae.autoMarkCompleted||Ae.autoMarkCompleted===void 0)||Ae.completionCriteria&&Ae.autoMarkCompleted===!0)&&V(u,Ae.id)},progress:Gr}}).filter(Ae=>Ae.hidden!==!0)):[]}function se(u){return u.replaceAll(/\${(.*?)}/g,(y,B)=>s[B]===void 0?"":String(s[B]).replace(/[\u00A0-\u9999<>\&]/g,function(H){return"&#"+H.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function _(u){if(!U(u))return[];let y=U(u).data;return y?(y=se(y),JSON.parse(y)??{}):[]}function le(u,y){p(B=>({...B,[u]:y}))}function ke(u){!N&&!O&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(y=>{le(y,u[y])})}let ee=(0,qe.useCallback)(async(u,y,B)=>{if(!T())return;let H={foreignUserId:r,flowSlug:u,stepId:y,actionType:Mo,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};te(H)&&(await k(u,y,H),v(H))},[r,S]),j=(0,qe.useCallback)(async(u,y,B)=>{if(!T())return;let H={foreignUserId:r,flowSlug:u,stepId:y,actionType:Ke,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};te(H)&&(await F(u,y),v(H))},[r,S]),V=(0,qe.useCallback)(async(u,y,B)=>{if(!T())return;let H={foreignUserId:r,flowSlug:u,stepId:y,actionType:Qe,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};te(H)&&(await E(u,y,H),v(H))},[r,S]),Ee=(0,qe.useCallback)(async(u,y)=>{if(!T()||fe(u)===Je)return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Je,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),te(B)&&v(B)},[r,S]),Ge=(0,qe.useCallback)(async(u,y)=>{if(!T())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:It,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};te(B)&&v(B)},[r,S]),Le=(0,qe.useCallback)(async(u,y)=>{if(!T())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Z,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};te(B)&&(await C(u),v(B))},[r,S]),be=(0,qe.useCallback)(async(u,y)=>{if(!T())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:$o,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};te(B)&&(await C(u),v(B))},[r,S]);function te(u){var y;if(!S&&u.actionType===Ke)return!1;if(S){let B=S.find(H=>H.flowId===u.flowSlug);if(u.actionType===Ke&&(!(B!=null&&B.stepStates[u.stepId])||B.stepStates[u.stepId].actionType===Ke)||B&&((y=B.stepStates[u.stepId])==null?void 0:y.actionType)===u.actionType||B&&B.flowState===Z&&u.actionType===Z)return!1}return!0}function Pe(u,y){let B=G(u,y);return N?null:B?B.actionType:Ke}function pe(u,y){let B=G(u,y);return B?B.blocked:!1}function $(u,y){let B=G(u,y);return B?B.hidden:!1}function G(u,y){if(N)return null;let B=S==null?void 0:S.find(H=>H.flowId===u);return!B||!B.stepStates[y]?null:B.stepStates[y]??null}function K(u){var B;if(N||!S)return null;if(fe(u)===Je)return M(u)[0]??null;let y=(B=S.find(H=>H.flowId===u))==null?void 0:B.lastStepId;return y?M(u).find(H=>H.id===y):null}function ce(u){let y=K(u);if(!y)return 0;let B=M(u).findIndex(H=>H.id===y.id)??0;return Pe(u,y.id)===Qe&&B<M(u).length-1?B+1:B}function me(u){if(!u.completionCriteria)return;let y=Qr(u.completionCriteria);if(y===null)return;let B=ft(y),H=Xe(y);return H===0?void 0:B/H}function fe(u){let y=S==null?void 0:S.find(B=>B.flowId===u);return y?y.flowState:null}function ft(u){let y=M(u);return y.length===0?0:y.filter(H=>Pe(u,H.id)===Qe).length}function Xe(u){return M(u).length}function Y(u){let y=o.find(B=>B.slug===u);return y?JSON.parse(y.data):null}function We(u){if(h)return!1;if(N)return!0;if(u!=null&&u.targetingLogic&&S){let y=S.find(B=>B.flowId===u.slug);if(y)return y.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function uo(u){return!We(U(u))}function Lo(){r&&w()}return{getFlow:U,getFlowData:Y,isLoading:N||O,getStepStatus:Pe,getFlowSteps:M,getCurrentStepIndex:ce,markStepStarted:ee,markStepCompleted:V,markFlowNotStarted:Ee,markFlowStarted:Ge,markFlowCompleted:Le,markFlowAborted:be,markStepNotStarted:j,getFlowStatus:fe,getNumberOfStepsCompleted:ft,getNumberOfSteps:Xe,targetingLogicShouldHideFlow:We,setCustomVariable:le,updateCustomVariables:ke,customVariables:s,getStepOptionalProgress:me,getFlowMetadata:_,isStepBlocked:pe,isStepHidden:$,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:uo,refresh:Lo}}var Ot=require("react");var Kt="guest_";function qt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=(0,Ot.useContext)(X),{config:n,apiUrl:s}=tt(),{mutateUserFlowState:p}=Ue(),c=Ht(),{verifySDKInitiated:a}=jt();(0,Ot.useEffect)(()=>{if(e&&!t){if(e.startsWith(Kt))return;let h=`frigade-user-registered-${e}`;localStorage.getItem(h)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(h,"true"))}},[e,r,t]);let x=(0,Ot.useCallback)(async h=>{if(!a())return;let b={foreignId:e,properties:h};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),i(T=>({...T,...h})),p()},[e,n,r,p]),d=(0,Ot.useCallback)(async(h,b)=>{if(!a())return;let v={foreignId:e,events:[{event:h,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(v)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:x,trackEventForUser:d}}var tn=require("uuid");var Me=f(require("react"));var ze=f(require("react")),ho=f(require("styled-components"));var ei=f(require("react")),ti=f(require("styled-components"));var Rr="fr-",go="cfr-";function l(e,t){let o=`${Rr}${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+" "+go+e}return o}function P(e){if(!e.className||e.className.indexOf(go)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Rr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function fr(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function gt(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${fr(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ve(...e){return e.filter(Boolean).join(" ")}function xo(e){return e.charAt(0).toUpperCase()+e.slice(1)}var da=ti.default.div`
2
+ var Zl=Object.create;var Do=Object.defineProperty;var Rl=Object.getOwnPropertyDescriptor;var ea=Object.getOwnPropertyNames;var ta=Object.getPrototypeOf,oa=Object.prototype.hasOwnProperty;var ra=(e,t)=>{for(var o in t)Do(e,o,{get:t[o],enumerable:!0})},Kr=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ea(t))!oa.call(e,r)&&r!==o&&Do(e,r,{get:()=>t[r],enumerable:!(i=Rl(t,r))||i.enumerable});return e};var f=(e,t,o)=>(o=e!=null?Zl(ta(e)):{},Kr(t||!e||!e.__esModule?Do(o,"default",{value:e,enumerable:!0}):o,e)),ia=e=>Kr(Do({},"__esModule",{value:!0}),e);var od={};ra(od,{Box:()=>eo,Button:()=>Ql,CheckBox:()=>nt,FormLabel:()=>ht,FormTextField:()=>Yo,FrigadeAnnouncement:()=>Yl,FrigadeBanner:()=>Nl,FrigadeChecklist:()=>pr,FrigadeDefaultAppearance:()=>rt,FrigadeEmbeddedTip:()=>kl,FrigadeForm:()=>kr,FrigadeGuide:()=>rl,FrigadeHeroChecklist:()=>Vs,FrigadeNPSSurvey:()=>Ul,FrigadeProgressBadge:()=>tl,FrigadeProvider:()=>gn,FrigadeSupportWidget:()=>Sl,FrigadeTour:()=>pl,ProgressRing:()=>Lt,Text:()=>mr,tokens:()=>rr,useFlowOpens:()=>Ne,useFlowResponses:()=>Gt,useFlows:()=>J,useOrganization:()=>er,useUser:()=>qt,useUserFlowStates:()=>Ue});module.exports=ia(od);var Q=f(require("react")),mn=require("styled-components");var he=f(require("react"));var qe=require("react");var Nt=f(require("react"));var qr="1.35.5 ";var Ke="NOT_STARTED_STEP",Z="COMPLETED_FLOW",$o="ABORTED_FLOW",It="STARTED_FLOW",Je="NOT_STARTED_FLOW",Qe="COMPLETED_STEP",Mo="STARTED_STEP";function tt(){let{publicApiKey:e,userId:t,apiUrl:o}=Nt.default.useContext(X);return{config:(0,Nt.useMemo)(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":qr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:(0,Nt.useMemo)(()=>`${o}/v1/public/`,[o])}}var na="frigade-last-call-at-",sa="frigade-last-call-data-";function Ht(){let{shouldGracefullyDegrade:e,readonly:t}=Nt.default.useContext(X);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Wt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Wt();let r=na+o,n=sa+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 a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return Wt()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return Wt(p)}return s?s.ok?s:Wt(s.statusText):Wt()}}function Wt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function jt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Nt.default.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}}var fo=require("react");var Vt=require("react");var Xr=f(require("swr"));var Yr=require("react");function Ne(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=(0,Yr.useContext)(X);function n(d,h=!1){return e[d]??h}function s(d,h){t(b=>({...b,[d]:h}))}function p(d){t(h=>{let{[d]:b,...T}=h;return{...T}})}function c(d){r.includes(d)||i(h=>[...h,d])}function a(d){return r.includes(d)}function x(d){return Object.entries(e).some(([h,b])=>b&&h!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}var Jr=f(require("swr/immutable")),la="unknown";function Ue(){let{config:e,apiUrl:t}=tt(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=(0,Vt.useContext)(X),{resetOpenFlowState:c}=Ne(),[a,x]=(0,Vt.useState)(!1),d={data:n.map(F=>({flowId:F.id,flowState:Z,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},h=F=>fetch(F,e).then(k=>{if(k.ok)return k.json();throw new Error("Failed to fetch user flow states")}).catch(k=>(console.log(`Error fetching ${F}: ${k}. Will gracefully degrade and hide Frigade`),s(!0),d)),b=o&&n&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${r?`&foreignUserGroupId=${encodeURIComponent(r)}`:""}`:null,{data:T,isLoading:v,mutate:g,error:A}=p?(0,Jr.default)(b,h):(0,Xr.default)(b,h,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),w=T==null?void 0:T.data;(0,Vt.useEffect)(()=>{!a&&!v&&w&&x(!0)},[w,a,v]);async function S(F){if(w&&!p){let k=w.find(L=>L.flowId===F);k&&k.flowState!==Z&&(k.flowState=Z),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function N(F,k,L){if(w){let I=w.find(O=>O.flowId===F);I&&(I.stepStates[k]=L,I.flowState=It),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function C(F,k,L){if(w){let I=w.find(O=>O.flowId===F);I&&(I.lastStepId=k,I.stepStates[k]=L,I.flowState=It),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function m(F){if(w){let k=w.find(L=>L.flowId===F);k&&k.flowState!==Je&&(k.flowState=Je,k.lastStepId=la,Object.keys(k.stepStates).forEach(L=>{k.stepStates[L].actionType=Ke,k.stepStates[L].createdAt=new Date().toISOString()}),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1}),c(F))}}async function E(F,k){if(w){let L=w.find(I=>I.flowId===F);L&&L.stepStates[k]!==Ke&&(L.stepStates[k]=Ke),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:w,isLoadingUserFlowStateData:!a,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:N,optimisticallyMarkStepNotStarted:E,optimisticallyMarkStepStarted:C,error:A}}function Gt(){let{config:e,apiUrl:t}=tt(),{userFlowStatesData:o,mutateUserFlowState:i}=Ue(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=(0,fo.useContext)(X),[c,a]=(0,fo.useState)(new Set),[x,d]=(0,fo.useState)(new Set),h=Ht();function b(g){let A=JSON.stringify(g);if(c.has(A))return null;c.add(A),a(c),x.add(g),d(x);let w=s==null?void 0:s.find(S=>S.flowSlug===g.flowSlug&&S.stepId===g.stepId&&S.actionType===g.actionType&&S.createdAt===g.createdAt);return h(`${t}flowResponses`,{...e,method:"POST",body:A}).then(S=>{S.status!==200&&S.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),n([...r,g])):w||p(N=>[...N??[],g])})}async function T(g){g.foreignUserId&&(g.actionType===It||g.actionType===Je?await b(g):g.actionType===Z?await b(g):g.actionType===Mo?await b(g):g.actionType===Qe?await b(g):g.actionType===$o?await b(g):g.actionType===Ke&&await b(g))}function v(){let g=[];return o==null||o.forEach(A=>{if(A&&A.stepStates&&Object.keys(A.stepStates).length!==0)for(let w in A.stepStates){let S=A.stepStates[w];g.push({foreignUserId:A.foreignUserId,flowSlug:A.flowId,stepId:S.stepId,actionType:S.actionType,data:{},createdAt:new Date(S.createdAt),blocked:S.blocked,hidden:S.hidden})}}),[...g,...s]}return{addResponse:T,setFlowResponses:p,getFlowResponses:v}}var Zr=f(require("swr"));var aa=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Qr=e=>{let t=aa.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=pa(i,"'","");n.startsWith("flow_")&&(o=n)}),o},pa=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function J(){let{config:e,apiUrl:t}=tt(),{flows:o,setFlows:i,userId:r,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:x,setShouldGracefullyDegrade:d,readonly:h}=(0,qe.useContext)(X),b={data:[]},{verifySDKInitiated:T}=jt(),{addResponse:v,getFlowResponses:g}=Gt(),A=u=>fetch(u,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${u} (${y.status}): ${y.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),b)).catch(y=>(console.log(`Error fetching ${u}: ${y}. Will gracefully degrade and hide Frigade`),d(!0),b)),{mutateUserFlowState:w,userFlowStatesData:S,isLoadingUserFlowStateData:N,optimisticallyMarkFlowCompleted:C,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:E,optimisticallyMarkStepNotStarted:F,optimisticallyMarkStepStarted:k}=Ue(),{data:L,error:I,isLoading:O}=(0,Zr.default)(n?`${t}flows${h?"?readonly=true":""}`:null,A,{keepPreviousData:!0});(0,qe.useEffect)(()=>{if(I){console.error(I);return}L&&L.data&&i(L.data)},[L,I]);function U(u){if(O)return null;let y=o.find(B=>B.slug===u);return!y&&o.length>0&&!N&&!O?(console.log(`Flow with slug ${u} not found`),null):(y==null?void 0:y.active)===!1?null:y}function M(u){var H;if(!U(u))return[];let y=U(u).data;return y?(y=se(y),(((H=JSON.parse(y))==null?void 0:H.data)??[]).map(Ae=>{let Gr=me(Ae);return{handleSecondaryButtonClick:()=>{Ae.skippable===!0&&V(u,Ae.id,{skipped:!0})},...Ae,complete:Pe(u,Ae.id)===Qe||Gr>=1,blocked:pe(u,Ae.id),hidden:$(u,Ae.id),handlePrimaryButtonClick:()=>{(!Ae.completionCriteria&&(Ae.autoMarkCompleted||Ae.autoMarkCompleted===void 0)||Ae.completionCriteria&&Ae.autoMarkCompleted===!0)&&V(u,Ae.id)},progress:Gr}}).filter(Ae=>Ae.hidden!==!0)):[]}function se(u){return u.replaceAll(/\${(.*?)}/g,(y,B)=>s[B]===void 0?"":String(s[B]).replace(/[\u00A0-\u9999<>\&]/g,function(H){return"&#"+H.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function _(u){if(!U(u))return[];let y=U(u).data;return y?(y=se(y),JSON.parse(y)??{}):[]}function le(u,y){p(B=>({...B,[u]:y}))}function ke(u){!N&&!O&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(y=>{le(y,u[y])})}let ee=(0,qe.useCallback)(async(u,y,B)=>{if(!T())return;let H={foreignUserId:r,flowSlug:u,stepId:y,actionType:Mo,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};te(H)&&(await k(u,y,H),v(H))},[r,S]),j=(0,qe.useCallback)(async(u,y,B)=>{if(!T())return;let H={foreignUserId:r,flowSlug:u,stepId:y,actionType:Ke,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};te(H)&&(await F(u,y),v(H))},[r,S]),V=(0,qe.useCallback)(async(u,y,B)=>{if(!T())return;let H={foreignUserId:r,flowSlug:u,stepId:y,actionType:Qe,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};te(H)&&(await E(u,y,H),v(H))},[r,S]),Ee=(0,qe.useCallback)(async(u,y)=>{if(!T()||fe(u)===Je)return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Je,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),te(B)&&v(B)},[r,S]),Ge=(0,qe.useCallback)(async(u,y)=>{if(!T())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:It,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};te(B)&&v(B)},[r,S]),Le=(0,qe.useCallback)(async(u,y)=>{if(!T())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Z,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};te(B)&&(await C(u),v(B))},[r,S]),be=(0,qe.useCallback)(async(u,y)=>{if(!T())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:$o,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};te(B)&&(await C(u),v(B))},[r,S]);function te(u){var y;if(!S&&u.actionType===Ke)return!1;if(S){let B=S.find(H=>H.flowId===u.flowSlug);if(u.actionType===Ke&&(!(B!=null&&B.stepStates[u.stepId])||B.stepStates[u.stepId].actionType===Ke)||B&&((y=B.stepStates[u.stepId])==null?void 0:y.actionType)===u.actionType||B&&B.flowState===Z&&u.actionType===Z)return!1}return!0}function Pe(u,y){let B=G(u,y);return N?null:B?B.actionType:Ke}function pe(u,y){let B=G(u,y);return B?B.blocked:!1}function $(u,y){let B=G(u,y);return B?B.hidden:!1}function G(u,y){if(N)return null;let B=S==null?void 0:S.find(H=>H.flowId===u);return!B||!B.stepStates[y]?null:B.stepStates[y]??null}function K(u){var B;if(N||!S)return null;if(fe(u)===Je)return M(u)[0]??null;let y=(B=S.find(H=>H.flowId===u))==null?void 0:B.lastStepId;return y?M(u).find(H=>H.id===y):null}function ce(u){let y=K(u);if(!y)return 0;let B=M(u).findIndex(H=>H.id===y.id)??0;return Pe(u,y.id)===Qe&&B<M(u).length-1?B+1:B}function me(u){if(!u.completionCriteria)return;let y=Qr(u.completionCriteria);if(y===null)return;let B=ft(y),H=Xe(y);return H===0?void 0:B/H}function fe(u){let y=S==null?void 0:S.find(B=>B.flowId===u);return y?y.flowState:null}function ft(u){let y=M(u);return y.length===0?0:y.filter(H=>Pe(u,H.id)===Qe).length}function Xe(u){return M(u).length}function Y(u){let y=o.find(B=>B.slug===u);return y?JSON.parse(y.data):null}function We(u){if(h)return!1;if(N)return!0;if(u!=null&&u.targetingLogic&&S){let y=S.find(B=>B.flowId===u.slug);if(y)return y.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function uo(u){return!We(U(u))}function Lo(){r&&w()}return{getFlow:U,getFlowData:Y,isLoading:N||O,getStepStatus:Pe,getFlowSteps:M,getCurrentStepIndex:ce,markStepStarted:ee,markStepCompleted:V,markFlowNotStarted:Ee,markFlowStarted:Ge,markFlowCompleted:Le,markFlowAborted:be,markStepNotStarted:j,getFlowStatus:fe,getNumberOfStepsCompleted:ft,getNumberOfSteps:Xe,targetingLogicShouldHideFlow:We,setCustomVariable:le,updateCustomVariables:ke,customVariables:s,getStepOptionalProgress:me,getFlowMetadata:_,isStepBlocked:pe,isStepHidden:$,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:uo,refresh:Lo}}var Ot=require("react");var Kt="guest_";function qt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=(0,Ot.useContext)(X),{config:n,apiUrl:s}=tt(),{mutateUserFlowState:p}=Ue(),c=Ht(),{verifySDKInitiated:a}=jt();(0,Ot.useEffect)(()=>{if(e&&!t){if(e.startsWith(Kt))return;let h=`frigade-user-registered-${e}`;localStorage.getItem(h)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(h,"true"))}},[e,r,t]);let x=(0,Ot.useCallback)(async h=>{if(!a())return;let b={foreignId:e,properties:h};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),i(T=>({...T,...h})),p()},[e,n,r,p]),d=(0,Ot.useCallback)(async(h,b)=>{if(!a())return;let v={foreignId:e,events:[{event:h,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(v)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:x,trackEventForUser:d}}var tn=require("uuid");var Me=f(require("react"));var ze=f(require("react")),ho=f(require("styled-components"));var ei=f(require("react")),ti=f(require("styled-components"));var Rr="fr-",go="cfr-";function l(e,t){let o=`${Rr}${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+" "+go+e}return o}function P(e){if(!e.className||e.className.indexOf(go)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Rr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function fr(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function gt(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${fr(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ve(...e){return e.filter(Boolean).join(" ")}function xo(e){return e.charAt(0).toUpperCase()+e.slice(1)}var da=ti.default.div`
3
3
  display: flex;
4
4
  justify-content: center;
5
5
  position: fixed;
@@ -480,7 +480,7 @@ var Zl=Object.create;var Do=Object.defineProperty;var Rl=Object.getOwnPropertyDe
480
480
  margin-right: 8px;
481
481
  }
482
482
  }
483
- `,re=({onClick:e,title:t,style:o,disabled:i,type:r="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:c=!0,classPrefix:a=""})=>{function x(){let d=s?"buttonSecondary":"button";return a===""?d:`${a}${xo(d)}`}return $i.default.createElement(Ka,{secondary:s,appearance:p,disabled:i,onClick:e,styleOverrides:o,type:r,withMargin:c,size:n,className:l(x(),p)},t??"Continue")};var Mi=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:r,selectedStep:n,steps:s,onBack:p,allowBackNavigation:c,errorMessage:a})=>{let x=s.length>1&&n!=0&&c,d=e.primaryButtonTitle&&e.secondaryButtonTitle||x?"inline":"full-width";return Ct.default.createElement(Ct.default.Fragment,null,a!==null&&a!=null&&Ct.default.createElement(Ai,{appearance:o,className:l("formCTAError",o)},a),Ct.default.createElement(Ei,{showBackButton:x,className:l("formCTAContainer",o)},x&&Ct.default.createElement(re,{title:e.backButtonTitle??"\u2190",onClick:p,secondary:!0,withMargin:!1,type:d,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),Ct.default.createElement(Ni,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?Ct.default.createElement(re,{title:e.secondaryButtonTitle,onClick:r,secondary:!0,withMargin:!1,type:d,appearance:o}):null," ",e.primaryButtonTitle?Ct.default.createElement(re,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:d,appearance:o}):null)))};var Jo=f(require("react")),Ui=f(require("styled-components"));var qa=Ui.default.div`
483
+ `,re=({onClick:e,title:t,style:o,disabled:i,type:r="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:c=!0,classPrefix:a=""})=>{function x(){let d=s?"buttonSecondary":"button";return a===""?d:`${a}${xo(d)}`}return $i.default.createElement(Ka,{secondary:s,appearance:p,disabled:i,onClick:e,styleOverrides:o,type:r,withMargin:c,size:n,className:l(x(),p)},t??"Continue")};var Mi=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:r,selectedStep:n,steps:s,onBack:p,allowBackNavigation:c,errorMessage:a})=>{let x=s.length>1&&n!=0&&c,d=e.primaryButtonTitle&&e.secondaryButtonTitle||x?"inline":"full-width";return Ct.default.createElement(Ct.default.Fragment,null,a!==null&&a!=null&&Ct.default.createElement(Ai,{appearance:o,className:l("formCTAError",o)},a),Ct.default.createElement(Ei,{showBackButton:x,className:l("formCTAContainer",o)},x&&Ct.default.createElement(re,{title:e.backButtonTitle??"Back",onClick:p,secondary:!0,withMargin:!1,type:d,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),Ct.default.createElement(Ni,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?Ct.default.createElement(re,{title:e.secondaryButtonTitle,onClick:r,secondary:!0,withMargin:!1,type:d,appearance:o}):null," ",e.primaryButtonTitle?Ct.default.createElement(re,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:d,appearance:o}):null)))};var Jo=f(require("react")),Ui=f(require("styled-components"));var qa=Ui.default.div`
484
484
  text-align: center;
485
485
  `,zi=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:r}=oe().mergeAppearanceWithDefault(i);return Jo.default.createElement(qa,{className:o},Jo.default.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((n,s)=>Jo.default.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?r.colorPrimary:"#E6E6E6"}))))};var Tt=f(require("react")),Dt=f(require("styled-components"));var _i=require("react");function de(){let e=(0,_i.useContext)(X);function t(r){i(r.primaryButtonUri,r.primaryButtonUriTarget)}function o(r){i(r.secondaryButtonUri,r.secondaryButtonUriTarget)}function i(r,n){if(!r)return;let s=r.startsWith("http")?"_blank":"_self";n&&n!=="_blank"&&(s="_self"),e.navigate(r,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var Ya=Dt.default.div`
486
486
  display: flex;
@@ -1698,15 +1698,15 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${go}${r}.${go}${r} { ${Object.entries(n).map
1698
1698
  justify-content: center;
1699
1699
  align-items: stretch;
1700
1700
  gap: 16px;
1701
- margin-top: 16px;
1701
+ margin-top: 8px;
1702
1702
  `,Hl=At.default.div`
1703
1703
  margin-top: 16px;
1704
1704
  margin-bottom: 16px;
1705
1705
  `,jl=At.default.div`
1706
1706
  ${e=>P(e)} {
1707
1707
  position: absolute;
1708
- top: -8px;
1709
- right: -8px;
1708
+ top: -16px;
1709
+ right: -16px;
1710
1710
  cursor: pointer;
1711
1711
 
1712
1712
  :hover {
@@ -1718,10 +1718,10 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${go}${r}.${go}${r} { ${Object.entries(n).map
1718
1718
  font-style: normal;
1719
1719
  justify-content: center;
1720
1720
  text-align: center;
1721
- font-size: 24px;
1721
+ font-size: 18px;
1722
1722
  font-weight: 700;
1723
- line-height: 30px; /* 125% */
1724
- letter-spacing: 0.48px;
1723
+ line-height: 24px; /* 125% */
1724
+ letter-spacing: 0.36px;
1725
1725
  display: flex;
1726
1726
  align-items: center;
1727
1727
  color: ${e=>e.appearance.theme.colorText};
@@ -1734,9 +1734,9 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${go}${r}.${go}${r} { ${Object.entries(n).map
1734
1734
  text-align: center;
1735
1735
  font-weight: 400;
1736
1736
  color: ${e=>e.appearance.theme.colorTextSecondary};
1737
- font-size: 16px;
1738
- line-height: 24px; /* 150% */
1739
- letter-spacing: 0.32px;
1737
+ font-size: 14px;
1738
+ line-height: 22px; /* 150% */
1739
+ letter-spacing: 0.28px;
1740
1740
  margin-bottom: 8px;
1741
1741
  }
1742
1742
  `;var jr=f(require("react")),Kl=f(require("styled-components"));var Rp=Kl.default.img`
@@ -1744,5 +1744,5 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${go}${r}.${go}${r} { ${Object.entries(n).map
1744
1744
  height: 100%;
1745
1745
  min-height: 200px;
1746
1746
  border-radius: ${e=>e.appearance.theme.borderRadius}px;
1747
- `;function ql({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?jr.default.createElement(lt,{appearance:t,videoUri:e.videoUri}):e.imageUri?jr.default.createElement(Rp,{className:l(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Yl=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,dismissible:p=!0,modalPosition:c})=>{let{getFlow:a,markFlowCompleted:x,markStepCompleted:d,isLoading:h,targetingLogicShouldHideFlow:b,updateCustomVariables:T,getFlowSteps:v,getFlowStatus:g,getCurrentStepIndex:A}=J(),{primaryCTAClickSideEffects:w,secondaryCTAClickSideEffects:S}=de(),{mergeAppearanceWithDefault:N}=oe(),{setOpenFlowState:C,getOpenFlowState:m,hasOpenModals:E}=Ne(),[F,k]=[m(e,!0),_=>C(e,_)];if(r=N(r),(0,Se.useEffect)(()=>{T(o)},[o,h]),h)return null;let L=a(e);if(!L||b(L)||g(e)===Z||E())return null;let O=v(e)[A(e)],U=()=>{k(!1),t&&t(),x(e)};function M(){return Se.default.createElement(Se.default.Fragment,null,Se.default.createElement(ae,{appearance:r}),Se.default.createElement(zl,{appearance:r,className:ve(l("announcementContainer",r),n),style:s},(p===!0||O.dismissible)&&c=="inline"&&Se.default.createElement(jl,{onClick:async()=>{await x(e),t&&t()},className:l("announcementDismissButton",r)},Se.default.createElement(De,null)),Se.default.createElement(_l,null,Se.default.createElement(Vl,{appearance:r,className:l("announcementTitle",r),dangerouslySetInnerHTML:ue(O.title)}),O.subtitle&&Se.default.createElement(Gl,{appearance:r,className:l("announcementSubtitle",r),dangerouslySetInnerHTML:ue(O.subtitle)})),(O.imageUri||O.videoUri)&&Se.default.createElement(Hl,{className:l("announcementMediaContainer",r)},Se.default.createElement(ql,{appearance:r,stepData:O})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&Se.default.createElement(Wl,{className:l("announcementCTAContainer",r)},O.secondaryButtonTitle&&Se.default.createElement(re,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:r,withMargin:!1,size:"medium",type:"full-width",onClick:async()=>{O.handleSecondaryButtonClick(),S(O),i&&i(O,A(e),"secondary")},secondary:!0}),O.primaryButtonTitle&&Se.default.createElement(re,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:r,withMargin:!1,size:"medium",type:"full-width",onClick:async()=>{O.handlePrimaryButtonClick(),w(O),!(i&&i(O,A(e),"primary")===!1)&&(await d(e,O.id),await x(e))}}))))}let se={padding:"24px",maxWidth:"400px"};return c==="inline"?M():c!=="center"?Se.default.createElement(jo,{modalPosition:c,onClose:U,visible:F,dismissible:p,appearance:r},M()):Se.default.createElement(ot,{appearance:r,onClose:U,visible:F,style:se,dismissible:p},M())};var ur=f(require("react"));var Vr=f(require("react"));var Xl=({as:e="span",children:t,variant:o="Body1",...i})=>Vr.default.createElement(pn,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...i},t),ed=Object.fromEntries(Object.keys(or).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>Vr.default.createElement(Xl,{as:t,...i,variant:e},i.children);return o.displayName=`Text.${e}`,[e,o]})),mr=Object.assign(Xl,ed);var Jl=({as:e="button",className:t,size:o="md",title:i,variant:r="Primary",...n})=>{var s;return ur.createElement(ln,{className:`fr-button-${r.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:r,size:o,borderRadius:"md",...n},ur.createElement(mr,{color:(s=Po[r])==null?void 0:s.color,fontWeight:"semibold"},i))},td=Object.fromEntries(Object.keys(Po).map(e=>{let t=o=>ur.createElement(Jl,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),Ql=Object.assign(Jl,td);0&&(module.exports={Box,Button,CheckBox,FormLabel,FormTextField,FrigadeAnnouncement,FrigadeBanner,FrigadeChecklist,FrigadeDefaultAppearance,FrigadeEmbeddedTip,FrigadeForm,FrigadeGuide,FrigadeHeroChecklist,FrigadeNPSSurvey,FrigadeProgressBadge,FrigadeProvider,FrigadeSupportWidget,FrigadeTour,ProgressRing,Text,tokens,useFlowOpens,useFlowResponses,useFlows,useOrganization,useUser,useUserFlowStates});
1747
+ `;function ql({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?jr.default.createElement(lt,{appearance:t,videoUri:e.videoUri}):e.imageUri?jr.default.createElement(Rp,{className:l(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Yl=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,dismissible:p=!0,modalPosition:c})=>{let{getFlow:a,markFlowCompleted:x,markStepCompleted:d,isLoading:h,targetingLogicShouldHideFlow:b,updateCustomVariables:T,getFlowSteps:v,getFlowStatus:g,getCurrentStepIndex:A}=J(),{primaryCTAClickSideEffects:w,secondaryCTAClickSideEffects:S}=de(),{mergeAppearanceWithDefault:N}=oe(),{setOpenFlowState:C,getOpenFlowState:m,hasOpenModals:E}=Ne(),[F,k]=[m(e,!0),_=>C(e,_)];if(r=N(r),(0,Se.useEffect)(()=>{T(o)},[o,h]),h)return null;let L=a(e);if(!L||b(L)||g(e)===Z||E())return null;let O=v(e)[A(e)],U=()=>{k(!1),t&&t(),x(e)};function M(){return Se.default.createElement(Se.default.Fragment,null,Se.default.createElement(ae,{appearance:r}),Se.default.createElement(zl,{appearance:r,className:ve(l("announcementContainer",r),n),style:s},(p===!0||O.dismissible)&&c=="inline"&&Se.default.createElement(jl,{onClick:async()=>{await x(e),t&&t()},className:l("announcementDismissButton",r)},Se.default.createElement(De,null)),Se.default.createElement(_l,null,Se.default.createElement(Vl,{appearance:r,className:l("announcementTitle",r),dangerouslySetInnerHTML:ue(O.title)}),O.subtitle&&Se.default.createElement(Gl,{appearance:r,className:l("announcementSubtitle",r),dangerouslySetInnerHTML:ue(O.subtitle)})),(O.imageUri||O.videoUri)&&Se.default.createElement(Hl,{className:l("announcementMediaContainer",r)},Se.default.createElement(ql,{appearance:r,stepData:O})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&Se.default.createElement(Wl,{className:l("announcementCTAContainer",r)},O.secondaryButtonTitle&&Se.default.createElement(re,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{O.handleSecondaryButtonClick(),S(O),i&&i(O,A(e),"secondary")},secondary:!0}),O.primaryButtonTitle&&Se.default.createElement(re,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{O.handlePrimaryButtonClick(),w(O),!(i&&i(O,A(e),"primary")===!1)&&(await d(e,O.id),await x(e))}}))))}let se={padding:"24px",maxWidth:"400px"};return c==="inline"?M():c!=="center"?Se.default.createElement(jo,{modalPosition:c,onClose:U,visible:F,dismissible:p,appearance:r},M()):Se.default.createElement(ot,{appearance:r,onClose:U,visible:F,style:se,dismissible:p},M())};var ur=f(require("react"));var Vr=f(require("react"));var Xl=({as:e="span",children:t,variant:o="Body1",...i})=>Vr.default.createElement(pn,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...i},t),ed=Object.fromEntries(Object.keys(or).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>Vr.default.createElement(Xl,{as:t,...i,variant:e},i.children);return o.displayName=`Text.${e}`,[e,o]})),mr=Object.assign(Xl,ed);var Jl=({as:e="button",className:t,size:o="md",title:i,variant:r="Primary",...n})=>{var s;return ur.createElement(ln,{className:`fr-button-${r.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:r,size:o,borderRadius:"md",...n},ur.createElement(mr,{color:(s=Po[r])==null?void 0:s.color,fontWeight:"semibold"},i))},td=Object.fromEntries(Object.keys(Po).map(e=>{let t=o=>ur.createElement(Jl,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),Ql=Object.assign(Jl,td);0&&(module.exports={Box,Button,CheckBox,FormLabel,FormTextField,FrigadeAnnouncement,FrigadeBanner,FrigadeChecklist,FrigadeDefaultAppearance,FrigadeEmbeddedTip,FrigadeForm,FrigadeGuide,FrigadeHeroChecklist,FrigadeNPSSurvey,FrigadeProgressBadge,FrigadeProvider,FrigadeSupportWidget,FrigadeTour,ProgressRing,Text,tokens,useFlowOpens,useFlowResponses,useFlows,useOrganization,useUser,useUserFlowStates});
1748
1748
  //# sourceMappingURL=index.js.map