@frigade/react 1.35.2 → 1.35.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +283 -242
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +244 -203
- 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 Ip,useEffect as Lo,useState as Oe}from"react";import{ThemeProvider as Op}from"styled-components";import St,{useContext as lp,useEffect as Io,useState as ur}from"react";import{useCallback as xt,useContext as Ol,useEffect as Ll}from"react";import qo,{useMemo as Dr}from"react";var Lr="1.35.2 ";var Ie="NOT_STARTED_STEP",q="COMPLETED_FLOW",fo="ABORTED_FLOW",gt="STARTED_FLOW",Me="NOT_STARTED_FLOW",Ue="COMPLETED_STEP",go="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 bl="frigade-last-call-at-",wl="frigade-last-call-data-";function Bt(){let{shouldGracefullyDegrade:e,readonly:t}=qo.useContext(K);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return vt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),vt();let r=bl+o,n=wl+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 vt()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return vt(p)}return s?s.ok?s:vt(s.statusText):vt()}}function vt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Et(){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 Al,useState as $r}from"react";import{useContext as Fl,useEffect as kl,useState as Pl}from"react";import vl from"swr";import{useContext as Tl}from"react";function Te(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=Tl(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 Bl from"swr/immutable";var El="unknown";function Be(){let{config:e,apiUrl:t}=We(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=Fl(K),{resetOpenFlowState:c}=Te(),[a,g]=Pl(!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(T=>{if(T.ok)return T.json();throw new Error("Failed to fetch user flow states")}).catch(T=>(console.log(`Error fetching ${F}: ${T}. 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:A}=p?Bl(S,x):vl(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;kl(()=>{!a&&!P&&b&&g(!0)},[b,a,P]);async function y(F){if(b&&!p){let T=b.find(O=>O.flowId===F);T&&T.flowState!==q&&(T.flowState=q),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function N(F,T,O){if(b){let E=b.find($=>$.flowId===F);E&&(E.stepStates[T]=O,E.flowState=gt),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function h(F,T,O){if(b){let E=b.find($=>$.flowId===F);E&&(E.lastStepId=T,E.stepStates[T]=O,E.flowState=gt),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function m(F){if(b){let T=b.find(O=>O.flowId===F);T&&T.flowState!==Me&&(T.flowState=Me,T.lastStepId=El,Object.keys(T.stepStates).forEach(O=>{T.stepStates[O].actionType=Ie,T.stepStates[O].createdAt=new Date().toISOString()}),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1}),c(F))}}async function v(F,T){if(b){let O=b.find(E=>E.flowId===F);O&&O.stepStates[T]!==Ie&&(O.stepStates[T]=Ie),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:N,optimisticallyMarkStepNotStarted:v,optimisticallyMarkStepStarted:h,error:A}}function Kt(){let{config:e,apiUrl:t}=We(),{userFlowStatesData:o,mutateUserFlowState:i}=Be(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=Al(K),[c,a]=$r(new Set),[g,d]=$r(new Set),x=Bt();function S(f){let A=JSON.stringify(f);if(c.has(A))return null;c.add(A),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:A}).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(N=>[...N??[],f])})}async function w(f){f.foreignUserId&&(f.actionType===gt||f.actionType===Me?await S(f):f.actionType===q?await S(f):f.actionType===go?await S(f):f.actionType===Ue?await S(f):f.actionType===fo?await S(f):f.actionType===Ie&&await S(f))}function P(){let f=[];return o==null||o.forEach(A=>{if(A&&A.stepStates&&Object.keys(A.stepStates).length!==0)for(let b in A.stepStates){let y=A.stepStates[b];f.push({foreignUserId:A.foreignUserId,flowSlug:A.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 Dl from"swr";var Nl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Mr=e=>{let t=Nl.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=Il(i,"'","");n.startsWith("flow_")&&(o=n)}),o},Il=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}=Ol(K),S={data:[]},{verifySDKInitiated:w}=Et(),{addResponse:P,getFlowResponses:f}=Kt(),A=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:N,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:v,optimisticallyMarkStepNotStarted:F,optimisticallyMarkStepStarted:T}=Be(),{data:O,error:E,isLoading:$}=Dl(n?`${t}flows${x?"?readonly=true":""}`:null,A,{keepPreviousData:!0});Ll(()=>{if(E){console.error(E);return}O&&O.data&&i(O.data)},[O,E]);function D(u){if($)return null;let C=o.find(B=>B.slug===u);return!C&&o.length>0&&!N&&!$?(console.log(`Flow with slug ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function L(u){var _;if(!D(u))return[];let C=D(u).data;return C?(C=X(C),(((_=JSON.parse(C))==null?void 0:_.data)??[]).map(Se=>{let Or=se(Se);return{handleSecondaryButtonClick:()=>{Se.skippable===!0&&H(u,Se.id,{skipped:!0})},...Se,complete:ge(u,Se.id)===Ue||Or>=1,blocked:re(u,Se.id),hidden:I(u,Se.id),handlePrimaryButtonClick:()=>{(!Se.completionCriteria&&(Se.autoMarkCompleted||Se.autoMarkCompleted===void 0)||Se.completionCriteria&&Se.autoMarkCompleted===!0)&&H(u,Se.id)},progress:Or}}).filter(Se=>Se.hidden!==!0)):[]}function X(u){return u.replaceAll(/\${(.*?)}/g,(C,B)=>s[B]===void 0?"":String(s[B]).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 U(u){if(!D(u))return[];let C=D(u).data;return C?(C=X(C),JSON.parse(C)??{}):[]}function ee(u,C){p(B=>({...B,[u]:C}))}function fe(u){!N&&!$&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{ee(C,u[C])})}let J=xt(async(u,C,B)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:go,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};Q(_)&&(await T(u,C,_),P(_))},[r,y]),W=xt(async(u,C,B)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:Ie,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};Q(_)&&(await F(u,C),P(_))},[r,y]),H=xt(async(u,C,B)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:Ue,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};Q(_)&&(await v(u,C,_),P(_))},[r,y]),ye=xt(async(u,C)=>{if(!w()||ae(u)===Me)return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Me,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),Q(B)&&P(B)},[r,y]),Ne=xt(async(u,C)=>{if(!w())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:gt,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};Q(B)&&P(B)},[r,y]),we=xt(async(u,C)=>{if(!w())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:q,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};Q(B)&&(await h(u),P(B))},[r,y]),ce=xt(async(u,C)=>{if(!w())return;let B={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:fo,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};Q(B)&&(await h(u),P(B))},[r,y]);function Q(u){var C;if(!y&&u.actionType===Ie)return!1;if(y){let B=y.find(_=>_.flowId===u.flowSlug);if(u.actionType===Ie&&(!(B!=null&&B.stepStates[u.stepId])||B.stepStates[u.stepId].actionType===Ie)||B&&((C=B.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||B&&B.flowState===q&&u.actionType===q)return!1}return!0}function ge(u,C){let B=V(u,C);return N?null:B?B.actionType:Ie}function re(u,C){let B=V(u,C);return B?B.blocked:!1}function I(u,C){let B=V(u,C);return B?B.hidden:!1}function V(u,C){if(N)return null;let B=y==null?void 0:y.find(_=>_.flowId===u);return!B||!B.stepStates[C]?null:B.stepStates[C]??null}function j(u){var B;if(N||!y)return null;if(ae(u)===Me)return L(u)[0]??null;let C=(B=y.find(_=>_.flowId===u))==null?void 0:B.lastStepId;return C?L(u).find(_=>_.id===C):null}function ne(u){let C=j(u);if(!C)return 0;let B=L(u).findIndex(_=>_.id===C.id)??0;return ge(u,C.id)===Ue&&B<L(u).length-1?B+1:B}function se(u){if(!u.completionCriteria)return;let C=Mr(u.completionCriteria);if(C===null)return;let B=qe(C),_=$e(C);return _===0?void 0:B/_}function ae(u){let C=y==null?void 0:y.find(B=>B.flowId===u);return C?C.flowState:null}function qe(u){let C=L(u);return C.length===0?0:C.filter(_=>ge(u,_.id)===Ue).length}function $e(u){return L(u).length}function G(u){let C=o.find(B=>B.slug===u);return C?JSON.parse(C.data):null}function ve(u){if(x)return!1;if(N)return!0;if(u!=null&&u.targetingLogic&&y){let C=y.find(B=>B.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function Gt(u){return!ve(D(u))}function uo(){r&&b()}return{getFlow:D,getFlowData:G,isLoading:N||$,getStepStatus:ge,getFlowSteps:L,getCurrentStepIndex:ne,markStepStarted:J,markStepCompleted:H,markFlowNotStarted:ye,markFlowStarted:Ne,markFlowCompleted:we,markFlowAborted:ce,markStepNotStarted:W,getFlowStatus:ae,getNumberOfStepsCompleted:qe,getNumberOfSteps:$e,targetingLogicShouldHideFlow:ve,setCustomVariable:ee,updateCustomVariables:fe,customVariables:s,getStepOptionalProgress:se,getFlowMetadata:U,isStepBlocked:re,isStepHidden:I,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:Gt,refresh:uo}}import{useCallback as Ur,useContext as $l,useEffect as Ml}from"react";var At="guest_";function qt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=$l(K),{config:n,apiUrl:s}=We(),{mutateUserFlowState:p}=Be(),c=Bt(),{verifySDKInitiated:a}=Et();Ml(()=>{if(e&&!t){if(e.startsWith(At))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 ap}from"uuid";import je,{useEffect as rp,useState as ip}from"react";import ze,{useEffect as jl}from"react";import Co from"styled-components";import Ul from"react";import zl from"styled-components";var zr="fr-",Yt="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+" "+Yt+e}return o}function k(e){if(!e.className||e.className.indexOf(Yt)!==-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 Ye(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 Xt(e){return e.charAt(0).toUpperCase()+e.slice(1)}var _l=zl.div`
|
|
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.4 ";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`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -23,11 +23,11 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
`,_r=({onClose:e,appearance:t})=>
|
|
26
|
+
`,_r=({onClose:e,appearance:t})=>jl.createElement(Gl,{className:l("modalBackground",t),onClick:()=>e()});import Xo from"react";import Kl from"styled-components";var ql=Kl.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,Fe=()=>Xo.createElement(
|
|
30
|
+
`,Fe=()=>Xo.createElement(ql,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 Jl}from"react-portal";import Zr from"react";import Jo from"react";function Yl({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 Wr=Yl;import Qo from"styled-components";import nt from"styled-components";var ho=nt.div`
|
|
31
31
|
${e=>k(e)} {
|
|
32
32
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
33
33
|
}
|
|
@@ -38,13 +38,13 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
38
38
|
min-width: 300px;
|
|
39
39
|
padding: 22px 22px 12px;
|
|
40
40
|
z-index: ${e=>e.zIndex};
|
|
41
|
-
`,Hr=
|
|
41
|
+
`,Hr=nt.div`
|
|
42
42
|
display: block;
|
|
43
43
|
cursor: pointer;
|
|
44
44
|
position: absolute;
|
|
45
45
|
top: 12px;
|
|
46
46
|
right: 12px;
|
|
47
|
-
`,
|
|
47
|
+
`,jr=nt.img`
|
|
48
48
|
${e=>k(e)} {
|
|
49
49
|
display: block;
|
|
50
50
|
width: 100%;
|
|
@@ -53,7 +53,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
53
53
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
54
54
|
margin-bottom: 16px;
|
|
55
55
|
}
|
|
56
|
-
`,
|
|
56
|
+
`,Vr=nt.div`
|
|
57
57
|
${e=>k(e)} {
|
|
58
58
|
display: block;
|
|
59
59
|
width: 100%;
|
|
@@ -61,17 +61,17 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
61
61
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
62
62
|
margin-bottom: 16px;
|
|
63
63
|
}
|
|
64
|
-
`,Gr=
|
|
64
|
+
`,Gr=nt.div`
|
|
65
65
|
display: flex;
|
|
66
66
|
flex-direction: row;
|
|
67
67
|
justify-content: space-between;
|
|
68
68
|
align-content: center;
|
|
69
|
-
`,Kr=
|
|
69
|
+
`,Kr=nt.div`
|
|
70
70
|
display: flex;
|
|
71
71
|
flex: 1;
|
|
72
72
|
flex-direction: column;
|
|
73
73
|
justify-content: center;
|
|
74
|
-
`,qr=
|
|
74
|
+
`,qr=nt.div`
|
|
75
75
|
display: flex;
|
|
76
76
|
flex: 2;
|
|
77
77
|
flex-shrink: 1;
|
|
@@ -83,7 +83,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
83
83
|
align-content: center;
|
|
84
84
|
align-items: center;
|
|
85
85
|
}
|
|
86
|
-
`,Yr=
|
|
86
|
+
`,Yr=nt.p`
|
|
87
87
|
${e=>k(e)} {
|
|
88
88
|
font-style: normal;
|
|
89
89
|
font-weight: 600;
|
|
@@ -103,7 +103,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
103
103
|
align-items: center;
|
|
104
104
|
justify-content: center;
|
|
105
105
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
106
|
-
`,Jr=Qo(
|
|
106
|
+
`,Jr=Qo(ho)`
|
|
107
107
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
108
108
|
position: absolute;
|
|
109
109
|
bottom: -60px;
|
|
@@ -125,7 +125,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
125
125
|
font-size: 12px;
|
|
126
126
|
line-height: 18px;
|
|
127
127
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
128
|
-
`;function
|
|
128
|
+
`;function Co({appearance:e}){return Zr.createElement(Qr,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Zr.createElement(Wr,null))}var Ql=yo.div`
|
|
129
129
|
${e=>k(e)} {
|
|
130
130
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
131
131
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -140,7 +140,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
140
140
|
width: ${e=>e.width??"1000px"};
|
|
141
141
|
z-index: 1500;
|
|
142
142
|
border-radius: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius)??8}}px;
|
|
143
|
-
${e=>
|
|
143
|
+
${e=>Xe(e)}
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
padding: 32px;
|
|
@@ -167,27 +167,27 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
167
167
|
opacity: 1;
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
`,
|
|
170
|
+
`,Zl=yo.div`
|
|
171
171
|
position: relative;
|
|
172
172
|
flex: 0 1 auto;
|
|
173
|
-
`,
|
|
173
|
+
`,Rl=yo.div`
|
|
174
174
|
position: absolute;
|
|
175
|
-
top:
|
|
176
|
-
right:
|
|
175
|
+
top: 16px;
|
|
176
|
+
right: 16px;
|
|
177
177
|
cursor: pointer;
|
|
178
178
|
z-index: 1501;
|
|
179
179
|
${e=>k(e)} {
|
|
180
180
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
181
181
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
182
182
|
}
|
|
183
|
-
`,
|
|
183
|
+
`,ea=yo.div`
|
|
184
184
|
overflow: scroll;
|
|
185
185
|
flex: 1 1;
|
|
186
186
|
display: flex;
|
|
187
187
|
::-webkit-scrollbar {
|
|
188
188
|
display: none;
|
|
189
189
|
}
|
|
190
|
-
`,He=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:r,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>(
|
|
190
|
+
`,He=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:r,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>(Xl(()=>{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(Jl,null,ze.createElement(_r,{appearance:n,onClose:()=>{s&&e()}}),ze.createElement(Ql,{appearance:n,className:l("modalContainer",n),styleOverrides:i},s&&ze.createElement(Rl,{className:l("modalClose",n),onClick:()=>e(),appearance:n},ze.createElement(Fe,null)),o&&ze.createElement(Zl,null,o),ze.createElement(ea,null,r),p&&ze.createElement(Xr,{appearance:n,className:l("poweredByFrigadeRibbon",n)},ze.createElement(Co,{appearance:n})))):ze.createElement(ze.Fragment,null));import st,{useEffect as ta}from"react";import So from"styled-components";import{Portal as oa}from"react-portal";function ra(e){switch(e){case"top-left":return`
|
|
191
191
|
top: 0;
|
|
192
192
|
left: 0;
|
|
193
193
|
`;case"top-right":return`
|
|
@@ -196,7 +196,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
196
196
|
`;case"bottom-left":return`
|
|
197
197
|
bottom: 0;
|
|
198
198
|
left: 0;
|
|
199
|
-
`}return"right: 0; bottom: 0;"}var
|
|
199
|
+
`}return"right: 0; bottom: 0;"}var ia=So.div`
|
|
200
200
|
${e=>k(e)} {
|
|
201
201
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
202
202
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -210,28 +210,28 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
210
210
|
width: 350px;
|
|
211
211
|
padding: 24px;
|
|
212
212
|
}
|
|
213
|
-
${e=>
|
|
213
|
+
${e=>ra(e.modalPosition)}
|
|
214
214
|
margin: 28px;
|
|
215
|
-
`,
|
|
215
|
+
`,na=So.div`
|
|
216
216
|
position: relative;
|
|
217
217
|
flex: 1;
|
|
218
|
-
`,
|
|
218
|
+
`,sa=So.div`
|
|
219
219
|
position: absolute;
|
|
220
|
-
top:
|
|
221
|
-
right:
|
|
220
|
+
top: 16px;
|
|
221
|
+
right: 16px;
|
|
222
222
|
cursor: pointer;
|
|
223
223
|
z-index: 1501;
|
|
224
224
|
${e=>k(e)} {
|
|
225
225
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
226
226
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
227
227
|
}
|
|
228
|
-
`,
|
|
228
|
+
`,la=So.div`
|
|
229
229
|
overflow: scroll;
|
|
230
230
|
flex: 5;
|
|
231
231
|
::-webkit-scrollbar {
|
|
232
232
|
display: none;
|
|
233
233
|
}
|
|
234
|
-
`,
|
|
234
|
+
`,bo=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:r,modalPosition:n="bottom-right",dismissible:s=!0})=>(ta(()=>{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(oa,null,st.createElement(ia,{appearance:r,className:l("cornerModalContainer",r),modalPosition:n},s&&st.createElement(sa,{className:l("cornerModalClose",r),onClick:()=>e()},st.createElement(Fe,null)),o&&st.createElement(na,null,o),st.createElement(la,null,i))):st.createElement(st.Fragment,null));import{useContext as aa}from"react";function Q(){let{defaultAppearance:e}=aa(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 Na,useEffect as Ia,useState as sr}from"react";import Po from"styled-components";import Fo,{useEffect as pa,useState as ii}from"react";import er from"styled-components";import wo from"styled-components";var Rr=wo.label`
|
|
235
235
|
${e=>k(e)} {
|
|
236
236
|
font-size: 12px;
|
|
237
237
|
line-height: 18px;
|
|
@@ -242,14 +242,14 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
242
242
|
letter-spacing: 0.24px;
|
|
243
243
|
}
|
|
244
244
|
display: flex;
|
|
245
|
-
`,ei=
|
|
245
|
+
`,ei=wo.label`
|
|
246
246
|
${e=>k(e)} {
|
|
247
247
|
font-size: 12px;
|
|
248
248
|
line-height: 20px;
|
|
249
249
|
margin-bottom: 5px;
|
|
250
250
|
}
|
|
251
251
|
display: flex;
|
|
252
|
-
`,ti=
|
|
252
|
+
`,ti=wo.span`
|
|
253
253
|
font-weight: 400;
|
|
254
254
|
font-size: 14px;
|
|
255
255
|
line-height: 22px;
|
|
@@ -257,12 +257,12 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
257
257
|
display: flex;
|
|
258
258
|
margin-right: 5px;
|
|
259
259
|
margin-top: 10px;
|
|
260
|
-
`,wo
|
|
260
|
+
`,To=wo.div`
|
|
261
261
|
display: flex;
|
|
262
262
|
align-items: flex-start;
|
|
263
263
|
justify-content: left;
|
|
264
264
|
margin-bottom: 10px;
|
|
265
|
-
`;import Zo from"react";var
|
|
265
|
+
`;import Zo from"react";var Je={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=Je}){return e?Zo.createElement(To,null,t?Zo.createElement(ti,{className:l("formLabelRequired",o),appearance:o},"*"):null,Zo.createElement(Rr,{className:l("formLabel",o)},e)):null}import oi from"react";function It({title:e,appearance:t}){return e?oi.createElement(To,null,oi.createElement(ei,{className:l("formSubLabel",t)},e)):null}import{z as Ro}from"zod";function ri(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 da=er.div`
|
|
266
266
|
display: flex;
|
|
267
267
|
flex-direction: column;
|
|
268
268
|
width: 100%;
|
|
@@ -282,7 +282,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
282
282
|
box-sizing: border-box;
|
|
283
283
|
padding: 0 10px;
|
|
284
284
|
margin-bottom: 10px;
|
|
285
|
-
`,
|
|
285
|
+
`,ca=er.textarea`
|
|
286
286
|
${e=>k(e)} {
|
|
287
287
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
288
288
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -298,13 +298,13 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
298
298
|
min-height: 70px;
|
|
299
299
|
box-sizing: border-box;
|
|
300
300
|
margin-bottom: 10px;
|
|
301
|
-
`;function or({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:r}){let n=e,[s,p]=ii((r==null?void 0:r.text)||""),[c,a]=ii(!1),g=tr;
|
|
301
|
+
`;function or({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:r}){let n=e,[s,p]=ii((r==null?void 0:r.text)||""),[c,a]=ii(!1),g=tr;pa(()=>{s===""&&!c&&(a(!0),d(""))},[]);function d(S){if(p(S),o({text:S}),n.required===!0&&S.trim()===""){i([{id:n.id,message:`${n.title??"Field"} is required`}]);return}let w=ri(S,n.validation);if(w){i([{id:n.id,message:w}]);return}i([])}n.multiline&&(g=ca);function x(){var S;switch((S=n==null?void 0:n.validation)==null?void 0:S.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return Fo.createElement(da,null,Fo.createElement(lt,{title:n.title,required:n.required,appearance:t.appearance}),Fo.createElement(g,{className:l("inputComponent",t.appearance),value:s,onChange:S=>{d(S.target.value)},appearance:t.appearance,placeholder:n.placeholder,type:x()}),Fo.createElement(It,{title:n.subtitle,appearance:t.appearance}))}import je,{useEffect as ni,useState as si}from"react";import li from"styled-components";var rr="",ma=li.div`
|
|
302
302
|
display: flex;
|
|
303
303
|
flex-direction: column;
|
|
304
304
|
width: 100%;
|
|
305
305
|
-webkit-appearance: none;
|
|
306
306
|
appearance: none;
|
|
307
|
-
`,
|
|
307
|
+
`,ua=li.select`
|
|
308
308
|
${e=>k(e)} {
|
|
309
309
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
310
310
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -325,15 +325,15 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
325
325
|
background-repeat: no-repeat;
|
|
326
326
|
background-size: 1.5em 1.5em;
|
|
327
327
|
-webkit-print-color-adjust: exact;
|
|
328
|
-
`;function ai({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g,d,x,S,w,P;let n=e,[s,p]=si(((g=i==null?void 0:i.choice)==null?void 0:g[0])||""),[c,a]=si(!1);return ni(()=>{var f,
|
|
329
|
-
${e=>
|
|
330
|
-
`,
|
|
328
|
+
`;function ai({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g,d,x,S,w,P;let n=e,[s,p]=si(((g=i==null?void 0:i.choice)==null?void 0:g[0])||""),[c,a]=si(!1);return ni(()=>{var f,E,b,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(((b=n.props.options)==null?void 0:b[0].id)||""),o({choice:[((y=n.props.options)==null?void 0:y[0].id)||""]})}},[]),ni(()=>{n.requireSelection&&s===rr?r([{message:"Please select an option",id:n.id}]):r([])},[s]),je.createElement(ma,null,je.createElement(lt,{title:n.title,required:!1,appearance:t.appearance}),je.createElement(ua,{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))),((S=(x=n.props.options)==null?void 0:x.find(f=>f.id===s))==null?void 0:S.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 di}from"react";import ci from"styled-components";import Zt from"react";import Qt from"react";var pi=({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})},fa=({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(pi,{color:r,size:t}),Qt.createElement(pi,{color:e,percentage:o,size:t})),i),Ot=fa;import ga from"styled-components";var xa=({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"})),ha={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},Ca={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},ya={border:"1px solid #000000",color:"#FFFFFF"},Sa={border:"1px solid #C5CBD3"},ba={color:"#FFFFFF"},wa={border:"1px solid #C5CBD3"},Ta=e=>e==="square"?ha:Ca,Fa=(e,t)=>e==="square"?t?ya:Sa:t?ba:wa,ka=ga.div`
|
|
329
|
+
${e=>Xe(e)}
|
|
330
|
+
`,Qe=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:r=Je,style:n,className:s})=>{let p=Ta(t),c=Fa(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(ka,{styleOverrides:p,style:n,role:"checkbox",className:xe(l("checkIconContainer",r),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",r),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Zt.createElement(xa,{color:"#FFFFFF"}))};var Pa=ci.div`
|
|
331
331
|
display: flex;
|
|
332
332
|
flex-direction: column;
|
|
333
333
|
width: 100%;
|
|
334
334
|
-webkit-appearance: none;
|
|
335
335
|
appearance: none;
|
|
336
|
-
`,
|
|
336
|
+
`,va=ci.button`
|
|
337
337
|
${e=>k(e)} {
|
|
338
338
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
339
339
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -358,7 +358,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
358
358
|
height: 48px;
|
|
359
359
|
padding: 0 18px;
|
|
360
360
|
margin-bottom: 10px;
|
|
361
|
-
`;function mi({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g;let n=e,[s,p]=di((i==null?void 0:i.choice)||[]),[c,a]=di(!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]),
|
|
361
|
+
`;function mi({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g;let n=e,[s,p]=di((i==null?void 0:i.choice)||[]),[c,a]=di(!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(Pa,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(va,{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(Qe,{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 ui from"styled-components";import Ba from"dompurify";function le(e){return{__html:Ba.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Ea=ui.h1`
|
|
362
362
|
${e=>k(e)} {
|
|
363
363
|
font-style: normal;
|
|
364
364
|
font-weight: 700;
|
|
@@ -370,7 +370,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
370
370
|
margin-bottom: 4px;
|
|
371
371
|
color: ${e=>e.appearance.theme.colorText};
|
|
372
372
|
}
|
|
373
|
-
`,
|
|
373
|
+
`,Aa=ui.h2`
|
|
374
374
|
${e=>k(e)} {
|
|
375
375
|
font-style: normal;
|
|
376
376
|
font-weight: 400;
|
|
@@ -379,25 +379,25 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
379
379
|
letter-spacing: 0.28px;
|
|
380
380
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
381
381
|
}
|
|
382
|
-
`;function
|
|
382
|
+
`;function ke({appearance:e,title:t,subtitle:o,size:i="medium",classPrefix:r=""}){return ko.createElement(ko.Fragment,null,ko.createElement(Ea,{appearance:e,className:l(`${r}${r?Jt(i):i}Title`,e),dangerouslySetInnerHTML:le(t),size:i}),o&&ko.createElement(Aa,{appearance:e,className:l(`${r}${r?Jt(i):i}Subtitle`,e),dangerouslySetInnerHTML:le(o),size:i}))}import*as nr from"react";var fi=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 Oa=Po.div`
|
|
383
383
|
display: flex;
|
|
384
384
|
flex-direction: column;
|
|
385
385
|
justify-content: flex-end;
|
|
386
386
|
overflow: visible;
|
|
387
387
|
padding-top: 14px;
|
|
388
|
-
`,
|
|
388
|
+
`,La=Po.div`
|
|
389
389
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextError}};
|
|
390
390
|
font-size: 12px;
|
|
391
391
|
margin-bottom: 12px;
|
|
392
392
|
display: flex;
|
|
393
393
|
align-items: center;
|
|
394
|
-
`,
|
|
394
|
+
`,Da=Po.div`
|
|
395
395
|
margin-right: 4px;
|
|
396
396
|
display: inline-flex;
|
|
397
|
-
|
|
397
|
+
`,$a=Po.div`
|
|
398
398
|
padding-left: 1px;
|
|
399
399
|
padding-right: 1px;
|
|
400
|
-
`,
|
|
400
|
+
`,Ma={text:or,multipleChoice:ai,multipleChoiceList:mi},lr="frigade-multiInputStepTypeData";function gi({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:S}=Yt(),[w,P]=sr(y()||(p?p[t.id]:null)||{}),{readonly:f}=Na(K),E={...Ma,...s};Ia(()=>{i(a.length===0)},[a,i]);function b(m,B){let T={...w,[m.id]:B};P(T),r(T),window&&window.localStorage&&!f&&window.localStorage.setItem(A(),JSON.stringify(T))}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}-${S}`}return ht.createElement($a,{className:l("multiInput",n)},ht.createElement(ke,{appearance:n,title:t.title,subtitle:t.subtitle}),ht.createElement(Oa,{className:l("multiInputContainer",n)},(h=c.data)==null?void 0:h.map(m=>{var T;let B=(T=a.reverse().find(F=>F.id===m.id))==null?void 0:T.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:F=>{!d.includes(m.id)&&F&&(F==null?void 0:F.text)!==""&&x(O=>[...O,m.id]),b(m,F)},inputData:w[m.id],setFormValidationErrors:F=>{g(O=>F.length===0?O.filter(N=>N.id!==m.id):[...O,...F])}}),B&&d.includes(m.id)&&ht.createElement(La,{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(Da,{appearance:n,className:l("multiInputValidationErrorIcon",n)},ht.createElement(fi,null)),B)):null})))}import Ct from"styled-components";var xi=Ct.div`
|
|
401
401
|
align-items: center;
|
|
402
402
|
display: flex;
|
|
403
403
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
@@ -408,6 +408,8 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
408
408
|
`,Ci=Ct.div`
|
|
409
409
|
display: flex;
|
|
410
410
|
gap: 12px;
|
|
411
|
+
width: 100%;
|
|
412
|
+
justify-content: flex-end;
|
|
411
413
|
`,yi=Ct.div`
|
|
412
414
|
display: flex;
|
|
413
415
|
flex-direction: row;
|
|
@@ -436,7 +438,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
436
438
|
background-position: center;
|
|
437
439
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
438
440
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
439
|
-
`;import
|
|
441
|
+
`;import at from"react";import Ua from"react";import Ti from"styled-components";var za=Ti.button`
|
|
440
442
|
justify-content: center;
|
|
441
443
|
align-content: center;
|
|
442
444
|
${e=>k(e)} {
|
|
@@ -454,7 +456,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
454
456
|
font-size: ${e=>e.size=="small"?"14px":"15px"};
|
|
455
457
|
line-height: 20px;
|
|
456
458
|
font-weight: 500;
|
|
457
|
-
${e=>
|
|
459
|
+
${e=>Xe(e)}
|
|
458
460
|
}
|
|
459
461
|
|
|
460
462
|
font-family: inherit;
|
|
@@ -467,7 +469,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
467
469
|
opacity: 0.3;
|
|
468
470
|
cursor: not-allowed;
|
|
469
471
|
}
|
|
470
|
-
`,
|
|
472
|
+
`,vo=Ti.div`
|
|
471
473
|
${e=>k(e)} {
|
|
472
474
|
display: flex;
|
|
473
475
|
flex-direction: row;
|
|
@@ -478,14 +480,14 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
478
480
|
margin-right: 8px;
|
|
479
481
|
}
|
|
480
482
|
}
|
|
481
|
-
`,
|
|
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 Ua.createElement(za,{secondary:s,appearance:p,disabled:i,onClick:e,styleOverrides:o,type:r,withMargin:c,size:n,className:l(g(),p)},t??"Continue")};var Fi=({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(hi,{appearance:o,className:l("formCTAError",o)},a),at.createElement(xi,{showBackButton:g,className:l("formCTAContainer",o)},g&&at.createElement(Z,{title:e.backButtonTitle??"\u2190",onClick:p,secondary:!0,withMargin:!1,type:d,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),at.createElement(Ci,{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 _a from"styled-components";var Wa=_a.div`
|
|
482
484
|
text-align: center;
|
|
483
|
-
`,ki=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:r}=
|
|
485
|
+
`,ki=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:r}=Q().mergeAppearanceWithDefault(i);return ar.createElement(Wa,{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 Ha}from"react";function ie(){let e=Ha(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 ja=Lt.div`
|
|
484
486
|
display: flex;
|
|
485
487
|
flex-wrap: wrap;
|
|
486
488
|
align-content: center;
|
|
487
489
|
justify-content: center;
|
|
488
|
-
`,
|
|
490
|
+
`,Va=Lt.div`
|
|
489
491
|
align-content: center;
|
|
490
492
|
align-items: center;
|
|
491
493
|
display: flex;
|
|
@@ -499,10 +501,10 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
499
501
|
flex-basis: 255px;
|
|
500
502
|
flex-grow: 0;
|
|
501
503
|
flex-shrink: 0;
|
|
502
|
-
`,
|
|
504
|
+
`,Ga=Lt.img`
|
|
503
505
|
width: 78px;
|
|
504
506
|
height: auto;
|
|
505
|
-
`,
|
|
507
|
+
`,Ka=Lt.button`
|
|
506
508
|
font-style: normal;
|
|
507
509
|
font-weight: 600;
|
|
508
510
|
font-size: 13px;
|
|
@@ -515,11 +517,11 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
515
517
|
border-radius: 100px;
|
|
516
518
|
padding: 8px 12px;
|
|
517
519
|
margin-top: 16px;
|
|
518
|
-
`,
|
|
520
|
+
`,qa=Lt.h1`
|
|
519
521
|
font-weight: 700;
|
|
520
522
|
font-size: 28px;
|
|
521
523
|
line-height: 34px;
|
|
522
|
-
`,
|
|
524
|
+
`,Ya=Lt.h2`
|
|
523
525
|
font-style: normal;
|
|
524
526
|
font-weight: 400;
|
|
525
527
|
font-size: 16px;
|
|
@@ -528,7 +530,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
528
530
|
margin-top: 12px;
|
|
529
531
|
margin-bottom: 16px;
|
|
530
532
|
max-width: 70%;
|
|
531
|
-
`;function Pi({stepData:e,appearance:t}){var i,r;let{handleUrl:o}=ie();return yt.createElement("div",null,yt.createElement(
|
|
533
|
+
`;function Pi({stepData:e,appearance:t}){var i,r;let{handleUrl:o}=ie();return yt.createElement("div",null,yt.createElement(qa,null,e.title),yt.createElement(Ya,null,e.subtitle),yt.createElement(ja,null,(r=(i=e.props)==null?void 0:i.links)==null?void 0:r.map(n=>yt.createElement(Va,{key:n.title},yt.createElement(Ga,{src:n.imageUri}),yt.createElement(Ka,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{n.uri&&o(n.uri,n.uriTarget??"_blank")}},n.title)))))}import Dt,{useEffect as tp}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 Xa,useState as Ja}from"react";import Eo from"styled-components";var Qa=Eo.div`
|
|
532
534
|
display: flex;
|
|
533
535
|
align-items: center;
|
|
534
536
|
justify-content: flex-start;
|
|
@@ -536,7 +538,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
536
538
|
width: 100%;
|
|
537
539
|
height: 100%;
|
|
538
540
|
position: relative;
|
|
539
|
-
`,
|
|
541
|
+
`,Za=Eo.div`
|
|
540
542
|
position: absolute;
|
|
541
543
|
display: flex;
|
|
542
544
|
align-items: center;
|
|
@@ -555,40 +557,40 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
555
557
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
556
558
|
border-radius: 50%;
|
|
557
559
|
}
|
|
558
|
-
`,
|
|
560
|
+
`,Ra=Eo.video`
|
|
559
561
|
width: 100%;
|
|
560
562
|
height: 100%;
|
|
561
563
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
562
|
-
`,
|
|
564
|
+
`,ep=Eo.iframe`
|
|
563
565
|
width: 100%;
|
|
564
566
|
height: 100%;
|
|
565
567
|
min-height: 260px;
|
|
566
568
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
567
|
-
`;function
|
|
569
|
+
`;function Ve({appearance:e,videoUri:t}){let o=Xa(),[i,r]=Ja(!1);if(t.includes("youtube")){let n=t.split("v=")[1],s=n.indexOf("&");return s!==-1&&(n=n.substring(0,s)),eo.createElement(ep,{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(Qa,{className:l("videoPlayerWrapper",e),appearance:e},!i&&eo.createElement(Za,{onClick:()=>{r(!0),o.current.play()},appearance:e},eo.createElement(Bo,null)),eo.createElement(Ra,{appearance:e,controls:i,ref:o,play:i,src:t}))}var op=Ao.div`
|
|
568
570
|
${e=>k(e)} {
|
|
569
571
|
display: flex;
|
|
570
572
|
flex-direction: column;
|
|
571
573
|
justify-content: center;
|
|
572
574
|
}
|
|
573
|
-
`,
|
|
575
|
+
`,rp=Ao.img`
|
|
574
576
|
${e=>k(e)} {
|
|
575
577
|
width: 100%;
|
|
576
578
|
height: auto;
|
|
577
579
|
max-height: 250px;
|
|
578
580
|
margin-bottom: 24px;
|
|
579
581
|
}
|
|
580
|
-
`,
|
|
582
|
+
`,ip=Ao.div`
|
|
581
583
|
${e=>k(e)} {
|
|
582
584
|
margin-bottom: 24px;
|
|
583
585
|
}
|
|
584
|
-
`,
|
|
586
|
+
`,np=Ao.div`
|
|
585
587
|
${e=>k(e)} {
|
|
586
588
|
width: 100%;
|
|
587
589
|
height: auto;
|
|
588
590
|
max-height: 250px;
|
|
589
591
|
margin-bottom: 24px;
|
|
590
592
|
}
|
|
591
|
-
`;function vi({stepData:e,appearance:t,setCanContinue:o}){return
|
|
593
|
+
`;function vi({stepData:e,appearance:t,setCanContinue:o}){return tp(()=>{o(!0)},[]),Dt.createElement(op,{className:l("callToActionContainer",t)},Dt.createElement(ip,{className:l("callToActionTextContainer",t)},Dt.createElement(ke,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&Dt.createElement(rp,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&Dt.createElement(np,{appearance:t,className:l("callToActionVideo",t)},Dt.createElement(Ve,{appearance:t,videoUri:e.videoUri})))}import Ze,{useEffect as dr,useState as cr}from"react";import pt from"styled-components";var Bi=pt.div`
|
|
592
594
|
width: auto;
|
|
593
595
|
display: flex;
|
|
594
596
|
flex-direction: column;
|
|
@@ -641,8 +643,8 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
641
643
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
642
644
|
display: flex;
|
|
643
645
|
align-self: center;
|
|
644
|
-
`;var $i=({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]),
|
|
645
|
-
${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map(([s,p])=>`${Yo(s)}: ${p};`).join(" ")} }`).join(" ")}`;return to.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:A=!1,allowBackNavigation:b=!1,validationHandler:y,showFrigadeBranding:N=!1,onFormDataChange:h,showFooter:m=!0,prefillData:v={}})=>{let{getFlow:F,getFlowSteps:T,isLoading:O,targetingLogicShouldHideFlow:E,getFlowStatus:$,getCurrentStepIndex:D,markFlowCompleted:L,markFlowNotStarted:X}=Y(),U=D(e),{mergeAppearanceWithDefault:ee}=Z(),[fe,J]=ip(!1),{setOpenFlowState:W,getOpenFlowState:H,hasOpenModals:ye}=Te();c=ee(c);let[Ne,we]=i!==void 0&&r!==void 0?[i,r]:[H(e,!0),re=>W(e,re)];if(rp(()=>{!fe&&!O&&(J(!0),$(e)===q&&P&&(X(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(I=>{I.startsWith(lr)&&window.localStorage.removeItem(I)})),J(!0))},[fe,J,O]),O)return null;let ce=F(e);if(!ce||E(ce))return null;let Q=T(e);if(!Q||i!==void 0&&i===!1||$(e)===q&&a||(o=="modal"||o=="corner-modal")&&ye(e))return null;let ge=()=>{we(!1),f&&f(),S===!0&&L(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",je.createElement(He,{appearance:c,onClose:ge,visible:Ne,style:re,dismissible:x,showFrigadeBranding:N},je.createElement(oe,{appearance:c}),je.createElement(No,{appearance:c,steps:Q,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:A,customFormElements:s,allowBackNavigation:b,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:v}))}return o==="modal"&&w!=="center"?je.createElement(So,{appearance:c,onClose:ge,visible:Ne,modalPosition:w},je.createElement(oe,{appearance:c}),je.createElement(No,{appearance:c,steps:Q,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:A,customFormElements:s,allowBackNavigation:b,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:v})):je.createElement(je.Fragment,null,je.createElement(oe,{appearance:c}),je.createElement(No,{appearance:c,steps:Q,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:we,onDismiss:f,showPagination:A,customFormElements:s,allowBackNavigation:b,validationHandler:y,onFormDataChange:h,showFooter:m,prefillData:v}))},Ui=Mi;import{useCallback as zi,useContext as np,useEffect as sp}from"react";function mr(){let{organizationId:e,userId:t,setOrganizationId:o}=np(K),{mutateUserFlowState:i}=Be(),{config:r,apiUrl:n}=We(),s=Bt(),{verifySDKInitiated:p}=Et();sp(()=>{if(t&&e){if(t.startsWith(At))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",oo="frigade-xFrigade_userId",Wi=({})=>{let{setFlowResponses:e}=Kt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Be(),{userId:r,setUserId:n}=qt(),[s,p]=ur(null),{getFlowStatus:c}=Y(),{flows:a,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=lp(K),[S,w]=ur([]),[P,f]=ur([]),{organizationId:A}=mr();Io(()=>{if(!o&&t)for(let h=0;h<t.length;h++){let m=t[h],v=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(v&&m&&m.shouldTrigger===!0&&v.type=="FORM"&&v.triggerType==="AUTOMATIC"&&!P.includes(v.slug)){setTimeout(()=>{b(m.flowId)},500);break}}},[o,t]),Io(()=>{x.length>0&&i()},[x]);function b(h){let m=a.find(v=>v.slug===h);m&&m.triggerType==="AUTOMATIC"&&!P.includes(m.slug)&&(f([...P,m.slug]),w([m]))}function y(){if(!r){let h=localStorage.getItem(oo);if(h){n(h);return}let m=localStorage.getItem(_i);if(m){n(m);return}d(!0);let v=At+ap();try{localStorage.setItem(_i,v)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}n(F=>F||v)}}Io(()=>{try{if(a){let h=[];a.forEach(m=>{if(m.data){let v=m.data.match(/"imageUri":"(.*?)"/g);v&&v.forEach(F=>{let T=F.replace('"imageUri":"',"").replace('"',"");if(h.includes(T))return;let O=new Image;O.src=T,h.push(T)})}})}}catch{}},[a]),Io(()=>{if(r!==s&&e([]),p(r),r&&!r.startsWith(At))try{localStorage.setItem(oo,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 N(){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(N,null))};import{ErrorBoundary as Lp}from"react-error-boundary";import ro 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=ro(t);return Object.entries(o).forEach(([r,n])=>{fr(n)?i[r]!==void 0?Object.assign(i,{[r]:dt(i[r],ro(n))}):Object.assign(i,{[r]:ro(n)}):Array.isArray(n)?i[r]!==void 0?Object.assign(i,{[r]:[...i[r],...ro(n)]}):Object.assign(i,{[r]:ro(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 pp(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 dp(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=pp(t),r=dp(o);return{overrides:i,css:r}}import Fp from"styled-components";import{compose as kp,variant as Gi}from"styled-system";import ji from"react";import cp,{ThemeProvider as mp,useTheme as up}from"styled-components";import{border as fp,color as gp,compose as xp,get as hp,shadow as Cp,space as yp,system as Sp,typography as bp}from"styled-system";var wp={width:{property:"width",scale:"sizes",transform:(e,t)=>hp(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},Tp=cp("div")(({css:e})=>e,xp(fp,gp,Cp,yp,bp,Sp(wp))),io=({as:e,children:t,overrides:o,...i})=>{let r=up(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>ji.createElement(Tp,{as:e,...n,...i},t);if(o!==void 0){let p=dt(r,o);return ji.createElement(mp,{theme:p},s())}return s()};var no={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"}},Pp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},Ki=Fp(io)(()=>({whiteSpace:"nowrap"}),kp(Gi({scale:"components.Button",variants:"components.Button"}),Gi({prop:"size",variants:Pp})));import vp from"styled-components";import{variant as Bp,system as Ep}from"styled-system";var Oo={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=vp(io)(Bp({scale:"components.Text",variants:"components.Text"}),Ep({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Yi=4,Xi="px",Ap=20,Np=Object.fromEntries(Array.from(Array(Ap+1),(e,t)=>t===0?[.5,`${.5*Yi}${Xi}`]:[t,`${t*Yi}${Xi}`])),Dt={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:{...Dt,neutral:{foreground:Dt.gray300},primary:{background:Dt.blue500,foreground:Dt.white,inverted:Dt.blue500},negative:{foreground:Dt.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:Np,components:{Button:no,Text:Oo}};var Ji="https://api.frigade.com",K=Ip({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:Xe,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:Ji,readonly:!1});function Dp(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var $p=({publicApiKey:e,userId:t,organizationId:o,config:i,children:r})=>{var fe,J;let[n,s]=Oe(t||null),[p,c]=Oe(o||null),[a,g]=Oe([]),[d,x]=Oe([]),[S,w]=Oe([]),[P,f]=Oe({}),[A,b]=Oe({}),[y,N]=Oe([]),[h,m]=Oe({}),[v,F]=Oe(!1),[T,O]=Oe(!1),[E,$]=Oe(!X(e)),D=(W,H)=>{if(H==="_blank"){window.open(W,"_blank");return}setTimeout(()=>{window.location.href=W},50)},L={theme:{...Xe.theme,...((fe=i==null?void 0:i.defaultAppearance)==null?void 0:fe.theme)??{}},styleOverrides:{...Xe.styleOverrides,...((J=i==null?void 0:i.defaultAppearance)==null?void 0:J.styleOverrides)??{}}};function X(W){return!!(W&&W.length>10&&W.substring(0,10)==="api_public")}Lo(()=>{t&&s(t)},[t]),Lo(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(oo)&&window.localStorage.getItem(oo)!==n&&Dp()},[n]),Lo(()=>{o&&c(o)},[o]),Lo(()=>{if(X(e))$(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),$(!0);return}},[e,$]);let U={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:a,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:S,setFlowResponses:w,userProperties:P,setUserProperties:f,openFlowStates:A,setOpenFlowStates:b,completedFlowsToKeepOpenDuringSession:y,setCompletedFlowsToKeepOpenDuringSession:N,customVariables:h,setCustomVariables:m,isNewGuestUser:v,setIsNewGuestUser:F,hasActiveFullPageFlow:T,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:i&&i.navigate?i.navigate:D,defaultAppearance:L,shouldGracefullyDegrade:E,setShouldGracefullyDegrade:$,apiUrl:i&&i.apiUrl?i.apiUrl:Ji,readonly:i&&i.readonly?i.readonly:!1};if(E)return bt.createElement(K.Provider,{value:U},r);let{overrides:ee}=Vi(L);return bt.createElement(Lp,{fallback:bt.createElement(bt.Fragment,null,r)},bt.createElement(K.Provider,{value:U},bt.createElement(Op,{theme:dt(L.theme,gr,ee??{},(i==null?void 0:i.theme)??{})},r,bt.createElement(Wi,null))))};import kd from"react";import de,{useEffect as Ps,useState as vs}from"react";import _e,{useState as ed}from"react";import Ft from"styled-components";import Mo from"react";import wt from"react";import Zi from"styled-components";var Qi=Zi.span`
|
|
646
|
+
`;var $i=({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]),Ze.createElement(Bi,{className:l("selectListContainer",i)},Ze.createElement(Ei,null,Ze.createElement(Ai,{className:l("selectListTitle",i)},e.title),Ze.createElement(Ni,{appearance:i,className:l("selectListSubtitle",i)},e.subtitle)),r.options.map((d,x)=>{let S=n.includes(d.id);return Ze.createElement(Ii,{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)},Ze.createElement(Oi,{className:l("selectListItemImage",i)},d.imageUri&&Ze.createElement(Li,{src:d.imageUri,alt:`select-icon-${x}`}),Ze.createElement(Di,{appearance:i,className:l("selectListSelectItemText",i)},d.title)),Ze.createElement(Qe,{appearance:i,value:S,primaryColor:i.theme.colorPrimary}))}))};import Pe,{useEffect as No,useState as to}from"react";var sp=({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:S,showPagination:w=!1,customFormElements:P,allowBackNavigation:f,validationHandler:E,onFormDataChange:b,showFooter:y,prefillData:A})=>{var j;let m={...{linkCollection:Pi,multiInput:gi,callToAction:vi,selectList:$i},...i},{primaryCTAClickSideEffects:B,secondaryCTAClickSideEffects:T}=ie(),[F,O]=to(!1),[N,I]=to({}),[$,D]=to(!1),[ee,M]=to(!1),[te,fe]=to(null),X=t[o]??null,{markStepCompleted:W,markStepStarted:H,isLoading:Ce,updateCustomVariables:Ie,markFlowCompleted:we}=Y();No(()=>{Ie(r)},[r,Ce]),No(()=>{b&&b(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(wi,{image:V.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let L=y&&Pe.createElement(Fi,{step:t[o],canContinue:F&&!$,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 W(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(),S&&S(),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),T(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(yi,{className:l("formContainer",e)},Pe.createElement(Si,null,Pe.createElement(sp,{id:o,shouldWrap:c==="large-modal"},Pe.createElement(bi,{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:F,setCanContinue:O,onSaveData:se=>{ge(V,se)},appearance:e,customFormElements:P,flowId:p,prefillData:A})}),w&&Pe.createElement(ki,{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 lp}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=lp`
|
|
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`
|
|
646
648
|
font-weight: 600;
|
|
647
649
|
font-size: 14px;
|
|
648
650
|
font-style: normal;
|
|
@@ -653,20 +655,19 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
653
655
|
vertical-align: middle;
|
|
654
656
|
margin-left: 32px;
|
|
655
657
|
padding-right: 12px;
|
|
656
|
-
`,
|
|
658
|
+
`,Hp=Zi.div`
|
|
657
659
|
flex-direction: row;
|
|
658
660
|
justify-content: space-between;
|
|
659
661
|
display: flex;
|
|
660
662
|
padding-top: 20px;
|
|
661
663
|
padding-bottom: 20px;
|
|
662
|
-
padding-right:
|
|
663
|
-
border-top: 1px solid ${e=>e.theme.colorBorder};
|
|
664
|
+
padding-right: 8px;
|
|
664
665
|
width: 100%;
|
|
665
|
-
|
|
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(Hp,{className:l("checklistStepsContainer",p),appearance:p,style:{...r}},i==="left"&&e&&wt.createElement(Qi,{className:l("checklistStepLabel",p),style:o},e),wt.createElement(Qe,{appearance:p,value:t,type:s,primaryColor:n}),i==="right"&&e&&wt.createElement(Qi,{className:l("checklistStepLabel",p),style:o},e)),wt.createElement(oe,{appearance:p}));import lo from"styled-components";var Ri=lo.div`
|
|
666
667
|
font-weight: 700;
|
|
667
668
|
font-size: 18px;
|
|
668
669
|
line-height: 22px;
|
|
669
|
-
`,en=
|
|
670
|
+
`,en=lo.p`
|
|
670
671
|
font-weight: 600;
|
|
671
672
|
font-size: 16px;
|
|
672
673
|
line-height: 24px;
|
|
@@ -674,7 +675,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
674
675
|
letter-spacing: 0.32px;
|
|
675
676
|
font-style: normal;
|
|
676
677
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
677
|
-
`,tn=
|
|
678
|
+
`,tn=lo.p`
|
|
678
679
|
font-weight: 400;
|
|
679
680
|
font-size: 14px;
|
|
680
681
|
font-style: normal;
|
|
@@ -683,43 +684,45 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
683
684
|
letter-spacing: 0.28px;
|
|
684
685
|
margin: 8px 0px 0px 0px;
|
|
685
686
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
686
|
-
|
|
687
|
+
`,Mo=lo.div`
|
|
687
688
|
width: 6px;
|
|
688
689
|
position: absolute;
|
|
689
690
|
left: 0;
|
|
690
691
|
height: 100%;
|
|
691
692
|
border-top-right-radius: 4px;
|
|
692
693
|
border-bottom-right-radius: 4px;
|
|
693
|
-
`,on=
|
|
694
|
+
`,on=lo.div`
|
|
694
695
|
flex-direction: row;
|
|
695
696
|
justify-content: flex-start;
|
|
696
|
-
|
|
697
|
+
border-bottom: 1px solid ${e=>e.theme.colorBorder};
|
|
698
|
+
padding-right: 16px;
|
|
699
|
+
`;var rn=({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(on,{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 Re from"styled-components";var eh=Re.div`
|
|
697
700
|
background: #ffffff;
|
|
698
701
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
699
702
|
border-radius: 20px;
|
|
700
703
|
width: 385px;
|
|
701
704
|
padding: 24px 16px 16px 16px;
|
|
702
|
-
`,
|
|
705
|
+
`,th=Re.div`
|
|
703
706
|
/* Border bottom only on collapsable */
|
|
704
|
-
`,
|
|
707
|
+
`,oh=Re.div`
|
|
705
708
|
display: flex;
|
|
706
709
|
flex-direction: row;
|
|
707
710
|
justify-content: space-between;
|
|
708
711
|
align-content: flex-start;
|
|
709
|
-
`,
|
|
712
|
+
`,rh=Re.h1`
|
|
710
713
|
display: flex;
|
|
711
714
|
margin: 0;
|
|
712
715
|
font-size: 18px;
|
|
713
|
-
`,
|
|
716
|
+
`,ih=Re.h2`
|
|
714
717
|
font-size: 15px;
|
|
715
718
|
color: #4d4d4d;
|
|
716
|
-
`,
|
|
719
|
+
`,nh=Re.ul`
|
|
717
720
|
list-style: none;
|
|
718
|
-
`,
|
|
721
|
+
`,sh=Re.li`
|
|
719
722
|
display: flex;
|
|
720
723
|
justify-content: flex-start;
|
|
721
724
|
flex-direction: row;
|
|
722
|
-
`,nn=
|
|
725
|
+
`,nn=Re.div`
|
|
723
726
|
position: absolute;
|
|
724
727
|
left: 0;
|
|
725
728
|
top: 0;
|
|
@@ -727,7 +730,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
727
730
|
width: ${e=>e.fgWidth};
|
|
728
731
|
border-radius: 20px;
|
|
729
732
|
background-color: ${e=>e.theme.colorPrimary};
|
|
730
|
-
`,sn=
|
|
733
|
+
`,sn=Re.div`
|
|
731
734
|
position: relative;
|
|
732
735
|
left: 0;
|
|
733
736
|
top: 0;
|
|
@@ -737,33 +740,33 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
737
740
|
border-radius: 20px;
|
|
738
741
|
background-color: ${e=>e.theme.colorPrimary};
|
|
739
742
|
opacity: 0.12;
|
|
740
|
-
`;var
|
|
743
|
+
`;var jp=xr.div`
|
|
741
744
|
display: flex;
|
|
742
745
|
flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
|
|
743
746
|
justify-content: flex-start;
|
|
744
747
|
align-items: ${e=>e.textLocation=="top"?"flex-end":"center"};
|
|
745
748
|
width: 100%;
|
|
746
749
|
|
|
747
|
-
${e=>
|
|
748
|
-
`,
|
|
750
|
+
${e=>Xe(e)}
|
|
751
|
+
`,Vp=xr.div`
|
|
749
752
|
flex-grow: 1;
|
|
750
753
|
position: relative;
|
|
751
754
|
${e=>e.textLocation=="top"?"width: 100%;":""}
|
|
752
|
-
`,
|
|
755
|
+
`,Gp=xr.span`
|
|
753
756
|
font-weight: 600;
|
|
754
757
|
font-size: 14px;
|
|
755
758
|
line-height: 18px;
|
|
756
759
|
padding-right: ${e=>e.padding};
|
|
757
760
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
758
761
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
759
|
-
${e=>
|
|
760
|
-
`;var
|
|
762
|
+
${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(jp,{className:l("progressBarContainer",s),textLocation:i,styleOverrides:r},Tt.createElement(Gp,{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(Vp,{textLocation:i,className:l("progressBar",s)},Tt.createElement(nn,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:c,appearance:s,className:l("progressBarFill",s)}),Tt.createElement(sn,{className:l("progressBarBackground",s),barHeight:c,appearance:s})))};import ao from"react";import qp from"styled-components";import _o from"react";import zo from"react";var Mt=({stepData:e,appearance:t})=>zo.createElement(zo.Fragment,null,zo.createElement(en,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:le(e.title)}),zo.createElement(tn,{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})=>_o.createElement(_o.Fragment,null,_o.createElement(Mt,{stepData:e,appearance:t}),_o.createElement(Ut,{stepData:e,appearance:t}));import Kp from"react";function ln(e){return Kp.createElement(Ve,{appearance:e.appearance,videoUri:e.videoUri})}var Cr="default",Yp=qp.img`
|
|
761
764
|
border-radius: 4px;
|
|
762
765
|
max-height: 260px;
|
|
763
766
|
min-height: 200px;
|
|
764
|
-
`,an=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return
|
|
767
|
+
`,an=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return ao.createElement("div",null,o)}return ao.createElement(Ri,{className:l("checklistStepContent",t)},e.imageUri?ao.createElement(Yp,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?ao.createElement(ln,{videoUri:e.videoUri,appearance:t}):null,ao.createElement(zt,{stepData:e,appearance:t}))};import Ae,{useRef as Xp,useState as Jp}from"react";import _t from"styled-components";var pn=_t.div`
|
|
765
768
|
display: block;
|
|
766
|
-
`,
|
|
769
|
+
`,Qp=_t.div`
|
|
767
770
|
display: flex;
|
|
768
771
|
flex-direction: row;
|
|
769
772
|
flex-wrap: wrap;
|
|
@@ -773,20 +776,20 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
773
776
|
align-content: center;
|
|
774
777
|
margin-top: 24px;
|
|
775
778
|
margin-bottom: 24px;
|
|
776
|
-
`,
|
|
779
|
+
`,Zp=_t.div`
|
|
777
780
|
display: flex;
|
|
778
781
|
align-items: center;
|
|
779
782
|
justify-content: flex-start;
|
|
780
783
|
flex-direction: column;
|
|
781
784
|
margin-right: 16px;
|
|
782
|
-
`,
|
|
785
|
+
`,Rp=_t.video`
|
|
783
786
|
width: 200px;
|
|
784
787
|
height: 120px;
|
|
785
|
-
`,
|
|
788
|
+
`,ed=_t.div`
|
|
786
789
|
font-size: 14px;
|
|
787
790
|
line-height: 20px;
|
|
788
791
|
text-align: center;
|
|
789
|
-
`,
|
|
792
|
+
`,td=_t.div`
|
|
790
793
|
position: absolute;
|
|
791
794
|
width: 200px;
|
|
792
795
|
height: 120px;
|
|
@@ -806,9 +809,9 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
806
809
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
807
810
|
border-radius: 50%;
|
|
808
811
|
}
|
|
809
|
-
`,dn="videoCarousel",cn=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return
|
|
812
|
+
`,dn="videoCarousel",cn=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return Ae.createElement(pn,null,Ae.createElement(zt,{stepData:e,appearance:t}));function o({video:n}){let s=Xp(),[p,c]=Jp(!1);return Ae.createElement(Zp,null,!p&&Ae.createElement(td,{onClick:()=>{c(!0),s.current.play()},appearance:t},Ae.createElement(Bo,null)),Ae.createElement(Rp,{controls:p,ref:s,play:p,src:n.uri}),Ae.createElement(ed,null,n.title))}let i=e.props;return i.videos?Ae.createElement(pn,null,Ae.createElement(Mt,{stepData:e,appearance:t}),Ae.createElement(Qp,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 et from"react";import Wo from"styled-components";var mn=Wo.div`
|
|
810
813
|
display: block;
|
|
811
|
-
`,
|
|
814
|
+
`,od=Wo.pre`
|
|
812
815
|
display: block;
|
|
813
816
|
background-color: #2a2a2a;
|
|
814
817
|
color: #f8f8f8;
|
|
@@ -824,27 +827,27 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
824
827
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
825
828
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
826
829
|
margin-bottom: 24px;
|
|
827
|
-
`,
|
|
830
|
+
`,rd=Wo.div`
|
|
828
831
|
font-size: 15px;
|
|
829
832
|
line-height: 20px;
|
|
830
833
|
margin-bottom: 12px;
|
|
831
834
|
margin-top: 12px;
|
|
832
|
-
`,
|
|
835
|
+
`,id=Wo.div`
|
|
833
836
|
margin-top: 24px;
|
|
834
|
-
`,un="codeSnippet",fn=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return
|
|
837
|
+
`,un="codeSnippet",fn=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return et.createElement(mn,null,et.createElement(zt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?et.createElement(mn,null,et.createElement(Mt,{stepData:e,appearance:t}),et.createElement(id,null,o.codeSnippets.map((r,n)=>et.createElement("div",{key:n},r.title?et.createElement(rd,null,r.title):null,r.code?et.createElement(od,null,r.code):null))),et.createElement(Ut,{stepData:e,appearance:t})):null};var sd=Ft.div`
|
|
835
838
|
display: flex;
|
|
836
839
|
flex-direction: row;
|
|
837
840
|
min-width: ${e=>e.type!="modal"?"600px":"100%"};
|
|
838
841
|
background: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
839
842
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
840
|
-
`,
|
|
843
|
+
`,ld=Ft.h1`
|
|
841
844
|
font-size: 18px;
|
|
842
845
|
font-style: normal;
|
|
843
846
|
font-weight: 700;
|
|
844
847
|
line-height: 24px;
|
|
845
848
|
letter-spacing: 0.36px;
|
|
846
849
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
847
|
-
`,
|
|
850
|
+
`,ad=Ft.h2`
|
|
848
851
|
font-size: 14px;
|
|
849
852
|
font-style: normal;
|
|
850
853
|
font-weight: 400;
|
|
@@ -852,22 +855,22 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
852
855
|
letter-spacing: 0.28px;
|
|
853
856
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
854
857
|
margin: 10px 0px 0px 0px;
|
|
855
|
-
`,gn=Ft.div``,
|
|
858
|
+
`,gn=Ft.div``,pd=Ft.div`
|
|
856
859
|
list-style: none;
|
|
857
860
|
padding: 0;
|
|
858
861
|
margin: 0;
|
|
859
862
|
cursor: pointer;
|
|
860
863
|
width: 300px;
|
|
861
|
-
`,
|
|
864
|
+
`,dd=Ft.div`
|
|
862
865
|
width: 1px;
|
|
863
866
|
margin-right: 40px;
|
|
864
867
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
865
|
-
`,
|
|
868
|
+
`,cd=Ft.div`
|
|
866
869
|
flex: 2;
|
|
867
870
|
padding: 2rem 2rem 2rem 0rem;
|
|
868
|
-
`,
|
|
871
|
+
`,md=({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]:an,[dn]:cn,[un]:fn},...p},[S,w]=nd(0),P=r??S,f=n??w,E=o.filter(y=>y.complete===!0).length,b=()=>{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 _e.createElement(sd,{type:a,style:i,className:s,appearance:c},_e.createElement(gn,{style:{flex:1}},_e.createElement(gn,{style:{padding:"28px 0px 28px 28px",borderBottom:"1px solid #E5E5E5"}},_e.createElement(ld,{className:l("checklistTitle",c),appearance:c},e),_e.createElement(ad,{className:l("checklistSubtitle",c),appearance:c},t),_e.createElement(De,{total:o.length,count:E,style:{marginTop:"24px",paddingRight:"40px"},appearance:c})),_e.createElement(pd,{className:l("checklistStepsContainer",c)},o.map((y,A)=>_e.createElement(rn,{data:y,index:A,key:A,listLength:o.length,isSelected:A===P,primaryColor:c.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{f(A)}})))),_e.createElement(dd,{appearance:c,className:l("checklistDivider",c)}),_e.createElement(cd,null,_e.createElement(b,null)))},yr=md;import U,{useState as hd}from"react";import xn from"react";import ud from"styled-components";var fd=ud.svg`
|
|
869
872
|
transition: 'transform 0.35s ease-in-out';
|
|
870
|
-
`,
|
|
873
|
+
`,Wt=({color:e="#323232",style:t,className:o})=>xn.createElement(fd,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,className:o},xn.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:e,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"},hn=ue.div`
|
|
871
874
|
max-height: 350px;
|
|
872
875
|
padding-bottom: 40px;
|
|
873
876
|
`,Cn=ue.div`
|
|
@@ -999,11 +1002,11 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
999
1002
|
`,Ln=ue.div`
|
|
1000
1003
|
display: block;
|
|
1001
1004
|
width: 100%;
|
|
1002
|
-
`;import
|
|
1005
|
+
`;import gd from"styled-components";var Dn=gd.div`
|
|
1003
1006
|
flex-direction: column;
|
|
1004
1007
|
justify-content: center;
|
|
1005
1008
|
display: flex;
|
|
1006
|
-
`;import
|
|
1009
|
+
`;import ot from"react";import tt from"styled-components";var $n=tt.div`
|
|
1007
1010
|
border: 1px solid #fafafa;
|
|
1008
1011
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
1009
1012
|
border-radius: 14px;
|
|
@@ -1011,13 +1014,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1011
1014
|
display: flex;
|
|
1012
1015
|
flex-direction: column;
|
|
1013
1016
|
overflow: hidden;
|
|
1014
|
-
`,Mn=
|
|
1017
|
+
`,Mn=tt.div`
|
|
1015
1018
|
display: flex;
|
|
1016
1019
|
flex-wrap: wrap;
|
|
1017
1020
|
justify-content: space-between;
|
|
1018
1021
|
overflow: hidden;
|
|
1019
1022
|
row-gap: 10px;
|
|
1020
|
-
`,Un=
|
|
1023
|
+
`,Un=tt.div`
|
|
1021
1024
|
${e=>k(e)} {
|
|
1022
1025
|
color: #595959;
|
|
1023
1026
|
}
|
|
@@ -1027,7 +1030,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1027
1030
|
line-height: 12px;
|
|
1028
1031
|
letter-spacing: 0.09em;
|
|
1029
1032
|
margin-bottom: 12px;
|
|
1030
|
-
`,zn=
|
|
1033
|
+
`,zn=tt.div`
|
|
1031
1034
|
${e=>k(e)} {
|
|
1032
1035
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1033
1036
|
background: #ffffff;
|
|
@@ -1040,7 +1043,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1040
1043
|
|
|
1041
1044
|
max-width: 150px;
|
|
1042
1045
|
min-width: 200px;
|
|
1043
|
-
`,_n=
|
|
1046
|
+
`,_n=tt.div`
|
|
1044
1047
|
${e=>k(e)} {
|
|
1045
1048
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
1046
1049
|
}
|
|
@@ -1052,13 +1055,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1052
1055
|
justify-content: center;
|
|
1053
1056
|
align-content: center;
|
|
1054
1057
|
align-items: center;
|
|
1055
|
-
`,Wn=
|
|
1058
|
+
`,Wn=tt.div`
|
|
1056
1059
|
font-weight: 600;
|
|
1057
1060
|
font-size: 20px;
|
|
1058
1061
|
line-height: 24px;
|
|
1059
1062
|
width: 20px;
|
|
1060
1063
|
height: 20px;
|
|
1061
|
-
`,Hn=
|
|
1064
|
+
`,Hn=tt.div`
|
|
1062
1065
|
${e=>k(e)} {
|
|
1063
1066
|
color: #434343;
|
|
1064
1067
|
}
|
|
@@ -1067,20 +1070,20 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1067
1070
|
line-height: 17px;
|
|
1068
1071
|
margin-top: 12px;
|
|
1069
1072
|
margin-bottom: 8px;
|
|
1070
|
-
`,
|
|
1073
|
+
`,jn=tt.div`
|
|
1071
1074
|
${e=>k(e)} {
|
|
1072
1075
|
color: #8c8c8c;
|
|
1073
1076
|
}
|
|
1074
1077
|
font-weight: 400;
|
|
1075
1078
|
font-size: 12px;
|
|
1076
1079
|
line-height: 14px;
|
|
1077
|
-
`,
|
|
1080
|
+
`,Vn=tt.a`
|
|
1078
1081
|
color: ${e=>e.color};
|
|
1079
1082
|
font-size: 12px;
|
|
1080
1083
|
line-height: 14px;
|
|
1081
1084
|
font-weight: 400;
|
|
1082
1085
|
cursor: pointer;
|
|
1083
|
-
`;var
|
|
1086
|
+
`;var xd=({steps:e,style:t,title:o,primaryColor:i,appearance:r,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ie();return ot.createElement($n,{style:t,className:l("guideContainer",r)},ot.createElement(Un,{className:l("guideTitle",r)},o),ot.createElement(Mn,{className:l("guideItemContainer",r)},e.map((p,c)=>ot.createElement(zn,{key:`guide-${p.id??c}`,className:l("guideItem",r)},p.icon&&ot.createElement(_n,{className:l("guideIcon",r)},ot.createElement(Wn,null,p.icon)),ot.createElement(Hn,{className:l("guideItemTitle",r),dangerouslySetInnerHTML:le(p.title)}),ot.createElement(jn,{className:l("guideItemSubtitle",r),dangerouslySetInnerHTML:le(p.subtitle)}),ot.createElement(Vn,{className:l("guideItemLink",r),color:i,onClick:()=>{p.primaryButtonUri&&s(p),n&&n(p)}},p.primaryButtonTitle)))))},po=xd;var Cd=({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 S=({stepData:m,handleSecondaryCTAClick:B,handleCTAClick:T})=>m?U.createElement(Pn,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},U.createElement(vn,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:le(m.title)}),U.createElement(Bn,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:le(m.subtitle)}),U.createElement(En,{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:T,appearance:a}))):U.createElement(U.Fragment,null),P={...{default:m=>{var O;if((O=e[b])!=null&&O.StepContent){let N=e[b].StepContent;return U.createElement("div",null,N)}let B=e[b];return U.createElement(S,{stepData:m,handleCTAClick:()=>{B.handlePrimaryButtonClick&&B.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{B.handleSecondaryButtonClick&&B.handleSecondaryButtonClick()}})}},...c},[f,E]=hd(0),b=s??f,y=p??E,A=()=>{var m;return e?!((m=e[b])!=null&&m.type)||!P[e[b].type]?P.default(e[b]):P[e[b].type]({stepData:e[b],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(Ln,null,U.createElement(Cn,null,U.createElement(yn,{appearance:a,className:l("checklistTitle",a)},t),U.createElement(Sn,{appearance:a,className:l("checklistSubtitle",a)},o)),U.createElement(hn,null,e&&e.length>0&&U.createElement(bn,{className:l("stepsContainer",a)},U.createElement(wn,null,U.createElement("div",{style:{flex:3}},U.createElement(Tn,{className:l("stepsTitle",a)},i)),U.createElement(On,null,U.createElement(De,{style:{width:"100%"},count:h,total:e.length,appearance:a}))),U.createElement(Fn,null,U.createElement(kn,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,B)=>{let T=b===B;return U.createElement(An,{selected:T,className:l(`checklistStepListItem${T?"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},T&&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(Nn,{selected:T,className:l(`checklistStepListStepName${T?"Selected":""}`,a)},m.stepName),U.createElement(In,null,U.createElement(Qe,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),U.createElement(Dn,null,U.createElement(Wt,{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=Cd;import ve,{useEffect as ns,useState as yd}from"react";import he from"react";import rt from"styled-components";var Gn=rt.div`
|
|
1084
1087
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1085
1088
|
border: 1px solid;
|
|
1086
1089
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1092,41 +1095,45 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1092
1095
|
display: flex;
|
|
1093
1096
|
flex-direction: column;
|
|
1094
1097
|
transition: max-height 0.25s;
|
|
1095
|
-
`,Kn=
|
|
1098
|
+
`,Kn=rt.div`
|
|
1096
1099
|
display: flex;
|
|
1097
1100
|
margin-bottom: 20px;
|
|
1098
|
-
`,qn=
|
|
1101
|
+
`,qn=rt.img`
|
|
1099
1102
|
border-radius: 4px;
|
|
1100
1103
|
max-height: 260px;
|
|
1101
1104
|
min-height: 200px;
|
|
1102
|
-
`,Yn=
|
|
1105
|
+
`,Yn=rt.div`
|
|
1103
1106
|
display: flex;
|
|
1104
1107
|
flex-direction: row;
|
|
1105
1108
|
justify-content: space-between;
|
|
1106
1109
|
align-items: center;
|
|
1107
|
-
`,Xn=
|
|
1110
|
+
`,Xn=rt.p`
|
|
1108
1111
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1109
1112
|
font-style: normal;
|
|
1110
1113
|
font-weight: 500;
|
|
1111
1114
|
font-size: 16px;
|
|
1112
1115
|
line-height: 18px;
|
|
1113
1116
|
margin-left: 8px;
|
|
1114
|
-
`,Jn=ot.div`
|
|
1115
1117
|
cursor: pointer;
|
|
1116
1118
|
:hover {
|
|
1117
1119
|
opacity: 0.8;
|
|
1118
1120
|
}
|
|
1119
|
-
`,
|
|
1121
|
+
`,Jn=rt.div`
|
|
1122
|
+
cursor: pointer;
|
|
1123
|
+
:hover {
|
|
1124
|
+
opacity: 0.8;
|
|
1125
|
+
}
|
|
1126
|
+
`,RC=rt.div``,Qn=rt.p`
|
|
1120
1127
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1121
1128
|
font-weight: 400;
|
|
1122
1129
|
font-size: 14px;
|
|
1123
1130
|
line-height: 22px;
|
|
1124
|
-
`,Zn=
|
|
1131
|
+
`,Zn=rt.div`
|
|
1125
1132
|
display: flex;
|
|
1126
1133
|
flex-direction: row;
|
|
1127
1134
|
justify-content: flex-start;
|
|
1128
1135
|
align-items: center;
|
|
1129
|
-
`;var Rn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:r,appearance:n,customStepTypes:s})=>{var d,x;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
|
|
1136
|
+
`;var Rn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:r,appearance:n,customStepTypes:s})=>{var d,x;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(Kn,{className:l("stepMediaContainer",n)},e.imageUri?he.createElement(qn,{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(Qn,{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 S=s[e.type];return S?S(e,n):null}return he.createElement(Gn,{"data-testid":`step-${e.id}`,className:l("checklistStepContainer",n),appearance:n},he.createElement(Yn,{className:l("stepHeader",n)},he.createElement(Zn,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(Xn,{appearance:n,className:l("stepTitle",n),dangerouslySetInnerHTML:le(e.title),onClick:()=>o()})),he.createElement(Jn,{className:l("stepChevronContainer",n),onClick:()=>o()},he.createElement(Wt,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(x=n==null?void 0:n.theme)==null?void 0:x.colorTextSecondary}))),he.createElement("div",{key:e.id,style:{...c}},g()??a()))};import Ht from"styled-components";var m0=Ht.div`
|
|
1130
1137
|
background: #ffffff;
|
|
1131
1138
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1132
1139
|
border-radius: 6px;
|
|
@@ -1140,26 +1147,26 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1140
1147
|
|
|
1141
1148
|
max-width: 800px;
|
|
1142
1149
|
min-width: 350px;
|
|
1143
|
-
`,es=
|
|
1150
|
+
`,es=Ht.div`
|
|
1144
1151
|
display: flex;
|
|
1145
1152
|
flex-direction: column;
|
|
1146
|
-
`,ts=
|
|
1153
|
+
`,ts=Ht.h1`
|
|
1147
1154
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1148
1155
|
font-style: normal;
|
|
1149
1156
|
font-weight: 700;
|
|
1150
1157
|
font-size: 20px;
|
|
1151
1158
|
line-height: 24px;
|
|
1152
1159
|
margin-bottom: 8px;
|
|
1153
|
-
`,os=
|
|
1160
|
+
`,os=Ht.h2`
|
|
1154
1161
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
1155
1162
|
font-weight: 400;
|
|
1156
1163
|
font-size: 14px;
|
|
1157
1164
|
line-height: 23px;
|
|
1158
1165
|
margin: 2px 0 0 0;
|
|
1159
|
-
`,rs=
|
|
1166
|
+
`,rs=Ht.div`
|
|
1160
1167
|
display: block;
|
|
1161
1168
|
width: 100%;
|
|
1162
|
-
`,is=
|
|
1169
|
+
`,is=Ht.div`
|
|
1163
1170
|
display: flex;
|
|
1164
1171
|
width: 100%;
|
|
1165
1172
|
flex-direction: column;
|
|
@@ -1167,23 +1174,23 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1167
1174
|
padding: 24px;
|
|
1168
1175
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1169
1176
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1170
|
-
`;var
|
|
1177
|
+
`;var Sd=({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:S,style:w})=>{let P=o.filter(h=>h.complete).length,[f,E]=yd(Array(o.length).fill(!0));ns(()=>{let h=[...f];if(n){for(let m=0;m<o.length;m++)if(!o[m].complete){h[m]=!1;break}E(h)}},[]),ns(()=>{b(c)},[c]);let b=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(es,null,ve.createElement(ts,{appearance:g,className:l("checklistTitle",g),dangerouslySetInnerHTML:le(e)}),ve.createElement(os,{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(rs,{className:xe(l("checklistContainer",g),x)},o.map((h,m)=>{let B=f[m];return ve.createElement(Rn,{appearance:g,stepData:h,collapsed:B,key:`modal-checklist-${h.id??m}`,onClick:()=>{if(c===m){b(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:S})}));return d==="inline"?ve.createElement(is,{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=Sd;import ae,{useEffect as Tr,useRef as Bd,useState as kt}from"react";import{useEffect as bd,useState as wd}from"react";var ss=()=>{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]=wd(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 bd(()=>{s()},[]),o};import jt from"react";import de,{css as ls,keyframes as as}from"styled-components";var ps=ls`
|
|
1171
1178
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1172
|
-
`,
|
|
1179
|
+
`,Td=ls`
|
|
1173
1180
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1174
|
-
`,
|
|
1181
|
+
`,Fd=as`
|
|
1175
1182
|
from {
|
|
1176
1183
|
opacity: 0;
|
|
1177
1184
|
} to {
|
|
1178
1185
|
opacity: 1;
|
|
1179
1186
|
}
|
|
1180
|
-
`,
|
|
1187
|
+
`,kd=as`
|
|
1181
1188
|
from {
|
|
1182
1189
|
opacity: 1;
|
|
1183
1190
|
} to {
|
|
1184
1191
|
opacity: 0;
|
|
1185
1192
|
}
|
|
1186
|
-
`,ds=
|
|
1193
|
+
`,ds=de.div`
|
|
1187
1194
|
margin: 0 -20px;
|
|
1188
1195
|
overflow-x: auto;
|
|
1189
1196
|
padding-left: 20px;
|
|
@@ -1200,14 +1207,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1200
1207
|
::-webkit-scrollbar {
|
|
1201
1208
|
display: none;
|
|
1202
1209
|
}
|
|
1203
|
-
`,cs=
|
|
1210
|
+
`,cs=de.div`
|
|
1204
1211
|
display: flex;
|
|
1205
1212
|
flex-flow: row nowrap;
|
|
1206
1213
|
gap: 0 16px;
|
|
1207
1214
|
scroll-snap-align: center;
|
|
1208
1215
|
scroll-snap-stop: always;
|
|
1209
|
-
`,ms=
|
|
1210
|
-
animation: ${e=>e.reversed?
|
|
1216
|
+
`,ms=de.div`
|
|
1217
|
+
animation: ${e=>e.reversed?kd:Fd} 0.25s ease-out;
|
|
1211
1218
|
background: linear-gradient(
|
|
1212
1219
|
to right,
|
|
1213
1220
|
${({theme:e})=>e.colorBackground}00,
|
|
@@ -1216,7 +1223,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1216
1223
|
position: absolute;
|
|
1217
1224
|
width: 64px;
|
|
1218
1225
|
z-index: 10;
|
|
1219
|
-
`,us=
|
|
1226
|
+
`,us=de.button`
|
|
1220
1227
|
${ps}
|
|
1221
1228
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1222
1229
|
align-items: center;
|
|
@@ -1228,10 +1235,10 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1228
1235
|
justify-content: center;
|
|
1229
1236
|
position: absolute;
|
|
1230
1237
|
width: 48px;
|
|
1231
|
-
`,fs=
|
|
1238
|
+
`,fs=de.div`
|
|
1232
1239
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1233
1240
|
padding: 20px;
|
|
1234
|
-
`,gs=
|
|
1241
|
+
`,gs=de(fs)`
|
|
1235
1242
|
${ps}
|
|
1236
1243
|
background: ${({theme:e})=>e.colorBackground};
|
|
1237
1244
|
position: relative;
|
|
@@ -1244,86 +1251,86 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1244
1251
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1245
1252
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1246
1253
|
}
|
|
1247
|
-
`,xs=
|
|
1254
|
+
`,xs=de.img`
|
|
1248
1255
|
border-radius: 50%;
|
|
1249
1256
|
height: 40px;
|
|
1250
1257
|
margin-bottom: 12px;
|
|
1251
1258
|
width: 40px;
|
|
1252
|
-
`,hs=
|
|
1259
|
+
`,hs=de(fs)`
|
|
1253
1260
|
${e=>k(e)} {
|
|
1254
|
-
${
|
|
1261
|
+
${Td}
|
|
1255
1262
|
|
|
1256
1263
|
background: ${({theme:e})=>e.colorBackground};
|
|
1257
1264
|
}
|
|
1258
|
-
`,
|
|
1265
|
+
`,E0=de.div`
|
|
1259
1266
|
color: ${({theme:e})=>e.colorPrimary};
|
|
1260
1267
|
display: flex;
|
|
1261
1268
|
flex-flow: row nowrap;
|
|
1262
1269
|
align-items: center;
|
|
1263
|
-
`,
|
|
1270
|
+
`,A0=de.div`
|
|
1264
1271
|
white-space: nowrap;
|
|
1265
|
-
`,Cs=
|
|
1272
|
+
`,Cs=de.div`
|
|
1266
1273
|
background: #d8fed8;
|
|
1267
1274
|
border-radius: 6px;
|
|
1268
1275
|
float: right;
|
|
1269
1276
|
margin-bottom: 12px;
|
|
1270
1277
|
padding: 4px 10px;
|
|
1271
|
-
`,
|
|
1278
|
+
`,Pd=de.p`
|
|
1272
1279
|
font-weight: bold;
|
|
1273
1280
|
font-size: 18px;
|
|
1274
1281
|
line-height: 22px;
|
|
1275
1282
|
letter-spacing: calc(18px * -0.01);
|
|
1276
1283
|
margin: 0;
|
|
1277
|
-
`,ys=
|
|
1284
|
+
`,ys=de(Pd)`
|
|
1278
1285
|
margin-bottom: 4px;
|
|
1279
|
-
`,Ss=
|
|
1286
|
+
`,Ss=de.div`
|
|
1280
1287
|
display: flex;
|
|
1281
1288
|
flex-flow: row nowrap;
|
|
1282
1289
|
align-items: center;
|
|
1283
1290
|
min-width: 50%;
|
|
1284
|
-
`,
|
|
1291
|
+
`,vd=de.p`
|
|
1285
1292
|
font-weight: bold;
|
|
1286
1293
|
font-size: 16px;
|
|
1287
1294
|
line-height: 20px;
|
|
1288
1295
|
letter-spacing: calc(16px * -0.01);
|
|
1289
1296
|
margin: 0;
|
|
1290
|
-
`,bs=
|
|
1297
|
+
`,bs=de(vd)`
|
|
1291
1298
|
margin-bottom: 4px;
|
|
1292
1299
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1293
1300
|
`}
|
|
1294
|
-
`,ct=
|
|
1301
|
+
`,ct=de.p`
|
|
1295
1302
|
color: ${({theme:e})=>e.colorText};
|
|
1296
1303
|
font-weight: normal;
|
|
1297
1304
|
font-size: 14px;
|
|
1298
1305
|
line-height: 22px;
|
|
1299
1306
|
margin: 0;
|
|
1300
|
-
`,ws=
|
|
1307
|
+
`,ws=de.p`
|
|
1301
1308
|
color: ${({theme:e})=>e.colorText};
|
|
1302
1309
|
font-weight: 600;
|
|
1303
1310
|
font-size: 12px;
|
|
1304
1311
|
line-height: 16px;
|
|
1305
1312
|
margin: 0;
|
|
1306
|
-
`;ct.Loud=
|
|
1313
|
+
`;ct.Loud=de(ct)`
|
|
1307
1314
|
font-weight: 600;
|
|
1308
|
-
`;ct.Quiet=
|
|
1315
|
+
`;ct.Quiet=de(ct)`
|
|
1309
1316
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1310
1317
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1311
1318
|
`}
|
|
1312
|
-
`;var Ts=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=
|
|
1319
|
+
`;var Ts=({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(gs,{className:l("carouselCard",o),onClick:a?null:d,style:t,blocked:a,complete:c},n&&jt.createElement(xs,{className:l("carouselCardImage",o),src:n,alt:p,style:{opacity:c||a?.4:1}}),c&&jt.createElement(Cs,{className:l("carouselCompletedPill",o)},jt.createElement(ws,{style:{color:"#108E0B"}},"Complete")),p&&jt.createElement(bs,{blocked:a,complete:c,className:l("carouselCardTitle",o)},p),s&&jt.createElement(ct.Quiet,{blocked:a,complete:c,className:l("carouselCardSubtitle",o)},s))};var Ed=()=>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"})),Fs=({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(ms,{style:c,reversed:n,onAnimationEnd:n?p:null},ae.createElement(us,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},ae.createElement(Ed,null))):null},ks=({flowId:e,appearance:t,customVariables:o,className:i})=>{let r=Bd(null),[n,s]=kt(!1),[p,c]=kt(!1),[a,g]=kt(null),[d,x]=kt([]),[S,w]=kt(0),{isSmall:P}=ss(),f=P?1:3,{getFlowMetadata:E,getFlowSteps:b,getNumberOfStepsCompleted:y,updateCustomVariables:A,isLoading:h}=Y();Tr(()=>{A(o)},[o,h]),Tr(()=>{if(h)return;let N=E(e),I=y(e),$=b(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)},T=(N=!0)=>{let I=N?1:-1;r.current!==null&&r.current.scrollBy({left:r.current.clientWidth*I,behavior:"smooth"})},F=null,O=N=>{F!==null?clearTimeout(F):B(N),F=setTimeout(()=>{B(N)},16)};return h?null:ae.createElement(hs,{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(ys,{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(Ss,{className:l("progressWrapper",t)},ae.createElement(De,{count:S,total:d.length,appearance:t}))),ae.createElement("div",{style:{position:"relative"}},ae.createElement(Fs,{show:n,onClick:()=>T(!1)}),ae.createElement(Fs,{side:"right",show:p,onClick:T}),ae.createElement(ds,{ref:r,onScroll:O},m.map((N,I)=>ae.createElement(cs,{key:I,style:{flex:`0 0 calc(100% - ${d.length>f?36:0}px)`}},N.map(($,D)=>ae.createElement(Ts,{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:S,setVisible:w,customStepTypes:P,checklistStyle:f="default",autoExpandFirstIncompleteStep:E,autoExpandNextStep:b,...y})=>{let{getFlow:A,getFlowSteps:h,markStepCompleted:m,getStepStatus:B,getNumberOfStepsCompleted:T,isLoading:F,targetingLogicShouldHideFlow:O,updateCustomVariables:N,getFlowMetadata:I,isStepBlocked:$,getFlowStatus:D,hasActiveFullPageFlow:ee,setHasActiveFullPageFlow:M}=Y(),{primaryCTAClickSideEffects:te,secondaryCTAClickSideEffects:fe}=ie(),{getOpenFlowState:X,setOpenFlowState:W}=Te(),[H,Ce]=vs(r||0),[Ie,we]=vs(!1),me=c===void 0?X(e):c,J=s==="modal",{mergeAppearanceWithDefault:ge}=Q();if(x=ge(x),Ps(()=>{N(a)},[a,F]),Ps(()=>{c!==void 0&&(J&&c===!0?M(!0):J&&c===!1&&M(!1))},[c,w,ee]),F)return null;let re=A(e);if(!re||O(re))return null;let L=h(e);if(!L||S===!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&&T(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&&W(e,!1);return}$(e,L[H+1].id)||Ce(H+1)}function ne(u,C,v){let _=H+1<L.length?L[H+1]:null;d&&d(u,H,C,_)===!0&&J&&$e(),g&&g(u,v,_),!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:b};function $e(){W(e,!1),p&&p(),w&&w(!1)}function G(){return ce.createElement(ce.Fragment,null,ce.createElement(pe,null),ce.createElement(ks,{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 Nd=e=>Ad.createElement(Fr,{type:"inline",...e});import ut,{useEffect as Id}from"react";import Ke from"react";import Ho from"styled-components";var Bs=Ho.div`
|
|
1313
1320
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1314
1321
|
border-radius: 8px;
|
|
1315
1322
|
padding: 6px 10px 6px 10px;
|
|
1316
1323
|
min-width: 160px;
|
|
1317
1324
|
cursor: pointer;
|
|
1318
1325
|
background-color: ${e=>e.appearance.theme.colorBackground}};
|
|
1319
|
-
`,Es=
|
|
1326
|
+
`,Es=Ho.div`
|
|
1320
1327
|
display: flex;
|
|
1321
1328
|
flex-direction: row;
|
|
1322
1329
|
justify-content: space-between;
|
|
1323
1330
|
align-items: center;
|
|
1324
1331
|
margin-bottom: 2px;
|
|
1325
1332
|
flex-grow: 2;
|
|
1326
|
-
`,As=
|
|
1333
|
+
`,As=Ho.div`
|
|
1327
1334
|
text-overflow: ellipsis;
|
|
1328
1335
|
font-weight: 600;
|
|
1329
1336
|
font-size: 12px;
|
|
@@ -1331,13 +1338,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1331
1338
|
margin-right: ${e=>e.type==="condensed"?"8px":"0"};
|
|
1332
1339
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1333
1340
|
color: ${e=>e.appearance.theme.colorPrimary};
|
|
1334
|
-
`,Ns=
|
|
1341
|
+
`,Ns=Ho.div`
|
|
1335
1342
|
width: 20px;
|
|
1336
1343
|
margin-right: 8px;
|
|
1337
1344
|
display: flex;
|
|
1338
1345
|
height: 100%;
|
|
1339
1346
|
align-items: center;
|
|
1340
|
-
`;var Is=({title:e,count:t,total:o,onClick:i,style:r={},className:n,appearance:s,type:p="default"})=>
|
|
1347
|
+
`;var Is=({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(Bs,{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(Ns,{className:l("progressRingContainer",s)},Ke.createElement(Ot,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),Ke.createElement(Es,{type:p,className:l("badgeTitleContainer",s)},Ke.createElement(As,{type:p,appearance:s,className:l("badgeTitle",s)},e),i!==void 0&&Ke.createElement(Wt,{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 Os=co.div`
|
|
1341
1348
|
display: flex;
|
|
1342
1349
|
flex-direction: row;
|
|
1343
1350
|
width: 100%;
|
|
@@ -1348,25 +1355,25 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1348
1355
|
border-width: 1px;
|
|
1349
1356
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1350
1357
|
border-radius: 12px;
|
|
1351
|
-
`,Ls=
|
|
1358
|
+
`,Ls=co.div`
|
|
1352
1359
|
${e=>k(e)} {
|
|
1353
1360
|
display: flex;
|
|
1354
1361
|
justify-content: center;
|
|
1355
1362
|
align-items: center;
|
|
1356
1363
|
margin-right: 16px;
|
|
1357
1364
|
}
|
|
1358
|
-
`,Ds=
|
|
1365
|
+
`,Ds=co.div`
|
|
1359
1366
|
display: flex;
|
|
1360
1367
|
flex-direction: column;
|
|
1361
1368
|
flex: 1;
|
|
1362
1369
|
margin-top: 0;
|
|
1363
|
-
`,$s=
|
|
1370
|
+
`,$s=co.div`
|
|
1364
1371
|
display: flex;
|
|
1365
1372
|
flex-direction: column;
|
|
1366
1373
|
justify-content: center;
|
|
1367
1374
|
margin-left: 16px;
|
|
1368
1375
|
min-width: 200px;
|
|
1369
|
-
`,
|
|
1376
|
+
`,vy=co.div`
|
|
1370
1377
|
display: flex;
|
|
1371
1378
|
justify-content: center;
|
|
1372
1379
|
align-items: flex-end;
|
|
@@ -1375,7 +1382,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1375
1382
|
:hover {
|
|
1376
1383
|
opacity: 0.8;
|
|
1377
1384
|
}
|
|
1378
|
-
`;var Ms=({title:e,subtitle:t,icon:o,appearance:i,count:r,total:n,className:s,style:p})=>mt.createElement(mt.Fragment,null,mt.createElement(Os,{appearance:i,className:xe(l("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&mt.createElement(Ls,{className:l("fullWidthProgressBadgeIcon",i)},o),mt.createElement(Ds,null,mt.createElement(
|
|
1385
|
+
`;var Ms=({title:e,subtitle:t,icon:o,appearance:i,count:r,total:n,className:s,style:p})=>mt.createElement(mt.Fragment,null,mt.createElement(Os,{appearance:i,className:xe(l("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&mt.createElement(Ls,{className:l("fullWidthProgressBadgeIcon",i)},o),mt.createElement(Ds,null,mt.createElement(ke,{size:"small",appearance:i,title:e,subtitle:t})),mt.createElement($s,{className:l("fullWidthProgressBadgeProgressContainer",i)},mt.createElement(De,{count:r,total:n,display:"percent",textLocation:"top"}))));var Od=({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:S,getNumberOfStepsCompleted:w,isLoading:P,targetingLogicShouldHideFlow:f,updateCustomVariables:E}=Y(),{mergeAppearanceWithDefault:b}=Q();a=b(a);let{setOpenFlowState:y,getOpenFlowState:A}=Te();if(Id(()=>{E(p)},[p,P]),P)return null;let h=d(e);if(!h||f(h)||c===!0&&S(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(Ms,{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(Is,{count:B,total:m.length,title:t,style:r,onClick:()=>{y(e,!0),n&&n()},type:g,className:s,appearance:a}))};import Ld from"react";var Dd=({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 Ld.createElement(po,{steps:a,style:t,appearance:o,...i})};import ft,{useContext as Kd,useEffect as qd}from"react";import z,{useEffect as jo,useLayoutEffect as zs,useRef as zd,useState as mo}from"react";import uo from"styled-components";import{useCallback as $d,useEffect as Md,useState as Ud}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 Us(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]=Ud(o),n=$d(()=>{e&&r(e.getBoundingClientRect())},[e]);return Md(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),i}var _s=300,Ws=100,_d=500,Vt=12,Wd=uo.div`
|
|
1379
1386
|
width: 100%;
|
|
1380
1387
|
height: 100%;
|
|
1381
1388
|
border-radius: 9999px;
|
|
@@ -1398,25 +1405,25 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1398
1405
|
opacity: 0;
|
|
1399
1406
|
}
|
|
1400
1407
|
}
|
|
1401
|
-
`,
|
|
1408
|
+
`,Hd=uo.div`
|
|
1402
1409
|
width: ${Vt}px;
|
|
1403
1410
|
height: ${Vt}px;
|
|
1404
1411
|
border-radius: 100px;
|
|
1405
1412
|
background-color: ${e=>e.primaryColor};
|
|
1406
1413
|
z-index: 20;
|
|
1407
1414
|
opacity: 1;
|
|
1408
|
-
`,
|
|
1415
|
+
`,jd=uo.div`
|
|
1409
1416
|
pointer-events: all;
|
|
1410
|
-
`,Hs=
|
|
1417
|
+
`,Hs=uo.div`
|
|
1411
1418
|
display: flex;
|
|
1412
1419
|
align-content: center;
|
|
1413
1420
|
justify-content: center;
|
|
1414
1421
|
align-items: center;
|
|
1415
1422
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1416
|
-
`,
|
|
1423
|
+
`,Vd=uo(Hs)`
|
|
1417
1424
|
width: ${Vt+12}px;
|
|
1418
1425
|
height: ${Vt+12}px;
|
|
1419
|
-
`,
|
|
1426
|
+
`,Gd=({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:S,showStepCount:w=!0,completedStepsCount:P=0,showFrigadeBranding:f=!1,cssPosition:E="absolute"})=>{var se,pe,Ye,$e;let[b,y]=mo(),[A,h]=mo(new Date),m=zd(null),[B,T]=mo(document.querySelector(e[a].selector)),F=Us(B,A),[O,N]=mo(),[I,$]=mo(!S),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=(b==null?void 0:b.width)??_s,te=(b==null?void 0:b.height)??Ws,fe=window.location.pathname.split("/").pop();zs(()=>{m.current&&y({width:m.current.clientWidth,height:m.current.clientHeight})},[a,A,D]),jo(()=>{S||$(!0)},[a]);let X=()=>{let G=document.querySelector(e[a].selector);if(!G){N(void 0),T(null);return}O&&O===JSON.stringify(G==null?void 0:G.getBoundingClientRect())||(T(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]),zs(()=>{setTimeout(()=>{X()},_d),X()},[a,fe]),B===null||!p||F.height===0&&F.width===0&&D!=="fixed"&&E!=="static")return null;let W=i==="auto"?"right":i,H=kr(F,W,M,s,D),Ce=F.right+M>(window.innerWidth||document.documentElement.clientWidth),Ie=F.bottom+Ws>(window.innerHeight||document.documentElement.clientHeight);Ce&&i==="auto"&&(H=kr(F,"left",M,s,D),W="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(),S&&!e[a].secondaryButtonUri&&$(!1))};return z.createElement(z.Fragment,null,w&&e.length>1&&z.createElement(Kr,null,z.createElement(Yr,{className:l("tooltipStepCounter",d)},a+1," of ",e.length)),z.createElement(qr,{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)},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(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(S&&e[a].complete===!0)return null;let L={top:(H==null?void 0:H.y)-Vt,left:(W=="left"?F.x+s.x:(H==null?void 0:H.x)-Vt)??0,cursor:S?"pointer":"default",position:D},j=()=>{let Be=L.left+(W=="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=()=>{S&&(h(new Date),$(!I))};return z.createElement(jd,null,z.createElement(Vd,{style:L,zIndex:ee,className:l("tourHighlightContainer",d)},r&&e[a].showHighlight!==!1&&E!=="static"&&z.createElement(z.Fragment,null,z.createElement(Hd,{style:{position:D},onClick:ne,primaryColor:d.theme.colorPrimary,className:l("tourHighlightInnerCircle",d)}),z.createElement(Wd,{style:{position:"absolute"},onClick:ne,primaryColor:d.theme.colorPrimary,className:l("tourHighlightOuterCircle",d)}))),z.createElement(Hs,{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(Jr,{className:l("poweredByFrigadeTooltipRibbon",d),appearance:d,zIndex:ee+10},z.createElement(Co,{appearance:d})))))},Vo=Gd;import{Portal as Yd}from"react-portal";var Xd=({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:S="absolute",...w})=>{let{getFlow:P,getFlowSteps:f,isLoading:E,targetingLogicShouldHideFlow:b,markStepCompleted:y,markStepStarted:A,markFlowCompleted:h,updateCustomVariables:m,getCurrentStepIndex:B,getStepStatus:T,isStepBlocked:F,getFlowStatus:O,getNumberOfStepsCompleted:N}=Y(),{isLoadingUserFlowStateData:I}=Ee(),{primaryCTAClickSideEffects:$,secondaryCTAClickSideEffects:D}=ie(),{hasOpenModals:ee}=Te(),M=B(e),{openFlowStates:te}=Kd(K),{mergeAppearanceWithDefault:fe}=Q();if(o=fe(o),qd(()=>{m(t)},[t,E]),I)return null;let X=P(e);if(!X||b(X)||O(e)==q||ee())return null;let W=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),W.map(j=>T(e,j.id)).every(j=>j===Ue)){await h(e);return}if(!a&&M+1<W.length){if(F(e,W[M+1].id))return;await A(e,W[M+1].id)}}function Ce(L,j,V){let ne=M+1<W.length?W[M+1]:null;r&&r(L,M,j,ne),i&&i(L,V,ne)}function Ie(){return W.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(W[M].selector);function ge(){let L=W.findIndex(j=>!!document.querySelector(j.selector));return W.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:S,...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(W[M]),tooltipPosition:c,completedStepsCount:N(e),showHighlightOnly:a,onComplete:me,cssPosition:S,...w}))}return S==="static"?re():ft.createElement(Yd,null,re())};import Ne,{useEffect as Jd,useRef as Qd,useState as Zd}from"react";import{Portal as Rd}from"react-portal";import Pt from"styled-components";var js=Pt.button`
|
|
1420
1427
|
${e=>k(e)} {
|
|
1421
1428
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1422
1429
|
|
|
@@ -1434,7 +1441,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1434
1441
|
opacity: 0.8;
|
|
1435
1442
|
}
|
|
1436
1443
|
}
|
|
1437
|
-
`,
|
|
1444
|
+
`,Vs=Pt.span`
|
|
1438
1445
|
${e=>k(e)} {
|
|
1439
1446
|
font-size: 12px;
|
|
1440
1447
|
display: inline-block;
|
|
@@ -1504,7 +1511,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1504
1511
|
font-size: 14px;
|
|
1505
1512
|
|
|
1506
1513
|
padding: 8px 12px;
|
|
1507
|
-
`;import Js from"react";var Qs=({style:e,className:t})=>Js.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},Js.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 Zs from"react";var Rs=({style:e,className:t})=>Zs.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"},Zs.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
|
|
1514
|
+
`;import Js from"react";var Qs=({style:e,className:t})=>Js.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},Js.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 Zs from"react";var Rs=({style:e,className:t})=>Zs.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"},Zs.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 ec=({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:S}=Y(),{primaryCTAClickSideEffects:w}=ie(),P=Qd(null),[f,E]=Zd(!1),{mergeAppearanceWithDefault:b}=Q();s=b(s),Jd(()=>(document.addEventListener("click",y,!1),()=>{document.removeEventListener("click",y,!1)}),[]);let y=T=>{P.current&&!P.current.contains(T.target)&&E(!1)};if(x)return null;let A=p(e);if(!A||S(A))return null;let h=c(e);if(!h||!i)return null;function m(T,F){!T.completionCriteria&&(T.autoMarkCompleted||T.autoMarkCompleted===void 0)&&a(e,T.id),w(T),o&&o(T,F),E(!1)}function B(){return f&&Ne.createElement(Ys,{className:l("floatingWidgetMenu",s),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:r},h.map((T,F)=>Ne.createElement(Xs,{className:l("floatingWidgetMenuItem",s),key:F,onClick:()=>m(T,F)},T.title)))}return r=="inline"?Ne.createElement("span",{ref:P},Ne.createElement(js,{style:t,onClick:()=>{E(!f)},className:l("supportButton",s)},Ne.createElement(Gs,{className:l("supportIconContainer",s)},Ne.createElement(Rs,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),Ne.createElement(Vs,{className:l("supportButtonTitle",s)},n)),Ne.createElement(B,null)):Ne.createElement(Rd,null,Ne.createElement(Ks,{style:t,ref:P},Ne.createElement(B,null),Ne.createElement(qs,{onClick:()=>{E(!f)},whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},Ne.createElement(Qs,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import qe,{useEffect as tc}from"react";import Go from"styled-components";var el=Go.div`
|
|
1508
1515
|
${e=>k(e)} {
|
|
1509
1516
|
display: flex;
|
|
1510
1517
|
flex-direction: column;
|
|
@@ -1519,17 +1526,17 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1519
1526
|
border-radius: 12px;
|
|
1520
1527
|
position: relative;
|
|
1521
1528
|
}
|
|
1522
|
-
`,tl=
|
|
1529
|
+
`,tl=Go.div`
|
|
1523
1530
|
display: flex;
|
|
1524
1531
|
flex-direction: column;
|
|
1525
1532
|
flex: 1;
|
|
1526
|
-
`,ol=
|
|
1533
|
+
`,ol=Go.div`
|
|
1527
1534
|
display: flex;
|
|
1528
1535
|
flex-direction: column;
|
|
1529
1536
|
justify-content: center;
|
|
1530
1537
|
align-items: flex-start;
|
|
1531
1538
|
margin-top: 16px;
|
|
1532
|
-
`,rl=
|
|
1539
|
+
`,rl=Go.div`
|
|
1533
1540
|
${e=>k(e)} {
|
|
1534
1541
|
position: absolute;
|
|
1535
1542
|
top: 16px;
|
|
@@ -1540,7 +1547,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1540
1547
|
opacity: 0.8;
|
|
1541
1548
|
}
|
|
1542
1549
|
}
|
|
1543
|
-
`;var
|
|
1550
|
+
`;var oc=({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:S,getFlowSteps:w,getFlowStatus:P,getCurrentStepIndex:f}=Y(),{primaryCTAClickSideEffects:E}=ie(),{mergeAppearanceWithDefault:b}=Q();if(r=b(r),tc(()=>{S(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(el,{appearance:r,className:xe(l("embeddedTipContainer",r),n),style:s},(p===!0||h.dismissible)&&qe.createElement(rl,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",r)},qe.createElement(Fe,null)),qe.createElement(tl,null,qe.createElement(ke,{size:"small",appearance:r,title:h.title,subtitle:h.subtitle})),h.primaryButtonTitle&&qe.createElement(ol,{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 rc}from"react";import Gt from"styled-components";var il=Gt.div`
|
|
1544
1551
|
// use the :not annotation
|
|
1545
1552
|
${e=>k(e)} {
|
|
1546
1553
|
display: flex;
|
|
@@ -1552,24 +1559,24 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1552
1559
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1553
1560
|
border-radius: 12px;
|
|
1554
1561
|
}
|
|
1555
|
-
`,nl=
|
|
1562
|
+
`,nl=Gt.div`
|
|
1556
1563
|
${e=>k(e)} {
|
|
1557
1564
|
display: flex;
|
|
1558
1565
|
width: 46px;
|
|
1559
1566
|
height: 46px;
|
|
1560
1567
|
}
|
|
1561
|
-
`,sl=
|
|
1568
|
+
`,sl=Gt.div`
|
|
1562
1569
|
display: flex;
|
|
1563
1570
|
flex-direction: column;
|
|
1564
1571
|
flex: 1;
|
|
1565
1572
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1566
1573
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1567
|
-
`,ll=
|
|
1574
|
+
`,ll=Gt.div`
|
|
1568
1575
|
display: flex;
|
|
1569
1576
|
flex-direction: column;
|
|
1570
1577
|
justify-content: center;
|
|
1571
1578
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1572
|
-
`,Pr=
|
|
1579
|
+
`,Pr=Gt.div`
|
|
1573
1580
|
display: flex;
|
|
1574
1581
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1575
1582
|
align-items: flex-end;
|
|
@@ -1577,12 +1584,12 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1577
1584
|
:hover {
|
|
1578
1585
|
opacity: 0.8;
|
|
1579
1586
|
}
|
|
1580
|
-
`,vr=
|
|
1587
|
+
`,vr=Gt.div`
|
|
1581
1588
|
display: flex;
|
|
1582
1589
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1583
1590
|
align-items: flex-end;
|
|
1584
1591
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1585
|
-
`;import Br from"react";var al=({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
|
|
1592
|
+
`;import Br from"react";var al=({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 ic=({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:S,getFlowMetadata:w,getFlowStatus:P,getFlowSteps:f,getCurrentStepIndex:E}=Y(),{primaryCTAClickSideEffects:b}=ie(),{mergeAppearanceWithDefault:y}=Q();if(s=y(s),rc(()=>{S(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(il,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&Se.createElement(nl,{className:l("bannerIconContainer",s)},c||Se.createElement(al,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(sl,{type:p},Se.createElement(ke,{appearance:s,title:t,subtitle:o,classPrefix:"banner"})),(m==null?void 0:m.primaryButtonTitle)&&Se.createElement(ll,{type:p,className:l("bannerCallToActionContainer",s)},Se.createElement(Z,{title:m==null?void 0:m.primaryButtonTitle,appearance:s,onClick:()=>{b(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 nc}from"react";import{Portal as sc}from"react-portal";import it from"styled-components";var pl=it.div`
|
|
1586
1593
|
display: flex;
|
|
1587
1594
|
flex-direction: column;
|
|
1588
1595
|
width: 100%;
|
|
@@ -1601,7 +1608,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1601
1608
|
z-index: 1000;
|
|
1602
1609
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1603
1610
|
min-width: 550px;
|
|
1604
|
-
`,dl=
|
|
1611
|
+
`,dl=it.button`
|
|
1605
1612
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1606
1613
|
border-radius: 8px;
|
|
1607
1614
|
// If selected make border color primary and text color color priamry
|
|
@@ -1622,33 +1629,33 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1622
1629
|
display: flex;
|
|
1623
1630
|
justify-content: center;
|
|
1624
1631
|
align-items: center;
|
|
1625
|
-
`,Er=
|
|
1632
|
+
`,Er=it.div`
|
|
1626
1633
|
display: flex;
|
|
1627
1634
|
justify-content: space-between;
|
|
1628
1635
|
margin-top: 16px;
|
|
1629
1636
|
gap: 8px;
|
|
1630
|
-
`,cl=
|
|
1637
|
+
`,cl=it.div`
|
|
1631
1638
|
display: flex;
|
|
1632
1639
|
justify-content: space-between;
|
|
1633
1640
|
margin-top: 8px;
|
|
1634
|
-
`,Ar=
|
|
1641
|
+
`,Ar=it.div`
|
|
1635
1642
|
font-size: 12px;
|
|
1636
1643
|
line-height: 18px;
|
|
1637
1644
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1638
1645
|
font-style: normal;
|
|
1639
1646
|
font-weight: 400;
|
|
1640
1647
|
letter-spacing: 0.24px;
|
|
1641
|
-
`,Nr=
|
|
1648
|
+
`,Nr=it.div`
|
|
1642
1649
|
display: flex;
|
|
1643
1650
|
flex-direction: column;
|
|
1644
1651
|
flex: 1;
|
|
1645
|
-
`,
|
|
1652
|
+
`,Mb=it.div`
|
|
1646
1653
|
display: flex;
|
|
1647
1654
|
flex-direction: column;
|
|
1648
1655
|
justify-content: center;
|
|
1649
1656
|
align-items: flex-start;
|
|
1650
1657
|
margin-top: 16px;
|
|
1651
|
-
`,ml=
|
|
1658
|
+
`,ml=it.textarea`
|
|
1652
1659
|
${e=>k(e)} {
|
|
1653
1660
|
margin-top: 16px;
|
|
1654
1661
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
@@ -1659,7 +1666,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1659
1666
|
width: 100%;
|
|
1660
1667
|
height: 100px;
|
|
1661
1668
|
}
|
|
1662
|
-
`,ul=
|
|
1669
|
+
`,ul=it.div`
|
|
1663
1670
|
${e=>k(e)} {
|
|
1664
1671
|
position: absolute;
|
|
1665
1672
|
top: 16px;
|
|
@@ -1670,38 +1677,72 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1670
1677
|
opacity: 0.8;
|
|
1671
1678
|
}
|
|
1672
1679
|
}
|
|
1673
|
-
`;var
|
|
1680
|
+
`;var lc=({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:S,updateCustomVariables:w,getFlowSteps:P,getFlowStatus:f,getCurrentStepIndex:E}=Y(),{primaryCTAClickSideEffects:b}=ie(),{mergeAppearanceWithDefault:y}=Q(),[A,h]=R.useState(null),[m,B]=R.useState(""),{hasOpenModals:T,setKeepCompletedFlowOpenDuringSession:F,shouldKeepCompletedFlowOpenDuringSession:O}=Te();if(r=y(r),nc(()=>{w(o)},[o,x]),x)return null;let N=c(e);if(!N||S(N)||f(e)===q||d(e)===1&&!O(e)||T())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(dl,{className:l("npsNumberButton",r),selected:A===te+1,key:te,onClick:async()=>{F(e),h(te+1),await g(e,$.id,{score:te+1})},appearance:r},te+1))),R.createElement(cl,{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(ml,{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(pl,{appearance:r,className:xe(l("npsSurveyContainer",r),n),style:s,type:p},R.createElement(ul,{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(sc,null,M())};import be,{useEffect as dc}from"react";import vt from"styled-components";var fl=vt.div`
|
|
1674
1681
|
${e=>k(e)} {
|
|
1675
1682
|
display: flex;
|
|
1676
1683
|
flex-direction: column;
|
|
1677
1684
|
width: 100%;
|
|
1678
|
-
max-width:
|
|
1685
|
+
max-width: 500px;
|
|
1679
1686
|
box-sizing: border-box;
|
|
1680
1687
|
align-items: unset;
|
|
1681
1688
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1682
1689
|
position: relative;
|
|
1683
|
-
padding-top: 24px;
|
|
1684
1690
|
}
|
|
1685
|
-
`,gl=
|
|
1691
|
+
`,gl=vt.div`
|
|
1686
1692
|
display: flex;
|
|
1687
1693
|
flex-direction: column;
|
|
1688
1694
|
flex: 1;
|
|
1689
|
-
`,xl=
|
|
1695
|
+
`,xl=vt.div`
|
|
1690
1696
|
display: flex;
|
|
1691
|
-
flex-direction:
|
|
1697
|
+
flex-direction: row;
|
|
1692
1698
|
justify-content: center;
|
|
1693
|
-
align-items:
|
|
1699
|
+
align-items: stretch;
|
|
1700
|
+
gap: 16px;
|
|
1701
|
+
margin-top: 16px;
|
|
1702
|
+
`,hl=vt.div`
|
|
1694
1703
|
margin-top: 16px;
|
|
1695
|
-
|
|
1704
|
+
margin-bottom: 16px;
|
|
1705
|
+
`,Cl=vt.div`
|
|
1696
1706
|
${e=>k(e)} {
|
|
1697
1707
|
position: absolute;
|
|
1698
|
-
top:
|
|
1699
|
-
right:
|
|
1708
|
+
top: -8px;
|
|
1709
|
+
right: -8px;
|
|
1700
1710
|
cursor: pointer;
|
|
1701
1711
|
|
|
1702
1712
|
:hover {
|
|
1703
1713
|
opacity: 0.8;
|
|
1704
1714
|
}
|
|
1705
1715
|
}
|
|
1706
|
-
|
|
1716
|
+
`,yl=vt.h1`
|
|
1717
|
+
${e=>k(e)} {
|
|
1718
|
+
font-style: normal;
|
|
1719
|
+
justify-content: center;
|
|
1720
|
+
text-align: center;
|
|
1721
|
+
font-size: 24px;
|
|
1722
|
+
font-weight: 700;
|
|
1723
|
+
line-height: 30px; /* 125% */
|
|
1724
|
+
letter-spacing: 0.48px;
|
|
1725
|
+
display: flex;
|
|
1726
|
+
align-items: center;
|
|
1727
|
+
color: ${e=>e.appearance.theme.colorText};
|
|
1728
|
+
margin-bottom: 8px;
|
|
1729
|
+
}
|
|
1730
|
+
`,Sl=vt.h2`
|
|
1731
|
+
${e=>k(e)} {
|
|
1732
|
+
font-style: normal;
|
|
1733
|
+
justify-content: center;
|
|
1734
|
+
text-align: center;
|
|
1735
|
+
font-weight: 400;
|
|
1736
|
+
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
1737
|
+
font-size: 16px;
|
|
1738
|
+
line-height: 24px; /* 150% */
|
|
1739
|
+
letter-spacing: 0.32px;
|
|
1740
|
+
margin-bottom: 8px;
|
|
1741
|
+
}
|
|
1742
|
+
`;import bl from"react";import ac from"styled-components";var pc=ac.img`
|
|
1743
|
+
width: 100%;
|
|
1744
|
+
height: 100%;
|
|
1745
|
+
min-height: 200px;
|
|
1746
|
+
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1747
|
+
`;function wl({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?bl.createElement(Ve,{appearance:t,videoUri:e.videoUri}):e.imageUri?bl.createElement(pc,{className:l(`${o}image`,t),appearance:t,src:e.imageUri}):null}var cc=({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:S,updateCustomVariables:w,getFlowSteps:P,getFlowStatus:f,getCurrentStepIndex:E}=Y(),{primaryCTAClickSideEffects:b,secondaryCTAClickSideEffects:y}=ie(),{mergeAppearanceWithDefault:A}=Q(),{setOpenFlowState:h,getOpenFlowState:m,hasOpenModals:B}=Te(),[T,F]=[m(e,!0),M=>h(e,M)];if(r=A(r),dc(()=>{w(o)},[o,x]),x)return null;let O=a(e);if(!O||S(O)||f(e)===q||B())return null;let I=P(e)[E(e)],$=()=>{F(!1),t&&t(),g(e)};function D(){return be.createElement(be.Fragment,null,be.createElement(oe,{appearance:r}),be.createElement(fl,{appearance:r,className:xe(l("announcementContainer",r),n),style:s},(p===!0||I.dismissible)&&c=="inline"&&be.createElement(Cl,{onClick:async()=>{await g(e),t&&t()},className:l("announcementDismissButton",r)},be.createElement(Fe,null)),be.createElement(gl,null,be.createElement(yl,{appearance:r,className:l("announcementTitle",r),dangerouslySetInnerHTML:le(I.title)}),I.subtitle&&be.createElement(Sl,{appearance:r,className:l("announcementSubtitle",r),dangerouslySetInnerHTML:le(I.subtitle)})),(I.imageUri||I.videoUri)&&be.createElement(hl,{className:l("announcementMediaContainer",r)},be.createElement(wl,{appearance:r,stepData:I})),(I.primaryButtonTitle||I.secondaryButtonTitle)&&be.createElement(xl,{className:l("announcementCTAContainer",r)},I.secondaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:I.secondaryButtonTitle,appearance:r,withMargin:!1,size:"medium",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:"medium",type:"full-width",onClick:async()=>{I.handlePrimaryButtonClick(),b(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:T,dismissible:p,appearance:r},D()):be.createElement(He,{appearance:r,onClose:$,visible:T,style:ee,dismissible:p},D())};import*as Ko from"react";import Tl from"react";var Fl=({as:e="span",children:t,variant:o="Body1",...i})=>Tl.createElement(qi,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...i},t),mc=Object.fromEntries(Object.keys(Lo).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>Tl.createElement(Fl,{as:t,...i,variant:e},i.children);return o.displayName=`Text.${e}`,[e,o]})),Ir=Object.assign(Fl,mc);var kl=({as:e="button",className:t,size:o="md",title:i,variant:r="Primary",...n})=>{var s;return Ko.createElement(Ki,{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))},uc=Object.fromEntries(Object.keys(so).map(e=>{let t=o=>Ko.createElement(kl,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),fc=Object.assign(kl,uc);export{no as Box,fc as Button,Qe as CheckBox,lt as FormLabel,or as FormTextField,cc as FrigadeAnnouncement,ic as FrigadeBanner,Fr as FrigadeChecklist,Je as FrigadeDefaultAppearance,oc as FrigadeEmbeddedTip,Mi as FrigadeForm,Dd as FrigadeGuide,Nd as FrigadeHeroChecklist,lc as FrigadeNPSSurvey,Od as FrigadeProgressBadge,Wp as FrigadeProvider,ec as FrigadeSupportWidget,Xd 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};
|
|
1707
1748
|
//# sourceMappingURL=index.mjs.map
|