@frigade/react 1.38.38 → 1.38.40
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/dist/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -19
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39,7 +39,7 @@ var Ca__default = /*#__PURE__*/_interopDefault(Ca);
|
|
|
39
39
|
var wo__default = /*#__PURE__*/_interopDefault(wo);
|
|
40
40
|
var mp__default = /*#__PURE__*/_interopDefault(mp);
|
|
41
41
|
|
|
42
|
-
var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnPropertyDescriptors;var Ho=Object.getOwnPropertySymbols;var gi=Object.prototype.hasOwnProperty,hi=Object.prototype.propertyIsEnumerable;var fi=(e,t,o)=>t in e?la(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))gi.call(t,o)&&fi(e,o,t[o]);if(Ho)for(var o of Ho(t))hi.call(t,o)&&fi(e,o,t[o]);return e},j=(e,t)=>aa(e,pa(t));var xi=e=>typeof e=="symbol"?e:e+"",Me=(e,t)=>{var o={};for(var i in e)gi.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&Ho)for(var i of Ho(e))t.indexOf(i)<0&&hi.call(e,i)&&(o[i]=e[i]);return o};var $=(e,t,o)=>new Promise((i,n)=>{var r=d=>{try{p(o.next(d));}catch(s){n(s);}},l=d=>{try{p(o.throw(d));}catch(s){n(s);}},p=d=>d.done?i(d.value):Promise.resolve(d.value).then(r,l);p((o=o.apply(e,t)).next());});var Ci="1.38.11";var lt="NOT_STARTED_STEP",de="COMPLETED_FLOW",Ot="SKIPPED_FLOW",Lt="STARTED_FLOW",_e="NOT_STARTED_FLOW",ze="COMPLETED_STEP",So="STARTED_STEP";function et(){let{publicApiKey:e,userId:t,apiUrl:o}=q__namespace.default.useContext(se);return {config:q.useMemo(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Ci,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:q.useMemo(()=>`${o}/v1/public/`,[o])}}var da="frigade-last-call-at-",ca="frigade-last-call-data-";function qt(){let{shouldGracefullyDegrade:e,readonly:t}=q__namespace.default.useContext(se);return (o,i)=>$(this,null,function*(){if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Kt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Kt();let n=da+o,r=ca+o;if(typeof window!="undefined"&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(n),d=window.localStorage.getItem(r);if(p&&d&&d==i.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return Kt()}typeof window!="undefined"&&(window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,i.body));}let l;try{l=yield fetch(o,i);}catch(p){return Kt(p)}return l?l.ok?l:Kt(l.statusText):Kt()})}function Kt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Yt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=q__namespace.default.useContext(se);function o(){return t?!1:e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return {verifySDKInitiated:o}}function ma(e){return new Promise(t=>setTimeout(t,e))}function bo(e,t,o,i={}){function n(r){let l=o-1;if(!l)throw r;return ma(t).then(()=>bo(e,t,l,i))}return fetch(e,i).catch(n)}function Ne(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=q.useContext(se);function r(c,f=!1){var b;return (b=e[c])!=null?b:f}function l(c,f){t(b=>j(w({},b),{[c]:f}));}function p(c){t(f=>{let C=f,k=Me(C,[xi(c)]);return w({},k)});}function d(c){n.includes(c)||i(f=>[...f,c]);}function s(c){return n.includes(c)}function m(c){return Object.entries(e).some(([f,b])=>b&&f!=c)||o}return {getOpenFlowState:r,setOpenFlowState:l,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}function Tr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ue(...e){let t=e.shift(),o=e.length===1?e[0]:ue(...e);if(!Tr(t)||!Tr(o))throw new Error("deepmerge can only merge Objects");let i=wo__default.default(t);return Object.entries(o).forEach(([n,r])=>{Tr(r)?i[n]!==void 0?Object.assign(i,{[n]:ue(i[n],wo__default.default(r))}):Object.assign(i,{[n]:wo__default.default(r)}):Array.isArray(r)?i[n]!==void 0?Object.assign(i,{[n]:[...i[n],...wo__default.default(r)]}):Object.assign(i,{[n]:wo__default.default(r)}):Object.assign(i,{[n]:r});}),i}function Jt(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var ya="unknown";function We(){let{config:e,apiUrl:t}=et(),{publicApiKey:o,userId:i,organizationId:n,flows:r,setShouldGracefullyDegrade:l,readonly:p}=q.useContext(se),{resetOpenFlowState:d}=Ne(),[s,m]=q.useState(!1),c={data:r.map(I=>({flowId:I.id,flowState:de,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},f=I=>bo(I,100,2,e).then(E=>{if(E.ok)return E.json();throw new Error("Failed to fetch user flow states")}).catch(E=>(console.error(`Error fetching ${I}: ${E}. Will gracefully degrade and hide Frigade`),l(!0),c)),b=o&&r&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${n?`&foreignUserGroupId=${encodeURIComponent(n)}`:""}`:null,{data:k,isLoading:C,mutate:x,error:B}=p?Ca__default.default(b,f):xa__default.default(b,f,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),y=k==null?void 0:k.data;q.useEffect(()=>{!s&&!C&&y&&m(!0);},[y,s,C]);function N(I){return $(this,null,function*(){if(y&&!p){let E=y.find(v=>v.flowId===I);E&&E.flowState!==de&&(E.flowState=de),yield x(Promise.resolve(ue(k,{data:y})),{optimisticData:ue(k,{data:y}),revalidate:!1,rollbackOnError:!1});}})}function D(I){return $(this,null,function*(){if(y&&!p){let E=y.find(v=>v.flowId===I);E&&E.flowState!==Ot&&(E.flowState=Ot),yield x(Promise.resolve(ue(k,{data:y})),{optimisticData:ue(k,{data:y}),revalidate:!1,rollbackOnError:!1});}})}function F(I,E,v){return $(this,null,function*(){var L,U,R;if(y){let z=y.find(J=>J.flowId===I);if(z){let J=r.find(re=>re.slug===I),X=Jt(J==null?void 0:J.data),O=(U=(L=X==null?void 0:X.steps)!=null?L:X==null?void 0:X.data)!=null?U:[],Y=O.findIndex(re=>re.id===E),K=O&&O.length>Y+1?O[Y+1]:null;K&&((R=z.stepStates[K.id])!=null&&R.hidden||(z.lastStepId=K.id)),z.stepStates[E]=v,z.flowState=Lt;}p||(yield x(Promise.resolve(ue(k,{data:y})),{optimisticData:ue(k,{data:y}),revalidate:!1,rollbackOnError:!1}));}})}function g(I,E,v){return $(this,null,function*(){if(y){let L=y.find(U=>U.flowId===I);L&&(L.lastStepId=E,L.stepStates[E]=v,L.flowState=Lt),p||(yield x(ue(k,{data:y}),{optimisticData:ue(k,{data:y}),revalidate:!1,rollbackOnError:!1}));}})}function T(I){return $(this,null,function*(){if(y){let E=y.find(v=>v.flowId===I);E&&E.flowState!==_e&&(E.flowState=_e,E.lastStepId=ya,Object.keys(E.stepStates).forEach(v=>{E.stepStates[v].actionType=lt,E.stepStates[v].createdAt=new Date().toISOString();}),yield x(ue(k,{data:y}),{optimisticData:ue(k,{data:y}),revalidate:!1,rollbackOnError:!1}),d(I));}})}function h(I,E,v){return $(this,null,function*(){if(y){let L=y.find(U=>U.flowId===I);L&&(L.stepStates[E]=v),yield x(Promise.resolve(ue(k,{data:y})),{optimisticData:ue(k,{data:y}),revalidate:!1,rollbackOnError:!1});}})}return {userFlowStatesData:y,isLoadingUserFlowStateData:!s,mutateUserFlowState:x,optimisticallyMarkFlowCompleted:N,optimisticallyMarkFlowSkipped:D,optimisticallyMarkFlowNotStarted:T,optimisticallyMarkStepCompleted:F,optimisticallyMarkStepNotStarted:h,optimisticallyMarkStepStarted:g,error:B}}function To(){let{config:e,apiUrl:t}=et(),{userFlowStatesData:o,mutateUserFlowState:i}=We(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:l,setFlowResponses:p}=q.useContext(se),[d,s]=q.useState(new Set),[m,c]=q.useState(new Set),f=qt();function b(x){let B=JSON.stringify(x);if(d.has(B))return null;d.add(B),s(d),m.add(x),c(m);let y=l==null?void 0:l.find(N=>N.flowSlug===x.flowSlug&&N.stepId===x.stepId&&N.actionType===x.actionType&&N.createdAt===x.createdAt);return f(`${t}flowResponses`,j(w({},e),{method:"POST",body:B})).then(N=>{N.status!==200&&N.status!==201?(console.log("Failed to send flow response for step "+x.stepId+". Will retry again later."),r([...n,x])):y||p(D=>[...D!=null?D:[],x]);})}function k(x){return $(this,null,function*(){x.foreignUserId&&(x.actionType===Lt||x.actionType===_e?yield b(x):x.actionType===de?yield b(x):x.actionType===So?yield b(x):x.actionType===ze?yield b(x):x.actionType===Ot?yield b(x):x.actionType===lt&&(yield b(x)));})}function C(){let x=[];return o==null||o.forEach(B=>{if(B&&B.stepStates&&Object.keys(B.stepStates).length!==0)for(let y in B.stepStates){let N=B.stepStates[y];x.push({foreignUserId:B.foreignUserId,flowSlug:B.flowId,stepId:N.stepId,actionType:N.actionType,data:{},createdAt:new Date(N.createdAt),blocked:N.blocked,hidden:N.hidden});}}),[...x,...l]}return {addResponse:k,setFlowResponses:p,getFlowResponses:C}}var ba=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,bi=e=>{let t=ba.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=wa(i,"'","");r.startsWith("flow_")&&(o=r);}),o},wa=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};var Fr=(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))(Fr||{});function le(){let{config:e,apiUrl:t}=et(),{flows:o,setFlows:i,userId:n,organizationId:r,publicApiKey:l,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:f,shouldGracefullyDegrade:b,readonly:k,flowDataOverrides:C,debug:x}=q.useContext(se),B={data:[]},{verifySDKInitiated:y}=Yt(),{addResponse:N,getFlowResponses:D}=To(),F=u=>bo(u,100,2,e).then(S=>S.ok?S.json():(console.log(`Error fetching ${u} (${S.status}): ${S.statusText}. Will gracefully degrade and hide Frigade`),f(!0),B)).catch(S=>(console.log(`Error fetching ${u}: ${S}. Will gracefully degrade and hide Frigade`),f(!0),B)),{mutateUserFlowState:g,userFlowStatesData:T,isLoadingUserFlowStateData:h,optimisticallyMarkFlowCompleted:I,optimisticallyMarkFlowSkipped:E,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:L,optimisticallyMarkStepNotStarted:U,optimisticallyMarkStepStarted:R}=We(),{data:z,error:J,isLoading:X}=xa__default.default(l?`${t}flows${k?"?readonly=true":""}`:null,F,{keepPreviousData:!0});q.useEffect(()=>{if(J){console.error(J);return}z&&z.data&&i(z.data);},[z,J]);function O(u){if(X)return null;let S=o.find(P=>P.slug===u);return !S&&o.length>0&&!h&&!X?(x&&console.log(`Flow with id ${u} not found`),null):(S&&C&&C[u]&&(S.data=C[u]),(S==null?void 0:S.active)===!1&&!k?null:S)}function Y(u){var V,Ie,At,It,Nt;if(!O(u))return [];let S=(V=O(u))==null?void 0:V.data;return S?(S=K(S),((Nt=(It=(Ie=Jt(S))==null?void 0:Ie.data)!=null?It:(At=Jt(S))==null?void 0:At.steps)!=null?Nt:[]).map(ge=>{let yo=vt(ge);return j(w({handleSecondaryButtonClick:()=>{ge.skippable===!0&&ie(u,ge.id,{skipped:!0});}},ge),{complete:G(u,ge.id)===ze||yo>=1,started:G(u,ge.id)===So||G(u,ge.id)===ze,currentlyActive:T==null?void 0:T.some(te=>te.flowId==u&&te.lastStepId===ge.id),blocked:ne(u,ge.id),hidden:M(u,ge.id),handlePrimaryButtonClick:()=>{(!ge.completionCriteria&&(ge.autoMarkCompleted||ge.autoMarkCompleted===void 0)||ge.completionCriteria&&ge.autoMarkCompleted===!0)&&ie(u,ge.id);},progress:yo})}).filter(ge=>ge.hidden!==!0)):[]}function K(u){return u.replaceAll(/\${(.*?)}/g,(S,P)=>p[P]===void 0?"":String(p[P]).replace(/[\u00A0-\u9999<>\&]/g,function(V){return "&#"+V.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 re(u){var P;if(!O(u))return [];let S=O(u).data;return S?(S=K(S),(P=JSON.parse(S))!=null?P:{}):[]}function ye(u,S){d(P=>j(w({},P),{[u]:S}));}function Pe(u){!h&&!X&&u&&JSON.stringify(p)!=JSON.stringify(w(w({},p),u))&&Object.keys(u).forEach(S=>{ye(S,u[S]);});}let oe=q.useCallback((u,S,P)=>$(this,null,function*(){if(!y())return;let V={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:S,actionType:So,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};W(V)&&(yield R(u,S,V),N(V));}),[n,r,T]),_=q.useCallback((u,S,P)=>$(this,null,function*(){if(!y())return;let V={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:S,actionType:lt,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};W(V)&&(yield U(u,S,V),N(V));}),[n,r,T]),ie=q.useCallback((u,S,P)=>$(this,null,function*(){if(!y())return;let V={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:S,actionType:ze,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};W(V)&&(yield L(u,S,V),N(V));}),[n,r,T]),ve=q.useCallback((u,S)=>$(this,null,function*(){if(!y()||qe(u)===_e)return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:_e,data:S!=null?S:{},createdAt:new Date,blocked:!1,hidden:!1};yield v(u),W(P)&&N(P);}),[n,r,T]),Ke=q.useCallback((u,S)=>$(this,null,function*(){if(!y())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Lt,data:S!=null?S:{},createdAt:new Date,blocked:!1,hidden:!1};W(P)&&N(P);}),[n,r,T]),Be=q.useCallback((u,S)=>$(this,null,function*(){if(!y())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:de,data:S!=null?S:{},createdAt:new Date,blocked:!1,hidden:!1};W(P)&&(yield I(u),N(P));}),[n,r,T]),xe=q.useCallback((u,S)=>$(this,null,function*(){if(!y())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Ot,data:S!=null?S:{},createdAt:new Date,blocked:!1,hidden:!1};W(P)&&(yield E(u),N(P));}),[n,r,T]);function W(u){var S;if(T===void 0)return !1;if(T){let P=T.find(V=>V.flowId===u.flowSlug);if(u.actionType===lt&&(!(P!=null&&P.stepStates[u.stepId])||P.stepStates[u.stepId].actionType===lt))return !1;if(P&&((S=P.stepStates[u.stepId])==null?void 0:S.actionType)===u.actionType){if(u.actionType===ze&&(!u.data||JSON.stringify(u.data)===JSON.stringify({})))return !1;let V=Object.keys(P.stepStates).sort((Ie,At)=>{let It=new Date(P.stepStates[Ie].createdAt),Nt=new Date(P.stepStates[At].createdAt);return It.getTime()-Nt.getTime()});if(P.stepStates[V[V.length-1]].actionType===u.actionType&&u.stepId===V[V.length-1])return !1}if(P&&P.flowState===de&&u.actionType===de)return !1}return !0}function G(u,S){let P=Q(u,S);return h?null:P?P.actionType:lt}function ne(u,S){let P=Q(u,S);return P?P.blocked:!1}function M(u,S){let P=Q(u,S);return P?P.hidden:!1}function Q(u,S){var V;if(h)return null;let P=T==null?void 0:T.find(Ie=>Ie.flowId===u);return !P||!P.stepStates[S]?null:(V=P.stepStates[S])!=null?V:null}function Te(u){var P,V;if(h||!T)return null;if(qe(u)===_e)return (P=Y(u)[0])!=null?P:null;let S=(V=T.find(Ie=>Ie.flowId===u))==null?void 0:V.lastStepId;return S?Y(u).find(Ie=>Ie.id===S):null}function Xe(u){var V;let S=Te(u);if(!S)return 0;let P=(V=Y(u).findIndex(Ie=>Ie.id===S.id))!=null?V:0;return G(u,S.id)===ze&&P<Y(u).length-1?P+1:P}function vt(u){if(!u.completionCriteria)return;let S=bi(u.completionCriteria);if(S===null)return;let P=st(S),V=Qe(S);return V===0?void 0:P/V}function qe(u){let S=T==null?void 0:T.find(P=>P.flowId===u);return S?S.flowState:null}function st(u){let S=Y(u);return S.length===0?0:S.filter(V=>G(u,V.id)===ze).length}function Qe(u){return Y(u).length}function jt(u){let S=o.find(P=>P.slug===u);return S?(C&&C[u]&&(S.data=C[u]),Jt(S.data)):null}function Bt(u){if(k)return !1;if(h||b)return !0;if(u!=null&&u.targetingLogic&&T){let S=T.find(P=>P.flowId===u.slug);if(S)return S.shouldTrigger===!1}return !!(u!=null&&u.targetingLogic&&n&&n.startsWith("guest_"))}function Gt(u){let S=O(u);return !S||S.active===!1?!1:!Bt(O(u))}function Et(){n&&g();}function ee(){return o}return {getAllFlows:ee,getFlow:O,getFlowData:jt,isLoading:h||X,getStepStatus:G,getFlowSteps:Y,getCurrentStepIndex:Xe,markStepStarted:oe,markStepCompleted:ie,markFlowNotStarted:ve,markFlowStarted:Ke,markFlowCompleted:Be,markFlowSkipped:xe,markStepNotStarted:_,getFlowStatus:qe,getNumberOfStepsCompleted:st,getNumberOfSteps:Qe,targetingLogicShouldHideFlow:Bt,setCustomVariable:ye,updateCustomVariables:Pe,customVariables:p,getStepOptionalProgress:vt,getFlowMetadata:re,isStepBlocked:ne,isStepHidden:M,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,isFlowAvailableToUser:Gt,refresh:Et,isDegraded:b}}var Xt="guest_";function Fo(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=q.useContext(se),{config:r,apiUrl:l}=et(),{mutateUserFlowState:p}=We(),d=qt(),{verifySDKInitiated:s}=Yt();function m(C){return `frigade-user-registered-${C}`}q.useEffect(()=>{if(e&&!t){if(e.startsWith(Xt))return;let C=m(e);localStorage.getItem(C)||(d(`${l}users`,j(w({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(C,"true"));}},[e,n,t]);let c=q.useCallback(C=>$(this,null,function*(){if(!s())return;let x={foreignId:e,properties:C};yield d(`${l}users`,j(w({},r),{method:"POST",body:JSON.stringify(x)})),i(B=>w(w({},B),C)),p();}),[e,r,n,p]),f=q.useCallback((C,x)=>$(this,null,function*(){if(!s())return;let y={foreignId:e,events:[{event:C,properties:x}]};yield d(`${l}users`,j(w({},r),{method:"POST",body:JSON.stringify(y)})),p();}),[e,r,p]),b=q.useCallback((C,x)=>$(this,null,function*(){if(s())if(x&&Object.keys(x).length>0){let B=m(C);localStorage.setItem(B,"true"),o(C);let y={foreignId:C,properties:x};yield d(`${l}users`,j(w({},r),{method:"POST",body:JSON.stringify(y)})),i(N=>w(w({},N),x)),p();}else o(C);}),[r,n,p]),k=q.useCallback(C=>$(this,null,function*(){if(!s())return;let x=typeof window!="undefined"?localStorage.getItem(Qt):null;if(!x)return;let B={foreignId:C,linkGuestId:x};yield d(`${l}users`,j(w({},r),{method:"POST",body:JSON.stringify(B)})),p();}),[r,n,p]);return {userId:e,setUserId:o,setUserIdWithProperties:b,addPropertiesToUser:c,trackEventForUser:f,linkExistingGuestSessionToUser:k}}var wi="fr-",ko="cfr-";function a(e,t){let o=`${wi}${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+" "+ko+e}return o}function A(e){if(!e.className||e.className.indexOf(ko)!==-1)return "";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(wi)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function jo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Ee(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${jo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Fe(...e){return e.filter(Boolean).join(" ")}function Po(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Aa=Ce__default.default.div`
|
|
42
|
+
var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnPropertyDescriptors;var Ho=Object.getOwnPropertySymbols;var gi=Object.prototype.hasOwnProperty,hi=Object.prototype.propertyIsEnumerable;var fi=(e,t,o)=>t in e?la(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))gi.call(t,o)&&fi(e,o,t[o]);if(Ho)for(var o of Ho(t))hi.call(t,o)&&fi(e,o,t[o]);return e},G=(e,t)=>aa(e,pa(t));var xi=e=>typeof e=="symbol"?e:e+"",Me=(e,t)=>{var o={};for(var i in e)gi.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&Ho)for(var i of Ho(e))t.indexOf(i)<0&&hi.call(e,i)&&(o[i]=e[i]);return o};var $=(e,t,o)=>new Promise((i,n)=>{var r=d=>{try{p(o.next(d));}catch(s){n(s);}},l=d=>{try{p(o.throw(d));}catch(s){n(s);}},p=d=>d.done?i(d.value):Promise.resolve(d.value).then(r,l);p((o=o.apply(e,t)).next());});var Ci="1.38.11";var lt="NOT_STARTED_STEP",de="COMPLETED_FLOW",Ot="SKIPPED_FLOW",Lt="STARTED_FLOW",_e="NOT_STARTED_FLOW",ze="COMPLETED_STEP",So="STARTED_STEP";function et(){let{publicApiKey:e,userId:t,apiUrl:o}=q__namespace.default.useContext(se);return {config:q.useMemo(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Ci,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:q.useMemo(()=>`${o}/v1/public/`,[o])}}var da="frigade-last-call-at-",ca="frigade-last-call-data-";function qt(){let{shouldGracefullyDegrade:e,readonly:t}=q__namespace.default.useContext(se);return (o,i)=>$(this,null,function*(){if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Kt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Kt();let n=da+o,r=ca+o;if(typeof window!="undefined"&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(n),d=window.localStorage.getItem(r);if(p&&d&&d==i.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return Kt()}typeof window!="undefined"&&(window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,i.body));}let l;try{l=yield fetch(o,i);}catch(p){return Kt(p)}return l?l.ok?l:Kt(l.statusText):Kt()})}function Kt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Yt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=q__namespace.default.useContext(se);function o(){return t?!1:e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return {verifySDKInitiated:o}}function ma(e){return new Promise(t=>setTimeout(t,e))}function bo(e,t,o,i={}){function n(r){let l=o-1;if(!l)throw r;return ma(t).then(()=>bo(e,t,l,i))}return fetch(e,i).catch(n)}function Ne(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=q.useContext(se);function r(c,f=!1){var b;return (b=e[c])!=null?b:f}function l(c,f){t(b=>G(w({},b),{[c]:f}));}function p(c){t(f=>{let C=f,k=Me(C,[xi(c)]);return w({},k)});}function d(c){n.includes(c)||i(f=>[...f,c]);}function s(c){return n.includes(c)}function m(c){return Object.entries(e).some(([f,b])=>b&&f!=c)||o}return {getOpenFlowState:r,setOpenFlowState:l,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}function Tr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ue(...e){let t=e.shift(),o=e.length===1?e[0]:ue(...e);if(!Tr(t)||!Tr(o))throw new Error("deepmerge can only merge Objects");let i=wo__default.default(t);return Object.entries(o).forEach(([n,r])=>{Tr(r)?i[n]!==void 0?Object.assign(i,{[n]:ue(i[n],wo__default.default(r))}):Object.assign(i,{[n]:wo__default.default(r)}):Array.isArray(r)?i[n]!==void 0?Object.assign(i,{[n]:[...i[n],...wo__default.default(r)]}):Object.assign(i,{[n]:wo__default.default(r)}):Object.assign(i,{[n]:r});}),i}function Jt(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var ya="unknown";function We(){let{config:e,apiUrl:t}=et(),{publicApiKey:o,userId:i,organizationId:n,flows:r,setShouldGracefullyDegrade:l,readonly:p}=q.useContext(se),{resetOpenFlowState:d}=Ne(),[s,m]=q.useState(!1),c={data:r.map(I=>({flowId:I.id,flowState:de,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},f=I=>bo(I,100,2,e).then(E=>{if(E.ok)return E.json();throw new Error("Failed to fetch user flow states")}).catch(E=>(console.error(`Error fetching ${I}: ${E}. Will gracefully degrade and hide Frigade`),l(!0),c)),b=o&&r&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${n?`&foreignUserGroupId=${encodeURIComponent(n)}`:""}`:null,{data:k,isLoading:C,mutate:x,error:B}=p?Ca__default.default(b,f):xa__default.default(b,f,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),S=k==null?void 0:k.data;q.useEffect(()=>{!s&&!C&&S&&m(!0);},[S,s,C]);function N(I){return $(this,null,function*(){if(S&&!p){let E=S.find(v=>v.flowId===I);E&&E.flowState!==de&&(E.flowState=de),yield x(Promise.resolve(ue(k,{data:S})),{optimisticData:ue(k,{data:S}),revalidate:!1,rollbackOnError:!1});}})}function D(I){return $(this,null,function*(){if(S&&!p){let E=S.find(v=>v.flowId===I);E&&E.flowState!==Ot&&(E.flowState=Ot),yield x(Promise.resolve(ue(k,{data:S})),{optimisticData:ue(k,{data:S}),revalidate:!1,rollbackOnError:!1});}})}function F(I,E,v){return $(this,null,function*(){var L,U,R;if(S){let z=S.find(J=>J.flowId===I);if(z){let J=r.find(re=>re.slug===I),X=Jt(J==null?void 0:J.data),O=(U=(L=X==null?void 0:X.steps)!=null?L:X==null?void 0:X.data)!=null?U:[],Y=O.findIndex(re=>re.id===E),K=O&&O.length>Y+1?O[Y+1]:null;K&&((R=z.stepStates[K.id])!=null&&R.hidden||(z.lastStepId=K.id)),z.stepStates[E]=v,z.flowState=Lt;}p||(yield x(Promise.resolve(ue(k,{data:S})),{optimisticData:ue(k,{data:S}),revalidate:!1,rollbackOnError:!1}));}})}function g(I,E,v){return $(this,null,function*(){if(S){let L=S.find(U=>U.flowId===I);L&&(L.lastStepId=E,L.stepStates[E]=v,L.flowState=Lt),p||(yield x(ue(k,{data:S}),{optimisticData:ue(k,{data:S}),revalidate:!1,rollbackOnError:!1}));}})}function T(I){return $(this,null,function*(){if(S){let E=S.find(v=>v.flowId===I);E&&E.flowState!==_e&&(E.flowState=_e,E.lastStepId=ya,Object.keys(E.stepStates).forEach(v=>{E.stepStates[v].actionType=lt,E.stepStates[v].createdAt=new Date().toISOString();}),yield x(ue(k,{data:S}),{optimisticData:ue(k,{data:S}),revalidate:!1,rollbackOnError:!1}),d(I));}})}function h(I,E,v){return $(this,null,function*(){if(S){let L=S.find(U=>U.flowId===I);L&&(L.stepStates[E]=v),yield x(Promise.resolve(ue(k,{data:S})),{optimisticData:ue(k,{data:S}),revalidate:!1,rollbackOnError:!1});}})}return {userFlowStatesData:S,isLoadingUserFlowStateData:!s,mutateUserFlowState:x,optimisticallyMarkFlowCompleted:N,optimisticallyMarkFlowSkipped:D,optimisticallyMarkFlowNotStarted:T,optimisticallyMarkStepCompleted:F,optimisticallyMarkStepNotStarted:h,optimisticallyMarkStepStarted:g,error:B}}function To(){let{config:e,apiUrl:t}=et(),{userFlowStatesData:o,mutateUserFlowState:i}=We(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:l,setFlowResponses:p}=q.useContext(se),[d,s]=q.useState(new Set),[m,c]=q.useState(new Set),f=qt();function b(x){let B=JSON.stringify(x);if(d.has(B))return null;d.add(B),s(d),m.add(x),c(m);let S=l==null?void 0:l.find(N=>N.flowSlug===x.flowSlug&&N.stepId===x.stepId&&N.actionType===x.actionType&&N.createdAt===x.createdAt);return f(`${t}flowResponses`,G(w({},e),{method:"POST",body:B})).then(N=>{N.status!==200&&N.status!==201?(console.log("Failed to send flow response for step "+x.stepId+". Will retry again later."),r([...n,x])):S||p(D=>[...D!=null?D:[],x]);})}function k(x){return $(this,null,function*(){x.foreignUserId&&(x.actionType===Lt||x.actionType===_e?yield b(x):x.actionType===de?yield b(x):x.actionType===So?yield b(x):x.actionType===ze?yield b(x):x.actionType===Ot?yield b(x):x.actionType===lt&&(yield b(x)));})}function C(){let x=[];return o==null||o.forEach(B=>{if(B&&B.stepStates&&Object.keys(B.stepStates).length!==0)for(let S in B.stepStates){let N=B.stepStates[S];x.push({foreignUserId:B.foreignUserId,flowSlug:B.flowId,stepId:N.stepId,actionType:N.actionType,data:{},createdAt:new Date(N.createdAt),blocked:N.blocked,hidden:N.hidden});}}),[...x,...l]}return {addResponse:k,setFlowResponses:p,getFlowResponses:C}}var ba=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,bi=e=>{let t=ba.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=wa(i,"'","");r.startsWith("flow_")&&(o=r);}),o},wa=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};var Fr=(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))(Fr||{});function le(){let{config:e,apiUrl:t}=et(),{flows:o,setFlows:i,userId:n,organizationId:r,publicApiKey:l,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:f,shouldGracefullyDegrade:b,readonly:k,flowDataOverrides:C,debug:x}=q.useContext(se),B={data:[]},{verifySDKInitiated:S}=Yt(),{addResponse:N,getFlowResponses:D}=To(),F=u=>bo(u,100,2,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${u} (${y.status}): ${y.statusText}. Will gracefully degrade and hide Frigade`),f(!0),B)).catch(y=>(console.log(`Error fetching ${u}: ${y}. Will gracefully degrade and hide Frigade`),f(!0),B)),{mutateUserFlowState:g,userFlowStatesData:T,isLoadingUserFlowStateData:h,optimisticallyMarkFlowCompleted:I,optimisticallyMarkFlowSkipped:E,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:L,optimisticallyMarkStepNotStarted:U,optimisticallyMarkStepStarted:R}=We(),{data:z,error:J,isLoading:X}=xa__default.default(l?`${t}flows${k?"?readonly=true":""}`:null,F,{keepPreviousData:!0});q.useEffect(()=>{if(J){console.error(J);return}z&&z.data&&i(z.data);},[z,J]);function O(u){if(X)return null;let y=o.find(P=>P.slug===u);return !y&&o.length>0&&!h&&!X?(x&&console.log(`Flow with id ${u} not found`),null):(y&&C&&C[u]&&(y.data=C[u]),(y==null?void 0:y.active)===!1&&!k?null:y)}function Y(u){var V,Ie,At,It,Nt;if(!O(u))return [];let y=(V=O(u))==null?void 0:V.data;return y?(y=K(y),((Nt=(It=(Ie=Jt(y))==null?void 0:Ie.data)!=null?It:(At=Jt(y))==null?void 0:At.steps)!=null?Nt:[]).map(ge=>{let yo=vt(ge);return G(w({handleSecondaryButtonClick:()=>{ge.skippable===!0&&ie(u,ge.id,{skipped:!0});}},ge),{complete:j(u,ge.id)===ze||yo>=1,started:j(u,ge.id)===So||j(u,ge.id)===ze,currentlyActive:T==null?void 0:T.some(te=>te.flowId==u&&te.lastStepId===ge.id),blocked:ne(u,ge.id),hidden:M(u,ge.id),handlePrimaryButtonClick:()=>{(!ge.completionCriteria&&(ge.autoMarkCompleted||ge.autoMarkCompleted===void 0)||ge.completionCriteria&&ge.autoMarkCompleted===!0)&&ie(u,ge.id);},progress:yo})}).filter(ge=>ge.hidden!==!0)):[]}function K(u){try{return u.replaceAll(/\${(.*?)}/g,(y,P)=>p[P]===void 0?"":String(p[P]).replace(/[\u00A0-\u9999<>\&]/g,function(V){return "&#"+V.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"))}catch(y){return console.debug("Error substituting variables",y),u}}function re(u){var P;if(!O(u))return [];let y=O(u).data;return y?(y=K(y),(P=JSON.parse(y))!=null?P:{}):[]}function ye(u,y){d(P=>G(w({},P),{[u]:y}));}function Pe(u){!h&&!X&&u&&JSON.stringify(p)!=JSON.stringify(w(w({},p),u))&&Object.keys(u).forEach(y=>{ye(y,u[y]);});}let oe=q.useCallback((u,y,P)=>$(this,null,function*(){if(!S())return;let V={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:y,actionType:So,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};W(V)&&(yield R(u,y,V),N(V));}),[n,r,T]),_=q.useCallback((u,y,P)=>$(this,null,function*(){if(!S())return;let V={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:y,actionType:lt,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};W(V)&&(yield U(u,y,V),N(V));}),[n,r,T]),ie=q.useCallback((u,y,P)=>$(this,null,function*(){if(!S())return;let V={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:y,actionType:ze,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};W(V)&&(yield L(u,y,V),N(V));}),[n,r,T]),ve=q.useCallback((u,y)=>$(this,null,function*(){if(!S()||qe(u)===_e)return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:_e,data:y!=null?y:{},createdAt:new Date,blocked:!1,hidden:!1};yield v(u),W(P)&&N(P);}),[n,r,T]),Ke=q.useCallback((u,y)=>$(this,null,function*(){if(!S())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Lt,data:y!=null?y:{},createdAt:new Date,blocked:!1,hidden:!1};W(P)&&N(P);}),[n,r,T]),Be=q.useCallback((u,y)=>$(this,null,function*(){if(!S())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:de,data:y!=null?y:{},createdAt:new Date,blocked:!1,hidden:!1};W(P)&&(yield I(u),N(P));}),[n,r,T]),xe=q.useCallback((u,y)=>$(this,null,function*(){if(!S())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Ot,data:y!=null?y:{},createdAt:new Date,blocked:!1,hidden:!1};W(P)&&(yield E(u),N(P));}),[n,r,T]);function W(u){var y;if(T===void 0)return !1;if(T){let P=T.find(V=>V.flowId===u.flowSlug);if(u.actionType===lt&&(!(P!=null&&P.stepStates[u.stepId])||P.stepStates[u.stepId].actionType===lt))return !1;if(P&&((y=P.stepStates[u.stepId])==null?void 0:y.actionType)===u.actionType){if(u.actionType===ze&&(!u.data||JSON.stringify(u.data)===JSON.stringify({})))return !1;let V=Object.keys(P.stepStates).sort((Ie,At)=>{let It=new Date(P.stepStates[Ie].createdAt),Nt=new Date(P.stepStates[At].createdAt);return It.getTime()-Nt.getTime()});if(P.stepStates[V[V.length-1]].actionType===u.actionType&&u.stepId===V[V.length-1])return !1}if(P&&P.flowState===de&&u.actionType===de)return !1}return !0}function j(u,y){let P=Q(u,y);return h?null:P?P.actionType:lt}function ne(u,y){let P=Q(u,y);return P?P.blocked:!1}function M(u,y){let P=Q(u,y);return P?P.hidden:!1}function Q(u,y){var V;if(h)return null;let P=T==null?void 0:T.find(Ie=>Ie.flowId===u);return !P||!P.stepStates[y]?null:(V=P.stepStates[y])!=null?V:null}function Te(u){var P,V;if(h||!T)return null;if(qe(u)===_e)return (P=Y(u)[0])!=null?P:null;let y=(V=T.find(Ie=>Ie.flowId===u))==null?void 0:V.lastStepId;return y?Y(u).find(Ie=>Ie.id===y):null}function Xe(u){var V;let y=Te(u);if(!y)return 0;let P=(V=Y(u).findIndex(Ie=>Ie.id===y.id))!=null?V:0;return j(u,y.id)===ze&&P<Y(u).length-1?P+1:P}function vt(u){if(!u.completionCriteria)return;let y=bi(u.completionCriteria);if(y===null)return;let P=st(y),V=Qe(y);return V===0?void 0:P/V}function qe(u){let y=T==null?void 0:T.find(P=>P.flowId===u);return y?y.flowState:null}function st(u){let y=Y(u);return y.length===0?0:y.filter(V=>j(u,V.id)===ze).length}function Qe(u){return Y(u).length}function jt(u){let y=o.find(P=>P.slug===u);return y?(C&&C[u]&&(y.data=C[u]),Jt(y.data)):null}function Bt(u){if(k)return !1;if(h||b)return !0;if(u!=null&&u.targetingLogic&&T){let y=T.find(P=>P.flowId===u.slug);if(y)return y.shouldTrigger===!1}return !!(u!=null&&u.targetingLogic&&n&&n.startsWith("guest_"))}function Gt(u){let y=O(u);return !y||y.active===!1?!1:!Bt(O(u))}function Et(){n&&g();}function ee(){return o}return {getAllFlows:ee,getFlow:O,getFlowData:jt,isLoading:h||X,getStepStatus:j,getFlowSteps:Y,getCurrentStepIndex:Xe,markStepStarted:oe,markStepCompleted:ie,markFlowNotStarted:ve,markFlowStarted:Ke,markFlowCompleted:Be,markFlowSkipped:xe,markStepNotStarted:_,getFlowStatus:qe,getNumberOfStepsCompleted:st,getNumberOfSteps:Qe,targetingLogicShouldHideFlow:Bt,setCustomVariable:ye,updateCustomVariables:Pe,customVariables:p,getStepOptionalProgress:vt,getFlowMetadata:re,isStepBlocked:ne,isStepHidden:M,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,isFlowAvailableToUser:Gt,refresh:Et,isDegraded:b}}var Xt="guest_";function Fo(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=q.useContext(se),{config:r,apiUrl:l}=et(),{mutateUserFlowState:p}=We(),d=qt(),{verifySDKInitiated:s}=Yt();function m(C){return `frigade-user-registered-${C}`}q.useEffect(()=>{if(e&&!t){if(e.startsWith(Xt))return;let C=m(e);localStorage.getItem(C)||(d(`${l}users`,G(w({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(C,"true"));}},[e,n,t]);let c=q.useCallback(C=>$(this,null,function*(){if(!s())return;let x={foreignId:e,properties:C};yield d(`${l}users`,G(w({},r),{method:"POST",body:JSON.stringify(x)})),i(B=>w(w({},B),C)),p();}),[e,r,n,p]),f=q.useCallback((C,x)=>$(this,null,function*(){if(!s())return;let S={foreignId:e,events:[{event:C,properties:x}]};yield d(`${l}users`,G(w({},r),{method:"POST",body:JSON.stringify(S)})),p();}),[e,r,p]),b=q.useCallback((C,x)=>$(this,null,function*(){if(s())if(x&&Object.keys(x).length>0){let B=m(C);localStorage.setItem(B,"true"),o(C);let S={foreignId:C,properties:x};yield d(`${l}users`,G(w({},r),{method:"POST",body:JSON.stringify(S)})),i(N=>w(w({},N),x)),p();}else o(C);}),[r,n,p]),k=q.useCallback(C=>$(this,null,function*(){if(!s())return;let x=typeof window!="undefined"?localStorage.getItem(Qt):null;if(!x)return;let B={foreignId:C,linkGuestId:x};yield d(`${l}users`,G(w({},r),{method:"POST",body:JSON.stringify(B)})),p();}),[r,n,p]);return {userId:e,setUserId:o,setUserIdWithProperties:b,addPropertiesToUser:c,trackEventForUser:f,linkExistingGuestSessionToUser:k}}var wi="fr-",ko="cfr-";function a(e,t){let o=`${wi}${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+" "+ko+e}return o}function A(e){if(!e.className||e.className.indexOf(ko)!==-1)return "";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(wi)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function jo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Ee(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${jo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Fe(...e){return e.filter(Boolean).join(" ")}function Po(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Aa=Ce__default.default.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
justify-content: center;
|
|
45
45
|
position: fixed;
|
|
@@ -387,10 +387,10 @@ var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnProp
|
|
|
387
387
|
background-repeat: no-repeat;
|
|
388
388
|
background-size: 1.5em 1.5em;
|
|
389
389
|
-webkit-print-color-adjust: exact;
|
|
390
|
-
`;function Ur({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var f,b,k,C,x,B,
|
|
390
|
+
`;function Ur({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var f,b,k,C,x,B,S,N,D;let r=e,[l,p]=q.useState(!1),[d,s]=q.useState(!1);q.useState("");return q.useEffect(()=>{var F,g,T,h,I;if(!((F=i==null?void 0:i.choice)!=null&&F[0])&&!l){if(p(!0),r.requireSelection){o({choice:[Dr]});return}if(r.defaultValue&&((g=r.props.options)!=null&&g.find(E=>E.id===r.defaultValue))){let E=(T=r.props.options)==null?void 0:T.find(v=>v.id===r.defaultValue);o({choice:[E.id],label:[E.title]});}else o({choice:[((h=r.props.options)==null?void 0:h[0].id)||""],label:[(I=r.props.options)==null?void 0:I[0].title]});}},[]),q.useEffect(()=>{var F;r.requireSelection&&((F=i==null?void 0:i.choice)==null?void 0:F[0])===Dr?n([{message:"Please select an option",id:r.id,hidden:!0}]):n([]);},[(f=i==null?void 0:i.choice)==null?void 0:f[0],d]),q__namespace.default.createElement(Za,null,q__namespace.default.createElement(yt,{title:r.title,required:r.required,appearance:t.appearance}),q__namespace.default.createElement(Ra,{value:(b=i==null?void 0:i.choice)==null?void 0:b[0],onChange:F=>{s(!0),o({choice:[F.target.value],label:[F.target.selectedOptions[0].text]});},placeholder:r.placeholder,appearance:t.appearance,className:a("multipleChoiceSelect",t.appearance)},r.requireSelection&&q__namespace.default.createElement("option",{key:"null-value",value:Dr,disabled:!0},(k=r.placeholder)!=null?k:"Select an option"),(C=r.props.options)==null?void 0:C.map(F=>q__namespace.default.createElement("option",{key:F.id,value:F.id},F.title))),((B=(x=r.props.options)==null?void 0:x.find(F=>{var g;return F.id===((g=i==null?void 0:i.choice)==null?void 0:g[0])}))==null?void 0:B.isOpenEnded)&&q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(yt,{title:(D=(N=(S=r.props.options)==null?void 0:S.find(F=>{var g;return F.id===((g=i==null?void 0:i.choice)==null?void 0:g[0])}))==null?void 0:N.openEndedLabel)!=null?D:"Please specify",required:!1,appearance:t.appearance}),q__namespace.default.createElement(Lr,{type:"text",placeholder:"Enter your answer here",onChange:F=>{var g,T;o({choice:[(T=(g=r.props.options)==null?void 0:g.find(h=>{var I;return h.id===((I=i==null?void 0:i.choice)==null?void 0:I[0])}))==null?void 0:T.id],label:[F.target.value],isOpenEnded:!0});},appearance:t.appearance})),q__namespace.default.createElement(Zt,{title:r.subtitle,appearance:t.appearance}))}var Gi=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n;return q__namespace.default.createElement("circle",{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0})},ep=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:l})=>q__namespace.default.createElement("svg",{style:l,className:r,width:t,height:t,overflow:"visible"},q__namespace.default.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},q__namespace.default.createElement(Gi,{color:n,size:t}),q__namespace.default.createElement(Gi,{color:e,percentage:Math.max(o,.1),size:t})),i),Rt=ep;var op=({color:e="#FFFFFF"})=>q__namespace.default.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q__namespace.default.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),rp={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ip={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},np={border:"1px solid #000000",color:"#FFFFFF"},sp={border:"1px solid #C5CBD3"},lp={color:"#FFFFFF"},ap={border:"1px solid #C5CBD3"},pp=e=>e==="square"?rp:ip,dp=(e,t)=>e==="square"?t?np:sp:t?lp:ap,cp=Ce__default.default.div`
|
|
391
391
|
${e=>Ee(e)}
|
|
392
392
|
flex-shrink: 0;
|
|
393
|
-
`,dt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=pt,style:r,className:l})=>{let p=pp(t),d=dp(t,e);return e===!0?p=
|
|
393
|
+
`,dt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=pt,style:r,className:l})=>{let p=pp(t),d=dp(t,e);return e===!0?p=G(w(w({},p),d),{backgroundColor:n.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}):p=w(w({},p),d),e!==!0&&t==="round"&&i!==void 0&&i!==1?q__namespace.default.createElement(Rt,{fillColor:o,percentage:i,size:22}):q__namespace.default.createElement(cp,{styleOverrides:p,style:r,role:"checkbox",className:Fe(a("checkIconContainer",n),a(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",l)},e&&q__namespace.default.createElement(op,{color:"#FFFFFF"}))};function H(e){return e?{__html:mp__default.default.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img","code","li","ul","table","tbody","thead","tr","td","th","h1","h2","h3","h4","video"],ALLOWED_ATTR:["style","class","target","id","href","alt","src","controls","autoplay","loop","muted"]})}:{__html:""}}var up=Ce__default.default.div`
|
|
394
394
|
display: flex;
|
|
395
395
|
flex-direction: column;
|
|
396
396
|
width: 100%;
|
|
@@ -460,7 +460,7 @@ var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnProp
|
|
|
460
460
|
`,bp=Ce__default.default.div`
|
|
461
461
|
padding-left: 1px;
|
|
462
462
|
padding-right: 1px;
|
|
463
|
-
`,wp={text:$r,multipleChoice:Ur,multipleChoiceList:Yi},Hr="frigade-multiInputStepTypeData";function Zi({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r,customFormElements:l,prefillData:p}){var F;let d=t.props,[s,m]=q.useState([]),[c,f]=q.useState([]),{userId:b}=Fo(),[k,C]=q.useState(N()||(p?p[t.id]:null)||{}),{readonly:x}=q.useContext(se),B=w(w({},wp),l);q.useEffect(()=>{i(s.length===0);},[s,i]),q.useEffect(()=>{n(k);},[k]);function
|
|
463
|
+
`,wp={text:$r,multipleChoice:Ur,multipleChoiceList:Yi},Hr="frigade-multiInputStepTypeData";function Zi({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r,customFormElements:l,prefillData:p}){var F;let d=t.props,[s,m]=q.useState([]),[c,f]=q.useState([]),{userId:b}=Fo(),[k,C]=q.useState(N()||(p?p[t.id]:null)||{}),{readonly:x}=q.useContext(se),B=w(w({},wp),l);q.useEffect(()=>{i(s.length===0);},[s,i]),q.useEffect(()=>{n(k);},[k]);function S(g,T){C(h=>{let I=G(w({},h),{[g.id]:T});return typeof window!="undefined"&&window.localStorage&&!x&&window.localStorage.setItem(D(),JSON.stringify(I)),I});}function N(){if(typeof window!="undefined"&&window.localStorage){let g=window.localStorage.getItem(D());if(g)return JSON.parse(g)}return null}function D(){return `${Hr}-${e}-${t.id}-${b}`}return q__namespace.default.createElement(bp,{className:a("multiInput",r)},q__namespace.default.createElement(Le,{appearance:r,title:t.title,subtitle:t.subtitle}),q__namespace.default.createElement(Cp,{className:a("multiInputContainer",r)},(F=d==null?void 0:d.data)==null?void 0:F.map(g=>{let T=s.reverse().find(h=>h.id===g.id);return B[g.type]?q__namespace.default.createElement("span",{key:g.id,"data-field-id":g.id,className:a("multiInputField",r)},B[g.type]({formInput:g,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r},onSaveInputData:h=>{!c.includes(g.id)&&h&&(h==null?void 0:h.text)!==""&&f(I=>[...I,g.id]),S(g,h);},inputData:k[g.id],allInputData:k,setFormValidationErrors:h=>{h.length===0&&s.length===0||m(I=>h.length===0?I.filter(E=>E.id!==g.id):[...I,...h]);}}),T&&T.message&&c.includes(g.id)&&T.hidden!==!0&&q__namespace.default.createElement(yp,{key:g.id,style:{overflow:"hidden"},appearance:r,className:a("multiInputValidationError",r)},q__namespace.default.createElement(Sp,{appearance:r,className:a("multiInputValidationErrorIcon",r)},q__namespace.default.createElement(Xi,null)),T.message)):null})))}var Ri=Ce__default.default.div`
|
|
464
464
|
align-items: center;
|
|
465
465
|
display: flex;
|
|
466
466
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
@@ -559,7 +559,7 @@ var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnProp
|
|
|
559
559
|
margin-right: 8px;
|
|
560
560
|
}
|
|
561
561
|
}
|
|
562
|
-
`,ae=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:l=!1,appearance:p,withMargin:d=!0,classPrefix:s="",loading:m=!1})=>{var b;function c(){let k=l?"buttonSecondary":"button";return s===""?k:`${s}${Po(k)}`}let f={tabindex:l?"0":"1",secondary:l,appearance:p,disabled:i||m,loading:(b=m==null?void 0:m.toString())!=null?b:"",onClick:e,styleOverrides:o,type:n,withMargin:d,size:r,className:a(c(),p)};return m?q__namespace.default.createElement(ln,w({},f),q__namespace.default.createElement(sn,{className:a("buttonLoader",p)})):q__namespace.default.createElement(ln,
|
|
562
|
+
`,ae=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:l=!1,appearance:p,withMargin:d=!0,classPrefix:s="",loading:m=!1})=>{var b;function c(){let k=l?"buttonSecondary":"button";return s===""?k:`${s}${Po(k)}`}let f={tabindex:l?"0":"1",secondary:l,appearance:p,disabled:i||m,loading:(b=m==null?void 0:m.toString())!=null?b:"",onClick:e,styleOverrides:o,type:n,withMargin:d,size:r,className:a(c(),p)};return m?q__namespace.default.createElement(ln,w({},f),q__namespace.default.createElement(sn,{className:a("buttonLoader",p)})):q__namespace.default.createElement(ln,G(w({},f),{dangerouslySetInnerHTML:H(t!=null?t:"Continue")}))};var pn=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:n,selectedStep:r,steps:l,onBack:p,allowBackNavigation:d,errorMessage:s,isSaving:m})=>{var b;let c=l.length>1&&r!=0&&d,f=e.primaryButtonTitle&&e.secondaryButtonTitle||c?"inline":"full-width";return q__namespace.default.createElement(q__namespace.default.Fragment,null,s!==null&&s!=null&&q__namespace.default.createElement(en,{appearance:o,className:a("formCTAError",o)},s),q__namespace.default.createElement(Ri,{showBackButton:c,className:a("formCTAContainer",o)},c&&q__namespace.default.createElement(ae,{title:(b=e.backButtonTitle)!=null?b:"Back",onClick:p,secondary:!0,withMargin:!1,type:f,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),q__namespace.default.createElement(tn,{className:a("ctaWrapper",o)},e.secondaryButtonTitle?q__namespace.default.createElement(ae,{title:e.secondaryButtonTitle,onClick:n,secondary:!0,withMargin:!1,type:f,appearance:o,disabled:m}):null," ",e.primaryButtonTitle?q__namespace.default.createElement(ae,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:f,appearance:o,loading:m}):null)))};var kp=Ce__default.default.div`
|
|
563
563
|
text-align: center;
|
|
564
564
|
color: #e6e6e6;
|
|
565
565
|
`,or=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:n}=ce().mergeAppearanceWithDefault(i);return q__namespace.default.createElement(kp,{className:o},q__namespace.default.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((r,l)=>q__namespace.default.createElement("rect",{key:l,x:16*l,y:0,width:8,height:8,rx:4,fill:t===l?n.colorPrimary:"currentColor"}))))};function fe(){let e=q.useContext(se);function t(n){i(n.primaryButtonUri,n.primaryButtonUriTarget);}function o(n){i(n.secondaryButtonUri,n.secondaryButtonUriTarget);}function i(n,r){if(!n)return;let l=n.startsWith("http")?"_blank":"_self";r&&r!=="_blank"&&(l="_self"),e.navigate(n,l);}return {primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var vp=Ce__default.default.div`
|
|
@@ -733,8 +733,8 @@ var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnProp
|
|
|
733
733
|
color: ${e=>{var t,o;return (o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
734
734
|
display: flex;
|
|
735
735
|
align-self: center;
|
|
736
|
-
`;var Sn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,l]=q.useState([]),[p,d]=q.useState(!1),[s,m]=q.useState(e.id);return q.useEffect(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}));},[p]),q.useEffect(()=>{s!==e.id&&(m(e.id),l([]));},[e]),q.useEffect(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1);},[r]),q__namespace.default.createElement(mn,{className:a("selectListContainer",i)},q__namespace.default.createElement(un,null,q__namespace.default.createElement(fn,{className:a("selectListTitle",i)},e.title),q__namespace.default.createElement(gn,{appearance:i,className:a("selectListSubtitle",i)},e.subtitle)),n.options.map((c,f)=>{let b=r.includes(c.id);return q__namespace.default.createElement(hn,{key:`select-item-${f}`,onClick:()=>{if(r.includes(c.id)){l(r.filter(k=>k!==c.id));return}r.length<n.maxChoices?l([...r,c.id]):r.length==1&&n.maxChoices==1&&l([c.id]);},hideBottomBorder:f===n.options.length-1,className:a("selectListSelectItem",i)},q__namespace.default.createElement(xn,{className:a("selectListItemImage",i)},c.imageUri&&q__namespace.default.createElement(Cn,{src:c.imageUri,alt:`select-icon-${f}`}),q__namespace.default.createElement(yn,{appearance:i,className:a("selectListSelectItemText",i)},c.title)),q__namespace.default.createElement(dt,{appearance:i,value:b,primaryColor:i.theme.colorPrimary}))}))};var Kp=({children:e,id:t,shouldWrap:o=!1})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,o?q__namespace.default.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),sr=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:l,flowId:p,type:d,hideOnFlowCompletion:s,onComplete:m,setVisible:c,setShowModal:f,onDismiss:b,showPagination:k=!1,customFormElements:C,allowBackNavigation:x,validationHandler:B,onFormDataChange:
|
|
737
|
-
${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map(([i,n])=>typeof n=="object"?`${i} { ${Object.entries(n).map(([l,p])=>`${jo(l)}: ${p};`).join(" ")} }`:`${jo(i)}: ${n};`).join(" ")} }`).join(" ")}`;function pe({appearance:e}){if(!e||!e.styleOverrides)return q__namespace.default.createElement(q__namespace.default.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,i])=>typeof i=="object");return t.length===0?q__namespace.default.createElement(q__namespace.default.Fragment,null):q__namespace.default.createElement(Yp,{inlineStyles:t})}function Ye(e,t=!0){let[o,i]=q.useState(!1),{markStepStarted:n,isLoading:r,getFlowStatus:l,getFlowSteps:p,getCurrentStepIndex:d,targetingLogicShouldHideFlow:s,getFlow:m}=le(),c=p(e);function f(){return $(this,null,function*(){!o&&!r&&l(e)===_e&&s(m(e))===!1&&t&&c&&c.length>0&&(i(!0),yield n(e,c[d(e)].id));})}return q.useEffect(()=>{f();},[r,e,t]),{}}var Tn=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:l,onComplete:p,appearance:d,hideOnFlowCompletion:s=!0,onStepCompletion:m,onButtonClick:c,dismissible:f=!0,endFlowOnDismiss:b=!1,modalPosition:k="center",repeatable:C=!1,onDismiss:x,showPagination:B=!1,allowBackNavigation:y=!1,validationHandler:N,showFrigadeBranding:D=!1,onFormDataChange:F,showFooter:g=!0,prefillData:T={},updateUrlOnPageChange:h=!1})=>{let{getFlow:I,getFlowSteps:E,isLoading:v,targetingLogicShouldHideFlow:L,getFlowStatus:U,getCurrentStepIndex:R,markFlowSkipped:z,markFlowNotStarted:J,markStepStarted:X}=le(),O=R(e),{mergeAppearanceWithDefault:Y}=ce(),[K,re]=q.useState(null),{setOpenFlowState:ye,getOpenFlowState:Pe,hasOpenModals:oe}=Ne();Ye(e,i);let _=E(e);d=Y(d);let[ie,ve]=i!==void 0&&n!==void 0?[i,n]:[Pe(e,!0),W=>ye(e,W)],Ke=typeof window!="undefined"?window.location.hash:null;if(q.useEffect(()=>{var W;if(_&&_.length>0&&y){let G=typeof window!="undefined"&&((W=window==null?void 0:window.location)!=null&&W.hash)?window.location.hash.replace("#",""):"";if(_&&(_==null?void 0:_.length)>0){let ne=-1;if(G){let M=G;ne=_.findIndex(Q=>Q.id===M),K===G&&(ne=-1);}ne!==-1&&(re(G),X(e,_[ne].id));}}},[Ke]),q.useEffect(()=>{!v&&_&&_.length&&typeof window!="undefined"&&y&&(re(_[O].id),window.location.hash=_[O].id);},[v,O,_]),v)return null;let Be=I(e);if(!Be||L(Be)||!_||i!==void 0&&i===!1||U(e)===de&&s&&!C||(o=="modal"||o=="corner-modal")&&oe(e))return null;let xe=()=>{ve(!1),x&&x(),b===!0&&z(e);};if(k=="center"&&o==="modal"||o==="large-modal"){let W={padding:"24px"};return o==="large-modal"?(W.width="85%",W.height="90%",W.maxHeight="800px",W.minHeight="500px",W.padding="0"):W.width="400px",q__namespace.default.createElement(tt,{appearance:d,onClose:xe,visible:ie,style:W,dismissible:f,showFrigadeBranding:D},q__namespace.default.createElement(pe,{appearance:d}),q__namespace.default.createElement(sr,{appearance:d,steps:_,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:ve,onDismiss:x,showPagination:B,customFormElements:l,allowBackNavigation:y,validationHandler:N,onFormDataChange:F,showFooter:g,prefillData:T,updateUrlOnPageChange:h,repeatable:C}))}return o==="modal"&&k!=="center"?q__namespace.default.createElement(Jo,{appearance:d,onClose:xe,visible:ie,modalPosition:k},q__namespace.default.createElement(pe,{appearance:d}),q__namespace.default.createElement(sr,{appearance:d,steps:_,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:ve,onDismiss:x,showPagination:B,customFormElements:l,allowBackNavigation:y,validationHandler:N,onFormDataChange:F,showFooter:g,prefillData:T,updateUrlOnPageChange:h,repeatable:C})):q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:d}),q__namespace.default.createElement(sr,{appearance:d,steps:_,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:ve,onDismiss:x,showPagination:B,customFormElements:l,allowBackNavigation:y,validationHandler:N,onFormDataChange:F,showFooter:g,prefillData:T,updateUrlOnPageChange:h,repeatable:C}))},Fn=Tn;function Jr(){let{organizationId:e,userId:t,setOrganizationId:o}=q.useContext(se),{mutateUserFlowState:i}=We(),{config:n,apiUrl:r}=et(),l=qt(),{verifySDKInitiated:p}=Yt();function d(f,b){return `frigade-user-group-registered-${f}-${b}`}q.useEffect(()=>{if(t&&e){if(t.startsWith(Xt))return;let f=d(t,e);localStorage.getItem(f)||(l(`${r}userGroups`,j(w({},n),{method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})})),localStorage.setItem(f,"true"));}},[t,e]);let s=q.useCallback(f=>$(this,null,function*(){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 b={foreignUserId:t,foreignUserGroupId:e,properties:f};yield l(`${r}userGroups`,j(w({},n),{method:"POST",body:JSON.stringify(b)})),i();}),[e,t,n,i]),m=q.useCallback((f,b)=>$(this,null,function*(){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 C={foreignUserId:t,foreignUserGroupId:e,events:[{event:f,properties:b}]};yield l(`${r}userGroups`,j(w({},n),{method:"POST",body:JSON.stringify(C)})),i();}),[e,t,n,i]),c=q.useCallback((f,b)=>$(this,null,function*(){if(p())if(b){let k=d(t,f);localStorage.setItem(k,"true"),o(f);let C={foreignUserId:t,foreignUserGroupId:f,properties:b};yield l(`${r}userGroups`,j(w({},n),{method:"POST",body:JSON.stringify(C)})),i();}else o(f);}),[t,n,i]);return {organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:s,trackEventForOrganization:m}}var Qt="frigade-xFrigade_guestUserId",Io="frigade-xFrigade_userId",kn=({})=>{let{setFlowResponses:e}=To(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=We(),{userId:n,setUserId:r}=Fo(),[l,p]=q.useState(n),{getFlowStatus:d}=le(),{flows:s,userProperties:m,setIsNewGuestUser:c,flowResponses:f,disableImagePreloading:b}=q.useContext(se),[k,C]=q.useState([]),[x,B]=q.useState([]),{organizationId:y}=Jr(),[N,D]=q.useState(y),[F,g]=q.useState(!1);q.useEffect(()=>{if(!o&&t)for(let E=0;E<t.length;E++){let v=t[E],L=s.find(U=>U.slug===(v==null?void 0:v.flowId));if(L&&v&&v.shouldTrigger===!0&&L.type=="FORM"&&L.triggerType==="AUTOMATIC"&&!x.includes(L.slug)){setTimeout(()=>{T(v.flowId);},500);break}}},[o,t]),q.useEffect(()=>{f.length>0&&i();},[f]),q.useEffect(()=>{F||(g(!0),i());},[o,g]);function T(E){let v=s.find(L=>L.slug===E);v&&v.triggerType==="AUTOMATIC"&&!x.includes(v.slug)&&(B([...x,v.slug]),C([v]));}function h(){if(!n){let E=localStorage.getItem(Io);if(E){r(E);return}let v=localStorage.getItem(Qt);if(v){r(v);return}c(!0);let L=Xt+uuid.v4();try{localStorage.setItem(Qt,L);}catch(U){console.log("Failed to save guest user id locally: Local storage unavailable",U);}r(U=>U||L);}}q.useEffect(()=>{try{if(!b&&s){let E=[];s.forEach(v=>{if(v.data&&v.active){let L=v.data.match(/"imageUri":"(.*?)"/g);L&&L.forEach(U=>{let R=U.replace('"imageUri":"',"").replace('"',"");if(E.includes(R))return;let z=new Image;z.src=R,E.push(R);});}});}}catch(E){}},[s]),q.useEffect(()=>{if(n!==l&&(e([]),i()),p(n),n&&!n.startsWith(Xt))try{localStorage.setItem(Io,n);}catch(E){console.log("Failed to save user id locally: Local storage available",E);}n===null&&setTimeout(()=>{n===null&&h();},50);},[n,s,m]),q.useEffect(()=>{y!=N&&(D(y),e([]),i());},[y,N,D]);function I(){return q__namespace.default.createElement(q__namespace.default.Fragment,null,k.map(E=>d(E.slug)!==_e?null:q__namespace.default.createElement("span",{key:E.slug},q__namespace.default.createElement(Fn,{flowId:E.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(I,null))};var Pn={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 od(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Pn[o]){let n=Pn[o].split("."),r=t;n.forEach((l,p)=>{r[l]||(r[l]=p===n.length-1?i:{}),r=r[l];});}}),t}function rd(e){if(!e)return;let t=ue({},e),o={};return Object.keys(t).forEach(i=>{let n=`.fr-${i}`;o[n]=t[i];}),o}function vn(e){let{theme:t,styleOverrides:o}=e,i=od(t),n=rd(o);return {overrides:i,css:n}}var gd={width:{property:"width",scale:"sizes",transform:(e,t)=>styledSystem.get(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},hd=Ce__default.default("div")(({css:e})=>e,styledSystem.compose(styledSystem.border,styledSystem.color,styledSystem.shadow,styledSystem.space,styledSystem.typography,styledSystem.system(gd))),No=n=>{var r=n,{as:e,children:t,overrides:o}=r,i=Me(r,["as","children","overrides"]);let l=Ce.useTheme(),p={border:"none",boxSizing:"border-box",m:0,p:0},d=()=>q__namespace.default.createElement(hd,w(w({as:e},p),i),t);if(o!==void 0){let s=ue(l,o);return q__namespace.default.createElement(Ce.ThemeProvider,{theme:s},d())}return d()};var Oo={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"}},yd={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},An=Ce__default.default(No)(()=>({whiteSpace:"nowrap"}),styledSystem.compose(styledSystem.variant({scale:"components.Button",variants:"components.Button"}),styledSystem.variant({prop:"size",variants:yd})));var lr={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 In=Ce__default.default(No)(styledSystem.variant({scale:"components.Text",variants:"components.Text"}),styledSystem.system({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Nn=4,On="px",Td=20,Fd=Object.fromEntries(Array.from(Array(Td+1),(e,t)=>t===0?[.5,`${.5*Nn}${On}`]:[t,`${t*Nn}${On}`])),so={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"},ar={colors:j(w({},so),{neutral:{foreground:so.gray300},primary:{background:so.blue500,foreground:so.white,inverted:so.blue500},negative:{foreground:so.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:Fd,components:{Button:Oo,Text:lr}};var $n="https://api.frigade.com",se=q.createContext({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:pt,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:$n,readonly:!1,debug:!1,disableImagePreloading:!1});function Pd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e);});}var vd=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var Y,K,re,ye,Pe,oe;let r=typeof window!="undefined"?localStorage.getItem(Qt):null,[l,p]=q.useState(t||r),[d,s]=q.useState(o||null),[m,c]=q.useState([]),[f,b]=q.useState([]),[k,C]=q.useState([]),[x,B]=q.useState({}),[y,N]=q.useState({}),[D,F]=q.useState([]),[g,T]=q.useState({}),[h,I]=q.useState(!1),[E,v]=q.useState(!1),[L,U]=q.useState(!J(e)),R=(_,ie)=>{if(ie==="_blank"){window.open(_,"_blank");return}setTimeout(()=>{window.location.href=_;},50);},z={theme:w(w({},pt.theme),(K=(Y=i==null?void 0:i.defaultAppearance)==null?void 0:Y.theme)!=null?K:{}),styleOverrides:w(w({},pt.styleOverrides),(ye=(re=i==null?void 0:i.defaultAppearance)==null?void 0:re.styleOverrides)!=null?ye:{})};function J(_){return !!(_&&_.length>10&&_.substring(0,10)==="api_public")}q.useEffect(()=>{t&&p(t);},[t]),q.useEffect(()=>{l&&typeof window!="undefined"&&window.localStorage&&window.localStorage.getItem(Io)&&window.localStorage.getItem(Io)!==l&&Pd();},[l]),q.useEffect(()=>{o&&s(o);},[o]),q.useEffect(()=>{if(J(e))U(!1);else {console.error("Frigade SDK failed to initialize. API key provided is either missing or invalid."),U(!0);return}},[e,U]);let X={publicApiKey:e,userId:l,setUserId:p,setFlows:c,flows:m,failedFlowResponses:f,setFailedFlowResponses:b,flowResponses:k,setFlowResponses:C,userProperties:x,setUserProperties:B,openFlowStates:y,setOpenFlowStates:N,completedFlowsToKeepOpenDuringSession:D,setCompletedFlowsToKeepOpenDuringSession:F,customVariables:g,setCustomVariables:T,isNewGuestUser:h,setIsNewGuestUser:I,hasActiveFullPageFlow:E,setHasActiveFullPageFlow:v,organizationId:d,setOrganizationId:s,navigate:i&&i.navigate?i.navigate:R,defaultAppearance:z,shouldGracefullyDegrade:L,setShouldGracefullyDegrade:U,apiUrl:i&&i.apiUrl?i.apiUrl:$n,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1,flowDataOverrides:i&&i.__internal__?i.__internal__:void 0,disableImagePreloading:i&&i.disableImagePreloading?i.disableImagePreloading:!1},{overrides:O}=vn(z);return L?q__namespace.default.createElement(se.Provider,{value:X},q__namespace.default.createElement(Ce.ThemeProvider,{theme:ue(z.theme,ar,O!=null?O:{},(Pe=i==null?void 0:i.theme)!=null?Pe:{})},n)):q__namespace.default.createElement(se.Provider,{value:X},q__namespace.default.createElement(Ce.ThemeProvider,{theme:ue(z.theme,ar,O!=null?O:{},(oe=i==null?void 0:i.theme)!=null?oe:{})},n,q__namespace.default.createElement(kn,null)))};var Mn=Ce__default.default.span`
|
|
736
|
+
`;var Sn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,l]=q.useState([]),[p,d]=q.useState(!1),[s,m]=q.useState(e.id);return q.useEffect(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}));},[p]),q.useEffect(()=>{s!==e.id&&(m(e.id),l([]));},[e]),q.useEffect(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1);},[r]),q__namespace.default.createElement(mn,{className:a("selectListContainer",i)},q__namespace.default.createElement(un,null,q__namespace.default.createElement(fn,{className:a("selectListTitle",i)},e.title),q__namespace.default.createElement(gn,{appearance:i,className:a("selectListSubtitle",i)},e.subtitle)),n.options.map((c,f)=>{let b=r.includes(c.id);return q__namespace.default.createElement(hn,{key:`select-item-${f}`,onClick:()=>{if(r.includes(c.id)){l(r.filter(k=>k!==c.id));return}r.length<n.maxChoices?l([...r,c.id]):r.length==1&&n.maxChoices==1&&l([c.id]);},hideBottomBorder:f===n.options.length-1,className:a("selectListSelectItem",i)},q__namespace.default.createElement(xn,{className:a("selectListItemImage",i)},c.imageUri&&q__namespace.default.createElement(Cn,{src:c.imageUri,alt:`select-icon-${f}`}),q__namespace.default.createElement(yn,{appearance:i,className:a("selectListSelectItemText",i)},c.title)),q__namespace.default.createElement(dt,{appearance:i,value:b,primaryColor:i.theme.colorPrimary}))}))};var Kp=({children:e,id:t,shouldWrap:o=!1})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,o?q__namespace.default.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),sr=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:l,flowId:p,type:d,hideOnFlowCompletion:s,onComplete:m,setVisible:c,setShowModal:f,onDismiss:b,showPagination:k=!1,customFormElements:C,allowBackNavigation:x,validationHandler:B,onFormDataChange:S,showFooter:N,prefillData:D,updateUrlOnPageChange:F,repeatable:g})=>{var xe;let h=w(w({},{linkCollection:dn,multiInput:Zi,callToAction:cn,selectList:Sn}),i),{primaryCTAClickSideEffects:I,secondaryCTAClickSideEffects:E}=fe(),[v,L]=q.useState(!1),[U,R]=q.useState({}),[z,J]=q.useState(!1),[X,O]=q.useState(null),Y=(xe=t[o])!=null?xe:null,{markStepCompleted:K,markStepStarted:re,isLoading:ye,updateCustomVariables:Pe,markFlowCompleted:oe}=le();q.useEffect(()=>{Pe(n);},[n,ye]),q.useEffect(()=>{S&&S(U,_(),t[o],o);},[U]);function _(){var j;return {data:(j=U[t[o].id])!=null?j:{},stepId:t[o].id,customVariables:n}}function ie(W,j,ne){let M=o+1<t.length?t[o+1]:null;return l&&l(W,ne,M,U,_()),r?r(W,o,j,M):!0}function ve(W,j){R(ne=>{let M={};return M[W.id]=j,w(w({},ne),M)});}function Ke(W){return W.selectedStep.imageUri?q__namespace.default.createElement(nn,{image:W.selectedStep.imageUri,appearance:e,className:a("formContainerSidebarImage",e)}):null}let Be=N&&q__namespace.default.createElement(pn,{step:t[o],canContinue:v&&!z,formType:d,selectedStep:o,appearance:e,onPrimaryClick:()=>$(void 0,null,function*(){if(J(!0),B){let ne=yield B(t[o],o,t[o+1],U,_());if(ne!==!0){O(typeof ne=="string"?ne:null),J(!1);return}else O(null);}let W=w({},_());yield K(p,t[o].id,W),o+1<t.length&&!x&&(yield re(p,t[o+1].id));let j=ie(t[o],"primary",o);if(o+1>=t.length&&(m&&m(),b&&b(),s&&j&&(c&&c(!1),f(!1)),yield oe(p),g&&(yield re(p,t[0].id),typeof window!="undefined"&&window.localStorage&&Object.keys(window.localStorage).forEach(M=>{M.startsWith(Hr)&&window.localStorage.removeItem(M);}))),I(t[o]),J(!1),typeof window!="undefined"&&!x&&F&&o+1<t.length){let ne=new URL(window.location.href);ne.searchParams.set("p",t[o+1].id),window.history.pushState({},"",ne.toString());}}),onSecondaryClick:()=>{ie(t[o],"secondary",o),E(t[o]);},onBack:()=>$(void 0,null,function*(){o-1>=0&&(J(!0),yield re(p,t[o-1].id),J(!1));}),steps:t,allowBackNavigation:x,errorMessage:X,isSaving:z});return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(on,{className:a("formContainer",e)},q__namespace.default.createElement(Kp,{id:o,shouldWrap:d==="large-modal"},q__namespace.default.createElement(rn,{key:Y.id,type:d,className:a("formContent",e)},t.map(W=>{var ne;let j=h[(ne=W.type)!=null?ne:"multiInput"];return Y.id!==W.id?null:typeof j!="function"?j:q__namespace.default.createElement(j,{key:W.id,stepData:W,canContinue:v,setCanContinue:L,onSaveData:M=>{ve(W,M);},appearance:e,customFormElements:C,flowId:p,prefillData:D})}),k&&q__namespace.default.createElement(or,{className:a("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),Be)),d=="large-modal"&&q__namespace.default.createElement(Ke,{selectedStep:t[o]})))};var Yp=Ce.createGlobalStyle`
|
|
737
|
+
${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map(([i,n])=>typeof n=="object"?`${i} { ${Object.entries(n).map(([l,p])=>`${jo(l)}: ${p};`).join(" ")} }`:`${jo(i)}: ${n};`).join(" ")} }`).join(" ")}`;function pe({appearance:e}){if(!e||!e.styleOverrides)return q__namespace.default.createElement(q__namespace.default.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,i])=>typeof i=="object");return t.length===0?q__namespace.default.createElement(q__namespace.default.Fragment,null):q__namespace.default.createElement(Yp,{inlineStyles:t})}function Ye(e,t=!0){let[o,i]=q.useState(!1),{markStepStarted:n,isLoading:r,getFlowStatus:l,getFlowSteps:p,getCurrentStepIndex:d,targetingLogicShouldHideFlow:s,getFlow:m}=le(),c=p(e);function f(){return $(this,null,function*(){!o&&!r&&l(e)===_e&&s(m(e))===!1&&t&&c&&c.length>0&&(i(!0),yield n(e,c[d(e)].id));})}return q.useEffect(()=>{f();},[r,e,t]),{}}var Tn=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:l,onComplete:p,appearance:d,hideOnFlowCompletion:s=!0,onStepCompletion:m,onButtonClick:c,dismissible:f=!0,endFlowOnDismiss:b=!1,modalPosition:k="center",repeatable:C=!1,onDismiss:x,showPagination:B=!1,allowBackNavigation:S=!1,validationHandler:N,showFrigadeBranding:D=!1,onFormDataChange:F,showFooter:g=!0,prefillData:T={},updateUrlOnPageChange:h=!1})=>{let{getFlow:I,getFlowSteps:E,isLoading:v,targetingLogicShouldHideFlow:L,getFlowStatus:U,getCurrentStepIndex:R,markFlowSkipped:z,markFlowNotStarted:J,markStepStarted:X}=le(),O=R(e),{mergeAppearanceWithDefault:Y}=ce(),[K,re]=q.useState(null),{setOpenFlowState:ye,getOpenFlowState:Pe,hasOpenModals:oe}=Ne();Ye(e,i);let _=E(e);d=Y(d);let[ie,ve]=i!==void 0&&n!==void 0?[i,n]:[Pe(e,!0),W=>ye(e,W)],Ke=typeof window!="undefined"?window.location.hash:null;if(q.useEffect(()=>{var W;if(_&&_.length>0&&S){let j=typeof window!="undefined"&&((W=window==null?void 0:window.location)!=null&&W.hash)?window.location.hash.replace("#",""):"";if(_&&(_==null?void 0:_.length)>0){let ne=-1;if(j){let M=j;ne=_.findIndex(Q=>Q.id===M),K===j&&(ne=-1);}ne!==-1&&(re(j),X(e,_[ne].id));}}},[Ke]),q.useEffect(()=>{!v&&_&&_.length&&typeof window!="undefined"&&S&&(re(_[O].id),window.location.hash=_[O].id);},[v,O,_]),v)return null;let Be=I(e);if(!Be||L(Be)||!_||i!==void 0&&i===!1||U(e)===de&&s&&!C||(o=="modal"||o=="corner-modal")&&oe(e))return null;let xe=()=>{ve(!1),x&&x(),b===!0&&z(e);};if(k=="center"&&o==="modal"||o==="large-modal"){let W={padding:"24px"};return o==="large-modal"?(W.width="85%",W.height="90%",W.maxHeight="800px",W.minHeight="500px",W.padding="0"):W.width="400px",q__namespace.default.createElement(tt,{appearance:d,onClose:xe,visible:ie,style:W,dismissible:f,showFrigadeBranding:D},q__namespace.default.createElement(pe,{appearance:d}),q__namespace.default.createElement(sr,{appearance:d,steps:_,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:ve,onDismiss:x,showPagination:B,customFormElements:l,allowBackNavigation:S,validationHandler:N,onFormDataChange:F,showFooter:g,prefillData:T,updateUrlOnPageChange:h,repeatable:C}))}return o==="modal"&&k!=="center"?q__namespace.default.createElement(Jo,{appearance:d,onClose:xe,visible:ie,modalPosition:k},q__namespace.default.createElement(pe,{appearance:d}),q__namespace.default.createElement(sr,{appearance:d,steps:_,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:ve,onDismiss:x,showPagination:B,customFormElements:l,allowBackNavigation:S,validationHandler:N,onFormDataChange:F,showFooter:g,prefillData:T,updateUrlOnPageChange:h,repeatable:C})):q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:d}),q__namespace.default.createElement(sr,{appearance:d,steps:_,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:ve,onDismiss:x,showPagination:B,customFormElements:l,allowBackNavigation:S,validationHandler:N,onFormDataChange:F,showFooter:g,prefillData:T,updateUrlOnPageChange:h,repeatable:C}))},Fn=Tn;function Jr(){let{organizationId:e,userId:t,setOrganizationId:o}=q.useContext(se),{mutateUserFlowState:i}=We(),{config:n,apiUrl:r}=et(),l=qt(),{verifySDKInitiated:p}=Yt();function d(f,b){return `frigade-user-group-registered-${f}-${b}`}q.useEffect(()=>{if(t&&e){if(t.startsWith(Xt))return;let f=d(t,e);localStorage.getItem(f)||(l(`${r}userGroups`,G(w({},n),{method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})})),localStorage.setItem(f,"true"));}},[t,e]);let s=q.useCallback(f=>$(this,null,function*(){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 b={foreignUserId:t,foreignUserGroupId:e,properties:f};yield l(`${r}userGroups`,G(w({},n),{method:"POST",body:JSON.stringify(b)})),i();}),[e,t,n,i]),m=q.useCallback((f,b)=>$(this,null,function*(){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 C={foreignUserId:t,foreignUserGroupId:e,events:[{event:f,properties:b}]};yield l(`${r}userGroups`,G(w({},n),{method:"POST",body:JSON.stringify(C)})),i();}),[e,t,n,i]),c=q.useCallback((f,b)=>$(this,null,function*(){if(p())if(b){let k=d(t,f);localStorage.setItem(k,"true"),o(f);let C={foreignUserId:t,foreignUserGroupId:f,properties:b};yield l(`${r}userGroups`,G(w({},n),{method:"POST",body:JSON.stringify(C)})),i();}else o(f);}),[t,n,i]);return {organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:s,trackEventForOrganization:m}}var Qt="frigade-xFrigade_guestUserId",Io="frigade-xFrigade_userId",kn=({})=>{let{setFlowResponses:e}=To(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=We(),{userId:n,setUserId:r}=Fo(),[l,p]=q.useState(n),{getFlowStatus:d}=le(),{flows:s,userProperties:m,setIsNewGuestUser:c,flowResponses:f,disableImagePreloading:b}=q.useContext(se),[k,C]=q.useState([]),[x,B]=q.useState([]),{organizationId:S}=Jr(),[N,D]=q.useState(S),[F,g]=q.useState(!1);q.useEffect(()=>{if(!o&&t)for(let E=0;E<t.length;E++){let v=t[E],L=s.find(U=>U.slug===(v==null?void 0:v.flowId));if(L&&v&&v.shouldTrigger===!0&&L.type=="FORM"&&L.triggerType==="AUTOMATIC"&&!x.includes(L.slug)){setTimeout(()=>{T(v.flowId);},500);break}}},[o,t]),q.useEffect(()=>{f.length>0&&i();},[f]),q.useEffect(()=>{F||(g(!0),i());},[o,g]);function T(E){let v=s.find(L=>L.slug===E);v&&v.triggerType==="AUTOMATIC"&&!x.includes(v.slug)&&(B([...x,v.slug]),C([v]));}function h(){if(!n){let E=localStorage.getItem(Io);if(E){r(E);return}let v=localStorage.getItem(Qt);if(v){r(v);return}c(!0);let L=Xt+uuid.v4();try{localStorage.setItem(Qt,L);}catch(U){console.log("Failed to save guest user id locally: Local storage unavailable",U);}r(U=>U||L);}}q.useEffect(()=>{try{if(!b&&s){let E=[];s.forEach(v=>{if(v.data&&v.active){let L=v.data.match(/"imageUri":"(.*?)"/g);L&&L.forEach(U=>{let R=U.replace('"imageUri":"',"").replace('"',"");if(E.includes(R))return;let z=new Image;z.src=R,E.push(R);});}});}}catch(E){}},[s]),q.useEffect(()=>{if(n!==l&&(e([]),i()),p(n),n&&!n.startsWith(Xt))try{localStorage.setItem(Io,n);}catch(E){console.log("Failed to save user id locally: Local storage available",E);}n===null&&setTimeout(()=>{n===null&&h();},50);},[n,s,m]),q.useEffect(()=>{S!=N&&(D(S),e([]),i());},[S,N,D]);function I(){return q__namespace.default.createElement(q__namespace.default.Fragment,null,k.map(E=>d(E.slug)!==_e?null:q__namespace.default.createElement("span",{key:E.slug},q__namespace.default.createElement(Fn,{flowId:E.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(I,null))};var Pn={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 od(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Pn[o]){let n=Pn[o].split("."),r=t;n.forEach((l,p)=>{r[l]||(r[l]=p===n.length-1?i:{}),r=r[l];});}}),t}function rd(e){if(!e)return;let t=ue({},e),o={};return Object.keys(t).forEach(i=>{let n=`.fr-${i}`;o[n]=t[i];}),o}function vn(e){let{theme:t,styleOverrides:o}=e,i=od(t),n=rd(o);return {overrides:i,css:n}}var gd={width:{property:"width",scale:"sizes",transform:(e,t)=>styledSystem.get(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},hd=Ce__default.default("div")(({css:e})=>e,styledSystem.compose(styledSystem.border,styledSystem.color,styledSystem.shadow,styledSystem.space,styledSystem.typography,styledSystem.system(gd))),No=n=>{var r=n,{as:e,children:t,overrides:o}=r,i=Me(r,["as","children","overrides"]);let l=Ce.useTheme(),p={border:"none",boxSizing:"border-box",m:0,p:0},d=()=>q__namespace.default.createElement(hd,w(w({as:e},p),i),t);if(o!==void 0){let s=ue(l,o);return q__namespace.default.createElement(Ce.ThemeProvider,{theme:s},d())}return d()};var Oo={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"}},yd={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},An=Ce__default.default(No)(()=>({whiteSpace:"nowrap"}),styledSystem.compose(styledSystem.variant({scale:"components.Button",variants:"components.Button"}),styledSystem.variant({prop:"size",variants:yd})));var lr={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 In=Ce__default.default(No)(styledSystem.variant({scale:"components.Text",variants:"components.Text"}),styledSystem.system({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Nn=4,On="px",Td=20,Fd=Object.fromEntries(Array.from(Array(Td+1),(e,t)=>t===0?[.5,`${.5*Nn}${On}`]:[t,`${t*Nn}${On}`])),so={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"},ar={colors:G(w({},so),{neutral:{foreground:so.gray300},primary:{background:so.blue500,foreground:so.white,inverted:so.blue500},negative:{foreground:so.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:Fd,components:{Button:Oo,Text:lr}};var $n="https://api.frigade.com",se=q.createContext({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:pt,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:$n,readonly:!1,debug:!1,disableImagePreloading:!1});function Pd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e);});}var vd=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var Y,K,re,ye,Pe,oe;let r=typeof window!="undefined"?localStorage.getItem(Qt):null,[l,p]=q.useState(t||r),[d,s]=q.useState(o||null),[m,c]=q.useState([]),[f,b]=q.useState([]),[k,C]=q.useState([]),[x,B]=q.useState({}),[S,N]=q.useState({}),[D,F]=q.useState([]),[g,T]=q.useState({}),[h,I]=q.useState(!1),[E,v]=q.useState(!1),[L,U]=q.useState(!J(e)),R=(_,ie)=>{if(ie==="_blank"){window.open(_,"_blank");return}setTimeout(()=>{window.location.href=_;},50);},z={theme:w(w({},pt.theme),(K=(Y=i==null?void 0:i.defaultAppearance)==null?void 0:Y.theme)!=null?K:{}),styleOverrides:w(w({},pt.styleOverrides),(ye=(re=i==null?void 0:i.defaultAppearance)==null?void 0:re.styleOverrides)!=null?ye:{})};function J(_){return !!(_&&_.length>10&&_.substring(0,10)==="api_public")}q.useEffect(()=>{t&&p(t);},[t]),q.useEffect(()=>{l&&typeof window!="undefined"&&window.localStorage&&window.localStorage.getItem(Io)&&window.localStorage.getItem(Io)!==l&&Pd();},[l]),q.useEffect(()=>{o&&s(o);},[o]),q.useEffect(()=>{if(J(e))U(!1);else {console.error("Frigade SDK failed to initialize. API key provided is either missing or invalid."),U(!0);return}},[e,U]);let X={publicApiKey:e,userId:l,setUserId:p,setFlows:c,flows:m,failedFlowResponses:f,setFailedFlowResponses:b,flowResponses:k,setFlowResponses:C,userProperties:x,setUserProperties:B,openFlowStates:S,setOpenFlowStates:N,completedFlowsToKeepOpenDuringSession:D,setCompletedFlowsToKeepOpenDuringSession:F,customVariables:g,setCustomVariables:T,isNewGuestUser:h,setIsNewGuestUser:I,hasActiveFullPageFlow:E,setHasActiveFullPageFlow:v,organizationId:d,setOrganizationId:s,navigate:i&&i.navigate?i.navigate:R,defaultAppearance:z,shouldGracefullyDegrade:L,setShouldGracefullyDegrade:U,apiUrl:i&&i.apiUrl?i.apiUrl:$n,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1,flowDataOverrides:i&&i.__internal__?i.__internal__:void 0,disableImagePreloading:i&&i.disableImagePreloading?i.disableImagePreloading:!1},{overrides:O}=vn(z);return L?q__namespace.default.createElement(se.Provider,{value:X},q__namespace.default.createElement(Ce.ThemeProvider,{theme:ue(z.theme,ar,O!=null?O:{},(Pe=i==null?void 0:i.theme)!=null?Pe:{})},n)):q__namespace.default.createElement(se.Provider,{value:X},q__namespace.default.createElement(Ce.ThemeProvider,{theme:ue(z.theme,ar,O!=null?O:{},(oe=i==null?void 0:i.theme)!=null?oe:{})},n,q__namespace.default.createElement(kn,null)))};var Mn=Ce__default.default.span`
|
|
738
738
|
font-weight: 600;
|
|
739
739
|
font-size: 14px;
|
|
740
740
|
font-style: normal;
|
|
@@ -833,7 +833,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
833
833
|
padding-right: ${e=>e.padding};
|
|
834
834
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
835
835
|
${e=>Ee(e)}
|
|
836
|
-
`;var Ve=({count:e,total:t,display:o="count",textLocation:i="left",style:n={},textStyle:r={},appearance:l})=>{var f;if(t===0)return q__namespace.default.createElement(q__namespace.default.Fragment,null);Object.keys(r).length===0&&r.constructor===Object&&(r={color:(f=l==null?void 0:l.theme)==null?void 0:f.colorText});let p=e===0?"10px":`${e/t*100}%`,d=o==="compact"?"8px":"10px",s=Math.round(e/t*100),m=o==="compact"?"10px":"14px",c;return o==="count"||o==="compact"?c=`${e}/${t}`:o==="percent"&&(c=`${s}% complete`),i==="top"&&(m="0px"),q__namespace.default.createElement(Ed,{className:a("progressBarContainer",l),textLocation:i,styleOverrides:n},q__namespace.default.createElement(Id,{className:a("progressBarStepText",l),styleOverrides:
|
|
836
|
+
`;var Ve=({count:e,total:t,display:o="count",textLocation:i="left",style:n={},textStyle:r={},appearance:l})=>{var f;if(t===0)return q__namespace.default.createElement(q__namespace.default.Fragment,null);Object.keys(r).length===0&&r.constructor===Object&&(r={color:(f=l==null?void 0:l.theme)==null?void 0:f.colorText});let p=e===0?"10px":`${e/t*100}%`,d=o==="compact"?"8px":"10px",s=Math.round(e/t*100),m=o==="compact"?"10px":"14px",c;return o==="count"||o==="compact"?c=`${e}/${t}`:o==="percent"&&(c=`${s}% complete`),i==="top"&&(m="0px"),q__namespace.default.createElement(Ed,{className:a("progressBarContainer",l),textLocation:i,styleOverrides:n},q__namespace.default.createElement(Id,{className:a("progressBarStepText",l),styleOverrides:G(w({},r),{fontSize:o==="compact"?12:14,fontWeight:600}),appearance:l,padding:m,textLocation:i},c),q__namespace.default.createElement(Ad,{textLocation:i,className:a("progressBar",l)},q__namespace.default.createElement(Vn,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:d,appearance:l,className:a("progressBarFill",l)}),q__namespace.default.createElement(jn,{className:a("progressBarBackground",l),barHeight:d,appearance:l})))};var lo=({stepData:e,appearance:t})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(_n,{appearance:t,className:a("checklistStepTitle",t),dangerouslySetInnerHTML:H(e.title)}),q__namespace.default.createElement(zn,{appearance:t,className:a("checklistStepSubtitle",t),dangerouslySetInnerHTML:H(e.subtitle)}));var ao=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick();},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick();};return q__namespace.default.createElement(tr,{className:a("ctaContainer",t)},q__namespace.default.createElement(ae,{appearance:t,title:e.primaryButtonTitle,onClick:o}),e.secondaryButtonTitle&&q__namespace.default.createElement(ae,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}))};var po=({stepData:e,appearance:t})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(lo,{stepData:e,appearance:t}),q__namespace.default.createElement(ao,{stepData:e,appearance:t}));function Gn(e){return q__namespace.default.createElement(rt,{appearance:e.appearance,videoUri:e.videoUri,autoplay:e.autoplay,loop:e.loop,hideControls:e.hideControls})}var Zr="default",Ld=Ce__default.default.img`
|
|
837
837
|
border-radius: ${e=>{var t;return (t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
838
838
|
width: 100%;
|
|
839
839
|
height: auto;
|
|
@@ -949,7 +949,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
949
949
|
`,Rd=Ce__default.default.div`
|
|
950
950
|
flex: 2;
|
|
951
951
|
padding: 40px 40px 40px 0px;
|
|
952
|
-
`,ec=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:l="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:m}=ce();d=m(d);let c={[Zr]:Kn,[Yn]:Jn,[Qn]:Zn},f=w(w({},c),p),[b,k]=q.useState(0),C=n!=null?n:b,x=r!=null?r:k,B=o.filter(N=>N.complete===!0).length,
|
|
952
|
+
`,ec=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:l="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:m}=ce();d=m(d);let c={[Zr]:Kn,[Yn]:Jn,[Qn]:Zn},f=w(w({},c),p),[b,k]=q.useState(0),C=n!=null?n:b,x=r!=null?r:k,B=o.filter(N=>N.complete===!0).length,S=()=>{var N;return !((N=o[C])!=null&&N.type)||!f[o[C].type]?f[Zr]({stepData:o[C],appearance:d}):typeof f[o[C].type]!="function"?f[o[C].type]:f[o[C].type]({stepData:o[C],appearance:d})};return q__namespace.default.createElement(Kd,{type:s,styleOverrides:i,className:l,appearance:d},q__namespace.default.createElement(Xd,{className:a("checklistHeaderContainer",d),appearance:d},q__namespace.default.createElement(Jd,{className:a("checklistHeader",d),appearance:d},q__namespace.default.createElement(qd,{className:a("checklistTitle",d),appearance:d,dangerouslySetInnerHTML:H(e)}),q__namespace.default.createElement(Yd,{className:a("checklistSubtitle",d),appearance:d,dangerouslySetInnerHTML:H(t)}),q__namespace.default.createElement(Ve,{total:o.length,count:B,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),q__namespace.default.createElement(Qd,{className:a("checklistStepsContainer",d)},o.map((N,D)=>q__namespace.default.createElement(Hn,{data:N,index:D,key:D,listLength:o.length,isSelected:D===C,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{x(D);},appearance:d})))),q__namespace.default.createElement(Zd,{appearance:d,className:a("checklistDivider",d)}),q__namespace.default.createElement(Rd,null,q__namespace.default.createElement(S,null)))},Rr=ec;var oc=Ce__default.default.svg`
|
|
953
953
|
transition: 'transform 0.35s ease-in-out';
|
|
954
954
|
`,mo=({style:e,className:t})=>q__namespace.default.createElement(oc,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},q__namespace.default.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));var ei={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},es=Ce__default.default.div`
|
|
955
955
|
max-height: 350px;
|
|
@@ -1164,7 +1164,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1164
1164
|
line-height: 14px;
|
|
1165
1165
|
font-weight: 400;
|
|
1166
1166
|
cursor: pointer;
|
|
1167
|
-
`;var ic=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:l}=fe();return q__namespace.default.createElement(ys,{style:t,className:a("guideContainer",n)},q__namespace.default.createElement(bs,{className:a("guideTitle",n)},o),q__namespace.default.createElement(Ss,{className:a("guideItemContainer",n)},e.map((p,d)=>{var s;return q__namespace.default.createElement(ws,{key:`guide-${(s=p.id)!=null?s:d}`,className:a("guideItem",n)},p.icon&&q__namespace.default.createElement(Ts,{className:a("guideIcon",n)},q__namespace.default.createElement(Fs,null,p.icon)),q__namespace.default.createElement(ks,{className:a("guideItemTitle",n),dangerouslySetInnerHTML:H(p.title)}),q__namespace.default.createElement(Ps,{className:a("guideItemSubtitle",n),dangerouslySetInnerHTML:H(p.subtitle)}),q__namespace.default.createElement(vs,{className:a("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&l(p),r&&r(p);}},p.primaryButtonTitle))})))},Do=ic;var sc=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:l,setSelectedStep:p,customStepTypes:d,appearance:s,guideData:m,guideTitle:c,onGuideButtonClick:f})=>{let b=({stepData:g,handleSecondaryCTAClick:T,handleCTAClick:h})=>g?q__namespace.default.createElement(ps,{className:a("checklistStepContainer",s),"data-testid":"checklistStepContainer"},q__namespace.default.createElement(ds,{appearance:s,className:a("checklistStepTitle",s),dangerouslySetInnerHTML:H(g.title)}),q__namespace.default.createElement(cs,{appearance:s,className:a("checklistStepSubtitle",s),dangerouslySetInnerHTML:H(g.subtitle)}),q__namespace.default.createElement(ms,{className:a("checklistCTAContainer",s)},g.secondaryButtonTitle&&q__namespace.default.createElement(ae,{title:g.secondaryButtonTitle,onClick:T,appearance:s,secondary:!0}),q__namespace.default.createElement(ae,{title:g.primaryButtonTitle,onClick:h,appearance:s}))):q__namespace.default.createElement(q__namespace.default.Fragment,null),C=w(w({},{default:g=>{var E;if((E=e[
|
|
1167
|
+
`;var ic=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:l}=fe();return q__namespace.default.createElement(ys,{style:t,className:a("guideContainer",n)},q__namespace.default.createElement(bs,{className:a("guideTitle",n)},o),q__namespace.default.createElement(Ss,{className:a("guideItemContainer",n)},e.map((p,d)=>{var s;return q__namespace.default.createElement(ws,{key:`guide-${(s=p.id)!=null?s:d}`,className:a("guideItem",n)},p.icon&&q__namespace.default.createElement(Ts,{className:a("guideIcon",n)},q__namespace.default.createElement(Fs,null,p.icon)),q__namespace.default.createElement(ks,{className:a("guideItemTitle",n),dangerouslySetInnerHTML:H(p.title)}),q__namespace.default.createElement(Ps,{className:a("guideItemSubtitle",n),dangerouslySetInnerHTML:H(p.subtitle)}),q__namespace.default.createElement(vs,{className:a("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&l(p),r&&r(p);}},p.primaryButtonTitle))})))},Do=ic;var sc=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:l,setSelectedStep:p,customStepTypes:d,appearance:s,guideData:m,guideTitle:c,onGuideButtonClick:f})=>{let b=({stepData:g,handleSecondaryCTAClick:T,handleCTAClick:h})=>g?q__namespace.default.createElement(ps,{className:a("checklistStepContainer",s),"data-testid":"checklistStepContainer"},q__namespace.default.createElement(ds,{appearance:s,className:a("checklistStepTitle",s),dangerouslySetInnerHTML:H(g.title)}),q__namespace.default.createElement(cs,{appearance:s,className:a("checklistStepSubtitle",s),dangerouslySetInnerHTML:H(g.subtitle)}),q__namespace.default.createElement(ms,{className:a("checklistCTAContainer",s)},g.secondaryButtonTitle&&q__namespace.default.createElement(ae,{title:g.secondaryButtonTitle,onClick:T,appearance:s,secondary:!0}),q__namespace.default.createElement(ae,{title:g.primaryButtonTitle,onClick:h,appearance:s}))):q__namespace.default.createElement(q__namespace.default.Fragment,null),C=w(w({},{default:g=>{var E;if((E=e[S])!=null&&E.StepContent){let v=e[S].StepContent;return q__namespace.default.createElement("div",null,v)}let T=e[S];return q__namespace.default.createElement(b,{stepData:g,handleCTAClick:()=>{T.handlePrimaryButtonClick&&T.handlePrimaryButtonClick();},handleSecondaryCTAClick:()=>{T.handleSecondaryButtonClick&&T.handleSecondaryButtonClick();}})}}),d),[x,B]=q.useState(0),S=l!=null?l:x,N=p!=null?p:B,D=()=>{var g;return e?!((g=e[S])!=null&&g.type)||!C[e[S].type]?C.default(e[S]):typeof C[e[S].type]!="function"?C[e[S].type]:C[e[S].type]({stepData:e[S],primaryColor:s.theme.colorPrimary}):q__namespace.default.createElement(q__namespace.default.Fragment,null)},F=e.filter(g=>g.complete).length;return n?(s.theme.modalContainer||(s.theme.borderRadius&&(ei.borderRadius=s.theme.borderRadius+"px"),s.theme.modalContainer=ei),q__namespace.default.createElement(tt,{onClose:r,visible:n,appearance:s},q__namespace.default.createElement(xs,null,q__namespace.default.createElement(ts,null,q__namespace.default.createElement(os,{appearance:s,className:a("checklistTitle",s)},t),q__namespace.default.createElement(rs,{appearance:s,className:a("checklistSubtitle",s)},o)),q__namespace.default.createElement(es,null,e&&e.length>0&&q__namespace.default.createElement(is,{className:a("stepsContainer",s)},q__namespace.default.createElement(ns,null,q__namespace.default.createElement("div",{style:{flex:3}},q__namespace.default.createElement(ss,{className:a("stepsTitle",s)},i)),q__namespace.default.createElement(hs,null,q__namespace.default.createElement(Ve,{style:{width:"100%"},count:F,total:e.length,appearance:s}))),q__namespace.default.createElement(ls,null,q__namespace.default.createElement(as,{className:a("checklistStepListContainer",s),appearance:s},e.map((g,T)=>{var I;let h=S===T;return q__namespace.default.createElement(us,{selected:h,className:a(`checklistStepListItem${h?"Selected":""}`,s),key:`checklist-guide-step-${(I=g.id)!=null?I:T}`,disabled:g.blocked,onClick:()=>{g.blocked||N(T);},title:g.blocked?"Finish remaining steps to continue":void 0},h&&q__namespace.default.createElement(cr,{className:a("checklistStepItemSelectedIndicator",s),layoutId:"checklist-step-selected",style:{backgroundColor:s.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),q__namespace.default.createElement(fs,{selected:h,className:a(`checklistStepListStepName${h?"Selected":""}`,s)},g.stepName),q__namespace.default.createElement(gs,null,q__namespace.default.createElement(dt,{value:g.complete,type:"round",primaryColor:s.theme.colorPrimary,progress:g.progress,appearance:s}),q__namespace.default.createElement(Cs,null,q__namespace.default.createElement(mo,{style:{marginLeft:"10px"},color:s.theme.colorBackgroundSecondary}))))})),q__namespace.default.createElement(D,null))),m&&m.length>0&&q__namespace.default.createElement(Do,{steps:m,title:c,primaryColor:s.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:s,onButtonClick:g=>(f&&f(g),!0)}))))):q__namespace.default.createElement(q__namespace.default.Fragment,null)},ti=sc;var Bs=Ce__default.default.div`
|
|
1168
1168
|
background-color: ${e=>{var t,o;return (o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1169
1169
|
border: 1px solid;
|
|
1170
1170
|
border-color: ${e=>{var t,o;return (o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1219,7 +1219,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1219
1219
|
flex-direction: row;
|
|
1220
1220
|
justify-content: flex-start;
|
|
1221
1221
|
align-items: center;
|
|
1222
|
-
`;var Ms=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:l})=>{var c,f;let p=t?{}:{transform:"rotate(90deg)"},d=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.35s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.7s ease-out"};function s(){var b,k,C,x;return q__namespace.default.createElement(q__namespace.default.Fragment,null,e.imageUri||e.videoUri?q__namespace.default.createElement(Es,{className:a("stepMediaContainer",r)},e.imageUri?q__namespace.default.createElement(As,{className:a("stepImage",r),src:e.imageUri}):null,e.videoUri?q__namespace.default.createElement(rt,{appearance:r,videoUri:e.videoUri,autoplay:(b=e.props)==null?void 0:b.autoplayVideo,loop:(k=e.props)==null?void 0:k.loopVideo,hideControls:(C=e.props)==null?void 0:C.hideVideoControls}):null):null,q__namespace.default.createElement(Ls,{className:a("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:H(e.subtitle)}),q__namespace.default.createElement(tr,{className:a("checklistCTAContainer",r)},e.secondaryButtonTitle?q__namespace.default.createElement(ae,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,q__namespace.default.createElement(ae,{title:(x=e.primaryButtonTitle)!=null?x:"Continue",onClick:()=>i(),appearance:r})))}function m(){if(!l)return null;let b=l[e.type];return b?typeof b!="function"?b:b(e,r):null}return q__namespace.default.createElement(Bs,{"data-testid":`step-${e.id}`,className:a("checklistStepContainer",r),appearance:r},q__namespace.default.createElement(Is,{className:a("stepHeader",r),onClick:()=>o()},q__namespace.default.createElement($s,{className:a("stepHeaderContent",r)},q__namespace.default.createElement(dr,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(c=r==null?void 0:r.theme)==null?void 0:c.colorPrimary,appearance:r}),q__namespace.default.createElement(Ns,{appearance:r,className:a("stepTitle",r),dangerouslySetInnerHTML:H(e.title)})),q__namespace.default.createElement(Os,{className:a("stepChevronContainer",r),appearance:r},q__namespace.default.createElement(mo,{style:
|
|
1222
|
+
`;var Ms=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:l})=>{var c,f;let p=t?{}:{transform:"rotate(90deg)"},d=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.35s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.7s ease-out"};function s(){var b,k,C,x;return q__namespace.default.createElement(q__namespace.default.Fragment,null,e.imageUri||e.videoUri?q__namespace.default.createElement(Es,{className:a("stepMediaContainer",r)},e.imageUri?q__namespace.default.createElement(As,{className:a("stepImage",r),src:e.imageUri}):null,e.videoUri?q__namespace.default.createElement(rt,{appearance:r,videoUri:e.videoUri,autoplay:(b=e.props)==null?void 0:b.autoplayVideo,loop:(k=e.props)==null?void 0:k.loopVideo,hideControls:(C=e.props)==null?void 0:C.hideVideoControls}):null):null,q__namespace.default.createElement(Ls,{className:a("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:H(e.subtitle)}),q__namespace.default.createElement(tr,{className:a("checklistCTAContainer",r)},e.secondaryButtonTitle?q__namespace.default.createElement(ae,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,q__namespace.default.createElement(ae,{title:(x=e.primaryButtonTitle)!=null?x:"Continue",onClick:()=>i(),appearance:r})))}function m(){if(!l)return null;let b=l[e.type];return b?typeof b!="function"?b:b(e,r):null}return q__namespace.default.createElement(Bs,{"data-testid":`step-${e.id}`,className:a("checklistStepContainer",r),appearance:r},q__namespace.default.createElement(Is,{className:a("stepHeader",r),onClick:()=>o()},q__namespace.default.createElement($s,{className:a("stepHeaderContent",r)},q__namespace.default.createElement(dr,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(c=r==null?void 0:r.theme)==null?void 0:c.colorPrimary,appearance:r}),q__namespace.default.createElement(Ns,{appearance:r,className:a("stepTitle",r),dangerouslySetInnerHTML:H(e.title)})),q__namespace.default.createElement(Os,{className:a("stepChevronContainer",r),appearance:r},q__namespace.default.createElement(mo,{style:G(w({},p),{transition:"transform 0.2s ease-in-out"})}))),q__namespace.default.createElement("div",{key:e.id,style:w({},d),className:a("stepContent",r)},(f=m())!=null?f:s()))};Ce__default.default.div`
|
|
1223
1223
|
background: #ffffff;
|
|
1224
1224
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1225
1225
|
border-radius: 6px;
|
|
@@ -1260,7 +1260,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1260
1260
|
padding: 24px;
|
|
1261
1261
|
border-radius: ${e=>{var t,o;return (o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1262
1262
|
background-color: ${e=>{var t,o;return (o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1263
|
-
`;var pc=({title:e,subtitle:t,steps:o,onClose:i,visible:n,autoExpandFirstIncompleteStep:r=!0,autoCollapse:l=!0,autoExpandNextStep:p=!0,setSelectedStep:d,appearance:s,type:m,className:c,customStepTypes:f,style:b,onButtonClick:k})=>{let C=o.filter(F=>F.complete).length,[x,B]=q.useState(Array(o.length).fill(!0));q.useEffect(()=>{let F=[...x];if(r){for(let g=0;g<o.length;g++)if(!o[g].complete){F[g]=!1;break}B(F);}},[]);let
|
|
1263
|
+
`;var pc=({title:e,subtitle:t,steps:o,onClose:i,visible:n,autoExpandFirstIncompleteStep:r=!0,autoCollapse:l=!0,autoExpandNextStep:p=!0,setSelectedStep:d,appearance:s,type:m,className:c,customStepTypes:f,style:b,onButtonClick:k})=>{let C=o.filter(F=>F.complete).length,[x,B]=q.useState(Array(o.length).fill(!0));q.useEffect(()=>{let F=[...x];if(r){for(let g=0;g<o.length;g++)if(!o[g].complete){F[g]=!1;break}B(F);}},[]);let S=F=>{let g=[...x];if(l)for(let T=0;T<x.length;++T)T!=F&&g[F]&&(g[T]=!0);g[F]=!x[F],B(g);};if(!n&&m=="modal")return q__namespace.default.createElement(q__namespace.default.Fragment,null);let N=q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Ds,null,q__namespace.default.createElement(Us,{appearance:s,className:a("checklistTitle",s),dangerouslySetInnerHTML:H(e)}),q__namespace.default.createElement(_s,{appearance:s,className:a("checklistSubtitle",s),dangerouslySetInnerHTML:H(t)})),q__namespace.default.createElement(Ve,{display:"percent",count:C,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:s})),D=q__namespace.default.createElement(zs,{className:Fe(a("checklistContainer",s),c)},o.map((F,g)=>{var h;let T=x[g];return q__namespace.default.createElement(Ms,{appearance:s,stepData:F,collapsed:T,key:`modal-checklist-${(h=F.id)!=null?h:g}`,onClick:()=>{S(g),d(g),k&&k(o[g],g,x[g]?"expand":"collapse");},onPrimaryButtonClick:()=>{S(g),p&&g<o.length-1&&d(g+1),F.handlePrimaryButtonClick&&F.handlePrimaryButtonClick();},onSecondaryButtonClick:()=>{F.handleSecondaryButtonClick&&F.handleSecondaryButtonClick();},customStepTypes:f})}));return m==="inline"?q__namespace.default.createElement(Ws,{appearance:s,className:Fe(a("checklistInlineContainer",s),c),style:b},N,D):q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(tt,{onClose:i,visible:n,appearance:s,style:{maxWidth:"600px"},headerContent:N},D))},oi=pc;var Hs=()=>{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]=q.useState(t),n=null,r=()=>{n!==null?clearTimeout(n):l(),n=setTimeout(()=>{l();},16);},l=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,s])=>{if(!window)return [d,!1];let m=window.matchMedia(s);return m.addEventListener("change",r),[d,m.matches]}));i(p);};return q.useEffect(()=>{l();},[]),o};var Gs=Ce.css`
|
|
1264
1264
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1265
1265
|
`,mc=Ce.css`
|
|
1266
1266
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
@@ -1402,7 +1402,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1402
1402
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1403
1403
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1404
1404
|
`}
|
|
1405
|
-
`;var nl=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=ce(),{primaryCTAClickSideEffects:n}=fe();o=i(o);let {imageUri:r=null,subtitle:l=null,title:p=null,complete:d=!1,blocked:s=!1}=e;e.primaryButtonTitle||e.secondaryButtonTitle;let c=()=>{n(e);};return q__namespace.default.createElement(Qs,{className:a("carouselCard",o),onClick:s?null:c,style:t,blocked:s,complete:d},r&&q__namespace.default.createElement(Zs,{className:a("carouselCardImage",o),src:r,alt:p,style:{opacity:d||s?.4:1}}),d&&q__namespace.default.createElement(el,{className:a("carouselCompletedPill",o)},q__namespace.default.createElement(il,{style:{color:"#108E0B"}},"Complete")),p&&q__namespace.default.createElement(rl,{blocked:s,complete:d,className:a("carouselCardTitle",o),dangerouslySetInnerHTML:H(p)}),l&&q__namespace.default.createElement(Tt.Quiet,{blocked:s,complete:d,className:a("carouselCardSubtitle",o),dangerouslySetInnerHTML:H(l)}))};var Cc=()=>q__namespace.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q__namespace.default.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),q__namespace.default.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),q__namespace.default.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),sl=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=q.useState(!1),[r,l]=q.useState(!1);q.useEffect(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&l(!0);},[t]);let p=()=>{n(!1),l(!1);},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?q__namespace.default.createElement(Ys,{style:d,reversed:r,onAnimationEnd:r?p:null},q__namespace.default.createElement(Js,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},q__namespace.default.createElement(Cc,null))):null},ll=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=q.useRef(null),[r,l]=q.useState(!1),[p,d]=q.useState(!1),[s,m]=q.useState(null),[c,f]=q.useState([]),[b,k]=q.useState(0),{isSmall:C}=Hs(),x=C?1:3,{getFlowMetadata:B,getFlowSteps:
|
|
1405
|
+
`;var nl=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=ce(),{primaryCTAClickSideEffects:n}=fe();o=i(o);let {imageUri:r=null,subtitle:l=null,title:p=null,complete:d=!1,blocked:s=!1}=e;e.primaryButtonTitle||e.secondaryButtonTitle;let c=()=>{n(e);};return q__namespace.default.createElement(Qs,{className:a("carouselCard",o),onClick:s?null:c,style:t,blocked:s,complete:d},r&&q__namespace.default.createElement(Zs,{className:a("carouselCardImage",o),src:r,alt:p,style:{opacity:d||s?.4:1}}),d&&q__namespace.default.createElement(el,{className:a("carouselCompletedPill",o)},q__namespace.default.createElement(il,{style:{color:"#108E0B"}},"Complete")),p&&q__namespace.default.createElement(rl,{blocked:s,complete:d,className:a("carouselCardTitle",o),dangerouslySetInnerHTML:H(p)}),l&&q__namespace.default.createElement(Tt.Quiet,{blocked:s,complete:d,className:a("carouselCardSubtitle",o),dangerouslySetInnerHTML:H(l)}))};var Cc=()=>q__namespace.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q__namespace.default.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),q__namespace.default.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),q__namespace.default.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),sl=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=q.useState(!1),[r,l]=q.useState(!1);q.useEffect(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&l(!0);},[t]);let p=()=>{n(!1),l(!1);},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?q__namespace.default.createElement(Ys,{style:d,reversed:r,onAnimationEnd:r?p:null},q__namespace.default.createElement(Js,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},q__namespace.default.createElement(Cc,null))):null},ll=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=q.useRef(null),[r,l]=q.useState(!1),[p,d]=q.useState(!1),[s,m]=q.useState(null),[c,f]=q.useState([]),[b,k]=q.useState(0),{isSmall:C}=Hs(),x=C?1:3,{getFlowMetadata:B,getFlowSteps:S,getNumberOfStepsCompleted:N,updateCustomVariables:D,isLoading:F}=le();q.useEffect(()=>{D(o);},[o,F]),q.useEffect(()=>{if(F)return;let v=B(e),L=N(e),U=S(e);m(v),(v.data!==null||v.steps!==null)&&(f(U.sort((R,z)=>Number(R.complete)-Number(z.complete))),d(U.length>x),k(L));},[F]);let g=[];for(let v=0;v<c.length;v+=x)g.push(c.slice(v,v+x));let T=v=>{let L=v.target,U=L.scrollWidth-L.clientWidth,R=Math.ceil(L.scrollLeft);R>0&&r===!1&&l(!0),R===0&&r===!0&&l(!1),R<U&&p===!1&&d(!0),R===U&&p===!0&&d(!1);},h=(v=!0)=>{let L=v?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*L,behavior:"smooth"});},I=null,E=v=>{I!==null?clearTimeout(I):T(v),I=setTimeout(()=>{T(v);},16);};return F?null:q__namespace.default.createElement(Rs,{className:Fe(a("carouselContainer",t),i)},q__namespace.default.createElement("div",{style:{display:"flex",justifyContent:C?"center":"space-between",marginBottom:20,flexWrap:C?"wrap":"nowrap",gap:C?16:20}},q__namespace.default.createElement("div",null,q__namespace.default.createElement(tl,{className:a("carouselTitle",t),dangerouslySetInnerHTML:H(s==null?void 0:s.title)}),q__namespace.default.createElement(Tt.Quiet,{className:a("carouselSubtitle",t),dangerouslySetInnerHTML:H(s==null?void 0:s.subtitle)})),q__namespace.default.createElement(ol,{className:a("progressWrapper",t)},q__namespace.default.createElement(Ve,{count:b,total:c.length,appearance:t}))),q__namespace.default.createElement("div",{style:{position:"relative"}},q__namespace.default.createElement(sl,{show:r,onClick:()=>h(!1)}),q__namespace.default.createElement(sl,{side:"right",show:p,onClick:h}),q__namespace.default.createElement(Ks,{ref:n,onScroll:E},g.map((v,L)=>q__namespace.default.createElement(qs,{key:L,style:{flex:`0 0 calc(100% - ${c.length>x?36:0}px)`}},v.map((U,R)=>q__namespace.default.createElement(nl,{key:R,stepData:U,style:{flex:c.length>x?`0 1 calc(100% / ${x} - 16px * 2 / ${x})`:1},appearance:t})))))),q__namespace.default.createElement(pe,{appearance:t}))};var ni=D=>{var F=D,{flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:n,className:r,type:l="inline",onDismiss:p,visible:d,customVariables:s,onStepCompletion:m,onButtonClick:c,appearance:f,hideOnFlowCompletion:b,setVisible:k,customStepTypes:C,checklistStyle:x="default",autoExpandFirstIncompleteStep:B,autoExpandNextStep:S}=F,N=Me(F,["flowId","title","subtitle","style","initialSelectedStep","className","type","onDismiss","visible","customVariables","onStepCompletion","onButtonClick","appearance","hideOnFlowCompletion","setVisible","customStepTypes","checklistStyle","autoExpandFirstIncompleteStep","autoExpandNextStep"]);let{getFlow:g,getFlowSteps:T,markStepCompleted:h,getStepStatus:I,getNumberOfStepsCompleted:E,isLoading:v,targetingLogicShouldHideFlow:L,updateCustomVariables:U,getFlowMetadata:R,isStepBlocked:z,getFlowStatus:J,hasActiveFullPageFlow:X,setHasActiveFullPageFlow:O,markStepStarted:Y,getCurrentStepIndex:K}=le(),{primaryCTAClickSideEffects:re,secondaryCTAClickSideEffects:ye}=fe(),{getOpenFlowState:Pe,setOpenFlowState:oe}=Ne(),[_,ie]=q.useState(n||0),[ve,Ke]=q.useState(!1),Be=d===void 0?Pe(e):d,xe=l==="modal",{mergeAppearanceWithDefault:W}=ce();Ye(e,d);let j=T(e),ne=K(e);if(f=W(f),q.useEffect(()=>{U(s);},[s,v]),q.useEffect(()=>{d!==void 0&&(xe&&d===!0?O(!0):xe&&d===!1&&O(!1));},[d,k,X]),q.useEffect(()=>{_!==ne&&ie(ne);},[ne]),v)return null;let M=g(e);if(!M||L(M)||!j||!j.length||b===!0&&J(e)===de)return null;let Q=R(e);if(Q!=null&&Q.title&&(t=Q.title),Q!=null&&Q.subtitle&&(o=Q.subtitle),!ve&&n===void 0&&E(e)>0){let ee=j.findIndex(u=>u.complete===!1);ie(ee>-1?ee:j.length-1),Ke(!0);}function Te(){if(_+1>=j.length){xe&&oe(e,!1);return}z(e,j[_+1].id)||ie(_+1);}function Xe(ee,u,y){let P=_+1<j.length?j[_+1]:null;c&&c(ee,_,u,P)===!0&&xe&&Qe(),m&&m(ee,y,P),!m&&!c&&(ee.primaryButtonUri||ee.secondaryButtonUri)&&xe&&Qe();}function vt(){return j.map((ee,u)=>G(w({},ee),{handleSecondaryButtonClick:()=>{Te(),ye(ee),ee.skippable===!0&&h(e,ee.id,{skipped:!0}),Xe(ee,"secondary",u);},handlePrimaryButtonClick:()=>{(!ee.completionCriteria&&(ee.autoMarkCompleted||ee.autoMarkCompleted===void 0)||ee.completionCriteria&&ee.autoMarkCompleted===!0)&&(h(e,ee.id),Te()),Xe(ee,"primary",u),re(ee),I(e,ee.id)===ze&&Te();}}))}function qe(){return q__namespace.default.createElement(pe,{appearance:f})}let st={steps:vt(),title:t,subtitle:o,primaryColor:f.theme.colorPrimary,appearance:f,customStepTypes:C,type:l,className:r,autoExpandFirstIncompleteStep:B,autoExpandNextStep:S};function Qe(){oe(e,!1),p&&p(),k&&k(!1);}function jt(){return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(qe,null),q__namespace.default.createElement(ll,{flowId:e,appearance:f,customVariables:s,className:r}))}function Bt(){return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(qe,null),q__namespace.default.createElement(oi,w({visible:Be,onClose:()=>{Qe();},selectedStep:_,setSelectedStep:ie,autoExpandNextStep:!0,appearance:f,onButtonClick:c},st)))}function Gt(){var y;let ee=N.guideFlowId,u;return ee&&g(ee)&&(u=T(ee)),q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(qe,null),q__namespace.default.createElement(ti,w({visible:Be,stepsTitle:Q.stepsTitle?Q.stepsTitle:"Your quick start guide",onClose:()=>{Qe();},selectedStep:_,setSelectedStep:ie,guideData:u,guideTitle:(y=N.guideTitle)!=null?y:"Guide",appearance:f,title:t,subtitle:o,onGuideButtonClick:P=>{Xe(P,"link",0);},customStepTypes:C},st)))}function Et(){let ee=q__namespace.default.createElement(Rr,w({flowId:e,style:i,selectedStep:_,setSelectedStep:ie,appearance:f,type:l},st));return xe?q__namespace.default.createElement(tt,{onClose:()=>{Qe();},visible:Be,appearance:f,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},q__namespace.default.createElement(qe,null),ee):q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(qe,null),ee)}switch(x){case"condensed":return Bt();case"with-guide":return Gt();case"default":return Et();case"carousel":return jt();default:return Et()}};var Sc=e=>q__namespace.default.createElement(ni,w({type:"inline"},e));var pl=Ce__default.default.div`
|
|
1406
1406
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1407
1407
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1408
1408
|
padding: 10px 12px 10px 12px;
|
|
@@ -1471,7 +1471,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1471
1471
|
:hover {
|
|
1472
1472
|
opacity: 0.8;
|
|
1473
1473
|
}
|
|
1474
|
-
`;var Cl=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:l,style:p,onClick:d})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(fl,{appearance:i,className:Fe(a("fullWidthProgressBadgeContainer",i),l!=null?l:""),style:p,onClick:()=>d!==void 0&&d()},o&&q__namespace.default.createElement(gl,{className:a("fullWidthProgressBadgeIcon",i)},o),q__namespace.default.createElement(hl,null,q__namespace.default.createElement(Le,{size:"small",appearance:i,title:e,subtitle:t})),q__namespace.default.createElement(xl,{className:a("fullWidthProgressBadgeProgressContainer",i)},q__namespace.default.createElement(Ve,{count:n,total:r,display:"percent",textLocation:"top"}))));var wc=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:l,customVariables:p,hideOnFlowCompletion:d,appearance:s,type:m="default"})=>{let{getFlow:c,getFlowSteps:f,getFlowStatus:b,getNumberOfStepsCompleted:k,isLoading:C,targetingLogicShouldHideFlow:x,updateCustomVariables:B}=le(),{mergeAppearanceWithDefault:
|
|
1474
|
+
`;var Cl=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:l,style:p,onClick:d})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(fl,{appearance:i,className:Fe(a("fullWidthProgressBadgeContainer",i),l!=null?l:""),style:p,onClick:()=>d!==void 0&&d()},o&&q__namespace.default.createElement(gl,{className:a("fullWidthProgressBadgeIcon",i)},o),q__namespace.default.createElement(hl,null,q__namespace.default.createElement(Le,{size:"small",appearance:i,title:e,subtitle:t})),q__namespace.default.createElement(xl,{className:a("fullWidthProgressBadgeProgressContainer",i)},q__namespace.default.createElement(Ve,{count:n,total:r,display:"percent",textLocation:"top"}))));var wc=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:l,customVariables:p,hideOnFlowCompletion:d,appearance:s,type:m="default"})=>{let{getFlow:c,getFlowSteps:f,getFlowStatus:b,getNumberOfStepsCompleted:k,isLoading:C,targetingLogicShouldHideFlow:x,updateCustomVariables:B}=le(),{mergeAppearanceWithDefault:S}=ce();s=S(s);let{setOpenFlowState:N,getOpenFlowState:D}=Ne();if(q.useEffect(()=>{B(p);},[p,C]),C)return null;let F=c(e);if(!F||x(F)||d===!0&&b(e)===de)return null;let g=f(e),T=k(e);return m==="full-width"?q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:s}),q__namespace.default.createElement(Cl,{title:t,subtitle:o,count:T,total:g.length,style:n,className:l,appearance:s,icon:i,onClick:r})):q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:s}),q__namespace.default.createElement(ul,{count:T,total:g.length,title:t,style:n,onClick:()=>{N(e,!0),r&&r();},type:m,className:l,appearance:s}))};var Fc=n=>{var r=n,{flowId:e,style:t,appearance:o}=r,i=Me(r,["flowId","style","appearance"]);let{getFlow:l,targetingLogicShouldHideFlow:p,getFlowSteps:d}=le(),{mergeAppearanceWithDefault:s}=ce();o=s(o);let m=l(e);if(!m||p(m))return null;let c=d(e);return q__namespace.default.createElement(Do,w({steps:c,style:t,appearance:o},i))};var si=(e,t,o,i={x:20,y:20},n)=>{let r=n=="fixed"?0:window.scrollY,l=n=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+i.x+l,y:e.top-i.y+r}:t==="right"?{x:e.left+e.width+i.x+l,y:e.top-i.y+r}:{x:0,y:0}};function yl(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,n]=q.useState(o),r=q.useCallback(()=>{e&&n(e.getBoundingClientRect());},[e]);return q.useEffect(()=>(r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)),[e,t]),i}function Sl(){let{debug:e}=q.useContext(se),[t,o]=q.useState([]);function i(r){e&&(t.find(l=>l===r)||(o([...t,r]),console.log(r)));}function n(r){e&&(t.find(l=>l===r)||(o([...t,r]),console.warn(r)));}return {logIfDebugMode:i,logErrorIfDebugMode:n}}var wl=300,Tl=100,Ic=500,xo=12,Nc=Ce__default.default.div`
|
|
1475
1475
|
width: 100%;
|
|
1476
1476
|
height: 100%;
|
|
1477
1477
|
border-radius: 9999px;
|
|
@@ -1512,7 +1512,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1512
1512
|
`,$c=Ce__default.default(Fl)`
|
|
1513
1513
|
width: ${xo+12}px;
|
|
1514
1514
|
height: ${xo+12}px;
|
|
1515
|
-
`,Mc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:l={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:m,appearance:c,dismissible:f=!1,showHighlightOnly:b,showStepCount:k=!0,completedStepsCount:C=0,showFrigadeBranding:x=!1,cssPosition:B="absolute",onViewTooltip:y,className:N})=>{var vt,qe,st,Qe,jt,Bt,Gt,Et,ee,u,S,P,V,Ie,At,It,Nt,ge,yo;let{logErrorIfDebugMode:D}=Sl(),[F,g]=q.useState(),[T,h]=q.useState(new Date),I=q.useRef(null),[E,v]=q.useState(document.querySelector(e[s].selector)),L=yl(E,T),[U,R]=q.useState(),[z,J]=q.useState(!b),X=B!="static"?(qe=(vt=e[s])==null?void 0:vt.props)!=null&&qe.position?e[s].props.position:B:"static",O=(jt=(Qe=(st=e[s])==null?void 0:st.props)==null?void 0:Qe.zIndex)!=null?jt:90,Y=(Bt=F==null?void 0:F.width)!=null?Bt:wl,K=(Gt=F==null?void 0:F.height)!=null?Gt:Tl,[re,ye]=q.useState(new Date().getTime());l=B!="static"?(u=(ee=(Et=e[s])==null?void 0:Et.props)==null?void 0:ee.offset)!=null?u:l:{x:0,y:0};let Pe=window.location.pathname.split("/").pop();q.useLayoutEffect(()=>{I.current&&g({width:I.current.clientWidth,height:I.current.clientHeight});},[s,T,X]),q.useEffect(()=>{b||J(!0);},[s]),q.useEffect(()=>{p&&z&&y(s);},[z]);let oe=()=>{if(X==="static")return;let te=document.querySelector(e[s].selector);if(!te){R(void 0),v(null),D(`FrigadeTour: Could not find element with selector "${e[s].selector}" for step ${e[s].id}`);return}U&&U===JSON.stringify(te==null?void 0:te.getBoundingClientRect())||(v(te),h(new Date),te&&R(JSON.stringify(te.getBoundingClientRect())));};if(q.useEffect(()=>{let te=new MutationObserver(oe);return te.observe(document.body,{subtree:!0,childList:!0}),()=>te.disconnect()},[oe]),q.useEffect(()=>{let te=new MutationObserver(oe);return te.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>te.disconnect()},[oe]),q.useEffect(()=>{let te=setInterval(()=>{oe();},10);return ()=>clearInterval(te)},[oe]),q.useLayoutEffect(()=>{setTimeout(()=>{oe();},Ic),oe();},[s,Pe]),q.useEffect(()=>{if(!p)return;let te=Ue=>{Ue.key==="Escape"&&t();};return document.addEventListener("keydown",te),()=>{document.removeEventListener("keydown",te);}},[]),E===null||!p)return null;let _=i==="auto"?"right":i,ie=si(L,_,Y,l,X),ve=L.right+Y>(window.innerWidth||document.documentElement.clientWidth);L.bottom+Tl>(window.innerHeight||document.documentElement.clientHeight);ve&&i==="auto"&&(ie=si(L,"left",Y,l,X),_="left"),(P=(S=e[s])==null?void 0:S.props)!=null&&P.tooltipPosition&&((Ie=(V=e[s])==null?void 0:V.props)==null?void 0:Ie.tooltipPosition)!=="auto"&&(((It=(At=e[s])==null?void 0:At.props)==null?void 0:It.tooltipPosition)==="left"||((ge=(Nt=e[s])==null?void 0:Nt.props)==null?void 0:ge.tooltipPosition)==="right")&&(_=e[s].props.tooltipPosition);let Be=()=>{let te=()=>{if(e[s].handlePrimaryButtonClick&&(e[s].handlePrimaryButtonClick(),J(!1),setTimeout(()=>{oe();},30)),C===e.length-1)return o()},Ue=()=>{e[s].handleSecondaryButtonClick&&(e[s].handleSecondaryButtonClick(),b&&!e[s].secondaryButtonUri&&J(!1));};return q__namespace.default.createElement(q__namespace.default.Fragment,null,k&&e.length>1&&q__namespace.default.createElement(Ai,null,q__namespace.default.createElement(Ni,{role:"status",className:a("tooltipStepCounter",c)},s+1," of ",e.length)),(e[s].primaryButtonTitle||e[s].secondaryButtonTitle)&&q__namespace.default.createElement(Ii,{showStepCount:k,className:a("tooltipCTAContainer",c)},e[s].secondaryButtonTitle&&q__namespace.default.createElement(ae,{title:e[s].secondaryButtonTitle,appearance:c,onClick:Ue,size:"small",withMargin:!1,secondary:!0}),e[s].primaryButtonTitle&&q__namespace.default.createElement(ae,{title:e[s].primaryButtonTitle,appearance:c,onClick:te,withMargin:!1,size:"small"})))},xe=()=>{var te,Ue,Wo;return q__namespace.default.createElement(q__namespace.default.Fragment,null,f&&q__namespace.default.createElement(ki,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t();},className:a("tooltipClose",c),hasImage:!!e[s].imageUri||!!e[s].videoUri,"aria-label":"Close Tooltip",role:"button",tabIndex:0},q__namespace.default.createElement(Oe,null)),e[s].imageUri&&q__namespace.default.createElement(Pi,{dismissible:f,appearance:c,role:"img","aria-label":e[s].title,src:e[s].imageUri,className:a("tooltipImageContainer",c)}),e[s].videoUri&&!e[s].imageUri&&q__namespace.default.createElement(vi,{dismissible:f,appearance:c,role:"video","aria-label":e[s].title,className:a("tooltipVideoContainer",c)},q__namespace.default.createElement(rt,{appearance:c,videoUri:e[s].videoUri,autoplay:(te=e[s].props)==null?void 0:te.autoplayVideo,loop:(Ue=e[s].props)==null?void 0:Ue.loopVideo,hideControls:(Wo=e[s].props)==null?void 0:Wo.hideVideoControls})),q__namespace.default.createElement(Ei,{className:a("tooltipContentContainer",c)},q__namespace.default.createElement(Le,{appearance:c,title:e[s].title,subtitle:e[s].subtitle,size:"small",ariaPrefix:`Tooltip${e[s].id}`}),q__namespace.default.createElement(Bi,{className:a("tooltipFooter",c)},q__namespace.default.createElement(Be,null))))},G=w(w({},{default:te=>{var Ue;if((Ue=e[s])!=null&&Ue.StepContent){let Wo=e[s].StepContent;return q__namespace.default.createElement("div",null,Wo)}return q__namespace.default.createElement(xe,null)}}),m),ne=()=>{var te;return e?!((te=e[s])!=null&&te.type)||!G[e[s].type]?G.default(e[s]):G[e[s].type]({stepData:e[s],primaryColor:r}):q__namespace.default.createElement(q__namespace.default.Fragment,null)};if(e[s].complete===!0||ie.x==0&&ie.y==0&&new Date().getTime()-re<100)return null;let M={top:(ie==null?void 0:ie.y)-xo,left:(yo=_=="left"?L.x+l.x:(ie==null?void 0:ie.x)-xo)!=null?yo:0,cursor:b?"pointer":"default",position:X},Q=()=>{let Ue=M.left+(_=="left"?-Y:24);return Math.min(Math.max(Ue,20),window.innerWidth-Y-20)},Te=()=>{let te=M.top+K,Ue=20;return te>window.innerHeight-Ue?M.top+-K:M.top},Xe=()=>{b&&(h(new Date),J(!z));};return q__namespace.default.createElement(Lc,{className:N},q__namespace.default.createElement($c,{style:M,zIndex:O,className:a("tourHighlightContainer",c)},n&&e[s].showHighlight!==!1&&B!=="static"&&q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Oc,{style:{position:X},onClick:Xe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightInnerCircle",c)}),q__namespace.default.createElement(Nc,{style:{position:"absolute"},onClick:Xe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightOuterCircle",c)}))),q__namespace.default.createElement(Fl,{style:j(w({},M),{left:Q(),top:Te()}),zIndex:O+1,className:a("tooltipContainerWrapper",c)},z&&q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Go,{ref:I,role:"dialog","aria-labelledby":`frigadeTooltip${e[s].id}Title`,"aria-describedby":`frigadeTooltip${e[s].id}Subtitle`,layoutId:"tooltip-container",tabIndex:0,"aria-label":"Tooltip",style:w({position:"relative",width:"max-content",right:0,top:B!=="static"?12:0},d),appearance:c,className:a("tooltipContainer",c),maxWidth:wl,zIndex:O+10},q__namespace.default.createElement(ne,null)),x&&q__namespace.default.createElement(Li,{className:a("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:O+10},q__namespace.default.createElement(Ko,{appearance:c})))))},zo=Mc;var zc=x=>{var B=x,{flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:l,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:s=!1,dismissBehavior:m="skip-flow",onComplete:c,skipIfNotFound:f=!1,cssPosition:b="absolute",className:k}=B,C=Me(B,["flowId","customVariables","appearance","onStepCompletion","onButtonClick","showTooltipsSimultaneously","onDismiss","dismissible","tooltipPosition","showHighlightOnly","dismissBehavior","onComplete","skipIfNotFound","cssPosition","className"]);let{getFlow:y,getFlowSteps:N,isLoading:D,targetingLogicShouldHideFlow:F,markStepCompleted:g,markStepStarted:T,markFlowCompleted:h,markFlowSkipped:I,updateCustomVariables:E,getCurrentStepIndex:v,getStepStatus:L,isStepBlocked:U,getFlowStatus:R,getNumberOfStepsCompleted:z}=le(),{isLoadingUserFlowStateData:J}=We(),{primaryCTAClickSideEffects:X,secondaryCTAClickSideEffects:O}=fe(),{hasOpenModals:Y}=Ne(),K=v(e),{openFlowStates:re}=q.useContext(se),{mergeAppearanceWithDefault:ye}=ce();if(o=ye(o),q.useEffect(()=>{E(t);},[t,D]),J)return null;let Pe=y(e);if(!Pe||F(Pe)||R(e)==de||Y())return null;let oe=N(e);if(Object.keys(re).length>0){let M=Object.keys(re).find(Q=>re[Q]===!0);if(M!==void 0&&M!==e)return q__namespace.default.createElement(q__namespace.default.Fragment,null)}function _(M){return $(this,null,function*(){if(yield g(e,M.id),oe.map(Q=>L(e,Q.id)).every(Q=>Q===ze)){yield h(e);return}!s&&K+1<oe.length&&!r&&U(e,oe[K+1].id);})}function ie(M,Q,Te){let Xe=K+1<oe.length?oe[K+1]:null;n&&n(M,K,Q,Xe),i&&i(M,Te,Xe);}function ve(){return oe.map(M=>j(w({},M),{handleSecondaryButtonClick:()=>$(this,null,function*(){O(M),M.skippable===!0&&(yield g(e,M.id,{skipped:!0})),ie(M,"secondary",K);}),handlePrimaryButtonClick:()=>$(this,null,function*(){(!M.completionCriteria&&(M.autoMarkCompleted||M.autoMarkCompleted===void 0)||M.completionCriteria&&M.autoMarkCompleted===!0)&&(yield _(M)),ie(M,"primary",K),X(M);})}))}function Ke(M){return $(this,null,function*(){l&&l(),m==="skip-flow"?yield I(e):yield g(e,M.id);})}function Be(){c&&c();}function xe(M){return $(this,null,function*(){yield T(e,oe[M].id);})}let W=!document.querySelector(oe[K].selector);function G(){let M=oe.findIndex((Q,Te)=>!!document.querySelector(Q.selector)&&Te>=K);return oe.map((Q,Te)=>r?q__namespace.default.createElement(zo,w({key:Q.id,appearance:o,steps:ve(),selectedStep:Te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Ke(Q),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Be,cssPosition:b,onViewTooltip:xe,className:k},C)):f&&W&&Te===M?q__namespace.default.createElement(zo,w({key:Q.id,appearance:o,steps:ve(),selectedStep:Te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Ke(Q),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Be,cssPosition:b,onViewTooltip:xe,className:k},C)):Te!=K?null:q__namespace.default.createElement(zo,w({key:Q.id,appearance:o,steps:ve(),selectedStep:Te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Ke(Q),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Be,cssPosition:b,onViewTooltip:xe,className:k},C)))}function ne(){return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:o}),G())}return b==="static"?ne():q__namespace.default.createElement(reactPortal.Portal,null,ne())};var kl=Ce__default.default.button`
|
|
1515
|
+
`,Mc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:l={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:m,appearance:c,dismissible:f=!1,showHighlightOnly:b,showStepCount:k=!0,completedStepsCount:C=0,showFrigadeBranding:x=!1,cssPosition:B="absolute",onViewTooltip:S,className:N})=>{var vt,qe,st,Qe,jt,Bt,Gt,Et,ee,u,y,P,V,Ie,At,It,Nt,ge,yo;let{logErrorIfDebugMode:D}=Sl(),[F,g]=q.useState(),[T,h]=q.useState(new Date),I=q.useRef(null),[E,v]=q.useState(document.querySelector(e[s].selector)),L=yl(E,T),[U,R]=q.useState(),[z,J]=q.useState(!b),X=B!="static"?(qe=(vt=e[s])==null?void 0:vt.props)!=null&&qe.position?e[s].props.position:B:"static",O=(jt=(Qe=(st=e[s])==null?void 0:st.props)==null?void 0:Qe.zIndex)!=null?jt:90,Y=(Bt=F==null?void 0:F.width)!=null?Bt:wl,K=(Gt=F==null?void 0:F.height)!=null?Gt:Tl,[re,ye]=q.useState(new Date().getTime());l=B!="static"?(u=(ee=(Et=e[s])==null?void 0:Et.props)==null?void 0:ee.offset)!=null?u:l:{x:0,y:0};let Pe=window.location.pathname.split("/").pop();q.useLayoutEffect(()=>{I.current&&g({width:I.current.clientWidth,height:I.current.clientHeight});},[s,T,X]),q.useEffect(()=>{b||J(!0);},[s]),q.useEffect(()=>{p&&z&&S(s);},[z]);let oe=()=>{if(X==="static")return;let te=document.querySelector(e[s].selector);if(!te){R(void 0),v(null),D(`FrigadeTour: Could not find element with selector "${e[s].selector}" for step ${e[s].id}`);return}U&&U===JSON.stringify(te==null?void 0:te.getBoundingClientRect())||(v(te),h(new Date),te&&R(JSON.stringify(te.getBoundingClientRect())));};if(q.useEffect(()=>{let te=new MutationObserver(oe);return te.observe(document.body,{subtree:!0,childList:!0}),()=>te.disconnect()},[oe]),q.useEffect(()=>{let te=new MutationObserver(oe);return te.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>te.disconnect()},[oe]),q.useEffect(()=>{let te=setInterval(()=>{oe();},10);return ()=>clearInterval(te)},[oe]),q.useLayoutEffect(()=>{setTimeout(()=>{oe();},Ic),oe();},[s,Pe]),q.useEffect(()=>{if(!p)return;let te=Ue=>{Ue.key==="Escape"&&t();};return document.addEventListener("keydown",te),()=>{document.removeEventListener("keydown",te);}},[]),E===null||!p)return null;let _=i==="auto"?"right":i,ie=si(L,_,Y,l,X),ve=L.right+Y>(window.innerWidth||document.documentElement.clientWidth);L.bottom+Tl>(window.innerHeight||document.documentElement.clientHeight);ve&&i==="auto"&&(ie=si(L,"left",Y,l,X),_="left"),(P=(y=e[s])==null?void 0:y.props)!=null&&P.tooltipPosition&&((Ie=(V=e[s])==null?void 0:V.props)==null?void 0:Ie.tooltipPosition)!=="auto"&&(((It=(At=e[s])==null?void 0:At.props)==null?void 0:It.tooltipPosition)==="left"||((ge=(Nt=e[s])==null?void 0:Nt.props)==null?void 0:ge.tooltipPosition)==="right")&&(_=e[s].props.tooltipPosition);let Be=()=>{let te=()=>{if(e[s].handlePrimaryButtonClick&&(e[s].handlePrimaryButtonClick(),J(!1),setTimeout(()=>{oe();},30)),C===e.length-1)return o()},Ue=()=>{e[s].handleSecondaryButtonClick&&(e[s].handleSecondaryButtonClick(),b&&!e[s].secondaryButtonUri&&J(!1));};return q__namespace.default.createElement(q__namespace.default.Fragment,null,k&&e.length>1&&q__namespace.default.createElement(Ai,null,q__namespace.default.createElement(Ni,{role:"status",className:a("tooltipStepCounter",c)},s+1," of ",e.length)),(e[s].primaryButtonTitle||e[s].secondaryButtonTitle)&&q__namespace.default.createElement(Ii,{showStepCount:k,className:a("tooltipCTAContainer",c)},e[s].secondaryButtonTitle&&q__namespace.default.createElement(ae,{title:e[s].secondaryButtonTitle,appearance:c,onClick:Ue,size:"small",withMargin:!1,secondary:!0}),e[s].primaryButtonTitle&&q__namespace.default.createElement(ae,{title:e[s].primaryButtonTitle,appearance:c,onClick:te,withMargin:!1,size:"small"})))},xe=()=>{var te,Ue,Wo;return q__namespace.default.createElement(q__namespace.default.Fragment,null,f&&q__namespace.default.createElement(ki,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t();},className:a("tooltipClose",c),hasImage:!!e[s].imageUri||!!e[s].videoUri,"aria-label":"Close Tooltip",role:"button",tabIndex:0},q__namespace.default.createElement(Oe,null)),e[s].imageUri&&q__namespace.default.createElement(Pi,{dismissible:f,appearance:c,role:"img","aria-label":e[s].title,src:e[s].imageUri,className:a("tooltipImageContainer",c)}),e[s].videoUri&&!e[s].imageUri&&q__namespace.default.createElement(vi,{dismissible:f,appearance:c,role:"video","aria-label":e[s].title,className:a("tooltipVideoContainer",c)},q__namespace.default.createElement(rt,{appearance:c,videoUri:e[s].videoUri,autoplay:(te=e[s].props)==null?void 0:te.autoplayVideo,loop:(Ue=e[s].props)==null?void 0:Ue.loopVideo,hideControls:(Wo=e[s].props)==null?void 0:Wo.hideVideoControls})),q__namespace.default.createElement(Ei,{className:a("tooltipContentContainer",c)},q__namespace.default.createElement(Le,{appearance:c,title:e[s].title,subtitle:e[s].subtitle,size:"small",ariaPrefix:`Tooltip${e[s].id}`}),q__namespace.default.createElement(Bi,{className:a("tooltipFooter",c)},q__namespace.default.createElement(Be,null))))},j=w(w({},{default:te=>{var Ue;if((Ue=e[s])!=null&&Ue.StepContent){let Wo=e[s].StepContent;return q__namespace.default.createElement("div",null,Wo)}return q__namespace.default.createElement(xe,null)}}),m),ne=()=>{var te;return e?!((te=e[s])!=null&&te.type)||!j[e[s].type]?j.default(e[s]):j[e[s].type]({stepData:e[s],primaryColor:r}):q__namespace.default.createElement(q__namespace.default.Fragment,null)};if(e[s].complete===!0||ie.x==0&&ie.y==0&&new Date().getTime()-re<100)return null;let M={top:(ie==null?void 0:ie.y)-xo,left:(yo=_=="left"?L.x+l.x:(ie==null?void 0:ie.x)-xo)!=null?yo:0,cursor:b?"pointer":"default",position:X},Q=()=>{let Ue=M.left+(_=="left"?-Y:24);return Math.min(Math.max(Ue,20),window.innerWidth-Y-20)},Te=()=>{let te=M.top+K,Ue=20;return te>window.innerHeight-Ue?M.top+-K:M.top},Xe=()=>{b&&(h(new Date),J(!z));};return q__namespace.default.createElement(Lc,{className:N},q__namespace.default.createElement($c,{style:M,zIndex:O,className:a("tourHighlightContainer",c)},n&&e[s].showHighlight!==!1&&B!=="static"&&q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Oc,{style:{position:X},onClick:Xe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightInnerCircle",c)}),q__namespace.default.createElement(Nc,{style:{position:"absolute"},onClick:Xe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightOuterCircle",c)}))),q__namespace.default.createElement(Fl,{style:G(w({},M),{left:Q(),top:Te()}),zIndex:O+1,className:a("tooltipContainerWrapper",c)},z&&q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Go,{ref:I,role:"dialog","aria-labelledby":`frigadeTooltip${e[s].id}Title`,"aria-describedby":`frigadeTooltip${e[s].id}Subtitle`,layoutId:"tooltip-container",tabIndex:0,"aria-label":"Tooltip",style:w({position:"relative",width:"max-content",right:0,top:B!=="static"?12:0},d),appearance:c,className:a("tooltipContainer",c),maxWidth:wl,zIndex:O+10},q__namespace.default.createElement(ne,null)),x&&q__namespace.default.createElement(Li,{className:a("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:O+10},q__namespace.default.createElement(Ko,{appearance:c})))))},zo=Mc;var zc=x=>{var B=x,{flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:l,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:s=!1,dismissBehavior:m="skip-flow",onComplete:c,skipIfNotFound:f=!1,cssPosition:b="absolute",className:k}=B,C=Me(B,["flowId","customVariables","appearance","onStepCompletion","onButtonClick","showTooltipsSimultaneously","onDismiss","dismissible","tooltipPosition","showHighlightOnly","dismissBehavior","onComplete","skipIfNotFound","cssPosition","className"]);let{getFlow:S,getFlowSteps:N,isLoading:D,targetingLogicShouldHideFlow:F,markStepCompleted:g,markStepStarted:T,markFlowCompleted:h,markFlowSkipped:I,updateCustomVariables:E,getCurrentStepIndex:v,getStepStatus:L,isStepBlocked:U,getFlowStatus:R,getNumberOfStepsCompleted:z}=le(),{isLoadingUserFlowStateData:J}=We(),{primaryCTAClickSideEffects:X,secondaryCTAClickSideEffects:O}=fe(),{hasOpenModals:Y}=Ne(),K=v(e),{openFlowStates:re}=q.useContext(se),{mergeAppearanceWithDefault:ye}=ce();if(o=ye(o),q.useEffect(()=>{E(t);},[t,D]),J)return null;let Pe=S(e);if(!Pe||F(Pe)||R(e)==de||Y())return null;let oe=N(e);if(Object.keys(re).length>0){let M=Object.keys(re).find(Q=>re[Q]===!0);if(M!==void 0&&M!==e)return q__namespace.default.createElement(q__namespace.default.Fragment,null)}function _(M){return $(this,null,function*(){if(yield g(e,M.id),oe.map(Q=>L(e,Q.id)).every(Q=>Q===ze)){yield h(e);return}!s&&K+1<oe.length&&!r&&U(e,oe[K+1].id);})}function ie(M,Q,Te){let Xe=K+1<oe.length?oe[K+1]:null;n&&n(M,K,Q,Xe),i&&i(M,Te,Xe);}function ve(){return oe.map(M=>G(w({},M),{handleSecondaryButtonClick:()=>$(this,null,function*(){O(M),M.skippable===!0&&(yield g(e,M.id,{skipped:!0})),ie(M,"secondary",K);}),handlePrimaryButtonClick:()=>$(this,null,function*(){(!M.completionCriteria&&(M.autoMarkCompleted||M.autoMarkCompleted===void 0)||M.completionCriteria&&M.autoMarkCompleted===!0)&&(yield _(M)),ie(M,"primary",K),X(M);})}))}function Ke(M){return $(this,null,function*(){l&&l(),m==="skip-flow"?yield I(e):yield g(e,M.id);})}function Be(){c&&c();}function xe(M){return $(this,null,function*(){yield T(e,oe[M].id);})}let W=!document.querySelector(oe[K].selector);function j(){let M=oe.findIndex((Q,Te)=>!!document.querySelector(Q.selector)&&Te>=K);return oe.map((Q,Te)=>r?q__namespace.default.createElement(zo,w({key:Q.id,appearance:o,steps:ve(),selectedStep:Te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Ke(Q),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Be,cssPosition:b,onViewTooltip:xe,className:k},C)):f&&W&&Te===M?q__namespace.default.createElement(zo,w({key:Q.id,appearance:o,steps:ve(),selectedStep:Te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Ke(Q),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Be,cssPosition:b,onViewTooltip:xe,className:k},C)):Te!=K?null:q__namespace.default.createElement(zo,w({key:Q.id,appearance:o,steps:ve(),selectedStep:Te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Ke(Q),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:z(e),onComplete:Be,cssPosition:b,onViewTooltip:xe,className:k},C)))}function ne(){return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:o}),j())}return b==="static"?ne():q__namespace.default.createElement(reactPortal.Portal,null,ne())};var kl=Ce__default.default.button`
|
|
1516
1516
|
${e=>A(e)} {
|
|
1517
1517
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1518
1518
|
|
|
@@ -1600,7 +1600,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1600
1600
|
font-size: 14px;
|
|
1601
1601
|
|
|
1602
1602
|
padding: 8px 12px;
|
|
1603
|
-
`;var Ol=({style:e,className:t})=>q__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},q__namespace.default.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"}));var $l=({style:e,className:t})=>q__namespace.default.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"},q__namespace.default.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 Gc=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:n="inline",title:r="Help",appearance:l})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:s,getStepStatus:m,getNumberOfStepsCompleted:c,isLoading:f,targetingLogicShouldHideFlow:b}=le(),{primaryCTAClickSideEffects:k}=fe(),C=q.useRef(null),[x,B]=q.useState(!1),{mergeAppearanceWithDefault:
|
|
1603
|
+
`;var Ol=({style:e,className:t})=>q__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},q__namespace.default.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"}));var $l=({style:e,className:t})=>q__namespace.default.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"},q__namespace.default.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 Gc=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:n="inline",title:r="Help",appearance:l})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:s,getStepStatus:m,getNumberOfStepsCompleted:c,isLoading:f,targetingLogicShouldHideFlow:b}=le(),{primaryCTAClickSideEffects:k}=fe(),C=q.useRef(null),[x,B]=q.useState(!1),{mergeAppearanceWithDefault:S}=ce();l=S(l),q.useEffect(()=>(document.addEventListener("click",N,!1),()=>{document.removeEventListener("click",N,!1);}),[]);let N=h=>{C.current&&!C.current.contains(h.target)&&B(!1);};if(f)return null;let D=p(e);if(!D||b(D))return null;let F=d(e);if(!F||!i)return null;function g(h,I){!h.completionCriteria&&(h.autoMarkCompleted||h.autoMarkCompleted===void 0)&&s(e,h.id),k(h),o&&o(h,I),B(!1);}function T(){return x&&q__namespace.default.createElement(Al,{className:a("floatingWidgetMenu",l),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:n},F.map((h,I)=>q__namespace.default.createElement(Il,{className:a("floatingWidgetMenuItem",l),key:I,onClick:()=>g(h,I)},h.title)))}return n=="inline"?q__namespace.default.createElement("span",{ref:C},q__namespace.default.createElement(pe,{appearance:l}),q__namespace.default.createElement(kl,{style:t,onClick:()=>{B(!x);},className:a("supportButton",l)},q__namespace.default.createElement(vl,{className:a("supportIconContainer",l)},q__namespace.default.createElement($l,{className:a("supportIcon",l),style:{width:"18px",height:"18px"}})),q__namespace.default.createElement(Pl,{className:a("supportButtonTitle",l)},r)),q__namespace.default.createElement(T,null)):q__namespace.default.createElement(reactPortal.Portal,null,q__namespace.default.createElement(pe,{appearance:l}),q__namespace.default.createElement(Bl,{style:t,ref:C},q__namespace.default.createElement(T,null),q__namespace.default.createElement(El,{onClick:()=>{B(!x);},whileHover:{scale:1.1},className:a("floatingWidgetButton",l)},q__namespace.default.createElement(Ol,{className:a("floatingWidgetButtonIcon",l),style:{display:"flex",width:"20px",height:"20px"}}))))};var Ml=Ce__default.default.div`
|
|
1604
1604
|
${e=>A(e)} {
|
|
1605
1605
|
display: flex;
|
|
1606
1606
|
flex-direction: column;
|
|
@@ -1711,7 +1711,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1711
1711
|
height: 100%;
|
|
1712
1712
|
min-height: 200px;
|
|
1713
1713
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1714
|
-
`;function Sr({stepData:e,appearance:t,classPrefix:o=""}){var i,n,r;return e.videoUri?q__namespace.default.createElement(rt,{appearance:t,videoUri:e.videoUri,autoplay:(i=e.props)==null?void 0:i.autoplayVideo,loop:(n=e.props)==null?void 0:n.loopVideo,hideControls:(r=e.props)==null?void 0:r.hideVideoControls}):e.imageUri?q__namespace.default.createElement(qc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Jc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p,onClick:d})=>{let{getFlow:s,markFlowCompleted:m,markFlowSkipped:c,markStepCompleted:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowSteps:x,getFlowStatus:B,getCurrentStepIndex:
|
|
1714
|
+
`;function Sr({stepData:e,appearance:t,classPrefix:o=""}){var i,n,r;return e.videoUri?q__namespace.default.createElement(rt,{appearance:t,videoUri:e.videoUri,autoplay:(i=e.props)==null?void 0:i.autoplayVideo,loop:(n=e.props)==null?void 0:n.loopVideo,hideControls:(r=e.props)==null?void 0:r.hideVideoControls}):e.imageUri?q__namespace.default.createElement(qc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Jc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p,onClick:d})=>{let{getFlow:s,markFlowCompleted:m,markFlowSkipped:c,markStepCompleted:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowSteps:x,getFlowStatus:B,getCurrentStepIndex:S}=le(),{primaryCTAClickSideEffects:N,secondaryCTAClickSideEffects:D}=fe(),{mergeAppearanceWithDefault:F}=ce();if(Ye(e),n=F(n),q.useEffect(()=>{C(o);},[o,b]),b)return null;let g=s(e);if(!g||k(g)||B(e)===de)return null;let h=x(e)[S(e)];return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(Ml,{appearance:n,className:Fe(a("embeddedTipContainer",n),r),style:l,onClick:d},(p===!0||h.dismissible)&&q__namespace.default.createElement(_l,{onClick:()=>$(void 0,null,function*(){yield c(e),t&&t();}),className:a("embeddedTipDismissButton",n)},q__namespace.default.createElement(Oe,null)),(h.imageUri||h.videoUri)&&q__namespace.default.createElement(yr,{className:a("embeddedTipMediaContainer",n)},q__namespace.default.createElement(Sr,{appearance:n,stepData:h})),q__namespace.default.createElement(Dl,{className:a("embeddedTipTextContainer",n)},q__namespace.default.createElement(Le,{size:"small",appearance:n,title:h.title,subtitle:h.subtitle})),(h.primaryButtonTitle||h.secondaryButtonTitle)&&q__namespace.default.createElement(Ul,{className:a("embeddedTipCallToActionContainer",n)},h.primaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"embeddedTip",title:h.primaryButtonTitle,appearance:n,withMargin:!1,size:"medium",type:"inline",onClick:()=>$(void 0,null,function*(){h.handlePrimaryButtonClick(),N(h),!(i&&i(h,S(e),"primary")===!1)&&(yield f(e,h.id),yield m(e));})}),h.secondaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"embeddedTip",title:h.secondaryButtonTitle,appearance:n,withMargin:!1,size:"medium",type:"inline",onClick:()=>$(void 0,null,function*(){h.handleSecondaryButtonClick(),D(h),i&&i(h,S(e),"secondary");}),secondary:!0}))))};var Yl=Ce__default.default.div`
|
|
1715
1715
|
// use the :not annotation
|
|
1716
1716
|
${e=>A(e)} {
|
|
1717
1717
|
display: flex;
|
|
@@ -1753,7 +1753,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1753
1753
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1754
1754
|
align-items: flex-end;
|
|
1755
1755
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1756
|
-
`;var Zl=({style:e,className:t})=>q__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},q__namespace.default.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),q__namespace.default.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var Qc=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:l,type:p="full-width",icon:d,onClick:s})=>{let{getFlow:m,markFlowCompleted:c,markFlowSkipped:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowMetadata:x,getFlowStatus:B,getFlowSteps:
|
|
1756
|
+
`;var Zl=({style:e,className:t})=>q__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},q__namespace.default.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),q__namespace.default.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var Qc=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:l,type:p="full-width",icon:d,onClick:s})=>{let{getFlow:m,markFlowCompleted:c,markFlowSkipped:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowMetadata:x,getFlowStatus:B,getFlowSteps:S,getCurrentStepIndex:N}=le(),{primaryCTAClickSideEffects:D}=fe(),{mergeAppearanceWithDefault:F}=ce();if(Ye(e),l=F(l),q.useEffect(()=>{C(n);},[n,b]),b)return null;let g=m(e);if(!g||k(g)||B(e)===de)return null;let T=S(e),h=T.length>0?T[N(e)]:x(e);return h!=null&&h.title&&(t=h.title),h!=null&&h.subtitle&&(o=h.subtitle),q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:l}),q__namespace.default.createElement(Yl,{type:p,appearance:l,className:a("bannerContainer",l),onClick:s},p!="square"&&q__namespace.default.createElement(Jl,{className:a("bannerIconContainer",l)},d||q__namespace.default.createElement(Zl,null)),p==="square"&&h.dismissible&&q__namespace.default.createElement(ai,{type:p,className:a("bannerDismissButtonContainer",l)},q__namespace.default.createElement(li,{type:p,onClick:()=>$(void 0,null,function*(){yield f(e),i&&i();}),className:a("bannerDismissButton",l)},q__namespace.default.createElement(Oe,null))),q__namespace.default.createElement(Xl,{type:p,className:a("bannerTextContainer",l)},q__namespace.default.createElement(Le,{appearance:l,title:t,subtitle:o,classPrefix:"banner"})),(h==null?void 0:h.primaryButtonTitle)&&q__namespace.default.createElement(Ql,{type:p,className:a("bannerCallToActionContainer",l)},q__namespace.default.createElement(ae,{title:h==null?void 0:h.primaryButtonTitle,appearance:l,onClick:()=>{D(h),r&&r(h,0,"primary");},classPrefix:"banner"})),p!=="square"&&h.dismissible&&q__namespace.default.createElement(ai,{type:p,className:a("bannerDismissButtonContainer",l)},q__namespace.default.createElement(li,{type:p,onClick:()=>$(void 0,null,function*(){yield f(e),i&&i();}),className:a("bannerDismissButton",l)},q__namespace.default.createElement(Oe,null)))))};var Rl=Ce__default.default.div`
|
|
1757
1757
|
display: flex;
|
|
1758
1758
|
flex-direction: column;
|
|
1759
1759
|
width: 100%;
|
|
@@ -1846,7 +1846,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
|
|
|
1846
1846
|
opacity: 0.8;
|
|
1847
1847
|
}
|
|
1848
1848
|
}
|
|
1849
|
-
`;var em=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,type:p="modal"})=>{let {getFlow:d,markFlowCompleted:s,markFlowSkipped:m,markStepCompleted:c,getNumberOfStepsCompleted:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowSteps:x,getFlowStatus:B,getFlowMetadata:
|
|
1849
|
+
`;var em=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,type:p="modal"})=>{let {getFlow:d,markFlowCompleted:s,markFlowSkipped:m,markStepCompleted:c,getNumberOfStepsCompleted:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowSteps:x,getFlowStatus:B,getFlowMetadata:S}=le();fe();let {mergeAppearanceWithDefault:D}=ce(),[F,g]=q__namespace.default.useState(null),[T,h]=q__namespace.default.useState(""),I=S(e),{hasOpenModals:E,setKeepCompletedFlowOpenDuringSession:v,shouldKeepCompletedFlowOpenDuringSession:L}=Ne();if(Ye(e),n=D(n),q.useEffect(()=>{C(o);},[o,b]),b)return null;let U=d(e);if(!U||k(U)||B(e)===de||f(e)===1&&!L(e)||E())return null;let z=x(e)[f(e)];function J(){var Y,K;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(mi,null,q__namespace.default.createElement(Le,{size:"large",appearance:n,title:z.title,subtitle:z.subtitle})),q__namespace.default.createElement(di,{className:a("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(re=>q__namespace.default.createElement(ea,{className:a("npsNumberButton",n),selected:F===re+1,key:re,onClick:()=>$(this,null,function*(){v(e),g(re+1),yield c(e,z.id,{score:re+1});}),appearance:n},re+1))),q__namespace.default.createElement(ta,{appearance:n},q__namespace.default.createElement(ci,{appearance:n},(Y=I==null?void 0:I.negativeLabel)!=null?Y:"Not likely at all"),q__namespace.default.createElement(ci,{appearance:n},(K=I==null?void 0:I.positiveLabel)!=null?K:"Extremely likely")))}function X(){var Y;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(mi,null,q__namespace.default.createElement(Le,{appearance:n,title:(Y=z.title)!=null?Y:"Why did you choose this score?",size:"large"})),q__namespace.default.createElement(oa,{appearance:n,value:T,onChange:K=>{h(K.target.value);},placeholder:"Add your optional feedback here..."}),q__namespace.default.createElement(di,{appearance:n,className:a("npsNumberButtonContainer",n)},q__namespace.default.createElement(ae,{size:"large",withMargin:!1,onClick:()=>$(this,null,function*(){yield s(e),i&&i(z,1,"primary");}),appearance:n,title:z.secondaryButtonTitle||"Skip",secondary:!0}),q__namespace.default.createElement(ae,{size:"large",withMargin:!1,onClick:()=>$(this,null,function*(){yield c(e,z.id,{feedbackText:T}),yield s(e),i&&i(z,1,"primary");}),appearance:n,title:z.primaryButtonTitle||"Submit"})))}function O(){return f(e)>=2?null:q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(Rl,{appearance:n,className:Fe(a("npsSurveyContainer",n),r),style:l,type:p},q__namespace.default.createElement(ra,{onClick:()=>$(this,null,function*(){yield m(e),t&&t();}),className:a("npsSurveyDismissButton",n)},q__namespace.default.createElement(Oe,null)),f(e)==0&&J(),f(e)==1&&X()))}return p==="inline"?O():q__namespace.default.createElement(reactPortal.Portal,null,O())};var om=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p=!0,modalPosition:d="center",showPagination:s=!0,allowBackNavigation:m})=>{let{getFlow:c,markFlowCompleted:f,markFlowSkipped:b,markStepCompleted:k,markStepStarted:C,isLoading:x,targetingLogicShouldHideFlow:B,updateCustomVariables:S,getFlowSteps:N,getFlowStatus:D,getCurrentStepIndex:F}=le(),{primaryCTAClickSideEffects:g,secondaryCTAClickSideEffects:T}=fe(),{mergeAppearanceWithDefault:h}=ce(),{setOpenFlowState:I,getOpenFlowState:E,hasOpenModals:v}=Ne();Ye(e);let[L,U]=[E(e,!0),ye=>I(e,ye)];if(n=h(n),q.useEffect(()=>{S(o);},[o,x]),x)return null;let R=c(e);if(!R||B(R)||D(e)===de||v())return null;let z=N(e),J=F(e),X=z.length,O=z[J];if(!O)return null;let Y=()=>$(void 0,null,function*(){U(!1),yield b(e),t&&t();});function K(){var ye;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(zl,{appearance:n,className:Fe(a("announcementContainer",n),r),style:l},(p===!0||O.dismissible)&&d=="inline"&&q__namespace.default.createElement(jl,{onClick:()=>$(this,null,function*(){yield b(e),t&&t();}),className:a("announcementDismissButton",n)},q__namespace.default.createElement(Oe,null)),q__namespace.default.createElement(Wl,{className:a("announcementTextContainer",n)},q__namespace.default.createElement(Gl,{appearance:n,className:a("announcementTitle",n),dangerouslySetInnerHTML:H(O.title)}),O.subtitle&&q__namespace.default.createElement(Kl,{appearance:n,className:a("announcementSubtitle",n),dangerouslySetInnerHTML:H(O.subtitle)})),(O.imageUri||O.videoUri)&&q__namespace.default.createElement(yr,{className:a("announcementMediaContainer",n)},q__namespace.default.createElement(Sr,{appearance:n,stepData:O})),s&&X>1&&q__namespace.default.createElement(Hl,{className:a("announcementPaginationContainer",n)},q__namespace.default.createElement(or,{className:a("announcementPagination",n),appearance:n,stepCount:X,currentStep:J})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&q__namespace.default.createElement(Vl,{allowBackNavigation:m,className:a("announcementCTAContainer",n)},m&&J>0&&q__namespace.default.createElement(ae,{classPrefix:"announcementBack",title:(ye=O.backButtonTitle)!=null?ye:"Back",appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){i&&i(O,F(e),"back"),yield C(e,z[J-1].id);}),secondary:!0}),O.secondaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){O.handleSecondaryButtonClick(),T(O),i&&i(O,F(e),"secondary");}),secondary:!0}),O.primaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){g(O),!(i&&i(O,F(e),"primary")===!1)&&(F(e)===X-1?(O.handlePrimaryButtonClick(),yield f(e)):O.handlePrimaryButtonClick());})}))))}let re={padding:"24px",maxWidth:"400px"};return d==="inline"?K():d!=="center"?q__namespace.default.createElement(Jo,{modalPosition:d,onClose:Y,visible:L,dismissible:p,appearance:n},K()):q__namespace.default.createElement(tt,{appearance:n,onClose:Y,visible:L,style:re,dismissible:p},K())};var na=n=>{var r=n,{as:e="span",children:t,variant:o="Body1"}=r,i=Me(r,["as","children","variant"]);return q__namespace.default.createElement(In,w({color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o},i),t)},rm=Object.fromEntries(Object.keys(lr).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>q__namespace.default.createElement(na,G(w({as:t},i),{variant:e}),i.children);return o.displayName=`Text.${e}`,[e,o]})),ui=Object.assign(na,rm);var sa=l=>{var p=l,{as:e="button",className:t,size:o="md",title:i,variant:n="Primary"}=p,r=Me(p,["as","className","size","title","variant"]);var d;return q__namespace.createElement(An,w({className:`fr-button-${n.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:n,size:o,borderRadius:"md"},r),q__namespace.createElement(ui,{color:(d=Oo[n])==null?void 0:d.color,fontWeight:"semibold"},i))},im=Object.fromEntries(Object.keys(Oo).map(e=>{let t=o=>q__namespace.createElement(sa,G(w({},o),{variant:e}));return t.displayName=`Button.${e}`,[e,t]})),nm=Object.assign(sa,im);String.prototype.replaceAll||(String.prototype.replaceAll=function(e,t){return Object.prototype.toString.call(e).toLowerCase()==="[object regexp]"?this.replace(e,t):this.replace(new RegExp(e,"g"),t)});
|
|
1850
1850
|
|
|
1851
1851
|
exports.Box = No;
|
|
1852
1852
|
exports.Button = nm;
|