@frigade/react 1.35.2 → 1.35.3
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 +329 -293
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +290 -254
- 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.3 ";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 we(){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}=we(),[a,g]=Nl(!1),d={data:n.map(k=>({flowId:k.id,flowState:q,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},x=k=>fetch(k,e).then(T=>{if(T.ok)return T.json();throw new Error("Failed to fetch user flow states")}).catch(T=>(console.log(`Error fetching ${k}: ${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:v,mutate:f,error:A}=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&&!v&&b&&g(!0)},[b,a,v]);async function y(k){if(b&&!p){let T=b.find(O=>O.flowId===k);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(k,T,O){if(b){let P=b.find($=>$.flowId===k);P&&(P.stepStates[T]=O,P.flowState=gt),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function h(k,T,O){if(b){let P=b.find($=>$.flowId===k);P&&(P.lastStepId=T,P.stepStates[T]=O,P.flowState=gt),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function m(k){if(b){let T=b.find(O=>O.flowId===k);T&&T.flowState!==Me&&(T.flowState=Me,T.lastStepId=Ll,Object.keys(T.stepStates).forEach(O=>{T.stepStates[O].actionType=Oe,T.stepStates[O].createdAt=new Date().toISOString()}),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1}),c(k))}}async function B(k,T){if(b){let O=b.find(P=>P.flowId===k);O&&O.stepStates[T]!==Oe&&(O.stepStates[T]=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:N,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:h,error:A}}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 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===xo?await S(f):f.actionType===Ue?await S(f):f.actionType===go?await S(f):f.actionType===Oe&&await S(f))}function v(){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:v}}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:v,getFlowResponses:f}=qt(),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:B,optimisticallyMarkStepNotStarted:k,optimisticallyMarkStepStarted:T}=Ee(),{data:O,error:P,isLoading:$}=_l(n?`${t}flows${x?"?readonly=true":""}`:null,A,{keepPreviousData:!0});zl(()=>{if(P){console.error(P);return}O&&O.data&&i(O.data)},[O,P]);function D(u){if($)return null;let C=o.find(E=>E.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(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:I(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 X(u){return u.replaceAll(/\${(.*?)}/g,(C,E)=>s[E]===void 0?"":String(s[E]).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(E=>({...E,[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,E)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:xo,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};Q(_)&&(await T(u,C,_),v(_))},[r,y]),W=xt(async(u,C,E)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:Oe,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};Q(_)&&(await k(u,C),v(_))},[r,y]),H=xt(async(u,C,E)=>{if(!w())return;let _={foreignUserId:r,flowSlug:u,stepId:C,actionType:Ue,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};Q(_)&&(await B(u,C,_),v(_))},[r,y]),Ce=xt(async(u,C)=>{if(!w()||pe(u)===Me)return;let E={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Me,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),Q(E)&&v(E)},[r,y]),Ie=xt(async(u,C)=>{if(!w())return;let E={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:gt,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};Q(E)&&v(E)},[r,y]),be=xt(async(u,C)=>{if(!w())return;let E={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:q,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};Q(E)&&(await h(u),v(E))},[r,y]),me=xt(async(u,C)=>{if(!w())return;let E={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:go,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};Q(E)&&(await h(u),v(E))},[r,y]);function Q(u){var C;if(!y&&u.actionType===Oe)return!1;if(y){let E=y.find(_=>_.flowId===u.flowSlug);if(u.actionType===Oe&&(!(E!=null&&E.stepStates[u.stepId])||E.stepStates[u.stepId].actionType===Oe)||E&&((C=E.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||E&&E.flowState===q&&u.actionType===q)return!1}return!0}function ge(u,C){let E=j(u,C);return N?null:E?E.actionType:Oe}function re(u,C){let E=j(u,C);return E?E.blocked:!1}function I(u,C){let E=j(u,C);return E?E.hidden:!1}function j(u,C){if(N)return null;let E=y==null?void 0:y.find(_=>_.flowId===u);return!E||!E.stepStates[C]?null:E.stepStates[C]??null}function V(u){var E;if(N||!y)return null;if(pe(u)===Me)return L(u)[0]??null;let C=(E=y.find(_=>_.flowId===u))==null?void 0:E.lastStepId;return C?L(u).find(_=>_.id===C):null}function ne(u){let C=V(u);if(!C)return 0;let E=L(u).findIndex(_=>_.id===C.id)??0;return ge(u,C.id)===Ue&&E<L(u).length-1?E+1:E}function se(u){if(!u.completionCriteria)return;let C=Mr(u.completionCriteria);if(C===null)return;let E=Ye(C),_=$e(C);return _===0?void 0:E/_}function pe(u){let C=y==null?void 0:y.find(E=>E.flowId===u);return C?C.flowState:null}function Ye(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(E=>E.slug===u);return C?JSON.parse(C.data):null}function Be(u){if(x)return!1;if(N)return!0;if(u!=null&&u.targetingLogic&&y){let C=y.find(E=>E.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function Kt(u){return!Be(D(u))}function fo(){r&&b()}return{getFlow:D,getFlowData:G,isLoading:N||$,getStepStatus:ge,getFlowSteps:L,getCurrentStepIndex:ne,markStepStarted:J,markStepCompleted:H,markFlowNotStarted:Ce,markFlowStarted:Ie,markFlowCompleted:be,markFlowAborted:me,markStepNotStarted:W,getFlowStatus:pe,getNumberOfStepsCompleted:Ye,getNumberOfSteps:$e,targetingLogicShouldHideFlow:Be,setCustomVariable:ee,updateCustomVariables:fe,customVariables:s,getStepOptionalProgress:se,getFlowMetadata:U,isStepBlocked:re,isStepHidden:I,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 v={foreignId:e,events:[{event:x,properties:S}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(v)}),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 F(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;
|
|
@@ -7,7 +7,7 @@ import bt,{createContext as Ip,useEffect as Lo,useState as Oe}from"react";import
|
|
|
7
7
|
left: 0;
|
|
8
8
|
bottom: 0;
|
|
9
9
|
right: 0;
|
|
10
|
-
${e=>
|
|
10
|
+
${e=>F(e)} {
|
|
11
11
|
background-color: rgba(0, 0, 0, 0.6);
|
|
12
12
|
z-index: 1400;
|
|
13
13
|
}
|
|
@@ -23,12 +23,12 @@ import bt,{createContext as 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
|
-
`,
|
|
31
|
-
${e=>
|
|
30
|
+
`,Te=()=>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
|
+
${e=>F(e)} {
|
|
32
32
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -38,14 +38,14 @@ 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
|
-
`,
|
|
48
|
-
${e=>
|
|
47
|
+
`,jr=nt.img`
|
|
48
|
+
${e=>F(e)} {
|
|
49
49
|
display: block;
|
|
50
50
|
width: 100%;
|
|
51
51
|
height: auto;
|
|
@@ -53,38 +53,38 @@ 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
|
-
`,
|
|
57
|
-
${e=>
|
|
56
|
+
`,Vr=nt.div`
|
|
57
|
+
${e=>F(e)} {
|
|
58
58
|
display: block;
|
|
59
59
|
width: 100%;
|
|
60
60
|
height: auto;
|
|
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;
|
|
78
78
|
gap: 8px;
|
|
79
79
|
height: 64px;
|
|
80
|
-
${e=>
|
|
80
|
+
${e=>F(e)} {
|
|
81
81
|
flex-direction: row;
|
|
82
82
|
justify-content: ${e=>e.showStepCount?"flex-end":"flex-start"};
|
|
83
83
|
align-content: center;
|
|
84
84
|
align-items: center;
|
|
85
85
|
}
|
|
86
|
-
`,Yr=
|
|
87
|
-
${e=>
|
|
86
|
+
`,Yr=nt.p`
|
|
87
|
+
${e=>F(e)} {
|
|
88
88
|
font-style: normal;
|
|
89
89
|
font-weight: 600;
|
|
90
90
|
font-size: 15px;
|
|
@@ -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,8 +125,8 @@ 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
|
|
129
|
-
${e=>
|
|
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
|
+
${e=>F(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}};
|
|
132
132
|
/* Mobile */
|
|
@@ -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
|
-
${e=>
|
|
179
|
+
${e=>F(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(Te,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,8 +196,8 @@ 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
|
|
200
|
-
${e=>
|
|
199
|
+
`}return"right: 0; bottom: 0;"}var ia=So.div`
|
|
200
|
+
${e=>F(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}};
|
|
203
203
|
position: fixed;
|
|
@@ -210,29 +210,29 @@ 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
|
-
${e=>
|
|
224
|
+
${e=>F(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
|
-
`,
|
|
235
|
-
${e=>
|
|
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(Te,null)),o&&st.createElement(na,null,o),st.createElement(la,null,i))):st.createElement(st.Fragment,null));import{useContext as aa}from"react";function Z(){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
|
+
${e=>F(e)} {
|
|
236
236
|
font-size: 12px;
|
|
237
237
|
line-height: 18px;
|
|
238
238
|
margin-bottom: 5px;
|
|
@@ -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=
|
|
246
|
-
${e=>
|
|
245
|
+
`,ei=wo.label`
|
|
246
|
+
${e=>F(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,17 +257,17 @@ 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%;
|
|
269
269
|
`,tr=er.input`
|
|
270
|
-
${e=>
|
|
270
|
+
${e=>F(e)} {
|
|
271
271
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
272
272
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
273
273
|
font-size: 14px;
|
|
@@ -282,8 +282,8 @@ 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
|
-
`,
|
|
286
|
-
${e=>
|
|
285
|
+
`,ca=er.textarea`
|
|
286
|
+
${e=>F(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}};
|
|
289
289
|
font-size: 14px;
|
|
@@ -298,14 +298,14 @@ 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
|
-
`,
|
|
308
|
-
${e=>
|
|
307
|
+
`,ua=li.select`
|
|
308
|
+
${e=>F(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}};
|
|
311
311
|
font-size: 14px;
|
|
@@ -325,16 +325,16 @@ 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,
|
|
329
|
-
${e=>
|
|
330
|
-
`,
|
|
328
|
+
`;function ai({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:r}){var g,d,x,S,w,v;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,A,b,y;if(s===""&&!c){if(a(!0),n.requireSelection){p(rr);return}if(n.defaultValue&&((f=n.props.options)!=null&&f.find(N=>N.id===n.defaultValue))){let N=(A=n.props.options)==null?void 0:A.find(h=>h.id===n.defaultValue);p(N.id),o({choice:[N.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:((v=(w=n.props.options)==null?void 0:w.find(f=>f.id===s))==null?void 0:v.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
|
-
`,
|
|
337
|
-
${e=>
|
|
336
|
+
`,va=ci.button`
|
|
337
|
+
${e=>F(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}};
|
|
340
340
|
font-size: 14px;
|
|
@@ -358,8 +358,8 @@ 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]),
|
|
362
|
-
${e=>
|
|
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
|
+
${e=>F(e)} {
|
|
363
363
|
font-style: normal;
|
|
364
364
|
font-weight: 700;
|
|
365
365
|
font-size: ${e=>e.size=="small"?"15px":"18px"};
|
|
@@ -370,8 +370,8 @@ 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
|
-
`,
|
|
374
|
-
${e=>
|
|
373
|
+
`,Aa=ui.h2`
|
|
374
|
+
${e=>F(e)} {
|
|
375
375
|
font-style: normal;
|
|
376
376
|
font-weight: 400;
|
|
377
377
|
font-size: 14px;
|
|
@@ -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 Fe({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,v]=sr(y()||(p?p[t.id]:null)||{}),{readonly:f}=Na(K),A={...Ma,...s};Ia(()=>{i(a.length===0)},[a,i]);function b(m,B){let k={...w,[m.id]:B};v(k),r(k),window&&window.localStorage&&!f&&window.localStorage.setItem(N(),JSON.stringify(k))}function y(){if(window&&window.localStorage){let m=window.localStorage.getItem(N());if(m)return JSON.parse(m)}return null}function N(){return`${lr}-${e}-${t.id}-${S}`}return ht.createElement($a,{className:l("multiInput",n)},ht.createElement(Fe,{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 k;let B=(k=a.reverse().find(T=>T.id===m.id))==null?void 0:k.message;return A[m.type]?ht.createElement("span",{key:m.id,"data-field-id":m.id,className:l("multiInputField",n)},A[m.type]({formInput:m,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:r,appearance:n},onSaveInputData:T=>{!d.includes(m.id)&&T&&(T==null?void 0:T.text)!==""&&x(O=>[...O,m.id]),b(m,T)},inputData:w[m.id],setFormValidationErrors:T=>{g(O=>T.length===0?O.filter(P=>P.id!==m.id):[...O,...T])}}),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,10 +438,10 @@ 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
|
-
${e=>
|
|
444
|
+
${e=>F(e)} {
|
|
443
445
|
display: flex;
|
|
444
446
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
445
447
|
width: ${e=>e.type==="full-width"?"100%":"auto"};
|
|
@@ -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,8 +469,8 @@ 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
|
-
`,
|
|
471
|
-
${e=>
|
|
472
|
+
`,vo=Ti.div`
|
|
473
|
+
${e=>F(e)} {
|
|
472
474
|
display: flex;
|
|
473
475
|
flex-direction: row;
|
|
474
476
|
justify-content: flex-start;
|
|
@@ -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
|
-
`,te=({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}${
|
|
483
|
+
`,te=({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(te,{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(te,{title:e.secondaryButtonTitle,onClick:r,secondary:!0,withMargin:!1,type:d,appearance:o}):null," ",e.primaryButtonTitle?at.createElement(te,{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}=Z().mergeAppearanceWithDefault(i);return ar.createElement(
|
|
485
|
+
`,ki=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:r}=Z().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
|
|
568
|
-
${e=>
|
|
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`
|
|
570
|
+
${e=>F(e)} {
|
|
569
571
|
display: flex;
|
|
570
572
|
flex-direction: column;
|
|
571
573
|
justify-content: center;
|
|
572
574
|
}
|
|
573
|
-
`,
|
|
574
|
-
${e=>
|
|
575
|
+
`,rp=Ao.img`
|
|
576
|
+
${e=>F(e)} {
|
|
575
577
|
width: 100%;
|
|
576
578
|
height: auto;
|
|
577
579
|
max-height: 250px;
|
|
578
580
|
margin-bottom: 24px;
|
|
579
581
|
}
|
|
580
|
-
`,
|
|
581
|
-
${e=>
|
|
582
|
+
`,ip=Ao.div`
|
|
583
|
+
${e=>F(e)} {
|
|
582
584
|
margin-bottom: 24px;
|
|
583
585
|
}
|
|
584
|
-
`,
|
|
585
|
-
${e=>
|
|
586
|
+
`,np=Ao.div`
|
|
587
|
+
${e=>F(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(Fe,{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:v,allowBackNavigation:f,validationHandler:A,onFormDataChange:b,showFooter:y,prefillData:N})=>{var j;let m={...{linkCollection:Pi,multiInput:gi,callToAction:vi,selectList:$i},...i},{primaryCTAClickSideEffects:B,secondaryCTAClickSideEffects:k}=ie(),[T,O]=to(!1),[P,$]=to({}),[D,L]=to(!1),[X,U]=to(!1),[ee,fe]=to(null),J=t[o]??null,{markStepCompleted:W,markStepStarted:H,isLoading:Ce,updateCustomVariables:Ie,markFlowCompleted:be}=Y();No(()=>{Ie(r)},[r,Ce]),No(()=>{b&&b(P,me(),t[o],o)},[P]),No(()=>{window&&f&&!X&&(window.location.hash=t[o].id,U(!0))},[f,X,U]),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:P[t[o].id]??{},stepId:t[o].id,customVariables:r}}function Q(V,ne,se){let pe=o+1<t.length?t[o+1]:null;return s&&s(V,se,pe,P,me()),n?n(V,o,ne,pe):!0}function ge(V,ne){$(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 I=y&&Pe.createElement(Fi,{step:t[o],canContinue:T&&!D,formType:c,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(L(!0),A){let se=await A(t[o],o,t[o+1],P,me());if(se||se===!1){fe(typeof se=="string"?se:null),L(!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=Q(t[o],"primary",o);o+1>=t.length&&(g&&g(),S&&S(),a&&ne&&(d&&d(!1),x(!1)),await be(p)),B(t[o]),L(!1),window&&f&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{Q(t[o],"secondary",o),k(t[o])},onBack:async()=>{o-1>=0&&(L(!0),await H(p,t[o-1].id),L(!1))},steps:t,allowBackNavigation:f,errorMessage:ee});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:J.id,type:c,className:l("formContent",e)},t.map(V=>{let ne=m[V.type];return J.id!==V.id?null:Pe.createElement(ne,{key:V.id,stepData:V,canContinue:T,setCanContinue:O,onSaveData:se=>{ge(V,se)},appearance:e,customFormElements:v,flowId:p,prefillData:N})}),w&&Pe.createElement(ki,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),I))),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:v=!1,onDismiss:f,showPagination:A=!1,allowBackNavigation:b=!1,validationHandler:y,showFrigadeBranding:N=!1,onFormDataChange:h,showFooter:m=!0,prefillData:B={}})=>{let{getFlow:k,getFlowSteps:T,isLoading:O,targetingLogicShouldHideFlow:P,getFlowStatus:$,getCurrentStepIndex:D,markFlowCompleted:L,markFlowNotStarted:X}=Y(),U=D(e),{mergeAppearanceWithDefault:ee}=Z(),[fe,J]=pp(!1),{setOpenFlowState:W,getOpenFlowState:H,hasOpenModals:Ce}=we();c=ee(c);let[Ie,be]=i!==void 0&&r!==void 0?[i,r]:[H(e,!0),re=>W(e,re)];if(ap(()=>{!fe&&!O&&(J(!0),$(e)===q&&v&&(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 me=k(e);if(!me||P(me))return null;let Q=T(e);if(!Q||i!==void 0&&i===!1||$(e)===q&&a||(o=="modal"||o=="corner-modal")&&Ce(e))return null;let ge=()=>{be(!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",Ge.createElement(He,{appearance:c,onClose:ge,visible:Ie,style:re,dismissible:x,showFrigadeBranding:N},Ge.createElement(oe,{appearance:c}),Ge.createElement(Io,{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:be,onDismiss:f,showPagination:A,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:Q,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:be,onDismiss:f,showPagination:A,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:Q,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:be,onDismiss:f,showPagination:A,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([]),[v,f]=ur([]),{organizationId:A}=mr();Oo(()=>{if(!o&&t)for(let h=0;h<t.length;h++){let m=t[h],B=a.find(k=>k.slug===(m==null?void 0:m.flowId));if(B&&m&&m.shouldTrigger===!0&&B.type=="FORM"&&B.triggerType==="AUTOMATIC"&&!v.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"&&!v.includes(m.slug)&&(f([...v,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(k){console.log("Failed to save guest user id locally: Local storage unavailable",k)}n(k=>k||B)}}Oo(()=>{try{if(a){let h=[];a.forEach(m=>{if(m.data){let B=m.data.match(/"imageUri":"(.*?)"/g);B&&B.forEach(k=>{let T=k.replace('"imageUri":"',"").replace('"',"");if(h.includes(T))return;let O=new Image;O.src=T,h.push(T)})}})}}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 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 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,J;let[n,s]=Le(t||null),[p,c]=Le(o||null),[a,g]=Le([]),[d,x]=Le([]),[S,w]=Le([]),[v,f]=Le({}),[A,b]=Le({}),[y,N]=Le([]),[h,m]=Le({}),[B,k]=Le(!1),[T,O]=Le(!1),[P,$]=Le(!X(e)),D=(W,H)=>{if(H==="_blank"){window.open(W,"_blank");return}setTimeout(()=>{window.location.href=W},50)},L={theme:{...Je.theme,...((fe=i==null?void 0:i.defaultAppearance)==null?void 0:fe.theme)??{}},styleOverrides:{...Je.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")}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(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:v,setUserProperties:f,openFlowStates:A,setOpenFlowStates:b,completedFlowsToKeepOpenDuringSession:y,setCompletedFlowsToKeepOpenDuringSession:N,customVariables:h,setCustomVariables:m,isNewGuestUser:B,setIsNewGuestUser:k,hasActiveFullPageFlow:T,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:i&&i.navigate?i.navigate:D,defaultAppearance:L,shouldGracefullyDegrade:P,setShouldGracefullyDegrade:$,apiUrl:i&&i.apiUrl?i.apiUrl:Ji,readonly:i&&i.readonly?i.readonly:!1};if(P)return bt.createElement(K.Provider,{value:U},r);let{overrides:ee}=ji(L);return bt.createElement(zp,{fallback:bt.createElement(bt.Fragment,null,r)},bt.createElement(K.Provider,{value:U},bt.createElement(Up,{theme:dt(L.theme,gr,ee??{},(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(te,{appearance:t,title:e.primaryButtonTitle,onClick:o}),e.secondaryButtonTitle&&hr.createElement(te,{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}=Z();c=g(c);let x={...{[Cr]:an,[dn]:cn,[un]:fn},...p},[S,w]=nd(0),v=r??S,f=n??w,A=o.filter(y=>y.complete===!0).length,b=()=>{var y;return!((y=o[v])!=null&&y.type)||!x[o[v].type]?x[Cr]({stepData:o[v],appearance:c}):x[o[v].type]({stepData:o[v],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:A,style:{marginTop:"24px",paddingRight:"40px"},appearance:c})),_e.createElement(pd,{className:l("checklistStepsContainer",c)},o.map((y,N)=>_e.createElement(rn,{data:y,index:N,key:N,listLength:o.length,isSelected:N===v,primaryColor:c.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{f(N)}})))),_e.createElement(dd,{appearance:c,className:l("checklistDivider",c)}),_e.createElement(cd,null,_e.createElement(b,null)))},yr=md;import M,{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`
|
|
@@ -889,7 +892,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
889
892
|
padding-left: 1px;
|
|
890
893
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
891
894
|
`,bn=ue.div`
|
|
892
|
-
${e=>
|
|
895
|
+
${e=>F(e)} {
|
|
893
896
|
border: 1px solid #fafafa;
|
|
894
897
|
}
|
|
895
898
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
@@ -903,7 +906,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
903
906
|
flex-direction: row;
|
|
904
907
|
justify-content: space-between;
|
|
905
908
|
`,Tn=ue.p`
|
|
906
|
-
${e=>
|
|
909
|
+
${e=>F(e)} {
|
|
907
910
|
font-weight: 400;
|
|
908
911
|
font-size: 10px;
|
|
909
912
|
line-height: 12px;
|
|
@@ -917,7 +920,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
917
920
|
`,kn=ue.div`
|
|
918
921
|
flex: 1;
|
|
919
922
|
`,Pn=ue.div`
|
|
920
|
-
${e=>
|
|
923
|
+
${e=>F(e)} {
|
|
921
924
|
display: flex;
|
|
922
925
|
justify-content: center;
|
|
923
926
|
align-content: center;
|
|
@@ -927,7 +930,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
927
930
|
padding-right: 8px;
|
|
928
931
|
}
|
|
929
932
|
`,vn=ue.p`
|
|
930
|
-
${e=>
|
|
933
|
+
${e=>F(e)} {
|
|
931
934
|
font-style: normal;
|
|
932
935
|
font-weight: 600;
|
|
933
936
|
font-size: 22px;
|
|
@@ -939,7 +942,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
939
942
|
margin-bottom: 16px;
|
|
940
943
|
}
|
|
941
944
|
`,Bn=ue.p`
|
|
942
|
-
${e=>
|
|
945
|
+
${e=>F(e)} {
|
|
943
946
|
font-weight: 400;
|
|
944
947
|
font-size: 14px;
|
|
945
948
|
line-height: 18px;
|
|
@@ -948,14 +951,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
948
951
|
margin-bottom: 8px;
|
|
949
952
|
}
|
|
950
953
|
`,En=ue.div`
|
|
951
|
-
${e=>
|
|
954
|
+
${e=>F(e)} {
|
|
952
955
|
display: flex;
|
|
953
956
|
flex-direction: row;
|
|
954
957
|
justify-content: center;
|
|
955
958
|
gap: 8px;
|
|
956
959
|
}
|
|
957
960
|
`,An=ue.div`
|
|
958
|
-
${e=>
|
|
961
|
+
${e=>F(e)} {
|
|
959
962
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
960
963
|
background-color: ${e=>e.selected?"#FAFAFA":"#FFFFFF"};
|
|
961
964
|
:hover {
|
|
@@ -975,7 +978,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
975
978
|
position: relative;
|
|
976
979
|
cursor: pointer;
|
|
977
980
|
`,Nn=ue.p`
|
|
978
|
-
${e=>
|
|
981
|
+
${e=>F(e)} {
|
|
979
982
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
980
983
|
color: ${e=>e.selected?"#434343":"#BFBFBF"};
|
|
981
984
|
}
|
|
@@ -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,14 +1014,14 @@ ${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=
|
|
1021
|
-
${e=>
|
|
1023
|
+
`,Un=tt.div`
|
|
1024
|
+
${e=>F(e)} {
|
|
1022
1025
|
color: #595959;
|
|
1023
1026
|
}
|
|
1024
1027
|
text-transform: uppercase;
|
|
@@ -1027,8 +1030,8 @@ ${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=
|
|
1031
|
-
${e=>
|
|
1033
|
+
`,zn=tt.div`
|
|
1034
|
+
${e=>F(e)} {
|
|
1032
1035
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1033
1036
|
background: #ffffff;
|
|
1034
1037
|
border: 1px solid #fafafa;
|
|
@@ -1040,8 +1043,8 @@ ${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=
|
|
1044
|
-
${e=>
|
|
1046
|
+
`,_n=tt.div`
|
|
1047
|
+
${e=>F(e)} {
|
|
1045
1048
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
1046
1049
|
}
|
|
1047
1050
|
width: 40px;
|
|
@@ -1052,14 +1055,14 @@ ${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=
|
|
1062
|
-
${e=>
|
|
1064
|
+
`,Hn=tt.div`
|
|
1065
|
+
${e=>F(e)} {
|
|
1063
1066
|
color: #434343;
|
|
1064
1067
|
}
|
|
1065
1068
|
font-weight: 600;
|
|
@@ -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
|
-
`,
|
|
1071
|
-
${e=>
|
|
1073
|
+
`,jn=tt.div`
|
|
1074
|
+
${e=>F(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:k})=>m?M.createElement(Pn,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},M.createElement(vn,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:le(m.title)}),M.createElement(Bn,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:le(m.subtitle)}),M.createElement(En,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&M.createElement(te,{title:m.secondaryButtonTitle,onClick:B,appearance:a,secondary:!0}),M.createElement(te,{title:m.primaryButtonTitle,onClick:k,appearance:a}))):M.createElement(M.Fragment,null),v={...{default:m=>{var O;if((O=e[b])!=null&&O.StepContent){let P=e[b].StepContent;return M.createElement("div",null,P)}let B=e[b];return M.createElement(S,{stepData:m,handleCTAClick:()=>{B.handlePrimaryButtonClick&&B.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{B.handleSecondaryButtonClick&&B.handleSecondaryButtonClick()}})}},...c},[f,A]=hd(0),b=s??f,y=p??A,N=()=>{var m;return e?!((m=e[b])!=null&&m.type)||!v[e[b].type]?v.default(e[b]):v[e[b].type]({stepData:e[b],primaryColor:a.theme.colorPrimary}):M.createElement(M.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),M.createElement(He,{onClose:n,visible:r,appearance:a},M.createElement(Ln,null,M.createElement(Cn,null,M.createElement(yn,{appearance:a,className:l("checklistTitle",a)},t),M.createElement(Sn,{appearance:a,className:l("checklistSubtitle",a)},o)),M.createElement(hn,null,e&&e.length>0&&M.createElement(bn,{className:l("stepsContainer",a)},M.createElement(wn,null,M.createElement("div",{style:{flex:3}},M.createElement(Tn,{className:l("stepsTitle",a)},i)),M.createElement(On,null,M.createElement(De,{style:{width:"100%"},count:h,total:e.length,appearance:a}))),M.createElement(Fn,null,M.createElement(kn,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,B)=>{let k=b===B;return M.createElement(An,{selected:k,className:l(`checklistStepListItem${k?"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},k&&M.createElement(Mo,{className:l("checklistStepItemSelectedIndicator",a),layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),M.createElement(Nn,{selected:k,className:l(`checklistStepListStepName${k?"Selected":""}`,a)},m.stepName),M.createElement(In,null,M.createElement(Qe,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),M.createElement(Dn,null,M.createElement(Wt,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),M.createElement(N,null))),g&&g.length>0&&M.createElement(po,{steps:g,title:d,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(x&&x(m),!0)}))))):M.createElement(M.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,41 @@ ${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=
|
|
1117
|
+
`,Jn=rt.div`
|
|
1115
1118
|
cursor: pointer;
|
|
1116
1119
|
:hover {
|
|
1117
1120
|
opacity: 0.8;
|
|
1118
1121
|
}
|
|
1119
|
-
`,
|
|
1122
|
+
`,RC=rt.div``,Qn=rt.p`
|
|
1120
1123
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1121
1124
|
font-weight: 400;
|
|
1122
1125
|
font-size: 14px;
|
|
1123
1126
|
line-height: 22px;
|
|
1124
|
-
`,Zn=
|
|
1127
|
+
`,Zn=rt.div`
|
|
1125
1128
|
display: flex;
|
|
1126
1129
|
flex-direction: row;
|
|
1127
1130
|
justify-content: flex-start;
|
|
1128
1131
|
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
|
|
1132
|
+
`;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(te,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>r(),appearance:n}):null,he.createElement(te,{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
1133
|
background: #ffffff;
|
|
1131
1134
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1132
1135
|
border-radius: 6px;
|
|
@@ -1140,26 +1143,26 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1140
1143
|
|
|
1141
1144
|
max-width: 800px;
|
|
1142
1145
|
min-width: 350px;
|
|
1143
|
-
`,es=
|
|
1146
|
+
`,es=Ht.div`
|
|
1144
1147
|
display: flex;
|
|
1145
1148
|
flex-direction: column;
|
|
1146
|
-
`,ts=
|
|
1149
|
+
`,ts=Ht.h1`
|
|
1147
1150
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1148
1151
|
font-style: normal;
|
|
1149
1152
|
font-weight: 700;
|
|
1150
1153
|
font-size: 20px;
|
|
1151
1154
|
line-height: 24px;
|
|
1152
1155
|
margin-bottom: 8px;
|
|
1153
|
-
`,os=
|
|
1156
|
+
`,os=Ht.h2`
|
|
1154
1157
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
1155
1158
|
font-weight: 400;
|
|
1156
1159
|
font-size: 14px;
|
|
1157
1160
|
line-height: 23px;
|
|
1158
1161
|
margin: 2px 0 0 0;
|
|
1159
|
-
`,rs=
|
|
1162
|
+
`,rs=Ht.div`
|
|
1160
1163
|
display: block;
|
|
1161
1164
|
width: 100%;
|
|
1162
|
-
`,is=
|
|
1165
|
+
`,is=Ht.div`
|
|
1163
1166
|
display: flex;
|
|
1164
1167
|
width: 100%;
|
|
1165
1168
|
flex-direction: column;
|
|
@@ -1167,23 +1170,23 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1167
1170
|
padding: 24px;
|
|
1168
1171
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1169
1172
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1170
|
-
`;var
|
|
1173
|
+
`;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 v=o.filter(h=>h.complete).length,[f,A]=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}A(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],A(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:v,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:g})),N=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,N):ve.createElement(ve.Fragment,null,ve.createElement(He,{onClose:i,visible:r,appearance:g,style:{maxWidth:"600px"},headerContent:y},N))},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
1174
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1172
|
-
`,
|
|
1175
|
+
`,Td=ls`
|
|
1173
1176
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1174
|
-
`,
|
|
1177
|
+
`,Fd=as`
|
|
1175
1178
|
from {
|
|
1176
1179
|
opacity: 0;
|
|
1177
1180
|
} to {
|
|
1178
1181
|
opacity: 1;
|
|
1179
1182
|
}
|
|
1180
|
-
`,
|
|
1183
|
+
`,kd=as`
|
|
1181
1184
|
from {
|
|
1182
1185
|
opacity: 1;
|
|
1183
1186
|
} to {
|
|
1184
1187
|
opacity: 0;
|
|
1185
1188
|
}
|
|
1186
|
-
`,ds=
|
|
1189
|
+
`,ds=de.div`
|
|
1187
1190
|
margin: 0 -20px;
|
|
1188
1191
|
overflow-x: auto;
|
|
1189
1192
|
padding-left: 20px;
|
|
@@ -1200,14 +1203,14 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1200
1203
|
::-webkit-scrollbar {
|
|
1201
1204
|
display: none;
|
|
1202
1205
|
}
|
|
1203
|
-
`,cs=
|
|
1206
|
+
`,cs=de.div`
|
|
1204
1207
|
display: flex;
|
|
1205
1208
|
flex-flow: row nowrap;
|
|
1206
1209
|
gap: 0 16px;
|
|
1207
1210
|
scroll-snap-align: center;
|
|
1208
1211
|
scroll-snap-stop: always;
|
|
1209
|
-
`,ms=
|
|
1210
|
-
animation: ${e=>e.reversed?
|
|
1212
|
+
`,ms=de.div`
|
|
1213
|
+
animation: ${e=>e.reversed?kd:Fd} 0.25s ease-out;
|
|
1211
1214
|
background: linear-gradient(
|
|
1212
1215
|
to right,
|
|
1213
1216
|
${({theme:e})=>e.colorBackground}00,
|
|
@@ -1216,7 +1219,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1216
1219
|
position: absolute;
|
|
1217
1220
|
width: 64px;
|
|
1218
1221
|
z-index: 10;
|
|
1219
|
-
`,us=
|
|
1222
|
+
`,us=de.button`
|
|
1220
1223
|
${ps}
|
|
1221
1224
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1222
1225
|
align-items: center;
|
|
@@ -1228,10 +1231,10 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1228
1231
|
justify-content: center;
|
|
1229
1232
|
position: absolute;
|
|
1230
1233
|
width: 48px;
|
|
1231
|
-
`,fs=
|
|
1234
|
+
`,fs=de.div`
|
|
1232
1235
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1233
1236
|
padding: 20px;
|
|
1234
|
-
`,gs=
|
|
1237
|
+
`,gs=de(fs)`
|
|
1235
1238
|
${ps}
|
|
1236
1239
|
background: ${({theme:e})=>e.colorBackground};
|
|
1237
1240
|
position: relative;
|
|
@@ -1244,86 +1247,86 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1244
1247
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1245
1248
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1246
1249
|
}
|
|
1247
|
-
`,xs=
|
|
1250
|
+
`,xs=de.img`
|
|
1248
1251
|
border-radius: 50%;
|
|
1249
1252
|
height: 40px;
|
|
1250
1253
|
margin-bottom: 12px;
|
|
1251
1254
|
width: 40px;
|
|
1252
|
-
`,hs=
|
|
1253
|
-
${e=>
|
|
1254
|
-
${
|
|
1255
|
+
`,hs=de(fs)`
|
|
1256
|
+
${e=>F(e)} {
|
|
1257
|
+
${Td}
|
|
1255
1258
|
|
|
1256
1259
|
background: ${({theme:e})=>e.colorBackground};
|
|
1257
1260
|
}
|
|
1258
|
-
`,
|
|
1261
|
+
`,E0=de.div`
|
|
1259
1262
|
color: ${({theme:e})=>e.colorPrimary};
|
|
1260
1263
|
display: flex;
|
|
1261
1264
|
flex-flow: row nowrap;
|
|
1262
1265
|
align-items: center;
|
|
1263
|
-
`,
|
|
1266
|
+
`,A0=de.div`
|
|
1264
1267
|
white-space: nowrap;
|
|
1265
|
-
`,Cs=
|
|
1268
|
+
`,Cs=de.div`
|
|
1266
1269
|
background: #d8fed8;
|
|
1267
1270
|
border-radius: 6px;
|
|
1268
1271
|
float: right;
|
|
1269
1272
|
margin-bottom: 12px;
|
|
1270
1273
|
padding: 4px 10px;
|
|
1271
|
-
`,
|
|
1274
|
+
`,Pd=de.p`
|
|
1272
1275
|
font-weight: bold;
|
|
1273
1276
|
font-size: 18px;
|
|
1274
1277
|
line-height: 22px;
|
|
1275
1278
|
letter-spacing: calc(18px * -0.01);
|
|
1276
1279
|
margin: 0;
|
|
1277
|
-
`,ys=
|
|
1280
|
+
`,ys=de(Pd)`
|
|
1278
1281
|
margin-bottom: 4px;
|
|
1279
|
-
`,Ss=
|
|
1282
|
+
`,Ss=de.div`
|
|
1280
1283
|
display: flex;
|
|
1281
1284
|
flex-flow: row nowrap;
|
|
1282
1285
|
align-items: center;
|
|
1283
1286
|
min-width: 50%;
|
|
1284
|
-
`,
|
|
1287
|
+
`,vd=de.p`
|
|
1285
1288
|
font-weight: bold;
|
|
1286
1289
|
font-size: 16px;
|
|
1287
1290
|
line-height: 20px;
|
|
1288
1291
|
letter-spacing: calc(16px * -0.01);
|
|
1289
1292
|
margin: 0;
|
|
1290
|
-
`,bs=
|
|
1293
|
+
`,bs=de(vd)`
|
|
1291
1294
|
margin-bottom: 4px;
|
|
1292
1295
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1293
1296
|
`}
|
|
1294
|
-
`,ct=
|
|
1297
|
+
`,ct=de.p`
|
|
1295
1298
|
color: ${({theme:e})=>e.colorText};
|
|
1296
1299
|
font-weight: normal;
|
|
1297
1300
|
font-size: 14px;
|
|
1298
1301
|
line-height: 22px;
|
|
1299
1302
|
margin: 0;
|
|
1300
|
-
`,ws=
|
|
1303
|
+
`,ws=de.p`
|
|
1301
1304
|
color: ${({theme:e})=>e.colorText};
|
|
1302
1305
|
font-weight: 600;
|
|
1303
1306
|
font-size: 12px;
|
|
1304
1307
|
line-height: 16px;
|
|
1305
1308
|
margin: 0;
|
|
1306
|
-
`;ct.Loud=
|
|
1309
|
+
`;ct.Loud=de(ct)`
|
|
1307
1310
|
font-weight: 600;
|
|
1308
|
-
`;ct.Quiet=
|
|
1311
|
+
`;ct.Quiet=de(ct)`
|
|
1309
1312
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1310
1313
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1311
1314
|
`}
|
|
1312
|
-
`;var Ts=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=Z(),{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
|
|
1315
|
+
`;var Ts=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=Z(),{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:v}=ss(),f=v?1:3,{getFlowMetadata:A,getFlowSteps:b,getNumberOfStepsCompleted:y,updateCustomVariables:N,isLoading:h}=Y();Tr(()=>{N(o)},[o,h]),Tr(()=>{if(h)return;let P=A(e),$=y(e),D=b(e);g(P),P.data!==null&&(x(D.sort((L,X)=>Number(L.complete)-Number(X.complete))),c(D.length>f),w($))},[h]);let m=[];for(let P=0;P<d.length;P+=f)m.push(d.slice(P,P+f));let B=P=>{let $=P.target,D=$.scrollWidth-$.clientWidth,L=Math.ceil($.scrollLeft);L>0&&n===!1&&s(!0),L===0&&n===!0&&s(!1),L<D&&p===!1&&c(!0),L===D&&p===!0&&c(!1)},k=(P=!0)=>{let $=P?1:-1;r.current!==null&&r.current.scrollBy({left:r.current.clientWidth*$,behavior:"smooth"})},T=null,O=P=>{T!==null?clearTimeout(T):B(P),T=setTimeout(()=>{B(P)},16)};return h?null:ae.createElement(hs,{className:xe(l("carouselContainer",t),i)},ae.createElement("div",{style:{display:"flex",justifyContent:v?"center":"space-between",marginBottom:20,flexWrap:v?"wrap":"nowrap",gap:v?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:()=>k(!1)}),ae.createElement(Fs,{side:"right",show:p,onClick:k}),ae.createElement(ds,{ref:r,onScroll:O},m.map((P,$)=>ae.createElement(cs,{key:$,style:{flex:`0 0 calc(100% - ${d.length>f?36:0}px)`}},P.map((D,L)=>ae.createElement(Ts,{key:L,stepData:D,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:v,checklistStyle:f="default",autoExpandFirstIncompleteStep:A,autoExpandNextStep:b,...y})=>{let{getFlow:N,getFlowSteps:h,markStepCompleted:m,getStepStatus:B,getNumberOfStepsCompleted:k,isLoading:T,targetingLogicShouldHideFlow:O,updateCustomVariables:P,getFlowMetadata:$,isStepBlocked:D,getFlowStatus:L,hasActiveFullPageFlow:X,setHasActiveFullPageFlow:U}=Y(),{primaryCTAClickSideEffects:ee,secondaryCTAClickSideEffects:fe}=ie(),{getOpenFlowState:J,setOpenFlowState:W}=we(),[H,Ce]=vs(r||0),[Ie,be]=vs(!1),me=c===void 0?J(e):c,Q=s==="modal",{mergeAppearanceWithDefault:ge}=Z();if(x=ge(x),Ps(()=>{P(a)},[a,T]),Ps(()=>{c!==void 0&&(Q&&c===!0?U(!0):Q&&c===!1&&U(!1))},[c,w,X]),T)return null;let re=N(e);if(!re||O(re))return null;let I=h(e);if(!I||S===!0&&L(e)===q)return null;let j=$(e);if(j!=null&&j.title&&(t=j.title),j!=null&&j.subtitle&&(o=j.subtitle),!Ie&&r===void 0&&k(e)>0){let u=I.findIndex(C=>C.complete===!1);Ce(u>-1?u:I.length-1),be(!0)}function V(){if(H+1>=I.length){Q&&W(e,!1);return}D(e,I[H+1].id)||Ce(H+1)}function ne(u,C,E){let _=H+1<I.length?I[H+1]:null;d&&d(u,H,C,_)===!0&&Q&&$e(),g&&g(u,E,_),!g&&!d&&(u.primaryButtonUri||u.secondaryButtonUri)&&Q&&$e()}function se(){return I.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),ee(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:v,type:s,className:n,autoExpandFirstIncompleteStep:A,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&&N(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:E=>{ne(E,"link",0)},customStepTypes:v,...Ye}))}function fo(){let u=ce.createElement(yr,{flowId:e,style:i,selectedStep:H,setSelectedStep:Ce,appearance:x,type:s,...Ye});return Q?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
1316
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1314
1317
|
border-radius: 8px;
|
|
1315
1318
|
padding: 6px 10px 6px 10px;
|
|
1316
1319
|
min-width: 160px;
|
|
1317
1320
|
cursor: pointer;
|
|
1318
1321
|
background-color: ${e=>e.appearance.theme.colorBackground}};
|
|
1319
|
-
`,Es=
|
|
1322
|
+
`,Es=Ho.div`
|
|
1320
1323
|
display: flex;
|
|
1321
1324
|
flex-direction: row;
|
|
1322
1325
|
justify-content: space-between;
|
|
1323
1326
|
align-items: center;
|
|
1324
1327
|
margin-bottom: 2px;
|
|
1325
1328
|
flex-grow: 2;
|
|
1326
|
-
`,As=
|
|
1329
|
+
`,As=Ho.div`
|
|
1327
1330
|
text-overflow: ellipsis;
|
|
1328
1331
|
font-weight: 600;
|
|
1329
1332
|
font-size: 12px;
|
|
@@ -1331,13 +1334,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1331
1334
|
margin-right: ${e=>e.type==="condensed"?"8px":"0"};
|
|
1332
1335
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1333
1336
|
color: ${e=>e.appearance.theme.colorPrimary};
|
|
1334
|
-
`,Ns=
|
|
1337
|
+
`,Ns=Ho.div`
|
|
1335
1338
|
width: 20px;
|
|
1336
1339
|
margin-right: 8px;
|
|
1337
1340
|
display: flex;
|
|
1338
1341
|
height: 100%;
|
|
1339
1342
|
align-items: center;
|
|
1340
|
-
`;var Is=({title:e,count:t,total:o,onClick:i,style:r={},className:n,appearance:s,type:p="default"})=>
|
|
1343
|
+
`;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
1344
|
display: flex;
|
|
1342
1345
|
flex-direction: row;
|
|
1343
1346
|
width: 100%;
|
|
@@ -1348,25 +1351,25 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1348
1351
|
border-width: 1px;
|
|
1349
1352
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1350
1353
|
border-radius: 12px;
|
|
1351
|
-
`,Ls=
|
|
1352
|
-
${e=>
|
|
1354
|
+
`,Ls=co.div`
|
|
1355
|
+
${e=>F(e)} {
|
|
1353
1356
|
display: flex;
|
|
1354
1357
|
justify-content: center;
|
|
1355
1358
|
align-items: center;
|
|
1356
1359
|
margin-right: 16px;
|
|
1357
1360
|
}
|
|
1358
|
-
`,Ds=
|
|
1361
|
+
`,Ds=co.div`
|
|
1359
1362
|
display: flex;
|
|
1360
1363
|
flex-direction: column;
|
|
1361
1364
|
flex: 1;
|
|
1362
1365
|
margin-top: 0;
|
|
1363
|
-
`,$s=
|
|
1366
|
+
`,$s=co.div`
|
|
1364
1367
|
display: flex;
|
|
1365
1368
|
flex-direction: column;
|
|
1366
1369
|
justify-content: center;
|
|
1367
1370
|
margin-left: 16px;
|
|
1368
1371
|
min-width: 200px;
|
|
1369
|
-
`,
|
|
1372
|
+
`,vy=co.div`
|
|
1370
1373
|
display: flex;
|
|
1371
1374
|
justify-content: center;
|
|
1372
1375
|
align-items: flex-end;
|
|
@@ -1375,7 +1378,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1375
1378
|
:hover {
|
|
1376
1379
|
opacity: 0.8;
|
|
1377
1380
|
}
|
|
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(
|
|
1381
|
+
`;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(Fe,{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:v,targetingLogicShouldHideFlow:f,updateCustomVariables:A}=Y(),{mergeAppearanceWithDefault:b}=Z();a=b(a);let{setOpenFlowState:y,getOpenFlowState:N}=we();if(Id(()=>{A(p)},[p,v]),v)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}=Z();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
1382
|
width: 100%;
|
|
1380
1383
|
height: 100%;
|
|
1381
1384
|
border-radius: 9999px;
|
|
@@ -1398,26 +1401,26 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1398
1401
|
opacity: 0;
|
|
1399
1402
|
}
|
|
1400
1403
|
}
|
|
1401
|
-
`,
|
|
1404
|
+
`,Hd=uo.div`
|
|
1402
1405
|
width: ${Vt}px;
|
|
1403
1406
|
height: ${Vt}px;
|
|
1404
1407
|
border-radius: 100px;
|
|
1405
1408
|
background-color: ${e=>e.primaryColor};
|
|
1406
1409
|
z-index: 20;
|
|
1407
1410
|
opacity: 1;
|
|
1408
|
-
`,
|
|
1411
|
+
`,jd=uo.div`
|
|
1409
1412
|
pointer-events: all;
|
|
1410
|
-
`,Hs=
|
|
1413
|
+
`,Hs=uo.div`
|
|
1411
1414
|
display: flex;
|
|
1412
1415
|
align-content: center;
|
|
1413
1416
|
justify-content: center;
|
|
1414
1417
|
align-items: center;
|
|
1415
1418
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1416
|
-
`,
|
|
1419
|
+
`,Vd=uo(Hs)`
|
|
1417
1420
|
width: ${Vt+12}px;
|
|
1418
1421
|
height: ${Vt+12}px;
|
|
1419
|
-
`,
|
|
1420
|
-
${e=>
|
|
1422
|
+
`,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:v=0,showFrigadeBranding:f=!1,cssPosition:A="absolute"})=>{var se,pe,Ye,$e;let[b,y]=mo(),[N,h]=mo(new Date),m=zd(null),[B,k]=mo(document.querySelector(e[a].selector)),T=Us(B,N),[O,P]=mo(),[$,D]=mo(!S),L=(pe=(se=e[a])==null?void 0:se.props)!=null&&pe.position?e[a].props.position:A,X=(($e=(Ye=e[a])==null?void 0:Ye.props)==null?void 0:$e.zIndex)??90,U=(b==null?void 0:b.width)??_s,ee=(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,N,L]),jo(()=>{S||D(!0)},[a]);let J=()=>{let G=document.querySelector(e[a].selector);if(!G){P(void 0),k(null);return}O&&O===JSON.stringify(G==null?void 0:G.getBoundingClientRect())||(k(G),h(new Date),G&&P(JSON.stringify(G.getBoundingClientRect())))};if(jo(()=>{let G=new MutationObserver(J);return G.observe(document.body,{subtree:!0,childList:!0}),()=>G.disconnect()},[J]),jo(()=>{let G=new MutationObserver(J);return G.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>G.disconnect()},[J]),jo(()=>{let G=setInterval(()=>{J()},10);return()=>clearInterval(G)},[J]),zs(()=>{setTimeout(()=>{J()},_d),J()},[a,fe]),B===null||!p||T.height===0&&T.width===0&&L!=="fixed"&&A!=="static")return null;let W=i==="auto"?"right":i,H=kr(T,W,U,s,L),Ce=T.right+U>(window.innerWidth||document.documentElement.clientWidth),Ie=T.bottom+Ws>(window.innerHeight||document.documentElement.clientHeight);Ce&&i==="auto"&&(H=kr(T,"left",U,s,L),W="left");let be=()=>{let G=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),D(!1),setTimeout(()=>{J()},30)),v===e.length-1)return o()},Be=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),S&&!e[a].secondaryButtonUri&&D(!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(te,{title:e[a].secondaryButtonTitle,appearance:d,onClick:Be,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&z.createElement(te,{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(Te,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(Fe,{appearance:d,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),z.createElement(Gr,{className:l("tooltipFooter",d)},z.createElement(be,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 I={top:(H==null?void 0:H.y)-Vt,left:(W=="left"?T.x+s.x:(H==null?void 0:H.x)-Vt)??0,cursor:S?"pointer":"default",position:L},j=()=>{let Be=I.left+(W=="left"?-U:24);return Math.min(Math.max(Be,20),window.innerWidth-U-20)},V=()=>{if(L==="fixed")return I.top;let G=I.top+ee,Be=20;return G>window.innerHeight-Be?I.top+-ee:I.top},ne=()=>{S&&(h(new Date),D(!$))};return z.createElement(jd,null,z.createElement(Vd,{style:I,zIndex:X,className:l("tourHighlightContainer",d)},r&&e[a].showHighlight!==!1&&A!=="static"&&z.createElement(z.Fragment,null,z.createElement(Hd,{style:{position:L},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:{...I,left:j(),top:V()},zIndex:X+1,className:l("tooltipContainerWrapper",d)},$&&z.createElement(z.Fragment,null,z.createElement(ho,{ref:m,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:A!=="static"?12:0,...c},appearance:d,className:l("tooltipContainer",d),maxWidth:_s,zIndex:X+10},z.createElement(re,null)),f&&z.createElement(Jr,{className:l("poweredByFrigadeTooltipRibbon",d),appearance:d,zIndex:X+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:v,getFlowSteps:f,isLoading:A,targetingLogicShouldHideFlow:b,markStepCompleted:y,markStepStarted:N,markFlowCompleted:h,updateCustomVariables:m,getCurrentStepIndex:B,getStepStatus:k,isStepBlocked:T,getFlowStatus:O,getNumberOfStepsCompleted:P}=Y(),{isLoadingUserFlowStateData:$}=Ee(),{primaryCTAClickSideEffects:D,secondaryCTAClickSideEffects:L}=ie(),{hasOpenModals:X}=we(),U=B(e),{openFlowStates:ee}=Kd(K),{mergeAppearanceWithDefault:fe}=Z();if(o=fe(o),qd(()=>{m(t)},[t,A]),$)return null;let J=v(e);if(!J||b(J)||O(e)==q||X())return null;let W=f(e);if(Object.keys(ee).length>0){let I=Object.keys(ee).find(j=>ee[j]===!0);if(I!==void 0&&I!==e)return ft.createElement(ft.Fragment,null)}async function H(I){if(await y(e,I.id),W.map(j=>k(e,j.id)).every(j=>j===Ue)){await h(e);return}if(!a&&U+1<W.length){if(T(e,W[U+1].id))return;await N(e,W[U+1].id)}}function Ce(I,j,V){let ne=U+1<W.length?W[U+1]:null;r&&r(I,U,j,ne),i&&i(I,V,ne)}function Ie(){return W.map(I=>({...I,handleSecondaryButtonClick:async()=>{L(I),I.skippable===!0&&await y(e,I.id,{skipped:!0}),Ce(I,"secondary",U)},handlePrimaryButtonClick:async()=>{(!I.completionCriteria&&(I.autoMarkCompleted||I.autoMarkCompleted===void 0)||I.completionCriteria&&I.autoMarkCompleted===!0)&&await H(I),Ce(I,"primary",U),D(I)}}))}async function be(I){s&&s(),g==="complete-flow"?await h(e):await y(e,I.id)}function me(){d&&d()}let Q=!document.querySelector(W[U].selector);function ge(){let I=W.findIndex(j=>!!document.querySelector(j.selector));return W.map((j,V)=>Q&&!n&&V!==I&&x?null:ft.createElement(Vo,{key:j.id,appearance:o,steps:Ie(),selectedStep:V,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>be(j),tooltipPosition:c,showHighlightOnly:a,completedStepsCount:P(e),onComplete:me,cssPosition:S,...w}))}function re(){return ft.createElement(ft.Fragment,null,ft.createElement(oe,{appearance:o}),n||Q&&x?ge():ft.createElement(Vo,{appearance:o,steps:Ie(),selectedStep:U,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>be(W[U]),tooltipPosition:c,completedStepsCount:P(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`
|
|
1423
|
+
${e=>F(e)} {
|
|
1421
1424
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1422
1425
|
|
|
1423
1426
|
display: flex;
|
|
@@ -1434,13 +1437,13 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1434
1437
|
opacity: 0.8;
|
|
1435
1438
|
}
|
|
1436
1439
|
}
|
|
1437
|
-
`,
|
|
1438
|
-
${e=>
|
|
1440
|
+
`,Vs=Pt.span`
|
|
1441
|
+
${e=>F(e)} {
|
|
1439
1442
|
font-size: 12px;
|
|
1440
1443
|
display: inline-block;
|
|
1441
1444
|
}
|
|
1442
1445
|
`,Gs=Pt.span`
|
|
1443
|
-
${e=>
|
|
1446
|
+
${e=>F(e)} {
|
|
1444
1447
|
font-size: 12px;
|
|
1445
1448
|
display: inline-block;
|
|
1446
1449
|
}
|
|
@@ -1455,7 +1458,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1455
1458
|
align-items: flex-end;
|
|
1456
1459
|
z-index: 50;
|
|
1457
1460
|
`,qs=Pt.button`
|
|
1458
|
-
${e=>
|
|
1461
|
+
${e=>F(e)} {
|
|
1459
1462
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1460
1463
|
background-color: #ffffff;
|
|
1461
1464
|
border: 1px solid #f5f5f5;
|
|
@@ -1471,7 +1474,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1471
1474
|
border-radius: 45px;
|
|
1472
1475
|
cursor: pointer;
|
|
1473
1476
|
`,Ys=Pt.div`
|
|
1474
|
-
${e=>
|
|
1477
|
+
${e=>F(e)} {
|
|
1475
1478
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1476
1479
|
background: #ffffff;
|
|
1477
1480
|
}
|
|
@@ -1488,7 +1491,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1488
1491
|
top: ${e=>e.type=="inline"?"68px":0};
|
|
1489
1492
|
margin-left: ${e=>e.type=="inline"?"-127px":0};
|
|
1490
1493
|
`,Xs=Pt.button`
|
|
1491
|
-
${e=>
|
|
1494
|
+
${e=>F(e)} {
|
|
1492
1495
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1493
1496
|
color: #434343;
|
|
1494
1497
|
:hover {
|
|
@@ -1504,8 +1507,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1504
1507
|
font-size: 14px;
|
|
1505
1508
|
|
|
1506
1509
|
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
|
|
1508
|
-
${e=>
|
|
1510
|
+
`;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(),v=Qd(null),[f,A]=Zd(!1),{mergeAppearanceWithDefault:b}=Z();s=b(s),Jd(()=>(document.addEventListener("click",y,!1),()=>{document.removeEventListener("click",y,!1)}),[]);let y=k=>{v.current&&!v.current.contains(k.target)&&A(!1)};if(x)return null;let N=p(e);if(!N||S(N))return null;let h=c(e);if(!h||!i)return null;function m(k,T){!k.completionCriteria&&(k.autoMarkCompleted||k.autoMarkCompleted===void 0)&&a(e,k.id),w(k),o&&o(k,T),A(!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((k,T)=>Ne.createElement(Xs,{className:l("floatingWidgetMenuItem",s),key:T,onClick:()=>m(k,T)},k.title)))}return r=="inline"?Ne.createElement("span",{ref:v},Ne.createElement(js,{style:t,onClick:()=>{A(!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:v},Ne.createElement(B,null),Ne.createElement(qs,{onClick:()=>{A(!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`
|
|
1511
|
+
${e=>F(e)} {
|
|
1509
1512
|
display: flex;
|
|
1510
1513
|
flex-direction: column;
|
|
1511
1514
|
width: 100%;
|
|
@@ -1519,18 +1522,18 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1519
1522
|
border-radius: 12px;
|
|
1520
1523
|
position: relative;
|
|
1521
1524
|
}
|
|
1522
|
-
`,tl=
|
|
1525
|
+
`,tl=Go.div`
|
|
1523
1526
|
display: flex;
|
|
1524
1527
|
flex-direction: column;
|
|
1525
1528
|
flex: 1;
|
|
1526
|
-
`,ol=
|
|
1529
|
+
`,ol=Go.div`
|
|
1527
1530
|
display: flex;
|
|
1528
1531
|
flex-direction: column;
|
|
1529
1532
|
justify-content: center;
|
|
1530
1533
|
align-items: flex-start;
|
|
1531
1534
|
margin-top: 16px;
|
|
1532
|
-
`,rl=
|
|
1533
|
-
${e=>
|
|
1535
|
+
`,rl=Go.div`
|
|
1536
|
+
${e=>F(e)} {
|
|
1534
1537
|
position: absolute;
|
|
1535
1538
|
top: 16px;
|
|
1536
1539
|
right: 16px;
|
|
@@ -1540,9 +1543,9 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1540
1543
|
opacity: 0.8;
|
|
1541
1544
|
}
|
|
1542
1545
|
}
|
|
1543
|
-
`;var
|
|
1546
|
+
`;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:v,getCurrentStepIndex:f}=Y(),{primaryCTAClickSideEffects:A}=ie(),{mergeAppearanceWithDefault:b}=Z();if(r=b(r),tc(()=>{S(o)},[o,d]),d)return null;let y=c(e);if(!y||x(y)||v(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(Te,null)),qe.createElement(tl,null,qe.createElement(Fe,{size:"small",appearance:r,title:h.title,subtitle:h.subtitle})),h.primaryButtonTitle&&qe.createElement(ol,{className:l("embeddedTipCallToActionContainer",r)},qe.createElement(te,{classPrefix:"embeddedTip",title:h.primaryButtonTitle,appearance:r,withMargin:!1,size:"medium",type:"inline",onClick:async()=>{h.handlePrimaryButtonClick(),A(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
1547
|
// use the :not annotation
|
|
1545
|
-
${e=>
|
|
1548
|
+
${e=>F(e)} {
|
|
1546
1549
|
display: flex;
|
|
1547
1550
|
flex-direction: ${e=>e.type==="square"?"column":"row"};
|
|
1548
1551
|
width: 100%;
|
|
@@ -1552,24 +1555,24 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1552
1555
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1553
1556
|
border-radius: 12px;
|
|
1554
1557
|
}
|
|
1555
|
-
`,nl=
|
|
1556
|
-
${e=>
|
|
1558
|
+
`,nl=Gt.div`
|
|
1559
|
+
${e=>F(e)} {
|
|
1557
1560
|
display: flex;
|
|
1558
1561
|
width: 46px;
|
|
1559
1562
|
height: 46px;
|
|
1560
1563
|
}
|
|
1561
|
-
`,sl=
|
|
1564
|
+
`,sl=Gt.div`
|
|
1562
1565
|
display: flex;
|
|
1563
1566
|
flex-direction: column;
|
|
1564
1567
|
flex: 1;
|
|
1565
1568
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1566
1569
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1567
|
-
`,ll=
|
|
1570
|
+
`,ll=Gt.div`
|
|
1568
1571
|
display: flex;
|
|
1569
1572
|
flex-direction: column;
|
|
1570
1573
|
justify-content: center;
|
|
1571
1574
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1572
|
-
`,Pr=
|
|
1575
|
+
`,Pr=Gt.div`
|
|
1573
1576
|
display: flex;
|
|
1574
1577
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1575
1578
|
align-items: flex-end;
|
|
@@ -1577,12 +1580,12 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1577
1580
|
:hover {
|
|
1578
1581
|
opacity: 0.8;
|
|
1579
1582
|
}
|
|
1580
|
-
`,vr=
|
|
1583
|
+
`,vr=Gt.div`
|
|
1581
1584
|
display: flex;
|
|
1582
1585
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1583
1586
|
align-items: flex-end;
|
|
1584
1587
|
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
|
|
1588
|
+
`;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:v,getFlowSteps:f,getCurrentStepIndex:A}=Y(),{primaryCTAClickSideEffects:b}=ie(),{mergeAppearanceWithDefault:y}=Z();if(s=y(s),rc(()=>{S(r)},[r,d]),d)return null;let N=a(e);if(!N||x(N)||v(e)===q)return null;let h=f(e),m=h.length>0?h[A(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(Te,null))),Se.createElement(sl,{type:p},Se.createElement(Fe,{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(te,{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(Te,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
1589
|
display: flex;
|
|
1587
1590
|
flex-direction: column;
|
|
1588
1591
|
width: 100%;
|
|
@@ -1601,7 +1604,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1601
1604
|
z-index: 1000;
|
|
1602
1605
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1603
1606
|
min-width: 550px;
|
|
1604
|
-
`,dl=
|
|
1607
|
+
`,dl=it.button`
|
|
1605
1608
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1606
1609
|
border-radius: 8px;
|
|
1607
1610
|
// If selected make border color primary and text color color priamry
|
|
@@ -1622,34 +1625,34 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1622
1625
|
display: flex;
|
|
1623
1626
|
justify-content: center;
|
|
1624
1627
|
align-items: center;
|
|
1625
|
-
`,Er=
|
|
1628
|
+
`,Er=it.div`
|
|
1626
1629
|
display: flex;
|
|
1627
1630
|
justify-content: space-between;
|
|
1628
1631
|
margin-top: 16px;
|
|
1629
1632
|
gap: 8px;
|
|
1630
|
-
`,cl=
|
|
1633
|
+
`,cl=it.div`
|
|
1631
1634
|
display: flex;
|
|
1632
1635
|
justify-content: space-between;
|
|
1633
1636
|
margin-top: 8px;
|
|
1634
|
-
`,Ar=
|
|
1637
|
+
`,Ar=it.div`
|
|
1635
1638
|
font-size: 12px;
|
|
1636
1639
|
line-height: 18px;
|
|
1637
1640
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1638
1641
|
font-style: normal;
|
|
1639
1642
|
font-weight: 400;
|
|
1640
1643
|
letter-spacing: 0.24px;
|
|
1641
|
-
`,Nr=
|
|
1644
|
+
`,Nr=it.div`
|
|
1642
1645
|
display: flex;
|
|
1643
1646
|
flex-direction: column;
|
|
1644
1647
|
flex: 1;
|
|
1645
|
-
`,
|
|
1648
|
+
`,Mb=it.div`
|
|
1646
1649
|
display: flex;
|
|
1647
1650
|
flex-direction: column;
|
|
1648
1651
|
justify-content: center;
|
|
1649
1652
|
align-items: flex-start;
|
|
1650
1653
|
margin-top: 16px;
|
|
1651
|
-
`,ml=
|
|
1652
|
-
${e=>
|
|
1654
|
+
`,ml=it.textarea`
|
|
1655
|
+
${e=>F(e)} {
|
|
1653
1656
|
margin-top: 16px;
|
|
1654
1657
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1655
1658
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
@@ -1659,8 +1662,8 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1659
1662
|
width: 100%;
|
|
1660
1663
|
height: 100px;
|
|
1661
1664
|
}
|
|
1662
|
-
`,ul=
|
|
1663
|
-
${e=>
|
|
1665
|
+
`,ul=it.div`
|
|
1666
|
+
${e=>F(e)} {
|
|
1664
1667
|
position: absolute;
|
|
1665
1668
|
top: 16px;
|
|
1666
1669
|
right: 16px;
|
|
@@ -1670,38 +1673,71 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${Yt}${r}.${Yt}${r} { ${Object.entries(n).map
|
|
|
1670
1673
|
opacity: 0.8;
|
|
1671
1674
|
}
|
|
1672
1675
|
}
|
|
1673
|
-
`;var
|
|
1674
|
-
${e=>
|
|
1676
|
+
`;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:v,getFlowStatus:f,getCurrentStepIndex:A}=Y(),{primaryCTAClickSideEffects:b}=ie(),{mergeAppearanceWithDefault:y}=Z(),[N,h]=R.useState(null),[m,B]=R.useState(""),{hasOpenModals:k,setKeepCompletedFlowOpenDuringSession:T,shouldKeepCompletedFlowOpenDuringSession:O}=we();if(r=y(r),nc(()=>{w(o)},[o,x]),x)return null;let P=c(e);if(!P||S(P)||f(e)===q||d(e)===1&&!O(e)||k())return null;let D=v(e)[d(e)];function L(){return R.createElement(R.Fragment,null,R.createElement(Nr,null,R.createElement(Fe,{size:"large",appearance:r,title:D.title,subtitle:D.subtitle})),R.createElement(Er,{className:l("npsNumberButtonContainer",r),appearance:r},Array.from(Array(10).keys()).map(ee=>R.createElement(dl,{className:l("npsNumberButton",r),selected:N===ee+1,key:ee,onClick:async()=>{T(e),h(ee+1),await g(e,D.id,{score:ee+1})},appearance:r},ee+1))),R.createElement(cl,{appearance:r},R.createElement(Ar,{appearance:r},"Not likely at all"),R.createElement(Ar,{appearance:r},"Extremely likely")))}function X(){return R.createElement(R.Fragment,null,R.createElement(Nr,null,R.createElement(Fe,{appearance:r,title:D.title??"Why did you choose this score?",size:"large"})),R.createElement(ml,{appearance:r,value:m,onChange:ee=>{B(ee.target.value)},placeHolder:"Add your optional fedback here..."}),R.createElement(Er,{appearance:r,className:l("npsNumberButtonContainer",r)},R.createElement(te,{size:"large",withMargin:!1,onClick:async()=>{await a(e),i&&i(D,1,"primary")},appearance:r,title:D.secondaryButtonTitle||"Skip",secondary:!0}),R.createElement(te,{size:"large",withMargin:!1,onClick:async()=>{await g(e,D.id,{feedbackText:m}),await a(e),i&&i(D,1,"primary")},appearance:r,title:D.primaryButtonTitle||"Submit"})))}function U(){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(Te,null)),d(e)==0&&L(),d(e)==1&&X()))}return p==="inline"?U():R.createElement(sc,null,U())};import ke,{useEffect as dc}from"react";import vt from"styled-components";var fl=vt.div`
|
|
1677
|
+
${e=>F(e)} {
|
|
1675
1678
|
display: flex;
|
|
1676
1679
|
flex-direction: column;
|
|
1677
1680
|
width: 100%;
|
|
1678
|
-
max-width:
|
|
1681
|
+
max-width: 500px;
|
|
1679
1682
|
box-sizing: border-box;
|
|
1680
1683
|
align-items: unset;
|
|
1681
1684
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1682
1685
|
position: relative;
|
|
1683
|
-
padding-top: 24px;
|
|
1684
1686
|
}
|
|
1685
|
-
`,gl=
|
|
1687
|
+
`,gl=vt.div`
|
|
1686
1688
|
display: flex;
|
|
1687
1689
|
flex-direction: column;
|
|
1688
1690
|
flex: 1;
|
|
1689
|
-
`,xl=
|
|
1691
|
+
`,xl=vt.div`
|
|
1690
1692
|
display: flex;
|
|
1691
1693
|
flex-direction: column;
|
|
1692
1694
|
justify-content: center;
|
|
1693
1695
|
align-items: flex-start;
|
|
1694
1696
|
margin-top: 16px;
|
|
1695
|
-
`,hl=
|
|
1696
|
-
|
|
1697
|
+
`,hl=vt.div`
|
|
1698
|
+
margin-top: 16px;
|
|
1699
|
+
margin-bottom: 16px;
|
|
1700
|
+
`,Cl=vt.div`
|
|
1701
|
+
${e=>F(e)} {
|
|
1697
1702
|
position: absolute;
|
|
1698
|
-
top:
|
|
1699
|
-
right:
|
|
1703
|
+
top: -8px;
|
|
1704
|
+
right: -8px;
|
|
1700
1705
|
cursor: pointer;
|
|
1701
1706
|
|
|
1702
1707
|
:hover {
|
|
1703
1708
|
opacity: 0.8;
|
|
1704
1709
|
}
|
|
1705
1710
|
}
|
|
1706
|
-
|
|
1711
|
+
`,yl=vt.h1`
|
|
1712
|
+
${e=>F(e)} {
|
|
1713
|
+
font-style: normal;
|
|
1714
|
+
justify-content: center;
|
|
1715
|
+
text-align: center;
|
|
1716
|
+
font-size: 24px;
|
|
1717
|
+
font-weight: 700;
|
|
1718
|
+
line-height: 30px; /* 125% */
|
|
1719
|
+
letter-spacing: 0.48px;
|
|
1720
|
+
display: flex;
|
|
1721
|
+
align-items: center;
|
|
1722
|
+
color: ${e=>e.appearance.theme.colorText};
|
|
1723
|
+
margin-bottom: 8px;
|
|
1724
|
+
}
|
|
1725
|
+
`,Sl=vt.h2`
|
|
1726
|
+
${e=>F(e)} {
|
|
1727
|
+
font-style: normal;
|
|
1728
|
+
justify-content: center;
|
|
1729
|
+
text-align: center;
|
|
1730
|
+
font-weight: 400;
|
|
1731
|
+
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
1732
|
+
font-size: 16px;
|
|
1733
|
+
line-height: 24px; /* 150% */
|
|
1734
|
+
letter-spacing: 0.32px;
|
|
1735
|
+
margin-bottom: 8px;
|
|
1736
|
+
}
|
|
1737
|
+
`;import bl from"react";import ac from"styled-components";var pc=ac.img`
|
|
1738
|
+
width: 100%;
|
|
1739
|
+
height: 100%;
|
|
1740
|
+
min-height: 200px;
|
|
1741
|
+
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1742
|
+
`;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:v,getFlowStatus:f,getCurrentStepIndex:A}=Y(),{primaryCTAClickSideEffects:b}=ie(),{mergeAppearanceWithDefault:y}=Z(),{setOpenFlowState:N,getOpenFlowState:h,hasOpenModals:m}=we(),[B,k]=[h(e,!0),X=>N(e,X)];if(r=y(r),dc(()=>{w(o)},[o,x]),x)return null;let T=a(e);if(!T||S(T)||f(e)===q||m())return null;let P=v(e)[A(e)],$=()=>{k(!1),t&&t(),g(e)};function D(){return ke.createElement(ke.Fragment,null,ke.createElement(oe,{appearance:r}),ke.createElement(fl,{appearance:r,className:xe(l("announcementContainer",r),n),style:s},(p===!0||P.dismissible)&&c=="inline"&&ke.createElement(Cl,{onClick:async()=>{await g(e),t&&t()},className:l("announcementDismissButton",r)},ke.createElement(Te,null)),ke.createElement(gl,null,ke.createElement(yl,{appearance:r,className:l("announcementTitle",r),dangerouslySetInnerHTML:le(P.title)}),P.subtitle&&ke.createElement(Sl,{appearance:r,className:l("announcementSubtitle",r),dangerouslySetInnerHTML:le(P.subtitle)})),(P.imageUri||P.videoUri)&&ke.createElement(hl,{className:l("announcementMediaContainer",r)},ke.createElement(wl,{appearance:r,stepData:P})),P.primaryButtonTitle&&ke.createElement(xl,{className:l("announcementCTAContainer",r)},ke.createElement(te,{classPrefix:"announcement",title:P.primaryButtonTitle,appearance:r,withMargin:!1,size:"medium",type:"inline",onClick:async()=>{P.handlePrimaryButtonClick(),b(P),!(i&&i(P,A(e),"primary")===!1)&&(await d(e,P.id),await g(e))}}))))}let L={padding:"24px",maxWidth:"400px"};return c==="inline"?D():c!=="center"?ke.createElement(bo,{modalPosition:c,onClose:$,visible:B,dismissible:p,appearance:r},D()):ke.createElement(He,{appearance:r,onClose:$,visible:B,style:L,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,we as useFlowOpens,qt as useFlowResponses,Y as useFlows,mr as useOrganization,Yt as useUser,Ee as useUserFlowStates};
|
|
1707
1743
|
//# sourceMappingURL=index.mjs.map
|