@frigade/react 1.35.55 → 1.35.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +21 -20
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +18 -17
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var ia=Object.defineProperty,na=Object.defineProperties;var sa=Object.getOwnPropertyDescriptors;var Bo=Object.getOwnPropertySymbols;var oi=Object.prototype.hasOwnProperty,ri=Object.prototype.propertyIsEnumerable;var ti=(e,t,o)=>t in e?ia(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))oi.call(t,o)&&ti(e,o,t[o]);if(Bo)for(var o of Bo(t))ri.call(t,o)&&ti(e,o,t[o]);return e},_=(e,t)=>na(e,sa(t));var ii=e=>typeof e=="symbol"?e:e+"",Ie=(e,t)=>{var o={};for(var i in e)oi.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&Bo)for(var i of Bo(e))t.indexOf(i)<0&&ri.call(e,i)&&(o[i]=e[i]);return o};var D=(e,t,o)=>new Promise((i,n)=>{var r=d=>{try{p(o.next(d))}catch(l){n(l)}},s=d=>{try{p(o.throw(d))}catch(l){n(l)}},p=d=>d.done?i(d.value):Promise.resolve(d.value).then(r,s);p((o=o.apply(e,t)).next())});import Bt,{createContext as Cd,useEffect as qo,useState as je}from"react";import{ThemeProvider as yd}from"styled-components";import vt,{useContext as qp,useEffect as Yt,useState as Co}from"react";import{useCallback as Ft,useContext as ya,useEffect as Sa}from"react";import nr,{useMemo as si}from"react";var ni="1.35.55 ";var He="NOT_STARTED_STEP",Z="COMPLETED_FLOW",Eo="ABORTED_FLOW",Tt="STARTED_FLOW",Me="NOT_STARTED_FLOW",Ke="COMPLETED_STEP",Ao="STARTED_STEP";function Je(){let{publicApiKey:e,userId:t,apiUrl:o}=nr.useContext(Q);return{config:si(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":ni,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:si(()=>`${o}/v1/public/`,[o])}}var la="frigade-last-call-at-",aa="frigade-last-call-data-";function Wt(){let{shouldGracefullyDegrade:e,readonly:t}=nr.useContext(Q);return(o,i)=>D(this,null,function*(){if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Ut();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Ut();let n=la+o,r=aa+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 l=new Date(p);if(new Date().getTime()-l.getTime()<1e3)return Ut()}typeof window!="undefined"&&(window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,i.body))}let s;try{s=yield fetch(o,i)}catch(p){return Ut(p)}return s?s.ok?s:Ut(s.statusText):Ut()})}function Ut(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function zt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=nr.useContext(Q);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as ha,useState as li}from"react";import{useContext as da,useEffect as ca,useState as ma}from"react";import ua from"swr";import{useContext as pa}from"react";function Be(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=pa(Q);function r(c,f=!1){var y;return(y=e[c])!=null?y:f}function s(c,f){t(y=>_(w({},y),{[c]:f}))}function p(c){t(f=>{let S=f,{[c]:y}=S,T=Ie(S,[ii(c)]);return w({},T)})}function d(c){n.includes(c)||i(f=>[...f,c])}function l(c){return n.includes(c)}function m(c){return Object.entries(e).some(([f,y])=>y&&f!=c)||o}return{getOpenFlowState:r,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:l}}import fa from"swr/immutable";import so from"core-js-pure/actual/structured-clone";function sr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function xe(...e){let t=e.shift(),o=e.length===1?e[0]:xe(...e);if(!sr(t)||!sr(o))throw new Error("deepmerge can only merge Objects");let i=so(t);return Object.entries(o).forEach(([n,r])=>{sr(r)?i[n]!==void 0?Object.assign(i,{[n]:xe(i[n],so(r))}):Object.assign(i,{[n]:so(r)}):Array.isArray(r)?i[n]!==void 0?Object.assign(i,{[n]:[...i[n],...so(r)]}):Object.assign(i,{[n]:so(r)}):Object.assign(i,{[n]:r})}),i}var ga="unknown";function De(){let{config:e,apiUrl:t}=Je(),{publicApiKey:o,userId:i,organizationId:n,flows:r,setShouldGracefullyDegrade:s,readonly:p}=da(Q),{resetOpenFlowState:d}=Be(),[l,m]=ma(!1),c={data:r.map(h=>({flowId:h.id,flowState:Z,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},f=h=>fetch(h,e).then(b=>{if(b.ok)return b.json();throw new Error("Failed to fetch user flow states")}).catch(b=>(console.log(`Error fetching ${h}: ${b}. Will gracefully degrade and hide Frigade`),s(!0),c)),y=o&&r&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${n?`&foreignUserGroupId=${encodeURIComponent(n)}`:""}`:null,{data:T,isLoading:S,mutate:g,error:E}=p?fa(y,f):ua(y,f,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),P=T==null?void 0:T.data;ca(()=>{!l&&!S&&P&&m(!0)},[P,l,S]);function F(h){return D(this,null,function*(){if(P&&!p){let b=P.find(N=>N.flowId===h);b&&b.flowState!==Z&&(b.flowState=Z),yield g(Promise.resolve(xe(T,{data:P})),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}function A(h,b,N){return D(this,null,function*(){if(P){let L=P.find(O=>O.flowId===h);L&&(L.stepStates[b]=N,L.flowState=Tt),yield g(Promise.resolve(xe(T,{data:P})),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}function I(h,b,N){return D(this,null,function*(){if(P){let L=P.find(O=>O.flowId===h);L&&(L.lastStepId=b,L.stepStates[b]=N,L.flowState=Tt),yield g(xe(T,{data:P}),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}function x(h){return D(this,null,function*(){if(P){let b=P.find(N=>N.flowId===h);b&&b.flowState!==Me&&(b.flowState=Me,b.lastStepId=ga,Object.keys(b.stepStates).forEach(N=>{b.stepStates[N].actionType=He,b.stepStates[N].createdAt=new Date().toISOString()}),yield g(xe(T,{data:P}),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1}),d(h))}})}function v(h,b){return D(this,null,function*(){if(P){let N=P.find(L=>L.flowId===h);N&&N.stepStates[b]!==He&&(N.stepStates[b]=He),yield g(xe(T,{data:P}),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}return{userFlowStatesData:P,isLoadingUserFlowStateData:!l,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:F,optimisticallyMarkFlowNotStarted:x,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:v,optimisticallyMarkStepStarted:I,error:E}}function lo(){let{config:e,apiUrl:t}=Je(),{userFlowStatesData:o,mutateUserFlowState:i}=De(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:s,setFlowResponses:p}=ha(Q),[d,l]=li(new Set),[m,c]=li(new Set),f=Wt();function y(g){let E=JSON.stringify(g);if(d.has(E))return null;d.add(E),l(d),m.add(g),c(m);let P=s==null?void 0:s.find(F=>F.flowSlug===g.flowSlug&&F.stepId===g.stepId&&F.actionType===g.actionType&&F.createdAt===g.createdAt);return f(`${t}flowResponses`,_(w({},e),{method:"POST",body:E})).then(F=>{F.status!==200&&F.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),r([...n,g])):P||p(A=>[...A!=null?A:[],g])})}function T(g){return D(this,null,function*(){g.foreignUserId&&(g.actionType===Tt||g.actionType===Me?yield y(g):g.actionType===Z?yield y(g):g.actionType===Ao?yield y(g):g.actionType===Ke?yield y(g):g.actionType===Eo?yield y(g):g.actionType===He&&(yield y(g)))})}function S(){let g=[];return o==null||o.forEach(E=>{if(E&&E.stepStates&&Object.keys(E.stepStates).length!==0)for(let P in E.stepStates){let F=E.stepStates[P];g.push({foreignUserId:E.foreignUserId,flowSlug:E.flowId,stepId:F.stepId,actionType:F.actionType,data:{},createdAt:new Date(F.createdAt),blocked:F.blocked,hidden:F.hidden})}}),[...g,...s]}return{addResponse:T,setFlowResponses:p,getFlowResponses:S}}import ba from"swr";var xa=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,ai=e=>{let t=xa.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=Ca(i,"'","");r.startsWith("flow_")&&(o=r)}),o},Ca=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function lr(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var ar=(l=>(l.CHECKLIST="CHECKLIST",l.FORM="FORM",l.TOUR="TOUR",l.SUPPORT="SUPPORT",l.CUSTOM="CUSTOM",l.BANNER="BANNER",l.EMBEDDED_TIP="EMBEDDED_TIP",l.NPS_SURVEY="NPS_SURVEY",l.ANNOUNCEMENT="ANNOUNCEMENT",l))(ar||{});function R(){let{config:e,apiUrl:t}=Je(),{flows:o,setFlows:i,userId:n,organizationId:r,publicApiKey:s,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:l,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:f,readonly:y}=ya(Q),T={data:[]},{verifySDKInitiated:S}=zt(),{addResponse:g,getFlowResponses:E}=lo(),P=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. Will gracefully degrade and hide Frigade`),f(!0),T)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),f(!0),T)),{mutateUserFlowState:F,userFlowStatesData:A,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:x,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:h,optimisticallyMarkStepNotStarted:b,optimisticallyMarkStepStarted:N}=De(),{data:L,error:O,isLoading:j}=ba(s?`${t}flows${y?"?readonly=true":""}`:null,P,{keepPreviousData:!0});Sa(()=>{if(O){console.error(O);return}L&&L.data&&i(L.data)},[L,O]);function M(u){if(j)return null;let C=o.find(k=>k.slug===u);return!C&&o.length>0&&!I&&!j?(console.log(`Flow with id ${u} not found`),null):(C==null?void 0:C.active)===!1&&!y?null:C}function G(u){var z,Fe;if(!M(u))return[];let C=M(u).data;return C?(C=le(C),((Fe=(z=lr(C))==null?void 0:z.data)!=null?Fe:[]).map(ge=>{let wt=J(ge);return _(w({handleSecondaryButtonClick:()=>{ge.skippable===!0&&V(u,ge.id,{skipped:!0})}},ge),{complete:ue(u,ge.id)===Ke||wt>=1,blocked:Oe(u,ge.id),hidden:be(u,ge.id),handlePrimaryButtonClick:()=>{(!ge.completionCriteria&&(ge.autoMarkCompleted||ge.autoMarkCompleted===void 0)||ge.completionCriteria&&ge.autoMarkCompleted===!0)&&V(u,ge.id)},progress:wt})}).filter(ge=>ge.hidden!==!0)):[]}function le(u){return u.replaceAll(/\${(.*?)}/g,(C,k)=>p[k]===void 0?"":String(p[k]).replace(/[\u00A0-\u9999<>\&]/g,function(z){return"&#"+z.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function pe(u){var k;if(!M(u))return[];let C=M(u).data;return C?(C=le(C),(k=JSON.parse(C))!=null?k:{}):[]}function q(u,C){d(k=>_(w({},k),{[u]:C}))}function se(u){!I&&!j&&u&&JSON.stringify(p)!=JSON.stringify(w(w({},p),u))&&Object.keys(u).forEach(C=>{q(C,u[C])})}let de=Ft((u,C,k)=>D(this,null,function*(){if(!S())return;let z={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:C,actionType:Ao,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};X(z)&&(yield N(u,C,z),g(z))}),[n,r,A]),Se=Ft((u,C,k)=>D(this,null,function*(){if(!S())return;let z={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:C,actionType:He,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};X(z)&&(yield b(u,C),g(z))}),[n,r,A]),V=Ft((u,C,k)=>D(this,null,function*(){if(!S())return;let z={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:C,actionType:Ke,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};X(z)&&(yield h(u,C,z),g(z))}),[n,r,A]),Y=Ft((u,C)=>D(this,null,function*(){if(!S()||fe(u)===Me)return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Me,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};yield v(u),X(k)&&g(k)}),[n,r,A]),ee=Ft((u,C)=>D(this,null,function*(){if(!S())return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Tt,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};X(k)&&g(k)}),[n,r,A]),Ve=Ft((u,C)=>D(this,null,function*(){if(!S())return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Z,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};X(k)&&(yield x(u),g(k))}),[n,r,A]),Le=Ft((u,C)=>D(this,null,function*(){if(!S())return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Eo,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};X(k)&&(yield x(u),g(k))}),[n,r,A]);function X(u){var C;if(!A&&u.actionType===He)return!1;if(A){let k=A.find(z=>z.flowId===u.flowSlug);if(u.actionType===He&&(!(k!=null&&k.stepStates[u.stepId])||k.stepStates[u.stepId].actionType===He))return!1;if(k&&((C=k.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType){let z=Object.keys(k.stepStates).sort((Fe,ge)=>{let wt=new Date(k.stepStates[Fe].createdAt),vo=new Date(k.stepStates[ge].createdAt);return wt.getTime()-vo.getTime()});if(k.stepStates[z[z.length-1]].actionType===u.actionType)return!1}if(k&&k.flowState===Z&&u.actionType===Z)return!1}return!0}function ue(u,C){let k=U(u,C);return I?null:k?k.actionType:He}function Oe(u,C){let k=U(u,C);return k?k.blocked:!1}function be(u,C){let k=U(u,C);return k?k.hidden:!1}function U(u,C){var z;if(I)return null;let k=A==null?void 0:A.find(Fe=>Fe.flowId===u);return!k||!k.stepStates[C]?null:(z=k.stepStates[C])!=null?z:null}function $(u){var k,z;if(I||!A)return null;if(fe(u)===Me)return(k=G(u)[0])!=null?k:null;let C=(z=A.find(Fe=>Fe.flowId===u))==null?void 0:z.lastStepId;return C?G(u).find(Fe=>Fe.id===C):null}function W(u){var z;let C=$(u);if(!C)return 0;let k=(z=G(u).findIndex(Fe=>Fe.id===C.id))!=null?z:0;return ue(u,C.id)===Ke&&k<G(u).length-1?k+1:k}function J(u){if(!u.completionCriteria)return;let C=ai(u.completionCriteria);if(C===null)return;let k=$e(C),z=Ge(C);return z===0?void 0:k/z}function fe(u){let C=A==null?void 0:A.find(k=>k.flowId===u);return C?C.flowState:null}function $e(u){let C=G(u);return C.length===0?0:C.filter(z=>ue(u,z.id)===Ke).length}function Ge(u){return G(u).length}function Xe(u){let C=o.find(k=>k.slug===u);return C?lr(C.data):null}function St(u){if(y)return!1;if(I)return!0;if(u!=null&&u.targetingLogic&&A){let C=A.find(k=>k.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&n&&n.startsWith("guest_"))}function Mt(u){return!St(M(u))}function Dt(){n&&F()}function bt(){return o}return{getAllFlows:bt,getFlow:M,getFlowData:Xe,isLoading:I||j,getStepStatus:ue,getFlowSteps:G,getCurrentStepIndex:W,markStepStarted:de,markStepCompleted:V,markFlowNotStarted:Y,markFlowStarted:ee,markFlowCompleted:Ve,markFlowAborted:Le,markStepNotStarted:Se,getFlowStatus:fe,getNumberOfStepsCompleted:$e,getNumberOfSteps:Ge,targetingLogicShouldHideFlow:St,setCustomVariable:q,updateCustomVariables:se,customVariables:p,getStepOptionalProgress:J,getFlowMetadata:pe,isStepBlocked:Oe,isStepHidden:be,hasActiveFullPageFlow:l,setHasActiveFullPageFlow:m,isFlowAvailableToUser:Mt,refresh:Dt}}import{useCallback as pr,useContext as wa,useEffect as Ta}from"react";var _t="guest_";function ao(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=wa(Q),{config:r,apiUrl:s}=Je(),{mutateUserFlowState:p}=De(),d=Wt(),{verifySDKInitiated:l}=zt();function m(T){return`frigade-user-registered-${T}`}Ta(()=>{if(e&&!t){if(e.startsWith(_t))return;let T=m(e);localStorage.getItem(T)||(d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(T,"true"))}},[e,n,t]);let c=pr(T=>D(this,null,function*(){if(!l())return;let S={foreignId:e,properties:T};yield d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify(S)})),i(g=>w(w({},g),T)),p()}),[e,r,n,p]),f=pr((T,S)=>D(this,null,function*(){if(!l())return;let E={foreignId:e,events:[{event:T,properties:S}]};yield d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify(E)})),p()}),[e,r,p]),y=pr((T,S)=>D(this,null,function*(){if(l())if(S){let g=m(T);localStorage.setItem(g,"true"),o(T);let E={foreignId:T,properties:S};yield d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify(E)})),i(P=>w(w({},P),S)),p()}else o(T)}),[r,n,p]);return{userId:e,setUserId:o,setUserIdWithProperties:y,addPropertiesToUser:c,trackEventForUser:f}}import{v4 as Yp}from"uuid";import et,{useEffect as mn,useState as un}from"react";import qe,{useEffect as ur,useState as Ia}from"react";import Lo from"styled-components";import Fa from"react";import ka from"styled-components";var pi="fr-",po="cfr-";function a(e,t){let o=`${pi}${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+" "+po+e}return o}function B(e){if(!e.className||e.className.indexOf(po)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(pi)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Oo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function ke(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Oo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function we(...e){return e.filter(Boolean).join(" ")}function co(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Pa=ka.div`
|
|
2
|
+
var ia=Object.defineProperty,na=Object.defineProperties;var sa=Object.getOwnPropertyDescriptors;var Bo=Object.getOwnPropertySymbols;var oi=Object.prototype.hasOwnProperty,ri=Object.prototype.propertyIsEnumerable;var ti=(e,t,o)=>t in e?ia(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))oi.call(t,o)&&ti(e,o,t[o]);if(Bo)for(var o of Bo(t))ri.call(t,o)&&ti(e,o,t[o]);return e},_=(e,t)=>na(e,sa(t));var ii=e=>typeof e=="symbol"?e:e+"",Ie=(e,t)=>{var o={};for(var i in e)oi.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&Bo)for(var i of Bo(e))t.indexOf(i)<0&&ri.call(e,i)&&(o[i]=e[i]);return o};var D=(e,t,o)=>new Promise((i,n)=>{var r=d=>{try{p(o.next(d))}catch(l){n(l)}},s=d=>{try{p(o.throw(d))}catch(l){n(l)}},p=d=>d.done?i(d.value):Promise.resolve(d.value).then(r,s);p((o=o.apply(e,t)).next())});import Bt,{createContext as Cd,useEffect as qo,useState as je}from"react";import{ThemeProvider as yd}from"styled-components";import vt,{useContext as qp,useEffect as Yt,useState as Co}from"react";import{useCallback as Ft,useContext as ya,useEffect as Sa}from"react";import nr,{useMemo as si}from"react";var ni="1.35.56 ";var He="NOT_STARTED_STEP",Z="COMPLETED_FLOW",Eo="ABORTED_FLOW",Tt="STARTED_FLOW",Me="NOT_STARTED_FLOW",Ke="COMPLETED_STEP",Ao="STARTED_STEP";function Je(){let{publicApiKey:e,userId:t,apiUrl:o}=nr.useContext(Q);return{config:si(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":ni,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:si(()=>`${o}/v1/public/`,[o])}}var la="frigade-last-call-at-",aa="frigade-last-call-data-";function Wt(){let{shouldGracefullyDegrade:e,readonly:t}=nr.useContext(Q);return(o,i)=>D(this,null,function*(){if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Ut();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Ut();let n=la+o,r=aa+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 l=new Date(p);if(new Date().getTime()-l.getTime()<1e3)return Ut()}typeof window!="undefined"&&(window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,i.body))}let s;try{s=yield fetch(o,i)}catch(p){return Ut(p)}return s?s.ok?s:Ut(s.statusText):Ut()})}function Ut(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function zt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=nr.useContext(Q);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as ha,useState as li}from"react";import{useContext as da,useEffect as ca,useState as ma}from"react";import ua from"swr";import{useContext as pa}from"react";function Be(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=pa(Q);function r(c,f=!1){var y;return(y=e[c])!=null?y:f}function s(c,f){t(y=>_(w({},y),{[c]:f}))}function p(c){t(f=>{let S=f,{[c]:y}=S,T=Ie(S,[ii(c)]);return w({},T)})}function d(c){n.includes(c)||i(f=>[...f,c])}function l(c){return n.includes(c)}function m(c){return Object.entries(e).some(([f,y])=>y&&f!=c)||o}return{getOpenFlowState:r,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:l}}import fa from"swr/immutable";import so from"core-js-pure/actual/structured-clone";function sr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function xe(...e){let t=e.shift(),o=e.length===1?e[0]:xe(...e);if(!sr(t)||!sr(o))throw new Error("deepmerge can only merge Objects");let i=so(t);return Object.entries(o).forEach(([n,r])=>{sr(r)?i[n]!==void 0?Object.assign(i,{[n]:xe(i[n],so(r))}):Object.assign(i,{[n]:so(r)}):Array.isArray(r)?i[n]!==void 0?Object.assign(i,{[n]:[...i[n],...so(r)]}):Object.assign(i,{[n]:so(r)}):Object.assign(i,{[n]:r})}),i}var ga="unknown";function De(){let{config:e,apiUrl:t}=Je(),{publicApiKey:o,userId:i,organizationId:n,flows:r,setShouldGracefullyDegrade:s,readonly:p}=da(Q),{resetOpenFlowState:d}=Be(),[l,m]=ma(!1),c={data:r.map(h=>({flowId:h.id,flowState:Z,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},f=h=>fetch(h,e).then(b=>{if(b.ok)return b.json();throw new Error("Failed to fetch user flow states")}).catch(b=>(console.log(`Error fetching ${h}: ${b}. Will gracefully degrade and hide Frigade`),s(!0),c)),y=o&&r&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${n?`&foreignUserGroupId=${encodeURIComponent(n)}`:""}`:null,{data:T,isLoading:S,mutate:g,error:E}=p?fa(y,f):ua(y,f,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),P=T==null?void 0:T.data;ca(()=>{!l&&!S&&P&&m(!0)},[P,l,S]);function F(h){return D(this,null,function*(){if(P&&!p){let b=P.find(N=>N.flowId===h);b&&b.flowState!==Z&&(b.flowState=Z),yield g(Promise.resolve(xe(T,{data:P})),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}function A(h,b,N){return D(this,null,function*(){if(P){let L=P.find(O=>O.flowId===h);L&&(L.stepStates[b]=N,L.flowState=Tt),yield g(Promise.resolve(xe(T,{data:P})),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}function I(h,b,N){return D(this,null,function*(){if(P){let L=P.find(O=>O.flowId===h);L&&(L.lastStepId=b,L.stepStates[b]=N,L.flowState=Tt),yield g(xe(T,{data:P}),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}function x(h){return D(this,null,function*(){if(P){let b=P.find(N=>N.flowId===h);b&&b.flowState!==Me&&(b.flowState=Me,b.lastStepId=ga,Object.keys(b.stepStates).forEach(N=>{b.stepStates[N].actionType=He,b.stepStates[N].createdAt=new Date().toISOString()}),yield g(xe(T,{data:P}),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1}),d(h))}})}function v(h,b){return D(this,null,function*(){if(P){let N=P.find(L=>L.flowId===h);N&&N.stepStates[b]!==He&&(N.stepStates[b]=He),yield g(xe(T,{data:P}),{optimisticData:xe(T,{data:P}),revalidate:!1,rollbackOnError:!1})}})}return{userFlowStatesData:P,isLoadingUserFlowStateData:!l,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:F,optimisticallyMarkFlowNotStarted:x,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:v,optimisticallyMarkStepStarted:I,error:E}}function lo(){let{config:e,apiUrl:t}=Je(),{userFlowStatesData:o,mutateUserFlowState:i}=De(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:s,setFlowResponses:p}=ha(Q),[d,l]=li(new Set),[m,c]=li(new Set),f=Wt();function y(g){let E=JSON.stringify(g);if(d.has(E))return null;d.add(E),l(d),m.add(g),c(m);let P=s==null?void 0:s.find(F=>F.flowSlug===g.flowSlug&&F.stepId===g.stepId&&F.actionType===g.actionType&&F.createdAt===g.createdAt);return f(`${t}flowResponses`,_(w({},e),{method:"POST",body:E})).then(F=>{F.status!==200&&F.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),r([...n,g])):P||p(A=>[...A!=null?A:[],g])})}function T(g){return D(this,null,function*(){g.foreignUserId&&(g.actionType===Tt||g.actionType===Me?yield y(g):g.actionType===Z?yield y(g):g.actionType===Ao?yield y(g):g.actionType===Ke?yield y(g):g.actionType===Eo?yield y(g):g.actionType===He&&(yield y(g)))})}function S(){let g=[];return o==null||o.forEach(E=>{if(E&&E.stepStates&&Object.keys(E.stepStates).length!==0)for(let P in E.stepStates){let F=E.stepStates[P];g.push({foreignUserId:E.foreignUserId,flowSlug:E.flowId,stepId:F.stepId,actionType:F.actionType,data:{},createdAt:new Date(F.createdAt),blocked:F.blocked,hidden:F.hidden})}}),[...g,...s]}return{addResponse:T,setFlowResponses:p,getFlowResponses:S}}import ba from"swr";var xa=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,ai=e=>{let t=xa.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=Ca(i,"'","");r.startsWith("flow_")&&(o=r)}),o},Ca=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function lr(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var ar=(l=>(l.CHECKLIST="CHECKLIST",l.FORM="FORM",l.TOUR="TOUR",l.SUPPORT="SUPPORT",l.CUSTOM="CUSTOM",l.BANNER="BANNER",l.EMBEDDED_TIP="EMBEDDED_TIP",l.NPS_SURVEY="NPS_SURVEY",l.ANNOUNCEMENT="ANNOUNCEMENT",l))(ar||{});function R(){let{config:e,apiUrl:t}=Je(),{flows:o,setFlows:i,userId:n,organizationId:r,publicApiKey:s,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:l,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:f,readonly:y}=ya(Q),T={data:[]},{verifySDKInitiated:S}=zt(),{addResponse:g,getFlowResponses:E}=lo(),P=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. Will gracefully degrade and hide Frigade`),f(!0),T)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),f(!0),T)),{mutateUserFlowState:F,userFlowStatesData:A,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:x,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:h,optimisticallyMarkStepNotStarted:b,optimisticallyMarkStepStarted:N}=De(),{data:L,error:O,isLoading:j}=ba(s?`${t}flows${y?"?readonly=true":""}`:null,P,{keepPreviousData:!0});Sa(()=>{if(O){console.error(O);return}L&&L.data&&i(L.data)},[L,O]);function M(u){if(j)return null;let C=o.find(k=>k.slug===u);return!C&&o.length>0&&!I&&!j?(console.log(`Flow with id ${u} not found`),null):(C==null?void 0:C.active)===!1&&!y?null:C}function G(u){var z,Fe;if(!M(u))return[];let C=M(u).data;return C?(C=le(C),((Fe=(z=lr(C))==null?void 0:z.data)!=null?Fe:[]).map(ge=>{let wt=J(ge);return _(w({handleSecondaryButtonClick:()=>{ge.skippable===!0&&V(u,ge.id,{skipped:!0})}},ge),{complete:ue(u,ge.id)===Ke||wt>=1,blocked:Oe(u,ge.id),hidden:Te(u,ge.id),handlePrimaryButtonClick:()=>{(!ge.completionCriteria&&(ge.autoMarkCompleted||ge.autoMarkCompleted===void 0)||ge.completionCriteria&&ge.autoMarkCompleted===!0)&&V(u,ge.id)},progress:wt})}).filter(ge=>ge.hidden!==!0)):[]}function le(u){return u.replaceAll(/\${(.*?)}/g,(C,k)=>p[k]===void 0?"":String(p[k]).replace(/[\u00A0-\u9999<>\&]/g,function(z){return"&#"+z.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function pe(u){var k;if(!M(u))return[];let C=M(u).data;return C?(C=le(C),(k=JSON.parse(C))!=null?k:{}):[]}function q(u,C){d(k=>_(w({},k),{[u]:C}))}function se(u){!I&&!j&&u&&JSON.stringify(p)!=JSON.stringify(w(w({},p),u))&&Object.keys(u).forEach(C=>{q(C,u[C])})}let de=Ft((u,C,k)=>D(this,null,function*(){if(!S())return;let z={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:C,actionType:Ao,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};X(z)&&(yield N(u,C,z),g(z))}),[n,r,A]),Se=Ft((u,C,k)=>D(this,null,function*(){if(!S())return;let z={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:C,actionType:He,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};X(z)&&(yield b(u,C),g(z))}),[n,r,A]),V=Ft((u,C,k)=>D(this,null,function*(){if(!S())return;let z={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:C,actionType:Ke,data:k!=null?k:{},createdAt:new Date,blocked:!1,hidden:!1};X(z)&&(yield h(u,C,z),g(z))}),[n,r,A]),Y=Ft((u,C)=>D(this,null,function*(){if(!S()||fe(u)===Me)return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Me,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};yield v(u),X(k)&&g(k)}),[n,r,A]),ee=Ft((u,C)=>D(this,null,function*(){if(!S())return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Tt,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};X(k)&&g(k)}),[n,r,A]),Ve=Ft((u,C)=>D(this,null,function*(){if(!S())return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Z,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};X(k)&&(yield x(u),g(k))}),[n,r,A]),Le=Ft((u,C)=>D(this,null,function*(){if(!S())return;let k={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:u,stepId:"unknown",actionType:Eo,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};X(k)&&(yield x(u),g(k))}),[n,r,A]);function X(u){var C;if(!A&&u.actionType===He)return!1;if(A){let k=A.find(z=>z.flowId===u.flowSlug);if(u.actionType===He&&(!(k!=null&&k.stepStates[u.stepId])||k.stepStates[u.stepId].actionType===He))return!1;if(k&&((C=k.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType){let z=Object.keys(k.stepStates).sort((Fe,ge)=>{let wt=new Date(k.stepStates[Fe].createdAt),vo=new Date(k.stepStates[ge].createdAt);return wt.getTime()-vo.getTime()});if(k.stepStates[z[z.length-1]].actionType===u.actionType)return!1}if(k&&k.flowState===Z&&u.actionType===Z)return!1}return!0}function ue(u,C){let k=U(u,C);return I?null:k?k.actionType:He}function Oe(u,C){let k=U(u,C);return k?k.blocked:!1}function Te(u,C){let k=U(u,C);return k?k.hidden:!1}function U(u,C){var z;if(I)return null;let k=A==null?void 0:A.find(Fe=>Fe.flowId===u);return!k||!k.stepStates[C]?null:(z=k.stepStates[C])!=null?z:null}function $(u){var k,z;if(I||!A)return null;if(fe(u)===Me)return(k=G(u)[0])!=null?k:null;let C=(z=A.find(Fe=>Fe.flowId===u))==null?void 0:z.lastStepId;return C?G(u).find(Fe=>Fe.id===C):null}function W(u){var z;let C=$(u);if(!C)return 0;let k=(z=G(u).findIndex(Fe=>Fe.id===C.id))!=null?z:0;return ue(u,C.id)===Ke&&k<G(u).length-1?k+1:k}function J(u){if(!u.completionCriteria)return;let C=ai(u.completionCriteria);if(C===null)return;let k=$e(C),z=Ge(C);return z===0?void 0:k/z}function fe(u){let C=A==null?void 0:A.find(k=>k.flowId===u);return C?C.flowState:null}function $e(u){let C=G(u);return C.length===0?0:C.filter(z=>ue(u,z.id)===Ke).length}function Ge(u){return G(u).length}function Xe(u){let C=o.find(k=>k.slug===u);return C?lr(C.data):null}function St(u){if(y)return!1;if(I)return!0;if(u!=null&&u.targetingLogic&&A){let C=A.find(k=>k.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&n&&n.startsWith("guest_"))}function Mt(u){return!St(M(u))}function Dt(){n&&F()}function bt(){return o}return{getAllFlows:bt,getFlow:M,getFlowData:Xe,isLoading:I||j,getStepStatus:ue,getFlowSteps:G,getCurrentStepIndex:W,markStepStarted:de,markStepCompleted:V,markFlowNotStarted:Y,markFlowStarted:ee,markFlowCompleted:Ve,markFlowAborted:Le,markStepNotStarted:Se,getFlowStatus:fe,getNumberOfStepsCompleted:$e,getNumberOfSteps:Ge,targetingLogicShouldHideFlow:St,setCustomVariable:q,updateCustomVariables:se,customVariables:p,getStepOptionalProgress:J,getFlowMetadata:pe,isStepBlocked:Oe,isStepHidden:Te,hasActiveFullPageFlow:l,setHasActiveFullPageFlow:m,isFlowAvailableToUser:Mt,refresh:Dt}}import{useCallback as pr,useContext as wa,useEffect as Ta}from"react";var _t="guest_";function ao(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=wa(Q),{config:r,apiUrl:s}=Je(),{mutateUserFlowState:p}=De(),d=Wt(),{verifySDKInitiated:l}=zt();function m(T){return`frigade-user-registered-${T}`}Ta(()=>{if(e&&!t){if(e.startsWith(_t))return;let T=m(e);localStorage.getItem(T)||(d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(T,"true"))}},[e,n,t]);let c=pr(T=>D(this,null,function*(){if(!l())return;let S={foreignId:e,properties:T};yield d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify(S)})),i(g=>w(w({},g),T)),p()}),[e,r,n,p]),f=pr((T,S)=>D(this,null,function*(){if(!l())return;let E={foreignId:e,events:[{event:T,properties:S}]};yield d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify(E)})),p()}),[e,r,p]),y=pr((T,S)=>D(this,null,function*(){if(l())if(S){let g=m(T);localStorage.setItem(g,"true"),o(T);let E={foreignId:T,properties:S};yield d(`${s}users`,_(w({},r),{method:"POST",body:JSON.stringify(E)})),i(P=>w(w({},P),S)),p()}else o(T)}),[r,n,p]);return{userId:e,setUserId:o,setUserIdWithProperties:y,addPropertiesToUser:c,trackEventForUser:f}}import{v4 as Yp}from"uuid";import et,{useEffect as mn,useState as un}from"react";import qe,{useEffect as ur,useState as Ia}from"react";import Lo from"styled-components";import Fa from"react";import ka from"styled-components";var pi="fr-",po="cfr-";function a(e,t){let o=`${pi}${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+" "+po+e}return o}function B(e){if(!e.className||e.className.indexOf(po)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(pi)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Oo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function ke(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Oo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function be(...e){return e.filter(Boolean).join(" ")}function co(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Pa=ka.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -346,7 +346,7 @@ var ia=Object.defineProperty,na=Object.defineProperties;var sa=Object.getOwnProp
|
|
|
346
346
|
-webkit-print-color-adjust: exact;
|
|
347
347
|
`;function Ni({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var m,c,f,y,T,S,g,E,P;let r=e,[s,p]=Oi(!1),[d,l]=Oi(!1);return Ai(()=>{var F,A,I,x;if(!((F=i==null?void 0:i.choice)!=null&&F[0])&&!s){if(p(!0),r.requireSelection){o({choice:[br]});return}if(r.defaultValue&&((A=r.props.options)!=null&&A.find(v=>v.id===r.defaultValue))){let v=(I=r.props.options)==null?void 0:I.find(h=>h.id===r.defaultValue);o({choice:[v.id]})}else o({choice:[((x=r.props.options)==null?void 0:x[0].id)||""]})}},[]),Ai(()=>{var F;d&&(r.requireSelection&&((F=i==null?void 0:i.choice)==null?void 0:F[0])===br?n([{message:"Please select an option",id:r.id}]):n([]))},[(m=i==null?void 0:i.choice)==null?void 0:m[0],d]),Ze.createElement(Ya,null,Ze.createElement(ft,{title:r.title,required:!1,appearance:t.appearance}),Ze.createElement(Xa,{value:(c=i==null?void 0:i.choice)==null?void 0:c[0],onChange:F=>{l(!0),o({choice:[F.target.value]})},placeholder:r.placeholder,appearance:t.appearance,className:a("multipleChoiceSelect",t.appearance)},r.requireSelection&&Ze.createElement("option",{key:"null-value",value:br,disabled:!0},(f=r.placeholder)!=null?f:"Select an option"),(y=r.props.options)==null?void 0:y.map(F=>Ze.createElement("option",{key:F.id,value:F.id},F.title))),((S=(T=r.props.options)==null?void 0:T.find(F=>{var A;return F.id===((A=i==null?void 0:i.choice)==null?void 0:A[0])}))==null?void 0:S.isOpenEnded)&&Ze.createElement(Ze.Fragment,null,Ze.createElement(ft,{title:(P=(E=(g=r.props.options)==null?void 0:g.find(F=>{var A;return F.id===((A=i==null?void 0:i.choice)==null?void 0:A[0])}))==null?void 0:E.openEndedLabel)!=null?P:"Please specify",required:!1,appearance:t.appearance}),Ze.createElement(yr,{type:"text",placeholder:"Enter your answer here",onChange:F=>{o({choice:[F.target.value]})},appearance:t.appearance})),Ze.createElement(Ht,{title:r.subtitle,appearance:t.appearance}))}import fo,{useEffect as wr,useState as $i}from"react";import Mi from"styled-components";import uo from"react";import mo from"react";var Li=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n;return mo.createElement("circle",{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0})},Ja=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:s})=>mo.createElement("svg",{style:s,className:r,width:t,height:t,overflow:"visible"},mo.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},mo.createElement(Li,{color:n,size:t}),mo.createElement(Li,{color:e,percentage:Math.max(o,.1),size:t})),i),jt=Ja;import Qa from"styled-components";var Za=({color:e="#FFFFFF"})=>uo.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},uo.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),Ra={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ep={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},tp={border:"1px solid #000000",color:"#FFFFFF"},op={border:"1px solid #C5CBD3"},rp={color:"#FFFFFF"},ip={border:"1px solid #C5CBD3"},np=e=>e==="square"?Ra:ep,sp=(e,t)=>e==="square"?t?tp:op:t?rp:ip,lp=Qa.div`
|
|
348
348
|
${e=>ke(e)}
|
|
349
|
-
`,nt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=it,style:r,className:s})=>{let p=np(t),d=sp(t,e);return e===!0?p=_(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?uo.createElement(jt,{fillColor:o,percentage:i,size:22}):uo.createElement(lp,{styleOverrides:p,style:r,role:"checkbox",className:
|
|
349
|
+
`,nt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=it,style:r,className:s})=>{let p=np(t),d=sp(t,e);return e===!0?p=_(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?uo.createElement(jt,{fillColor:o,percentage:i,size:22}):uo.createElement(lp,{styleOverrides:p,style:r,role:"checkbox",className:be(a("checkIconContainer",n),a(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&uo.createElement(Za,{color:"#FFFFFF"}))};var ap=Mi.div`
|
|
350
350
|
display: flex;
|
|
351
351
|
flex-direction: column;
|
|
352
352
|
width: 100%;
|
|
@@ -683,8 +683,8 @@ var ia=Object.defineProperty,na=Object.defineProperties;var sa=Object.getOwnProp
|
|
|
683
683
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
684
684
|
display: flex;
|
|
685
685
|
align-self: center;
|
|
686
|
-
`;var dn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,s]=Er([]),[p,d]=Er(!1),[l,m]=Er(e.id);return Br(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Br(()=>{l!==e.id&&(m(e.id),s([]))},[e]),Br(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),st.createElement(tn,{className:a("selectListContainer",i)},st.createElement(on,null,st.createElement(rn,{className:a("selectListTitle",i)},e.title),st.createElement(nn,{appearance:i,className:a("selectListSubtitle",i)},e.subtitle)),n.options.map((c,f)=>{let y=r.includes(c.id);return st.createElement(sn,{key:`select-item-${f}`,onClick:()=>{if(r.includes(c.id)){s(r.filter(T=>T!==c.id));return}r.length<n.maxChoices?s([...r,c.id]):r.length==1&&n.maxChoices==1&&s([c.id])},hideBottomBorder:f===n.options.length-1,className:a("selectListSelectItem",i)},st.createElement(ln,{className:a("selectListItemImage",i)},c.imageUri&&st.createElement(an,{src:c.imageUri,alt:`select-icon-${f}`}),st.createElement(pn,{appearance:i,className:a("selectListSelectItemText",i)},c.title)),st.createElement(nt,{appearance:i,value:y,primaryColor:i.theme.colorPrimary}))}))};import Ue,{useEffect as cn,useState as ho}from"react";var Hp=({children:e,id:t,shouldWrap:o=!1})=>Ue.createElement(Ue.Fragment,null,o?Ue.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),Go=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:l,onComplete:m,setVisible:c,setShowModal:f,onDismiss:y,showPagination:T=!1,customFormElements:S,allowBackNavigation:g,validationHandler:E,onFormDataChange:P,showFooter:F,prefillData:A,updateUrlOnPageChange:I})=>{var U;let v=w(w({},{linkCollection:Ri,multiInput:_i,callToAction:en,selectList:dn}),i),{primaryCTAClickSideEffects:h,secondaryCTAClickSideEffects:b}=ae(),[N,L]=ho(!1),[O,j]=ho({}),[M,G]=ho(!1),[le,pe]=ho(!1),[q,se]=ho(null),de=(U=t[o])!=null?U:null,{markStepCompleted:Se,markStepStarted:V,isLoading:Y,updateCustomVariables:ee,markFlowCompleted:Ve}=R();cn(()=>{ee(n)},[n,Y]),cn(()=>{P&&P(O,Le(),t[o],o)},[O]);function Le(){var W;return{data:(W=O[t[o].id])!=null?W:{},stepId:t[o].id,customVariables:n}}function X($,W,J){let fe=o+1<t.length?t[o+1]:null;return s&&s($,J,fe,O,Le()),r?r($,o,W,fe):!0}function ue($,W){j(J=>{let fe={};return fe[$.id]=W,w(w({},J),fe)})}function Oe($){return $.selectedStep.imageUri?Ue.createElement(qi,{image:$.selectedStep.imageUri,appearance:e,className:a("formContainerSidebarImage",e)}):null}let
|
|
687
|
-
${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map(([i,n])=>typeof n=="object"?`${i} { ${Object.entries(n).map(([s,p])=>`${Oo(s)}: ${p};`).join(" ")} }`:`${Oo(i)}: ${n};`).join(" ")} }`).join(" ")}`;function ie({appearance:e}){if(!e||!e.styleOverrides)return xo.createElement(xo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,i])=>typeof i=="object");return t.length===0?xo.createElement(xo.Fragment,null):xo.createElement(Vp,{inlineStyles:t})}var fn=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:l=!0,onStepCompletion:m,onButtonClick:c,dismissible:f=!0,endFlowOnDismiss:y=!1,modalPosition:T="center",repeatable:S=!1,onDismiss:g,showPagination:E=!1,allowBackNavigation:P=!1,validationHandler:F,showFrigadeBranding:A=!1,onFormDataChange:I,showFooter:x=!0,prefillData:v={},updateUrlOnPageChange:h=!1})=>{var $;let{getFlow:b,getFlowSteps:N,isLoading:L,targetingLogicShouldHideFlow:O,getFlowStatus:j,getCurrentStepIndex:M,markFlowCompleted:G,markFlowNotStarted:le,markStepStarted:pe}=R(),q=M(e),{mergeAppearanceWithDefault:se}=te(),[de,Se]=un(!1),[V,Y]=un(""),{setOpenFlowState:ee,getOpenFlowState:Ve,hasOpenModals:Le}=Be(),X=N(e);d=se(d);let[ue,Oe]=i!==void 0&&n!==void 0?[i,n]:[Ve(e,!0),W=>ee(e,W)];if(mn(()=>{!de&&!L&&(Se(!0),(j(e)===Z&&S||j(e)===Me)&&(j(e)===Z&&S&&le(e),typeof window!="undefined"&&window.localStorage&&Object.keys(window.localStorage).forEach(J=>{J.startsWith(kr)&&window.localStorage.removeItem(J)})),Se(!0))},[de,Se,L]),mn(()=>{var J;let W=(J=window==null?void 0:window.location)!=null&&J.hash?window.location.hash.replace("#",""):"";if(W!=V&&X&&(X==null?void 0:X.length)>0){let fe=-1;if(W){let $e=W;fe=X.findIndex(Ge=>Ge.id===$e),V===W&&(fe=-1),Y(W)}else fe=0,Y("");fe!==-1&&pe(e,X[fe].id)}},[X,($=window==null?void 0:window.location)==null?void 0:$.hash]),L)return null;let be=b(e);if(!be||O(be)||!X||i!==void 0&&i===!1||j(e)===Z&&l||(o=="modal"||o=="corner-modal")&&Le(e))return null;let U=()=>{Oe(!1),g&&g(),y===!0&&G(e)};if(T=="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",et.createElement(Qe,{appearance:d,onClose:U,visible:ue,style:W,dismissible:f,showFrigadeBranding:A},et.createElement(ie,{appearance:d}),et.createElement(Go,{appearance:d,steps:X,selectedStep:q,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:n,setShowModal:Oe,onDismiss:g,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:F,onFormDataChange:I,showFooter:x,prefillData:v,updateUrlOnPageChange:h}))}return o==="modal"&&T!=="center"?et.createElement(Mo,{appearance:d,onClose:U,visible:ue,modalPosition:T},et.createElement(ie,{appearance:d}),et.createElement(Go,{appearance:d,steps:X,selectedStep:q,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:n,setShowModal:Oe,onDismiss:g,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:F,onFormDataChange:I,showFooter:x,prefillData:v,updateUrlOnPageChange:h})):et.createElement(et.Fragment,null,et.createElement(ie,{appearance:d}),et.createElement(Go,{appearance:d,steps:X,selectedStep:q,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:n,setShowModal:Oe,onDismiss:g,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:F,onFormDataChange:I,showFooter:x,prefillData:v,updateUrlOnPageChange:h}))},gn=fn;import{useCallback as Ar,useContext as Gp,useEffect as Kp}from"react";function Or(){let{organizationId:e,userId:t,setOrganizationId:o}=Gp(Q),{mutateUserFlowState:i}=De(),{config:n,apiUrl:r}=Je(),s=Wt(),{verifySDKInitiated:p}=zt();function d(f,y){return`frigade-user-group-registered-${f}-${y}`}Kp(()=>{if(t&&e){if(t.startsWith(_t))return;let f=d(t,e);localStorage.getItem(f)||(s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})})),localStorage.setItem(f,"true"))}},[t,e]);let l=Ar(f=>D(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 y={foreignUserId:t,foreignUserGroupId:e,properties:f};yield s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify(y)})),i()}),[e,t,n,i]),m=Ar((f,y)=>D(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 S={foreignUserId:t,foreignUserGroupId:e,events:[{event:f,properties:y}]};yield s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify(S)})),i()}),[e,t,n,i]),c=Ar((f,y)=>D(this,null,function*(){if(p())if(y){let T=d(t,f);localStorage.setItem(T,"true"),o(f);let S={foreignUserId:t,foreignUserGroupId:f,properties:y};yield s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify(S)})),i()}else o(f)}),[t,n,i]);return{organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:l,trackEventForOrganization:m}}var hn="frigade-xFrigade_guestUserId",yo="frigade-xFrigade_userId",xn=({})=>{let{setFlowResponses:e}=lo(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=De(),{userId:n,setUserId:r}=ao(),[s,p]=Co(n),{getFlowStatus:d}=R(),{flows:l,userProperties:m,setIsNewGuestUser:c,flowResponses:f}=qp(Q),[y,T]=Co([]),[S,g]=Co([]),{organizationId:E}=Or(),[P,F]=Co(E),[A,I]=Co(!1);Yt(()=>{if(!o&&t)for(let b=0;b<t.length;b++){let N=t[b],L=l.find(O=>O.slug===(N==null?void 0:N.flowId));if(L&&N&&N.shouldTrigger===!0&&L.type=="FORM"&&L.triggerType==="AUTOMATIC"&&!S.includes(L.slug)){setTimeout(()=>{x(N.flowId)},500);break}}},[o,t]),Yt(()=>{f.length>0&&i()},[f]),Yt(()=>{A||(I(!0),i())},[o,I]);function x(b){let N=l.find(L=>L.slug===b);N&&N.triggerType==="AUTOMATIC"&&!S.includes(N.slug)&&(g([...S,N.slug]),T([N]))}function v(){if(!n){let b=localStorage.getItem(yo);if(b){r(b);return}let N=localStorage.getItem(hn);if(N){r(N);return}c(!0);let L=_t+Yp();try{localStorage.setItem(hn,L)}catch(O){console.log("Failed to save guest user id locally: Local storage unavailable",O)}r(O=>O||L)}}Yt(()=>{try{if(l){let b=[];l.forEach(N=>{if(N.data){let L=N.data.match(/"imageUri":"(.*?)"/g);L&&L.forEach(O=>{let j=O.replace('"imageUri":"',"").replace('"',"");if(b.includes(j))return;let M=new Image;M.src=j,b.push(j)})}})}}catch(b){}},[l]),Yt(()=>{if(n!==s&&(e([]),i()),p(n),n&&!n.startsWith(_t))try{localStorage.setItem(yo,n)}catch(b){console.log("Failed to save user id locally: Local storage available",b)}n===null&&setTimeout(()=>{n===null&&v()},50)},[n,l,m]),Yt(()=>{E!=P&&(F(E),e([]),i())},[E,P,F]);function h(){return vt.createElement(vt.Fragment,null,y.map(b=>d(b.slug)!==Me?null:vt.createElement("span",{key:b.slug},vt.createElement(gn,{flowId:b.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return vt.createElement(vt.Fragment,null,vt.createElement(h,null))};import{ErrorBoundary as Sd}from"react-error-boundary";var Cn={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 Xp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Cn[o]){let n=Cn[o].split("."),r=t;n.forEach((s,p)=>{r[s]||(r[s]=p===n.length-1?i:{}),r=r[s]})}}),t}function Jp(e){if(!e)return;let t=xe({},e),o={};return Object.keys(t).forEach(i=>{let n=`.fr-${i}`;o[n]=t[i]}),o}function yn(e){let{theme:t,styleOverrides:o}=e,i=Xp(t),n=Jp(o);return{overrides:i,css:n}}import dd from"styled-components";import{compose as cd,variant as bn}from"styled-system";import Sn from"react";import Qp,{ThemeProvider as Zp,useTheme as Rp}from"styled-components";import{border as ed,color as td,compose as od,get as rd,shadow as id,space as nd,system as sd,typography as ld}from"styled-system";var ad={width:{property:"width",scale:"sizes",transform:(e,t)=>rd(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},pd=Qp("div")(({css:e})=>e,od(ed,td,id,nd,ld,sd(ad))),So=n=>{var r=n,{as:e,children:t,overrides:o}=r,i=Ie(r,["as","children","overrides"]);let s=Rp(),p={border:"none",boxSizing:"border-box",m:0,p:0},d=()=>Sn.createElement(pd,w(w({as:e},p),i),t);if(o!==void 0){let l=xe(s,o);return Sn.createElement(Zp,{theme:l},d())}return d()};var bo={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"}},md={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},wn=dd(So)(()=>({whiteSpace:"nowrap"}),cd(bn({scale:"components.Button",variants:"components.Button"}),bn({prop:"size",variants:md})));import ud from"styled-components";import{variant as fd,system as gd}from"styled-system";var Ko={Display1:{fontSize:"5xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"4xl"},Display2:{fontSize:"4xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"3xl"},H1:{fontSize:"3xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"2xl"},H2:{fontSize:"2xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"xl"},H3:{fontSize:"xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"lg"},H4:{fontSize:"lg",fontWeight:"bold",letterSpacing:"md",lineHeight:"md"},Body1:{fontSize:"md",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Body2:{fontSize:"sm",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Caption:{fontSize:"xs",fontWeight:"regular",letterSpacing:"md",lineHeight:"sm"}};var Tn=ud(So)(fd({scale:"components.Text",variants:"components.Text"}),gd({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Fn=4,kn="px",hd=20,xd=Object.fromEntries(Array.from(Array(hd+1),(e,t)=>t===0?[.5,`${.5*Fn}${kn}`]:[t,`${t*Fn}${kn}`])),Xt={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"},Ir={colors:_(w({},Xt),{neutral:{foreground:Xt.gray300},primary:{background:Xt.blue500,foreground:Xt.white,inverted:Xt.blue500},negative:{foreground:Xt.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:xd,components:{Button:bo,Text:Ko}};var Pn="https://api.frigade.com",Q=Cd({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:it,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:Pn,readonly:!1,debug:!1});function bd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var wd=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var q,se,de,Se,V;let[r,s]=je(t||null),[p,d]=je(o||null),[l,m]=je([]),[c,f]=je([]),[y,T]=je([]),[S,g]=je({}),[E,P]=je({}),[F,A]=je([]),[I,x]=je({}),[v,h]=je(!1),[b,N]=je(!1),[L,O]=je(!G(e)),j=(Y,ee)=>{if(ee==="_blank"){window.open(Y,"_blank");return}setTimeout(()=>{window.location.href=Y},50)},M={theme:w(w({},it.theme),(se=(q=i==null?void 0:i.defaultAppearance)==null?void 0:q.theme)!=null?se:{}),styleOverrides:w(w({},it.styleOverrides),(Se=(de=i==null?void 0:i.defaultAppearance)==null?void 0:de.styleOverrides)!=null?Se:{})};function G(Y){return!!(Y&&Y.length>10&&Y.substring(0,10)==="api_public")}qo(()=>{t&&s(t)},[t]),qo(()=>{r&&typeof window!="undefined"&&window.localStorage&&window.localStorage.getItem(yo)&&window.localStorage.getItem(yo)!==r&&bd()},[r]),qo(()=>{o&&d(o)},[o]),qo(()=>{if(G(e))O(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),O(!0);return}},[e,O]);let le={publicApiKey:e,userId:r,setUserId:s,setFlows:m,flows:l,failedFlowResponses:c,setFailedFlowResponses:f,flowResponses:y,setFlowResponses:T,userProperties:S,setUserProperties:g,openFlowStates:E,setOpenFlowStates:P,completedFlowsToKeepOpenDuringSession:F,setCompletedFlowsToKeepOpenDuringSession:A,customVariables:I,setCustomVariables:x,isNewGuestUser:v,setIsNewGuestUser:h,hasActiveFullPageFlow:b,setHasActiveFullPageFlow:N,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:j,defaultAppearance:M,shouldGracefullyDegrade:L,setShouldGracefullyDegrade:O,apiUrl:i&&i.apiUrl?i.apiUrl:Pn,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1};if(L)return Bt.createElement(Q.Provider,{value:le},n);let{overrides:pe}=yn(M);return Bt.createElement(Sd,{fallback:Bt.createElement(Bt.Fragment,null,n)},Bt.createElement(Q.Provider,{value:le},Bt.createElement(yd,{theme:xe(M.theme,Ir,pe!=null?pe:{},(V=i==null?void 0:i.theme)!=null?V:{})},n,Bt.createElement(xn,null))))};import dc from"react";import Ce,{useEffect as ol,useState as rl}from"react";import Ye,{useState as zd}from"react";import Ot from"styled-components";import Jo from"react";import Et from"react";import Bn from"styled-components";var vn=Bn.span`
|
|
686
|
+
`;var dn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,s]=Er([]),[p,d]=Er(!1),[l,m]=Er(e.id);return Br(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Br(()=>{l!==e.id&&(m(e.id),s([]))},[e]),Br(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),st.createElement(tn,{className:a("selectListContainer",i)},st.createElement(on,null,st.createElement(rn,{className:a("selectListTitle",i)},e.title),st.createElement(nn,{appearance:i,className:a("selectListSubtitle",i)},e.subtitle)),n.options.map((c,f)=>{let y=r.includes(c.id);return st.createElement(sn,{key:`select-item-${f}`,onClick:()=>{if(r.includes(c.id)){s(r.filter(T=>T!==c.id));return}r.length<n.maxChoices?s([...r,c.id]):r.length==1&&n.maxChoices==1&&s([c.id])},hideBottomBorder:f===n.options.length-1,className:a("selectListSelectItem",i)},st.createElement(ln,{className:a("selectListItemImage",i)},c.imageUri&&st.createElement(an,{src:c.imageUri,alt:`select-icon-${f}`}),st.createElement(pn,{appearance:i,className:a("selectListSelectItemText",i)},c.title)),st.createElement(nt,{appearance:i,value:y,primaryColor:i.theme.colorPrimary}))}))};import Ue,{useEffect as cn,useState as ho}from"react";var Hp=({children:e,id:t,shouldWrap:o=!1})=>Ue.createElement(Ue.Fragment,null,o?Ue.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),Go=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:l,onComplete:m,setVisible:c,setShowModal:f,onDismiss:y,showPagination:T=!1,customFormElements:S,allowBackNavigation:g,validationHandler:E,onFormDataChange:P,showFooter:F,prefillData:A,updateUrlOnPageChange:I})=>{var U;let v=w(w({},{linkCollection:Ri,multiInput:_i,callToAction:en,selectList:dn}),i),{primaryCTAClickSideEffects:h,secondaryCTAClickSideEffects:b}=ae(),[N,L]=ho(!1),[O,j]=ho({}),[M,G]=ho(!1),[le,pe]=ho(!1),[q,se]=ho(null),de=(U=t[o])!=null?U:null,{markStepCompleted:Se,markStepStarted:V,isLoading:Y,updateCustomVariables:ee,markFlowCompleted:Ve}=R();cn(()=>{ee(n)},[n,Y]),cn(()=>{P&&P(O,Le(),t[o],o)},[O]);function Le(){var W;return{data:(W=O[t[o].id])!=null?W:{},stepId:t[o].id,customVariables:n}}function X($,W,J){let fe=o+1<t.length?t[o+1]:null;return s&&s($,J,fe,O,Le()),r?r($,o,W,fe):!0}function ue($,W){j(J=>{let fe={};return fe[$.id]=W,w(w({},J),fe)})}function Oe($){return $.selectedStep.imageUri?Ue.createElement(qi,{image:$.selectedStep.imageUri,appearance:e,className:a("formContainerSidebarImage",e)}):null}let Te=F&&Ue.createElement(Qi,{step:t[o],canContinue:N&&!M,formType:d,selectedStep:o,appearance:e,onPrimaryClick:()=>D(void 0,null,function*(){if(G(!0),E){let J=yield E(t[o],o,t[o+1],O,Le());if(J!==!0){se(typeof J=="string"?J:null),G(!1);return}else se(null)}let $=w({},Le());yield Se(p,t[o].id,$),o+1<t.length&&!g&&(yield V(p,t[o+1].id));let W=X(t[o],"primary",o);if(o+1>=t.length&&(m&&m(),y&&y(),l&&W&&(c&&c(!1),f(!1)),yield Ve(p)),h(t[o]),G(!1),typeof window!="undefined"&&g&&o+1<t.length&&(window.location.hash=t[o+1].id),typeof window!="undefined"&&!g&&I&&o+1<t.length){let J=new URL(window.location.href);J.searchParams.set("p",t[o+1].id),window.history.pushState({},"",J.toString())}}),onSecondaryClick:()=>{X(t[o],"secondary",o),b(t[o])},onBack:()=>D(void 0,null,function*(){o-1>=0&&(G(!0),g&&typeof window!="undefined"&&(window.location.hash=t[o-1].id),yield V(p,t[o-1].id),G(!1))}),steps:t,allowBackNavigation:g,errorMessage:q,isSaving:M});return Ue.createElement(Ue.Fragment,null,Ue.createElement(Gi,{className:a("formContainer",e)},Ue.createElement(Hp,{id:o,shouldWrap:d==="large-modal"},Ue.createElement(Ki,{key:de.id,type:d,className:a("formContent",e)},t.map($=>{let W=v[$.type];return de.id!==$.id?null:typeof W!="function"?W:Ue.createElement(W,{key:$.id,stepData:$,canContinue:N,setCanContinue:L,onSaveData:J=>{ue($,J)},appearance:e,customFormElements:S,flowId:p,prefillData:A})}),T&&Ue.createElement(Zi,{className:a("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),Te)),d=="large-modal"&&Ue.createElement(Oe,{selectedStep:t[o]})))};import xo from"react";import{createGlobalStyle as jp}from"styled-components";var Vp=jp`
|
|
687
|
+
${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map(([i,n])=>typeof n=="object"?`${i} { ${Object.entries(n).map(([s,p])=>`${Oo(s)}: ${p};`).join(" ")} }`:`${Oo(i)}: ${n};`).join(" ")} }`).join(" ")}`;function ie({appearance:e}){if(!e||!e.styleOverrides)return xo.createElement(xo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,i])=>typeof i=="object");return t.length===0?xo.createElement(xo.Fragment,null):xo.createElement(Vp,{inlineStyles:t})}var fn=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:l=!0,onStepCompletion:m,onButtonClick:c,dismissible:f=!0,endFlowOnDismiss:y=!1,modalPosition:T="center",repeatable:S=!1,onDismiss:g,showPagination:E=!1,allowBackNavigation:P=!1,validationHandler:F,showFrigadeBranding:A=!1,onFormDataChange:I,showFooter:x=!0,prefillData:v={},updateUrlOnPageChange:h=!1})=>{let{getFlow:b,getFlowSteps:N,isLoading:L,targetingLogicShouldHideFlow:O,getFlowStatus:j,getCurrentStepIndex:M,markFlowCompleted:G,markFlowNotStarted:le,markStepStarted:pe}=R(),q=M(e),{mergeAppearanceWithDefault:se}=te(),[de,Se]=un(!1),[V,Y]=un(""),{setOpenFlowState:ee,getOpenFlowState:Ve,hasOpenModals:Le}=Be(),X=N(e);d=se(d);let[ue,Oe]=i!==void 0&&n!==void 0?[i,n]:[Ve(e,!0),W=>ee(e,W)];mn(()=>{!de&&!L&&(Se(!0),(j(e)===Z&&S||j(e)===Me)&&(j(e)===Z&&S&&le(e),typeof window!="undefined"&&window.localStorage&&Object.keys(window.localStorage).forEach(J=>{J.startsWith(kr)&&window.localStorage.removeItem(J)})),Se(!0))},[de,Se,L]);let Te=typeof window!="undefined"?window.location.hash:null;if(mn(()=>{var J;let W=typeof window!="undefined"&&((J=window==null?void 0:window.location)!=null&&J.hash)?window.location.hash.replace("#",""):"";if(W!=V&&X&&(X==null?void 0:X.length)>0){let fe=-1;if(W){let $e=W;fe=X.findIndex(Ge=>Ge.id===$e),V===W&&(fe=-1),Y(W)}else fe=0,Y("");fe!==-1&&pe(e,X[fe].id)}},[X,Te]),L)return null;let U=b(e);if(!U||O(U)||!X||i!==void 0&&i===!1||j(e)===Z&&l||(o=="modal"||o=="corner-modal")&&Le(e))return null;let $=()=>{Oe(!1),g&&g(),y===!0&&G(e)};if(T=="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",et.createElement(Qe,{appearance:d,onClose:$,visible:ue,style:W,dismissible:f,showFrigadeBranding:A},et.createElement(ie,{appearance:d}),et.createElement(Go,{appearance:d,steps:X,selectedStep:q,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:n,setShowModal:Oe,onDismiss:g,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:F,onFormDataChange:I,showFooter:x,prefillData:v,updateUrlOnPageChange:h}))}return o==="modal"&&T!=="center"?et.createElement(Mo,{appearance:d,onClose:$,visible:ue,modalPosition:T},et.createElement(ie,{appearance:d}),et.createElement(Go,{appearance:d,steps:X,selectedStep:q,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:n,setShowModal:Oe,onDismiss:g,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:F,onFormDataChange:I,showFooter:x,prefillData:v,updateUrlOnPageChange:h})):et.createElement(et.Fragment,null,et.createElement(ie,{appearance:d}),et.createElement(Go,{appearance:d,steps:X,selectedStep:q,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:n,setShowModal:Oe,onDismiss:g,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:F,onFormDataChange:I,showFooter:x,prefillData:v,updateUrlOnPageChange:h}))},gn=fn;import{useCallback as Ar,useContext as Gp,useEffect as Kp}from"react";function Or(){let{organizationId:e,userId:t,setOrganizationId:o}=Gp(Q),{mutateUserFlowState:i}=De(),{config:n,apiUrl:r}=Je(),s=Wt(),{verifySDKInitiated:p}=zt();function d(f,y){return`frigade-user-group-registered-${f}-${y}`}Kp(()=>{if(t&&e){if(t.startsWith(_t))return;let f=d(t,e);localStorage.getItem(f)||(s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})})),localStorage.setItem(f,"true"))}},[t,e]);let l=Ar(f=>D(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 y={foreignUserId:t,foreignUserGroupId:e,properties:f};yield s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify(y)})),i()}),[e,t,n,i]),m=Ar((f,y)=>D(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 S={foreignUserId:t,foreignUserGroupId:e,events:[{event:f,properties:y}]};yield s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify(S)})),i()}),[e,t,n,i]),c=Ar((f,y)=>D(this,null,function*(){if(p())if(y){let T=d(t,f);localStorage.setItem(T,"true"),o(f);let S={foreignUserId:t,foreignUserGroupId:f,properties:y};yield s(`${r}userGroups`,_(w({},n),{method:"POST",body:JSON.stringify(S)})),i()}else o(f)}),[t,n,i]);return{organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:l,trackEventForOrganization:m}}var hn="frigade-xFrigade_guestUserId",yo="frigade-xFrigade_userId",xn=({})=>{let{setFlowResponses:e}=lo(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=De(),{userId:n,setUserId:r}=ao(),[s,p]=Co(n),{getFlowStatus:d}=R(),{flows:l,userProperties:m,setIsNewGuestUser:c,flowResponses:f}=qp(Q),[y,T]=Co([]),[S,g]=Co([]),{organizationId:E}=Or(),[P,F]=Co(E),[A,I]=Co(!1);Yt(()=>{if(!o&&t)for(let b=0;b<t.length;b++){let N=t[b],L=l.find(O=>O.slug===(N==null?void 0:N.flowId));if(L&&N&&N.shouldTrigger===!0&&L.type=="FORM"&&L.triggerType==="AUTOMATIC"&&!S.includes(L.slug)){setTimeout(()=>{x(N.flowId)},500);break}}},[o,t]),Yt(()=>{f.length>0&&i()},[f]),Yt(()=>{A||(I(!0),i())},[o,I]);function x(b){let N=l.find(L=>L.slug===b);N&&N.triggerType==="AUTOMATIC"&&!S.includes(N.slug)&&(g([...S,N.slug]),T([N]))}function v(){if(!n){let b=localStorage.getItem(yo);if(b){r(b);return}let N=localStorage.getItem(hn);if(N){r(N);return}c(!0);let L=_t+Yp();try{localStorage.setItem(hn,L)}catch(O){console.log("Failed to save guest user id locally: Local storage unavailable",O)}r(O=>O||L)}}Yt(()=>{try{if(l){let b=[];l.forEach(N=>{if(N.data){let L=N.data.match(/"imageUri":"(.*?)"/g);L&&L.forEach(O=>{let j=O.replace('"imageUri":"',"").replace('"',"");if(b.includes(j))return;let M=new Image;M.src=j,b.push(j)})}})}}catch(b){}},[l]),Yt(()=>{if(n!==s&&(e([]),i()),p(n),n&&!n.startsWith(_t))try{localStorage.setItem(yo,n)}catch(b){console.log("Failed to save user id locally: Local storage available",b)}n===null&&setTimeout(()=>{n===null&&v()},50)},[n,l,m]),Yt(()=>{E!=P&&(F(E),e([]),i())},[E,P,F]);function h(){return vt.createElement(vt.Fragment,null,y.map(b=>d(b.slug)!==Me?null:vt.createElement("span",{key:b.slug},vt.createElement(gn,{flowId:b.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return vt.createElement(vt.Fragment,null,vt.createElement(h,null))};import{ErrorBoundary as Sd}from"react-error-boundary";var Cn={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 Xp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Cn[o]){let n=Cn[o].split("."),r=t;n.forEach((s,p)=>{r[s]||(r[s]=p===n.length-1?i:{}),r=r[s]})}}),t}function Jp(e){if(!e)return;let t=xe({},e),o={};return Object.keys(t).forEach(i=>{let n=`.fr-${i}`;o[n]=t[i]}),o}function yn(e){let{theme:t,styleOverrides:o}=e,i=Xp(t),n=Jp(o);return{overrides:i,css:n}}import dd from"styled-components";import{compose as cd,variant as bn}from"styled-system";import Sn from"react";import Qp,{ThemeProvider as Zp,useTheme as Rp}from"styled-components";import{border as ed,color as td,compose as od,get as rd,shadow as id,space as nd,system as sd,typography as ld}from"styled-system";var ad={width:{property:"width",scale:"sizes",transform:(e,t)=>rd(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},pd=Qp("div")(({css:e})=>e,od(ed,td,id,nd,ld,sd(ad))),So=n=>{var r=n,{as:e,children:t,overrides:o}=r,i=Ie(r,["as","children","overrides"]);let s=Rp(),p={border:"none",boxSizing:"border-box",m:0,p:0},d=()=>Sn.createElement(pd,w(w({as:e},p),i),t);if(o!==void 0){let l=xe(s,o);return Sn.createElement(Zp,{theme:l},d())}return d()};var bo={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"}},md={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},wn=dd(So)(()=>({whiteSpace:"nowrap"}),cd(bn({scale:"components.Button",variants:"components.Button"}),bn({prop:"size",variants:md})));import ud from"styled-components";import{variant as fd,system as gd}from"styled-system";var Ko={Display1:{fontSize:"5xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"4xl"},Display2:{fontSize:"4xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"3xl"},H1:{fontSize:"3xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"2xl"},H2:{fontSize:"2xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"xl"},H3:{fontSize:"xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"lg"},H4:{fontSize:"lg",fontWeight:"bold",letterSpacing:"md",lineHeight:"md"},Body1:{fontSize:"md",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Body2:{fontSize:"sm",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Caption:{fontSize:"xs",fontWeight:"regular",letterSpacing:"md",lineHeight:"sm"}};var Tn=ud(So)(fd({scale:"components.Text",variants:"components.Text"}),gd({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Fn=4,kn="px",hd=20,xd=Object.fromEntries(Array.from(Array(hd+1),(e,t)=>t===0?[.5,`${.5*Fn}${kn}`]:[t,`${t*Fn}${kn}`])),Xt={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"},Ir={colors:_(w({},Xt),{neutral:{foreground:Xt.gray300},primary:{background:Xt.blue500,foreground:Xt.white,inverted:Xt.blue500},negative:{foreground:Xt.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:xd,components:{Button:bo,Text:Ko}};var Pn="https://api.frigade.com",Q=Cd({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:it,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:Pn,readonly:!1,debug:!1});function bd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var wd=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var q,se,de,Se,V;let[r,s]=je(t||null),[p,d]=je(o||null),[l,m]=je([]),[c,f]=je([]),[y,T]=je([]),[S,g]=je({}),[E,P]=je({}),[F,A]=je([]),[I,x]=je({}),[v,h]=je(!1),[b,N]=je(!1),[L,O]=je(!G(e)),j=(Y,ee)=>{if(ee==="_blank"){window.open(Y,"_blank");return}setTimeout(()=>{window.location.href=Y},50)},M={theme:w(w({},it.theme),(se=(q=i==null?void 0:i.defaultAppearance)==null?void 0:q.theme)!=null?se:{}),styleOverrides:w(w({},it.styleOverrides),(Se=(de=i==null?void 0:i.defaultAppearance)==null?void 0:de.styleOverrides)!=null?Se:{})};function G(Y){return!!(Y&&Y.length>10&&Y.substring(0,10)==="api_public")}qo(()=>{t&&s(t)},[t]),qo(()=>{r&&typeof window!="undefined"&&window.localStorage&&window.localStorage.getItem(yo)&&window.localStorage.getItem(yo)!==r&&bd()},[r]),qo(()=>{o&&d(o)},[o]),qo(()=>{if(G(e))O(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),O(!0);return}},[e,O]);let le={publicApiKey:e,userId:r,setUserId:s,setFlows:m,flows:l,failedFlowResponses:c,setFailedFlowResponses:f,flowResponses:y,setFlowResponses:T,userProperties:S,setUserProperties:g,openFlowStates:E,setOpenFlowStates:P,completedFlowsToKeepOpenDuringSession:F,setCompletedFlowsToKeepOpenDuringSession:A,customVariables:I,setCustomVariables:x,isNewGuestUser:v,setIsNewGuestUser:h,hasActiveFullPageFlow:b,setHasActiveFullPageFlow:N,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:j,defaultAppearance:M,shouldGracefullyDegrade:L,setShouldGracefullyDegrade:O,apiUrl:i&&i.apiUrl?i.apiUrl:Pn,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1};if(L)return Bt.createElement(Q.Provider,{value:le},n);let{overrides:pe}=yn(M);return Bt.createElement(Sd,{fallback:Bt.createElement(Bt.Fragment,null,n)},Bt.createElement(Q.Provider,{value:le},Bt.createElement(yd,{theme:xe(M.theme,Ir,pe!=null?pe:{},(V=i==null?void 0:i.theme)!=null?V:{})},n,Bt.createElement(xn,null))))};import dc from"react";import Ce,{useEffect as ol,useState as rl}from"react";import Ye,{useState as zd}from"react";import Ot from"styled-components";import Jo from"react";import Et from"react";import Bn from"styled-components";var vn=Bn.span`
|
|
688
688
|
font-weight: 600;
|
|
689
689
|
font-size: 14px;
|
|
690
690
|
font-style: normal;
|
|
@@ -1108,7 +1108,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1108
1108
|
line-height: 14px;
|
|
1109
1109
|
font-weight: 400;
|
|
1110
1110
|
cursor: pointer;
|
|
1111
|
-
`;var Qd=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:s}=ae();return pt.createElement(cs,{style:t,className:a("guideContainer",n)},pt.createElement(us,{className:a("guideTitle",n)},o),pt.createElement(ms,{className:a("guideItemContainer",n)},e.map((p,d)=>{var l;return pt.createElement(fs,{key:`guide-${(l=p.id)!=null?l:d}`,className:a("guideItem",n)},p.icon&&pt.createElement(gs,{className:a("guideIcon",n)},pt.createElement(hs,null,p.icon)),pt.createElement(xs,{className:a("guideItemTitle",n),dangerouslySetInnerHTML:ce(p.title)}),pt.createElement(Cs,{className:a("guideItemSubtitle",n),dangerouslySetInnerHTML:ce(p.subtitle)}),pt.createElement(ys,{className:a("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&s(p),r&&r(p)}},p.primaryButtonTitle))})))},Fo=Qd;var Rd=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:l,guideData:m,guideTitle:c,onGuideButtonClick:f})=>{let y=({stepData:x,handleSecondaryCTAClick:v,handleCTAClick:h})=>x?H.createElement(ts,{className:a("checklistStepContainer",l),"data-testid":"checklistStepContainer"},H.createElement(os,{appearance:l,className:a("checklistStepTitle",l),dangerouslySetInnerHTML:ce(x.title)}),H.createElement(rs,{appearance:l,className:a("checklistStepSubtitle",l),dangerouslySetInnerHTML:ce(x.subtitle)}),H.createElement(is,{className:a("checklistCTAContainer",l)},x.secondaryButtonTitle&&H.createElement(oe,{title:x.secondaryButtonTitle,onClick:v,appearance:l,secondary:!0}),H.createElement(oe,{title:x.primaryButtonTitle,onClick:h,appearance:l}))):H.createElement(H.Fragment,null),S=w(w({},{default:x=>{var N;if((N=e[P])!=null&&N.StepContent){let L=e[P].StepContent;return H.createElement("div",null,L)}let v=e[P];return H.createElement(y,{stepData:x,handleCTAClick:()=>{v.handlePrimaryButtonClick&&v.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{v.handleSecondaryButtonClick&&v.handleSecondaryButtonClick()}})}}),d),[g,E]=Zd(0),P=s!=null?s:g,F=p!=null?p:E,A=()=>{var x;return e?!((x=e[P])!=null&&x.type)||!S[e[P].type]?S.default(e[P]):S[e[P].type]({stepData:e[P],primaryColor:l.theme.colorPrimary}):H.createElement(H.Fragment,null)},I=e.filter(x=>x.complete).length;return n?(l.theme.modalContainer||(l.theme.borderRadius&&(Dr.borderRadius=l.theme.borderRadius+"px"),l.theme.modalContainer=Dr),H.createElement(Qe,{onClose:r,visible:n,appearance:l},H.createElement(ps,null,H.createElement(qn,null,H.createElement(Yn,{appearance:l,className:a("checklistTitle",l)},t),H.createElement(Xn,{appearance:l,className:a("checklistSubtitle",l)},o)),H.createElement(Kn,null,e&&e.length>0&&H.createElement(Jn,{className:a("stepsContainer",l)},H.createElement(Qn,null,H.createElement("div",{style:{flex:3}},H.createElement(Zn,{className:a("stepsTitle",l)},i)),H.createElement(as,null,H.createElement(We,{style:{width:"100%"},count:I,total:e.length,appearance:l}))),H.createElement(Rn,null,H.createElement(es,{className:a("checklistStepListContainer",l),appearance:l},e.map((x,v)=>{var b;let h=P===v;return H.createElement(ns,{selected:h,className:a(`checklistStepListItem${h?"Selected":""}`,l),key:`checklist-guide-step-${(b=x.id)!=null?b:v}`,disabled:x.blocked,onClick:()=>{x.blocked||F(v)},title:x.blocked?"Finish remaining steps to continue":void 0},h&&H.createElement(Xo,{className:a("checklistStepItemSelectedIndicator",l),layoutId:"checklist-step-selected",style:{backgroundColor:l.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),H.createElement(ss,{selected:h,className:a(`checklistStepListStepName${h?"Selected":""}`,l)},x.stepName),H.createElement(ls,null,H.createElement(nt,{value:x.complete,type:"round",primaryColor:l.theme.colorPrimary,progress:x.progress,appearance:l}),H.createElement(ds,null,H.createElement(eo,{style:{marginLeft:"10px"},color:l.theme.colorBackgroundSecondary}))))})),H.createElement(A,null))),m&&m.length>0&&H.createElement(Fo,{steps:m,title:c,primaryColor:l.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:l,onButtonClick:x=>(f&&f(x),!0)}))))):H.createElement(H.Fragment,null)},Ur=Rd;import Ne,{useEffect as Ls,useState as $s}from"react";import
|
|
1111
|
+
`;var Qd=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:s}=ae();return pt.createElement(cs,{style:t,className:a("guideContainer",n)},pt.createElement(us,{className:a("guideTitle",n)},o),pt.createElement(ms,{className:a("guideItemContainer",n)},e.map((p,d)=>{var l;return pt.createElement(fs,{key:`guide-${(l=p.id)!=null?l:d}`,className:a("guideItem",n)},p.icon&&pt.createElement(gs,{className:a("guideIcon",n)},pt.createElement(hs,null,p.icon)),pt.createElement(xs,{className:a("guideItemTitle",n),dangerouslySetInnerHTML:ce(p.title)}),pt.createElement(Cs,{className:a("guideItemSubtitle",n),dangerouslySetInnerHTML:ce(p.subtitle)}),pt.createElement(ys,{className:a("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&s(p),r&&r(p)}},p.primaryButtonTitle))})))},Fo=Qd;var Rd=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:l,guideData:m,guideTitle:c,onGuideButtonClick:f})=>{let y=({stepData:x,handleSecondaryCTAClick:v,handleCTAClick:h})=>x?H.createElement(ts,{className:a("checklistStepContainer",l),"data-testid":"checklistStepContainer"},H.createElement(os,{appearance:l,className:a("checklistStepTitle",l),dangerouslySetInnerHTML:ce(x.title)}),H.createElement(rs,{appearance:l,className:a("checklistStepSubtitle",l),dangerouslySetInnerHTML:ce(x.subtitle)}),H.createElement(is,{className:a("checklistCTAContainer",l)},x.secondaryButtonTitle&&H.createElement(oe,{title:x.secondaryButtonTitle,onClick:v,appearance:l,secondary:!0}),H.createElement(oe,{title:x.primaryButtonTitle,onClick:h,appearance:l}))):H.createElement(H.Fragment,null),S=w(w({},{default:x=>{var N;if((N=e[P])!=null&&N.StepContent){let L=e[P].StepContent;return H.createElement("div",null,L)}let v=e[P];return H.createElement(y,{stepData:x,handleCTAClick:()=>{v.handlePrimaryButtonClick&&v.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{v.handleSecondaryButtonClick&&v.handleSecondaryButtonClick()}})}}),d),[g,E]=Zd(0),P=s!=null?s:g,F=p!=null?p:E,A=()=>{var x;return e?!((x=e[P])!=null&&x.type)||!S[e[P].type]?S.default(e[P]):S[e[P].type]({stepData:e[P],primaryColor:l.theme.colorPrimary}):H.createElement(H.Fragment,null)},I=e.filter(x=>x.complete).length;return n?(l.theme.modalContainer||(l.theme.borderRadius&&(Dr.borderRadius=l.theme.borderRadius+"px"),l.theme.modalContainer=Dr),H.createElement(Qe,{onClose:r,visible:n,appearance:l},H.createElement(ps,null,H.createElement(qn,null,H.createElement(Yn,{appearance:l,className:a("checklistTitle",l)},t),H.createElement(Xn,{appearance:l,className:a("checklistSubtitle",l)},o)),H.createElement(Kn,null,e&&e.length>0&&H.createElement(Jn,{className:a("stepsContainer",l)},H.createElement(Qn,null,H.createElement("div",{style:{flex:3}},H.createElement(Zn,{className:a("stepsTitle",l)},i)),H.createElement(as,null,H.createElement(We,{style:{width:"100%"},count:I,total:e.length,appearance:l}))),H.createElement(Rn,null,H.createElement(es,{className:a("checklistStepListContainer",l),appearance:l},e.map((x,v)=>{var b;let h=P===v;return H.createElement(ns,{selected:h,className:a(`checklistStepListItem${h?"Selected":""}`,l),key:`checklist-guide-step-${(b=x.id)!=null?b:v}`,disabled:x.blocked,onClick:()=>{x.blocked||F(v)},title:x.blocked?"Finish remaining steps to continue":void 0},h&&H.createElement(Xo,{className:a("checklistStepItemSelectedIndicator",l),layoutId:"checklist-step-selected",style:{backgroundColor:l.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),H.createElement(ss,{selected:h,className:a(`checklistStepListStepName${h?"Selected":""}`,l)},x.stepName),H.createElement(ls,null,H.createElement(nt,{value:x.complete,type:"round",primaryColor:l.theme.colorPrimary,progress:x.progress,appearance:l}),H.createElement(ds,null,H.createElement(eo,{style:{marginLeft:"10px"},color:l.theme.colorBackgroundSecondary}))))})),H.createElement(A,null))),m&&m.length>0&&H.createElement(Fo,{steps:m,title:c,primaryColor:l.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:l,onButtonClick:x=>(f&&f(x),!0)}))))):H.createElement(H.Fragment,null)},Ur=Rd;import Ne,{useEffect as Ls,useState as $s}from"react";import we from"react";import dt from"styled-components";var Ss=dt.div`
|
|
1112
1112
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1113
1113
|
border: 1px solid;
|
|
1114
1114
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1159,7 +1159,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1159
1159
|
flex-direction: row;
|
|
1160
1160
|
justify-content: flex-start;
|
|
1161
1161
|
align-items: center;
|
|
1162
|
-
`;var Bs=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:s})=>{var c,f;let p=t?{}:{transform:"rotate(90deg)"},d=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.
|
|
1162
|
+
`;var Bs=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:s})=>{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.35s ease-out"};function l(){var y;return we.createElement(we.Fragment,null,e.imageUri||e.videoUri?we.createElement(bs,{className:a("stepMediaContainer",r)},e.imageUri?we.createElement(ws,{className:a("stepImage",r),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?we.createElement(Re,{appearance:r,videoUri:e.videoUri}):null):null,we.createElement(Ps,{className:a("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:ce(e.subtitle)}),we.createElement(Ho,{className:a("checklistCTAContainer",r)},e.secondaryButtonTitle?we.createElement(oe,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,we.createElement(oe,{title:(y=e.primaryButtonTitle)!=null?y:"Continue",onClick:()=>i(),appearance:r})))}function m(){if(!s)return null;let y=s[e.type];return y?y(e,r):null}return we.createElement(Ss,{"data-testid":`step-${e.id}`,className:a("checklistStepContainer",r),appearance:r},we.createElement(Ts,{className:a("stepHeader",r)},we.createElement(vs,null,we.createElement(Yo,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(c=r==null?void 0:r.theme)==null?void 0:c.colorPrimary,appearance:r}),we.createElement(Fs,{appearance:r,className:a("stepTitle",r),dangerouslySetInnerHTML:ce(e.title),onClick:()=>o()})),we.createElement(ks,{className:a("stepChevronContainer",r),onClick:()=>o(),appearance:r},we.createElement(eo,{style:_(w({},p),{transition:"transform 0.2s ease-in-out"})}))),we.createElement("div",{key:e.id,style:w({},d)},(f=m())!=null?f:l()))};import to from"styled-components";var f0=to.div`
|
|
1163
1163
|
background: #ffffff;
|
|
1164
1164
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1165
1165
|
border-radius: 6px;
|
|
@@ -1200,7 +1200,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1200
1200
|
padding: 24px;
|
|
1201
1201
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1202
1202
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1203
|
-
`;var ec=({title:e,subtitle:t,steps:o,onClose:i,visible:n,autoExpandFirstIncompleteStep:r=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:d,setSelectedStep:l,appearance:m,type:c,className:f,customStepTypes:y,style:T})=>{let S=o.filter(v=>v.complete).length,[g,E]=$s(Array(o.length).fill(!0)),[P,F]=$s(!1);Ls(()=>{let v=[...g];if(r){for(let h=0;h<o.length;h++)if(!o[h].complete){v[h]=!1;break}E(v)}},[]),Ls(()=>{if(!P&&!r){F(!0);return}A(d)},[d]);let A=v=>{let h=[...g];if(s)for(let b=0;b<g.length;++b)b!==v&&(h[b]=!0);h[v]=!h[v],E(h)};if(!n&&c=="modal")return Ne.createElement(Ne.Fragment,null);let I=Ne.createElement(Ne.Fragment,null,Ne.createElement(Es,null,Ne.createElement(As,{appearance:m,className:a("checklistTitle",m),dangerouslySetInnerHTML:ce(e)}),Ne.createElement(Os,{appearance:m,className:a("checklistSubtitle",m),dangerouslySetInnerHTML:ce(t)})),Ne.createElement(We,{display:"percent",count:S,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:m})),x=Ne.createElement(Is,{className:
|
|
1203
|
+
`;var ec=({title:e,subtitle:t,steps:o,onClose:i,visible:n,autoExpandFirstIncompleteStep:r=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:d,setSelectedStep:l,appearance:m,type:c,className:f,customStepTypes:y,style:T})=>{let S=o.filter(v=>v.complete).length,[g,E]=$s(Array(o.length).fill(!0)),[P,F]=$s(!1);Ls(()=>{let v=[...g];if(r){for(let h=0;h<o.length;h++)if(!o[h].complete){v[h]=!1;break}E(v)}},[]),Ls(()=>{if(!P&&!r){F(!0);return}A(d)},[d]);let A=v=>{let h=[...g];if(s)for(let b=0;b<g.length;++b)b!==v&&(h[b]=!0);h[v]=!h[v],E(h)};if(!n&&c=="modal")return Ne.createElement(Ne.Fragment,null);let I=Ne.createElement(Ne.Fragment,null,Ne.createElement(Es,null,Ne.createElement(As,{appearance:m,className:a("checklistTitle",m),dangerouslySetInnerHTML:ce(e)}),Ne.createElement(Os,{appearance:m,className:a("checklistSubtitle",m),dangerouslySetInnerHTML:ce(t)})),Ne.createElement(We,{display:"percent",count:S,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:m})),x=Ne.createElement(Is,{className:be(a("checklistContainer",m),f)},o.map((v,h)=>{var N;let b=g[h];return Ne.createElement(Bs,{appearance:m,stepData:v,collapsed:b,key:`modal-checklist-${(N=v.id)!=null?N:h}`,onClick:()=>{if(d===h){A(h);return}l(h)},onPrimaryButtonClick:()=>{v.handlePrimaryButtonClick&&v.handlePrimaryButtonClick(),p&&!v.completionCriteria&&h<g.length-1&&g[h+1]&&l(h+1)},onSecondaryButtonClick:()=>{v.handleSecondaryButtonClick&&v.handleSecondaryButtonClick()},customStepTypes:y})}));return c==="inline"?Ne.createElement(Ns,{appearance:m,className:be(a("checklistInlineContainer",m),f),style:T},I,x):Ne.createElement(Ne.Fragment,null,Ne.createElement(Qe,{onClose:i,visible:n,appearance:m,style:{maxWidth:"600px"},headerContent:I},x))},Wr=ec;import me,{useEffect as zr,useRef as ac,useState as It}from"react";import{useEffect as tc,useState as oc}from"react";var Ms=()=>{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]=oc(t),n=null,r=()=>{n!==null?clearTimeout(n):s(),n=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,l])=>{if(!window)return[d,!1];let m=window.matchMedia(l);return m.addEventListener("change",r),[d,m.matches]}));i(p)};return tc(()=>{s()},[]),o};import oo from"react";import he,{css as Ds,keyframes as Us}from"styled-components";var Ws=Ds`
|
|
1204
1204
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1205
1205
|
`,rc=Ds`
|
|
1206
1206
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
@@ -1342,7 +1342,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1342
1342
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1343
1343
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1344
1344
|
`}
|
|
1345
|
-
`;var Rs=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=te(),{primaryCTAClickSideEffects:n}=ae();o=i(o);let{imageUri:r=null,subtitle:s=null,title:p=null,complete:d=!1,blocked:l=!1}=e,m=e.primaryButtonTitle||e.secondaryButtonTitle,c=()=>{n(e)};return oo.createElement(Gs,{className:a("carouselCard",o),onClick:l?null:c,style:t,blocked:l,complete:d},r&&oo.createElement(Ks,{className:a("carouselCardImage",o),src:r,alt:p,style:{opacity:d||l?.4:1}}),d&&oo.createElement(Ys,{className:a("carouselCompletedPill",o)},oo.createElement(Zs,{style:{color:"#108E0B"}},"Complete")),p&&oo.createElement(Qs,{blocked:l,complete:d,className:a("carouselCardTitle",o)},p),s&&oo.createElement(xt.Quiet,{blocked:l,complete:d,className:a("carouselCardSubtitle",o)},s))};var pc=()=>me.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},me.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),me.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),me.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),el=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=It(!1),[r,s]=It(!1);zr(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{n(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?me.createElement(Hs,{style:d,reversed:r,onAnimationEnd:r?p:null},me.createElement(js,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},me.createElement(pc,null))):null},tl=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=ac(null),[r,s]=It(!1),[p,d]=It(!1),[l,m]=It(null),[c,f]=It([]),[y,T]=It(0),{isSmall:S}=Ms(),g=S?1:3,{getFlowMetadata:E,getFlowSteps:P,getNumberOfStepsCompleted:F,updateCustomVariables:A,isLoading:I}=R();zr(()=>{A(o)},[o,I]),zr(()=>{if(I)return;let L=E(e),O=F(e),j=P(e);m(L),L.data!==null&&(f(j.sort((M,G)=>Number(M.complete)-Number(G.complete))),d(j.length>g),T(O))},[I]);let x=[];for(let L=0;L<c.length;L+=g)x.push(c.slice(L,L+g));let v=L=>{let O=L.target,j=O.scrollWidth-O.clientWidth,M=Math.ceil(O.scrollLeft);M>0&&r===!1&&s(!0),M===0&&r===!0&&s(!1),M<j&&p===!1&&d(!0),M===j&&p===!0&&d(!1)},h=(L=!0)=>{let O=L?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*O,behavior:"smooth"})},b=null,N=L=>{b!==null?clearTimeout(b):v(L),b=setTimeout(()=>{v(L)},16)};return I?null:me.createElement(qs,{className:
|
|
1345
|
+
`;var Rs=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=te(),{primaryCTAClickSideEffects:n}=ae();o=i(o);let{imageUri:r=null,subtitle:s=null,title:p=null,complete:d=!1,blocked:l=!1}=e,m=e.primaryButtonTitle||e.secondaryButtonTitle,c=()=>{n(e)};return oo.createElement(Gs,{className:a("carouselCard",o),onClick:l?null:c,style:t,blocked:l,complete:d},r&&oo.createElement(Ks,{className:a("carouselCardImage",o),src:r,alt:p,style:{opacity:d||l?.4:1}}),d&&oo.createElement(Ys,{className:a("carouselCompletedPill",o)},oo.createElement(Zs,{style:{color:"#108E0B"}},"Complete")),p&&oo.createElement(Qs,{blocked:l,complete:d,className:a("carouselCardTitle",o)},p),s&&oo.createElement(xt.Quiet,{blocked:l,complete:d,className:a("carouselCardSubtitle",o)},s))};var pc=()=>me.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},me.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),me.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),me.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),el=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=It(!1),[r,s]=It(!1);zr(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{n(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?me.createElement(Hs,{style:d,reversed:r,onAnimationEnd:r?p:null},me.createElement(js,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},me.createElement(pc,null))):null},tl=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=ac(null),[r,s]=It(!1),[p,d]=It(!1),[l,m]=It(null),[c,f]=It([]),[y,T]=It(0),{isSmall:S}=Ms(),g=S?1:3,{getFlowMetadata:E,getFlowSteps:P,getNumberOfStepsCompleted:F,updateCustomVariables:A,isLoading:I}=R();zr(()=>{A(o)},[o,I]),zr(()=>{if(I)return;let L=E(e),O=F(e),j=P(e);m(L),L.data!==null&&(f(j.sort((M,G)=>Number(M.complete)-Number(G.complete))),d(j.length>g),T(O))},[I]);let x=[];for(let L=0;L<c.length;L+=g)x.push(c.slice(L,L+g));let v=L=>{let O=L.target,j=O.scrollWidth-O.clientWidth,M=Math.ceil(O.scrollLeft);M>0&&r===!1&&s(!0),M===0&&r===!0&&s(!1),M<j&&p===!1&&d(!0),M===j&&p===!0&&d(!1)},h=(L=!0)=>{let O=L?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*O,behavior:"smooth"})},b=null,N=L=>{b!==null?clearTimeout(b):v(L),b=setTimeout(()=>{v(L)},16)};return I?null:me.createElement(qs,{className:be(a("carouselContainer",t),i)},me.createElement("div",{style:{display:"flex",justifyContent:S?"center":"space-between",marginBottom:20,flexWrap:S?"wrap":"nowrap",gap:S?16:20}},me.createElement("div",null,me.createElement(Xs,{className:a("carouselTitle",t)},l==null?void 0:l.title),me.createElement(xt.Quiet,{className:a("carouselSubtitle",t)},l==null?void 0:l.subtitle)),me.createElement(Js,{className:a("progressWrapper",t)},me.createElement(We,{count:y,total:c.length,appearance:t}))),me.createElement("div",{style:{position:"relative"}},me.createElement(el,{show:r,onClick:()=>h(!1)}),me.createElement(el,{side:"right",show:p,onClick:h}),me.createElement(zs,{ref:n,onScroll:N},x.map((L,O)=>me.createElement(_s,{key:O,style:{flex:`0 0 calc(100% - ${c.length>g?36:0}px)`}},L.map((j,M)=>me.createElement(Rs,{key:M,stepData:j,style:{flex:c.length>g?`0 1 calc(100% / ${g} - 16px * 2 / ${g})`:1},appearance:t})))))),me.createElement(ie,{appearance:t}))};var _r=A=>{var I=A,{flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:n,className:r,type:s="inline",onDismiss:p,visible:d,customVariables:l,onStepCompletion:m,onButtonClick:c,appearance:f,hideOnFlowCompletion:y,setVisible:T,customStepTypes:S,checklistStyle:g="default",autoExpandFirstIncompleteStep:E,autoExpandNextStep:P}=I,F=Ie(I,["flowId","title","subtitle","style","initialSelectedStep","className","type","onDismiss","visible","customVariables","onStepCompletion","onButtonClick","appearance","hideOnFlowCompletion","setVisible","customStepTypes","checklistStyle","autoExpandFirstIncompleteStep","autoExpandNextStep"]);let{getFlow:x,getFlowSteps:v,markStepCompleted:h,getStepStatus:b,getNumberOfStepsCompleted:N,isLoading:L,targetingLogicShouldHideFlow:O,updateCustomVariables:j,getFlowMetadata:M,isStepBlocked:G,getFlowStatus:le,hasActiveFullPageFlow:pe,setHasActiveFullPageFlow:q}=R(),{primaryCTAClickSideEffects:se,secondaryCTAClickSideEffects:de}=ae(),{getOpenFlowState:Se,setOpenFlowState:V}=Be(),[Y,ee]=rl(n||0),[Ve,Le]=rl(!1),X=d===void 0?Se(e):d,ue=s==="modal",{mergeAppearanceWithDefault:Oe}=te();if(f=Oe(f),ol(()=>{j(l)},[l,L]),ol(()=>{d!==void 0&&(ue&&d===!0?q(!0):ue&&d===!1&&q(!1))},[d,T,pe]),L)return null;let Te=x(e);if(!Te||O(Te))return null;let U=v(e);if(!U||y===!0&&le(e)===Z)return null;let $=M(e);if($!=null&&$.title&&(t=$.title),$!=null&&$.subtitle&&(o=$.subtitle),!Ve&&n===void 0&&N(e)>0){let u=U.findIndex(C=>C.complete===!1);ee(u>-1?u:U.length-1),Le(!0)}function W(){if(Y+1>=U.length){ue&&V(e,!1);return}G(e,U[Y+1].id)||ee(Y+1)}function J(u,C,k){let z=Y+1<U.length?U[Y+1]:null;c&&c(u,Y,C,z)===!0&&ue&&Xe(),m&&m(u,k,z),!m&&!c&&(u.primaryButtonUri||u.secondaryButtonUri)&&ue&&Xe()}function fe(){return U.map((u,C)=>_(w({},u),{handleSecondaryButtonClick:()=>{W(),de(u),u.skippable===!0&&h(e,u.id,{skipped:!0}),J(u,"secondary",C)},handlePrimaryButtonClick:()=>{(!u.completionCriteria&&(u.autoMarkCompleted||u.autoMarkCompleted===void 0)||u.completionCriteria&&u.autoMarkCompleted===!0)&&(h(e,u.id),W()),J(u,"primary",C),se(u),b(e,u.id)===Ke&&W()}}))}function $e(){return Ce.createElement(ie,{appearance:f})}let Ge={steps:fe(),title:t,subtitle:o,primaryColor:f.theme.colorPrimary,appearance:f,customStepTypes:S,type:s,className:r,autoExpandFirstIncompleteStep:E,autoExpandNextStep:P};function Xe(){V(e,!1),p&&p(),T&&T(!1)}function St(){return Ce.createElement(Ce.Fragment,null,Ce.createElement($e,null),Ce.createElement(tl,{flowId:e,appearance:f,customVariables:l,className:r}))}function Mt(){return Ce.createElement(Ce.Fragment,null,Ce.createElement($e,null),Ce.createElement(Wr,w({visible:X,onClose:()=>{Xe()},selectedStep:Y,setSelectedStep:ee,autoExpandNextStep:!0,appearance:f},Ge)))}function Dt(){var k;let u=F.guideFlowId,C;return u&&x(u)&&(C=v(u)),Ce.createElement(Ce.Fragment,null,Ce.createElement($e,null),Ce.createElement(Ur,w({visible:X,stepsTitle:$.stepsTitle?$.stepsTitle:"Your quick start guide",onClose:()=>{Xe()},selectedStep:Y,setSelectedStep:ee,guideData:C,guideTitle:(k=F.guideTitle)!=null?k:"Guide",appearance:f,title:t,subtitle:o,onGuideButtonClick:z=>{J(z,"link",0)},customStepTypes:S},Ge)))}function bt(){let u=Ce.createElement(Mr,w({flowId:e,style:i,selectedStep:Y,setSelectedStep:ee,appearance:f,type:s},Ge));return ue?Ce.createElement(Qe,{onClose:()=>{Xe()},visible:X,appearance:f,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},Ce.createElement($e,null),u):Ce.createElement(Ce.Fragment,null,Ce.createElement($e,null),u)}switch(g){case"condensed":return Mt();case"with-guide":return Dt();case"default":return bt();case"carousel":return St();default:return bt()}};var cc=e=>dc.createElement(_r,w({type:"inline"},e));import yt,{useEffect as mc}from"react";import tt from"react";import tr from"styled-components";var il=tr.div`
|
|
1346
1346
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1347
1347
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1348
1348
|
padding: 10px 12px 10px 12px;
|
|
@@ -1374,7 +1374,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1374
1374
|
display: flex;
|
|
1375
1375
|
height: 100%;
|
|
1376
1376
|
align-items: center;
|
|
1377
|
-
`;var al=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:s,type:p="default"})=>tt.createElement(tt.Fragment,null,tt.createElement(ie,{appearance:s}),tt.createElement(il,{onClick:()=>i!==void 0&&i(),styleOverrides:w(w({},p=="condensed"?{display:"flex",justifyContent:"space-between"}:{}),n),className:
|
|
1377
|
+
`;var al=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:s,type:p="default"})=>tt.createElement(tt.Fragment,null,tt.createElement(ie,{appearance:s}),tt.createElement(il,{onClick:()=>i!==void 0&&i(),styleOverrides:w(w({},p=="condensed"?{display:"flex",justifyContent:"space-between"}:{}),n),className:be(r!=null?r:"",a("progressBadgeContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&tt.createElement(ll,{className:a("progressRingContainer",s)},tt.createElement(jt,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),tt.createElement(nl,{type:p,className:a("badgeTitleContainer",s)},tt.createElement(sl,{type:p,appearance:s,className:a("badgeTitle",s)},e),i!==void 0&&tt.createElement(eo,{className:a("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&tt.createElement(We,{display:"compact",count:t,total:o,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s,textStyle:{color:"#818898"}})));import Ct from"react";import ko from"styled-components";var pl=ko.div`
|
|
1378
1378
|
display: flex;
|
|
1379
1379
|
flex-direction: row;
|
|
1380
1380
|
width: 100%;
|
|
@@ -1411,7 +1411,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1411
1411
|
:hover {
|
|
1412
1412
|
opacity: 0.8;
|
|
1413
1413
|
}
|
|
1414
|
-
`;var ul=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:s,style:p})=>Ct.createElement(Ct.Fragment,null,Ct.createElement(pl,{appearance:i,className:
|
|
1414
|
+
`;var ul=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:s,style:p})=>Ct.createElement(Ct.Fragment,null,Ct.createElement(pl,{appearance:i,className:be(a("fullWidthProgressBadgeContainer",i),s!=null?s:""),style:p},o&&Ct.createElement(dl,{className:a("fullWidthProgressBadgeIcon",i)},o),Ct.createElement(cl,null,Ct.createElement(Ae,{size:"small",appearance:i,title:e,subtitle:t})),Ct.createElement(ml,{className:a("fullWidthProgressBadgeProgressContainer",i)},Ct.createElement(We,{count:n,total:r,display:"percent",textLocation:"top"}))));var uc=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:s,customVariables:p,hideOnFlowCompletion:d,appearance:l,type:m="default"})=>{let{getFlow:c,getFlowSteps:f,getFlowStatus:y,getNumberOfStepsCompleted:T,isLoading:S,targetingLogicShouldHideFlow:g,updateCustomVariables:E}=R(),{mergeAppearanceWithDefault:P}=te();l=P(l);let{setOpenFlowState:F,getOpenFlowState:A}=Be();if(mc(()=>{E(p)},[p,S]),S)return null;let I=c(e);if(!I||g(I)||d===!0&&y(e)===Z)return null;let x=f(e),v=T(e);return m==="full-width"?yt.createElement(yt.Fragment,null,yt.createElement(ie,{appearance:l}),yt.createElement(ul,{title:t,subtitle:o,count:v,total:x.length,style:n,className:s,appearance:l,icon:i,onClick:()=>{}})):yt.createElement(yt.Fragment,null,yt.createElement(ie,{appearance:l}),yt.createElement(al,{count:v,total:x.length,title:t,style:n,onClick:()=>{F(e,!0),r&&r()},type:m,className:s,appearance:l}))};import fc from"react";var gc=n=>{var r=n,{flowId:e,style:t,appearance:o}=r,i=Ie(r,["flowId","style","appearance"]);let{getFlow:s,targetingLogicShouldHideFlow:p,getFlowSteps:d}=R(),{mergeAppearanceWithDefault:l}=te();o=l(o);let m=s(e);if(!m||p(m))return null;let c=d(e);return fc.createElement(Fo,w({steps:c,style:t,appearance:o},i))};import Nt,{useContext as Bc,useEffect as Ec}from"react";import K,{useEffect as or,useLayoutEffect as hl,useRef as bc,useState as ro}from"react";import Po from"styled-components";import{useCallback as hc,useEffect as xc,useState as Cc}from"react";var Hr=(e,t,o,i={x:20,y:20},n)=>{let r=n=="fixed"?0:window.scrollY,s=n=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+i.x+s,y:e.top-i.y+r}:t==="right"?{x:e.left+e.width+i.x+s,y:e.top-i.y+r}:{x:0,y:0}};function fl(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]=Cc(o),r=hc(()=>{e&&n(e.getBoundingClientRect())},[e]);return xc(()=>(r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)),[e,t]),i}import{useContext as yc,useState as Sc}from"react";function gl(){let{debug:e}=yc(Q),[t,o]=Sc([]);function i(r){e&&(t.find(s=>s===r)||(o([...t,r]),console.log(r)))}function n(r){e&&(t.find(s=>s===r)||(o([...t,r]),console.warn(r)))}return{logIfDebugMode:i,logErrorIfDebugMode:n}}var xl=300,Cl=100,wc=500,io=12,Tc=Po.div`
|
|
1415
1415
|
width: 100%;
|
|
1416
1416
|
height: 100%;
|
|
1417
1417
|
border-radius: 9999px;
|
|
@@ -1452,7 +1452,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1452
1452
|
`,Pc=Po(yl)`
|
|
1453
1453
|
width: ${io+12}px;
|
|
1454
1454
|
height: ${io+12}px;
|
|
1455
|
-
`,vc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:l=0,customStepTypes:m,appearance:c,dismissible:f=!1,showHighlightOnly:y,showStepCount:T=!0,completedStepsCount:S=0,showFrigadeBranding:g=!1,cssPosition:E="absolute"})=>{var $e,Ge,Xe,St,Mt,Dt,bt,u,C,k,z,Fe,ge,wt,vo,Qr,Zr,Rr,ei;let{logErrorIfDebugMode:P}=gl(),[F,A]=ro(),[I,x]=ro(new Date),v=bc(null),[h,b]=ro(document.querySelector(e[l].selector)),N=fl(h,I),[L,O]=ro(),[j,M]=ro(!y),G=(Ge=($e=e[l])==null?void 0:$e.props)!=null&&Ge.position?e[l].props.position:E,le=(Mt=(St=(Xe=e[l])==null?void 0:Xe.props)==null?void 0:St.zIndex)!=null?Mt:90,pe=(Dt=F==null?void 0:F.width)!=null?Dt:xl,q=(bt=F==null?void 0:F.height)!=null?bt:Cl,[se,de]=ro(new Date().getTime());s=(k=(C=(u=e[l])==null?void 0:u.props)==null?void 0:C.offset)!=null?k:s;let Se=window.location.pathname.split("/").pop();hl(()=>{v.current&&A({width:v.current.clientWidth,height:v.current.clientHeight})},[l,I,G]),or(()=>{y||M(!0)},[l]);let V=()=>{let ne=document.querySelector(e[l].selector);if(!ne){O(void 0),b(null),P(`FrigadeTour: Could not find element with selector "${e[l].selector}" for step ${e[l].id}`);return}L&&L===JSON.stringify(ne==null?void 0:ne.getBoundingClientRect())||(b(ne),x(new Date),ne&&O(JSON.stringify(ne.getBoundingClientRect())))};if(or(()=>{let ne=new MutationObserver(V);return ne.observe(document.body,{subtree:!0,childList:!0}),()=>ne.disconnect()},[V]),or(()=>{let ne=new MutationObserver(V);return ne.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>ne.disconnect()},[V]),or(()=>{let ne=setInterval(()=>{V()},10);return()=>clearInterval(ne)},[V]),hl(()=>{setTimeout(()=>{V()},wc),V()},[l,Se]),h===null||!p)return null;let Y=i==="auto"?"right":i,ee=Hr(N,Y,pe,s,G),Ve=N.right+pe>(window.innerWidth||document.documentElement.clientWidth),Le=N.bottom+Cl>(window.innerHeight||document.documentElement.clientHeight);Ve&&i==="auto"&&(ee=Hr(N,"left",pe,s,G),Y="left"),(Fe=(z=e[l])==null?void 0:z.props)!=null&&Fe.tooltipPosition&&((wt=(ge=e[l])==null?void 0:ge.props)==null?void 0:wt.tooltipPosition)!=="auto"&&(((Qr=(vo=e[l])==null?void 0:vo.props)==null?void 0:Qr.tooltipPosition)==="left"||((Rr=(Zr=e[l])==null?void 0:Zr.props)==null?void 0:Rr.tooltipPosition)==="right")&&(Y=e[l].props.tooltipPosition);let X=()=>{let ne=()=>{if(e[l].handlePrimaryButtonClick&&(e[l].handlePrimaryButtonClick(),M(!1),setTimeout(()=>{V()},30)),S===e.length-1)return o()},mt=()=>{e[l].handleSecondaryButtonClick&&(e[l].handleSecondaryButtonClick(),y&&!e[l].secondaryButtonUri&&M(!1))};return K.createElement(K.Fragment,null,T&&e.length>1&&K.createElement(xi,null,K.createElement(yi,{className:a("tooltipStepCounter",c)},l+1," of ",e.length)),(e[l].primaryButtonTitle||e[l].secondaryButtonTitle)&&K.createElement(Ci,{showStepCount:T,className:a("tooltipCTAContainer",c)},e[l].secondaryButtonTitle&&K.createElement(oe,{title:e[l].secondaryButtonTitle,appearance:c,onClick:mt,size:"small",withMargin:!1,secondary:!0}),e[l].primaryButtonTitle&&K.createElement(oe,{title:e[l].primaryButtonTitle,appearance:c,onClick:ne,withMargin:!1,size:"small"})))},ue=()=>K.createElement(K.Fragment,null,f&&K.createElement(mi,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:a("tooltipClose",c),hasImage:!!e[l].imageUri||!!e[l].videoUri},K.createElement(Ee,null)),e[l].imageUri&&K.createElement(ui,{dismissible:f,appearance:c,src:e[l].imageUri,className:a("tooltipImageContainer",c)}),e[l].videoUri&&!e[l].imageUri&&K.createElement(fi,{dismissible:f,appearance:c,className:a("tooltipVideoContainer",c)},K.createElement(Re,{appearance:c,videoUri:e[l].videoUri})),K.createElement(hi,{className:a("tooltipContentContainer",c)},K.createElement(Ae,{appearance:c,title:e[l].title,subtitle:e[l].subtitle,size:"small"}),K.createElement(gi,{className:a("tooltipFooter",c)},K.createElement(X,null)))),
|
|
1455
|
+
`,vc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:l=0,customStepTypes:m,appearance:c,dismissible:f=!1,showHighlightOnly:y,showStepCount:T=!0,completedStepsCount:S=0,showFrigadeBranding:g=!1,cssPosition:E="absolute"})=>{var $e,Ge,Xe,St,Mt,Dt,bt,u,C,k,z,Fe,ge,wt,vo,Qr,Zr,Rr,ei;let{logErrorIfDebugMode:P}=gl(),[F,A]=ro(),[I,x]=ro(new Date),v=bc(null),[h,b]=ro(document.querySelector(e[l].selector)),N=fl(h,I),[L,O]=ro(),[j,M]=ro(!y),G=(Ge=($e=e[l])==null?void 0:$e.props)!=null&&Ge.position?e[l].props.position:E,le=(Mt=(St=(Xe=e[l])==null?void 0:Xe.props)==null?void 0:St.zIndex)!=null?Mt:90,pe=(Dt=F==null?void 0:F.width)!=null?Dt:xl,q=(bt=F==null?void 0:F.height)!=null?bt:Cl,[se,de]=ro(new Date().getTime());s=(k=(C=(u=e[l])==null?void 0:u.props)==null?void 0:C.offset)!=null?k:s;let Se=window.location.pathname.split("/").pop();hl(()=>{v.current&&A({width:v.current.clientWidth,height:v.current.clientHeight})},[l,I,G]),or(()=>{y||M(!0)},[l]);let V=()=>{let ne=document.querySelector(e[l].selector);if(!ne){O(void 0),b(null),P(`FrigadeTour: Could not find element with selector "${e[l].selector}" for step ${e[l].id}`);return}L&&L===JSON.stringify(ne==null?void 0:ne.getBoundingClientRect())||(b(ne),x(new Date),ne&&O(JSON.stringify(ne.getBoundingClientRect())))};if(or(()=>{let ne=new MutationObserver(V);return ne.observe(document.body,{subtree:!0,childList:!0}),()=>ne.disconnect()},[V]),or(()=>{let ne=new MutationObserver(V);return ne.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>ne.disconnect()},[V]),or(()=>{let ne=setInterval(()=>{V()},10);return()=>clearInterval(ne)},[V]),hl(()=>{setTimeout(()=>{V()},wc),V()},[l,Se]),h===null||!p)return null;let Y=i==="auto"?"right":i,ee=Hr(N,Y,pe,s,G),Ve=N.right+pe>(window.innerWidth||document.documentElement.clientWidth),Le=N.bottom+Cl>(window.innerHeight||document.documentElement.clientHeight);Ve&&i==="auto"&&(ee=Hr(N,"left",pe,s,G),Y="left"),(Fe=(z=e[l])==null?void 0:z.props)!=null&&Fe.tooltipPosition&&((wt=(ge=e[l])==null?void 0:ge.props)==null?void 0:wt.tooltipPosition)!=="auto"&&(((Qr=(vo=e[l])==null?void 0:vo.props)==null?void 0:Qr.tooltipPosition)==="left"||((Rr=(Zr=e[l])==null?void 0:Zr.props)==null?void 0:Rr.tooltipPosition)==="right")&&(Y=e[l].props.tooltipPosition);let X=()=>{let ne=()=>{if(e[l].handlePrimaryButtonClick&&(e[l].handlePrimaryButtonClick(),M(!1),setTimeout(()=>{V()},30)),S===e.length-1)return o()},mt=()=>{e[l].handleSecondaryButtonClick&&(e[l].handleSecondaryButtonClick(),y&&!e[l].secondaryButtonUri&&M(!1))};return K.createElement(K.Fragment,null,T&&e.length>1&&K.createElement(xi,null,K.createElement(yi,{className:a("tooltipStepCounter",c)},l+1," of ",e.length)),(e[l].primaryButtonTitle||e[l].secondaryButtonTitle)&&K.createElement(Ci,{showStepCount:T,className:a("tooltipCTAContainer",c)},e[l].secondaryButtonTitle&&K.createElement(oe,{title:e[l].secondaryButtonTitle,appearance:c,onClick:mt,size:"small",withMargin:!1,secondary:!0}),e[l].primaryButtonTitle&&K.createElement(oe,{title:e[l].primaryButtonTitle,appearance:c,onClick:ne,withMargin:!1,size:"small"})))},ue=()=>K.createElement(K.Fragment,null,f&&K.createElement(mi,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:a("tooltipClose",c),hasImage:!!e[l].imageUri||!!e[l].videoUri},K.createElement(Ee,null)),e[l].imageUri&&K.createElement(ui,{dismissible:f,appearance:c,src:e[l].imageUri,className:a("tooltipImageContainer",c)}),e[l].videoUri&&!e[l].imageUri&&K.createElement(fi,{dismissible:f,appearance:c,className:a("tooltipVideoContainer",c)},K.createElement(Re,{appearance:c,videoUri:e[l].videoUri})),K.createElement(hi,{className:a("tooltipContentContainer",c)},K.createElement(Ae,{appearance:c,title:e[l].title,subtitle:e[l].subtitle,size:"small"}),K.createElement(gi,{className:a("tooltipFooter",c)},K.createElement(X,null)))),Te=w(w({},{default:ne=>{var mt;if((mt=e[l])!=null&&mt.StepContent){let ra=e[l].StepContent;return K.createElement("div",null,ra)}return K.createElement(ue,null)}}),m),U=()=>{var ne;return e?!((ne=e[l])!=null&&ne.type)||!Te[e[l].type]?Te.default(e[l]):Te[e[l].type]({stepData:e[l],primaryColor:r}):K.createElement(K.Fragment,null)};if(e[l].complete===!0||ee.x==0&&ee.y==0&&new Date().getTime()-se<100)return null;let $={top:(ee==null?void 0:ee.y)-io,left:(ei=Y=="left"?N.x+s.x:(ee==null?void 0:ee.x)-io)!=null?ei:0,cursor:y?"pointer":"default",position:G},W=()=>{let mt=$.left+(Y=="left"?-pe:24);return Math.min(Math.max(mt,20),window.innerWidth-pe-20)},J=()=>{if(G==="fixed")return $.top;let ne=$.top+q,mt=20;return ne>window.innerHeight-mt?$.top+-q:$.top},fe=()=>{y&&(x(new Date),M(!j))};return K.createElement(kc,null,K.createElement(Pc,{style:$,zIndex:le,className:a("tourHighlightContainer",c)},n&&e[l].showHighlight!==!1&&E!=="static"&&K.createElement(K.Fragment,null,K.createElement(Fc,{style:{position:G},onClick:fe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightInnerCircle",c)}),K.createElement(Tc,{style:{position:"absolute"},onClick:fe,primaryColor:c.theme.colorPrimary,className:a("tourHighlightOuterCircle",c)}))),K.createElement(yl,{style:_(w({},$),{left:W(),top:J()}),zIndex:le+1,className:a("tooltipContainerWrapper",c)},j&&K.createElement(K.Fragment,null,K.createElement(Io,{ref:v,layoutId:"tooltip-container",style:w({position:"relative",width:"max-content",right:0,top:E!=="static"?12:0},d),appearance:c,className:a("tooltipContainer",c),maxWidth:xl,zIndex:le+10},K.createElement(U,null)),g&&K.createElement(bi,{className:a("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:le+10},K.createElement(No,{appearance:c})))))},jr=vc;import{Portal as Ac}from"react-portal";var Oc=S=>{var g=S,{flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:s,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:l=!1,dismissBehavior:m="complete-flow",onComplete:c,skipIfNotFound:f=!1,cssPosition:y="absolute"}=g,T=Ie(g,["flowId","customVariables","appearance","onStepCompletion","onButtonClick","showTooltipsSimultaneously","onDismiss","dismissible","tooltipPosition","showHighlightOnly","dismissBehavior","onComplete","skipIfNotFound","cssPosition"]);let{getFlow:E,getFlowSteps:P,isLoading:F,targetingLogicShouldHideFlow:A,markStepCompleted:I,markStepStarted:x,markFlowCompleted:v,updateCustomVariables:h,getCurrentStepIndex:b,getStepStatus:N,isStepBlocked:L,getFlowStatus:O,getNumberOfStepsCompleted:j}=R(),{isLoadingUserFlowStateData:M}=De(),{primaryCTAClickSideEffects:G,secondaryCTAClickSideEffects:le}=ae(),{hasOpenModals:pe}=Be(),q=b(e),{openFlowStates:se}=Bc(Q),{mergeAppearanceWithDefault:de}=te();if(o=de(o),Ec(()=>{h(t)},[t,F]),M)return null;let Se=E(e);if(!Se||A(Se)||O(e)==Z||pe())return null;let V=P(e);if(Object.keys(se).length>0){let U=Object.keys(se).find($=>se[$]===!0);if(U!==void 0&&U!==e)return Nt.createElement(Nt.Fragment,null)}function Y(U){return D(this,null,function*(){if(yield I(e,U.id),V.map($=>N(e,$.id)).every($=>$===Ke)){yield v(e);return}if(!l&&q+1<V.length&&!r){if(L(e,V[q+1].id))return;yield x(e,V[q+1].id)}})}function ee(U,$,W){let J=q+1<V.length?V[q+1]:null;n&&n(U,q,$,J),i&&i(U,W,J)}function Ve(){return V.map(U=>_(w({},U),{handleSecondaryButtonClick:()=>D(this,null,function*(){le(U),U.skippable===!0&&(yield I(e,U.id,{skipped:!0})),ee(U,"secondary",q)}),handlePrimaryButtonClick:()=>D(this,null,function*(){(!U.completionCriteria&&(U.autoMarkCompleted||U.autoMarkCompleted===void 0)||U.completionCriteria&&U.autoMarkCompleted===!0)&&(yield Y(U)),ee(U,"primary",q),G(U)})}))}function Le(U){return D(this,null,function*(){s&&s(),m==="complete-flow"?yield v(e):yield I(e,U.id)})}function X(){c&&c()}let ue=!document.querySelector(V[q].selector);function Oe(){let U=V.findIndex($=>!!document.querySelector($.selector));return V.map(($,W)=>ue&&!r&&W!==U&&f||!r&&W!==q?null:Nt.createElement(jr,w({key:$.id,appearance:o,steps:Ve(),selectedStep:W,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>Le($),tooltipPosition:d,showHighlightOnly:l,completedStepsCount:j(e),onComplete:X,cssPosition:y},T)))}function Te(){return Nt.createElement(Nt.Fragment,null,Nt.createElement(ie,{appearance:o}),Oe())}return y==="static"?Te():Nt.createElement(Ac,null,Te())};import _e,{useEffect as Ic,useRef as Nc,useState as Lc}from"react";import{Portal as $c}from"react-portal";import Lt from"styled-components";var Sl=Lt.button`
|
|
1456
1456
|
${e=>B(e)} {
|
|
1457
1457
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1458
1458
|
|
|
@@ -1576,7 +1576,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1576
1576
|
opacity: 0.8;
|
|
1577
1577
|
}
|
|
1578
1578
|
}
|
|
1579
|
-
`;var Uc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,dismissible:p})=>{let{getFlow:d,markFlowCompleted:l,markStepCompleted:m,isLoading:c,targetingLogicShouldHideFlow:f,updateCustomVariables:y,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:g}=R(),{primaryCTAClickSideEffects:E}=ae(),{mergeAppearanceWithDefault:P}=te();if(n=P(n),Dc(()=>{y(o)},[o,c]),c)return null;let F=d(e);if(!F||f(F)||S(e)===Z)return null;let I=T(e)[g(e)];return ot.createElement(ot.Fragment,null,ot.createElement(ie,{appearance:n}),ot.createElement(Ol,{appearance:n,className:
|
|
1579
|
+
`;var Uc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,dismissible:p})=>{let{getFlow:d,markFlowCompleted:l,markStepCompleted:m,isLoading:c,targetingLogicShouldHideFlow:f,updateCustomVariables:y,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:g}=R(),{primaryCTAClickSideEffects:E}=ae(),{mergeAppearanceWithDefault:P}=te();if(n=P(n),Dc(()=>{y(o)},[o,c]),c)return null;let F=d(e);if(!F||f(F)||S(e)===Z)return null;let I=T(e)[g(e)];return ot.createElement(ot.Fragment,null,ot.createElement(ie,{appearance:n}),ot.createElement(Ol,{appearance:n,className:be(a("embeddedTipContainer",n),r),style:s},(p===!0||I.dismissible)&&ot.createElement(Ll,{onClick:()=>D(void 0,null,function*(){yield l(e),t&&t()}),className:a("embeddedTipDismissButton",n)},ot.createElement(Ee,null)),ot.createElement(Il,null,ot.createElement(Ae,{size:"small",appearance:n,title:I.title,subtitle:I.subtitle})),I.primaryButtonTitle&&ot.createElement(Nl,{className:a("embeddedTipCallToActionContainer",n)},ot.createElement(oe,{classPrefix:"embeddedTip",title:I.primaryButtonTitle,appearance:n,withMargin:!1,size:"medium",type:"inline",onClick:()=>D(void 0,null,function*(){I.handlePrimaryButtonClick(),E(I),!(i&&i(I,g(e),"primary")===!1)&&(yield m(e,I.id),yield l(e))})}))))};import Pe,{useEffect as Wc}from"react";import no from"styled-components";var $l=no.div`
|
|
1580
1580
|
// use the :not annotation
|
|
1581
1581
|
${e=>B(e)} {
|
|
1582
1582
|
display: flex;
|
|
@@ -1628,12 +1628,13 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1628
1628
|
align-items: unset;
|
|
1629
1629
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1630
1630
|
position: ${e=>e.type=="modal"?"fixed":"relative"};
|
|
1631
|
-
|
|
1632
|
-
transform: translate(-50%);
|
|
1633
|
-
bottom: 24px;
|
|
1631
|
+
|
|
1634
1632
|
min-width: 550px;
|
|
1635
1633
|
|
|
1636
1634
|
${e=>e.type=="modal"?`
|
|
1635
|
+
left: 50%;
|
|
1636
|
+
transform: translate(-50%);
|
|
1637
|
+
bottom: 24px;
|
|
1637
1638
|
z-index: 1000;
|
|
1638
1639
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1639
1640
|
border-width: 1px;
|
|
@@ -1709,7 +1710,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1709
1710
|
opacity: 0.8;
|
|
1710
1711
|
}
|
|
1711
1712
|
}
|
|
1712
|
-
`;var jc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,type:p="modal"})=>{let{getFlow:d,markFlowCompleted:l,markStepCompleted:m,getNumberOfStepsCompleted:c,isLoading:f,targetingLogicShouldHideFlow:y,updateCustomVariables:T,getFlowSteps:S,getFlowStatus:g,getFlowMetadata:E}=R(),{primaryCTAClickSideEffects:P}=ae(),{mergeAppearanceWithDefault:F}=te(),[A,I]=re.useState(null),[x,v]=re.useState(""),h=E(e),{hasOpenModals:b,setKeepCompletedFlowOpenDuringSession:N,shouldKeepCompletedFlowOpenDuringSession:L}=Be();if(n=F(n),_c(()=>{T(o)},[o,f]),f)return null;let O=d(e);if(!O||y(O)||g(e)===Z||c(e)===1&&!L(e)||b())return null;let M=S(e)[c(e)];function G(){var q,se;return re.createElement(re.Fragment,null,re.createElement(Xr,null,re.createElement(Ae,{size:"large",appearance:n,title:M.title,subtitle:M.subtitle})),re.createElement(qr,{className:a("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(de=>re.createElement(_l,{className:a("npsNumberButton",n),selected:A===de+1,key:de,onClick:()=>D(this,null,function*(){N(e),I(de+1),yield m(e,M.id,{score:de+1})}),appearance:n},de+1))),re.createElement(Hl,{appearance:n},re.createElement(Yr,{appearance:n},(q=h==null?void 0:h.negativeLabel)!=null?q:"Not likely at all"),re.createElement(Yr,{appearance:n},(se=h==null?void 0:h.positiveLabel)!=null?se:"Extremely likely")))}function le(){var q;return re.createElement(re.Fragment,null,re.createElement(Xr,null,re.createElement(Ae,{appearance:n,title:(q=M.title)!=null?q:"Why did you choose this score?",size:"large"})),re.createElement(jl,{appearance:n,value:x,onChange:se=>{v(se.target.value)},placeHolder:"Add your optional fedback here..."}),re.createElement(qr,{appearance:n,className:a("npsNumberButtonContainer",n)},re.createElement(oe,{size:"large",withMargin:!1,onClick:()=>D(this,null,function*(){yield l(e),i&&i(M,1,"primary")}),appearance:n,title:M.secondaryButtonTitle||"Skip",secondary:!0}),re.createElement(oe,{size:"large",withMargin:!1,onClick:()=>D(this,null,function*(){yield m(e,M.id,{feedbackText:x}),yield l(e),i&&i(M,1,"primary")}),appearance:n,title:M.primaryButtonTitle||"Submit"})))}function pe(){return c(e)>=2?null:re.createElement(re.Fragment,null,re.createElement(ie,{appearance:n}),re.createElement(zl,{appearance:n,className:
|
|
1713
|
+
`;var jc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,type:p="modal"})=>{let{getFlow:d,markFlowCompleted:l,markStepCompleted:m,getNumberOfStepsCompleted:c,isLoading:f,targetingLogicShouldHideFlow:y,updateCustomVariables:T,getFlowSteps:S,getFlowStatus:g,getFlowMetadata:E}=R(),{primaryCTAClickSideEffects:P}=ae(),{mergeAppearanceWithDefault:F}=te(),[A,I]=re.useState(null),[x,v]=re.useState(""),h=E(e),{hasOpenModals:b,setKeepCompletedFlowOpenDuringSession:N,shouldKeepCompletedFlowOpenDuringSession:L}=Be();if(n=F(n),_c(()=>{T(o)},[o,f]),f)return null;let O=d(e);if(!O||y(O)||g(e)===Z||c(e)===1&&!L(e)||b())return null;let M=S(e)[c(e)];function G(){var q,se;return re.createElement(re.Fragment,null,re.createElement(Xr,null,re.createElement(Ae,{size:"large",appearance:n,title:M.title,subtitle:M.subtitle})),re.createElement(qr,{className:a("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(de=>re.createElement(_l,{className:a("npsNumberButton",n),selected:A===de+1,key:de,onClick:()=>D(this,null,function*(){N(e),I(de+1),yield m(e,M.id,{score:de+1})}),appearance:n},de+1))),re.createElement(Hl,{appearance:n},re.createElement(Yr,{appearance:n},(q=h==null?void 0:h.negativeLabel)!=null?q:"Not likely at all"),re.createElement(Yr,{appearance:n},(se=h==null?void 0:h.positiveLabel)!=null?se:"Extremely likely")))}function le(){var q;return re.createElement(re.Fragment,null,re.createElement(Xr,null,re.createElement(Ae,{appearance:n,title:(q=M.title)!=null?q:"Why did you choose this score?",size:"large"})),re.createElement(jl,{appearance:n,value:x,onChange:se=>{v(se.target.value)},placeHolder:"Add your optional fedback here..."}),re.createElement(qr,{appearance:n,className:a("npsNumberButtonContainer",n)},re.createElement(oe,{size:"large",withMargin:!1,onClick:()=>D(this,null,function*(){yield l(e),i&&i(M,1,"primary")}),appearance:n,title:M.secondaryButtonTitle||"Skip",secondary:!0}),re.createElement(oe,{size:"large",withMargin:!1,onClick:()=>D(this,null,function*(){yield m(e,M.id,{feedbackText:x}),yield l(e),i&&i(M,1,"primary")}),appearance:n,title:M.primaryButtonTitle||"Submit"})))}function pe(){return c(e)>=2?null:re.createElement(re.Fragment,null,re.createElement(ie,{appearance:n}),re.createElement(zl,{appearance:n,className:be(a("npsSurveyContainer",n),r),style:s,type:p},re.createElement(Vl,{onClick:()=>D(this,null,function*(){yield l(e),t&&t()}),className:a("npsSurveyDismissButton",n)},re.createElement(Ee,null)),c(e)==0&&G(),c(e)==1&&le()))}return p==="inline"?pe():re.createElement(Hc,null,pe())};import ve,{useEffect as Kc}from"react";import $t from"styled-components";var Gl=$t.div`
|
|
1713
1714
|
${e=>B(e)} {
|
|
1714
1715
|
display: flex;
|
|
1715
1716
|
flex-direction: column;
|
|
@@ -1776,5 +1777,5 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${po}${t}.${po}${t} { ${Object.entries(o).map
|
|
|
1776
1777
|
height: 100%;
|
|
1777
1778
|
min-height: 200px;
|
|
1778
1779
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1779
|
-
`;function Rl({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?Zl.createElement(Re,{appearance:t,videoUri:e.videoUri}):e.imageUri?Zl.createElement(Gc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var qc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,dismissible:p=!0,modalPosition:d="center"})=>{let{getFlow:l,markFlowCompleted:m,markStepCompleted:c,isLoading:f,targetingLogicShouldHideFlow:y,updateCustomVariables:T,getFlowSteps:S,getFlowStatus:g,getCurrentStepIndex:E}=R(),{primaryCTAClickSideEffects:P,secondaryCTAClickSideEffects:F}=ae(),{mergeAppearanceWithDefault:A}=te(),{setOpenFlowState:I,getOpenFlowState:x,hasOpenModals:v}=Be(),[h,b]=[x(e,!0),le=>I(e,le)];if(n=A(n),Kc(()=>{T(o)},[o,f]),f)return null;let N=l(e);if(!N||y(N)||g(e)===Z||v())return null;let O=S(e)[E(e)],j=()=>{b(!1),t&&t(),m(e)};function M(){return ve.createElement(ve.Fragment,null,ve.createElement(ie,{appearance:n}),ve.createElement(Gl,{appearance:n,className:
|
|
1780
|
+
`;function Rl({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?Zl.createElement(Re,{appearance:t,videoUri:e.videoUri}):e.imageUri?Zl.createElement(Gc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var qc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,dismissible:p=!0,modalPosition:d="center"})=>{let{getFlow:l,markFlowCompleted:m,markStepCompleted:c,isLoading:f,targetingLogicShouldHideFlow:y,updateCustomVariables:T,getFlowSteps:S,getFlowStatus:g,getCurrentStepIndex:E}=R(),{primaryCTAClickSideEffects:P,secondaryCTAClickSideEffects:F}=ae(),{mergeAppearanceWithDefault:A}=te(),{setOpenFlowState:I,getOpenFlowState:x,hasOpenModals:v}=Be(),[h,b]=[x(e,!0),le=>I(e,le)];if(n=A(n),Kc(()=>{T(o)},[o,f]),f)return null;let N=l(e);if(!N||y(N)||g(e)===Z||v())return null;let O=S(e)[E(e)],j=()=>{b(!1),t&&t(),m(e)};function M(){return ve.createElement(ve.Fragment,null,ve.createElement(ie,{appearance:n}),ve.createElement(Gl,{appearance:n,className:be(a("announcementContainer",n),r),style:s},(p===!0||O.dismissible)&&d=="inline"&&ve.createElement(Xl,{onClick:()=>D(this,null,function*(){yield m(e),t&&t()}),className:a("announcementDismissButton",n)},ve.createElement(Ee,null)),ve.createElement(Kl,null,ve.createElement(Jl,{appearance:n,className:a("announcementTitle",n),dangerouslySetInnerHTML:ce(O.title)}),O.subtitle&&ve.createElement(Ql,{appearance:n,className:a("announcementSubtitle",n),dangerouslySetInnerHTML:ce(O.subtitle)})),(O.imageUri||O.videoUri)&&ve.createElement(Yl,{className:a("announcementMediaContainer",n)},ve.createElement(Rl,{appearance:n,stepData:O})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&ve.createElement(ql,{className:a("announcementCTAContainer",n)},O.secondaryButtonTitle&&ve.createElement(oe,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>D(this,null,function*(){O.handleSecondaryButtonClick(),F(O),i&&i(O,E(e),"secondary")}),secondary:!0}),O.primaryButtonTitle&&ve.createElement(oe,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>D(this,null,function*(){O.handlePrimaryButtonClick(),P(O),!(i&&i(O,E(e),"primary")===!1)&&(yield c(e,O.id),yield m(e))})}))))}let G={padding:"24px",maxWidth:"400px"};return d==="inline"?M():d!=="center"?ve.createElement(Mo,{modalPosition:d,onClose:j,visible:h,dismissible:p,appearance:n},M()):ve.createElement(Qe,{appearance:n,onClose:j,visible:h,style:G,dismissible:p},M())};import*as ir from"react";import ea from"react";var ta=n=>{var r=n,{as:e="span",children:t,variant:o="Body1"}=r,i=Ie(r,["as","children","variant"]);return ea.createElement(Tn,w({color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o},i),t)},Yc=Object.fromEntries(Object.keys(Ko).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>ea.createElement(ta,_(w({as:t},i),{variant:e}),i.children);return o.displayName=`Text.${e}`,[e,o]})),Jr=Object.assign(ta,Yc);var oa=s=>{var p=s,{as:e="button",className:t,size:o="md",title:i,variant:n="Primary"}=p,r=Ie(p,["as","className","size","title","variant"]);var d;return ir.createElement(wn,w({className:`fr-button-${n.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:n,size:o,borderRadius:"md"},r),ir.createElement(Jr,{color:(d=bo[n])==null?void 0:d.color,fontWeight:"semibold"},i))},Xc=Object.fromEntries(Object.keys(bo).map(e=>{let t=o=>ir.createElement(oa,_(w({},o),{variant:e}));return t.displayName=`Button.${e}`,[e,t]})),Jc=Object.assign(oa,Xc);export{So as Box,Jc as Button,nt as CheckBox,ar as FlowType,ft as FormLabel,Sr as FormTextField,qc as FrigadeAnnouncement,zc as FrigadeBanner,_r as FrigadeChecklist,it as FrigadeDefaultAppearance,Uc as FrigadeEmbeddedTip,fn as FrigadeForm,gc as FrigadeGuide,cc as FrigadeHeroChecklist,jc as FrigadeNPSSurvey,uc as FrigadeProgressBadge,wd as FrigadeProvider,Mc as FrigadeSupportWidget,Oc as FrigadeTour,We as ProgressBar,jt as ProgressRing,Jr as Text,Ir as tokens,Be as useFlowOpens,lo as useFlowResponses,R as useFlows,Or as useOrganization,ao as useUser,De as useUserFlowStates};
|
|
1780
1781
|
//# sourceMappingURL=index.mjs.map
|