@frigade/react 1.35.5 → 1.35.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +4 -4
- package/lib/index.js +304 -285
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +300 -281
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import{ThemeProvider as Up}from"styled-components";import St,{useContext as mp,useEffect as Oo,useState as ur}from"react";import{useCallback as xt,useContext as Ul,useEffect as zl}from"react";import qo,{useMemo as Dr}from"react";var Lr="1.35.5 ";var Oe="NOT_STARTED_STEP",q="COMPLETED_FLOW",go="ABORTED_FLOW",gt="STARTED_FLOW",Me="NOT_STARTED_FLOW",Ue="COMPLETED_STEP",xo="STARTED_STEP";function We(){let{publicApiKey:e,userId:t,apiUrl:o}=qo.useContext(K);return{config:Dr(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Lr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:Dr(()=>`${o}/v1/public/`,[o])}}var Pl="frigade-last-call-at-",vl="frigade-last-call-data-";function Et(){let{shouldGracefullyDegrade:e,readonly:t}=qo.useContext(K);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Bt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Bt();let r=Pl+o,n=vl+o;if(window&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(r),c=window.localStorage.getItem(n);if(p&&c&&c==i.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return Bt()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return Bt(p)}return s?s.ok?s:Bt(s.statusText):Bt()}}function Bt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function At(){let{publicApiKey:e,shouldGracefullyDegrade:t}=qo.useContext(K);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as Dl,useState as $r}from"react";import{useContext as El,useEffect as Al,useState as Nl}from"react";import Il from"swr";import{useContext as Bl}from"react";function Te(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=Bl(K);function n(d,x=!1){return e[d]??x}function s(d,x){t(S=>({...S,[d]:x}))}function p(d){t(x=>{let{[d]:S,...w}=x;return{...w}})}function c(d){r.includes(d)||i(x=>[...x,d])}function a(d){return r.includes(d)}function g(d){return Object.entries(e).some(([x,S])=>S&&x!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:g,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}import Ol from"swr/immutable";var Ll="unknown";function Ee(){let{config:e,apiUrl:t}=We(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=El(K),{resetOpenFlowState:c}=Te(),[a,g]=Nl(!1),d={data:n.map(T=>({flowId:T.id,flowState:q,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},x=T=>fetch(T,e).then(F=>{if(F.ok)return F.json();throw new Error("Failed to fetch user flow states")}).catch(F=>(console.log(`Error fetching ${T}: ${F}. Will gracefully degrade and hide Frigade`),s(!0),d)),S=o&&n&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${r?`&foreignUserGroupId=${encodeURIComponent(r)}`:""}`:null,{data:w,isLoading:P,mutate:f,error:E}=p?Ol(S,x):Il(S,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),b=w==null?void 0:w.data;Al(()=>{!a&&!P&&b&&g(!0)},[b,a,P]);async function y(T){if(b&&!p){let F=b.find(O=>O.flowId===T);F&&F.flowState!==q&&(F.flowState=q),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function A(T,F,O){if(b){let N=b.find(I=>I.flowId===T);N&&(N.stepStates[F]=O,N.flowState=gt),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function h(T,F,O){if(b){let N=b.find(I=>I.flowId===T);N&&(N.lastStepId=F,N.stepStates[F]=O,N.flowState=gt),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function m(T){if(b){let F=b.find(O=>O.flowId===T);F&&F.flowState!==Me&&(F.flowState=Me,F.lastStepId=Ll,Object.keys(F.stepStates).forEach(O=>{F.stepStates[O].actionType=Oe,F.stepStates[O].createdAt=new Date().toISOString()}),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1}),c(T))}}async function B(T,F){if(b){let O=b.find(N=>N.flowId===T);O&&O.stepStates[F]!==Oe&&(O.stepStates[F]=Oe),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:b,isLoadingUserFlowStateData:!a,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:h,error:E}}function qt(){let{config:e,apiUrl:t}=We(),{userFlowStatesData:o,mutateUserFlowState:i}=Ee(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=Dl(K),[c,a]=$r(new Set),[g,d]=$r(new Set),x=Et();function S(f){let E=JSON.stringify(f);if(c.has(E))return null;c.add(E),a(c),g.add(f),d(g);let b=s==null?void 0:s.find(y=>y.flowSlug===f.flowSlug&&y.stepId===f.stepId&&y.actionType===f.actionType&&y.createdAt===f.createdAt);return x(`${t}flowResponses`,{...e,method:"POST",body:E}).then(y=>{y.status!==200&&y.status!==201?(console.log("Failed to send flow response for step "+f.stepId+". Will retry again later."),n([...r,f])):b||p(A=>[...A??[],f])})}async function w(f){f.foreignUserId&&(f.actionType===gt||f.actionType===Me?await S(f):f.actionType===q?await S(f):f.actionType===xo?await S(f):f.actionType===Ue?await S(f):f.actionType===go?await S(f):f.actionType===Oe&&await S(f))}function P(){let f=[];return o==null||o.forEach(E=>{if(E&&E.stepStates&&Object.keys(E.stepStates).length!==0)for(let b in E.stepStates){let y=E.stepStates[b];f.push({foreignUserId:E.foreignUserId,flowSlug:E.flowId,stepId:y.stepId,actionType:y.actionType,data:{},createdAt:new Date(y.createdAt),blocked:y.blocked,hidden:y.hidden})}}),[...f,...s]}return{addResponse:w,setFlowResponses:p,getFlowResponses:P}}import _l from"swr";var $l=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Mr=e=>{let t=$l.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=Ml(i,"'","");n.startsWith("flow_")&&(o=n)}),o},Ml=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Y(){let{config:e,apiUrl:t}=We(),{flows:o,setFlows:i,userId:r,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:g,setShouldGracefullyDegrade:d,readonly:x}=Ul(K),S={data:[]},{verifySDKInitiated:w}=At(),{addResponse:P,getFlowResponses:f}=qt(),E=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),S)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),d(!0),S)),{mutateUserFlowState:b,userFlowStatesData:y,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:B,optimisticallyMarkStepNotStarted:T,optimisticallyMarkStepStarted:F}=Ee(),{data:O,error:N,isLoading:I}=_l(n?`${t}flows${x?"?readonly=true":""}`:null,E,{keepPreviousData:!0});zl(()=>{if(N){console.error(N);return}O&&O.data&&i(O.data)},[O,N]);function $(u){if(I)return null;let C=o.find(v=>v.slug===u);return!C&&o.length>0&&!A&&!I?(console.log(`Flow with slug ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function D(u){var _;if(!$(u))return[];let C=$(u).data;return C?(C=ee(C),(((_=JSON.parse(C))==null?void 0:_.data)??[]).map(ye=>{let Or=se(ye);return{handleSecondaryButtonClick:()=>{ye.skippable===!0&&H(u,ye.id,{skipped:!0})},...ye,complete:ge(u,ye.id)===Ue||Or>=1,blocked:re(u,ye.id),hidden:L(u,ye.id),handlePrimaryButtonClick:()=>{(!ye.completionCriteria&&(ye.autoMarkCompleted||ye.autoMarkCompleted===void 0)||ye.completionCriteria&&ye.autoMarkCompleted===!0)&&H(u,ye.id)},progress:Or}}).filter(ye=>ye.hidden!==!0)):[]}function ee(u){return u.replaceAll(/\${(.*?)}/g,(C,v)=>s[v]===void 0?"":String(s[v]).replace(/[\u00A0-\u9999<>\&]/g,function(_){return"&#"+_.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 M(u){if(!$(u))return[];let C=$(u).data;return C?(C=ee(C),JSON.parse(C)??{}):[]}function te(u,C){p(v=>({...v,[u]:C}))}function fe(u){!A&&!I&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{te(C,u[C])})}let X=xt(async(u,C,v)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:xo,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};J(_)&&(await F(u,C,_),P(_))},[r,y]),W=xt(async(u,C,v)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:Oe,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};J(_)&&(await T(u,C),P(_))},[r,y]),H=xt(async(u,C,v)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:Ue,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};J(_)&&(await B(u,C,_),P(_))},[r,y]),Ce=xt(async(u,C)=>{if(!w()||pe(u)===Me)return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Me,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),J(v)&&P(v)},[r,y]),Ie=xt(async(u,C)=>{if(!w())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:gt,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};J(v)&&P(v)},[r,y]),we=xt(async(u,C)=>{if(!w())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:q,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};J(v)&&(await h(u),P(v))},[r,y]),me=xt(async(u,C)=>{if(!w())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:go,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};J(v)&&(await h(u),P(v))},[r,y]);function J(u){var C;if(!y&&u.actionType===Oe)return!1;if(y){let v=y.find(_=>_.flowId===u.flowSlug);if(u.actionType===Oe&&(!(v!=null&&v.stepStates[u.stepId])||v.stepStates[u.stepId].actionType===Oe)||v&&((C=v.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||v&&v.flowState===q&&u.actionType===q)return!1}return!0}function ge(u,C){let v=j(u,C);return A?null:v?v.actionType:Oe}function re(u,C){let v=j(u,C);return v?v.blocked:!1}function L(u,C){let v=j(u,C);return v?v.hidden:!1}function j(u,C){if(A)return null;let v=y==null?void 0:y.find(_=>_.flowId===u);return!v||!v.stepStates[C]?null:v.stepStates[C]??null}function V(u){var v;if(A||!y)return null;if(pe(u)===Me)return D(u)[0]??null;let C=(v=y.find(_=>_.flowId===u))==null?void 0:v.lastStepId;return C?D(u).find(_=>_.id===C):null}function ne(u){let C=V(u);if(!C)return 0;let v=D(u).findIndex(_=>_.id===C.id)??0;return ge(u,C.id)===Ue&&v<D(u).length-1?v+1:v}function se(u){if(!u.completionCriteria)return;let C=Mr(u.completionCriteria);if(C===null)return;let v=Ye(C),_=$e(C);return _===0?void 0:v/_}function pe(u){let C=y==null?void 0:y.find(v=>v.flowId===u);return C?C.flowState:null}function Ye(u){let C=D(u);return C.length===0?0:C.filter(_=>ge(u,_.id)===Ue).length}function $e(u){return D(u).length}function G(u){let C=o.find(v=>v.slug===u);return C?JSON.parse(C.data):null}function Be(u){if(x)return!1;if(A)return!0;if(u!=null&&u.targetingLogic&&y){let C=y.find(v=>v.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function Kt(u){return!Be($(u))}function fo(){r&&b()}return{getFlow:$,getFlowData:G,isLoading:A||I,getStepStatus:ge,getFlowSteps:D,getCurrentStepIndex:ne,markStepStarted:X,markStepCompleted:H,markFlowNotStarted:Ce,markFlowStarted:Ie,markFlowCompleted:we,markFlowAborted:me,markStepNotStarted:W,getFlowStatus:pe,getNumberOfStepsCompleted:Ye,getNumberOfSteps:$e,targetingLogicShouldHideFlow:Be,setCustomVariable:te,updateCustomVariables:fe,customVariables:s,getStepOptionalProgress:se,getFlowMetadata:M,isStepBlocked:re,isStepHidden:L,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:Kt,refresh:fo}}import{useCallback as Ur,useContext as Wl,useEffect as Hl}from"react";var Nt="guest_";function Yt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=Wl(K),{config:n,apiUrl:s}=We(),{mutateUserFlowState:p}=Ee(),c=Et(),{verifySDKInitiated:a}=At();Hl(()=>{if(e&&!t){if(e.startsWith(Nt))return;let x=`frigade-user-registered-${e}`;localStorage.getItem(x)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(x,"true"))}},[e,r,t]);let g=Ur(async x=>{if(!a())return;let S={foreignId:e,properties:x};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(S)}),i(w=>({...w,...x})),p()},[e,n,r,p]),d=Ur(async(x,S)=>{if(!a())return;let P={foreignId:e,events:[{event:x,properties:S}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(P)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:g,trackEventForUser:d}}import{v4 as up}from"uuid";import Ge,{useEffect as ap,useState as pp}from"react";import ze,{useEffect as Xl}from"react";import yo from"styled-components";import jl from"react";import Vl from"styled-components";var zr="fr-",Xt="cfr-";function l(e,t){let o=`${zr}${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+" "+Xt+e}return o}function k(e){if(!e.className||e.className.indexOf(Xt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(zr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Yo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Xe(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Yo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function xe(...e){return e.filter(Boolean).join(" ")}function Jt(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Gl=Vl.div`
|
|
2
|
+
import bt,{createContext as Wp,useEffect as Do,useState as Le}from"react";import{ThemeProvider as _p}from"styled-components";import St,{useContext as gp,useEffect as Oo,useState as ur}from"react";import{useCallback as xt,useContext as zl,useEffect as Wl}from"react";import qo,{useMemo as Dr}from"react";var Lr="1.35.7 ";var Oe="NOT_STARTED_STEP",q="COMPLETED_FLOW",go="ABORTED_FLOW",gt="STARTED_FLOW",Me="NOT_STARTED_FLOW",Ue="COMPLETED_STEP",xo="STARTED_STEP";function _e(){let{publicApiKey:e,userId:t,apiUrl:o}=qo.useContext(K);return{config:Dr(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Lr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:Dr(()=>`${o}/v1/public/`,[o])}}var vl="frigade-last-call-at-",Bl="frigade-last-call-data-";function Et(){let{shouldGracefullyDegrade:e,readonly:t}=qo.useContext(K);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Bt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Bt();let r=vl+o,n=Bl+o;if(window&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(r),c=window.localStorage.getItem(n);if(p&&c&&c==i.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return Bt()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return Bt(p)}return s?s.ok?s:Bt(s.statusText):Bt()}}function Bt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function At(){let{publicApiKey:e,shouldGracefullyDegrade:t}=qo.useContext(K);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as $l,useState as $r}from"react";import{useContext as Al,useEffect as Nl,useState as Il}from"react";import Ol from"swr";import{useContext as El}from"react";function Te(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=El(K);function n(d,x=!1){return e[d]??x}function s(d,x){t(b=>({...b,[d]:x}))}function p(d){t(x=>{let{[d]:b,...w}=x;return{...w}})}function c(d){r.includes(d)||i(x=>[...x,d])}function a(d){return r.includes(d)}function g(d){return Object.entries(e).some(([x,b])=>b&&x!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:g,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}import Ll from"swr/immutable";var Dl="unknown";function Ee(){let{config:e,apiUrl:t}=_e(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=Al(K),{resetOpenFlowState:c}=Te(),[a,g]=Il(!1),d={data:n.map(F=>({flowId:F.id,flowState:q,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},x=F=>fetch(F,e).then(k=>{if(k.ok)return k.json();throw new Error("Failed to fetch user flow states")}).catch(k=>(console.log(`Error fetching ${F}: ${k}. Will gracefully degrade and hide Frigade`),s(!0),d)),b=o&&n&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${r?`&foreignUserGroupId=${encodeURIComponent(r)}`:""}`:null,{data:w,isLoading:P,mutate:f,error:E}=p?Ll(b,x):Ol(b,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),S=w==null?void 0:w.data;Nl(()=>{!a&&!P&&S&&g(!0)},[S,a,P]);async function y(F){if(S&&!p){let k=S.find(O=>O.flowId===F);k&&k.flowState!==q&&(k.flowState=q),await f(Promise.resolve({...w,data:S}),{optimisticData:{...w,data:S},revalidate:!1,rollbackOnError:!1})}}async function A(F,k,O){if(S){let N=S.find(I=>I.flowId===F);N&&(N.stepStates[k]=O,N.flowState=gt),await f(Promise.resolve({...w,data:S}),{optimisticData:{...w,data:S},revalidate:!1,rollbackOnError:!1})}}async function h(F,k,O){if(S){let N=S.find(I=>I.flowId===F);N&&(N.lastStepId=k,N.stepStates[k]=O,N.flowState=gt),await f({...w,data:S},{optimisticData:{...w,data:S},revalidate:!1,rollbackOnError:!1})}}async function m(F){if(S){let k=S.find(O=>O.flowId===F);k&&k.flowState!==Me&&(k.flowState=Me,k.lastStepId=Dl,Object.keys(k.stepStates).forEach(O=>{k.stepStates[O].actionType=Oe,k.stepStates[O].createdAt=new Date().toISOString()}),await f({...w,data:S},{optimisticData:{...w,data:S},revalidate:!1,rollbackOnError:!1}),c(F))}}async function B(F,k){if(S){let O=S.find(N=>N.flowId===F);O&&O.stepStates[k]!==Oe&&(O.stepStates[k]=Oe),await f({...w,data:S},{optimisticData:{...w,data:S},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:S,isLoadingUserFlowStateData:!a,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:h,error:E}}function qt(){let{config:e,apiUrl:t}=_e(),{userFlowStatesData:o,mutateUserFlowState:i}=Ee(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=$l(K),[c,a]=$r(new Set),[g,d]=$r(new Set),x=Et();function b(f){let E=JSON.stringify(f);if(c.has(E))return null;c.add(E),a(c),g.add(f),d(g);let S=s==null?void 0:s.find(y=>y.flowSlug===f.flowSlug&&y.stepId===f.stepId&&y.actionType===f.actionType&&y.createdAt===f.createdAt);return x(`${t}flowResponses`,{...e,method:"POST",body:E}).then(y=>{y.status!==200&&y.status!==201?(console.log("Failed to send flow response for step "+f.stepId+". Will retry again later."),n([...r,f])):S||p(A=>[...A??[],f])})}async function w(f){f.foreignUserId&&(f.actionType===gt||f.actionType===Me?await b(f):f.actionType===q?await b(f):f.actionType===xo?await b(f):f.actionType===Ue?await b(f):f.actionType===go?await b(f):f.actionType===Oe&&await b(f))}function P(){let f=[];return o==null||o.forEach(E=>{if(E&&E.stepStates&&Object.keys(E.stepStates).length!==0)for(let S in E.stepStates){let y=E.stepStates[S];f.push({foreignUserId:E.foreignUserId,flowSlug:E.flowId,stepId:y.stepId,actionType:y.actionType,data:{},createdAt:new Date(y.createdAt),blocked:y.blocked,hidden:y.hidden})}}),[...f,...s]}return{addResponse:w,setFlowResponses:p,getFlowResponses:P}}import _l from"swr";var Ml=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Mr=e=>{let t=Ml.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=Ul(i,"'","");n.startsWith("flow_")&&(o=n)}),o},Ul=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Y(){let{config:e,apiUrl:t}=_e(),{flows:o,setFlows:i,userId:r,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:g,setShouldGracefullyDegrade:d,readonly:x}=zl(K),b={data:[]},{verifySDKInitiated:w}=At(),{addResponse:P,getFlowResponses:f}=qt(),E=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),b)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),d(!0),b)),{mutateUserFlowState:S,userFlowStatesData:y,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:B,optimisticallyMarkStepNotStarted:F,optimisticallyMarkStepStarted:k}=Ee(),{data:O,error:N,isLoading:I}=_l(n?`${t}flows${x?"?readonly=true":""}`:null,E,{keepPreviousData:!0});Wl(()=>{if(N){console.error(N);return}O&&O.data&&i(O.data)},[O,N]);function $(u){if(I)return null;let C=o.find(v=>v.slug===u);return!C&&o.length>0&&!A&&!I?(console.log(`Flow with slug ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function D(u){var W;if(!$(u))return[];let C=$(u).data;return C?(C=ee(C),(((W=JSON.parse(C))==null?void 0:W.data)??[]).map(ye=>{let Or=se(ye);return{handleSecondaryButtonClick:()=>{ye.skippable===!0&&H(u,ye.id,{skipped:!0})},...ye,complete:ge(u,ye.id)===Ue||Or>=1,blocked:re(u,ye.id),hidden:L(u,ye.id),handlePrimaryButtonClick:()=>{(!ye.completionCriteria&&(ye.autoMarkCompleted||ye.autoMarkCompleted===void 0)||ye.completionCriteria&&ye.autoMarkCompleted===!0)&&H(u,ye.id)},progress:Or}}).filter(ye=>ye.hidden!==!0)):[]}function ee(u){return u.replaceAll(/\${(.*?)}/g,(C,v)=>s[v]===void 0?"":String(s[v]).replace(/[\u00A0-\u9999<>\&]/g,function(W){return"&#"+W.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function M(u){if(!$(u))return[];let C=$(u).data;return C?(C=ee(C),JSON.parse(C)??{}):[]}function te(u,C){p(v=>({...v,[u]:C}))}function fe(u){!A&&!I&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{te(C,u[C])})}let X=xt(async(u,C,v)=>{if(!w())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:xo,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};J(W)&&(await k(u,C,W),P(W))},[r,y]),_=xt(async(u,C,v)=>{if(!w())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:Oe,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};J(W)&&(await F(u,C),P(W))},[r,y]),H=xt(async(u,C,v)=>{if(!w())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:Ue,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};J(W)&&(await B(u,C,W),P(W))},[r,y]),Ce=xt(async(u,C)=>{if(!w()||pe(u)===Me)return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Me,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),J(v)&&P(v)},[r,y]),Ie=xt(async(u,C)=>{if(!w())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:gt,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};J(v)&&P(v)},[r,y]),we=xt(async(u,C)=>{if(!w())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:q,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};J(v)&&(await h(u),P(v))},[r,y]),me=xt(async(u,C)=>{if(!w())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:go,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};J(v)&&(await h(u),P(v))},[r,y]);function J(u){var C;if(!y&&u.actionType===Oe)return!1;if(y){let v=y.find(W=>W.flowId===u.flowSlug);if(u.actionType===Oe&&(!(v!=null&&v.stepStates[u.stepId])||v.stepStates[u.stepId].actionType===Oe)||v&&((C=v.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||v&&v.flowState===q&&u.actionType===q)return!1}return!0}function ge(u,C){let v=j(u,C);return A?null:v?v.actionType:Oe}function re(u,C){let v=j(u,C);return v?v.blocked:!1}function L(u,C){let v=j(u,C);return v?v.hidden:!1}function j(u,C){if(A)return null;let v=y==null?void 0:y.find(W=>W.flowId===u);return!v||!v.stepStates[C]?null:v.stepStates[C]??null}function V(u){var v;if(A||!y)return null;if(pe(u)===Me)return D(u)[0]??null;let C=(v=y.find(W=>W.flowId===u))==null?void 0:v.lastStepId;return C?D(u).find(W=>W.id===C):null}function ne(u){let C=V(u);if(!C)return 0;let v=D(u).findIndex(W=>W.id===C.id)??0;return ge(u,C.id)===Ue&&v<D(u).length-1?v+1:v}function se(u){if(!u.completionCriteria)return;let C=Mr(u.completionCriteria);if(C===null)return;let v=Ye(C),W=$e(C);return W===0?void 0:v/W}function pe(u){let C=y==null?void 0:y.find(v=>v.flowId===u);return C?C.flowState:null}function Ye(u){let C=D(u);return C.length===0?0:C.filter(W=>ge(u,W.id)===Ue).length}function $e(u){return D(u).length}function G(u){let C=o.find(v=>v.slug===u);return C?JSON.parse(C.data):null}function Be(u){if(x)return!1;if(A)return!0;if(u!=null&&u.targetingLogic&&y){let C=y.find(v=>v.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function Kt(u){return!Be($(u))}function fo(){r&&S()}return{getFlow:$,getFlowData:G,isLoading:A||I,getStepStatus:ge,getFlowSteps:D,getCurrentStepIndex:ne,markStepStarted:X,markStepCompleted:H,markFlowNotStarted:Ce,markFlowStarted:Ie,markFlowCompleted:we,markFlowAborted:me,markStepNotStarted:_,getFlowStatus:pe,getNumberOfStepsCompleted:Ye,getNumberOfSteps:$e,targetingLogicShouldHideFlow:Be,setCustomVariable:te,updateCustomVariables:fe,customVariables:s,getStepOptionalProgress:se,getFlowMetadata:M,isStepBlocked:re,isStepHidden:L,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:Kt,refresh:fo}}import{useCallback as Ur,useContext as Hl,useEffect as jl}from"react";var Nt="guest_";function Yt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=Hl(K),{config:n,apiUrl:s}=_e(),{mutateUserFlowState:p}=Ee(),c=Et(),{verifySDKInitiated:a}=At();jl(()=>{if(e&&!t){if(e.startsWith(Nt))return;let x=`frigade-user-registered-${e}`;localStorage.getItem(x)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(x,"true"))}},[e,r,t]);let g=Ur(async x=>{if(!a())return;let b={foreignId:e,properties:x};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),i(w=>({...w,...x})),p()},[e,n,r,p]),d=Ur(async(x,b)=>{if(!a())return;let P={foreignId:e,events:[{event:x,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(P)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:g,trackEventForUser:d}}import{v4 as xp}from"uuid";import Ge,{useEffect as cp,useState as mp}from"react";import ze,{useEffect as Zl}from"react";import yo from"styled-components";import Vl from"react";import Gl from"styled-components";var zr="fr-",Xt="cfr-";function l(e,t){let o=`${zr}${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+" "+Xt+e}return o}function T(e){if(!e.className||e.className.indexOf(Xt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(zr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Yo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Xe(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Yo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function xe(...e){return e.filter(Boolean).join(" ")}function Jt(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Kl=Gl.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -7,7 +7,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
7
7
|
left: 0;
|
|
8
8
|
bottom: 0;
|
|
9
9
|
right: 0;
|
|
10
|
-
${e=>
|
|
10
|
+
${e=>T(e)} {
|
|
11
11
|
background-color: rgba(0, 0, 0, 0.6);
|
|
12
12
|
z-index: 1400;
|
|
13
13
|
}
|
|
@@ -23,12 +23,12 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
`,
|
|
26
|
+
`,Wr=({onClose:e,appearance:t})=>Vl.createElement(Kl,{className:l("modalBackground",t),onClick:()=>e()});import Xo from"react";import ql from"styled-components";var Yl=ql.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,Fe=()=>Xo.createElement(
|
|
31
|
-
${e=>
|
|
30
|
+
`,Fe=()=>Xo.createElement(Yl,null,Xo.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20"},Xo.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M5 15L15 5M5 5l10 10"})));import{Portal as Rl}from"react-portal";import Rr from"react";import Jo from"react";function Xl({style:e,className:t}){return Jo.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},Jo.createElement("path",{fill:"currentColor",d:"M16.293 3.476v1.036h1.593v1.256h-1.593v5.098h-1.41V5.768H14V4.512h.883V3.244c0-.67.294-1.744 1.777-1.744.515 0 .969.049 1.361.146l-.233 1.232a5.939 5.939 0 00-.833-.073c-.442 0-.662.22-.662.67zm6.534.975V5.83c-.846 0-1.63.159-2.342.476v4.56h-1.41V4.513h1.263l.086.61c.846-.451 1.655-.67 2.403-.67zm2.505-.951c-.331.33-.944.33-1.287 0a.93.93 0 01-.246-.659c0-.268.086-.487.246-.646.343-.33.956-.33 1.287 0 .343.33.343.964 0 1.305zm.061 7.366h-1.41V4.512h1.41v6.354zm6.928-5.756c.246.146.368.402.368.756v4.976c0 1.804-.858 2.658-2.672 2.658-.92 0-1.753-.146-2.514-.439l.417-1.073c.674.22 1.336.33 1.974.33.98 0 1.385-.379 1.385-1.403v-.171c-.588.134-1.09.207-1.52.207-.907 0-1.655-.305-2.231-.902-.576-.598-.87-1.39-.87-2.354 0-.963.294-1.756.87-2.354.576-.61 1.324-.914 2.231-.914 1.005 0 1.864.232 2.562.683zm-2.488 4.634a5.15 5.15 0 001.446-.22V5.951a3.695 3.695 0 00-1.446-.292c-1.08 0-1.778.841-1.778 2.048 0 1.22.699 2.037 1.778 2.037zm7.34-5.317c1.52 0 2.28.878 2.28 2.634v3.805h-1.275l-.073-.524c-.601.414-1.288.621-2.084.621-1.263 0-2.06-.658-2.06-1.731 0-1.269 1.25-2.025 3.408-2.025.135 0 .503.013.662.013v-.171c0-1.012-.343-1.451-1.115-1.451-.675 0-1.435.158-2.256.475l-.466-1.012c1.017-.427 2.01-.634 2.979-.634zm-1.839 4.756c0 .427.343.695 1.017.695.528 0 1.251-.22 1.68-.512V8.22h-.441c-1.508 0-2.256.317-2.256.963zm9.953-4.549v-2.83h1.41v7.72c0 .354-.123.598-.368.757-.71.45-1.57.67-2.562.67-.907 0-1.655-.305-2.231-.902-.577-.61-.87-1.39-.87-2.354 0-.963.293-1.756.87-2.354.576-.61 1.324-.914 2.23-.914.43 0 .933.073 1.521.207zM43.84 9.72c.503 0 .981-.098 1.447-.293V5.854a5.15 5.15 0 00-1.447-.22c-1.078 0-1.777.817-1.777 2.037s.699 2.049 1.777 2.049zM54 7.866v.439h-4.573c.184.963.858 1.512 1.827 1.512.613 0 1.275-.146 1.986-.451l.466 1.024c-.87.378-1.729.573-2.575.573-.931 0-1.692-.304-2.268-.902-.576-.61-.87-1.402-.87-2.366 0-.975.294-1.768.87-2.366.576-.597 1.324-.902 2.244-.902.968 0 1.691.33 2.17.975.478.647.723 1.464.723 2.464zm-4.61-.586h3.298c-.086-1.073-.613-1.731-1.581-1.731-.969 0-1.582.695-1.717 1.731z"}),Jo.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M1.196 1.229A4.009 4.009 0 014.08 0l4.092.027C9.183.027 10 .867 10 1.904c0 .6-.273 1.133-.7 1.478-.31.25-.7.399-1.126.4h-.001l-4.09-.027h-.002a4.804 4.804 0 00-2.614.77A4.986 4.986 0 000 5.974v-1.78C0 3.036.456 1.988 1.196 1.23zm4.525 4.65a4.282 4.282 0 00-1.184 2.513l3.637.023c.131 0 .259-.015.382-.042h.002c.81-.178 1.42-.908 1.44-1.788v-.046a1.9 1.9 0 00-.533-1.328 1.813 1.813 0 00-.908-.508h-.002l-.002-.001a1.68 1.68 0 00-.366-.042A4.084 4.084 0 005.72 5.88zm-4.525-.016A4.235 4.235 0 000 8.829C0 10.997 1.601 12.78 3.654 13V9.265h-.005l.005-.439v-.437h.023a5.175 5.175 0 011.439-3.13 5.05 5.05 0 01.72-.614l-1.754-.011H4.08c-.787 0-1.521.229-2.144.625a4.11 4.11 0 00-.74.603z",clipRule:"evenodd"}))}var _r=Xl;import Qo from"styled-components";import Je from"styled-components";var ho=Je.div`
|
|
31
|
+
${e=>T(e)} {
|
|
32
32
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -36,55 +36,72 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
36
36
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
37
37
|
max-width: ${e=>e.maxWidth}px;
|
|
38
38
|
min-width: 300px;
|
|
39
|
-
padding: 22px 22px 12px;
|
|
40
39
|
z-index: ${e=>e.zIndex};
|
|
41
|
-
|
|
40
|
+
overflow: hidden;
|
|
41
|
+
`,Jl=`
|
|
42
|
+
display: block;
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
position: absolute;
|
|
45
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
46
|
+
color: #ffffff;
|
|
47
|
+
padding: 4px;
|
|
48
|
+
border-radius: 100px;
|
|
49
|
+
top: 12px;
|
|
50
|
+
right: 12px;
|
|
51
|
+
:hover {
|
|
52
|
+
opacity: 0.8;
|
|
53
|
+
}`,Ql=`
|
|
42
54
|
display: block;
|
|
43
55
|
cursor: pointer;
|
|
44
56
|
position: absolute;
|
|
45
57
|
top: 12px;
|
|
46
58
|
right: 12px;
|
|
47
|
-
`,
|
|
48
|
-
${e=>
|
|
59
|
+
`,Hr=Je.div`
|
|
60
|
+
${e=>T(e)} {
|
|
61
|
+
${e=>e.hasImage?Jl:Ql};
|
|
62
|
+
}
|
|
63
|
+
`,jr=Je.img`
|
|
64
|
+
${e=>T(e)} {
|
|
49
65
|
display: block;
|
|
50
66
|
width: 100%;
|
|
51
67
|
height: auto;
|
|
52
68
|
min-height: 200px;
|
|
53
|
-
|
|
54
|
-
margin-bottom: 16px;
|
|
69
|
+
object-fit: cover;
|
|
55
70
|
}
|
|
56
|
-
`,Vr=
|
|
57
|
-
${e=>
|
|
71
|
+
`,Vr=Je.div`
|
|
72
|
+
${e=>T(e)} {
|
|
58
73
|
display: block;
|
|
59
74
|
width: 100%;
|
|
60
75
|
height: auto;
|
|
61
76
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
62
|
-
|
|
77
|
+
object-fit: cover;
|
|
63
78
|
}
|
|
64
|
-
`,Gr=
|
|
79
|
+
`,Gr=Je.div`
|
|
65
80
|
display: flex;
|
|
66
81
|
flex-direction: row;
|
|
67
82
|
justify-content: space-between;
|
|
68
83
|
align-content: center;
|
|
69
|
-
`,Kr=
|
|
84
|
+
`,Kr=Je.div`
|
|
85
|
+
padding: 22px 22px 12px;
|
|
86
|
+
`,qr=Je.div`
|
|
70
87
|
display: flex;
|
|
71
88
|
flex: 1;
|
|
72
89
|
flex-direction: column;
|
|
73
90
|
justify-content: center;
|
|
74
|
-
`,
|
|
91
|
+
`,Yr=Je.div`
|
|
75
92
|
display: flex;
|
|
76
93
|
flex: 2;
|
|
77
94
|
flex-shrink: 1;
|
|
78
95
|
gap: 8px;
|
|
79
96
|
height: 64px;
|
|
80
|
-
${e=>
|
|
97
|
+
${e=>T(e)} {
|
|
81
98
|
flex-direction: row;
|
|
82
99
|
justify-content: ${e=>e.showStepCount?"flex-end":"flex-start"};
|
|
83
100
|
align-content: center;
|
|
84
101
|
align-items: center;
|
|
85
102
|
}
|
|
86
|
-
`,
|
|
87
|
-
${e=>
|
|
103
|
+
`,Xr=Je.p`
|
|
104
|
+
${e=>T(e)} {
|
|
88
105
|
font-style: normal;
|
|
89
106
|
font-weight: 600;
|
|
90
107
|
font-size: 15px;
|
|
@@ -92,7 +109,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
92
109
|
color: #808080;
|
|
93
110
|
}
|
|
94
111
|
margin: 0;
|
|
95
|
-
`;var
|
|
112
|
+
`;var Jr=Qo.div`
|
|
96
113
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
97
114
|
position: absolute;
|
|
98
115
|
bottom: -47px;
|
|
@@ -103,7 +120,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
103
120
|
align-items: center;
|
|
104
121
|
justify-content: center;
|
|
105
122
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
106
|
-
`,
|
|
123
|
+
`,Qr=Qo(ho)`
|
|
107
124
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
108
125
|
position: absolute;
|
|
109
126
|
bottom: -60px;
|
|
@@ -116,7 +133,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
116
133
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
117
134
|
padding: 0;
|
|
118
135
|
z-index: ${e=>e.zIndex};
|
|
119
|
-
`,
|
|
136
|
+
`,Zr=Qo.div`
|
|
120
137
|
display: flex;
|
|
121
138
|
justify-content: center;
|
|
122
139
|
align-items: center;
|
|
@@ -125,8 +142,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
125
142
|
font-size: 12px;
|
|
126
143
|
line-height: 18px;
|
|
127
144
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
128
|
-
`;function Co({appearance:e}){return
|
|
129
|
-
${e=>
|
|
145
|
+
`;function Co({appearance:e}){return Rr.createElement(Zr,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Rr.createElement(_r,null))}var ea=yo.div`
|
|
146
|
+
${e=>T(e)} {
|
|
130
147
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
131
148
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
132
149
|
/* Mobile */
|
|
@@ -167,27 +184,27 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
167
184
|
opacity: 1;
|
|
168
185
|
}
|
|
169
186
|
}
|
|
170
|
-
`,
|
|
187
|
+
`,ta=yo.div`
|
|
171
188
|
position: relative;
|
|
172
189
|
flex: 0 1 auto;
|
|
173
|
-
`,
|
|
190
|
+
`,oa=yo.div`
|
|
174
191
|
position: absolute;
|
|
175
192
|
top: 16px;
|
|
176
193
|
right: 16px;
|
|
177
194
|
cursor: pointer;
|
|
178
195
|
z-index: 1501;
|
|
179
|
-
${e=>
|
|
196
|
+
${e=>T(e)} {
|
|
180
197
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
181
198
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
182
199
|
}
|
|
183
|
-
`,
|
|
200
|
+
`,ra=yo.div`
|
|
184
201
|
overflow: scroll;
|
|
185
202
|
flex: 1 1;
|
|
186
203
|
display: flex;
|
|
187
204
|
::-webkit-scrollbar {
|
|
188
205
|
display: none;
|
|
189
206
|
}
|
|
190
|
-
`,He=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:r,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>(
|
|
207
|
+
`,He=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:r,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>(Zl(()=>{let c=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",c),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",c)}},[e,t]),t?ze.createElement(Rl,null,ze.createElement(Wr,{appearance:n,onClose:()=>{s&&e()}}),ze.createElement(ea,{appearance:n,className:l("modalContainer",n),styleOverrides:i},s&&ze.createElement(oa,{className:l("modalClose",n),onClick:()=>e(),appearance:n},ze.createElement(Fe,null)),o&&ze.createElement(ta,null,o),ze.createElement(ra,null,r),p&&ze.createElement(Jr,{appearance:n,className:l("poweredByFrigadeRibbon",n)},ze.createElement(Co,{appearance:n})))):ze.createElement(ze.Fragment,null));import st,{useEffect as ia}from"react";import So from"styled-components";import{Portal as na}from"react-portal";function sa(e){switch(e){case"top-left":return`
|
|
191
208
|
top: 0;
|
|
192
209
|
left: 0;
|
|
193
210
|
`;case"top-right":return`
|
|
@@ -196,8 +213,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
196
213
|
`;case"bottom-left":return`
|
|
197
214
|
bottom: 0;
|
|
198
215
|
left: 0;
|
|
199
|
-
`}return"right: 0; bottom: 0;"}var
|
|
200
|
-
${e=>
|
|
216
|
+
`}return"right: 0; bottom: 0;"}var la=So.div`
|
|
217
|
+
${e=>T(e)} {
|
|
201
218
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
202
219
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
203
220
|
position: fixed;
|
|
@@ -210,29 +227,29 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
210
227
|
width: 350px;
|
|
211
228
|
padding: 24px;
|
|
212
229
|
}
|
|
213
|
-
${e=>
|
|
230
|
+
${e=>sa(e.modalPosition)}
|
|
214
231
|
margin: 28px;
|
|
215
|
-
`,
|
|
232
|
+
`,aa=So.div`
|
|
216
233
|
position: relative;
|
|
217
234
|
flex: 1;
|
|
218
|
-
`,
|
|
235
|
+
`,pa=So.div`
|
|
219
236
|
position: absolute;
|
|
220
237
|
top: 16px;
|
|
221
238
|
right: 16px;
|
|
222
239
|
cursor: pointer;
|
|
223
240
|
z-index: 1501;
|
|
224
|
-
${e=>
|
|
241
|
+
${e=>T(e)} {
|
|
225
242
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
226
243
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
227
244
|
}
|
|
228
|
-
`,
|
|
245
|
+
`,da=So.div`
|
|
229
246
|
overflow: scroll;
|
|
230
247
|
flex: 5;
|
|
231
248
|
::-webkit-scrollbar {
|
|
232
249
|
display: none;
|
|
233
250
|
}
|
|
234
|
-
`,bo=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:r,modalPosition:n="bottom-right",dismissible:s=!0})=>(
|
|
235
|
-
${e=>
|
|
251
|
+
`,bo=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:r,modalPosition:n="bottom-right",dismissible:s=!0})=>(ia(()=>{if(!s)return;let p=c=>{c.key==="Escape"&&e()};return document.addEventListener("keydown",p),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",p)}},[e,t]),t?st.createElement(na,null,st.createElement(la,{appearance:r,className:l("cornerModalContainer",r),modalPosition:n},s&&st.createElement(pa,{className:l("cornerModalClose",r),onClick:()=>e()},st.createElement(Fe,null)),o&&st.createElement(aa,null,o),st.createElement(da,null,i))):st.createElement(st.Fragment,null));import{useContext as ca}from"react";function Q(){let{defaultAppearance:e}=ca(K);function t(o){let i=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(i.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(i.theme,o.theme??{})}:i}return{mergeAppearanceWithDefault:t}}import ht,{useContext as La,useEffect as Da,useState as sr}from"react";import Po from"styled-components";import Fo,{useEffect as ma,useState as ni}from"react";import er from"styled-components";import wo from"styled-components";var ei=wo.label`
|
|
252
|
+
${e=>T(e)} {
|
|
236
253
|
font-size: 12px;
|
|
237
254
|
line-height: 18px;
|
|
238
255
|
margin-bottom: 5px;
|
|
@@ -242,14 +259,14 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
242
259
|
letter-spacing: 0.24px;
|
|
243
260
|
}
|
|
244
261
|
display: flex;
|
|
245
|
-
`,
|
|
246
|
-
${e=>
|
|
262
|
+
`,ti=wo.label`
|
|
263
|
+
${e=>T(e)} {
|
|
247
264
|
font-size: 12px;
|
|
248
265
|
line-height: 20px;
|
|
249
266
|
margin-bottom: 5px;
|
|
250
267
|
}
|
|
251
268
|
display: flex;
|
|
252
|
-
`,
|
|
269
|
+
`,oi=wo.span`
|
|
253
270
|
font-weight: 400;
|
|
254
271
|
font-size: 14px;
|
|
255
272
|
line-height: 22px;
|
|
@@ -262,12 +279,12 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
262
279
|
align-items: flex-start;
|
|
263
280
|
justify-content: left;
|
|
264
281
|
margin-bottom: 10px;
|
|
265
|
-
`;import Zo from"react";var
|
|
282
|
+
`;import Zo from"react";var Qe={theme:{colorPrimary:"#0171F8",colorSecondary:"#2E343D",colorText:"#0F1114",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#2E343D",colorTextDisabled:"#5A6472",colorBorder:"#E5E5E5",colorTextError:"#c00000",colorTextSuccess:"#00D149",borderRadius:10}};function lt({title:e,required:t,appearance:o=Qe}){return e?Zo.createElement(To,null,t?Zo.createElement(oi,{className:l("formLabelRequired",o),appearance:o},"*"):null,Zo.createElement(ei,{className:l("formLabel",o)},e)):null}import ri from"react";function It({title:e,appearance:t}){return e?ri.createElement(To,null,ri.createElement(ti,{className:l("formSubLabel",t)},e)):null}import{z as Ro}from"zod";function ii(e,t){try{if(t){if(t.type=="number"){let o=Ro.number();if(t.props)for(let i of t.props)i.requirement=="min"?o=o.min(Number(i.value),i.message??"Value is too small"):i.requirement=="max"?o=o.max(Number(i.value),i.message??"Value is too large"):i.requirement=="positive"?o=o.positive(i.message??"Value must be positive"):i.requirement=="negative"&&(o=o.nonpositive(i.message??"Value must be negative"));o.parse(Number(e))}if(t.type=="string"){let o=Ro.string();if(t.props)for(let i of t.props)i.requirement=="min"?o=o.min(Number(i.value),i.message??"Value is too short"):i.requirement=="max"?o=o.max(Number(i.value),i.message??"Value is too long"):i.requirement=="regex"&&(o=o.regex(new RegExp(String(i.value)),i.message??"Value does not match requirements"));o.parse(e)}return}}catch(o){if(o instanceof Ro.ZodError)return o.issues&&o.issues.length>0?o.issues[0].message:null;console.error("Frigade Form validation failed for rule ",t,o)}return null}var ua=er.div`
|
|
266
283
|
display: flex;
|
|
267
284
|
flex-direction: column;
|
|
268
285
|
width: 100%;
|
|
269
286
|
`,tr=er.input`
|
|
270
|
-
${e=>
|
|
287
|
+
${e=>T(e)} {
|
|
271
288
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
272
289
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
273
290
|
font-size: 14px;
|
|
@@ -282,8 +299,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
282
299
|
box-sizing: border-box;
|
|
283
300
|
padding: 0 10px;
|
|
284
301
|
margin-bottom: 10px;
|
|
285
|
-
`,
|
|
286
|
-
${e=>
|
|
302
|
+
`,fa=er.textarea`
|
|
303
|
+
${e=>T(e)} {
|
|
287
304
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
288
305
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
289
306
|
font-size: 14px;
|
|
@@ -298,14 +315,14 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
298
315
|
min-height: 70px;
|
|
299
316
|
box-sizing: border-box;
|
|
300
317
|
margin-bottom: 10px;
|
|
301
|
-
`;function or({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:r}){let n=e,[s,p]=
|
|
318
|
+
`;function or({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:r}){let n=e,[s,p]=ni((r==null?void 0:r.text)||""),[c,a]=ni(!1),g=tr;ma(()=>{s===""&&!c&&(a(!0),d(""))},[]);function d(b){if(p(b),o({text:b}),n.required===!0&&b.trim()===""){i([{id:n.id,message:`${n.title??"Field"} is required`}]);return}let w=ii(b,n.validation);if(w){i([{id:n.id,message:w}]);return}i([])}n.multiline&&(g=fa);function x(){var b;switch((b=n==null?void 0:n.validation)==null?void 0:b.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return Fo.createElement(ua,null,Fo.createElement(lt,{title:n.title,required:n.required,appearance:t.appearance}),Fo.createElement(g,{className:l("inputComponent",t.appearance),value:s,onChange:b=>{d(b.target.value)},appearance:t.appearance,placeholder:n.placeholder,type:x()}),Fo.createElement(It,{title:n.subtitle,appearance:t.appearance}))}import je,{useEffect as si,useState as li}from"react";import ai from"styled-components";var rr="",ga=ai.div`
|
|
302
319
|
display: flex;
|
|
303
320
|
flex-direction: column;
|
|
304
321
|
width: 100%;
|
|
305
322
|
-webkit-appearance: none;
|
|
306
323
|
appearance: none;
|
|
307
|
-
`,
|
|
308
|
-
${e=>
|
|
324
|
+
`,xa=ai.select`
|
|
325
|
+
${e=>T(e)} {
|
|
309
326
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
310
327
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
311
328
|
font-size: 14px;
|
|
@@ -325,16 +342,16 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
325
342
|
background-repeat: no-repeat;
|
|
326
343
|
background-size: 1.5em 1.5em;
|
|
327
344
|
-webkit-print-color-adjust: exact;
|
|
328
|
-
`;function
|
|
345
|
+
`;function pi({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g,d,x,b,w,P;let n=e,[s,p]=li(((g=i==null?void 0:i.choice)==null?void 0:g[0])||""),[c,a]=li(!1);return si(()=>{var f,E,S,y;if(s===""&&!c){if(a(!0),n.requireSelection){p(rr);return}if(n.defaultValue&&((f=n.props.options)!=null&&f.find(A=>A.id===n.defaultValue))){let A=(E=n.props.options)==null?void 0:E.find(h=>h.id===n.defaultValue);p(A.id),o({choice:[A.id]})}else p(((S=n.props.options)==null?void 0:S[0].id)||""),o({choice:[((y=n.props.options)==null?void 0:y[0].id)||""]})}},[]),si(()=>{n.requireSelection&&s===rr?r([{message:"Please select an option",id:n.id}]):r([])},[s]),je.createElement(ga,null,je.createElement(lt,{title:n.title,required:!1,appearance:t.appearance}),je.createElement(xa,{value:s,onChange:f=>{p(f.target.value),o({choice:[f.target.value]})},placeholder:n.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},n.requireSelection&&je.createElement("option",{key:"null-value",value:rr,disabled:!0},n.placeholder??"Select an option"),(d=n.props.options)==null?void 0:d.map(f=>je.createElement("option",{key:f.id,value:f.id},f.title))),((b=(x=n.props.options)==null?void 0:x.find(f=>f.id===s))==null?void 0:b.isOpenEnded)&&je.createElement(je.Fragment,null,je.createElement(lt,{title:((P=(w=n.props.options)==null?void 0:w.find(f=>f.id===s))==null?void 0:P.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),je.createElement(tr,{type:"text",placeholder:"Enter your answer here",onChange:f=>{o({choice:[f.target.value]})},appearance:t.appearance})),je.createElement(It,{title:n.subtitle,appearance:t.appearance}))}import Rt,{useEffect as ir,useState as ci}from"react";import mi from"styled-components";import Zt from"react";import Qt from"react";var di=({color:e,percentage:t,size:o})=>{let i=o*.5-2,r=2*Math.PI*i,n=(1-t)*r;return Qt.createElement("circle",{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:n!==r?e:"",strokeWidth:"3px",strokeDasharray:r,strokeDashoffset:t?n:0})},ha=({fillColor:e,size:t,percentage:o,children:i,bgColor:r="#D9D9D9",className:n,style:s})=>Qt.createElement("svg",{style:s,className:n,width:t,height:t,overflow:"visible"},Qt.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},Qt.createElement(di,{color:r,size:t}),Qt.createElement(di,{color:e,percentage:o,size:t})),i),Ot=ha;import Ca from"styled-components";var ya=({color:e="#FFFFFF"})=>Zt.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Zt.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),Sa={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ba={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},wa={border:"1px solid #000000",color:"#FFFFFF"},Ta={border:"1px solid #C5CBD3"},Fa={color:"#FFFFFF"},ka={border:"1px solid #C5CBD3"},Pa=e=>e==="square"?Sa:ba,va=(e,t)=>e==="square"?t?wa:Ta:t?Fa:ka,Ba=Ca.div`
|
|
329
346
|
${e=>Xe(e)}
|
|
330
|
-
`,
|
|
347
|
+
`,Ze=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:r=Qe,style:n,className:s})=>{let p=Pa(t),c=va(t,e);return e===!0?p={...p,...c,backgroundColor:r.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}:p={...p,...c},e!==!0&&t==="round"&&i!==void 0&&i!==1?Zt.createElement(Ot,{fillColor:o,percentage:i,size:22}):Zt.createElement(Ba,{styleOverrides:p,style:n,role:"checkbox",className:xe(l("checkIconContainer",r),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",r),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Zt.createElement(ya,{color:"#FFFFFF"}))};var Ea=mi.div`
|
|
331
348
|
display: flex;
|
|
332
349
|
flex-direction: column;
|
|
333
350
|
width: 100%;
|
|
334
351
|
-webkit-appearance: none;
|
|
335
352
|
appearance: none;
|
|
336
|
-
`,
|
|
337
|
-
${e=>
|
|
353
|
+
`,Aa=mi.button`
|
|
354
|
+
${e=>T(e)} {
|
|
338
355
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
339
356
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
340
357
|
font-size: 14px;
|
|
@@ -358,8 +375,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
358
375
|
height: 48px;
|
|
359
376
|
padding: 0 18px;
|
|
360
377
|
margin-bottom: 10px;
|
|
361
|
-
`;function
|
|
362
|
-
${e=>
|
|
378
|
+
`;function ui({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g;let n=e,[s,p]=ci((i==null?void 0:i.choice)||[]),[c,a]=ci(!1);return ir(()=>{s.length==0&&!c&&(a(!0),o({choice:[]}))},[]),ir(()=>{o({choice:s})},[s]),ir(()=>{n.required&&(s.length<n.props.minChoices||s.length>n.props.maxChoices)?r([{message:"",id:n.id}]):r([])},[s]),Rt.createElement(Ea,null,Rt.createElement(lt,{title:n.title,required:n.required,appearance:t.appearance}),(g=n.props.options)==null?void 0:g.map(d=>Rt.createElement(Aa,{appearance:t.appearance,className:l("multipleChoiceListItem",t.appearance),key:d.id,value:d.id,"data-selected":s.includes(d.id),onClick:()=>{if(s.includes(d.id)){p(s.filter(x=>x!==d.id));return}s.length<n.props.maxChoices?p([...s,d.id]):s.length==1&&n.props.maxChoices==1&&p([d.id])}},d.title,Rt.createElement(Ze,{type:"round",primaryColor:t.appearance.theme.colorPrimary,value:s.includes(d.id),appearance:t.appearance}))),Rt.createElement(It,{title:n.subtitle,appearance:t.appearance}))}import ko from"react";import fi from"styled-components";import Na from"dompurify";function le(e){return{__html:Na.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Ia=fi.h1`
|
|
379
|
+
${e=>T(e)} {
|
|
363
380
|
font-style: normal;
|
|
364
381
|
font-weight: 700;
|
|
365
382
|
font-size: ${e=>e.size=="small"?"15px":"18px"};
|
|
@@ -370,8 +387,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
370
387
|
margin-bottom: 4px;
|
|
371
388
|
color: ${e=>e.appearance.theme.colorText};
|
|
372
389
|
}
|
|
373
|
-
`,
|
|
374
|
-
${e=>
|
|
390
|
+
`,Oa=fi.h2`
|
|
391
|
+
${e=>T(e)} {
|
|
375
392
|
font-style: normal;
|
|
376
393
|
font-weight: 400;
|
|
377
394
|
font-size: 14px;
|
|
@@ -379,42 +396,42 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
379
396
|
letter-spacing: 0.28px;
|
|
380
397
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
381
398
|
}
|
|
382
|
-
`;function ke({appearance:e,title:t,subtitle:o,size:i="medium",classPrefix:r=""}){return ko.createElement(ko.Fragment,null,ko.createElement(
|
|
399
|
+
`;function ke({appearance:e,title:t,subtitle:o,size:i="medium",classPrefix:r=""}){return ko.createElement(ko.Fragment,null,ko.createElement(Ia,{appearance:e,className:l(`${r}${r?Jt(i):i}Title`,e),dangerouslySetInnerHTML:le(t),size:i}),o&&ko.createElement(Oa,{appearance:e,className:l(`${r}${r?Jt(i):i}Subtitle`,e),dangerouslySetInnerHTML:le(o),size:i}))}import*as nr from"react";var gi=e=>nr.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:12,height:12,"aria-hidden":"true",viewBox:"0 0 16 16",...e},nr.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"m10.115 1.308 5.635 11.269A2.365 2.365 0 0 1 13.634 16H2.365A2.365 2.365 0 0 1 .25 12.577L5.884 1.308a2.365 2.365 0 0 1 4.231 0zM8 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM8 9c.552 0 1-.32 1-.714V4.714C9 4.32 8.552 4 8 4s-1 .32-1 .714v3.572C7 8.68 7.448 9 8 9z"}));var $a=Po.div`
|
|
383
400
|
display: flex;
|
|
384
401
|
flex-direction: column;
|
|
385
402
|
justify-content: flex-end;
|
|
386
403
|
overflow: visible;
|
|
387
404
|
padding-top: 14px;
|
|
388
|
-
`,
|
|
405
|
+
`,Ma=Po.div`
|
|
389
406
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextError}};
|
|
390
407
|
font-size: 12px;
|
|
391
408
|
margin-bottom: 12px;
|
|
392
409
|
display: flex;
|
|
393
410
|
align-items: center;
|
|
394
|
-
`,
|
|
411
|
+
`,Ua=Po.div`
|
|
395
412
|
margin-right: 4px;
|
|
396
413
|
display: inline-flex;
|
|
397
|
-
|
|
414
|
+
`,za=Po.div`
|
|
398
415
|
padding-left: 1px;
|
|
399
416
|
padding-right: 1px;
|
|
400
|
-
`,
|
|
417
|
+
`,Wa={text:or,multipleChoice:pi,multipleChoiceList:ui},lr="frigade-multiInputStepTypeData";function xi({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:r,appearance:n,customFormElements:s,prefillData:p}){var h;let c=t.props,[a,g]=sr([]),[d,x]=sr([]),{userId:b}=Yt(),[w,P]=sr(y()||(p?p[t.id]:null)||{}),{readonly:f}=La(K),E={...Wa,...s};Da(()=>{i(a.length===0)},[a,i]);function S(m,B){let F={...w,[m.id]:B};P(F),r(F),window&&window.localStorage&&!f&&window.localStorage.setItem(A(),JSON.stringify(F))}function y(){if(window&&window.localStorage){let m=window.localStorage.getItem(A());if(m)return JSON.parse(m)}return null}function A(){return`${lr}-${e}-${t.id}-${b}`}return ht.createElement(za,{className:l("multiInput",n)},ht.createElement(ke,{appearance:n,title:t.title,subtitle:t.subtitle}),ht.createElement($a,{className:l("multiInputContainer",n)},(h=c.data)==null?void 0:h.map(m=>{var F;let B=(F=a.reverse().find(k=>k.id===m.id))==null?void 0:F.message;return E[m.type]?ht.createElement("span",{key:m.id,"data-field-id":m.id,className:l("multiInputField",n)},E[m.type]({formInput:m,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:r,appearance:n},onSaveInputData:k=>{!d.includes(m.id)&&k&&(k==null?void 0:k.text)!==""&&x(O=>[...O,m.id]),S(m,k)},inputData:w[m.id],setFormValidationErrors:k=>{g(O=>k.length===0?O.filter(N=>N.id!==m.id):[...O,...k])}}),B&&d.includes(m.id)&&ht.createElement(Ma,{initial:{opacity:0,height:0,marginBottom:0},animate:{opacity:1,height:"auto",marginBottom:12},exit:{opacity:0,height:0,marginBottom:0},key:m.id,style:{overflow:"hidden"},transition:{duration:.1,ease:"easeInOut",delay:.5},appearance:n,className:l("multiInputValidationError",n)},ht.createElement(Ua,{appearance:n,className:l("multiInputValidationErrorIcon",n)},ht.createElement(gi,null)),B)):null})))}import Ct from"styled-components";var hi=Ct.div`
|
|
401
418
|
align-items: center;
|
|
402
419
|
display: flex;
|
|
403
420
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
404
421
|
padding-top: 14px;
|
|
405
|
-
`,
|
|
422
|
+
`,Ci=Ct.div`
|
|
406
423
|
color: ${e=>e.appearance.theme.colorTextError};
|
|
407
424
|
font-size: 12px;
|
|
408
|
-
`,
|
|
425
|
+
`,yi=Ct.div`
|
|
409
426
|
display: flex;
|
|
410
427
|
gap: 12px;
|
|
411
428
|
width: 100%;
|
|
412
429
|
justify-content: flex-end;
|
|
413
|
-
`,
|
|
430
|
+
`,Si=Ct.div`
|
|
414
431
|
display: flex;
|
|
415
432
|
flex-direction: row;
|
|
416
433
|
flex: 1 1;
|
|
417
|
-
`,
|
|
434
|
+
`,bi=Ct.div`
|
|
418
435
|
display: flex;
|
|
419
436
|
// If type is set to large-modal, use padding 60px horizontal, 80px vertical
|
|
420
437
|
// Otherwise, use 4px padding
|
|
@@ -422,11 +439,11 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
422
439
|
flex-grow: 1;
|
|
423
440
|
flex-basis: 0;
|
|
424
441
|
position: relative;
|
|
425
|
-
`,
|
|
442
|
+
`,wi=Ct.div`
|
|
426
443
|
padding: ${e=>e.type==="large-modal"?"50px":"0px"};
|
|
427
444
|
position: relative;
|
|
428
445
|
overflow-y: auto;
|
|
429
|
-
`,
|
|
446
|
+
`,Ti=Ct.div`
|
|
430
447
|
display: flex;
|
|
431
448
|
align-self: stretch;
|
|
432
449
|
flex-grow: 1;
|
|
@@ -438,10 +455,10 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
438
455
|
background-position: center;
|
|
439
456
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
440
457
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
441
|
-
`;import at from"react";import
|
|
458
|
+
`;import at from"react";import _a from"react";import Fi from"styled-components";var Ha=Fi.button`
|
|
442
459
|
justify-content: center;
|
|
443
460
|
align-content: center;
|
|
444
|
-
${e=>
|
|
461
|
+
${e=>T(e)} {
|
|
445
462
|
display: flex;
|
|
446
463
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
447
464
|
width: ${e=>e.type==="full-width"?"100%":"auto"};
|
|
@@ -469,8 +486,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
469
486
|
opacity: 0.3;
|
|
470
487
|
cursor: not-allowed;
|
|
471
488
|
}
|
|
472
|
-
`,vo=
|
|
473
|
-
${e=>
|
|
489
|
+
`,vo=Fi.div`
|
|
490
|
+
${e=>T(e)} {
|
|
474
491
|
display: flex;
|
|
475
492
|
flex-direction: row;
|
|
476
493
|
justify-content: flex-start;
|
|
@@ -480,14 +497,14 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
480
497
|
margin-right: 8px;
|
|
481
498
|
}
|
|
482
499
|
}
|
|
483
|
-
`,Z=({onClick:e,title:t,style:o,disabled:i,type:r="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:c=!0,classPrefix:a=""})=>{function g(){let d=s?"buttonSecondary":"button";return a===""?d:`${a}${Jt(d)}`}return
|
|
500
|
+
`,Z=({onClick:e,title:t,style:o,disabled:i,type:r="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:c=!0,classPrefix:a=""})=>{function g(){let d=s?"buttonSecondary":"button";return a===""?d:`${a}${Jt(d)}`}return _a.createElement(Ha,{secondary:s,appearance:p,disabled:i,onClick:e,styleOverrides:o,type:r,withMargin:c,size:n,className:l(g(),p)},t??"Continue")};var ki=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:r,selectedStep:n,steps:s,onBack:p,allowBackNavigation:c,errorMessage:a})=>{let g=s.length>1&&n!=0&&c,d=e.primaryButtonTitle&&e.secondaryButtonTitle||g?"inline":"full-width";return at.createElement(at.Fragment,null,a!==null&&a!=null&&at.createElement(Ci,{appearance:o,className:l("formCTAError",o)},a),at.createElement(hi,{showBackButton:g,className:l("formCTAContainer",o)},g&&at.createElement(Z,{title:e.backButtonTitle??"Back",onClick:p,secondary:!0,withMargin:!1,type:d,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),at.createElement(yi,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?at.createElement(Z,{title:e.secondaryButtonTitle,onClick:r,secondary:!0,withMargin:!1,type:d,appearance:o}):null," ",e.primaryButtonTitle?at.createElement(Z,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:d,appearance:o}):null)))};import ar from"react";import ja from"styled-components";var Va=ja.div`
|
|
484
501
|
text-align: center;
|
|
485
|
-
`,
|
|
502
|
+
`,Pi=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:r}=Q().mergeAppearanceWithDefault(i);return ar.createElement(Va,{className:o},ar.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((n,s)=>ar.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?r.colorPrimary:"#E6E6E6"}))))};import yt from"react";import Lt from"styled-components";import{useContext as Ga}from"react";function ie(){let e=Ga(K);function t(r){i(r.primaryButtonUri,r.primaryButtonUriTarget)}function o(r){i(r.secondaryButtonUri,r.secondaryButtonUriTarget)}function i(r,n){if(!r)return;let s=r.startsWith("http")?"_blank":"_self";n&&n!=="_blank"&&(s="_self"),e.navigate(r,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var Ka=Lt.div`
|
|
486
503
|
display: flex;
|
|
487
504
|
flex-wrap: wrap;
|
|
488
505
|
align-content: center;
|
|
489
506
|
justify-content: center;
|
|
490
|
-
`,
|
|
507
|
+
`,qa=Lt.div`
|
|
491
508
|
align-content: center;
|
|
492
509
|
align-items: center;
|
|
493
510
|
display: flex;
|
|
@@ -501,10 +518,10 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
501
518
|
flex-basis: 255px;
|
|
502
519
|
flex-grow: 0;
|
|
503
520
|
flex-shrink: 0;
|
|
504
|
-
`,
|
|
521
|
+
`,Ya=Lt.img`
|
|
505
522
|
width: 78px;
|
|
506
523
|
height: auto;
|
|
507
|
-
`,
|
|
524
|
+
`,Xa=Lt.button`
|
|
508
525
|
font-style: normal;
|
|
509
526
|
font-weight: 600;
|
|
510
527
|
font-size: 13px;
|
|
@@ -517,11 +534,11 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
517
534
|
border-radius: 100px;
|
|
518
535
|
padding: 8px 12px;
|
|
519
536
|
margin-top: 16px;
|
|
520
|
-
`,
|
|
537
|
+
`,Ja=Lt.h1`
|
|
521
538
|
font-weight: 700;
|
|
522
539
|
font-size: 28px;
|
|
523
540
|
line-height: 34px;
|
|
524
|
-
`,
|
|
541
|
+
`,Qa=Lt.h2`
|
|
525
542
|
font-style: normal;
|
|
526
543
|
font-weight: 400;
|
|
527
544
|
font-size: 16px;
|
|
@@ -530,7 +547,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
530
547
|
margin-top: 12px;
|
|
531
548
|
margin-bottom: 16px;
|
|
532
549
|
max-width: 70%;
|
|
533
|
-
`;function
|
|
550
|
+
`;function vi({stepData:e,appearance:t}){var i,r;let{handleUrl:o}=ie();return yt.createElement("div",null,yt.createElement(Ja,null,e.title),yt.createElement(Qa,null,e.subtitle),yt.createElement(Ka,null,(r=(i=e.props)==null?void 0:i.links)==null?void 0:r.map(n=>yt.createElement(qa,{key:n.title},yt.createElement(Ya,{src:n.imageUri}),yt.createElement(Xa,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{n.uri&&o(n.uri,n.uriTarget??"_blank")}},n.title)))))}import Dt,{useEffect as ip}from"react";import Ao from"styled-components";import pr from"react";var Bo=({style:e,className:t})=>pr.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:t,style:e},pr.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),pr.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"}));import eo,{useRef as Za,useState as Ra}from"react";import Eo from"styled-components";var ep=Eo.div`
|
|
534
551
|
display: flex;
|
|
535
552
|
align-items: center;
|
|
536
553
|
justify-content: flex-start;
|
|
@@ -538,7 +555,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
538
555
|
width: 100%;
|
|
539
556
|
height: 100%;
|
|
540
557
|
position: relative;
|
|
541
|
-
`,
|
|
558
|
+
`,tp=Eo.div`
|
|
542
559
|
position: absolute;
|
|
543
560
|
display: flex;
|
|
544
561
|
align-items: center;
|
|
@@ -557,56 +574,56 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
557
574
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
558
575
|
border-radius: 50%;
|
|
559
576
|
}
|
|
560
|
-
`,
|
|
577
|
+
`,op=Eo.video`
|
|
561
578
|
width: 100%;
|
|
562
579
|
height: 100%;
|
|
563
580
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
564
|
-
`,
|
|
581
|
+
`,rp=Eo.iframe`
|
|
565
582
|
width: 100%;
|
|
566
583
|
height: 100%;
|
|
567
584
|
min-height: 260px;
|
|
568
585
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
569
|
-
`;function Ve({appearance:e,videoUri:t}){let o=
|
|
570
|
-
${e=>
|
|
586
|
+
`;function Ve({appearance:e,videoUri:t}){let o=Za(),[i,r]=Ra(!1);if(t.includes("youtube")){let n=t.split("v=")[1],s=n.indexOf("&");return s!==-1&&(n=n.substring(0,s)),eo.createElement(rp,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return eo.createElement(ep,{className:l("videoPlayerWrapper",e),appearance:e},!i&&eo.createElement(tp,{onClick:()=>{r(!0),o.current.play()},appearance:e},eo.createElement(Bo,null)),eo.createElement(op,{appearance:e,controls:i,ref:o,play:i,src:t}))}var np=Ao.div`
|
|
587
|
+
${e=>T(e)} {
|
|
571
588
|
display: flex;
|
|
572
589
|
flex-direction: column;
|
|
573
590
|
justify-content: center;
|
|
574
591
|
}
|
|
575
|
-
`,
|
|
576
|
-
${e=>
|
|
592
|
+
`,sp=Ao.img`
|
|
593
|
+
${e=>T(e)} {
|
|
577
594
|
width: 100%;
|
|
578
595
|
height: auto;
|
|
579
596
|
max-height: 250px;
|
|
580
597
|
margin-bottom: 24px;
|
|
581
598
|
}
|
|
582
|
-
`,
|
|
583
|
-
${e=>
|
|
599
|
+
`,lp=Ao.div`
|
|
600
|
+
${e=>T(e)} {
|
|
584
601
|
margin-bottom: 24px;
|
|
585
602
|
}
|
|
586
|
-
`,
|
|
587
|
-
${e=>
|
|
603
|
+
`,ap=Ao.div`
|
|
604
|
+
${e=>T(e)} {
|
|
588
605
|
width: 100%;
|
|
589
606
|
height: auto;
|
|
590
607
|
max-height: 250px;
|
|
591
608
|
margin-bottom: 24px;
|
|
592
609
|
}
|
|
593
|
-
`;function
|
|
610
|
+
`;function Bi({stepData:e,appearance:t,setCanContinue:o}){return ip(()=>{o(!0)},[]),Dt.createElement(np,{className:l("callToActionContainer",t)},Dt.createElement(lp,{className:l("callToActionTextContainer",t)},Dt.createElement(ke,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&Dt.createElement(sp,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&Dt.createElement(ap,{appearance:t,className:l("callToActionVideo",t)},Dt.createElement(Ve,{appearance:t,videoUri:e.videoUri})))}import Re,{useEffect as dr,useState as cr}from"react";import pt from"styled-components";var Ei=pt.div`
|
|
594
611
|
width: auto;
|
|
595
612
|
display: flex;
|
|
596
613
|
flex-direction: column;
|
|
597
614
|
justify-content: center;
|
|
598
615
|
align-items: center;
|
|
599
616
|
padding: 4px;
|
|
600
|
-
`,
|
|
617
|
+
`,Ai=pt.div`
|
|
601
618
|
width: 100%;
|
|
602
619
|
text-align: left;
|
|
603
|
-
`,
|
|
620
|
+
`,Ni=pt.h1`
|
|
604
621
|
font-style: normal;
|
|
605
622
|
font-weight: 700;
|
|
606
623
|
font-size: 32px;
|
|
607
624
|
line-height: 38px;
|
|
608
625
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
609
|
-
`,
|
|
626
|
+
`,Ii=pt.h1`
|
|
610
627
|
font-style: normal;
|
|
611
628
|
font-weight: 400;
|
|
612
629
|
font-size: 16px;
|
|
@@ -614,7 +631,7 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
614
631
|
margin-top: 16px;
|
|
615
632
|
margin-bottom: 16px;
|
|
616
633
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
617
|
-
`,
|
|
634
|
+
`,Oi=pt.div`
|
|
618
635
|
padding-top: 12px;
|
|
619
636
|
padding-bottom: 12px;
|
|
620
637
|
flex-direction: row;
|
|
@@ -625,17 +642,17 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
625
642
|
cursor: pointer;
|
|
626
643
|
border-bottom: ${e=>e.hideBottomBorder?"none":"1px solid #D8D8D8"};
|
|
627
644
|
width: 100%;
|
|
628
|
-
`,
|
|
645
|
+
`,Li=pt.div`
|
|
629
646
|
padding-top: 10px;
|
|
630
647
|
padding-bottom: 10px;
|
|
631
648
|
flex-direction: row;
|
|
632
649
|
display: flex;
|
|
633
650
|
justify-content: flex-start;
|
|
634
|
-
`,
|
|
651
|
+
`,Di=pt.img`
|
|
635
652
|
width: 42px;
|
|
636
653
|
height: 42px;
|
|
637
654
|
margin-right: 12px;
|
|
638
|
-
|
|
655
|
+
`,$i=pt.p`
|
|
639
656
|
font-style: normal;
|
|
640
657
|
font-weight: 500;
|
|
641
658
|
font-size: 17px;
|
|
@@ -643,8 +660,8 @@ import bt,{createContext as Mp,useEffect as Do,useState as Le}from"react";import
|
|
|
643
660
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
644
661
|
display: flex;
|
|
645
662
|
align-self: center;
|
|
646
|
-
`;var
|
|
647
|
-
${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map(([s,p])=>`${Yo(s)}: ${p};`).join(" ")} }`).join(" ")}`;return oo.createElement(o,{inlineStyles:t})}var Mi=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:r,customVariables:n,customFormElements:s,onComplete:p,appearance:c,hideOnFlowCompletion:a=!0,onStepCompletion:g,onButtonClick:d,dismissible:x=!0,endFlowOnDismiss:S=!1,modalPosition:w="center",repeatable:P=!1,onDismiss:f,showPagination:E=!1,allowBackNavigation:b=!1,validationHandler:y,showFrigadeBranding:A=!1,onFormDataChange:h,showFooter:m=!0,prefillData:B={}})=>{let{getFlow:T,getFlowSteps:F,isLoading:O,targetingLogicShouldHideFlow:N,getFlowStatus:I,getCurrentStepIndex:$,markFlowCompleted:D,markFlowNotStarted:ee}=Y(),M=$(e),{mergeAppearanceWithDefault:te}=Q(),[fe,X]=pp(!1),{setOpenFlowState:W,getOpenFlowState:H,hasOpenModals:Ce}=Te();c=te(c);let[Ie,we]=i!==void 0&&r!==void 0?[i,r]:[H(e,!0),re=>W(e,re)];if(ap(()=>{!fe&&!O&&(X(!0),I(e)===q&&P&&(ee(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(L=>{L.startsWith(lr)&&window.localStorage.removeItem(L)})),X(!0))},[fe,X,O]),O)return null;let me=T(e);if(!me||N(me))return null;let J=F(e);if(!J||i!==void 0&&i===!1||I(e)===q&&a||(o=="modal"||o=="corner-modal")&&Ce(e))return null;let ge=()=>{we(!1),f&&f(),S===!0&&D(e)};if(w=="center"&&o==="modal"||o==="large-modal"){let re={padding:"24px"};return o==="large-modal"?(re.width="85%",re.height="90%",re.maxHeight="800px",re.minHeight="500px",re.padding="0"):re.width="400px",Ge.createElement(He,{appearance:c,onClose:ge,visible:Ie,style:re,dismissible:x,showFrigadeBranding:A},Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{appearance:c,steps:J,selectedStep:M,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:B}))}return o==="modal"&&w!=="center"?Ge.createElement(bo,{appearance:c,onClose:ge,visible:Ie,modalPosition:w},Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{appearance:c,steps:J,selectedStep:M,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:B})):Ge.createElement(Ge.Fragment,null,Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{appearance:c,steps:J,selectedStep:M,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:B}))},Ui=Mi;import{useCallback as zi,useContext as dp,useEffect as cp}from"react";function mr(){let{organizationId:e,userId:t,setOrganizationId:o}=dp(K),{mutateUserFlowState:i}=Ee(),{config:r,apiUrl:n}=We(),s=Et(),{verifySDKInitiated:p}=At();cp(()=>{if(t&&e){if(t.startsWith(Nt))return;let g=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(g)||(s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(g,"true"))}},[t,e]);let c=zi(async g=>{if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let d={foreignUserId:t,foreignUserGroupId:e,properties:g};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(d)}),i()},[e,t,r,i]),a=zi(async(g,d)=>{if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let S={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:d}]};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(S)}),i()},[e,t,r,i]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:c,trackEventForOrganization:a}}var _i="frigade-xFrigade_guestUserId",ro="frigade-xFrigade_userId",Wi=({})=>{let{setFlowResponses:e}=qt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ee(),{userId:r,setUserId:n}=Yt(),[s,p]=ur(null),{getFlowStatus:c}=Y(),{flows:a,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=mp(K),[S,w]=ur([]),[P,f]=ur([]),{organizationId:E}=mr();Oo(()=>{if(!o&&t)for(let h=0;h<t.length;h++){let m=t[h],B=a.find(T=>T.slug===(m==null?void 0:m.flowId));if(B&&m&&m.shouldTrigger===!0&&B.type=="FORM"&&B.triggerType==="AUTOMATIC"&&!P.includes(B.slug)){setTimeout(()=>{b(m.flowId)},500);break}}},[o,t]),Oo(()=>{x.length>0&&i()},[x]);function b(h){let m=a.find(B=>B.slug===h);m&&m.triggerType==="AUTOMATIC"&&!P.includes(m.slug)&&(f([...P,m.slug]),w([m]))}function y(){if(!r){let h=localStorage.getItem(ro);if(h){n(h);return}let m=localStorage.getItem(_i);if(m){n(m);return}d(!0);let B=Nt+up();try{localStorage.setItem(_i,B)}catch(T){console.log("Failed to save guest user id locally: Local storage unavailable",T)}n(T=>T||B)}}Oo(()=>{try{if(a){let h=[];a.forEach(m=>{if(m.data){let B=m.data.match(/"imageUri":"(.*?)"/g);B&&B.forEach(T=>{let F=T.replace('"imageUri":"',"").replace('"',"");if(h.includes(F))return;let O=new Image;O.src=F,h.push(F)})}})}}catch{}},[a]),Oo(()=>{if(r!==s&&e([]),p(r),r&&!r.startsWith(Nt))try{localStorage.setItem(ro,r)}catch(h){console.log("Failed to save user id locally: Local storage available",h)}r===null&&setTimeout(()=>{r===null&&y()},50)},[r,a,g]);function A(){return St.createElement(St.Fragment,null,S.map(h=>c(h.slug)!==Me?null:St.createElement("span",{key:h.slug},St.createElement(Ui,{flowId:h.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return St.createElement(St.Fragment,null,St.createElement(A,null))};import{ErrorBoundary as zp}from"react-error-boundary";import io from"core-js-pure/actual/structured-clone";function fr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function dt(...e){let t=e.shift(),o=e.length===1?e[0]:dt(...e);if(!fr(t)||!fr(o))throw new Error("deepmerge can only merge Objects");let i=io(t);return Object.entries(o).forEach(([r,n])=>{fr(n)?i[r]!==void 0?Object.assign(i,{[r]:dt(i[r],io(n))}):Object.assign(i,{[r]:io(n)}):Array.isArray(n)?i[r]!==void 0?Object.assign(i,{[r]:[...i[r],...io(n)]}):Object.assign(i,{[r]:io(n)}):Object.assign(i,{[r]:n})}),i}var Hi={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 fp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Hi[o]){let r=Hi[o].split("."),n=t;r.forEach((s,p)=>{n[s]||(n[s]=p===r.length-1?i:{}),n=n[s]})}}),t}function gp(e){if(!e)return;let t=dt({},e),o={};return Object.keys(t).forEach(i=>{let r=`.fr-${i}`;o[r]=t[i]}),o}function ji(e){let{theme:t,styleOverrides:o}=e,i=fp(t),r=gp(o);return{overrides:i,css:r}}import Ep from"styled-components";import{compose as Ap,variant as Gi}from"styled-system";import Vi from"react";import xp,{ThemeProvider as hp,useTheme as Cp}from"styled-components";import{border as yp,color as Sp,compose as bp,get as wp,shadow as Tp,space as Fp,system as kp,typography as Pp}from"styled-system";var vp={width:{property:"width",scale:"sizes",transform:(e,t)=>wp(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},Bp=xp("div")(({css:e})=>e,bp(yp,Sp,Tp,Fp,Pp,kp(vp))),no=({as:e,children:t,overrides:o,...i})=>{let r=Cp(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>Vi.createElement(Bp,{as:e,...n,...i},t);if(o!==void 0){let p=dt(r,o);return Vi.createElement(hp,{theme:p},s())}return s()};var so={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"}},Np={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},Ki=Ep(no)(()=>({whiteSpace:"nowrap"}),Ap(Gi({scale:"components.Button",variants:"components.Button"}),Gi({prop:"size",variants:Np})));import Ip from"styled-components";import{variant as Op,system as Lp}from"styled-system";var Lo={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 qi=Ip(no)(Op({scale:"components.Text",variants:"components.Text"}),Lp({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Yi=4,Xi="px",Dp=20,$p=Object.fromEntries(Array.from(Array(Dp+1),(e,t)=>t===0?[.5,`${.5*Yi}${Xi}`]:[t,`${t*Yi}${Xi}`])),$t={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"},gr={colors:{...$t,neutral:{foreground:$t.gray300},primary:{background:$t.blue500,foreground:$t.white,inverted:$t.blue500},negative:{foreground:$t.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:$p,components:{Button:so,Text:Lo}};var Ji="https://api.frigade.com",K=Mp({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:Je,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:Ji,readonly:!1});function _p(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var Wp=({publicApiKey:e,userId:t,organizationId:o,config:i,children:r})=>{var fe,X;let[n,s]=Le(t||null),[p,c]=Le(o||null),[a,g]=Le([]),[d,x]=Le([]),[S,w]=Le([]),[P,f]=Le({}),[E,b]=Le({}),[y,A]=Le([]),[h,m]=Le({}),[B,T]=Le(!1),[F,O]=Le(!1),[N,I]=Le(!ee(e)),$=(W,H)=>{if(H==="_blank"){window.open(W,"_blank");return}setTimeout(()=>{window.location.href=W},50)},D={theme:{...Je.theme,...((fe=i==null?void 0:i.defaultAppearance)==null?void 0:fe.theme)??{}},styleOverrides:{...Je.styleOverrides,...((X=i==null?void 0:i.defaultAppearance)==null?void 0:X.styleOverrides)??{}}};function ee(W){return!!(W&&W.length>10&&W.substring(0,10)==="api_public")}Do(()=>{t&&s(t)},[t]),Do(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(ro)&&window.localStorage.getItem(ro)!==n&&_p()},[n]),Do(()=>{o&&c(o)},[o]),Do(()=>{if(ee(e))I(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),I(!0);return}},[e,I]);let M={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:a,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:S,setFlowResponses:w,userProperties:P,setUserProperties:f,openFlowStates:E,setOpenFlowStates:b,completedFlowsToKeepOpenDuringSession:y,setCompletedFlowsToKeepOpenDuringSession:A,customVariables:h,setCustomVariables:m,isNewGuestUser:B,setIsNewGuestUser:T,hasActiveFullPageFlow:F,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:i&&i.navigate?i.navigate:$,defaultAppearance:D,shouldGracefullyDegrade:N,setShouldGracefullyDegrade:I,apiUrl:i&&i.apiUrl?i.apiUrl:Ji,readonly:i&&i.readonly?i.readonly:!1};if(N)return bt.createElement(K.Provider,{value:M},r);let{overrides:te}=ji(D);return bt.createElement(zp,{fallback:bt.createElement(bt.Fragment,null,r)},bt.createElement(K.Provider,{value:M},bt.createElement(Up,{theme:dt(D.theme,gr,te??{},(i==null?void 0:i.theme)??{})},r,bt.createElement(Wi,null))))};import Ad from"react";import ce,{useEffect as Ps,useState as vs}from"react";import _e,{useState as nd}from"react";import Ft from"styled-components";import Uo from"react";import wt from"react";import Zi from"styled-components";var Qi=Zi.span`
|
|
663
|
+
`;var Mi=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let r=e.props,[n,s]=cr([]),[p,c]=cr(!1),[a,g]=cr(e.id);return dr(()=>{n.length==0&&!p&&(c(!0),o({choice:[]}))},[p]),dr(()=>{a!==e.id&&(g(e.id),s([]))},[e]),dr(()=>{o({choice:n}),n.length>=r.minChoices?t(!0):t(!1)},[n]),Re.createElement(Ei,{className:l("selectListContainer",i)},Re.createElement(Ai,null,Re.createElement(Ni,{className:l("selectListTitle",i)},e.title),Re.createElement(Ii,{appearance:i,className:l("selectListSubtitle",i)},e.subtitle)),r.options.map((d,x)=>{let b=n.includes(d.id);return Re.createElement(Oi,{key:`select-item-${x}`,onClick:()=>{if(n.includes(d.id)){s(n.filter(w=>w!==d.id));return}n.length<r.maxChoices?s([...n,d.id]):n.length==1&&r.maxChoices==1&&s([d.id])},hideBottomBorder:x===r.options.length-1,className:l("selectListSelectItem",i)},Re.createElement(Li,{className:l("selectListItemImage",i)},d.imageUri&&Re.createElement(Di,{src:d.imageUri,alt:`select-icon-${x}`}),Re.createElement($i,{appearance:i,className:l("selectListSelectItemText",i)},d.title)),Re.createElement(Ze,{appearance:i,value:b,primaryColor:i.theme.colorPrimary}))}))};import Pe,{useEffect as No,useState as to}from"react";var pp=({children:e,id:t,shouldWrap:o=!1})=>Pe.createElement(Pe.Fragment,null,o?Pe.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),Io=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:r,onButtonClick:n,onStepCompletion:s,flowId:p,type:c,hideOnFlowCompletion:a,onComplete:g,setVisible:d,setShowModal:x,onDismiss:b,showPagination:w=!1,customFormElements:P,allowBackNavigation:f,validationHandler:E,onFormDataChange:S,showFooter:y,prefillData:A})=>{var j;let m={...{linkCollection:vi,multiInput:xi,callToAction:Bi,selectList:Mi},...i},{primaryCTAClickSideEffects:B,secondaryCTAClickSideEffects:F}=ie(),[k,O]=to(!1),[N,I]=to({}),[$,D]=to(!1),[ee,M]=to(!1),[te,fe]=to(null),X=t[o]??null,{markStepCompleted:_,markStepStarted:H,isLoading:Ce,updateCustomVariables:Ie,markFlowCompleted:we}=Y();No(()=>{Ie(r)},[r,Ce]),No(()=>{S&&S(N,me(),t[o],o)},[N]),No(()=>{window&&f&&!ee&&(window.location.hash=t[o].id,M(!0))},[f,ee,M]),No(()=>{var V;if(window&&((V=window==null?void 0:window.location)!=null&&V.hash)&&window.location.hash.replace("#","")!==t[o].id){let ne=window.location.hash.replace("#",""),se=t.findIndex(pe=>pe.id===ne);se!==-1&&H(p,t[se].id)}},[(j=window==null?void 0:window.location)==null?void 0:j.hash,H,o,t]);function me(){return{data:N[t[o].id]??{},stepId:t[o].id,customVariables:r}}function J(V,ne,se){let pe=o+1<t.length?t[o+1]:null;return s&&s(V,se,pe,N,me()),n?n(V,o,ne,pe):!0}function ge(V,ne){I(se=>{let pe={};return pe[V.id]=ne,{...se,...pe}})}function re(V){return V.selectedStep.imageUri?Pe.createElement(Ti,{image:V.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let L=y&&Pe.createElement(ki,{step:t[o],canContinue:k&&!$,formType:c,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(D(!0),E){let se=await E(t[o],o,t[o+1],N,me());if(se||se===!1){fe(typeof se=="string"?se:null),D(!1);return}else fe(null)}let V={...me()};await _(p,t[o].id,V),o+1<t.length&&await H(p,t[o+1].id);let ne=J(t[o],"primary",o);o+1>=t.length&&(g&&g(),b&&b(),a&&ne&&(d&&d(!1),x(!1)),await we(p)),B(t[o]),D(!1),window&&f&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{J(t[o],"secondary",o),F(t[o])},onBack:async()=>{o-1>=0&&(D(!0),await H(p,t[o-1].id),D(!1))},steps:t,allowBackNavigation:f,errorMessage:te});return Pe.createElement(Pe.Fragment,null,Pe.createElement(Si,{className:l("formContainer",e)},Pe.createElement(bi,null,Pe.createElement(pp,{id:o,shouldWrap:c==="large-modal"},Pe.createElement(wi,{key:X.id,type:c,className:l("formContent",e)},t.map(V=>{let ne=m[V.type];return X.id!==V.id?null:Pe.createElement(ne,{key:V.id,stepData:V,canContinue:k,setCanContinue:O,onSaveData:se=>{ge(V,se)},appearance:e,customFormElements:P,flowId:p,prefillData:A})}),w&&Pe.createElement(Pi,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),L))),c=="large-modal"&&Pe.createElement(re,{selectedStep:t[o]})))};import oo from"react";import{createGlobalStyle as dp}from"styled-components";function oe({appearance:e}){if(!e||!e.styleOverrides)return oo.createElement(oo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([i,r])=>typeof r=="object");if(t.length===0)return oo.createElement(oo.Fragment,null);let o=dp`
|
|
664
|
+
${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map(([s,p])=>`${Yo(s)}: ${p};`).join(" ")} }`).join(" ")}`;return oo.createElement(o,{inlineStyles:t})}var Ui=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:r,customVariables:n,customFormElements:s,onComplete:p,appearance:c,hideOnFlowCompletion:a=!0,onStepCompletion:g,onButtonClick:d,dismissible:x=!0,endFlowOnDismiss:b=!1,modalPosition:w="center",repeatable:P=!1,onDismiss:f,showPagination:E=!1,allowBackNavigation:S=!1,validationHandler:y,showFrigadeBranding:A=!1,onFormDataChange:h,showFooter:m=!0,prefillData:B={}})=>{let{getFlow:F,getFlowSteps:k,isLoading:O,targetingLogicShouldHideFlow:N,getFlowStatus:I,getCurrentStepIndex:$,markFlowCompleted:D,markFlowNotStarted:ee}=Y(),M=$(e),{mergeAppearanceWithDefault:te}=Q(),[fe,X]=mp(!1),{setOpenFlowState:_,getOpenFlowState:H,hasOpenModals:Ce}=Te();c=te(c);let[Ie,we]=i!==void 0&&r!==void 0?[i,r]:[H(e,!0),re=>_(e,re)];if(cp(()=>{!fe&&!O&&(X(!0),I(e)===q&&P&&(ee(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(L=>{L.startsWith(lr)&&window.localStorage.removeItem(L)})),X(!0))},[fe,X,O]),O)return null;let me=F(e);if(!me||N(me))return null;let J=k(e);if(!J||i!==void 0&&i===!1||I(e)===q&&a||(o=="modal"||o=="corner-modal")&&Ce(e))return null;let ge=()=>{we(!1),f&&f(),b===!0&&D(e)};if(w=="center"&&o==="modal"||o==="large-modal"){let re={padding:"24px"};return o==="large-modal"?(re.width="85%",re.height="90%",re.maxHeight="800px",re.minHeight="500px",re.padding="0"):re.width="400px",Ge.createElement(He,{appearance:c,onClose:ge,visible:Ie,style:re,dismissible:x,showFrigadeBranding:A},Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{appearance:c,steps:J,selectedStep:M,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:S,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:B}))}return o==="modal"&&w!=="center"?Ge.createElement(bo,{appearance:c,onClose:ge,visible:Ie,modalPosition:w},Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{appearance:c,steps:J,selectedStep:M,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:S,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:B})):Ge.createElement(Ge.Fragment,null,Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{appearance:c,steps:J,selectedStep:M,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:S,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:B}))},zi=Ui;import{useCallback as Wi,useContext as up,useEffect as fp}from"react";function mr(){let{organizationId:e,userId:t,setOrganizationId:o}=up(K),{mutateUserFlowState:i}=Ee(),{config:r,apiUrl:n}=_e(),s=Et(),{verifySDKInitiated:p}=At();fp(()=>{if(t&&e){if(t.startsWith(Nt))return;let g=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(g)||(s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(g,"true"))}},[t,e]);let c=Wi(async g=>{if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let d={foreignUserId:t,foreignUserGroupId:e,properties:g};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(d)}),i()},[e,t,r,i]),a=Wi(async(g,d)=>{if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let b={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:d}]};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(b)}),i()},[e,t,r,i]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:c,trackEventForOrganization:a}}var _i="frigade-xFrigade_guestUserId",ro="frigade-xFrigade_userId",Hi=({})=>{let{setFlowResponses:e}=qt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ee(),{userId:r,setUserId:n}=Yt(),[s,p]=ur(null),{getFlowStatus:c}=Y(),{flows:a,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=gp(K),[b,w]=ur([]),[P,f]=ur([]),{organizationId:E}=mr();Oo(()=>{if(!o&&t)for(let h=0;h<t.length;h++){let m=t[h],B=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(B&&m&&m.shouldTrigger===!0&&B.type=="FORM"&&B.triggerType==="AUTOMATIC"&&!P.includes(B.slug)){setTimeout(()=>{S(m.flowId)},500);break}}},[o,t]),Oo(()=>{x.length>0&&i()},[x]);function S(h){let m=a.find(B=>B.slug===h);m&&m.triggerType==="AUTOMATIC"&&!P.includes(m.slug)&&(f([...P,m.slug]),w([m]))}function y(){if(!r){let h=localStorage.getItem(ro);if(h){n(h);return}let m=localStorage.getItem(_i);if(m){n(m);return}d(!0);let B=Nt+xp();try{localStorage.setItem(_i,B)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}n(F=>F||B)}}Oo(()=>{try{if(a){let h=[];a.forEach(m=>{if(m.data){let B=m.data.match(/"imageUri":"(.*?)"/g);B&&B.forEach(F=>{let k=F.replace('"imageUri":"',"").replace('"',"");if(h.includes(k))return;let O=new Image;O.src=k,h.push(k)})}})}}catch{}},[a]),Oo(()=>{if(r!==s&&e([]),p(r),r&&!r.startsWith(Nt))try{localStorage.setItem(ro,r)}catch(h){console.log("Failed to save user id locally: Local storage available",h)}r===null&&setTimeout(()=>{r===null&&y()},50)},[r,a,g]);function A(){return St.createElement(St.Fragment,null,b.map(h=>c(h.slug)!==Me?null:St.createElement("span",{key:h.slug},St.createElement(zi,{flowId:h.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return St.createElement(St.Fragment,null,St.createElement(A,null))};import{ErrorBoundary as Hp}from"react-error-boundary";import io from"core-js-pure/actual/structured-clone";function fr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function dt(...e){let t=e.shift(),o=e.length===1?e[0]:dt(...e);if(!fr(t)||!fr(o))throw new Error("deepmerge can only merge Objects");let i=io(t);return Object.entries(o).forEach(([r,n])=>{fr(n)?i[r]!==void 0?Object.assign(i,{[r]:dt(i[r],io(n))}):Object.assign(i,{[r]:io(n)}):Array.isArray(n)?i[r]!==void 0?Object.assign(i,{[r]:[...i[r],...io(n)]}):Object.assign(i,{[r]:io(n)}):Object.assign(i,{[r]:n})}),i}var ji={colorPrimary:"colors.primary.background",colorText:"colors.neutral.foreground",colorBackground:"colors.neutral.background",colorBackgroundSecondary:"colors.secondary.background",colorTextOnPrimaryBackground:"colors.primary.foreground",colorTextSecondary:"colors.secondary.foreground",colorTextDisabled:"colors.gray700",colorBorder:"colors.gray800",colorTextError:"colors.negative.foreground",borderRadius:"radii.lg"};function hp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(ji[o]){let r=ji[o].split("."),n=t;r.forEach((s,p)=>{n[s]||(n[s]=p===r.length-1?i:{}),n=n[s]})}}),t}function Cp(e){if(!e)return;let t=dt({},e),o={};return Object.keys(t).forEach(i=>{let r=`.fr-${i}`;o[r]=t[i]}),o}function Vi(e){let{theme:t,styleOverrides:o}=e,i=hp(t),r=Cp(o);return{overrides:i,css:r}}import Ip from"styled-components";import{compose as Op,variant as Ki}from"styled-system";import Gi from"react";import yp,{ThemeProvider as Sp,useTheme as bp}from"styled-components";import{border as wp,color as Tp,compose as Fp,get as kp,shadow as Pp,space as vp,system as Bp,typography as Ep}from"styled-system";var Ap={width:{property:"width",scale:"sizes",transform:(e,t)=>kp(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},Np=yp("div")(({css:e})=>e,Fp(wp,Tp,Pp,vp,Ep,Bp(Ap))),no=({as:e,children:t,overrides:o,...i})=>{let r=bp(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>Gi.createElement(Np,{as:e,...n,...i},t);if(o!==void 0){let p=dt(r,o);return Gi.createElement(Sp,{theme:p},s())}return s()};var so={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"}},Lp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},qi=Ip(no)(()=>({whiteSpace:"nowrap"}),Op(Ki({scale:"components.Button",variants:"components.Button"}),Ki({prop:"size",variants:Lp})));import Dp from"styled-components";import{variant as $p,system as Mp}from"styled-system";var Lo={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 Yi=Dp(no)($p({scale:"components.Text",variants:"components.Text"}),Mp({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Xi=4,Ji="px",Up=20,zp=Object.fromEntries(Array.from(Array(Up+1),(e,t)=>t===0?[.5,`${.5*Xi}${Ji}`]:[t,`${t*Xi}${Ji}`])),$t={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"},gr={colors:{...$t,neutral:{foreground:$t.gray300},primary:{background:$t.blue500,foreground:$t.white,inverted:$t.blue500},negative:{foreground:$t.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:zp,components:{Button:so,Text:Lo}};var Qi="https://api.frigade.com",K=Wp({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:Qe,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:Qi,readonly:!1});function jp(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var Vp=({publicApiKey:e,userId:t,organizationId:o,config:i,children:r})=>{var fe,X;let[n,s]=Le(t||null),[p,c]=Le(o||null),[a,g]=Le([]),[d,x]=Le([]),[b,w]=Le([]),[P,f]=Le({}),[E,S]=Le({}),[y,A]=Le([]),[h,m]=Le({}),[B,F]=Le(!1),[k,O]=Le(!1),[N,I]=Le(!ee(e)),$=(_,H)=>{if(H==="_blank"){window.open(_,"_blank");return}setTimeout(()=>{window.location.href=_},50)},D={theme:{...Qe.theme,...((fe=i==null?void 0:i.defaultAppearance)==null?void 0:fe.theme)??{}},styleOverrides:{...Qe.styleOverrides,...((X=i==null?void 0:i.defaultAppearance)==null?void 0:X.styleOverrides)??{}}};function ee(_){return!!(_&&_.length>10&&_.substring(0,10)==="api_public")}Do(()=>{t&&s(t)},[t]),Do(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(ro)&&window.localStorage.getItem(ro)!==n&&jp()},[n]),Do(()=>{o&&c(o)},[o]),Do(()=>{if(ee(e))I(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),I(!0);return}},[e,I]);let M={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:a,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:b,setFlowResponses:w,userProperties:P,setUserProperties:f,openFlowStates:E,setOpenFlowStates:S,completedFlowsToKeepOpenDuringSession:y,setCompletedFlowsToKeepOpenDuringSession:A,customVariables:h,setCustomVariables:m,isNewGuestUser:B,setIsNewGuestUser:F,hasActiveFullPageFlow:k,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:i&&i.navigate?i.navigate:$,defaultAppearance:D,shouldGracefullyDegrade:N,setShouldGracefullyDegrade:I,apiUrl:i&&i.apiUrl?i.apiUrl:Qi,readonly:i&&i.readonly?i.readonly:!1};if(N)return bt.createElement(K.Provider,{value:M},r);let{overrides:te}=Vi(D);return bt.createElement(Hp,{fallback:bt.createElement(bt.Fragment,null,r)},bt.createElement(K.Provider,{value:M},bt.createElement(_p,{theme:dt(D.theme,gr,te??{},(i==null?void 0:i.theme)??{})},r,bt.createElement(Hi,null))))};import Od from"react";import ce,{useEffect as vs,useState as Bs}from"react";import We,{useState as ad}from"react";import Ft from"styled-components";import Uo from"react";import wt from"react";import Ri from"styled-components";var Zi=Ri.span`
|
|
648
665
|
font-weight: 600;
|
|
649
666
|
font-size: 14px;
|
|
650
667
|
font-style: normal;
|
|
@@ -655,7 +672,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
655
672
|
vertical-align: middle;
|
|
656
673
|
margin-left: 32px;
|
|
657
674
|
padding-right: 12px;
|
|
658
|
-
`,
|
|
675
|
+
`,Gp=Ri.div`
|
|
659
676
|
flex-direction: row;
|
|
660
677
|
justify-content: space-between;
|
|
661
678
|
display: flex;
|
|
@@ -663,11 +680,11 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
663
680
|
padding-bottom: 20px;
|
|
664
681
|
padding-right: 8px;
|
|
665
682
|
width: 100%;
|
|
666
|
-
`,$o=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:r,primaryColor:n="#000000",checkBoxType:s="round",appearance:p})=>wt.createElement(wt.Fragment,null,wt.createElement(
|
|
683
|
+
`,$o=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:r,primaryColor:n="#000000",checkBoxType:s="round",appearance:p})=>wt.createElement(wt.Fragment,null,wt.createElement(Gp,{className:l("checklistStepsContainer",p),appearance:p,style:{...r}},i==="left"&&e&&wt.createElement(Zi,{className:l("checklistStepLabel",p),style:o},e),wt.createElement(Ze,{appearance:p,value:t,type:s,primaryColor:n}),i==="right"&&e&&wt.createElement(Zi,{className:l("checklistStepLabel",p),style:o},e)),wt.createElement(oe,{appearance:p}));import lo from"styled-components";var en=lo.div`
|
|
667
684
|
font-weight: 700;
|
|
668
685
|
font-size: 18px;
|
|
669
686
|
line-height: 22px;
|
|
670
|
-
`,
|
|
687
|
+
`,tn=lo.p`
|
|
671
688
|
font-weight: 600;
|
|
672
689
|
font-size: 16px;
|
|
673
690
|
line-height: 24px;
|
|
@@ -675,7 +692,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
675
692
|
letter-spacing: 0.32px;
|
|
676
693
|
font-style: normal;
|
|
677
694
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
678
|
-
`,
|
|
695
|
+
`,on=lo.p`
|
|
679
696
|
font-weight: 400;
|
|
680
697
|
font-size: 14px;
|
|
681
698
|
font-style: normal;
|
|
@@ -691,38 +708,38 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
691
708
|
height: 100%;
|
|
692
709
|
border-top-right-radius: 4px;
|
|
693
710
|
border-bottom-right-radius: 4px;
|
|
694
|
-
`,
|
|
711
|
+
`,rn=lo.div`
|
|
695
712
|
flex-direction: row;
|
|
696
713
|
justify-content: flex-start;
|
|
697
714
|
border-bottom: 1px solid ${e=>e.theme.colorBorder};
|
|
698
715
|
padding-right: 16px;
|
|
699
|
-
`;var
|
|
716
|
+
`;var nn=({data:e,index:t,isSelected:o,primaryColor:i,style:r,onClick:n,appearance:s})=>{var p,c;return Uo.createElement("div",{style:{position:"relative",paddingLeft:"0px"},onClick:()=>{n()}},o&&Uo.createElement(Mo,{className:l("checklistStepItemSelectedIndicator",s),layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??i}}),Uo.createElement(rn,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,appearance:s,role:"listitem"},Uo.createElement($o,{value:e.complete,labelPosition:"left",label:e.stepName??e.title,style:r,primaryColor:((c=s==null?void 0:s.theme)==null?void 0:c.colorPrimary)??i,appearance:s})))};import Tt from"react";import xr from"styled-components";import et from"styled-components";var rh=et.div`
|
|
700
717
|
background: #ffffff;
|
|
701
718
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
702
719
|
border-radius: 20px;
|
|
703
720
|
width: 385px;
|
|
704
721
|
padding: 24px 16px 16px 16px;
|
|
705
|
-
`,
|
|
722
|
+
`,ih=et.div`
|
|
706
723
|
/* Border bottom only on collapsable */
|
|
707
|
-
`,
|
|
724
|
+
`,nh=et.div`
|
|
708
725
|
display: flex;
|
|
709
726
|
flex-direction: row;
|
|
710
727
|
justify-content: space-between;
|
|
711
728
|
align-content: flex-start;
|
|
712
|
-
`,
|
|
729
|
+
`,sh=et.h1`
|
|
713
730
|
display: flex;
|
|
714
731
|
margin: 0;
|
|
715
732
|
font-size: 18px;
|
|
716
|
-
`,
|
|
733
|
+
`,lh=et.h2`
|
|
717
734
|
font-size: 15px;
|
|
718
735
|
color: #4d4d4d;
|
|
719
|
-
`,
|
|
736
|
+
`,ah=et.ul`
|
|
720
737
|
list-style: none;
|
|
721
|
-
`,
|
|
738
|
+
`,ph=et.li`
|
|
722
739
|
display: flex;
|
|
723
740
|
justify-content: flex-start;
|
|
724
741
|
flex-direction: row;
|
|
725
|
-
`,
|
|
742
|
+
`,sn=et.div`
|
|
726
743
|
position: absolute;
|
|
727
744
|
left: 0;
|
|
728
745
|
top: 0;
|
|
@@ -730,7 +747,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
730
747
|
width: ${e=>e.fgWidth};
|
|
731
748
|
border-radius: 20px;
|
|
732
749
|
background-color: ${e=>e.theme.colorPrimary};
|
|
733
|
-
`,
|
|
750
|
+
`,ln=et.div`
|
|
734
751
|
position: relative;
|
|
735
752
|
left: 0;
|
|
736
753
|
top: 0;
|
|
@@ -740,7 +757,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
740
757
|
border-radius: 20px;
|
|
741
758
|
background-color: ${e=>e.theme.colorPrimary};
|
|
742
759
|
opacity: 0.12;
|
|
743
|
-
`;var
|
|
760
|
+
`;var Kp=xr.div`
|
|
744
761
|
display: flex;
|
|
745
762
|
flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
|
|
746
763
|
justify-content: flex-start;
|
|
@@ -748,11 +765,11 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
748
765
|
width: 100%;
|
|
749
766
|
|
|
750
767
|
${e=>Xe(e)}
|
|
751
|
-
`,
|
|
768
|
+
`,qp=xr.div`
|
|
752
769
|
flex-grow: 1;
|
|
753
770
|
position: relative;
|
|
754
771
|
${e=>e.textLocation=="top"?"width: 100%;":""}
|
|
755
|
-
`,
|
|
772
|
+
`,Yp=xr.span`
|
|
756
773
|
font-weight: 600;
|
|
757
774
|
font-size: 14px;
|
|
758
775
|
line-height: 18px;
|
|
@@ -760,13 +777,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
760
777
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
761
778
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
762
779
|
${e=>Xe(e)}
|
|
763
|
-
`;var De=({count:e,total:t,display:o="count",textLocation:i="left",style:r={},textStyle:n={},appearance:s})=>{if(t===0)return Tt.createElement(Tt.Fragment,null);let p=e===0?"10px":`${e/t*100}%`,c=o==="compact"?"5px":"10px",a=Math.round(e/t*100),g=o==="compact"?"5px":"14px",d;return o==="count"?d=`${e}/${t}`:o==="compact"?d=`${a}%`:o==="percent"&&(d=`${a}% complete`),i==="top"&&(g="0px"),Tt.createElement(
|
|
780
|
+
`;var De=({count:e,total:t,display:o="count",textLocation:i="left",style:r={},textStyle:n={},appearance:s})=>{if(t===0)return Tt.createElement(Tt.Fragment,null);let p=e===0?"10px":`${e/t*100}%`,c=o==="compact"?"5px":"10px",a=Math.round(e/t*100),g=o==="compact"?"5px":"14px",d;return o==="count"?d=`${e}/${t}`:o==="compact"?d=`${a}%`:o==="percent"&&(d=`${a}% complete`),i==="top"&&(g="0px"),Tt.createElement(Kp,{className:l("progressBarContainer",s),textLocation:i,styleOverrides:r},Tt.createElement(Yp,{className:l("progressBarStepText",s),style:{...n,fontSize:o==="compact"?12:14,fontWeight:o==="compact"?400:600},appearance:s,padding:g,textLocation:i},d),Tt.createElement(qp,{textLocation:i,className:l("progressBar",s)},Tt.createElement(sn,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:c,appearance:s,className:l("progressBarFill",s)}),Tt.createElement(ln,{className:l("progressBarBackground",s),barHeight:c,appearance:s})))};import ao from"react";import Jp from"styled-components";import Wo from"react";import zo from"react";var Mt=({stepData:e,appearance:t})=>zo.createElement(zo.Fragment,null,zo.createElement(tn,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:le(e.title)}),zo.createElement(on,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:le(e.subtitle)}));import hr from"react";var Ut=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return hr.createElement(vo,{className:l("ctaContainer",t)},hr.createElement(Z,{appearance:t,title:e.primaryButtonTitle,onClick:o}),e.secondaryButtonTitle&&hr.createElement(Z,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}))};var zt=({stepData:e,appearance:t})=>Wo.createElement(Wo.Fragment,null,Wo.createElement(Mt,{stepData:e,appearance:t}),Wo.createElement(Ut,{stepData:e,appearance:t}));import Xp from"react";function an(e){return Xp.createElement(Ve,{appearance:e.appearance,videoUri:e.videoUri})}var Cr="default",Qp=Jp.img`
|
|
764
781
|
border-radius: 4px;
|
|
765
782
|
max-height: 260px;
|
|
766
783
|
min-height: 200px;
|
|
767
|
-
`,
|
|
784
|
+
`,pn=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return ao.createElement("div",null,o)}return ao.createElement(en,{className:l("checklistStepContent",t)},e.imageUri?ao.createElement(Qp,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?ao.createElement(an,{videoUri:e.videoUri,appearance:t}):null,ao.createElement(zt,{stepData:e,appearance:t}))};import Ae,{useRef as Zp,useState as Rp}from"react";import Wt from"styled-components";var dn=Wt.div`
|
|
768
785
|
display: block;
|
|
769
|
-
`,
|
|
786
|
+
`,ed=Wt.div`
|
|
770
787
|
display: flex;
|
|
771
788
|
flex-direction: row;
|
|
772
789
|
flex-wrap: wrap;
|
|
@@ -776,20 +793,20 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
776
793
|
align-content: center;
|
|
777
794
|
margin-top: 24px;
|
|
778
795
|
margin-bottom: 24px;
|
|
779
|
-
`,
|
|
796
|
+
`,td=Wt.div`
|
|
780
797
|
display: flex;
|
|
781
798
|
align-items: center;
|
|
782
799
|
justify-content: flex-start;
|
|
783
800
|
flex-direction: column;
|
|
784
801
|
margin-right: 16px;
|
|
785
|
-
`,
|
|
802
|
+
`,od=Wt.video`
|
|
786
803
|
width: 200px;
|
|
787
804
|
height: 120px;
|
|
788
|
-
`,
|
|
805
|
+
`,rd=Wt.div`
|
|
789
806
|
font-size: 14px;
|
|
790
807
|
line-height: 20px;
|
|
791
808
|
text-align: center;
|
|
792
|
-
`,
|
|
809
|
+
`,id=Wt.div`
|
|
793
810
|
position: absolute;
|
|
794
811
|
width: 200px;
|
|
795
812
|
height: 120px;
|
|
@@ -809,9 +826,9 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
809
826
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
810
827
|
border-radius: 50%;
|
|
811
828
|
}
|
|
812
|
-
`,
|
|
829
|
+
`,cn="videoCarousel",mn=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return Ae.createElement(dn,null,Ae.createElement(zt,{stepData:e,appearance:t}));function o({video:n}){let s=Zp(),[p,c]=Rp(!1);return Ae.createElement(td,null,!p&&Ae.createElement(id,{onClick:()=>{c(!0),s.current.play()},appearance:t},Ae.createElement(Bo,null)),Ae.createElement(od,{controls:p,ref:s,play:p,src:n.uri}),Ae.createElement(rd,null,n.title))}let i=e.props;return i.videos?Ae.createElement(dn,null,Ae.createElement(Mt,{stepData:e,appearance:t}),Ae.createElement(ed,null,i.videos.map((n,s)=>Ae.createElement("span",{key:`${n.uri}-${s}`},Ae.createElement(o,{video:n})))),Ae.createElement(Ut,{stepData:e,appearance:t})):null};import tt from"react";import _o from"styled-components";var un=_o.div`
|
|
813
830
|
display: block;
|
|
814
|
-
`,
|
|
831
|
+
`,nd=_o.pre`
|
|
815
832
|
display: block;
|
|
816
833
|
background-color: #2a2a2a;
|
|
817
834
|
color: #f8f8f8;
|
|
@@ -827,27 +844,28 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
827
844
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
828
845
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
829
846
|
margin-bottom: 24px;
|
|
830
|
-
`,
|
|
847
|
+
`,sd=_o.div`
|
|
831
848
|
font-size: 15px;
|
|
832
849
|
line-height: 20px;
|
|
833
850
|
margin-bottom: 12px;
|
|
834
851
|
margin-top: 12px;
|
|
835
|
-
`,
|
|
852
|
+
`,ld=_o.div`
|
|
836
853
|
margin-top: 24px;
|
|
837
|
-
`,
|
|
854
|
+
`,fn="codeSnippet",gn=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return tt.createElement(un,null,tt.createElement(zt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?tt.createElement(un,null,tt.createElement(Mt,{stepData:e,appearance:t}),tt.createElement(ld,null,o.codeSnippets.map((r,n)=>tt.createElement("div",{key:n},r.title?tt.createElement(sd,null,r.title):null,r.code?tt.createElement(nd,null,r.code):null))),tt.createElement(Ut,{stepData:e,appearance:t})):null};var pd=Ft.div`
|
|
838
855
|
display: flex;
|
|
839
856
|
flex-direction: row;
|
|
857
|
+
overflow: hidden;
|
|
840
858
|
min-width: ${e=>e.type!="modal"?"600px":"100%"};
|
|
841
859
|
background: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
842
860
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
843
|
-
`,
|
|
861
|
+
`,dd=Ft.h1`
|
|
844
862
|
font-size: 18px;
|
|
845
863
|
font-style: normal;
|
|
846
864
|
font-weight: 700;
|
|
847
865
|
line-height: 24px;
|
|
848
866
|
letter-spacing: 0.36px;
|
|
849
867
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
850
|
-
`,
|
|
868
|
+
`,cd=Ft.h2`
|
|
851
869
|
font-size: 14px;
|
|
852
870
|
font-style: normal;
|
|
853
871
|
font-weight: 400;
|
|
@@ -855,44 +873,44 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
855
873
|
letter-spacing: 0.28px;
|
|
856
874
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
857
875
|
margin: 10px 0px 0px 0px;
|
|
858
|
-
`,
|
|
876
|
+
`,xn=Ft.div``,md=Ft.div`
|
|
859
877
|
list-style: none;
|
|
860
878
|
padding: 0;
|
|
861
879
|
margin: 0;
|
|
862
880
|
cursor: pointer;
|
|
863
881
|
width: 300px;
|
|
864
|
-
`,
|
|
882
|
+
`,ud=Ft.div`
|
|
865
883
|
width: 1px;
|
|
866
884
|
margin-right: 40px;
|
|
867
885
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
868
|
-
`,
|
|
886
|
+
`,fd=Ft.div`
|
|
869
887
|
flex: 2;
|
|
870
888
|
padding: 2rem 2rem 2rem 0rem;
|
|
871
|
-
`,
|
|
889
|
+
`,gd=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:r,setSelectedStep:n,className:s="",customStepTypes:p=new Map,appearance:c,type:a})=>{let{mergeAppearanceWithDefault:g}=Q();c=g(c);let x={...{[Cr]:pn,[cn]:mn,[fn]:gn},...p},[b,w]=ad(0),P=r??b,f=n??w,E=o.filter(y=>y.complete===!0).length,S=()=>{var y;return!((y=o[P])!=null&&y.type)||!x[o[P].type]?x[Cr]({stepData:o[P],appearance:c}):x[o[P].type]({stepData:o[P],appearance:c})};return We.createElement(pd,{type:a,style:i,className:s,appearance:c},We.createElement(xn,{style:{flex:1}},We.createElement(xn,{style:{padding:"28px 0px 28px 28px",borderBottom:"1px solid #E5E5E5"}},We.createElement(dd,{className:l("checklistTitle",c),appearance:c},e),We.createElement(cd,{className:l("checklistSubtitle",c),appearance:c},t),We.createElement(De,{total:o.length,count:E,style:{marginTop:"24px",paddingRight:"40px"},appearance:c})),We.createElement(md,{className:l("checklistStepsContainer",c)},o.map((y,A)=>We.createElement(nn,{data:y,index:A,key:A,listLength:o.length,isSelected:A===P,primaryColor:c.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{f(A)}})))),We.createElement(ud,{appearance:c,className:l("checklistDivider",c)}),We.createElement(fd,null,We.createElement(S,null)))},yr=gd;import U,{useState as Sd}from"react";import hn from"react";import xd from"styled-components";var hd=xd.svg`
|
|
872
890
|
transition: 'transform 0.35s ease-in-out';
|
|
873
|
-
`,
|
|
891
|
+
`,_t=({style:e,className:t})=>hn.createElement(hd,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},hn.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import ue from"styled-components";var Sr={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},Cn=ue.div`
|
|
874
892
|
max-height: 350px;
|
|
875
893
|
padding-bottom: 40px;
|
|
876
|
-
`,
|
|
894
|
+
`,yn=ue.div`
|
|
877
895
|
display: flex;
|
|
878
896
|
flex-direction: column;
|
|
879
897
|
margin-top: 20px;
|
|
880
|
-
`,
|
|
898
|
+
`,Sn=ue.h1`
|
|
881
899
|
font-style: normal;
|
|
882
900
|
font-weight: 600;
|
|
883
901
|
font-size: 30px;
|
|
884
902
|
line-height: 36px;
|
|
885
903
|
margin-bottom: 16px;
|
|
886
904
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
887
|
-
`,
|
|
905
|
+
`,bn=ue.h2`
|
|
888
906
|
font-weight: 400;
|
|
889
907
|
font-size: 16px;
|
|
890
908
|
line-height: 20px;
|
|
891
909
|
margin-bottom: 16px;
|
|
892
910
|
padding-left: 1px;
|
|
893
911
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
894
|
-
`,
|
|
895
|
-
${e=>
|
|
912
|
+
`,wn=ue.div`
|
|
913
|
+
${e=>T(e)} {
|
|
896
914
|
border: 1px solid #fafafa;
|
|
897
915
|
}
|
|
898
916
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
@@ -901,12 +919,12 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
901
919
|
flex-direction: column;
|
|
902
920
|
min-height: 240px;
|
|
903
921
|
overflow: hidden;
|
|
904
|
-
`,
|
|
922
|
+
`,Tn=ue.div`
|
|
905
923
|
display: flex;
|
|
906
924
|
flex-direction: row;
|
|
907
925
|
justify-content: space-between;
|
|
908
|
-
`,
|
|
909
|
-
${e=>
|
|
926
|
+
`,Fn=ue.p`
|
|
927
|
+
${e=>T(e)} {
|
|
910
928
|
font-weight: 400;
|
|
911
929
|
font-size: 10px;
|
|
912
930
|
line-height: 12px;
|
|
@@ -914,13 +932,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
914
932
|
color: #8c8c8c;
|
|
915
933
|
margin: 20px;
|
|
916
934
|
}
|
|
917
|
-
`,
|
|
935
|
+
`,kn=ue.div`
|
|
918
936
|
display: flex;
|
|
919
937
|
flex-direction: row;
|
|
920
|
-
`,kn=ue.div`
|
|
921
|
-
flex: 1;
|
|
922
938
|
`,Pn=ue.div`
|
|
923
|
-
|
|
939
|
+
flex: 1;
|
|
940
|
+
`,vn=ue.div`
|
|
941
|
+
${e=>T(e)} {
|
|
924
942
|
display: flex;
|
|
925
943
|
justify-content: center;
|
|
926
944
|
align-content: center;
|
|
@@ -929,8 +947,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
929
947
|
padding-left: 8px;
|
|
930
948
|
padding-right: 8px;
|
|
931
949
|
}
|
|
932
|
-
`,
|
|
933
|
-
${e=>
|
|
950
|
+
`,Bn=ue.p`
|
|
951
|
+
${e=>T(e)} {
|
|
934
952
|
font-style: normal;
|
|
935
953
|
font-weight: 600;
|
|
936
954
|
font-size: 22px;
|
|
@@ -941,8 +959,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
941
959
|
margin-top: 20px;
|
|
942
960
|
margin-bottom: 16px;
|
|
943
961
|
}
|
|
944
|
-
`,
|
|
945
|
-
${e=>
|
|
962
|
+
`,En=ue.p`
|
|
963
|
+
${e=>T(e)} {
|
|
946
964
|
font-weight: 400;
|
|
947
965
|
font-size: 14px;
|
|
948
966
|
line-height: 18px;
|
|
@@ -950,15 +968,15 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
950
968
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
951
969
|
margin-bottom: 8px;
|
|
952
970
|
}
|
|
953
|
-
`,
|
|
954
|
-
${e=>
|
|
971
|
+
`,An=ue.div`
|
|
972
|
+
${e=>T(e)} {
|
|
955
973
|
display: flex;
|
|
956
974
|
flex-direction: row;
|
|
957
975
|
justify-content: center;
|
|
958
976
|
gap: 8px;
|
|
959
977
|
}
|
|
960
|
-
`,
|
|
961
|
-
${e=>
|
|
978
|
+
`,Nn=ue.div`
|
|
979
|
+
${e=>T(e)} {
|
|
962
980
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
963
981
|
background-color: ${e=>e.selected?"#FAFAFA":"#FFFFFF"};
|
|
964
982
|
:hover {
|
|
@@ -977,8 +995,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
977
995
|
justify-content: space-between;
|
|
978
996
|
position: relative;
|
|
979
997
|
cursor: pointer;
|
|
980
|
-
`,
|
|
981
|
-
${e=>
|
|
998
|
+
`,In=ue.p`
|
|
999
|
+
${e=>T(e)} {
|
|
982
1000
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
983
1001
|
color: ${e=>e.selected?"#434343":"#BFBFBF"};
|
|
984
1002
|
}
|
|
@@ -986,12 +1004,12 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
986
1004
|
font-size: 14px;
|
|
987
1005
|
line-height: 22px;
|
|
988
1006
|
margin: 0;
|
|
989
|
-
`,
|
|
1007
|
+
`,On=ue.div`
|
|
990
1008
|
display: flex;
|
|
991
1009
|
flex-direction: row;
|
|
992
1010
|
justify-content: flex-end;
|
|
993
1011
|
align-content: center;
|
|
994
|
-
`,
|
|
1012
|
+
`,Ln=ue.div`
|
|
995
1013
|
display: flex;
|
|
996
1014
|
flex: 1;
|
|
997
1015
|
flex-direction: row;
|
|
@@ -999,14 +1017,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
999
1017
|
align-content: center;
|
|
1000
1018
|
align-items: center;
|
|
1001
1019
|
margin-right: 20px;
|
|
1002
|
-
`,
|
|
1020
|
+
`,Dn=ue.div`
|
|
1003
1021
|
display: block;
|
|
1004
1022
|
width: 100%;
|
|
1005
|
-
`;import
|
|
1023
|
+
`;import Cd from"styled-components";var $n=Cd.div`
|
|
1006
1024
|
flex-direction: column;
|
|
1007
1025
|
justify-content: center;
|
|
1008
1026
|
display: flex;
|
|
1009
|
-
`;import
|
|
1027
|
+
`;import rt from"react";import ot from"styled-components";var Mn=ot.div`
|
|
1010
1028
|
border: 1px solid #fafafa;
|
|
1011
1029
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
1012
1030
|
border-radius: 14px;
|
|
@@ -1014,14 +1032,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1014
1032
|
display: flex;
|
|
1015
1033
|
flex-direction: column;
|
|
1016
1034
|
overflow: hidden;
|
|
1017
|
-
`,
|
|
1035
|
+
`,Un=ot.div`
|
|
1018
1036
|
display: flex;
|
|
1019
1037
|
flex-wrap: wrap;
|
|
1020
1038
|
justify-content: space-between;
|
|
1021
1039
|
overflow: hidden;
|
|
1022
1040
|
row-gap: 10px;
|
|
1023
|
-
`,
|
|
1024
|
-
${e=>
|
|
1041
|
+
`,zn=ot.div`
|
|
1042
|
+
${e=>T(e)} {
|
|
1025
1043
|
color: #595959;
|
|
1026
1044
|
}
|
|
1027
1045
|
text-transform: uppercase;
|
|
@@ -1030,8 +1048,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1030
1048
|
line-height: 12px;
|
|
1031
1049
|
letter-spacing: 0.09em;
|
|
1032
1050
|
margin-bottom: 12px;
|
|
1033
|
-
`,
|
|
1034
|
-
${e=>
|
|
1051
|
+
`,Wn=ot.div`
|
|
1052
|
+
${e=>T(e)} {
|
|
1035
1053
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1036
1054
|
background: #ffffff;
|
|
1037
1055
|
border: 1px solid #fafafa;
|
|
@@ -1043,8 +1061,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1043
1061
|
|
|
1044
1062
|
max-width: 150px;
|
|
1045
1063
|
min-width: 200px;
|
|
1046
|
-
`,_n=
|
|
1047
|
-
${e=>
|
|
1064
|
+
`,_n=ot.div`
|
|
1065
|
+
${e=>T(e)} {
|
|
1048
1066
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
1049
1067
|
}
|
|
1050
1068
|
width: 40px;
|
|
@@ -1055,14 +1073,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1055
1073
|
justify-content: center;
|
|
1056
1074
|
align-content: center;
|
|
1057
1075
|
align-items: center;
|
|
1058
|
-
`,
|
|
1076
|
+
`,Hn=ot.div`
|
|
1059
1077
|
font-weight: 600;
|
|
1060
1078
|
font-size: 20px;
|
|
1061
1079
|
line-height: 24px;
|
|
1062
1080
|
width: 20px;
|
|
1063
1081
|
height: 20px;
|
|
1064
|
-
`,
|
|
1065
|
-
${e=>
|
|
1082
|
+
`,jn=ot.div`
|
|
1083
|
+
${e=>T(e)} {
|
|
1066
1084
|
color: #434343;
|
|
1067
1085
|
}
|
|
1068
1086
|
font-weight: 600;
|
|
@@ -1070,20 +1088,20 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1070
1088
|
line-height: 17px;
|
|
1071
1089
|
margin-top: 12px;
|
|
1072
1090
|
margin-bottom: 8px;
|
|
1073
|
-
`,
|
|
1074
|
-
${e=>
|
|
1091
|
+
`,Vn=ot.div`
|
|
1092
|
+
${e=>T(e)} {
|
|
1075
1093
|
color: #8c8c8c;
|
|
1076
1094
|
}
|
|
1077
1095
|
font-weight: 400;
|
|
1078
1096
|
font-size: 12px;
|
|
1079
1097
|
line-height: 14px;
|
|
1080
|
-
`,
|
|
1098
|
+
`,Gn=ot.a`
|
|
1081
1099
|
color: ${e=>e.color};
|
|
1082
1100
|
font-size: 12px;
|
|
1083
1101
|
line-height: 14px;
|
|
1084
1102
|
font-weight: 400;
|
|
1085
1103
|
cursor: pointer;
|
|
1086
|
-
`;var
|
|
1104
|
+
`;var yd=({steps:e,style:t,title:o,primaryColor:i,appearance:r,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ie();return rt.createElement(Mn,{style:t,className:l("guideContainer",r)},rt.createElement(zn,{className:l("guideTitle",r)},o),rt.createElement(Un,{className:l("guideItemContainer",r)},e.map((p,c)=>rt.createElement(Wn,{key:`guide-${p.id??c}`,className:l("guideItem",r)},p.icon&&rt.createElement(_n,{className:l("guideIcon",r)},rt.createElement(Hn,null,p.icon)),rt.createElement(jn,{className:l("guideItemTitle",r),dangerouslySetInnerHTML:le(p.title)}),rt.createElement(Vn,{className:l("guideItemSubtitle",r),dangerouslySetInnerHTML:le(p.subtitle)}),rt.createElement(Gn,{className:l("guideItemLink",r),color:i,onClick:()=>{p.primaryButtonUri&&s(p),n&&n(p)}},p.primaryButtonTitle)))))},po=yd;var bd=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:r,onClose:n,selectedStep:s,setSelectedStep:p,customStepTypes:c,appearance:a,guideData:g,guideTitle:d,onGuideButtonClick:x})=>{let b=({stepData:m,handleSecondaryCTAClick:B,handleCTAClick:F})=>m?U.createElement(vn,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},U.createElement(Bn,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:le(m.title)}),U.createElement(En,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:le(m.subtitle)}),U.createElement(An,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&U.createElement(Z,{title:m.secondaryButtonTitle,onClick:B,appearance:a,secondary:!0}),U.createElement(Z,{title:m.primaryButtonTitle,onClick:F,appearance:a}))):U.createElement(U.Fragment,null),P={...{default:m=>{var O;if((O=e[S])!=null&&O.StepContent){let N=e[S].StepContent;return U.createElement("div",null,N)}let B=e[S];return U.createElement(b,{stepData:m,handleCTAClick:()=>{B.handlePrimaryButtonClick&&B.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{B.handleSecondaryButtonClick&&B.handleSecondaryButtonClick()}})}},...c},[f,E]=Sd(0),S=s??f,y=p??E,A=()=>{var m;return e?!((m=e[S])!=null&&m.type)||!P[e[S].type]?P.default(e[S]):P[e[S].type]({stepData:e[S],primaryColor:a.theme.colorPrimary}):U.createElement(U.Fragment,null)},h=e.filter(m=>m.complete).length;return r?(a.theme.modalContainer||(a.theme.borderRadius&&(Sr.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=Sr),U.createElement(He,{onClose:n,visible:r,appearance:a},U.createElement(Dn,null,U.createElement(yn,null,U.createElement(Sn,{appearance:a,className:l("checklistTitle",a)},t),U.createElement(bn,{appearance:a,className:l("checklistSubtitle",a)},o)),U.createElement(Cn,null,e&&e.length>0&&U.createElement(wn,{className:l("stepsContainer",a)},U.createElement(Tn,null,U.createElement("div",{style:{flex:3}},U.createElement(Fn,{className:l("stepsTitle",a)},i)),U.createElement(Ln,null,U.createElement(De,{style:{width:"100%"},count:h,total:e.length,appearance:a}))),U.createElement(kn,null,U.createElement(Pn,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,B)=>{let F=S===B;return U.createElement(Nn,{selected:F,className:l(`checklistStepListItem${F?"Selected":""}`,a),key:`checklist-guide-step-${m.id??B}`,disabled:m.blocked,onClick:()=>{m.blocked||y(B)},title:m.blocked?"Finish remaining steps to continue":void 0},F&&U.createElement(Mo,{className:l("checklistStepItemSelectedIndicator",a),layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),U.createElement(In,{selected:F,className:l(`checklistStepListStepName${F?"Selected":""}`,a)},m.stepName),U.createElement(On,null,U.createElement(Ze,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),U.createElement($n,null,U.createElement(_t,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),U.createElement(A,null))),g&&g.length>0&&U.createElement(po,{steps:g,title:d,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(x&&x(m),!0)}))))):U.createElement(U.Fragment,null)},br=bd;import ve,{useEffect as ss,useState as wd}from"react";import he from"react";import it from"styled-components";var Kn=it.div`
|
|
1087
1105
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1088
1106
|
border: 1px solid;
|
|
1089
1107
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1095,19 +1113,19 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1095
1113
|
display: flex;
|
|
1096
1114
|
flex-direction: column;
|
|
1097
1115
|
transition: max-height 0.25s;
|
|
1098
|
-
`,
|
|
1116
|
+
`,qn=it.div`
|
|
1099
1117
|
display: flex;
|
|
1100
1118
|
margin-bottom: 20px;
|
|
1101
|
-
`,
|
|
1119
|
+
`,Yn=it.img`
|
|
1102
1120
|
border-radius: 4px;
|
|
1103
1121
|
max-height: 260px;
|
|
1104
1122
|
min-height: 200px;
|
|
1105
|
-
`,
|
|
1123
|
+
`,Xn=it.div`
|
|
1106
1124
|
display: flex;
|
|
1107
1125
|
flex-direction: row;
|
|
1108
1126
|
justify-content: space-between;
|
|
1109
1127
|
align-items: center;
|
|
1110
|
-
`,
|
|
1128
|
+
`,Jn=it.p`
|
|
1111
1129
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1112
1130
|
font-style: normal;
|
|
1113
1131
|
font-weight: 500;
|
|
@@ -1118,22 +1136,23 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1118
1136
|
:hover {
|
|
1119
1137
|
opacity: 0.8;
|
|
1120
1138
|
}
|
|
1121
|
-
`,
|
|
1139
|
+
`,Qn=it.div`
|
|
1122
1140
|
cursor: pointer;
|
|
1141
|
+
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
1123
1142
|
:hover {
|
|
1124
1143
|
opacity: 0.8;
|
|
1125
1144
|
}
|
|
1126
|
-
`,
|
|
1145
|
+
`,o0=it.div``,Zn=it.p`
|
|
1127
1146
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1128
1147
|
font-weight: 400;
|
|
1129
1148
|
font-size: 14px;
|
|
1130
1149
|
line-height: 22px;
|
|
1131
|
-
`,
|
|
1150
|
+
`,Rn=it.div`
|
|
1132
1151
|
display: flex;
|
|
1133
1152
|
flex-direction: row;
|
|
1134
1153
|
justify-content: flex-start;
|
|
1135
1154
|
align-items: center;
|
|
1136
|
-
`;var
|
|
1155
|
+
`;var es=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:r,appearance:n,customStepTypes:s})=>{var d;let p=t?{}:{transform:"rotate(90deg)"},c=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.2s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.15s ease-in"};function a(){return he.createElement(he.Fragment,null,e.imageUri||e.videoUri?he.createElement(qn,{className:l("stepMediaContainer",n)},e.imageUri?he.createElement(Yn,{className:l("stepImage",n),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?he.createElement(Ve,{appearance:n,videoUri:e.videoUri}):null):null,he.createElement(Zn,{className:l("stepSubtitle",n),appearance:n,dangerouslySetInnerHTML:le(e.subtitle)}),he.createElement(vo,{className:l("checklistCTAContainer",n)},e.secondaryButtonTitle?he.createElement(Z,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>r(),appearance:n}):null,he.createElement(Z,{title:e.primaryButtonTitle??"Continue",onClick:()=>i(),appearance:n})))}function g(){if(!s)return null;let x=s[e.type];return x?x(e,n):null}return he.createElement(Kn,{"data-testid":`step-${e.id}`,className:l("checklistStepContainer",n),appearance:n},he.createElement(Xn,{className:l("stepHeader",n)},he.createElement(Rn,null,he.createElement($o,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(d=n==null?void 0:n.theme)==null?void 0:d.colorPrimary,appearance:n}),he.createElement(Jn,{appearance:n,className:l("stepTitle",n),dangerouslySetInnerHTML:le(e.title),onClick:()=>o()})),he.createElement(Qn,{className:l("stepChevronContainer",n),onClick:()=>o(),appearance:n},he.createElement(_t,{style:{...p,transition:"transform 0.2s ease-in-out"}}))),he.createElement("div",{key:e.id,style:{...c}},g()??a()))};import Ht from"styled-components";var g0=Ht.div`
|
|
1137
1156
|
background: #ffffff;
|
|
1138
1157
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1139
1158
|
border-radius: 6px;
|
|
@@ -1147,26 +1166,26 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1147
1166
|
|
|
1148
1167
|
max-width: 800px;
|
|
1149
1168
|
min-width: 350px;
|
|
1150
|
-
`,
|
|
1169
|
+
`,ts=Ht.div`
|
|
1151
1170
|
display: flex;
|
|
1152
1171
|
flex-direction: column;
|
|
1153
|
-
`,
|
|
1172
|
+
`,os=Ht.h1`
|
|
1154
1173
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1155
1174
|
font-style: normal;
|
|
1156
1175
|
font-weight: 700;
|
|
1157
1176
|
font-size: 20px;
|
|
1158
1177
|
line-height: 24px;
|
|
1159
1178
|
margin-bottom: 8px;
|
|
1160
|
-
`,
|
|
1179
|
+
`,rs=Ht.h2`
|
|
1161
1180
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
1162
1181
|
font-weight: 400;
|
|
1163
1182
|
font-size: 14px;
|
|
1164
1183
|
line-height: 23px;
|
|
1165
1184
|
margin: 2px 0 0 0;
|
|
1166
|
-
`,
|
|
1185
|
+
`,is=Ht.div`
|
|
1167
1186
|
display: block;
|
|
1168
1187
|
width: 100%;
|
|
1169
|
-
`,
|
|
1188
|
+
`,ns=Ht.div`
|
|
1170
1189
|
display: flex;
|
|
1171
1190
|
width: 100%;
|
|
1172
1191
|
flex-direction: column;
|
|
@@ -1174,23 +1193,23 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1174
1193
|
padding: 24px;
|
|
1175
1194
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1176
1195
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1177
|
-
`;var
|
|
1196
|
+
`;var Td=({title:e,subtitle:t,steps:o,onClose:i,visible:r,autoExpandFirstIncompleteStep:n=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:c,setSelectedStep:a,appearance:g,type:d,className:x,customStepTypes:b,style:w})=>{let P=o.filter(h=>h.complete).length,[f,E]=wd(Array(o.length).fill(!0));ss(()=>{let h=[...f];if(n){for(let m=0;m<o.length;m++)if(!o[m].complete){h[m]=!1;break}E(h)}},[]),ss(()=>{S(c)},[c]);let S=h=>{let m=[...f];if(s)for(let B=0;B<f.length;++B)B!==h&&(m[B]=!0);m[h]=!m[h],E(m)};if(!r&&d=="modal")return ve.createElement(ve.Fragment,null);let y=ve.createElement(ve.Fragment,null,ve.createElement(ts,null,ve.createElement(os,{appearance:g,className:l("checklistTitle",g),dangerouslySetInnerHTML:le(e)}),ve.createElement(rs,{appearance:g,className:l("checklistSubtitle",g),dangerouslySetInnerHTML:le(t)})),ve.createElement(De,{display:"percent",count:P,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:g})),A=ve.createElement(is,{className:xe(l("checklistContainer",g),x)},o.map((h,m)=>{let B=f[m];return ve.createElement(es,{appearance:g,stepData:h,collapsed:B,key:`modal-checklist-${h.id??m}`,onClick:()=>{if(c===m){S(m);return}a(m)},onPrimaryButtonClick:()=>{h.handlePrimaryButtonClick&&h.handlePrimaryButtonClick(),p&&!h.completionCriteria&&m<f.length-1&&f[m+1]&&a(m+1)},onSecondaryButtonClick:()=>{h.handleSecondaryButtonClick&&h.handleSecondaryButtonClick()},customStepTypes:b})}));return d==="inline"?ve.createElement(ns,{appearance:g,className:xe(l("checklistInlineContainer",g),x),style:w},y,A):ve.createElement(ve.Fragment,null,ve.createElement(He,{onClose:i,visible:r,appearance:g,style:{maxWidth:"600px"},headerContent:y},A))},wr=Td;import ae,{useEffect as Tr,useRef as Nd,useState as kt}from"react";import{useEffect as Fd,useState as kd}from"react";var ls=()=>{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]=kd(t),r=null,n=()=>{r!==null?clearTimeout(r):s(),r=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([c,a])=>{if(!window)return[c,!1];let g=window.matchMedia(a);return g.addEventListener("change",n),[c,g.matches]}));i(p)};return Fd(()=>{s()},[]),o};import jt from"react";import de,{css as as,keyframes as ps}from"styled-components";var ds=as`
|
|
1178
1197
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1179
|
-
`,
|
|
1198
|
+
`,Pd=as`
|
|
1180
1199
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1181
|
-
`,
|
|
1200
|
+
`,vd=ps`
|
|
1182
1201
|
from {
|
|
1183
1202
|
opacity: 0;
|
|
1184
1203
|
} to {
|
|
1185
1204
|
opacity: 1;
|
|
1186
1205
|
}
|
|
1187
|
-
`,
|
|
1206
|
+
`,Bd=ps`
|
|
1188
1207
|
from {
|
|
1189
1208
|
opacity: 1;
|
|
1190
1209
|
} to {
|
|
1191
1210
|
opacity: 0;
|
|
1192
1211
|
}
|
|
1193
|
-
`,
|
|
1212
|
+
`,cs=de.div`
|
|
1194
1213
|
margin: 0 -20px;
|
|
1195
1214
|
overflow-x: auto;
|
|
1196
1215
|
padding-left: 20px;
|
|
@@ -1207,14 +1226,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1207
1226
|
::-webkit-scrollbar {
|
|
1208
1227
|
display: none;
|
|
1209
1228
|
}
|
|
1210
|
-
`,
|
|
1229
|
+
`,ms=de.div`
|
|
1211
1230
|
display: flex;
|
|
1212
1231
|
flex-flow: row nowrap;
|
|
1213
1232
|
gap: 0 16px;
|
|
1214
1233
|
scroll-snap-align: center;
|
|
1215
1234
|
scroll-snap-stop: always;
|
|
1216
|
-
`,
|
|
1217
|
-
animation: ${e=>e.reversed?
|
|
1235
|
+
`,us=de.div`
|
|
1236
|
+
animation: ${e=>e.reversed?Bd:vd} 0.25s ease-out;
|
|
1218
1237
|
background: linear-gradient(
|
|
1219
1238
|
to right,
|
|
1220
1239
|
${({theme:e})=>e.colorBackground}00,
|
|
@@ -1223,8 +1242,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1223
1242
|
position: absolute;
|
|
1224
1243
|
width: 64px;
|
|
1225
1244
|
z-index: 10;
|
|
1226
|
-
`,
|
|
1227
|
-
${
|
|
1245
|
+
`,fs=de.button`
|
|
1246
|
+
${ds}
|
|
1228
1247
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1229
1248
|
align-items: center;
|
|
1230
1249
|
border-radius: 50%;
|
|
@@ -1235,11 +1254,11 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1235
1254
|
justify-content: center;
|
|
1236
1255
|
position: absolute;
|
|
1237
1256
|
width: 48px;
|
|
1238
|
-
`,
|
|
1257
|
+
`,gs=de.div`
|
|
1239
1258
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1240
1259
|
padding: 20px;
|
|
1241
|
-
`,
|
|
1242
|
-
${
|
|
1260
|
+
`,xs=de(gs)`
|
|
1261
|
+
${ds}
|
|
1243
1262
|
background: ${({theme:e})=>e.colorBackground};
|
|
1244
1263
|
position: relative;
|
|
1245
1264
|
|
|
@@ -1251,50 +1270,50 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1251
1270
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1252
1271
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1253
1272
|
}
|
|
1254
|
-
`,
|
|
1273
|
+
`,hs=de.img`
|
|
1255
1274
|
border-radius: 50%;
|
|
1256
1275
|
height: 40px;
|
|
1257
1276
|
margin-bottom: 12px;
|
|
1258
1277
|
width: 40px;
|
|
1259
|
-
`,
|
|
1260
|
-
${e=>
|
|
1261
|
-
${
|
|
1278
|
+
`,Cs=de(gs)`
|
|
1279
|
+
${e=>T(e)} {
|
|
1280
|
+
${Pd}
|
|
1262
1281
|
|
|
1263
1282
|
background: ${({theme:e})=>e.colorBackground};
|
|
1264
1283
|
}
|
|
1265
|
-
`,
|
|
1284
|
+
`,I0=de.div`
|
|
1266
1285
|
color: ${({theme:e})=>e.colorPrimary};
|
|
1267
1286
|
display: flex;
|
|
1268
1287
|
flex-flow: row nowrap;
|
|
1269
1288
|
align-items: center;
|
|
1270
|
-
`,
|
|
1289
|
+
`,O0=de.div`
|
|
1271
1290
|
white-space: nowrap;
|
|
1272
|
-
`,
|
|
1291
|
+
`,ys=de.div`
|
|
1273
1292
|
background: #d8fed8;
|
|
1274
1293
|
border-radius: 6px;
|
|
1275
1294
|
float: right;
|
|
1276
1295
|
margin-bottom: 12px;
|
|
1277
1296
|
padding: 4px 10px;
|
|
1278
|
-
`,
|
|
1297
|
+
`,Ed=de.p`
|
|
1279
1298
|
font-weight: bold;
|
|
1280
1299
|
font-size: 18px;
|
|
1281
1300
|
line-height: 22px;
|
|
1282
1301
|
letter-spacing: calc(18px * -0.01);
|
|
1283
1302
|
margin: 0;
|
|
1284
|
-
`,
|
|
1303
|
+
`,Ss=de(Ed)`
|
|
1285
1304
|
margin-bottom: 4px;
|
|
1286
|
-
`,
|
|
1305
|
+
`,bs=de.div`
|
|
1287
1306
|
display: flex;
|
|
1288
1307
|
flex-flow: row nowrap;
|
|
1289
1308
|
align-items: center;
|
|
1290
1309
|
min-width: 50%;
|
|
1291
|
-
`,
|
|
1310
|
+
`,Ad=de.p`
|
|
1292
1311
|
font-weight: bold;
|
|
1293
1312
|
font-size: 16px;
|
|
1294
1313
|
line-height: 20px;
|
|
1295
1314
|
letter-spacing: calc(16px * -0.01);
|
|
1296
1315
|
margin: 0;
|
|
1297
|
-
`,
|
|
1316
|
+
`,ws=de(Ad)`
|
|
1298
1317
|
margin-bottom: 4px;
|
|
1299
1318
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1300
1319
|
`}
|
|
@@ -1304,7 +1323,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1304
1323
|
font-size: 14px;
|
|
1305
1324
|
line-height: 22px;
|
|
1306
1325
|
margin: 0;
|
|
1307
|
-
`,
|
|
1326
|
+
`,Ts=de.p`
|
|
1308
1327
|
color: ${({theme:e})=>e.colorText};
|
|
1309
1328
|
font-weight: 600;
|
|
1310
1329
|
font-size: 12px;
|
|
@@ -1316,21 +1335,21 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1316
1335
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1317
1336
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1318
1337
|
`}
|
|
1319
|
-
`;var
|
|
1338
|
+
`;var Fs=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=Q(),{primaryCTAClickSideEffects:r}=ie();o=i(o);let{imageUri:n=null,subtitle:s=null,title:p=null,complete:c=!1,blocked:a=!1}=e,g=e.primaryButtonTitle||e.secondaryButtonTitle,d=()=>{r(e)};return jt.createElement(xs,{className:l("carouselCard",o),onClick:a?null:d,style:t,blocked:a,complete:c},n&&jt.createElement(hs,{className:l("carouselCardImage",o),src:n,alt:p,style:{opacity:c||a?.4:1}}),c&&jt.createElement(ys,{className:l("carouselCompletedPill",o)},jt.createElement(Ts,{style:{color:"#108E0B"}},"Complete")),p&&jt.createElement(ws,{blocked:a,complete:c,className:l("carouselCardTitle",o)},p),s&&jt.createElement(ct.Quiet,{blocked:a,complete:c,className:l("carouselCardSubtitle",o)},s))};var Id=()=>ae.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ae.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),ae.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),ae.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),ks=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,r]=kt(!1),[n,s]=kt(!1);Tr(()=>{t===!0&&i===!1?r(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{r(!1),s(!1)},c=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?ae.createElement(us,{style:c,reversed:n,onAnimationEnd:n?p:null},ae.createElement(fs,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},ae.createElement(Id,null))):null},Ps=({flowId:e,appearance:t,customVariables:o,className:i})=>{let r=Nd(null),[n,s]=kt(!1),[p,c]=kt(!1),[a,g]=kt(null),[d,x]=kt([]),[b,w]=kt(0),{isSmall:P}=ls(),f=P?1:3,{getFlowMetadata:E,getFlowSteps:S,getNumberOfStepsCompleted:y,updateCustomVariables:A,isLoading:h}=Y();Tr(()=>{A(o)},[o,h]),Tr(()=>{if(h)return;let N=E(e),I=y(e),$=S(e);g(N),N.data!==null&&(x($.sort((D,ee)=>Number(D.complete)-Number(ee.complete))),c($.length>f),w(I))},[h]);let m=[];for(let N=0;N<d.length;N+=f)m.push(d.slice(N,N+f));let B=N=>{let I=N.target,$=I.scrollWidth-I.clientWidth,D=Math.ceil(I.scrollLeft);D>0&&n===!1&&s(!0),D===0&&n===!0&&s(!1),D<$&&p===!1&&c(!0),D===$&&p===!0&&c(!1)},F=(N=!0)=>{let I=N?1:-1;r.current!==null&&r.current.scrollBy({left:r.current.clientWidth*I,behavior:"smooth"})},k=null,O=N=>{k!==null?clearTimeout(k):B(N),k=setTimeout(()=>{B(N)},16)};return h?null:ae.createElement(Cs,{className:xe(l("carouselContainer",t),i)},ae.createElement("div",{style:{display:"flex",justifyContent:P?"center":"space-between",marginBottom:20,flexWrap:P?"wrap":"nowrap",gap:P?16:20}},ae.createElement("div",null,ae.createElement(Ss,{className:l("carouselTitle",t)},a==null?void 0:a.title),ae.createElement(ct.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),ae.createElement(bs,{className:l("progressWrapper",t)},ae.createElement(De,{count:b,total:d.length,appearance:t}))),ae.createElement("div",{style:{position:"relative"}},ae.createElement(ks,{show:n,onClick:()=>F(!1)}),ae.createElement(ks,{side:"right",show:p,onClick:F}),ae.createElement(cs,{ref:r,onScroll:O},m.map((N,I)=>ae.createElement(ms,{key:I,style:{flex:`0 0 calc(100% - ${d.length>f?36:0}px)`}},N.map(($,D)=>ae.createElement(Fs,{key:D,stepData:$,style:{flex:d.length>f?`0 1 calc(100% / ${f} - 16px * 2 / ${f})`:1},appearance:t})))))),ae.createElement(oe,{appearance:t}))};var Fr=({flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:r,className:n,type:s="inline",onDismiss:p,visible:c,customVariables:a,onStepCompletion:g,onButtonClick:d,appearance:x,hideOnFlowCompletion:b,setVisible:w,customStepTypes:P,checklistStyle:f="default",autoExpandFirstIncompleteStep:E,autoExpandNextStep:S,...y})=>{let{getFlow:A,getFlowSteps:h,markStepCompleted:m,getStepStatus:B,getNumberOfStepsCompleted:F,isLoading:k,targetingLogicShouldHideFlow:O,updateCustomVariables:N,getFlowMetadata:I,isStepBlocked:$,getFlowStatus:D,hasActiveFullPageFlow:ee,setHasActiveFullPageFlow:M}=Y(),{primaryCTAClickSideEffects:te,secondaryCTAClickSideEffects:fe}=ie(),{getOpenFlowState:X,setOpenFlowState:_}=Te(),[H,Ce]=Bs(r||0),[Ie,we]=Bs(!1),me=c===void 0?X(e):c,J=s==="modal",{mergeAppearanceWithDefault:ge}=Q();if(x=ge(x),vs(()=>{N(a)},[a,k]),vs(()=>{c!==void 0&&(J&&c===!0?M(!0):J&&c===!1&&M(!1))},[c,w,ee]),k)return null;let re=A(e);if(!re||O(re))return null;let L=h(e);if(!L||b===!0&&D(e)===q)return null;let j=I(e);if(j!=null&&j.title&&(t=j.title),j!=null&&j.subtitle&&(o=j.subtitle),!Ie&&r===void 0&&F(e)>0){let u=L.findIndex(C=>C.complete===!1);Ce(u>-1?u:L.length-1),we(!0)}function V(){if(H+1>=L.length){J&&_(e,!1);return}$(e,L[H+1].id)||Ce(H+1)}function ne(u,C,v){let W=H+1<L.length?L[H+1]:null;d&&d(u,H,C,W)===!0&&J&&$e(),g&&g(u,v,W),!g&&!d&&(u.primaryButtonUri||u.secondaryButtonUri)&&J&&$e()}function se(){return L.map((u,C)=>({...u,handleSecondaryButtonClick:()=>{V(),fe(u),u.skippable===!0&&m(e,u.id,{skipped:!0}),ne(u,"secondary",C)},handlePrimaryButtonClick:()=>{(!u.completionCriteria&&(u.autoMarkCompleted||u.autoMarkCompleted===void 0)||u.completionCriteria&&u.autoMarkCompleted===!0)&&(m(e,u.id),V()),ne(u,"primary",C),te(u),B(e,u.id)===Ue&&V()}}))}function pe(){return ce.createElement(oe,{appearance:x})}let Ye={steps:se(),title:t,subtitle:o,primaryColor:x.theme.colorPrimary,appearance:x,customStepTypes:P,type:s,className:n,autoExpandFirstIncompleteStep:E,autoExpandNextStep:S};function $e(){_(e,!1),p&&p(),w&&w(!1)}function G(){return ce.createElement(ce.Fragment,null,ce.createElement(pe,null),ce.createElement(Ps,{flowId:e,appearance:x,customVariables:a,className:n}))}function Be(){return ce.createElement(ce.Fragment,null,ce.createElement(pe,null),ce.createElement(wr,{visible:me,onClose:()=>{$e()},selectedStep:H,setSelectedStep:Ce,autoExpandNextStep:!0,appearance:x,...Ye}))}function Kt(){let u=y.guideFlowId,C;return u&&A(u)&&(C=h(u)),ce.createElement(ce.Fragment,null,ce.createElement(pe,null),ce.createElement(br,{visible:me,stepsTitle:j.stepsTitle?j.stepsTitle:"Your quick start guide",onClose:()=>{$e()},selectedStep:H,setSelectedStep:Ce,guideData:C,guideTitle:y.guideTitle??"Guide",appearance:x,title:t,subtitle:o,onGuideButtonClick:v=>{ne(v,"link",0)},customStepTypes:P,...Ye}))}function fo(){let u=ce.createElement(yr,{flowId:e,style:i,selectedStep:H,setSelectedStep:Ce,appearance:x,type:s,...Ye});return J?ce.createElement(He,{onClose:()=>{$e()},visible:me,appearance:x,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},ce.createElement(pe,null),u):ce.createElement(ce.Fragment,null,ce.createElement(pe,null),u)}switch(f){case"condensed":return Be();case"with-guide":return Kt();case"default":return fo();case"carousel":return G();default:return fo()}};var Ld=e=>Od.createElement(Fr,{type:"inline",...e});import ut,{useEffect as Dd}from"react";import Ke from"react";import Ho from"styled-components";var Es=Ho.div`
|
|
1320
1339
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1321
1340
|
border-radius: 8px;
|
|
1322
1341
|
padding: 6px 10px 6px 10px;
|
|
1323
1342
|
min-width: 160px;
|
|
1324
1343
|
cursor: pointer;
|
|
1325
1344
|
background-color: ${e=>e.appearance.theme.colorBackground}};
|
|
1326
|
-
`,
|
|
1345
|
+
`,As=Ho.div`
|
|
1327
1346
|
display: flex;
|
|
1328
1347
|
flex-direction: row;
|
|
1329
1348
|
justify-content: space-between;
|
|
1330
1349
|
align-items: center;
|
|
1331
1350
|
margin-bottom: 2px;
|
|
1332
1351
|
flex-grow: 2;
|
|
1333
|
-
`,
|
|
1352
|
+
`,Ns=Ho.div`
|
|
1334
1353
|
text-overflow: ellipsis;
|
|
1335
1354
|
font-weight: 600;
|
|
1336
1355
|
font-size: 12px;
|
|
@@ -1338,13 +1357,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1338
1357
|
margin-right: ${e=>e.type==="condensed"?"8px":"0"};
|
|
1339
1358
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1340
1359
|
color: ${e=>e.appearance.theme.colorPrimary};
|
|
1341
|
-
`,
|
|
1360
|
+
`,Is=Ho.div`
|
|
1342
1361
|
width: 20px;
|
|
1343
1362
|
margin-right: 8px;
|
|
1344
1363
|
display: flex;
|
|
1345
1364
|
height: 100%;
|
|
1346
1365
|
align-items: center;
|
|
1347
|
-
`;var
|
|
1366
|
+
`;var Os=({title:e,count:t,total:o,onClick:i,style:r={},className:n,appearance:s,type:p="default"})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(oe,{appearance:s}),Ke.createElement(Es,{onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...r},className:xe(n??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&Ke.createElement(Is,{className:l("progressRingContainer",s)},Ke.createElement(Ot,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),Ke.createElement(As,{type:p,className:l("badgeTitleContainer",s)},Ke.createElement(Ns,{type:p,appearance:s,className:l("badgeTitle",s)},e),i!==void 0&&Ke.createElement(_t,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&Ke.createElement(De,{display:"compact",count:t,total:o,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import mt from"react";import co from"styled-components";var Ls=co.div`
|
|
1348
1367
|
display: flex;
|
|
1349
1368
|
flex-direction: row;
|
|
1350
1369
|
width: 100%;
|
|
@@ -1355,25 +1374,25 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1355
1374
|
border-width: 1px;
|
|
1356
1375
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1357
1376
|
border-radius: 12px;
|
|
1358
|
-
`,
|
|
1359
|
-
${e=>
|
|
1377
|
+
`,Ds=co.div`
|
|
1378
|
+
${e=>T(e)} {
|
|
1360
1379
|
display: flex;
|
|
1361
1380
|
justify-content: center;
|
|
1362
1381
|
align-items: center;
|
|
1363
1382
|
margin-right: 16px;
|
|
1364
1383
|
}
|
|
1365
|
-
|
|
1384
|
+
`,$s=co.div`
|
|
1366
1385
|
display: flex;
|
|
1367
1386
|
flex-direction: column;
|
|
1368
1387
|
flex: 1;
|
|
1369
1388
|
margin-top: 0;
|
|
1370
|
-
|
|
1389
|
+
`,Ms=co.div`
|
|
1371
1390
|
display: flex;
|
|
1372
1391
|
flex-direction: column;
|
|
1373
1392
|
justify-content: center;
|
|
1374
1393
|
margin-left: 16px;
|
|
1375
1394
|
min-width: 200px;
|
|
1376
|
-
`,
|
|
1395
|
+
`,Ay=co.div`
|
|
1377
1396
|
display: flex;
|
|
1378
1397
|
justify-content: center;
|
|
1379
1398
|
align-items: flex-end;
|
|
@@ -1382,7 +1401,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1382
1401
|
:hover {
|
|
1383
1402
|
opacity: 0.8;
|
|
1384
1403
|
}
|
|
1385
|
-
`;var
|
|
1404
|
+
`;var Us=({title:e,subtitle:t,icon:o,appearance:i,count:r,total:n,className:s,style:p})=>mt.createElement(mt.Fragment,null,mt.createElement(Ls,{appearance:i,className:xe(l("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&mt.createElement(Ds,{className:l("fullWidthProgressBadgeIcon",i)},o),mt.createElement($s,null,mt.createElement(ke,{size:"small",appearance:i,title:e,subtitle:t})),mt.createElement(Ms,{className:l("fullWidthProgressBadgeProgressContainer",i)},mt.createElement(De,{count:r,total:n,display:"percent",textLocation:"top"}))));var $d=({flowId:e,title:t,subtitle:o,icon:i,style:r,onClick:n,className:s,customVariables:p,hideOnFlowCompletion:c,appearance:a,type:g="default"})=>{let{getFlow:d,getFlowSteps:x,getFlowStatus:b,getNumberOfStepsCompleted:w,isLoading:P,targetingLogicShouldHideFlow:f,updateCustomVariables:E}=Y(),{mergeAppearanceWithDefault:S}=Q();a=S(a);let{setOpenFlowState:y,getOpenFlowState:A}=Te();if(Dd(()=>{E(p)},[p,P]),P)return null;let h=d(e);if(!h||f(h)||c===!0&&b(e)===q)return null;let m=x(e),B=w(e);return g==="full-width"?ut.createElement(ut.Fragment,null,ut.createElement(oe,{appearance:a}),ut.createElement(Us,{title:t,subtitle:o,count:B,total:m.length,style:r,className:s,appearance:a,icon:i,onClick:()=>{}})):ut.createElement(ut.Fragment,null,ut.createElement(oe,{appearance:a}),ut.createElement(Os,{count:B,total:m.length,title:t,style:r,onClick:()=>{y(e,!0),n&&n()},type:g,className:s,appearance:a}))};import Md from"react";var Ud=({flowId:e,style:t,appearance:o,...i})=>{let{getFlow:r,targetingLogicShouldHideFlow:n,getFlowSteps:s}=Y(),{mergeAppearanceWithDefault:p}=Q();o=p(o);let c=r(e);if(!c||n(c))return null;let a=s(e);return Md.createElement(po,{steps:a,style:t,appearance:o,...i})};import ft,{useContext as Xd,useEffect as Jd}from"react";import z,{useEffect as jo,useLayoutEffect as Ws,useRef as Hd,useState as mo}from"react";import uo from"styled-components";import{useCallback as zd,useEffect as Wd,useState as _d}from"react";var kr=(e,t,o,i={x:20,y:20},r)=>{let n=r=="fixed"?0:window.scrollY,s=r=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+i.x+s,y:e.top-i.y+n}:t==="right"?{x:e.left+e.width+i.x+s,y:e.top-i.y+n}:{x:0,y:0}};function zs(e,t){let o="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[i,r]=_d(o),n=zd(()=>{e&&r(e.getBoundingClientRect())},[e]);return Wd(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),i}var _s=300,Hs=100,jd=500,Vt=12,Vd=uo.div`
|
|
1386
1405
|
width: 100%;
|
|
1387
1406
|
height: 100%;
|
|
1388
1407
|
border-radius: 9999px;
|
|
@@ -1405,26 +1424,26 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1405
1424
|
opacity: 0;
|
|
1406
1425
|
}
|
|
1407
1426
|
}
|
|
1408
|
-
`,
|
|
1427
|
+
`,Gd=uo.div`
|
|
1409
1428
|
width: ${Vt}px;
|
|
1410
1429
|
height: ${Vt}px;
|
|
1411
1430
|
border-radius: 100px;
|
|
1412
1431
|
background-color: ${e=>e.primaryColor};
|
|
1413
1432
|
z-index: 20;
|
|
1414
1433
|
opacity: 1;
|
|
1415
|
-
`,
|
|
1434
|
+
`,Kd=uo.div`
|
|
1416
1435
|
pointer-events: all;
|
|
1417
|
-
`,
|
|
1436
|
+
`,js=uo.div`
|
|
1418
1437
|
display: flex;
|
|
1419
1438
|
align-content: center;
|
|
1420
1439
|
justify-content: center;
|
|
1421
1440
|
align-items: center;
|
|
1422
1441
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1423
|
-
`,
|
|
1442
|
+
`,qd=uo(js)`
|
|
1424
1443
|
width: ${Vt+12}px;
|
|
1425
1444
|
height: ${Vt+12}px;
|
|
1426
|
-
`,
|
|
1427
|
-
${e=>
|
|
1445
|
+
`,Yd=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:r=!0,primaryColor:n="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:c={},selectedStep:a=0,customStepTypes:g,appearance:d,dismissible:x=!1,showHighlightOnly:b,showStepCount:w=!0,completedStepsCount:P=0,showFrigadeBranding:f=!1,cssPosition:E="absolute"})=>{var se,pe,Ye,$e;let[S,y]=mo(),[A,h]=mo(new Date),m=Hd(null),[B,F]=mo(document.querySelector(e[a].selector)),k=zs(B,A),[O,N]=mo(),[I,$]=mo(!b),D=(pe=(se=e[a])==null?void 0:se.props)!=null&&pe.position?e[a].props.position:E,ee=(($e=(Ye=e[a])==null?void 0:Ye.props)==null?void 0:$e.zIndex)??90,M=(S==null?void 0:S.width)??_s,te=(S==null?void 0:S.height)??Hs,fe=window.location.pathname.split("/").pop();Ws(()=>{m.current&&y({width:m.current.clientWidth,height:m.current.clientHeight})},[a,A,D]),jo(()=>{b||$(!0)},[a]);let X=()=>{let G=document.querySelector(e[a].selector);if(!G){N(void 0),F(null);return}O&&O===JSON.stringify(G==null?void 0:G.getBoundingClientRect())||(F(G),h(new Date),G&&N(JSON.stringify(G.getBoundingClientRect())))};if(jo(()=>{let G=new MutationObserver(X);return G.observe(document.body,{subtree:!0,childList:!0}),()=>G.disconnect()},[X]),jo(()=>{let G=new MutationObserver(X);return G.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>G.disconnect()},[X]),jo(()=>{let G=setInterval(()=>{X()},10);return()=>clearInterval(G)},[X]),Ws(()=>{setTimeout(()=>{X()},jd),X()},[a,fe]),B===null||!p||k.height===0&&k.width===0&&D!=="fixed"&&E!=="static")return null;let _=i==="auto"?"right":i,H=kr(k,_,M,s,D),Ce=k.right+M>(window.innerWidth||document.documentElement.clientWidth),Ie=k.bottom+Hs>(window.innerHeight||document.documentElement.clientHeight);Ce&&i==="auto"&&(H=kr(k,"left",M,s,D),_="left");let we=()=>{let G=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),$(!1),setTimeout(()=>{X()},30)),P===e.length-1)return o()},Be=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),b&&!e[a].secondaryButtonUri&&$(!1))};return z.createElement(z.Fragment,null,w&&e.length>1&&z.createElement(qr,null,z.createElement(Xr,{className:l("tooltipStepCounter",d)},a+1," of ",e.length)),z.createElement(Yr,{showStepCount:w,className:l("tooltipCTAContainer",d)},e[a].secondaryButtonTitle&&z.createElement(Z,{title:e[a].secondaryButtonTitle,appearance:d,onClick:Be,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&z.createElement(Z,{title:e[a].primaryButtonTitle,appearance:d,onClick:G,withMargin:!1,size:"small"})))},me=()=>z.createElement(z.Fragment,null,x&&z.createElement(Hr,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",d),hasImage:!!e[a].imageUri||!!e[a].videoUri},z.createElement(Fe,null)),e[a].imageUri&&z.createElement(jr,{dismissible:x,appearance:d,src:e[a].imageUri,className:l("tooltipImageContainer",d)}),e[a].videoUri&&!e[a].imageUri&&z.createElement(Vr,{dismissible:x,appearance:d,className:l("tooltipVideoContainer",d)},z.createElement(Ve,{appearance:d,videoUri:e[a].videoUri})),z.createElement(Kr,{className:l("tooltipContentContainer",d)},z.createElement(ke,{appearance:d,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),z.createElement(Gr,{className:l("tooltipFooter",d)},z.createElement(we,null)))),ge={...{default:G=>{var Be;if((Be=e[a])!=null&&Be.StepContent){let Kt=e[a].StepContent;return z.createElement("div",null,Kt)}return z.createElement(me,null)}},...g},re=()=>{var G;return e?!((G=e[a])!=null&&G.type)||!ge[e[a].type]?ge.default(e[a]):ge[e[a].type]({stepData:e[a],primaryColor:n}):z.createElement(z.Fragment,null)};if(b&&e[a].complete===!0)return null;let L={top:(H==null?void 0:H.y)-Vt,left:(_=="left"?k.x+s.x:(H==null?void 0:H.x)-Vt)??0,cursor:b?"pointer":"default",position:D},j=()=>{let Be=L.left+(_=="left"?-M:24);return Math.min(Math.max(Be,20),window.innerWidth-M-20)},V=()=>{if(D==="fixed")return L.top;let G=L.top+te,Be=20;return G>window.innerHeight-Be?L.top+-te:L.top},ne=()=>{b&&(h(new Date),$(!I))};return z.createElement(Kd,null,z.createElement(qd,{style:L,zIndex:ee,className:l("tourHighlightContainer",d)},r&&e[a].showHighlight!==!1&&E!=="static"&&z.createElement(z.Fragment,null,z.createElement(Gd,{style:{position:D},onClick:ne,primaryColor:d.theme.colorPrimary,className:l("tourHighlightInnerCircle",d)}),z.createElement(Vd,{style:{position:"absolute"},onClick:ne,primaryColor:d.theme.colorPrimary,className:l("tourHighlightOuterCircle",d)}))),z.createElement(js,{style:{...L,left:j(),top:V()},zIndex:ee+1,className:l("tooltipContainerWrapper",d)},I&&z.createElement(z.Fragment,null,z.createElement(ho,{ref:m,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:E!=="static"?12:0,...c},appearance:d,className:l("tooltipContainer",d),maxWidth:_s,zIndex:ee+10},z.createElement(re,null)),f&&z.createElement(Qr,{className:l("poweredByFrigadeTooltipRibbon",d),appearance:d,zIndex:ee+10},z.createElement(Co,{appearance:d})))))},Vo=Yd;import{Portal as Qd}from"react-portal";var Zd=({flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:r,showTooltipsSimultaneously:n=!1,onDismiss:s,dismissible:p,tooltipPosition:c="auto",showHighlightOnly:a=!1,dismissBehavior:g="complete-flow",onComplete:d,skipIfNotFound:x=!1,cssPosition:b="absolute",...w})=>{let{getFlow:P,getFlowSteps:f,isLoading:E,targetingLogicShouldHideFlow:S,markStepCompleted:y,markStepStarted:A,markFlowCompleted:h,updateCustomVariables:m,getCurrentStepIndex:B,getStepStatus:F,isStepBlocked:k,getFlowStatus:O,getNumberOfStepsCompleted:N}=Y(),{isLoadingUserFlowStateData:I}=Ee(),{primaryCTAClickSideEffects:$,secondaryCTAClickSideEffects:D}=ie(),{hasOpenModals:ee}=Te(),M=B(e),{openFlowStates:te}=Xd(K),{mergeAppearanceWithDefault:fe}=Q();if(o=fe(o),Jd(()=>{m(t)},[t,E]),I)return null;let X=P(e);if(!X||S(X)||O(e)==q||ee())return null;let _=f(e);if(Object.keys(te).length>0){let L=Object.keys(te).find(j=>te[j]===!0);if(L!==void 0&&L!==e)return ft.createElement(ft.Fragment,null)}async function H(L){if(await y(e,L.id),_.map(j=>F(e,j.id)).every(j=>j===Ue)){await h(e);return}if(!a&&M+1<_.length){if(k(e,_[M+1].id))return;await A(e,_[M+1].id)}}function Ce(L,j,V){let ne=M+1<_.length?_[M+1]:null;r&&r(L,M,j,ne),i&&i(L,V,ne)}function Ie(){return _.map(L=>({...L,handleSecondaryButtonClick:async()=>{D(L),L.skippable===!0&&await y(e,L.id,{skipped:!0}),Ce(L,"secondary",M)},handlePrimaryButtonClick:async()=>{(!L.completionCriteria&&(L.autoMarkCompleted||L.autoMarkCompleted===void 0)||L.completionCriteria&&L.autoMarkCompleted===!0)&&await H(L),Ce(L,"primary",M),$(L)}}))}async function we(L){s&&s(),g==="complete-flow"?await h(e):await y(e,L.id)}function me(){d&&d()}let J=!document.querySelector(_[M].selector);function ge(){let L=_.findIndex(j=>!!document.querySelector(j.selector));return _.map((j,V)=>J&&!n&&V!==L&&x?null:ft.createElement(Vo,{key:j.id,appearance:o,steps:Ie(),selectedStep:V,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>we(j),tooltipPosition:c,showHighlightOnly:a,completedStepsCount:N(e),onComplete:me,cssPosition:b,...w}))}function re(){return ft.createElement(ft.Fragment,null,ft.createElement(oe,{appearance:o}),n||J&&x?ge():ft.createElement(Vo,{appearance:o,steps:Ie(),selectedStep:M,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>we(_[M]),tooltipPosition:c,completedStepsCount:N(e),showHighlightOnly:a,onComplete:me,cssPosition:b,...w}))}return b==="static"?re():ft.createElement(Qd,null,re())};import Ne,{useEffect as Rd,useRef as ec,useState as tc}from"react";import{Portal as oc}from"react-portal";import Pt from"styled-components";var Vs=Pt.button`
|
|
1446
|
+
${e=>T(e)} {
|
|
1428
1447
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1429
1448
|
|
|
1430
1449
|
display: flex;
|
|
@@ -1441,17 +1460,17 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1441
1460
|
opacity: 0.8;
|
|
1442
1461
|
}
|
|
1443
1462
|
}
|
|
1444
|
-
`,
|
|
1445
|
-
${e=>
|
|
1463
|
+
`,Gs=Pt.span`
|
|
1464
|
+
${e=>T(e)} {
|
|
1446
1465
|
font-size: 12px;
|
|
1447
1466
|
display: inline-block;
|
|
1448
1467
|
}
|
|
1449
|
-
`,
|
|
1450
|
-
${e=>
|
|
1468
|
+
`,Ks=Pt.span`
|
|
1469
|
+
${e=>T(e)} {
|
|
1451
1470
|
font-size: 12px;
|
|
1452
1471
|
display: inline-block;
|
|
1453
1472
|
}
|
|
1454
|
-
`,
|
|
1473
|
+
`,qs=Pt.div`
|
|
1455
1474
|
position: fixed;
|
|
1456
1475
|
right: 0;
|
|
1457
1476
|
bottom: 0;
|
|
@@ -1461,8 +1480,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1461
1480
|
flex-direction: column;
|
|
1462
1481
|
align-items: flex-end;
|
|
1463
1482
|
z-index: 50;
|
|
1464
|
-
`,
|
|
1465
|
-
${e=>
|
|
1483
|
+
`,Ys=Pt.button`
|
|
1484
|
+
${e=>T(e)} {
|
|
1466
1485
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1467
1486
|
background-color: #ffffff;
|
|
1468
1487
|
border: 1px solid #f5f5f5;
|
|
@@ -1477,8 +1496,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1477
1496
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12);
|
|
1478
1497
|
border-radius: 45px;
|
|
1479
1498
|
cursor: pointer;
|
|
1480
|
-
`,
|
|
1481
|
-
${e=>
|
|
1499
|
+
`,Xs=Pt.div`
|
|
1500
|
+
${e=>T(e)} {
|
|
1482
1501
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1483
1502
|
background: #ffffff;
|
|
1484
1503
|
}
|
|
@@ -1494,8 +1513,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1494
1513
|
position: ${e=>e.type=="inline"?"absolute":"relative"};
|
|
1495
1514
|
top: ${e=>e.type=="inline"?"68px":0};
|
|
1496
1515
|
margin-left: ${e=>e.type=="inline"?"-127px":0};
|
|
1497
|
-
`,
|
|
1498
|
-
${e=>
|
|
1516
|
+
`,Js=Pt.button`
|
|
1517
|
+
${e=>T(e)} {
|
|
1499
1518
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1500
1519
|
color: #434343;
|
|
1501
1520
|
:hover {
|
|
@@ -1511,8 +1530,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1511
1530
|
font-size: 14px;
|
|
1512
1531
|
|
|
1513
1532
|
padding: 8px 12px;
|
|
1514
|
-
`;import
|
|
1515
|
-
${e=>
|
|
1533
|
+
`;import Qs from"react";var Zs=({style:e,className:t})=>Qs.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},Qs.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));import Rs from"react";var el=({style:e,className:t})=>Rs.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},Rs.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var rc=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:r="inline",title:n="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:c,markStepCompleted:a,getStepStatus:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:b}=Y(),{primaryCTAClickSideEffects:w}=ie(),P=ec(null),[f,E]=tc(!1),{mergeAppearanceWithDefault:S}=Q();s=S(s),Rd(()=>(document.addEventListener("click",y,!1),()=>{document.removeEventListener("click",y,!1)}),[]);let y=F=>{P.current&&!P.current.contains(F.target)&&E(!1)};if(x)return null;let A=p(e);if(!A||b(A))return null;let h=c(e);if(!h||!i)return null;function m(F,k){!F.completionCriteria&&(F.autoMarkCompleted||F.autoMarkCompleted===void 0)&&a(e,F.id),w(F),o&&o(F,k),E(!1)}function B(){return f&&Ne.createElement(Xs,{className:l("floatingWidgetMenu",s),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:r},h.map((F,k)=>Ne.createElement(Js,{className:l("floatingWidgetMenuItem",s),key:k,onClick:()=>m(F,k)},F.title)))}return r=="inline"?Ne.createElement("span",{ref:P},Ne.createElement(Vs,{style:t,onClick:()=>{E(!f)},className:l("supportButton",s)},Ne.createElement(Ks,{className:l("supportIconContainer",s)},Ne.createElement(el,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),Ne.createElement(Gs,{className:l("supportButtonTitle",s)},n)),Ne.createElement(B,null)):Ne.createElement(oc,null,Ne.createElement(qs,{style:t,ref:P},Ne.createElement(B,null),Ne.createElement(Ys,{onClick:()=>{E(!f)},whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},Ne.createElement(Zs,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import qe,{useEffect as ic}from"react";import Go from"styled-components";var tl=Go.div`
|
|
1534
|
+
${e=>T(e)} {
|
|
1516
1535
|
display: flex;
|
|
1517
1536
|
flex-direction: column;
|
|
1518
1537
|
width: 100%;
|
|
@@ -1526,18 +1545,18 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1526
1545
|
border-radius: 12px;
|
|
1527
1546
|
position: relative;
|
|
1528
1547
|
}
|
|
1529
|
-
`,
|
|
1548
|
+
`,ol=Go.div`
|
|
1530
1549
|
display: flex;
|
|
1531
1550
|
flex-direction: column;
|
|
1532
1551
|
flex: 1;
|
|
1533
|
-
`,
|
|
1552
|
+
`,rl=Go.div`
|
|
1534
1553
|
display: flex;
|
|
1535
1554
|
flex-direction: column;
|
|
1536
1555
|
justify-content: center;
|
|
1537
1556
|
align-items: flex-start;
|
|
1538
1557
|
margin-top: 16px;
|
|
1539
|
-
`,
|
|
1540
|
-
${e=>
|
|
1558
|
+
`,il=Go.div`
|
|
1559
|
+
${e=>T(e)} {
|
|
1541
1560
|
position: absolute;
|
|
1542
1561
|
top: 16px;
|
|
1543
1562
|
right: 16px;
|
|
@@ -1547,9 +1566,9 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1547
1566
|
opacity: 0.8;
|
|
1548
1567
|
}
|
|
1549
1568
|
}
|
|
1550
|
-
`;var
|
|
1569
|
+
`;var nc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,dismissible:p})=>{let{getFlow:c,markFlowCompleted:a,markStepCompleted:g,isLoading:d,targetingLogicShouldHideFlow:x,updateCustomVariables:b,getFlowSteps:w,getFlowStatus:P,getCurrentStepIndex:f}=Y(),{primaryCTAClickSideEffects:E}=ie(),{mergeAppearanceWithDefault:S}=Q();if(r=S(r),ic(()=>{b(o)},[o,d]),d)return null;let y=c(e);if(!y||x(y)||P(e)===q)return null;let h=w(e)[f(e)];return qe.createElement(qe.Fragment,null,qe.createElement(oe,{appearance:r}),qe.createElement(tl,{appearance:r,className:xe(l("embeddedTipContainer",r),n),style:s},(p===!0||h.dismissible)&&qe.createElement(il,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",r)},qe.createElement(Fe,null)),qe.createElement(ol,null,qe.createElement(ke,{size:"small",appearance:r,title:h.title,subtitle:h.subtitle})),h.primaryButtonTitle&&qe.createElement(rl,{className:l("embeddedTipCallToActionContainer",r)},qe.createElement(Z,{classPrefix:"embeddedTip",title:h.primaryButtonTitle,appearance:r,withMargin:!1,size:"medium",type:"inline",onClick:async()=>{h.handlePrimaryButtonClick(),E(h),!(i&&i(h,f(e),"primary")===!1)&&(await g(e,h.id),await a(e))}}))))};import Se,{useEffect as sc}from"react";import Gt from"styled-components";var nl=Gt.div`
|
|
1551
1570
|
// use the :not annotation
|
|
1552
|
-
${e=>
|
|
1571
|
+
${e=>T(e)} {
|
|
1553
1572
|
display: flex;
|
|
1554
1573
|
flex-direction: ${e=>e.type==="square"?"column":"row"};
|
|
1555
1574
|
width: 100%;
|
|
@@ -1559,19 +1578,19 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1559
1578
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1560
1579
|
border-radius: 12px;
|
|
1561
1580
|
}
|
|
1562
|
-
`,
|
|
1563
|
-
${e=>
|
|
1581
|
+
`,sl=Gt.div`
|
|
1582
|
+
${e=>T(e)} {
|
|
1564
1583
|
display: flex;
|
|
1565
1584
|
width: 46px;
|
|
1566
1585
|
height: 46px;
|
|
1567
1586
|
}
|
|
1568
|
-
`,
|
|
1587
|
+
`,ll=Gt.div`
|
|
1569
1588
|
display: flex;
|
|
1570
1589
|
flex-direction: column;
|
|
1571
1590
|
flex: 1;
|
|
1572
1591
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1573
1592
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1574
|
-
`,
|
|
1593
|
+
`,al=Gt.div`
|
|
1575
1594
|
display: flex;
|
|
1576
1595
|
flex-direction: column;
|
|
1577
1596
|
justify-content: center;
|
|
@@ -1589,7 +1608,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1589
1608
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1590
1609
|
align-items: flex-end;
|
|
1591
1610
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1592
|
-
`;import Br from"react";var
|
|
1611
|
+
`;import Br from"react";var pl=({style:e,className:t})=>Br.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},Br.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),Br.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var lc=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:r,onButtonClick:n,appearance:s,type:p="full-width",icon:c})=>{let{getFlow:a,markFlowCompleted:g,isLoading:d,targetingLogicShouldHideFlow:x,updateCustomVariables:b,getFlowMetadata:w,getFlowStatus:P,getFlowSteps:f,getCurrentStepIndex:E}=Y(),{primaryCTAClickSideEffects:S}=ie(),{mergeAppearanceWithDefault:y}=Q();if(s=y(s),sc(()=>{b(r)},[r,d]),d)return null;let A=a(e);if(!A||x(A)||P(e)===q)return null;let h=f(e),m=h.length>0?h[E(e)]:w(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),Se.createElement(Se.Fragment,null,Se.createElement(oe,{appearance:s}),Se.createElement(nl,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&Se.createElement(sl,{className:l("bannerIconContainer",s)},c||Se.createElement(pl,null)),p==="square"&&m.dismissible&&Se.createElement(vr,{type:p,className:l("bannerDismissButtonContainer",s)},Se.createElement(Pr,{type:p,onClick:async()=>{await g(e),i&&i()},className:l("bannerDismissButton",s)},Se.createElement(Fe,null))),Se.createElement(ll,{type:p},Se.createElement(ke,{appearance:s,title:t,subtitle:o,classPrefix:"banner"})),(m==null?void 0:m.primaryButtonTitle)&&Se.createElement(al,{type:p,className:l("bannerCallToActionContainer",s)},Se.createElement(Z,{title:m==null?void 0:m.primaryButtonTitle,appearance:s,onClick:()=>{S(m),n&&n(m,0,"primary")},classPrefix:"banner"})),p!=="square"&&m.dismissible&&Se.createElement(vr,{type:p,className:l("bannerDismissButtonContainer",s)},Se.createElement(Pr,{type:p,onClick:async()=>{await g(e),i&&i()},className:l("bannerDismissButton",s)},Se.createElement(Fe,null)))))};import R,{useEffect as ac}from"react";import{Portal as pc}from"react-portal";import nt from"styled-components";var dl=nt.div`
|
|
1593
1612
|
display: flex;
|
|
1594
1613
|
flex-direction: column;
|
|
1595
1614
|
width: 100%;
|
|
@@ -1608,7 +1627,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1608
1627
|
z-index: 1000;
|
|
1609
1628
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1610
1629
|
min-width: 550px;
|
|
1611
|
-
`,
|
|
1630
|
+
`,cl=nt.button`
|
|
1612
1631
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1613
1632
|
border-radius: 8px;
|
|
1614
1633
|
// If selected make border color primary and text color color priamry
|
|
@@ -1629,34 +1648,34 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1629
1648
|
display: flex;
|
|
1630
1649
|
justify-content: center;
|
|
1631
1650
|
align-items: center;
|
|
1632
|
-
`,Er=
|
|
1651
|
+
`,Er=nt.div`
|
|
1633
1652
|
display: flex;
|
|
1634
1653
|
justify-content: space-between;
|
|
1635
1654
|
margin-top: 16px;
|
|
1636
1655
|
gap: 8px;
|
|
1637
|
-
`,
|
|
1656
|
+
`,ml=nt.div`
|
|
1638
1657
|
display: flex;
|
|
1639
1658
|
justify-content: space-between;
|
|
1640
1659
|
margin-top: 8px;
|
|
1641
|
-
`,Ar=
|
|
1660
|
+
`,Ar=nt.div`
|
|
1642
1661
|
font-size: 12px;
|
|
1643
1662
|
line-height: 18px;
|
|
1644
1663
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1645
1664
|
font-style: normal;
|
|
1646
1665
|
font-weight: 400;
|
|
1647
1666
|
letter-spacing: 0.24px;
|
|
1648
|
-
`,Nr=
|
|
1667
|
+
`,Nr=nt.div`
|
|
1649
1668
|
display: flex;
|
|
1650
1669
|
flex-direction: column;
|
|
1651
1670
|
flex: 1;
|
|
1652
|
-
`,
|
|
1671
|
+
`,Wb=nt.div`
|
|
1653
1672
|
display: flex;
|
|
1654
1673
|
flex-direction: column;
|
|
1655
1674
|
justify-content: center;
|
|
1656
1675
|
align-items: flex-start;
|
|
1657
1676
|
margin-top: 16px;
|
|
1658
|
-
`,
|
|
1659
|
-
${e=>
|
|
1677
|
+
`,ul=nt.textarea`
|
|
1678
|
+
${e=>T(e)} {
|
|
1660
1679
|
margin-top: 16px;
|
|
1661
1680
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1662
1681
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
@@ -1666,8 +1685,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1666
1685
|
width: 100%;
|
|
1667
1686
|
height: 100px;
|
|
1668
1687
|
}
|
|
1669
|
-
`,
|
|
1670
|
-
${e=>
|
|
1688
|
+
`,fl=nt.div`
|
|
1689
|
+
${e=>T(e)} {
|
|
1671
1690
|
position: absolute;
|
|
1672
1691
|
top: 16px;
|
|
1673
1692
|
right: 16px;
|
|
@@ -1677,8 +1696,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1677
1696
|
opacity: 0.8;
|
|
1678
1697
|
}
|
|
1679
1698
|
}
|
|
1680
|
-
`;var
|
|
1681
|
-
${e=>
|
|
1699
|
+
`;var dc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,type:p="modal"})=>{let{getFlow:c,markFlowCompleted:a,markStepCompleted:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:b,updateCustomVariables:w,getFlowSteps:P,getFlowStatus:f,getCurrentStepIndex:E}=Y(),{primaryCTAClickSideEffects:S}=ie(),{mergeAppearanceWithDefault:y}=Q(),[A,h]=R.useState(null),[m,B]=R.useState(""),{hasOpenModals:F,setKeepCompletedFlowOpenDuringSession:k,shouldKeepCompletedFlowOpenDuringSession:O}=Te();if(r=y(r),ac(()=>{w(o)},[o,x]),x)return null;let N=c(e);if(!N||b(N)||f(e)===q||d(e)===1&&!O(e)||F())return null;let $=P(e)[d(e)];function D(){return R.createElement(R.Fragment,null,R.createElement(Nr,null,R.createElement(ke,{size:"large",appearance:r,title:$.title,subtitle:$.subtitle})),R.createElement(Er,{className:l("npsNumberButtonContainer",r),appearance:r},Array.from(Array(10).keys()).map(te=>R.createElement(cl,{className:l("npsNumberButton",r),selected:A===te+1,key:te,onClick:async()=>{k(e),h(te+1),await g(e,$.id,{score:te+1})},appearance:r},te+1))),R.createElement(ml,{appearance:r},R.createElement(Ar,{appearance:r},"Not likely at all"),R.createElement(Ar,{appearance:r},"Extremely likely")))}function ee(){return R.createElement(R.Fragment,null,R.createElement(Nr,null,R.createElement(ke,{appearance:r,title:$.title??"Why did you choose this score?",size:"large"})),R.createElement(ul,{appearance:r,value:m,onChange:te=>{B(te.target.value)},placeHolder:"Add your optional fedback here..."}),R.createElement(Er,{appearance:r,className:l("npsNumberButtonContainer",r)},R.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await a(e),i&&i($,1,"primary")},appearance:r,title:$.secondaryButtonTitle||"Skip",secondary:!0}),R.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await g(e,$.id,{feedbackText:m}),await a(e),i&&i($,1,"primary")},appearance:r,title:$.primaryButtonTitle||"Submit"})))}function M(){return d(e)>=2?null:R.createElement(R.Fragment,null,R.createElement(oe,{appearance:r}),R.createElement(dl,{appearance:r,className:xe(l("npsSurveyContainer",r),n),style:s,type:p},R.createElement(fl,{onClick:async()=>{await a(e),t&&t()},className:l("npsSurveyDismissButton",r)},R.createElement(Fe,null)),d(e)==0&&D(),d(e)==1&&ee()))}return p==="inline"?M():R.createElement(pc,null,M())};import be,{useEffect as uc}from"react";import vt from"styled-components";var gl=vt.div`
|
|
1700
|
+
${e=>T(e)} {
|
|
1682
1701
|
display: flex;
|
|
1683
1702
|
flex-direction: column;
|
|
1684
1703
|
width: 100%;
|
|
@@ -1688,22 +1707,22 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1688
1707
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1689
1708
|
position: relative;
|
|
1690
1709
|
}
|
|
1691
|
-
`,
|
|
1710
|
+
`,xl=vt.div`
|
|
1692
1711
|
display: flex;
|
|
1693
1712
|
flex-direction: column;
|
|
1694
1713
|
flex: 1;
|
|
1695
|
-
`,
|
|
1714
|
+
`,hl=vt.div`
|
|
1696
1715
|
display: flex;
|
|
1697
1716
|
flex-direction: row;
|
|
1698
1717
|
justify-content: center;
|
|
1699
1718
|
align-items: stretch;
|
|
1700
1719
|
gap: 16px;
|
|
1701
1720
|
margin-top: 8px;
|
|
1702
|
-
`,
|
|
1721
|
+
`,Cl=vt.div`
|
|
1703
1722
|
margin-top: 16px;
|
|
1704
1723
|
margin-bottom: 16px;
|
|
1705
|
-
`,
|
|
1706
|
-
${e=>
|
|
1724
|
+
`,yl=vt.div`
|
|
1725
|
+
${e=>T(e)} {
|
|
1707
1726
|
position: absolute;
|
|
1708
1727
|
top: -16px;
|
|
1709
1728
|
right: -16px;
|
|
@@ -1713,8 +1732,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1713
1732
|
opacity: 0.8;
|
|
1714
1733
|
}
|
|
1715
1734
|
}
|
|
1716
|
-
`,
|
|
1717
|
-
${e=>
|
|
1735
|
+
`,Sl=vt.h1`
|
|
1736
|
+
${e=>T(e)} {
|
|
1718
1737
|
font-style: normal;
|
|
1719
1738
|
justify-content: center;
|
|
1720
1739
|
text-align: center;
|
|
@@ -1727,8 +1746,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1727
1746
|
color: ${e=>e.appearance.theme.colorText};
|
|
1728
1747
|
margin-bottom: 8px;
|
|
1729
1748
|
}
|
|
1730
|
-
`,
|
|
1731
|
-
${e=>
|
|
1749
|
+
`,bl=vt.h2`
|
|
1750
|
+
${e=>T(e)} {
|
|
1732
1751
|
font-style: normal;
|
|
1733
1752
|
justify-content: center;
|
|
1734
1753
|
text-align: center;
|
|
@@ -1739,10 +1758,10 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Xt}${r}.${Xt}${r} { ${Object.entries(n).map
|
|
|
1739
1758
|
letter-spacing: 0.28px;
|
|
1740
1759
|
margin-bottom: 8px;
|
|
1741
1760
|
}
|
|
1742
|
-
`;import
|
|
1761
|
+
`;import wl from"react";import cc from"styled-components";var mc=cc.img`
|
|
1743
1762
|
width: 100%;
|
|
1744
1763
|
height: 100%;
|
|
1745
1764
|
min-height: 200px;
|
|
1746
1765
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1747
|
-
`;function
|
|
1766
|
+
`;function Tl({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?wl.createElement(Ve,{appearance:t,videoUri:e.videoUri}):e.imageUri?wl.createElement(mc,{className:l(`${o}image`,t),appearance:t,src:e.imageUri}):null}var fc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,dismissible:p=!0,modalPosition:c})=>{let{getFlow:a,markFlowCompleted:g,markStepCompleted:d,isLoading:x,targetingLogicShouldHideFlow:b,updateCustomVariables:w,getFlowSteps:P,getFlowStatus:f,getCurrentStepIndex:E}=Y(),{primaryCTAClickSideEffects:S,secondaryCTAClickSideEffects:y}=ie(),{mergeAppearanceWithDefault:A}=Q(),{setOpenFlowState:h,getOpenFlowState:m,hasOpenModals:B}=Te(),[F,k]=[m(e,!0),M=>h(e,M)];if(r=A(r),uc(()=>{w(o)},[o,x]),x)return null;let O=a(e);if(!O||b(O)||f(e)===q||B())return null;let I=P(e)[E(e)],$=()=>{k(!1),t&&t(),g(e)};function D(){return be.createElement(be.Fragment,null,be.createElement(oe,{appearance:r}),be.createElement(gl,{appearance:r,className:xe(l("announcementContainer",r),n),style:s},(p===!0||I.dismissible)&&c=="inline"&&be.createElement(yl,{onClick:async()=>{await g(e),t&&t()},className:l("announcementDismissButton",r)},be.createElement(Fe,null)),be.createElement(xl,null,be.createElement(Sl,{appearance:r,className:l("announcementTitle",r),dangerouslySetInnerHTML:le(I.title)}),I.subtitle&&be.createElement(bl,{appearance:r,className:l("announcementSubtitle",r),dangerouslySetInnerHTML:le(I.subtitle)})),(I.imageUri||I.videoUri)&&be.createElement(Cl,{className:l("announcementMediaContainer",r)},be.createElement(Tl,{appearance:r,stepData:I})),(I.primaryButtonTitle||I.secondaryButtonTitle)&&be.createElement(hl,{className:l("announcementCTAContainer",r)},I.secondaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:I.secondaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{I.handleSecondaryButtonClick(),y(I),i&&i(I,E(e),"secondary")},secondary:!0}),I.primaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:I.primaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{I.handlePrimaryButtonClick(),S(I),!(i&&i(I,E(e),"primary")===!1)&&(await d(e,I.id),await g(e))}}))))}let ee={padding:"24px",maxWidth:"400px"};return c==="inline"?D():c!=="center"?be.createElement(bo,{modalPosition:c,onClose:$,visible:F,dismissible:p,appearance:r},D()):be.createElement(He,{appearance:r,onClose:$,visible:F,style:ee,dismissible:p},D())};import*as Ko from"react";import Fl from"react";var kl=({as:e="span",children:t,variant:o="Body1",...i})=>Fl.createElement(Yi,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...i},t),gc=Object.fromEntries(Object.keys(Lo).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>Fl.createElement(kl,{as:t,...i,variant:e},i.children);return o.displayName=`Text.${e}`,[e,o]})),Ir=Object.assign(kl,gc);var Pl=({as:e="button",className:t,size:o="md",title:i,variant:r="Primary",...n})=>{var s;return Ko.createElement(qi,{className:`fr-button-${r.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:r,size:o,borderRadius:"md",...n},Ko.createElement(Ir,{color:(s=so[r])==null?void 0:s.color,fontWeight:"semibold"},i))},xc=Object.fromEntries(Object.keys(so).map(e=>{let t=o=>Ko.createElement(Pl,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),hc=Object.assign(Pl,xc);export{no as Box,hc as Button,Ze as CheckBox,lt as FormLabel,or as FormTextField,fc as FrigadeAnnouncement,lc as FrigadeBanner,Fr as FrigadeChecklist,Qe as FrigadeDefaultAppearance,nc as FrigadeEmbeddedTip,Ui as FrigadeForm,Ud as FrigadeGuide,Ld as FrigadeHeroChecklist,dc as FrigadeNPSSurvey,$d as FrigadeProgressBadge,Vp as FrigadeProvider,rc as FrigadeSupportWidget,Zd as FrigadeTour,Ot as ProgressRing,Ir as Text,gr as tokens,Te as useFlowOpens,qt as useFlowResponses,Y as useFlows,mr as useOrganization,Yt as useUser,Ee as useUserFlowStates};
|
|
1748
1767
|
//# sourceMappingURL=index.mjs.map
|