@frigade/react 1.32.53 → 1.32.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +5 -1
- package/lib/index.js +116 -112
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +125 -121
- 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 gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import{ThemeProvider as $a}from"styled-components";import ft,{useContext as La,useEffect as Fo,useState as Zo}from"react";import{useCallback as pt,useContext as nl,useEffect as sl}from"react";import Do,{useMemo as Ks}from"react";var gr="1.32.53 ";var Te="https://api.frigade.com/v1/public/",Ae="NOT_STARTED_STEP",Y="COMPLETED_FLOW",no="ABORTED_FLOW",at="STARTED_FLOW",Le="NOT_STARTED_FLOW",Oe="COMPLETED_STEP",so="STARTED_STEP";function Me(){let{publicApiKey:e,userId:t}=Do.useContext(q);return{config:Ks(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":gr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var Ys="frigade-last-call-at-",Xs="frigade-last-call-data-";function Tt(){let{shouldGracefullyDegrade:e}=Do.useContext(q);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),zt();let i=Ys+t,n=Xs+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(i),p=window.localStorage.getItem(n);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return zt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,o.body)}let r;try{r=await fetch(t,o)}catch(s){return zt(s)}return r?r.ok?r:zt(r.statusText):zt()}}function zt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Ft(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Do.useContext(q);function o(){if(t){console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize");return}e||console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider")}return{verifySDKInitiated:o}}import{useContext as ol,useState as hr}from"react";import{useContext as Qs,useEffect as Zs,useState as Rs}from"react";import el from"swr";import{useContext as Js}from"react";function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=Js(q);function r(c,u=!1){return e[c]??u}function s(c,u){t(w=>({...w,[c]:u}))}function p(c){t(u=>{let{[c]:w,...T}=u;return{...T}})}function d(c){n.includes(c)||i(u=>[...u,c])}function a(c){return n.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:r,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var tl="unknown";function Ie(){let{config:e}=Me(),{publicApiKey:t,userId:o,flows:i,setShouldGracefullyDegrade:n}=Qs(q),{resetOpenFlowState:r}=Pe(),[s,p]=Rs(!1),d={data:i.map(y=>({flowId:y.id,flowState:Y,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=y=>fetch(y,e).then(h=>{if(h.ok)return h.json();throw new Error("Failed to fetch user flow states")}).catch(h=>(console.log(`Error fetching ${y}: ${h}. Will gracefully degrade and hide Frigade`),n(!0),d)),{data:f,isLoading:c,mutate:u,error:w}=el(t&&i&&o?`${Te}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),T=f==null?void 0:f.data;Zs(()=>{!s&&!c&&T&&p(!0)},[T,s,c]);async function S(y){if(T){let h=T.find(m=>m.flowId===y);h&&h.flowState!==Y&&(h.flowState=Y),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function C(y,h,m){if(T){let x=T.find(F=>F.flowId===y);x&&(x.stepStates[h]=m,x.flowState=at),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function P(y,h,m){if(T){let x=T.find(F=>F.flowId===y);x&&(x.lastStepId=h,x.stepStates[h]=m,x.flowState=at),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function v(y){if(T){let h=T.find(m=>m.flowId===y);h&&h.flowState!==Le&&(h.flowState=Le,h.lastStepId=tl,Object.keys(h.stepStates).forEach(m=>{h.stepStates[m].actionType=Ae,h.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1}),r(y))}}async function B(y,h){if(T){let m=T.find(x=>x.flowId===y);m&&m.stepStates[h]!==Ae&&(m.stepStates[h]=Ae),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:T,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:C,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:P,error:w}}function Wt(){let{config:e}=Me(),{userFlowStatesData:t,mutateUserFlowState:o}=Ie(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:r,setFlowResponses:s}=ol(q),[p,d]=hr(new Set),[a,f]=hr(new Set),c=Tt();function u(S){let C=JSON.stringify(S);if(p.has(C))return null;p.add(C),d(p),a.add(S),f(a);let P=r==null?void 0:r.find(v=>v.flowSlug===S.flowSlug&&v.stepId===S.stepId&&v.actionType===S.actionType&&v.createdAt===S.createdAt);return c(`${Te}flowResponses`,{...e,method:"POST",body:C}).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+S.stepId+". Will retry again later."),n([...i,S])):P||s(B=>[...B??[],S])})}async function w(S){S.foreignUserId&&(S.actionType===at||S.actionType===Le?await u(S):S.actionType===Y?await u(S):S.actionType===so?await u(S):S.actionType===Oe?await u(S):S.actionType===no?await u(S):S.actionType===Ae&&await u(S))}function T(){let S=[];return t==null||t.forEach(C=>{if(C&&C.stepStates&&Object.keys(C.stepStates).length!==0)for(let P in C.stepStates){let v=C.stepStates[P];S.push({foreignUserId:C.foreignUserId,flowSlug:C.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...S,...r]}return{addResponse:w,setFlowResponses:s,getFlowResponses:T}}import ll from"swr";var rl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,xr=e=>{let t=rl.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=il(i,"'","");r.startsWith("flow_")&&(o=r)}),o},il=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function X(){let{config:e}=Me(),{flows:t,setFlows:o,userId:i,publicApiKey:n,customVariables:r,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=nl(q),c={data:[]},{verifySDKInitiated:u}=Ft(),{addResponse:w,getFlowResponses:T}=Wt(),S=g=>fetch(g,e).then(b=>b.ok?b.json():(console.log(`Error fetching ${g} (${b.status}): ${b.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(b=>(console.log(`Error fetching ${g}: ${b}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:C,isLoadingUserFlowStateData:P,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowNotStarted:B,optimisticallyMarkStepCompleted:y,optimisticallyMarkStepNotStarted:h,optimisticallyMarkStepStarted:m}=Ie(),{data:x,error:F,isLoading:D}=ll(n?`${Te}flows`:null,S,{keepPreviousData:!0});sl(()=>{if(F){console.error(F);return}x&&x.data&&(x.data=o(x.data))},[x,F]);function _(g){if(D)return null;let b=t.find(E=>E.slug===g);return!b&&t.length>0&&!P&&!D?(console.log(`Flow with slug ${g} not found`),null):(b==null?void 0:b.active)===!1?null:b}function z(g){var V;if(!_(g))return[];let b=_(g).data;return b?(b=A(b),(((V=JSON.parse(b))==null?void 0:V.data)??[]).map(de=>{let W=R(de);return{handleSecondaryButtonClick:()=>{de.skippable===!0&&O(g,de.id,{skipped:!0})},...de,complete:I(g,de.id)===Oe||W>=1,blocked:ne(g,de.id),hidden:fe(g,de.id),handlePrimaryButtonClick:()=>{(!de.completionCriteria&&(de.autoMarkCompleted||de.autoMarkCompleted===void 0)||de.completionCriteria&&de.autoMarkCompleted===!0)&&O(g,de.id)},progress:W}}).filter(de=>de.hidden!==!0)):[]}function A(g){return g.replace(/\${(.*?)}/g,(b,E)=>r[E]!==void 0?String(r[E]):"")}function U(g){if(!_(g))return[];let b=_(g).data;return b?(b=A(b),JSON.parse(b)??{}):[]}function $(g,b){s(E=>({...E,[g]:b}))}function L(g){!P&&!D&&g&&JSON.stringify(r)!=JSON.stringify({...r,...g})&&Object.keys(g).forEach(b=>{$(b,g[b])})}let ie=pt(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:so,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await m(g,b,V),w(V))},[i,C]),pe=pt(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:Ae,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await h(g,b),w(V))},[i,C]),O=pt(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:Oe,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await y(g,b,V),w(V))},[i,C]),we=pt(async(g,b)=>{if(u(),K(g)===Le)return;let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Le,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};await B(g),oe(E)&&w(E)},[i,C]),xe=pt(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:at,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&w(E)},[i,C]),ee=pt(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Y,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await v(g),w(E))},[i,C]),j=pt(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:no,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await v(g),w(E))},[i,C]);function oe(g){var b;if(!C&&g.actionType===Ae)return!1;if(C){let E=C.find(V=>V.flowId===g.flowSlug);if(g.actionType===Ae&&(!(E!=null&&E.stepStates[g.stepId])||E.stepStates[g.stepId].actionType===Ae)||E&&((b=E.stepStates[g.stepId])==null?void 0:b.actionType)===g.actionType||E&&E.flowState===Y&&g.actionType===Y)return!1}return!0}function I(g,b){let E=ke(g,b);return P?null:E?E.actionType:Ae}function ne(g,b){let E=ke(g,b);return E?E.blocked:!1}function fe(g,b){let E=ke(g,b);return E?E.hidden:!1}function ke(g,b){if(P)return null;let E=C==null?void 0:C.find(V=>V.flowId===g);return!E||!E.stepStates[b]?null:E.stepStates[b]??null}function G(g){var E;if(P||!C)return null;if(K(g)===Le)return z(g)[0]??null;let b=(E=C.find(V=>V.flowId===g))==null?void 0:E.lastStepId;return b?z(g).find(V=>V.id===b):null}function ge(g){let b=G(g);if(!b)return 0;let E=z(g).findIndex(V=>V.id===b.id)??0;return I(g,b.id)===Oe&&E<z(g).length-1?E+1:E}function R(g){if(!g.completionCriteria)return;let b=xr(g.completionCriteria);if(b===null)return;let E=je(b),V=Ge(b);return V===0?void 0:E/V}function K(g){let b=C==null?void 0:C.find(E=>E.flowId===g);return b?b.flowState:null}function je(g){let b=z(g);return b.length===0?0:b.filter(V=>I(g,V.id)===Oe).length}function Ge(g){return z(g).length}function wt(g){return JSON.parse(t.find(b=>b.slug===g).data)}function H(g){if(P)return!0;if(g!=null&&g.targetingLogic&&C){let b=C.find(E=>E.flowId===g.slug);if(b)return b.shouldTrigger===!1}return!!(g!=null&&g.targetingLogic&&i&&i.startsWith("guest_"))}function Be(g){return!H(_(g))}return{getFlow:_,getFlowData:wt,isLoading:P||D,getStepStatus:I,getFlowSteps:z,getCurrentStepIndex:ge,markStepStarted:ie,markStepCompleted:O,markFlowNotStarted:we,markFlowStarted:xe,markFlowCompleted:ee,markFlowAborted:j,markStepNotStarted:pe,getFlowStatus:K,getNumberOfStepsCompleted:je,getNumberOfSteps:Ge,targetingLogicShouldHideFlow:H,setCustomVariable:$,updateCustomVariables:L,customVariables:r,getStepOptionalProgress:R,getFlowMetadata:U,isStepBlocked:ne,isStepHidden:fe,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:Be}}import{useCallback as Cr,useContext as al,useEffect as pl}from"react";var kt="guest_";function Ht(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=al(q),{config:r}=Me(),{mutateUserFlowState:s}=Ie(),p=Tt(),{verifySDKInitiated:d}=Ft();pl(()=>{if(e&&!t){if(e.startsWith(kt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Te}users`,{...r,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,n,t]);let a=Cr(async c=>{d();let u={foreignId:e,properties:c};await p(`${Te}users`,{...r,method:"POST",body:JSON.stringify(u)}),i(w=>({...w,...c})),s()},[e,r,n,s]),f=Cr(async(c,u)=>{d();let T={foreignId:e,events:[{event:c,properties:u}]};await p(`${Te}users`,{...r,method:"POST",body:JSON.stringify(T)}),s()},[e,r,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}import{v4 as Oa}from"uuid";import _e,{useEffect as Ba,useState as Aa}from"react";import De,{useEffect as hl}from"react";import co from"styled-components";import dl from"react";import cl from"styled-components";var Sr="fr-",Vt="cfr-";function l(e,t){let o=`${Sr}${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+" "+Vt+e}return o}function k(e){if(!e.className||e.className.indexOf(Vt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Sr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function $o(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function dt(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${$o(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Ce(...e){return e.filter(Boolean).join(" ")}function yr(e){return e.charAt(0).toUpperCase()+e.slice(1)}var ml=cl.div`
|
|
2
|
+
import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import{ThemeProvider as $a}from"styled-components";import ft,{useContext as La,useEffect as Fo,useState as Zo}from"react";import{useCallback as ct,useContext as nl,useEffect as sl}from"react";import Do,{useMemo as Ks}from"react";var gr="1.32.55 ";var Te="https://api.frigade.com/v1/public/",Ae="NOT_STARTED_STEP",Y="COMPLETED_FLOW",so="ABORTED_FLOW",dt="STARTED_FLOW",Le="NOT_STARTED_FLOW",Oe="COMPLETED_STEP",lo="STARTED_STEP";function Me(){let{publicApiKey:e,userId:t}=Do.useContext(q);return{config:Ks(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":gr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var Ys="frigade-last-call-at-",Xs="frigade-last-call-data-";function Tt(){let{shouldGracefullyDegrade:e}=Do.useContext(q);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),zt();let i=Ys+t,n=Xs+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(i),p=window.localStorage.getItem(n);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return zt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,o.body)}let r;try{r=await fetch(t,o)}catch(s){return zt(s)}return r?r.ok?r:zt(r.statusText):zt()}}function zt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Ft(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Do.useContext(q);function o(){if(t){console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize");return}e||console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider")}return{verifySDKInitiated:o}}import{useContext as ol,useState as hr}from"react";import{useContext as Qs,useEffect as Zs,useState as Rs}from"react";import el from"swr";import{useContext as Js}from"react";function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=Js(q);function r(c,u=!1){return e[c]??u}function s(c,u){t(w=>({...w,[c]:u}))}function p(c){t(u=>{let{[c]:w,...T}=u;return{...T}})}function d(c){n.includes(c)||i(u=>[...u,c])}function a(c){return n.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:r,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var tl="unknown";function Ie(){let{config:e}=Me(),{publicApiKey:t,userId:o,flows:i,setShouldGracefullyDegrade:n}=Qs(q),{resetOpenFlowState:r}=Pe(),[s,p]=Rs(!1),d={data:i.map(y=>({flowId:y.id,flowState:Y,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=y=>fetch(y,e).then(h=>{if(h.ok)return h.json();throw new Error("Failed to fetch user flow states")}).catch(h=>(console.log(`Error fetching ${y}: ${h}. Will gracefully degrade and hide Frigade`),n(!0),d)),{data:f,isLoading:c,mutate:u,error:w}=el(t&&i&&o?`${Te}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),T=f==null?void 0:f.data;Zs(()=>{!s&&!c&&T&&p(!0)},[T,s,c]);async function S(y){if(T){let h=T.find(m=>m.flowId===y);h&&h.flowState!==Y&&(h.flowState=Y),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function C(y,h,m){if(T){let x=T.find(F=>F.flowId===y);x&&(x.stepStates[h]=m,x.flowState=dt),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function P(y,h,m){if(T){let x=T.find(F=>F.flowId===y);x&&(x.lastStepId=h,x.stepStates[h]=m,x.flowState=dt),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function v(y){if(T){let h=T.find(m=>m.flowId===y);h&&h.flowState!==Le&&(h.flowState=Le,h.lastStepId=tl,Object.keys(h.stepStates).forEach(m=>{h.stepStates[m].actionType=Ae,h.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1}),r(y))}}async function B(y,h){if(T){let m=T.find(x=>x.flowId===y);m&&m.stepStates[h]!==Ae&&(m.stepStates[h]=Ae),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:T,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:C,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:P,error:w}}function Wt(){let{config:e}=Me(),{userFlowStatesData:t,mutateUserFlowState:o}=Ie(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:r,setFlowResponses:s}=ol(q),[p,d]=hr(new Set),[a,f]=hr(new Set),c=Tt();function u(S){let C=JSON.stringify(S);if(p.has(C))return null;p.add(C),d(p),a.add(S),f(a);let P=r==null?void 0:r.find(v=>v.flowSlug===S.flowSlug&&v.stepId===S.stepId&&v.actionType===S.actionType&&v.createdAt===S.createdAt);return c(`${Te}flowResponses`,{...e,method:"POST",body:C}).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+S.stepId+". Will retry again later."),n([...i,S])):P||s(B=>[...B??[],S])})}async function w(S){S.foreignUserId&&(S.actionType===dt||S.actionType===Le?await u(S):S.actionType===Y?await u(S):S.actionType===lo?await u(S):S.actionType===Oe?await u(S):S.actionType===so?await u(S):S.actionType===Ae&&await u(S))}function T(){let S=[];return t==null||t.forEach(C=>{if(C&&C.stepStates&&Object.keys(C.stepStates).length!==0)for(let P in C.stepStates){let v=C.stepStates[P];S.push({foreignUserId:C.foreignUserId,flowSlug:C.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...S,...r]}return{addResponse:w,setFlowResponses:s,getFlowResponses:T}}import ll from"swr";var rl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,xr=e=>{let t=rl.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=il(i,"'","");r.startsWith("flow_")&&(o=r)}),o},il=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function X(){let{config:e}=Me(),{flows:t,setFlows:o,userId:i,publicApiKey:n,customVariables:r,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=nl(q),c={data:[]},{verifySDKInitiated:u}=Ft(),{addResponse:w,getFlowResponses:T}=Wt(),S=g=>fetch(g,e).then(b=>b.ok?b.json():(console.log(`Error fetching ${g} (${b.status}): ${b.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(b=>(console.log(`Error fetching ${g}: ${b}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:C,isLoadingUserFlowStateData:P,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowNotStarted:B,optimisticallyMarkStepCompleted:y,optimisticallyMarkStepNotStarted:h,optimisticallyMarkStepStarted:m}=Ie(),{data:x,error:F,isLoading:D}=ll(n?`${Te}flows`:null,S,{keepPreviousData:!0});sl(()=>{if(F){console.error(F);return}x&&x.data&&(x.data=o(x.data))},[x,F]);function _(g){if(D)return null;let b=t.find(E=>E.slug===g);return!b&&t.length>0&&!P&&!D?(console.log(`Flow with slug ${g} not found`),null):(b==null?void 0:b.active)===!1?null:b}function z(g){var V;if(!_(g))return[];let b=_(g).data;return b?(b=A(b),(((V=JSON.parse(b))==null?void 0:V.data)??[]).map(de=>{let W=R(de);return{handleSecondaryButtonClick:()=>{de.skippable===!0&&O(g,de.id,{skipped:!0})},...de,complete:I(g,de.id)===Oe||W>=1,blocked:ne(g,de.id),hidden:fe(g,de.id),handlePrimaryButtonClick:()=>{(!de.completionCriteria&&(de.autoMarkCompleted||de.autoMarkCompleted===void 0)||de.completionCriteria&&de.autoMarkCompleted===!0)&&O(g,de.id)},progress:W}}).filter(de=>de.hidden!==!0)):[]}function A(g){return g.replace(/\${(.*?)}/g,(b,E)=>r[E]!==void 0?String(r[E]):"")}function U(g){if(!_(g))return[];let b=_(g).data;return b?(b=A(b),JSON.parse(b)??{}):[]}function $(g,b){s(E=>({...E,[g]:b}))}function L(g){!P&&!D&&g&&JSON.stringify(r)!=JSON.stringify({...r,...g})&&Object.keys(g).forEach(b=>{$(b,g[b])})}let ie=ct(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:lo,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await m(g,b,V),w(V))},[i,C]),pe=ct(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:Ae,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await h(g,b),w(V))},[i,C]),O=ct(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:Oe,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await y(g,b,V),w(V))},[i,C]),we=ct(async(g,b)=>{if(u(),K(g)===Le)return;let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Le,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};await B(g),oe(E)&&w(E)},[i,C]),xe=ct(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:dt,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&w(E)},[i,C]),ee=ct(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Y,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await v(g),w(E))},[i,C]),j=ct(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:so,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await v(g),w(E))},[i,C]);function oe(g){var b;if(!C&&g.actionType===Ae)return!1;if(C){let E=C.find(V=>V.flowId===g.flowSlug);if(g.actionType===Ae&&(!(E!=null&&E.stepStates[g.stepId])||E.stepStates[g.stepId].actionType===Ae)||E&&((b=E.stepStates[g.stepId])==null?void 0:b.actionType)===g.actionType||E&&E.flowState===Y&&g.actionType===Y)return!1}return!0}function I(g,b){let E=ke(g,b);return P?null:E?E.actionType:Ae}function ne(g,b){let E=ke(g,b);return E?E.blocked:!1}function fe(g,b){let E=ke(g,b);return E?E.hidden:!1}function ke(g,b){if(P)return null;let E=C==null?void 0:C.find(V=>V.flowId===g);return!E||!E.stepStates[b]?null:E.stepStates[b]??null}function G(g){var E;if(P||!C)return null;if(K(g)===Le)return z(g)[0]??null;let b=(E=C.find(V=>V.flowId===g))==null?void 0:E.lastStepId;return b?z(g).find(V=>V.id===b):null}function ge(g){let b=G(g);if(!b)return 0;let E=z(g).findIndex(V=>V.id===b.id)??0;return I(g,b.id)===Oe&&E<z(g).length-1?E+1:E}function R(g){if(!g.completionCriteria)return;let b=xr(g.completionCriteria);if(b===null)return;let E=je(b),V=Ge(b);return V===0?void 0:E/V}function K(g){let b=C==null?void 0:C.find(E=>E.flowId===g);return b?b.flowState:null}function je(g){let b=z(g);return b.length===0?0:b.filter(V=>I(g,V.id)===Oe).length}function Ge(g){return z(g).length}function wt(g){return JSON.parse(t.find(b=>b.slug===g).data)}function H(g){if(P)return!0;if(g!=null&&g.targetingLogic&&C){let b=C.find(E=>E.flowId===g.slug);if(b)return b.shouldTrigger===!1}return!!(g!=null&&g.targetingLogic&&i&&i.startsWith("guest_"))}function Be(g){return!H(_(g))}return{getFlow:_,getFlowData:wt,isLoading:P||D,getStepStatus:I,getFlowSteps:z,getCurrentStepIndex:ge,markStepStarted:ie,markStepCompleted:O,markFlowNotStarted:we,markFlowStarted:xe,markFlowCompleted:ee,markFlowAborted:j,markStepNotStarted:pe,getFlowStatus:K,getNumberOfStepsCompleted:je,getNumberOfSteps:Ge,targetingLogicShouldHideFlow:H,setCustomVariable:$,updateCustomVariables:L,customVariables:r,getStepOptionalProgress:R,getFlowMetadata:U,isStepBlocked:ne,isStepHidden:fe,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:Be}}import{useCallback as Cr,useContext as al,useEffect as pl}from"react";var kt="guest_";function Ht(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=al(q),{config:r}=Me(),{mutateUserFlowState:s}=Ie(),p=Tt(),{verifySDKInitiated:d}=Ft();pl(()=>{if(e&&!t){if(e.startsWith(kt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Te}users`,{...r,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,n,t]);let a=Cr(async c=>{d();let u={foreignId:e,properties:c};await p(`${Te}users`,{...r,method:"POST",body:JSON.stringify(u)}),i(w=>({...w,...c})),s()},[e,r,n,s]),f=Cr(async(c,u)=>{d();let T={foreignId:e,events:[{event:c,properties:u}]};await p(`${Te}users`,{...r,method:"POST",body:JSON.stringify(T)}),s()},[e,r,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}import{v4 as Oa}from"uuid";import _e,{useEffect as Ba,useState as Aa}from"react";import De,{useEffect as hl}from"react";import mo from"styled-components";import dl from"react";import cl from"styled-components";var Sr="fr-",Vt="cfr-";function l(e,t){let o=`${Sr}${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+" "+Vt+e}return o}function k(e){if(!e.className||e.className.indexOf(Vt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Sr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function $o(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function qe(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${$o(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Ce(...e){return e.filter(Boolean).join(" ")}function yr(e){return e.charAt(0).toUpperCase()+e.slice(1)}var ml=cl.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -23,11 +23,11 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
`,br=({onClose:e,appearance:t})=>dl.createElement(ml,{className:l("modalBackground",t),onClick:()=>e()});import
|
|
26
|
+
`,br=({onClose:e,appearance:t})=>dl.createElement(ml,{className:l("modalBackground",t),onClick:()=>e()});import ao from"react";import ul from"styled-components";var fl=ul.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,ve=()=>
|
|
30
|
+
`,ve=()=>ao.createElement(fl,null,ao.createElement("svg",{width:"12",height:"12",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ao.createElement("rect",{y:"1.39844",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(-45 0 1.39844)",fill:"currentColor"}),ao.createElement("rect",{x:"12.6023",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(45 12.6023 0)",fill:"currentColor"})));import{Portal as xl}from"react-portal";import Lr from"react";import Mo from"react";function gl({style:e,className:t}){return Mo.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},Mo.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"}),Mo.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=gl;import Uo from"styled-components";import tt from"styled-components";var po=tt.div`
|
|
31
31
|
${e=>k(e)} {
|
|
32
32
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
33
33
|
}
|
|
@@ -38,13 +38,13 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
38
38
|
min-width: 300px;
|
|
39
39
|
padding: 22px 22px 12px;
|
|
40
40
|
z-index: ${e=>e.zIndex};
|
|
41
|
-
`,Tr=
|
|
41
|
+
`,Tr=tt.div`
|
|
42
42
|
display: block;
|
|
43
43
|
cursor: pointer;
|
|
44
44
|
position: absolute;
|
|
45
45
|
top: 25px;
|
|
46
46
|
right: 22px;
|
|
47
|
-
`,Fr=
|
|
47
|
+
`,Fr=tt.img`
|
|
48
48
|
${e=>k(e)} {
|
|
49
49
|
display: block;
|
|
50
50
|
width: 100%;
|
|
@@ -53,7 +53,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
53
53
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
54
54
|
margin-bottom: 16px;
|
|
55
55
|
}
|
|
56
|
-
`,kr=
|
|
56
|
+
`,kr=tt.div`
|
|
57
57
|
${e=>k(e)} {
|
|
58
58
|
display: block;
|
|
59
59
|
width: 100%;
|
|
@@ -62,17 +62,17 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
62
62
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
63
63
|
margin-bottom: 16px;
|
|
64
64
|
}
|
|
65
|
-
`,Pr=
|
|
65
|
+
`,Pr=tt.div`
|
|
66
66
|
display: flex;
|
|
67
67
|
flex-direction: row;
|
|
68
68
|
justify-content: space-between;
|
|
69
69
|
align-content: center;
|
|
70
|
-
`,vr=
|
|
70
|
+
`,vr=tt.div`
|
|
71
71
|
display: flex;
|
|
72
72
|
flex: 1;
|
|
73
73
|
flex-direction: column;
|
|
74
74
|
justify-content: center;
|
|
75
|
-
`,Er=
|
|
75
|
+
`,Er=tt.div`
|
|
76
76
|
display: flex;
|
|
77
77
|
flex: 2;
|
|
78
78
|
flex-shrink: 1;
|
|
@@ -84,7 +84,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
84
84
|
align-content: center;
|
|
85
85
|
align-items: center;
|
|
86
86
|
}
|
|
87
|
-
`,Br=
|
|
87
|
+
`,Br=tt.p`
|
|
88
88
|
${e=>k(e)} {
|
|
89
89
|
font-style: normal;
|
|
90
90
|
font-weight: 600;
|
|
@@ -104,7 +104,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
104
104
|
align-items: center;
|
|
105
105
|
justify-content: center;
|
|
106
106
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
107
|
-
`,Ir=Uo(
|
|
107
|
+
`,Ir=Uo(po)`
|
|
108
108
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
109
109
|
position: absolute;
|
|
110
110
|
bottom: -60px;
|
|
@@ -126,7 +126,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
126
126
|
font-size: 12px;
|
|
127
127
|
line-height: 18px;
|
|
128
128
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
129
|
-
`;function
|
|
129
|
+
`;function co({appearance:e}){return Lr.createElement(Nr,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Lr.createElement(wr,null))}var Cl=mo.div`
|
|
130
130
|
${e=>k(e)} {
|
|
131
131
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
132
132
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -141,7 +141,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
141
141
|
width: ${e=>e.width??"1000px"};
|
|
142
142
|
z-index: 1500;
|
|
143
143
|
border-radius: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius)??8}}px;
|
|
144
|
-
${e=>
|
|
144
|
+
${e=>qe(e)}
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
padding: 32px;
|
|
@@ -168,10 +168,10 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
168
168
|
opacity: 1;
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
`,Sl=
|
|
171
|
+
`,Sl=mo.div`
|
|
172
172
|
position: relative;
|
|
173
173
|
flex: 0 1 auto;
|
|
174
|
-
`,yl=
|
|
174
|
+
`,yl=mo.div`
|
|
175
175
|
position: absolute;
|
|
176
176
|
top: 24px;
|
|
177
177
|
right: 24px;
|
|
@@ -181,14 +181,14 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
181
181
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
182
182
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
183
183
|
}
|
|
184
|
-
`,bl=
|
|
184
|
+
`,bl=mo.div`
|
|
185
185
|
overflow: scroll;
|
|
186
186
|
flex: 1 1;
|
|
187
187
|
display: flex;
|
|
188
188
|
::-webkit-scrollbar {
|
|
189
189
|
display: none;
|
|
190
190
|
}
|
|
191
|
-
`,
|
|
191
|
+
`,ot=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:n,appearance:r,dismissible:s=!0,showFrigadeBranding:p=!1})=>(hl(()=>{let d=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",d),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",d)}},[e,t]),t?De.createElement(xl,null,De.createElement(br,{appearance:r,onClose:()=>{s&&e()}}),De.createElement(Cl,{appearance:r,className:l("modalContainer",r),styleOverrides:i},s&&De.createElement(yl,{className:l("modalClose",r),onClick:()=>e(),appearance:r},De.createElement(ve,null)),o&&De.createElement(Sl,null,o),De.createElement(bl,null,n),p&&De.createElement(Ar,{appearance:r,className:l("poweredByFrigadeRibbon",r)},De.createElement(co,{appearance:r})))):De.createElement(De.Fragment,null));import rt,{useEffect as wl}from"react";import uo from"styled-components";import{Portal as Tl}from"react-portal";var Fl=uo.div`
|
|
192
192
|
${e=>k(e)} {
|
|
193
193
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
194
194
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -206,10 +206,10 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
206
206
|
bottom: 0;
|
|
207
207
|
margin-right: 28px;
|
|
208
208
|
margin-bottom: 28px;
|
|
209
|
-
`,kl=
|
|
209
|
+
`,kl=uo.div`
|
|
210
210
|
position: relative;
|
|
211
211
|
flex: 1;
|
|
212
|
-
`,Pl=
|
|
212
|
+
`,Pl=uo.div`
|
|
213
213
|
position: absolute;
|
|
214
214
|
top: 24px;
|
|
215
215
|
right: 24px;
|
|
@@ -219,13 +219,13 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
219
219
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
220
220
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
221
221
|
}
|
|
222
|
-
`,vl=
|
|
222
|
+
`,vl=uo.div`
|
|
223
223
|
overflow: scroll;
|
|
224
224
|
flex: 5;
|
|
225
225
|
::-webkit-scrollbar {
|
|
226
226
|
display: none;
|
|
227
227
|
}
|
|
228
|
-
`,Or=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:n})=>(wl(()=>{let r=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",r),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",r)}},[e,t]),t?
|
|
228
|
+
`,Or=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:n})=>(wl(()=>{let r=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",r),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",r)}},[e,t]),t?rt.createElement(Tl,null,rt.createElement(Fl,{appearance:n,className:l("cornerModalContainer",n)},rt.createElement(Pl,{className:l("cornerModalClose",n),onClick:()=>e()},rt.createElement(ve,null)),o&&rt.createElement(kl,null,o),rt.createElement(vl,null,i))):rt.createElement(rt.Fragment,null));import{useContext as El}from"react";function J(){let{defaultAppearance:e}=El(q);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 Kt,{useEffect as Zl,useState as jo}from"react";import Go from"styled-components";import ho,{useEffect as Bl,useState as zr}from"react";import Wo from"styled-components";import fo from"styled-components";var Dr=fo.label`
|
|
229
229
|
${e=>k(e)} {
|
|
230
230
|
font-size: 14px;
|
|
231
231
|
line-height: 20px;
|
|
@@ -233,14 +233,14 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
233
233
|
margin-top: 10px;
|
|
234
234
|
}
|
|
235
235
|
display: flex;
|
|
236
|
-
`,$r=
|
|
236
|
+
`,$r=fo.label`
|
|
237
237
|
${e=>k(e)} {
|
|
238
238
|
font-size: 12px;
|
|
239
239
|
line-height: 20px;
|
|
240
240
|
margin-bottom: 5px;
|
|
241
241
|
}
|
|
242
242
|
display: flex;
|
|
243
|
-
`,Mr=
|
|
243
|
+
`,Mr=fo.span`
|
|
244
244
|
font-weight: 400;
|
|
245
245
|
font-size: 14px;
|
|
246
246
|
line-height: 22px;
|
|
@@ -248,12 +248,12 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
248
248
|
display: flex;
|
|
249
249
|
margin-right: 5px;
|
|
250
250
|
margin-top: 10px;
|
|
251
|
-
`,fo
|
|
251
|
+
`,go=fo.div`
|
|
252
252
|
display: flex;
|
|
253
253
|
align-items: flex-start;
|
|
254
254
|
justify-content: left;
|
|
255
255
|
margin-bottom: 10px;
|
|
256
|
-
`;import _o from"react";var
|
|
256
|
+
`;import _o from"react";var Ke={theme:{colorPrimary:"#000000",colorText:"#000000",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#505050",colorTextDisabled:"#999999",colorBorder:"#E5E5E5",colorTextError:"#c00000",borderRadius:20}};function it({title:e,required:t,appearance:o=Ke}){return e?_o.createElement(go,null,t?_o.createElement(Mr,{className:l("formLabelRequired",o),appearance:o},"*"):null,_o.createElement(Dr,{className:l("formLabel",o)},e)):null}import Ur from"react";function Pt({title:e,appearance:t}){return e?Ur.createElement(go,null,Ur.createElement($r,{className:l("formSubLabel",t)},e)):null}import{z as zo}from"zod";function _r(e,t){try{if(t){if(t.type=="number"){let o=zo.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=zo.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 zo.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 Al=Wo.div`
|
|
257
257
|
display: flex;
|
|
258
258
|
flex-direction: column;
|
|
259
259
|
width: 100%;
|
|
@@ -289,7 +289,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
289
289
|
min-height: 70px;
|
|
290
290
|
box-sizing: border-box;
|
|
291
291
|
margin-bottom: 10px;
|
|
292
|
-
`;function Vo({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:n}){let r=e,[s,p]=zr((n==null?void 0:n.text)||""),[d,a]=zr(!1),f=Ho;Bl(()=>{s===""&&!d&&(a(!0),c(""))},[]);function c(w){if(p(w),o({text:w}),r.required===!0&&w.trim()===""){i([{id:r.id,message:`${r.title} is required`}]);return}let T=_r(w,r.validation);if(T){i([{id:r.id,message:T}]);return}i([])}r.multiline&&(f=Il);function u(){var w;switch((w=r==null?void 0:r.validation)==null?void 0:w.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return
|
|
292
|
+
`;function Vo({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:n}){let r=e,[s,p]=zr((n==null?void 0:n.text)||""),[d,a]=zr(!1),f=Ho;Bl(()=>{s===""&&!d&&(a(!0),c(""))},[]);function c(w){if(p(w),o({text:w}),r.required===!0&&w.trim()===""){i([{id:r.id,message:`${r.title} is required`}]);return}let T=_r(w,r.validation);if(T){i([{id:r.id,message:T}]);return}i([])}r.multiline&&(f=Il);function u(){var w;switch((w=r==null?void 0:r.validation)==null?void 0:w.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return ho.createElement(Al,null,ho.createElement(it,{title:r.title,required:r.required,appearance:t.appearance}),ho.createElement(f,{className:l("inputComponent",t.appearance),value:s,onChange:w=>{c(w.target.value)},appearance:t.appearance,placeholder:r.placeholder,type:u()}),ho.createElement(Pt,{title:r.subtitle,appearance:t.appearance}))}import Ue,{useEffect as Wr,useState as Hr}from"react";import Vr from"styled-components";var Nl=Vr.div`
|
|
293
293
|
display: flex;
|
|
294
294
|
flex-direction: column;
|
|
295
295
|
width: 100%;
|
|
@@ -319,13 +319,15 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
319
319
|
background-repeat: no-repeat;
|
|
320
320
|
background-size: 1.5em 1.5em;
|
|
321
321
|
-webkit-print-color-adjust: exact;
|
|
322
|
-
`,
|
|
322
|
+
`,xo="null";function jr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var f,c,u,w,T,S;let r=e,[s,p]=Hr(((f=i==null?void 0:i.choice)==null?void 0:f[0])||""),[d,a]=Hr(!1);return Wr(()=>{var C,P,v,B;if(s===""&&!d){if(a(!0),r.requireSelection){p(xo);return}if(r.defaultValue&&((C=r.props.options)!=null&&C.find(y=>y.id===r.defaultValue))){let y=(P=r.props.options)==null?void 0:P.find(h=>h.id===r.defaultValue);p(y.id),o({choice:[y.id]})}else p(((v=r.props.options)==null?void 0:v[0].id)||""),o({choice:[((B=r.props.options)==null?void 0:B[0].id)||""]})}},[]),Wr(()=>{r.requireSelection&&s===xo?n([{message:"Please select an option",id:r.id}]):n([])},[s]),Ue.createElement(Nl,null,Ue.createElement(it,{title:r.title,required:!1,appearance:t.appearance}),Ue.createElement(Ll,{value:s,onChange:C=>{p(C.target.value),o({choice:[C.target.value]})},placeholder:r.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},r.requireSelection&&Ue.createElement("option",{key:xo,value:xo},"Select an option"),(c=r.props.options)==null?void 0:c.map(C=>Ue.createElement("option",{key:C.id,value:C.id},C.title))),((w=(u=r.props.options)==null?void 0:u.find(C=>C.id===s))==null?void 0:w.isOpenEnded)&&Ue.createElement(Ue.Fragment,null,Ue.createElement(it,{title:((S=(T=r.props.options)==null?void 0:T.find(C=>C.id===s))==null?void 0:S.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),Ue.createElement(Ho,{type:"text",placeholder:"Enter your answer here",onChange:C=>{o({choice:[C.target.value]})},appearance:t.appearance})),Ue.createElement(Pt,{title:r.subtitle,appearance:t.appearance}))}import qt,{useEffect as qr,useState as Kr}from"react";import Yr from"styled-components";import Gt from"react";import jt from"react";import{motion as Ol}from"framer-motion";var Gr=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n,s={duration:.3,delay:0,ease:"easeIn"},p={hidden:{strokeDashoffset:n,transition:s},show:{strokeDashoffset:r,transition:s}};return jt.createElement(Ol.circle,{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0,variants:p,transition:s,initial:"hidden",animate:"show"})},Dl=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:s})=>jt.createElement("svg",{style:s,className:r,width:t,height:t,overflow:"visible"},jt.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},jt.createElement(Gr,{color:n,size:t}),jt.createElement(Gr,{color:e,percentage:o,size:t})),i),vt=Dl;import $l from"styled-components";var Ml=({color:e="#FFFFFF"})=>Gt.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Gt.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),Ul={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},_l={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},zl={border:"1px solid #000000",color:"#FFFFFF"},Wl={border:"1px solid #E6E6E6"},Hl={color:"#FFFFFF"},Vl={border:"3px solid #D9D9D9"},jl=e=>e==="square"?Ul:_l,Gl=(e,t)=>e==="square"?t?zl:Wl:t?Hl:Vl,ql=$l.div`
|
|
323
|
+
${e=>qe(e)}
|
|
324
|
+
`,Ye=({value:e,type:t="square",primaryColor:o="#000000",progress:i,appearance:n=Ke,style:r,className:s})=>{let p=jl(t),d=Gl(t,e);return e===!0?p={...p,...d,backgroundColor:o,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&i!==void 0&&i!==1?Gt.createElement(vt,{fillColor:o,percentage:i,size:22}):Gt.createElement(ql,{styleOverrides:p,style:r,role:"checkbox",className:Ce(l("checkIconContainer",n),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Gt.createElement(Ml,{color:"#FFFFFF"}))};var Kl=Yr.div`
|
|
323
325
|
display: flex;
|
|
324
326
|
flex-direction: column;
|
|
325
327
|
width: 100%;
|
|
326
328
|
-webkit-appearance: none;
|
|
327
329
|
appearance: none;
|
|
328
|
-
`,
|
|
330
|
+
`,Yl=Yr.button`
|
|
329
331
|
${e=>k(e)} {
|
|
330
332
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
331
333
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -342,12 +344,15 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
342
344
|
text-align: left;
|
|
343
345
|
border-radius: 6px;
|
|
344
346
|
}
|
|
347
|
+
display: inline-flex;
|
|
348
|
+
justify-content: space-between;
|
|
349
|
+
align-items: center;
|
|
345
350
|
cursor: pointer;
|
|
346
351
|
width: 100%;
|
|
347
352
|
height: 60px;
|
|
348
353
|
padding: 0 18px;
|
|
349
354
|
margin-bottom: 10px;
|
|
350
|
-
`;function
|
|
355
|
+
`;function Xr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i}){var a;let n=e,[r,s]=Kr((i==null?void 0:i.choice)||[]),[p,d]=Kr(!1);return qr(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[]),qr(()=>{o({choice:r})},[r]),qt.createElement(Kl,null,qt.createElement(it,{title:n.title,required:n.required,appearance:t.appearance}),(a=n.props.options)==null?void 0:a.map(f=>qt.createElement(Yl,{appearance:t.appearance,className:l("multipleChoiceListItem",t.appearance),key:f.id,value:f.id,"data-selected":r.includes(f.id),onClick:()=>{if(r.includes(f.id)){s(r.filter(c=>c!==f.id));return}r.length<n.props.maxChoices?s([...r,f.id]):r.length==1&&n.props.maxChoices==1&&s([f.id])}},f.title,qt.createElement(Ye,{type:"round",primaryColor:t.appearance.theme.colorPrimary,value:r.includes(f.id),appearance:t.appearance}))),qt.createElement(Pt,{title:n.subtitle,appearance:t.appearance}))}import Co from"react";import Jr from"styled-components";import Xl from"dompurify";function ce(e){return{__html:Xl.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Jl=Jr.h1`
|
|
351
356
|
${e=>k(e)} {
|
|
352
357
|
font-style: normal;
|
|
353
358
|
font-weight: 600;
|
|
@@ -358,7 +363,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
358
363
|
margin-bottom: 4px;
|
|
359
364
|
color: ${e=>e.appearance.theme.colorText};
|
|
360
365
|
}
|
|
361
|
-
`,
|
|
366
|
+
`,Ql=Jr.h2`
|
|
362
367
|
${e=>k(e)} {
|
|
363
368
|
font-style: normal;
|
|
364
369
|
font-weight: 400;
|
|
@@ -366,35 +371,35 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
366
371
|
line-height: 20px;
|
|
367
372
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
368
373
|
}
|
|
369
|
-
`;function Se({appearance:e,title:t,subtitle:o,size:i="medium"}){return Co.createElement(Co.Fragment,null,Co.createElement(
|
|
374
|
+
`;function Se({appearance:e,title:t,subtitle:o,size:i="medium"}){return Co.createElement(Co.Fragment,null,Co.createElement(Jl,{appearance:e,className:l(`${i}Title`,e),dangerouslySetInnerHTML:ce(t),size:i}),o&&Co.createElement(Ql,{appearance:e,className:l(`${i}Subtitle`,e),dangerouslySetInnerHTML:ce(o),size:i}))}var Rl=Go.div`
|
|
370
375
|
display: flex;
|
|
371
376
|
flex-direction: column;
|
|
372
377
|
justify-content: flex-end;
|
|
373
378
|
padding-bottom: 14px;
|
|
374
379
|
overflow: visible;
|
|
375
|
-
`,
|
|
380
|
+
`,ea=Go.div`
|
|
376
381
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextError}};
|
|
377
382
|
font-size: 12px;
|
|
378
383
|
margin-bottom: 12px;
|
|
379
|
-
`,
|
|
384
|
+
`,ta=Go.div`
|
|
380
385
|
padding-left: 1px;
|
|
381
386
|
padding-right: 1px;
|
|
382
|
-
`,
|
|
387
|
+
`,oa={text:Vo,multipleChoice:jr,multipleChoiceList:Xr};function Qr({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r,customFormElements:s}){var B;let p=t.props,[d,a]=jo([]),[f,c]=jo([]),{userId:u}=Ht(),[w,T]=jo(P()||{}),S={...oa,...s};Zl(()=>{i(d.length===0)},[d,i]);function C(y,h){let m={...w,[y.id]:h};T(m),n(m),window&&window.localStorage&&window.localStorage.setItem(v(),JSON.stringify(m))}function P(){if(window&&window.localStorage){let y=window.localStorage.getItem(v());if(y)return JSON.parse(y)}return{}}function v(){return`frigade-multiInputStepTypeData-${e}-${t.id}-${u}`}return Kt.createElement(ta,{className:l("multiInput",r)},Kt.createElement(Se,{appearance:r,title:t.title,subtitle:t.subtitle}),Kt.createElement(Rl,{className:l("multiInputContainer",r)},(B=p.data)==null?void 0:B.map(y=>{var m;let h=(m=d.reverse().find(x=>x.id===y.id))==null?void 0:m.message;return S[y.type]?Kt.createElement("span",{key:y.id},S[y.type]({formInput:y,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r},onSaveInputData:x=>{!f.includes(y.id)&&x&&(x==null?void 0:x.text)!==""&&c(F=>[...F,y.id]),C(y,x)},inputData:w[y.id],setFormValidationErrors:x=>{a(F=>x.length===0?F.filter(D=>D.id!==y.id):[...F,...x])}}),h&&f.includes(y.id)&&Kt.createElement(ea,{appearance:r,className:l("multiInputValidationError",r)},h)):null})))}import mt from"styled-components";var Zr=mt.div`
|
|
383
388
|
align-items: center;
|
|
384
389
|
display: flex;
|
|
385
390
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
386
391
|
padding-top: 14px;
|
|
387
|
-
`,
|
|
392
|
+
`,Rr=mt.div`
|
|
388
393
|
color: ${e=>e.appearance.theme.colorTextError};
|
|
389
394
|
font-size: 12px;
|
|
390
|
-
`,
|
|
395
|
+
`,ei=mt.div`
|
|
391
396
|
display: flex;
|
|
392
397
|
gap: 12px;
|
|
393
|
-
`,
|
|
398
|
+
`,ti=mt.div`
|
|
394
399
|
display: flex;
|
|
395
400
|
flex-direction: row;
|
|
396
401
|
flex: 1 1;
|
|
397
|
-
`,
|
|
402
|
+
`,oi=mt.div`
|
|
398
403
|
display: flex;
|
|
399
404
|
// If type is set to large-modal, use padding 60px horizontal, 80px vertical
|
|
400
405
|
// Otherwise, use 4px padding
|
|
@@ -402,11 +407,11 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
402
407
|
flex-grow: 1;
|
|
403
408
|
flex-basis: 0;
|
|
404
409
|
position: relative;
|
|
405
|
-
`,
|
|
410
|
+
`,ri=mt.div`
|
|
406
411
|
padding: ${e=>e.type==="large-modal"?"50px":"0px"};
|
|
407
412
|
position: relative;
|
|
408
413
|
overflow-y: auto;
|
|
409
|
-
`,
|
|
414
|
+
`,ii=mt.div`
|
|
410
415
|
display: flex;
|
|
411
416
|
align-self: stretch;
|
|
412
417
|
flex-grow: 1;
|
|
@@ -418,7 +423,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
418
423
|
background-position: center;
|
|
419
424
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
420
425
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
421
|
-
`;import
|
|
426
|
+
`;import nt from"react";import ra from"react";import ni from"styled-components";var ia=ni.button`
|
|
422
427
|
justify-content: center;
|
|
423
428
|
align-content: center;
|
|
424
429
|
${e=>k(e)} {
|
|
@@ -436,6 +441,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
436
441
|
font-size: ${e=>e.size=="small"?"14px":"15px"};
|
|
437
442
|
line-height: 20px;
|
|
438
443
|
font-weight: 500;
|
|
444
|
+
${e=>qe(e)}
|
|
439
445
|
}
|
|
440
446
|
|
|
441
447
|
font-family: inherit;
|
|
@@ -448,7 +454,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
448
454
|
opacity: 0.3;
|
|
449
455
|
cursor: not-allowed;
|
|
450
456
|
}
|
|
451
|
-
`,So=
|
|
457
|
+
`,So=ni.div`
|
|
452
458
|
${e=>k(e)} {
|
|
453
459
|
display: flex;
|
|
454
460
|
flex-direction: row;
|
|
@@ -458,14 +464,14 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
458
464
|
margin-right: 8px;
|
|
459
465
|
}
|
|
460
466
|
}
|
|
461
|
-
`,Z=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function f(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${yr(c)}`}return
|
|
467
|
+
`,Z=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function f(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${yr(c)}`}return ra.createElement(ia,{secondary:s,appearance:p,disabled:i,onClick:e,styleOverrides:o,type:n,withMargin:d,size:r,className:l(f(),p)},t)};var si=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:n,formType:r,selectedStep:s,steps:p,onBack:d,allowBackNavigation:a,errorMessage:f})=>{let c=r==="inline"?"inline":"full-width",u=p.length>1&&s!=0&&a;return nt.createElement(nt.Fragment,null,f&&nt.createElement(Rr,{appearance:o,className:l("formCTAError",o)},f),nt.createElement(Zr,{showBackButton:u,className:l("formCTAContainer",o)},u&&nt.createElement(Z,{title:e.backButtonTitle??"\u2190",onClick:d,secondary:!0,withMargin:!1,type:c,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),nt.createElement(ei,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?nt.createElement(Z,{title:e.secondaryButtonTitle,onClick:n,secondary:!0,withMargin:!1,type:c,appearance:o}):null," ",e.primaryButtonTitle?nt.createElement(Z,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:c,appearance:o}):null)))};import qo from"react";import na from"styled-components";var sa=na.div`
|
|
462
468
|
text-align: center;
|
|
463
|
-
`,
|
|
469
|
+
`,li=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:n}=J().mergeAppearanceWithDefault(i);return qo.createElement(sa,{className:o},qo.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((r,s)=>qo.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?n.colorPrimary:"#E6E6E6"}))))};import ut from"react";import Et from"styled-components";import{useContext as la}from"react";function re(){let e=la(q);function t(n){i(n.primaryButtonUri,n.primaryButtonUriTarget)}function o(n){i(n.secondaryButtonUri,n.secondaryButtonUriTarget)}function i(n,r){if(!n)return;let s=n.startsWith("http")?"_blank":"_self";r&&r!=="_blank"&&(s="_self"),e.navigate(n,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var aa=Et.div`
|
|
464
470
|
display: flex;
|
|
465
471
|
flex-wrap: wrap;
|
|
466
472
|
align-content: center;
|
|
467
473
|
justify-content: center;
|
|
468
|
-
`,
|
|
474
|
+
`,pa=Et.div`
|
|
469
475
|
align-content: center;
|
|
470
476
|
align-items: center;
|
|
471
477
|
display: flex;
|
|
@@ -479,10 +485,10 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
479
485
|
flex-basis: 255px;
|
|
480
486
|
flex-grow: 0;
|
|
481
487
|
flex-shrink: 0;
|
|
482
|
-
`,
|
|
488
|
+
`,da=Et.img`
|
|
483
489
|
width: 78px;
|
|
484
490
|
height: auto;
|
|
485
|
-
`,
|
|
491
|
+
`,ca=Et.button`
|
|
486
492
|
font-style: normal;
|
|
487
493
|
font-weight: 600;
|
|
488
494
|
font-size: 13px;
|
|
@@ -495,11 +501,11 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
495
501
|
border-radius: 100px;
|
|
496
502
|
padding: 8px 12px;
|
|
497
503
|
margin-top: 16px;
|
|
498
|
-
`,
|
|
504
|
+
`,ma=Et.h1`
|
|
499
505
|
font-weight: 700;
|
|
500
506
|
font-size: 28px;
|
|
501
507
|
line-height: 34px;
|
|
502
|
-
`,
|
|
508
|
+
`,ua=Et.h2`
|
|
503
509
|
font-style: normal;
|
|
504
510
|
font-weight: 400;
|
|
505
511
|
font-size: 16px;
|
|
@@ -508,7 +514,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
508
514
|
margin-top: 12px;
|
|
509
515
|
margin-bottom: 16px;
|
|
510
516
|
max-width: 70%;
|
|
511
|
-
`;function
|
|
517
|
+
`;function ai({stepData:e,appearance:t}){var i,n;let{handleUrl:o}=re();return ut.createElement("div",null,ut.createElement(ma,null,e.title),ut.createElement(ua,null,e.subtitle),ut.createElement(aa,null,(n=(i=e.props)==null?void 0:i.links)==null?void 0:n.map(r=>ut.createElement(pa,{key:r.title},ut.createElement(da,{src:r.imageUri}),ut.createElement(ca,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{r.uri&&o(r.uri,r.uriTarget??"_blank")}},r.title)))))}import At,{useEffect as ya}from"react";import wo from"styled-components";import Ko from"react";var yo=({style:e,className:t})=>Ko.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},Ko.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),Ko.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 Yt,{useRef as fa,useState as ga}from"react";import bo from"styled-components";var ha=bo.div`
|
|
512
518
|
display: flex;
|
|
513
519
|
align-items: center;
|
|
514
520
|
justify-content: flex-start;
|
|
@@ -516,7 +522,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
516
522
|
width: 100%;
|
|
517
523
|
height: 100%;
|
|
518
524
|
position: relative;
|
|
519
|
-
`,
|
|
525
|
+
`,xa=bo.div`
|
|
520
526
|
position: absolute;
|
|
521
527
|
display: flex;
|
|
522
528
|
align-items: center;
|
|
@@ -535,59 +541,57 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
535
541
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
536
542
|
border-radius: 50%;
|
|
537
543
|
}
|
|
538
|
-
`,
|
|
544
|
+
`,Ca=bo.video`
|
|
539
545
|
width: 100%;
|
|
540
546
|
height: 100%;
|
|
541
547
|
min-height: 200px;
|
|
542
548
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
543
|
-
`,
|
|
549
|
+
`,Sa=bo.iframe`
|
|
544
550
|
width: 100%;
|
|
545
551
|
height: 100%;
|
|
546
552
|
min-height: 200px;
|
|
547
553
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
548
|
-
`;function
|
|
554
|
+
`;function Bt({appearance:e,videoUri:t}){let o=fa(),[i,n]=ga(!1);if(t.includes("youtube")){let r=t.split("v=")[1],s=r.indexOf("&");return s!==-1&&(r=r.substring(0,s)),Yt.createElement(Sa,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${r}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return Yt.createElement(ha,{appearance:e},!i&&Yt.createElement(xa,{onClick:()=>{n(!0),o.current.play()},appearance:e},Yt.createElement(yo,null)),Yt.createElement(Ca,{appearance:e,controls:i,ref:o,play:i,src:t}))}var ba=wo.div`
|
|
549
555
|
${e=>k(e)} {
|
|
550
556
|
display: flex;
|
|
551
557
|
flex-direction: column;
|
|
552
558
|
justify-content: center;
|
|
553
559
|
}
|
|
554
|
-
`,
|
|
560
|
+
`,wa=wo.img`
|
|
555
561
|
${e=>k(e)} {
|
|
556
562
|
width: 100%;
|
|
557
563
|
height: auto;
|
|
558
564
|
max-height: 250px;
|
|
559
565
|
margin-bottom: 24px;
|
|
560
566
|
}
|
|
561
|
-
`,
|
|
567
|
+
`,Ta=wo.div`
|
|
562
568
|
${e=>k(e)} {
|
|
563
569
|
margin-bottom: 24px;
|
|
564
570
|
}
|
|
565
|
-
`,
|
|
571
|
+
`,Fa=wo.div`
|
|
566
572
|
${e=>k(e)} {
|
|
567
573
|
width: 100%;
|
|
568
574
|
height: auto;
|
|
569
575
|
max-height: 250px;
|
|
570
576
|
margin-bottom: 24px;
|
|
571
577
|
}
|
|
572
|
-
`;function
|
|
573
|
-
${e=>dt(e)}
|
|
574
|
-
`,ut=({value:e,type:t="square",primaryColor:o="#000000",progress:i,appearance:n=qe,style:r,className:s})=>{let p=wa(t),d=Ta(t,e);return e===!0?p={...p,...d,backgroundColor:o,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&i!==void 0&&i!==1?Kt.createElement(At,{fillColor:o,percentage:i,size:22}):Kt.createElement(Fa,{styleOverrides:p,style:r,role:"checkbox",className:Ce(l("checkIconContainer",n),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Kt.createElement(ga,{color:"#FFFFFF"}))};import it from"styled-components";var di=it.div`
|
|
578
|
+
`;function pi({stepData:e,appearance:t,setCanContinue:o}){return ya(()=>{o(!0)},[]),At.createElement(ba,{className:l("callToActionContainer",t)},At.createElement(Ta,{className:l("callToActionTextContainer",t)},At.createElement(Se,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&At.createElement(wa,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&At.createElement(Fa,{appearance:t,className:l("callToActionVideo",t)},At.createElement(Bt,{appearance:t,videoUri:e.videoUri})))}import Xe,{useEffect as Yo,useState as Xo}from"react";import st from"styled-components";var di=st.div`
|
|
575
579
|
width: auto;
|
|
576
580
|
display: flex;
|
|
577
581
|
flex-direction: column;
|
|
578
582
|
justify-content: center;
|
|
579
583
|
align-items: center;
|
|
580
584
|
padding: 4px;
|
|
581
|
-
`,ci=
|
|
585
|
+
`,ci=st.div`
|
|
582
586
|
width: 100%;
|
|
583
587
|
text-align: left;
|
|
584
|
-
`,mi=
|
|
588
|
+
`,mi=st.h1`
|
|
585
589
|
font-style: normal;
|
|
586
590
|
font-weight: 700;
|
|
587
591
|
font-size: 32px;
|
|
588
592
|
line-height: 38px;
|
|
589
593
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
590
|
-
`,ui=
|
|
594
|
+
`,ui=st.h1`
|
|
591
595
|
font-style: normal;
|
|
592
596
|
font-weight: 400;
|
|
593
597
|
font-size: 16px;
|
|
@@ -595,7 +599,7 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
595
599
|
margin-top: 16px;
|
|
596
600
|
margin-bottom: 16px;
|
|
597
601
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
598
|
-
`,fi=
|
|
602
|
+
`,fi=st.div`
|
|
599
603
|
padding-top: 12px;
|
|
600
604
|
padding-bottom: 12px;
|
|
601
605
|
flex-direction: row;
|
|
@@ -606,17 +610,17 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
606
610
|
cursor: pointer;
|
|
607
611
|
border-bottom: ${e=>e.hideBottomBorder?"none":"1px solid #D8D8D8"};
|
|
608
612
|
width: 100%;
|
|
609
|
-
`,gi=
|
|
613
|
+
`,gi=st.div`
|
|
610
614
|
padding-top: 10px;
|
|
611
615
|
padding-bottom: 10px;
|
|
612
616
|
flex-direction: row;
|
|
613
617
|
display: flex;
|
|
614
618
|
justify-content: flex-start;
|
|
615
|
-
`,hi=
|
|
619
|
+
`,hi=st.img`
|
|
616
620
|
width: 42px;
|
|
617
621
|
height: 42px;
|
|
618
622
|
margin-right: 12px;
|
|
619
|
-
`,xi=
|
|
623
|
+
`,xi=st.p`
|
|
620
624
|
font-style: normal;
|
|
621
625
|
font-weight: 500;
|
|
622
626
|
font-size: 17px;
|
|
@@ -624,8 +628,8 @@ import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import
|
|
|
624
628
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
625
629
|
display: flex;
|
|
626
630
|
align-self: center;
|
|
627
|
-
`;var Ci=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,s]=Xo([]),[p,d]=Xo(!1),[a,f]=Xo(e.id);return Yo(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Yo(()=>{a!==e.id&&(f(e.id),s([]))},[e]),Yo(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),
|
|
628
|
-
${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map(([s,p])=>`${$o(s)}: ${p};`).join(" ")} }`).join(" ")}`;return
|
|
631
|
+
`;var Ci=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,s]=Xo([]),[p,d]=Xo(!1),[a,f]=Xo(e.id);return Yo(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Yo(()=>{a!==e.id&&(f(e.id),s([]))},[e]),Yo(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),Xe.createElement(di,{className:l("selectListContainer",i)},Xe.createElement(ci,null,Xe.createElement(mi,{className:l("selectListTitle",i)},e.title),Xe.createElement(ui,{appearance:i,className:l("selectListSubtitle",i)},e.subtitle)),n.options.map((c,u)=>{let w=r.includes(c.id);return Xe.createElement(fi,{key:`select-item-${u}`,onClick:()=>{if(r.includes(c.id)){s(r.filter(T=>T!==c.id));return}r.length<n.maxChoices?s([...r,c.id]):r.length==1&&n.maxChoices==1&&s([c.id])},hideBottomBorder:u===n.options.length-1,className:l("selectListSelectItem",i)},Xe.createElement(gi,{className:l("selectListItemImage",i)},c.imageUri&&Xe.createElement(hi,{src:c.imageUri,alt:`select-icon-${u}`}),Xe.createElement(xi,{appearance:i,className:l("selectListSelectItemText",i)},c.title)),Xe.createElement(Ye,{appearance:i,value:w,primaryColor:i.theme.colorPrimary}))}))};import ye,{useEffect as Jo,useState as Xt}from"react";import{AnimatePresence as ka,motion as Pa}from"framer-motion";var va=({children:e,id:t,shouldWrap:o=!1})=>ye.createElement(ye.Fragment,null,o?ye.createElement(ka,{initial:!1},ye.createElement(Pa.div,{key:t,initial:{opacity:1,y:"100%"},animate:{opacity:1,y:0},exit:{opacity:0,y:"-100%"},transition:{duration:.5,ease:"easeInOut"},style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e)):e),To=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:a,onComplete:f,setVisible:c,setShowModal:u,onDismiss:w,showPagination:T=!1,customFormElements:S,allowBackNavigation:C,validationHandler:P})=>{var ke;let B={...{linkCollection:ai,multiInput:Qr,callToAction:pi,selectList:Ci},...i},{primaryCTAClickSideEffects:y,secondaryCTAClickSideEffects:h}=re(),[m,x]=Xt(!1),[F,D]=Xt({}),[_,z]=Xt(!1),[A,U]=Xt(!1),[$,L]=Xt(null),ie=t[o]??null,{markStepCompleted:pe,markStepStarted:O,isLoading:we,updateCustomVariables:xe,markFlowCompleted:ee}=X();Jo(()=>{xe(n)},[n,we]),Jo(()=>{window&&C&&!A&&(window.location.hash=t[o].id,U(!0))},[C,A,U]),Jo(()=>{var G;if(window&&((G=window==null?void 0:window.location)!=null&&G.hash)&&window.location.hash.replace("#","")!==t[o].id){let ge=window.location.hash.replace("#",""),R=t.findIndex(K=>K.id===ge);R!==-1&&O(p,t[R].id)}},[(ke=window==null?void 0:window.location)==null?void 0:ke.hash,O,o,t]);function j(){return{data:F[t[o].id]??{},stepId:t[o].id,customVariables:n}}function oe(G,ge,R){let K=o+1<t.length?t[o+1]:null;r&&r(G,o,ge,K),s&&s(G,R,K,F,j())}function I(G,ge){D(R=>{let K={};return K[G.id]=ge,{...R,...K}})}function ne(G){return G.selectedStep.imageUri?ye.createElement(ii,{image:G.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let fe=ye.createElement(si,{step:t[o],canContinue:m&&!_,formType:d,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(z(!0),P){let ge=await P(t[o],o,t[o+1],F,j());if(ge){L(ge),z(!1);return}else L(null)}let G={...j()};await pe(p,t[o].id,G),o+1<t.length&&await O(p,t[o+1].id),oe(t[o],"primary",o),o+1>=t.length&&(f&&f(),w&&w(),a&&(c&&c(!1),u(!1)),await ee(p)),y(t[o]),z(!1),window&&C&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{oe(t[o],"secondary",o),h(t[o])},onBack:async()=>{o-1>=0&&(z(!0),await O(p,t[o-1].id),z(!1))},steps:t,allowBackNavigation:C,errorMessage:$});return ye.createElement(ye.Fragment,null,ye.createElement(ti,{className:l("formContainer",e)},ye.createElement(oi,null,ye.createElement(va,{id:o,shouldWrap:d==="large-modal"},ye.createElement(ri,{key:ie.id,type:d,className:l("formContent",e)},t.map(G=>{let ge=B[G.type];return ie.id!==G.id?null:ye.createElement(ge,{key:G.id,stepData:G,canContinue:m,setCanContinue:x,onSaveData:R=>{I(G,R)},appearance:e,customFormElements:S,flowId:p})}),T&&ye.createElement(li,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),fe))),d=="large-modal"&&ye.createElement(ne,{selectedStep:t[o]})))};import Jt from"react";import{createGlobalStyle as Ea}from"styled-components";function te({appearance:e}){if(!e||!e.styleOverrides)return Jt.createElement(Jt.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([i,n])=>typeof n=="object");if(t.length===0)return Jt.createElement(Jt.Fragment,null);let o=Ea`
|
|
632
|
+
${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map(([s,p])=>`${$o(s)}: ${p};`).join(" ")} }`).join(" ")}`;return Jt.createElement(o,{inlineStyles:t})}var Si=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:a=!0,onStepCompletion:f,onButtonClick:c,dismissible:u=!0,endFlowOnDismiss:w=!1,modalPosition:T="center",repeatable:S=!1,onDismiss:C,showPagination:P=!1,allowBackNavigation:v=!1,validationHandler:B,showFrigadeBranding:y=!1})=>{let{getFlow:h,getFlowSteps:m,isLoading:x,targetingLogicShouldHideFlow:F,getFlowStatus:D,getCurrentStepIndex:_,markFlowCompleted:z,markFlowNotStarted:A}=X(),U=_(e),{mergeAppearanceWithDefault:$}=J(),[L,ie]=Aa(!1),{setOpenFlowState:pe,getOpenFlowState:O}=Pe();d=$(d);let[we,xe]=i!==void 0&&n!==void 0?[i,n]:[O(e,!0),I=>pe(e,I)];if(Ba(()=>{!L&&!x&&(ie(!0),D(e)===Y&&S&&A(e),ie(!0))},[L,ie,x]),x)return null;let ee=h(e);if(!ee||F(ee))return null;let j=m(e);if(!j||i!==void 0&&i===!1||D(e)===Y&&a)return null;let oe=()=>{xe(!1),C&&C(),w===!0&&z(e)};if(T=="center"&&o==="modal"||o==="large-modal"){let I={padding:"24px"};return o==="large-modal"?(I.width="85%",I.height="90%",I.maxHeight="800px",I.minHeight="500px",I.padding="0"):I.width="400px",_e.createElement(ot,{appearance:d,onClose:oe,visible:we,style:I,dismissible:u,showFrigadeBranding:y},_e.createElement(te,{appearance:d}),_e.createElement(To,{appearance:d,steps:j,selectedStep:U,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:xe,onDismiss:C,showPagination:P,customFormElements:s,allowBackNavigation:v,validationHandler:B}))}return o==="modal"&&T!=="center"?_e.createElement(Or,{appearance:d,onClose:oe,visible:we},_e.createElement(te,{appearance:d}),_e.createElement(To,{appearance:d,steps:j,selectedStep:U,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:xe,onDismiss:C,showPagination:P,customFormElements:s,allowBackNavigation:v,validationHandler:B})):_e.createElement(_e.Fragment,null,_e.createElement(te,{appearance:d}),_e.createElement(To,{appearance:d,steps:j,selectedStep:U,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:xe,onDismiss:C,showPagination:P,customFormElements:s,allowBackNavigation:v,validationHandler:B}))},yi=Si;import{useCallback as bi,useContext as Ia,useEffect as Na}from"react";function Qo(){let{organizationId:e,userId:t,setOrganizationId:o}=Ia(q),{mutateUserFlowState:i}=Ie(),{config:n}=Me(),r=Tt(),{verifySDKInitiated:s}=Ft();Na(()=>{if(t&&e){if(t.startsWith(kt))return;let a=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(a)||(r(`${Te}userGroups`,{...n,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(a,"true"))}},[t,e]);let p=bi(async a=>{if(s(),!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let f={foreignUserId:t,foreignUserGroupId:e,properties:a};await r(`${Te}userGroups`,{...n,method:"POST",body:JSON.stringify(f)}),i()},[e,t,n,i]),d=bi(async(a,f)=>{if(s(),!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let u={foreignUserId:t,foreignUserGroupId:e,events:[{event:a,properties:f}]};await r(`${Te}userGroups`,{...n,method:"POST",body:JSON.stringify(u)}),i()},[e,t,n,i]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:p,trackEventForOrganization:d}}var wi="xFrigade_guestUserId",Ti="xFrigade_userId",Fi=({})=>{let{setFlowResponses:e}=Wt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ie(),{userId:n,setUserId:r}=Ht(),[s,p]=Zo(null),{getFlowStatus:d}=X(),{flows:a,userProperties:f,setIsNewGuestUser:c,flowResponses:u}=La(q),[w,T]=Zo([]),[S,C]=Zo([]),{organizationId:P}=Qo();Fo(()=>{if(!o&&t)for(let h=0;h<t.length;h++){let m=t[h],x=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(x&&m&&m.shouldTrigger===!0&&x.type=="FORM"&&x.triggerType==="AUTOMATIC"&&!S.includes(x.slug)){setTimeout(()=>{v(m.flowId)},500);break}}},[o,t]),Fo(()=>{u.length>0&&i()},[u]);function v(h){let m=a.find(x=>x.slug===h);m&&m.triggerType==="AUTOMATIC"&&!S.includes(m.slug)&&(C([...S,m.slug]),T([m]))}function B(){if(!n){let h=localStorage.getItem(Ti);if(h){r(h);return}let m=localStorage.getItem(wi);if(m){r(m);return}c(!0);let x=kt+Oa();try{localStorage.setItem(wi,x)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}r(F=>F||x)}}Fo(()=>{try{if(a){let h=[];a.forEach(m=>{if(m.data){let x=m.data.match(/"imageUri":"(.*?)"/g);x&&x.forEach(F=>{let D=F.replace('"imageUri":"',"").replace('"',"");if(h.includes(D))return;let _=new Image;_.src=D,h.push(D)})}})}}catch{}},[a]),Fo(()=>{if(n!==s&&e([]),p(n),n&&!n.startsWith(kt))try{localStorage.setItem(Ti,n)}catch(h){console.log("Failed to save user id locally: Local storage available",h)}n===null&&setTimeout(()=>{n===null&&B()},50)},[n,a,f]);function y(){return ft.createElement(ft.Fragment,null,w.map(h=>d(h.slug)!==Le?null:ft.createElement("span",{key:h.slug},ft.createElement(yi,{flowId:h.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return ft.createElement(ft.Fragment,null,ft.createElement(y,null))};import{ErrorBoundary as Ma}from"react-error-boundary";var q=Da({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:Ke,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{}}),Ua=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var ie,pe;let[r,s]=Ne(t||null),[p,d]=Ne(o||null),[a,f]=Ne([]),[c,u]=Ne([]),[w,T]=Ne([]),[S,C]=Ne({}),[P,v]=Ne({}),[B,y]=Ne([]),[h,m]=Ne({}),[x,F]=Ne(!1),[D,_]=Ne(!1),[z,A]=Ne(!L(e)),U=(O,we)=>{if(we==="_blank"){window.open(O,"_blank");return}setTimeout(()=>{window.location.href=O},50)},$={theme:{...Ke.theme,...((ie=i==null?void 0:i.defaultAppearance)==null?void 0:ie.theme)??{}},styleOverrides:{...Ke.styleOverrides,...((pe=i==null?void 0:i.defaultAppearance)==null?void 0:pe.styleOverrides)??{}}};function L(O){return!!(O&&O.length>10&&O.substring(0,10)==="api_public")}return Ro(()=>{t&&s(t)},[t]),Ro(()=>{o&&d(o)},[o]),Ro(()=>{if(L(e))A(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),A(!0);return}},[e,A]),z?gt.createElement(q.Provider,{value:{publicApiKey:e,userId:r,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:w,setFlowResponses:T,userProperties:S,setUserProperties:C,openFlowStates:P,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:B,setCompletedFlowsToKeepOpenDuringSession:y,customVariables:h,setCustomVariables:m,isNewGuestUser:x,setIsNewGuestUser:F,hasActiveFullPageFlow:D,setHasActiveFullPageFlow:_,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:U,defaultAppearance:$,shouldGracefullyDegrade:z,setShouldGracefullyDegrade:A}},n):gt.createElement(Ma,{fallback:gt.createElement(gt.Fragment,null,n)},gt.createElement(q.Provider,{value:{publicApiKey:e,userId:r,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:w,setFlowResponses:T,userProperties:S,setUserProperties:C,openFlowStates:P,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:B,setCompletedFlowsToKeepOpenDuringSession:y,customVariables:h,setCustomVariables:m,isNewGuestUser:x,setIsNewGuestUser:F,hasActiveFullPageFlow:D,setHasActiveFullPageFlow:_,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:U,defaultAppearance:$,shouldGracefullyDegrade:z,setShouldGracefullyDegrade:A}},gt.createElement($a,{theme:$.theme},n,gt.createElement(Fi,null))))};import Dp from"react";import ae,{useEffect as ts,useState as os}from"react";import $e,{useState as sp}from"react";import Ct from"styled-components";import vo from"react";import ht from"react";import Pi from"styled-components";var ki=Pi.span`
|
|
629
633
|
font-weight: 400;
|
|
630
634
|
font-size: 15px;
|
|
631
635
|
line-height: 20px;
|
|
@@ -642,24 +646,24 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
642
646
|
padding-bottom: 20px;
|
|
643
647
|
border-top: 1px solid ${e=>e.theme.colorBorder};
|
|
644
648
|
width: 100%;
|
|
645
|
-
`,ko=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:s="square",appearance:p})=>ht.createElement(ht.Fragment,null,ht.createElement(_a,{className:l("checklistStepsContainer",p),appearance:p,style:{...n}},i==="left"&&e&&ht.createElement(ki,{className:l("checklistStepLabel",p),style:o},e),ht.createElement(
|
|
649
|
+
`,ko=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:s="square",appearance:p})=>ht.createElement(ht.Fragment,null,ht.createElement(_a,{className:l("checklistStepsContainer",p),appearance:p,style:{...n}},i==="left"&&e&&ht.createElement(ki,{className:l("checklistStepLabel",p),style:o},e),ht.createElement(Ye,{appearance:p,value:t,type:s,primaryColor:r}),i==="right"&&e&&ht.createElement(ki,{className:l("checklistStepLabel",p),style:o},e)),ht.createElement(te,{appearance:p}));import{motion as za}from"framer-motion";import Qt from"styled-components";var vi=Qt.div`
|
|
646
650
|
font-weight: 700;
|
|
647
651
|
font-size: 18px;
|
|
648
652
|
line-height: 22px;
|
|
649
|
-
`,Ei=
|
|
653
|
+
`,Ei=Qt.p`
|
|
650
654
|
font-weight: 700;
|
|
651
655
|
font-size: 18px;
|
|
652
656
|
line-height: 22px;
|
|
653
657
|
margin: 20px 0px 0px 0px;
|
|
654
658
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
655
|
-
`,Bi=
|
|
659
|
+
`,Bi=Qt.p`
|
|
656
660
|
font-weight: 400;
|
|
657
661
|
font-size: 15px;
|
|
658
662
|
line-height: 28px;
|
|
659
663
|
max-width: 540px;
|
|
660
664
|
margin: 8px 0px 0px 0px;
|
|
661
665
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
662
|
-
`,Po=
|
|
666
|
+
`,Po=Qt.div`
|
|
663
667
|
width: 4px;
|
|
664
668
|
position: absolute;
|
|
665
669
|
left: 0;
|
|
@@ -667,7 +671,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
667
671
|
height: 80%;
|
|
668
672
|
border-top-right-radius: 8px;
|
|
669
673
|
border-bottom-right-radius: 8px;
|
|
670
|
-
`,Ai=
|
|
674
|
+
`,Ai=Qt.div`
|
|
671
675
|
flex-direction: row;
|
|
672
676
|
justify-content: flex-start;
|
|
673
677
|
`;var Ii=({data:e,index:t,isSelected:o,primaryColor:i,style:n,onClick:r,appearance:s})=>{var p,d;return vo.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{r()}},o&&vo.createElement(Po,{className:l("checklistStepItemSelectedIndicator",s),as:za.div,layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??i}}),vo.createElement(Ai,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,role:"listitem"},vo.createElement(ko,{value:e.complete,labelPosition:"left",label:e.stepName,style:n,primaryColor:((d=s==null?void 0:s.theme)==null?void 0:d.colorPrimary)??i,appearance:s})))};import xt from"react";import{motion as Wa}from"framer-motion";import er from"styled-components";var Ha={backgroundColor:"#E6E6E6"},Va=er.div`
|
|
@@ -676,7 +680,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
676
680
|
justify-content: flex-start;
|
|
677
681
|
align-items: ${e=>e.textLocation=="top"?"flex-end":"center"};
|
|
678
682
|
|
|
679
|
-
${e=>
|
|
683
|
+
${e=>qe(e)}
|
|
680
684
|
`,ja=er.div`
|
|
681
685
|
flex-grow: 1;
|
|
682
686
|
position: relative;
|
|
@@ -688,12 +692,12 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
688
692
|
padding-right: ${e=>e.padding};
|
|
689
693
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
690
694
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
691
|
-
${e=>
|
|
692
|
-
`,qa={position:"relative",left:0,top:0,width:"100%",minWidth:"40px",height:"10px",borderRadius:"20px"},Ka={position:"absolute",left:0,top:0,height:"10px",borderRadius:"20px"},ze=({count:e,total:t,fillColor:o,bgColor:i=Ha.backgroundColor,display:n="count",textLocation:r="left",style:s={},textStyle:p={},appearance:d})=>{var T,S;if(t===0)return xt.createElement(xt.Fragment,null);let a=e===0?"10px":`${e/t*100}%`,f=n==="compact"?"5px":"10px",c=Math.round(e/t*100),u=n==="compact"?"5px":"20px",w;return n==="count"?w=`${e} of ${t}`:n==="compact"?w=`${c}%`:n==="percent"&&(w=`${c}% complete`),r==="top"&&(u="0px"),xt.createElement(Va,{className:l("progressBarContainer",d),textLocation:r,styleOverrides:s},xt.createElement(Ga,{className:l("progressBarStepText",d),style:{...p,fontSize:n==="compact"?12:15,fontWeight:n==="compact"?400:500},appearance:d,padding:u,textLocation:r},w),xt.createElement(ja,{textLocation:r,className:l("progressBar",d)},xt.createElement(Wa.div,{style:{...Ka,width:a,height:f,backgroundColor:((T=d==null?void 0:d.theme)==null?void 0:T.colorPrimary)??o,zIndex:n=="compact"?1:5},className:l("progressBarFill",d)}),xt.createElement("div",{className:l("progressBarBackground",d),style:{...qa,height:f,backgroundColor:((S=d==null?void 0:d.theme)==null?void 0:S.colorSecondary)??i}})))};import
|
|
695
|
+
${e=>qe(e)}
|
|
696
|
+
`,qa={position:"relative",left:0,top:0,width:"100%",minWidth:"40px",height:"10px",borderRadius:"20px"},Ka={position:"absolute",left:0,top:0,height:"10px",borderRadius:"20px"},ze=({count:e,total:t,fillColor:o,bgColor:i=Ha.backgroundColor,display:n="count",textLocation:r="left",style:s={},textStyle:p={},appearance:d})=>{var T,S;if(t===0)return xt.createElement(xt.Fragment,null);let a=e===0?"10px":`${e/t*100}%`,f=n==="compact"?"5px":"10px",c=Math.round(e/t*100),u=n==="compact"?"5px":"20px",w;return n==="count"?w=`${e} of ${t}`:n==="compact"?w=`${c}%`:n==="percent"&&(w=`${c}% complete`),r==="top"&&(u="0px"),xt.createElement(Va,{className:l("progressBarContainer",d),textLocation:r,styleOverrides:s},xt.createElement(Ga,{className:l("progressBarStepText",d),style:{...p,fontSize:n==="compact"?12:15,fontWeight:n==="compact"?400:500},appearance:d,padding:u,textLocation:r},w),xt.createElement(ja,{textLocation:r,className:l("progressBar",d)},xt.createElement(Wa.div,{style:{...Ka,width:a,height:f,backgroundColor:((T=d==null?void 0:d.theme)==null?void 0:T.colorPrimary)??o,zIndex:n=="compact"?1:5},className:l("progressBarFill",d)}),xt.createElement("div",{className:l("progressBarBackground",d),style:{...qa,height:f,backgroundColor:((S=d==null?void 0:d.theme)==null?void 0:S.colorSecondary)??i}})))};import Rt from"react";import Ya from"styled-components";import Bo from"react";import Eo from"react";var It=({stepData:e,appearance:t})=>Eo.createElement(Eo.Fragment,null,Eo.createElement(Ei,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:ce(e.title)}),Eo.createElement(Bi,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:ce(e.subtitle)}));import Zt from"react";var Nt=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return Zt.createElement(Zt.Fragment,null,Zt.createElement(So,null,e.secondaryButtonTitle&&Zt.createElement(Z,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}),Zt.createElement(Z,{appearance:t,title:e.primaryButtonTitle,onClick:o})))};var Lt=({stepData:e,appearance:t})=>Bo.createElement(Bo.Fragment,null,Bo.createElement(It,{stepData:e,appearance:t}),Bo.createElement(Nt,{stepData:e,appearance:t}));import Ni from"react";function Li(e){if(e.videoUri.includes("youtube")){let t=e.videoUri.split("v=")[1],o=t.indexOf("&");return o!==-1&&(t=t.substring(0,o)),Ni.createElement("iframe",{width:"480",height:"260",src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:l("checklistStepVideo",e.appearance)})}else return Ni.createElement("video",{width:"480",height:"260",controls:!0,src:e.videoUri})}var tr="default",Xa=Ya.img`
|
|
693
697
|
border-radius: 4px;
|
|
694
698
|
max-height: 260px;
|
|
695
699
|
min-height: 200px;
|
|
696
|
-
`,Oi=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return
|
|
700
|
+
`,Oi=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return Rt.createElement("div",null,o)}return Rt.createElement(vi,{className:l("checklistStepContent",t)},e.imageUri?Rt.createElement(Xa,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?Rt.createElement(Li,{videoUri:e.videoUri,appearance:t}):null,Rt.createElement(Lt,{stepData:e,appearance:t}))};import Ee,{useRef as Ja,useState as Qa}from"react";import Ot from"styled-components";var Di=Ot.div`
|
|
697
701
|
display: block;
|
|
698
702
|
`,Za=Ot.div`
|
|
699
703
|
display: flex;
|
|
@@ -738,7 +742,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
738
742
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
739
743
|
border-radius: 50%;
|
|
740
744
|
}
|
|
741
|
-
`,$i="videoCarousel",Mi=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.videos))return Ee.createElement(Di,null,Ee.createElement(Lt,{stepData:e,appearance:t}));function o({video:r}){let s=Ja(),[p,d]=Qa(!1);return Ee.createElement(Ra,null,!p&&Ee.createElement(op,{onClick:()=>{d(!0),s.current.play()},appearance:t},Ee.createElement(yo,null)),Ee.createElement(ep,{controls:p,ref:s,play:p,src:r.uri}),Ee.createElement(tp,null,r.title))}let i=e.props;return i.videos?Ee.createElement(Di,null,Ee.createElement(It,{stepData:e,appearance:t}),Ee.createElement(Za,null,i.videos.map((r,s)=>Ee.createElement("span",{key:`${r.uri}-${s}`},Ee.createElement(o,{video:r})))),Ee.createElement(Nt,{stepData:e,appearance:t})):null};import
|
|
745
|
+
`,$i="videoCarousel",Mi=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.videos))return Ee.createElement(Di,null,Ee.createElement(Lt,{stepData:e,appearance:t}));function o({video:r}){let s=Ja(),[p,d]=Qa(!1);return Ee.createElement(Ra,null,!p&&Ee.createElement(op,{onClick:()=>{d(!0),s.current.play()},appearance:t},Ee.createElement(yo,null)),Ee.createElement(ep,{controls:p,ref:s,play:p,src:r.uri}),Ee.createElement(tp,null,r.title))}let i=e.props;return i.videos?Ee.createElement(Di,null,Ee.createElement(It,{stepData:e,appearance:t}),Ee.createElement(Za,null,i.videos.map((r,s)=>Ee.createElement("span",{key:`${r.uri}-${s}`},Ee.createElement(o,{video:r})))),Ee.createElement(Nt,{stepData:e,appearance:t})):null};import Je from"react";import Ao from"styled-components";var Ui=Ao.div`
|
|
742
746
|
display: block;
|
|
743
747
|
`,rp=Ao.pre`
|
|
744
748
|
display: block;
|
|
@@ -763,7 +767,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
763
767
|
margin-top: 12px;
|
|
764
768
|
`,np=Ao.div`
|
|
765
769
|
margin-top: 24px;
|
|
766
|
-
`,_i="codeSnippet",zi=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return
|
|
770
|
+
`,_i="codeSnippet",zi=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return Je.createElement(Ui,null,Je.createElement(Lt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?Je.createElement(Ui,null,Je.createElement(It,{stepData:e,appearance:t}),Je.createElement(np,null,o.codeSnippets.map((n,r)=>Je.createElement("div",{key:r},n.title?Je.createElement(ip,null,n.title):null,n.code?Je.createElement(rp,null,n.code):null))),Je.createElement(Nt,{stepData:e,appearance:t})):null};var lp=Ct.div`
|
|
767
771
|
display: flex;
|
|
768
772
|
flex-direction: row;
|
|
769
773
|
min-width: ${e=>e.type!="modal"?"1000px":"100%"};
|
|
@@ -932,7 +936,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
932
936
|
flex-direction: column;
|
|
933
937
|
justify-content: center;
|
|
934
938
|
display: flex;
|
|
935
|
-
`;import
|
|
939
|
+
`;import Ze from"react";import{motion as xp}from"framer-motion";import Qe from"styled-components";var pn=Qe.div`
|
|
936
940
|
border: 1px solid #fafafa;
|
|
937
941
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
938
942
|
border-radius: 14px;
|
|
@@ -940,13 +944,13 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
940
944
|
display: flex;
|
|
941
945
|
flex-direction: column;
|
|
942
946
|
overflow: hidden;
|
|
943
|
-
`,dn=
|
|
947
|
+
`,dn=Qe.div`
|
|
944
948
|
display: flex;
|
|
945
949
|
flex-wrap: wrap;
|
|
946
950
|
justify-content: space-between;
|
|
947
951
|
overflow: hidden;
|
|
948
952
|
row-gap: 10px;
|
|
949
|
-
`,cn=
|
|
953
|
+
`,cn=Qe.div`
|
|
950
954
|
${e=>k(e)} {
|
|
951
955
|
color: #595959;
|
|
952
956
|
}
|
|
@@ -956,7 +960,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
956
960
|
line-height: 12px;
|
|
957
961
|
letter-spacing: 0.09em;
|
|
958
962
|
margin-bottom: 12px;
|
|
959
|
-
`,mn=
|
|
963
|
+
`,mn=Qe.div`
|
|
960
964
|
${e=>k(e)} {
|
|
961
965
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
962
966
|
background: #ffffff;
|
|
@@ -969,7 +973,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
969
973
|
|
|
970
974
|
max-width: 150px;
|
|
971
975
|
min-width: 200px;
|
|
972
|
-
`,un=
|
|
976
|
+
`,un=Qe.div`
|
|
973
977
|
${e=>k(e)} {
|
|
974
978
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
975
979
|
}
|
|
@@ -981,13 +985,13 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
981
985
|
justify-content: center;
|
|
982
986
|
align-content: center;
|
|
983
987
|
align-items: center;
|
|
984
|
-
`,fn=
|
|
988
|
+
`,fn=Qe.div`
|
|
985
989
|
font-weight: 600;
|
|
986
990
|
font-size: 20px;
|
|
987
991
|
line-height: 24px;
|
|
988
992
|
width: 20px;
|
|
989
993
|
height: 20px;
|
|
990
|
-
`,gn=
|
|
994
|
+
`,gn=Qe.div`
|
|
991
995
|
${e=>k(e)} {
|
|
992
996
|
color: #434343;
|
|
993
997
|
}
|
|
@@ -996,20 +1000,20 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
996
1000
|
line-height: 17px;
|
|
997
1001
|
margin-top: 12px;
|
|
998
1002
|
margin-bottom: 8px;
|
|
999
|
-
`,hn=
|
|
1003
|
+
`,hn=Qe.div`
|
|
1000
1004
|
${e=>k(e)} {
|
|
1001
1005
|
color: #8c8c8c;
|
|
1002
1006
|
}
|
|
1003
1007
|
font-weight: 400;
|
|
1004
1008
|
font-size: 12px;
|
|
1005
1009
|
line-height: 14px;
|
|
1006
|
-
`,xn=
|
|
1010
|
+
`,xn=Qe.a`
|
|
1007
1011
|
color: ${e=>e.color};
|
|
1008
1012
|
font-size: 12px;
|
|
1009
1013
|
line-height: 14px;
|
|
1010
1014
|
font-weight: 400;
|
|
1011
1015
|
cursor: pointer;
|
|
1012
|
-
`;var Cp=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:s}=re();return
|
|
1016
|
+
`;var Cp=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:s}=re();return Ze.createElement(pn,{style:t,className:l("guideContainer",n)},Ze.createElement(cn,{className:l("guideTitle",n)},o),Ze.createElement(dn,{className:l("guideItemContainer",n)},e.map((p,d)=>Ze.createElement(mn,{key:`guide-${p.id??d}`,as:xp.div,whileHover:{boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.05)",transition:{duration:.25}},className:l("guideItem",n)},p.icon&&Ze.createElement(un,{className:l("guideIcon",n)},Ze.createElement(fn,null,p.icon)),Ze.createElement(gn,{className:l("guideItemTitle",n),dangerouslySetInnerHTML:ce(p.title)}),Ze.createElement(hn,{className:l("guideItemSubtitle",n),dangerouslySetInnerHTML:ce(p.subtitle)}),Ze.createElement(xn,{className:l("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&s(p),r&&r(p)}},p.primaryButtonTitle)))))},eo=Cp;var bp=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:a,guideData:f,guideTitle:c,onGuideButtonClick:u})=>{let w=({stepData:m,handleSecondaryCTAClick:x,handleCTAClick:F})=>m?M.createElement(Zi,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},M.createElement(Ri,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:ce(m.title)}),M.createElement(en,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:ce(m.subtitle)}),M.createElement(tn,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&M.createElement(Z,{title:m.secondaryButtonTitle,onClick:x,appearance:a,secondary:!0}),M.createElement(Z,{title:m.primaryButtonTitle,onClick:F,appearance:a}))):M.createElement(M.Fragment,null),S={...{default:m=>{var _;if((_=e[v])!=null&&_.StepContent){let z=e[v].StepContent;return M.createElement("div",null,z)}let x=e[v];return M.createElement(w,{stepData:m,handleCTAClick:()=>{x.handlePrimaryButtonClick&&x.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{x.handleSecondaryButtonClick&&x.handleSecondaryButtonClick()}})}},...d},[C,P]=Sp(0),v=s??C,B=p??P,y=()=>{var m;return e?!((m=e[v])!=null&&m.type)||!S[e[v].type]?S.default(e[v]):S[e[v].type]({stepData:e[v],primaryColor:a.theme.colorPrimary}):M.createElement(M.Fragment,null)},h=e.filter(m=>m.complete).length;return n?(a.theme.modalContainer||(a.theme.borderRadius&&(rr.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=rr),M.createElement(ot,{onClose:r,visible:n,appearance:a},M.createElement(ln,null,M.createElement(ji,null,M.createElement(Gi,{appearance:a,className:l("checklistTitle",a)},t),M.createElement(qi,{appearance:a,className:l("checklistSubtitle",a)},o)),M.createElement(Vi,null,e&&e.length>0&&M.createElement(Ki,{className:l("stepsContainer",a)},M.createElement(Yi,null,M.createElement("div",{style:{flex:3}},M.createElement(Xi,{className:l("stepsTitle",a)},i)),M.createElement(sn,null,M.createElement(ze,{fillColor:a.theme.colorPrimary,style:{width:"100%"},count:h,total:e.length,appearance:a}))),M.createElement(Ji,null,M.createElement(Qi,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,x)=>{let F=v===x;return M.createElement(on,{selected:F,className:l(`checklistStepListItem${F?"Selected":""}`,a),key:`checklist-guide-step-${m.id??x}`,disabled:m.blocked,onClick:()=>{m.blocked||B(x)},title:m.blocked?"Finish remaining steps to continue":void 0},F&&M.createElement(Po,{className:l("checklistStepItemSelectedIndicator",a),as:yp.div,layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),M.createElement(rn,{selected:F,className:l(`checklistStepListStepName${F?"Selected":""}`,a)},m.stepName),M.createElement(nn,null,M.createElement(Ye,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),M.createElement(an,null,M.createElement(Dt,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),M.createElement(y,null))),f&&f.length>0&&M.createElement(eo,{steps:f,title:c,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(u&&u(m),!0)}))))):M.createElement(M.Fragment,null)},ir=bp;import{useEffect as wp,useState as Tp}from"react";var Cn=()=>{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]=Tp(t),n=null,r=()=>{n!==null?clearTimeout(n):s(),n=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,a])=>{if(!window)return[d,!1];let f=window.matchMedia(a);return f.addEventListener("change",r),[d,f.matches]}));i(p)};return wp(()=>{s()},[]),o};import Fe,{useEffect as Ln,useState as Pp}from"react";import ue from"react";import{AnimatePresence as Fp,motion as kp}from"framer-motion";import Re from"styled-components";var Sn=Re.div`
|
|
1013
1017
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1014
1018
|
border: 1px solid;
|
|
1015
1019
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1021,42 +1025,42 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1021
1025
|
display: flex;
|
|
1022
1026
|
flex-direction: column;
|
|
1023
1027
|
transition: max-height 0.25s;
|
|
1024
|
-
`,yn=
|
|
1028
|
+
`,yn=Re.div`
|
|
1025
1029
|
display: flex;
|
|
1026
1030
|
margin-bottom: 20px;
|
|
1027
|
-
`,bn=
|
|
1031
|
+
`,bn=Re.img`
|
|
1028
1032
|
border-radius: 4px;
|
|
1029
1033
|
max-height: 260px;
|
|
1030
1034
|
min-height: 200px;
|
|
1031
|
-
`,wn=
|
|
1035
|
+
`,wn=Re.div`
|
|
1032
1036
|
display: flex;
|
|
1033
1037
|
flex-direction: row;
|
|
1034
1038
|
justify-content: space-between;
|
|
1035
1039
|
align-items: center;
|
|
1036
|
-
`,Tn=
|
|
1040
|
+
`,Tn=Re.p`
|
|
1037
1041
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1038
1042
|
font-style: normal;
|
|
1039
1043
|
font-weight: 500;
|
|
1040
1044
|
font-size: 16px;
|
|
1041
1045
|
line-height: 18px;
|
|
1042
1046
|
margin-left: 8px;
|
|
1043
|
-
`,Fn=
|
|
1047
|
+
`,Fn=Re.div`
|
|
1044
1048
|
padding: 20px;
|
|
1045
1049
|
cursor: pointer;
|
|
1046
1050
|
:hover {
|
|
1047
1051
|
opacity: 0.8;
|
|
1048
1052
|
}
|
|
1049
|
-
`,
|
|
1053
|
+
`,ux=Re.div``,kn=Re.p`
|
|
1050
1054
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1051
1055
|
font-weight: 400;
|
|
1052
1056
|
font-size: 14px;
|
|
1053
1057
|
line-height: 22px;
|
|
1054
|
-
`,Pn=
|
|
1058
|
+
`,Pn=Re.div`
|
|
1055
1059
|
display: flex;
|
|
1056
1060
|
flex-direction: row;
|
|
1057
1061
|
justify-content: flex-start;
|
|
1058
1062
|
align-items: center;
|
|
1059
|
-
`;var vn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:s})=>{var f,c;let p=t?{}:{transform:"rotate(90deg)"};function d(){return ue.createElement(ue.Fragment,null,e.imageUri||e.videoUri?ue.createElement(yn,{className:l("stepMediaContainer",r)},e.imageUri?ue.createElement(bn,{className:l("stepImage",r),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?ue.createElement(
|
|
1063
|
+
`;var vn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:s})=>{var f,c;let p=t?{}:{transform:"rotate(90deg)"};function d(){return ue.createElement(ue.Fragment,null,e.imageUri||e.videoUri?ue.createElement(yn,{className:l("stepMediaContainer",r)},e.imageUri?ue.createElement(bn,{className:l("stepImage",r),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?ue.createElement(Bt,{appearance:r,videoUri:e.videoUri}):null):null,ue.createElement(kn,{className:l("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:ce(e.subtitle)}),ue.createElement(So,{className:l("checklistCTAContainer",r)},e.secondaryButtonTitle?ue.createElement(Z,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,ue.createElement(Z,{title:e.primaryButtonTitle??"Continue",onClick:()=>i(),appearance:r})))}function a(){if(!s)return null;let u=s[e.type];return u?u(e,r):null}return ue.createElement(Sn,{onClick:()=>t?o():null,"data-testid":`step-${e.id}`,className:l("checklistStepContainer",r),appearance:r},ue.createElement(wn,{className:l("stepHeader",r)},ue.createElement(Pn,null,ue.createElement(ko,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(f=r==null?void 0:r.theme)==null?void 0:f.colorPrimary,appearance:r}),ue.createElement(Tn,{appearance:r,className:l("stepTitle",r),dangerouslySetInnerHTML:ce(e.title)})),ue.createElement(Fn,{className:l("stepChevronContainer",r),onClick:()=>o()},ue.createElement(Dt,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(c=r==null?void 0:r.theme)==null?void 0:c.colorTextSecondary}))),ue.createElement(Fp,null,!t&&ue.createElement(kp.div,{initial:{opacity:1,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:1,height:0},key:e.id,style:{overflow:"hidden"}},a()??d())))};import $t from"styled-components";var vx=$t.div`
|
|
1060
1064
|
background: #ffffff;
|
|
1061
1065
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1062
1066
|
border-radius: 6px;
|
|
@@ -1096,7 +1100,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1096
1100
|
justify-content: space-between;
|
|
1097
1101
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1098
1102
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1099
|
-
`;var vp=({title:e,subtitle:t,steps:o,onClose:i,visible:n,onCompleteStep:r,autoExpandFirstIncompleteStep:s=!0,autoCollapse:p=!0,autoExpandNextStep:d=!0,primaryColor:a="#000000",selectedStep:f,setSelectedStep:c,appearance:u,type:w,className:T,customStepTypes:S})=>{let C=o.filter(m=>m.complete).length,[P,v]=Pp(Array(o.length).fill(!0));Ln(()=>{let m=[...P];if(s){for(let x=0;x<o.length;x++)if(!o[x].complete){m[x]=!1;break}v(m)}},[]),Ln(()=>{B(f)},[f]);let B=m=>{let x=[...P];if(p)for(let F=0;F<P.length;++F)F!==m&&(x[F]=!0);x[m]=!x[m],v(x)};if(!n&&w=="modal")return Fe.createElement(Fe.Fragment,null);let y=Fe.createElement(Fe.Fragment,null,Fe.createElement(En,null,Fe.createElement(Bn,{appearance:u,className:l("checklistTitle",u),dangerouslySetInnerHTML:ce(e)}),Fe.createElement(An,{appearance:u,className:l("checklistSubtitle",u),dangerouslySetInnerHTML:ce(t)})),Fe.createElement(ze,{display:"percent",count:C,total:o.length,fillColor:a,style:{margin:"14px 0px 8px 0px"},appearance:u})),h=Fe.createElement(In,{className:Ce(l("checklistContainer",u),T)},o.map((m,x)=>{let F=P[x];return Fe.createElement(vn,{appearance:u,stepData:m,collapsed:F,key:`modal-checklist-${m.id??x}`,onClick:()=>{if(f===x){B(x);return}c(x)},onPrimaryButtonClick:()=>{r&&r(x,m),m.handlePrimaryButtonClick&&m.handlePrimaryButtonClick(),d&&!m.completionCriteria&&x<P.length-1&&P[x+1]&&c(x+1)},onSecondaryButtonClick:()=>{m.handleSecondaryButtonClick&&m.handleSecondaryButtonClick()},customStepTypes:S})}));return w==="inline"?Fe.createElement(Nn,{appearance:u,className:Ce(l("checklistInlineContainer",u),T)},y,h):Fe.createElement(Fe.Fragment,null,Fe.createElement(
|
|
1103
|
+
`;var vp=({title:e,subtitle:t,steps:o,onClose:i,visible:n,onCompleteStep:r,autoExpandFirstIncompleteStep:s=!0,autoCollapse:p=!0,autoExpandNextStep:d=!0,primaryColor:a="#000000",selectedStep:f,setSelectedStep:c,appearance:u,type:w,className:T,customStepTypes:S})=>{let C=o.filter(m=>m.complete).length,[P,v]=Pp(Array(o.length).fill(!0));Ln(()=>{let m=[...P];if(s){for(let x=0;x<o.length;x++)if(!o[x].complete){m[x]=!1;break}v(m)}},[]),Ln(()=>{B(f)},[f]);let B=m=>{let x=[...P];if(p)for(let F=0;F<P.length;++F)F!==m&&(x[F]=!0);x[m]=!x[m],v(x)};if(!n&&w=="modal")return Fe.createElement(Fe.Fragment,null);let y=Fe.createElement(Fe.Fragment,null,Fe.createElement(En,null,Fe.createElement(Bn,{appearance:u,className:l("checklistTitle",u),dangerouslySetInnerHTML:ce(e)}),Fe.createElement(An,{appearance:u,className:l("checklistSubtitle",u),dangerouslySetInnerHTML:ce(t)})),Fe.createElement(ze,{display:"percent",count:C,total:o.length,fillColor:a,style:{margin:"14px 0px 8px 0px"},appearance:u})),h=Fe.createElement(In,{className:Ce(l("checklistContainer",u),T)},o.map((m,x)=>{let F=P[x];return Fe.createElement(vn,{appearance:u,stepData:m,collapsed:F,key:`modal-checklist-${m.id??x}`,onClick:()=>{if(f===x){B(x);return}c(x)},onPrimaryButtonClick:()=>{r&&r(x,m),m.handlePrimaryButtonClick&&m.handlePrimaryButtonClick(),d&&!m.completionCriteria&&x<P.length-1&&P[x+1]&&c(x+1)},onSecondaryButtonClick:()=>{m.handleSecondaryButtonClick&&m.handleSecondaryButtonClick()},customStepTypes:S})}));return w==="inline"?Fe.createElement(Nn,{appearance:u,className:Ce(l("checklistInlineContainer",u),T)},y,h):Fe.createElement(Fe.Fragment,null,Fe.createElement(ot,{onClose:i,visible:n,appearance:u,style:{maxWidth:"600px"},headerContent:y},h))},nr=vp;import le,{useEffect as sr,useRef as Lp,useState as yt}from"react";import St from"react";import se,{css as On,keyframes as Dn}from"styled-components";var $n=On`
|
|
1100
1104
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1101
1105
|
`,Ep=On`
|
|
1102
1106
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
@@ -1231,7 +1235,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1231
1235
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1232
1236
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1233
1237
|
`}
|
|
1234
|
-
`;var Qn=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=J(),{primaryCTAClickSideEffects:n}=re(),{theme:r,styleOverrides:s}=i(o),{imageUri:p=null,subtitle:d=null,title:a=null,complete:f=!1,blocked:c=!1}=e,u=()=>{n(e)};return St.createElement(Hn,{className:l("carouselCard",o),onClick:c?null:u,style:t,blocked:c,complete:f},St.createElement("div",{style:{alignItems:"flex-start",display:"flex",justifyContent:"space-between"}},p&&St.createElement(Vn,{className:l("carouselCardImage",o),src:p,alt:a,style:{opacity:f||c?.4:1}}),f&&St.createElement(Kn,{className:l("carouselCompletedPill",o)},St.createElement(Jn,{style:{color:"#108E0B"}},"Complete"))),a&&St.createElement(Xn,{blocked:c,complete:f,className:l("carouselCardTitle",o)},a),d&&St.createElement(We.Quiet,{blocked:c,complete:f,className:l("carouselCardSubtitle",o)},d))};import
|
|
1238
|
+
`;var Qn=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=J(),{primaryCTAClickSideEffects:n}=re(),{theme:r,styleOverrides:s}=i(o),{imageUri:p=null,subtitle:d=null,title:a=null,complete:f=!1,blocked:c=!1}=e,u=()=>{n(e)};return St.createElement(Hn,{className:l("carouselCard",o),onClick:c?null:u,style:t,blocked:c,complete:f},St.createElement("div",{style:{alignItems:"flex-start",display:"flex",justifyContent:"space-between"}},p&&St.createElement(Vn,{className:l("carouselCardImage",o),src:p,alt:a,style:{opacity:f||c?.4:1}}),f&&St.createElement(Kn,{className:l("carouselCompletedPill",o)},St.createElement(Jn,{style:{color:"#108E0B"}},"Complete"))),a&&St.createElement(Xn,{blocked:c,complete:f,className:l("carouselCardTitle",o)},a),d&&St.createElement(We.Quiet,{blocked:c,complete:f,className:l("carouselCardSubtitle",o)},d))};import to from"react";var Zn=({numberOfStepsCompleted:e,numberOfSteps:t,appearance:o})=>{let i=t>0?e/t:0,n=200,r=Math.min(n,Math.max(10,Math.round(n*i)));return to.createElement(Gn,{className:l("carouselProgressBar",o)},to.createElement(qn,{as:We.Loud,style:{marginRight:8}},e," of ",t),to.createElement("svg",{height:10,width:n},to.createElement("rect",{x:0,y:0,rx:5,width:n,height:10,fill:"#E6E6E6"}),to.createElement("rect",{x:0,y:0,rx:5,width:r,height:10,fill:"currentColor"})))};var Op=()=>le.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},le.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),le.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),le.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),Rn=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=yt(!1),[r,s]=yt(!1);sr(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{n(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?le.createElement(_n,{style:d,reversed:r,onAnimationEnd:r?p:null},le.createElement(zn,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},le.createElement(Op,null))):null},es=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=Lp(null),[r,s]=yt(!1),[p,d]=yt(!1),[a,f]=yt(null),[c,u]=yt([]),[w,T]=yt(0),{getFlowMetadata:S,getFlowSteps:C,getNumberOfStepsCompleted:P,updateCustomVariables:v,getFlowStatus:B,isLoading:y,targetingLogicShouldHideFlow:h,getFlow:m}=X();sr(()=>{v(o)},[o,y]),sr(()=>{if(y)return;let A=S(e),U=P(e),$=C(e);f(A),A.data!==null&&(u($.sort((L,ie)=>Number(L.complete)-Number(ie.complete))),d($.length>3),T(U))},[y]);let x=[];for(let A=0;A<c.length;A+=3)x.push(c.slice(A,A+3));let F=A=>{let U=A.target,$=U.scrollWidth-U.clientWidth,L=Math.ceil(U.scrollLeft);L>0&&r===!1&&s(!0),L===0&&r===!0&&s(!1),L<$&&p===!1&&d(!0),L===$&&p===!0&&d(!1)},D=(A=!0)=>{let U=A?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*U,behavior:"smooth"})},_=null,z=A=>{_!==null?clearTimeout(_):F(A),_=setTimeout(()=>{F(A)},16)};return y?null:le.createElement(jn,{className:Ce(l("carouselContainer",t),i)},le.createElement("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:20}},le.createElement("div",null,le.createElement(Yn,{className:l("carouselTitle",t)},a==null?void 0:a.title),le.createElement(We.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),le.createElement(Zn,{numberOfStepsCompleted:w,numberOfSteps:c.length})),le.createElement("div",{style:{position:"relative"}},le.createElement(Rn,{show:r,onClick:()=>D(!1)}),le.createElement(Rn,{side:"right",show:p,onClick:D}),le.createElement(Mn,{ref:n,onScroll:z},x.map((A,U)=>le.createElement(Un,{key:U,style:{flex:`0 0 calc(100% - ${c.length>3?36:0}px)`}},A.map(($,L)=>le.createElement(Qn,{key:L,stepData:$,style:{flex:c.length>3?"0 1 calc(33% - 16px * 2 / 3)":1},appearance:t})))))))};var lr=({flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:n,className:r,type:s="inline",onDismiss:p,visible:d,customVariables:a,onStepCompletion:f,onButtonClick:c,appearance:u,hideOnFlowCompletion:w,setVisible:T,customStepTypes:S,checklistStyle:C="default",autoExpandFirstIncompleteStep:P,autoExpandNextStep:v,...B})=>{let{getFlow:y,getFlowSteps:h,markStepCompleted:m,getStepStatus:x,getNumberOfStepsCompleted:F,isLoading:D,targetingLogicShouldHideFlow:_,updateCustomVariables:z,getFlowMetadata:A,isStepBlocked:U,getFlowStatus:$,hasActiveFullPageFlow:L,setHasActiveFullPageFlow:ie}=X(),{primaryCTAClickSideEffects:pe,secondaryCTAClickSideEffects:O}=re(),{getOpenFlowState:we,setOpenFlowState:xe}=Pe(),[ee,j]=os(n||0),[oe,I]=os(!1),ne=d===void 0?we(e):d,fe=s==="modal",{mergeAppearanceWithDefault:ke}=J(),{isLarge:G}=Cn();if(u=ke(u),ts(()=>{z(a)},[a,D]),ts(()=>{d!==void 0&&(fe&&d===!0?ie(!0):fe&&d===!1&&ie(!1))},[d,T,L]),D)return null;let ge=y(e);if(!ge||_(ge))return null;let R=h(e);if(!R||w===!0&&$(e)===Y)return null;let K=A(e);if(K!=null&&K.title&&(t=K.title),K!=null&&K.subtitle&&(o=K.subtitle),!oe&&n===void 0&&F(e)>0){let W=Math.min(F(e),R.length-1);j(W),I(!0)}function je(){if(ee+1>=R.length){fe&&xe(e,!1);return}U(e,R[ee+1].id)||j(ee+1)}function Ge(W,pt,no){let fr=ee+1<R.length?R[ee+1]:null;c&&c(W,ee,pt,fr)===!0&&fe&&g(),f&&f(W,no,fr),!f&&!c&&(W.primaryButtonUri||W.secondaryButtonUri)&&fe&&g()}function wt(){return R.map((W,pt)=>({...W,handleSecondaryButtonClick:()=>{je(),O(W),W.skippable===!0&&m(e,W.id,{skipped:!0}),Ge(W,"secondary",pt)},handlePrimaryButtonClick:()=>{(!W.completionCriteria&&(W.autoMarkCompleted||W.autoMarkCompleted===void 0)||W.completionCriteria&&W.autoMarkCompleted===!0)&&(m(e,W.id),je()),Ge(W,"primary",pt),pe(W),x(e,W.id)===Oe&&je()}}))}function H(){return ae.createElement(te,{appearance:u})}let Be={steps:wt(),title:t,subtitle:o,primaryColor:u.theme.colorPrimary,appearance:u,customStepTypes:S,type:s,className:r,autoExpandFirstIncompleteStep:P,autoExpandNextStep:v};function g(){xe(e,!1),p&&p(),T&&T(!1)}function b(){return ae.createElement(ae.Fragment,null,ae.createElement(H,null),ae.createElement(es,{flowId:e,appearance:u,customVariables:a,className:r}))}function E(){return ae.createElement(ae.Fragment,null,ae.createElement(H,null),ae.createElement(nr,{visible:ne,onClose:()=>{g()},selectedStep:ee,setSelectedStep:j,autoExpandNextStep:!0,appearance:u,...Be}))}function V(){if(!G)return E();let W=B.guideFlowId,pt;return W&&y(W)&&(pt=h(W)),ae.createElement(ae.Fragment,null,ae.createElement(H,null),ae.createElement(ir,{visible:ne,stepsTitle:K.stepsTitle?K.stepsTitle:"Your quick start guide",onClose:()=>{g()},selectedStep:ee,setSelectedStep:j,guideData:pt,guideTitle:B.guideTitle??"Guide",appearance:u,title:t,subtitle:o,onGuideButtonClick:no=>{Ge(no,"link",0)},customStepTypes:S,...Be}))}function de(){if(!G)return E();let W=ae.createElement(or,{flowId:e,style:i,selectedStep:ee,setSelectedStep:j,appearance:u,type:s,...Be});return fe?ae.createElement(ot,{onClose:()=>{g()},visible:ne,appearance:u,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},ae.createElement(H,null),W):ae.createElement(ae.Fragment,null,ae.createElement(H,null),W)}switch(C){case"condensed":return E();case"with-guide":return V();case"default":return de();case"carousel":return b();default:return de()}};var $p=e=>Dp.createElement(lr,{type:"inline",...e});import at,{useEffect as Up}from"react";import He from"react";import Io from"styled-components";var rs=Io.div`
|
|
1235
1239
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1236
1240
|
border-radius: 8px;
|
|
1237
1241
|
padding: 6px 10px 6px 10px;
|
|
@@ -1258,7 +1262,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1258
1262
|
display: flex;
|
|
1259
1263
|
height: 100%;
|
|
1260
1264
|
align-items: center;
|
|
1261
|
-
`;import{motion as Mp}from"framer-motion";var ls=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:s,type:p="default"})=>He.createElement(He.Fragment,null,He.createElement(te,{appearance:s}),He.createElement(rs,{as:Mp.div,whileHover:{opacity:.9},whileTap:{scale:.98},onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...n},className:Ce(r??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&He.createElement(ss,{className:l("progressRingContainer",s)},He.createElement(
|
|
1265
|
+
`;import{motion as Mp}from"framer-motion";var ls=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:s,type:p="default"})=>He.createElement(He.Fragment,null,He.createElement(te,{appearance:s}),He.createElement(rs,{as:Mp.div,whileHover:{opacity:.9},whileTap:{scale:.98},onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...n},className:Ce(r??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&He.createElement(ss,{className:l("progressRingContainer",s)},He.createElement(vt,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),He.createElement(is,{type:p,className:l("badgeTitleContainer",s)},He.createElement(ns,{type:p,appearance:s,className:l("badgeTitle",s)},e),i!==void 0&&He.createElement(Dt,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&He.createElement(ze,{display:"compact",count:t,total:o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import lt from"react";import oo from"styled-components";var as=oo.div`
|
|
1262
1266
|
display: flex;
|
|
1263
1267
|
flex-direction: row;
|
|
1264
1268
|
width: 100%;
|
|
@@ -1269,25 +1273,25 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1269
1273
|
border-width: 1px;
|
|
1270
1274
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1271
1275
|
border-radius: 12px;
|
|
1272
|
-
`,ps=
|
|
1276
|
+
`,ps=oo.div`
|
|
1273
1277
|
${e=>k(e)} {
|
|
1274
1278
|
display: flex;
|
|
1275
1279
|
justify-content: center;
|
|
1276
1280
|
align-items: center;
|
|
1277
1281
|
margin-right: 16px;
|
|
1278
1282
|
}
|
|
1279
|
-
`,ds=
|
|
1283
|
+
`,ds=oo.div`
|
|
1280
1284
|
display: flex;
|
|
1281
1285
|
flex-direction: column;
|
|
1282
1286
|
flex: 1;
|
|
1283
1287
|
margin-top: 0;
|
|
1284
|
-
`,cs=
|
|
1288
|
+
`,cs=oo.div`
|
|
1285
1289
|
display: flex;
|
|
1286
1290
|
flex-direction: column;
|
|
1287
1291
|
justify-content: center;
|
|
1288
1292
|
margin-left: 16px;
|
|
1289
1293
|
min-width: 200px;
|
|
1290
|
-
`,
|
|
1294
|
+
`,VC=oo.div`
|
|
1291
1295
|
display: flex;
|
|
1292
1296
|
justify-content: center;
|
|
1293
1297
|
align-items: flex-end;
|
|
@@ -1296,7 +1300,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1296
1300
|
:hover {
|
|
1297
1301
|
opacity: 0.8;
|
|
1298
1302
|
}
|
|
1299
|
-
`;var ms=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:s,style:p})=>
|
|
1303
|
+
`;var ms=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:s,style:p})=>lt.createElement(lt.Fragment,null,lt.createElement(as,{appearance:i,className:Ce(l("fullWidthProgressBadgeContainer",i),s??""),style:p},o&<.createElement(ps,{className:l("fullWidthProgressBadgeIcon",i)},o),lt.createElement(ds,null,lt.createElement(Se,{size:"small",appearance:i,title:e,subtitle:t})),lt.createElement(cs,{className:l("fullWidthProgressBadgeProgressContainer",i)},lt.createElement(ze,{count:n,total:r,display:"percent",textLocation:"top",fillColor:i.theme.colorPrimary}))));var _p=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:s,customVariables:p,hideOnFlowCompletion:d,appearance:a,type:f="default"})=>{let{getFlow:c,getFlowSteps:u,getFlowStatus:w,getNumberOfStepsCompleted:T,isLoading:S,targetingLogicShouldHideFlow:C,updateCustomVariables:P}=X(),{mergeAppearanceWithDefault:v}=J();a=v(a);let{setOpenFlowState:B,getOpenFlowState:y}=Pe();if(Up(()=>{P(p)},[p,S]),S)return null;let h=c(e);if(!h||C(h)||d===!0&&w(e)===Y)return null;let m=u(e),x=T(e);return f==="full-width"?at.createElement(at.Fragment,null,at.createElement(te,{appearance:a}),at.createElement(ms,{title:t,subtitle:o,count:x,total:m.length,style:n,className:s,appearance:a,icon:i,onClick:()=>{}})):at.createElement(at.Fragment,null,at.createElement(te,{appearance:a}),at.createElement(ls,{count:x,total:m.length,title:t,style:n,onClick:()=>{B(e,!0),r&&r()},type:f,className:s,appearance:a}))};import zp from"react";var Wp=({flowId:e,style:t,appearance:o,...i})=>{let{getFlow:n,targetingLogicShouldHideFlow:r,getFlowSteps:s}=X(),{mergeAppearanceWithDefault:p}=J();o=p(o);let d=n(e);if(!d||r(d))return null;let a=s(e);return zp.createElement(eo,{steps:a,style:t,appearance:o,...i})};import Ut,{useContext as Rp,useEffect as ed}from"react";import N,{useEffect as No,useLayoutEffect as gs,useRef as qp,useState as ro}from"react";import io from"styled-components";import{useCallback as Hp,useEffect as Vp,useState as jp}from"react";var ar=(e,t,o,i={x:20,y:20},n)=>{let r=n=="fixed"?0:window.scrollY,s=n=="fixed"?0:window.scrollX;return!e||!e.left||!e.top?{x:0,y:0}:t==="left"?{x:e.left-o+i.x+s,y:e.top-i.y+r}:t==="right"?{x:e.left+e.width+i.x+s,y:e.top-i.y+r}:{x:0,y:0}},us={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0};function Gp(e){let t=us;return e&&(t=e.getBoundingClientRect()),t}function fs(e,t){let[o,i]=jp(us),n=Hp(()=>{e&&i(Gp(e))},[e]);return Vp(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),o}var hs=300,xs=100,Kp=500,Mt=12,Yp=io.div`
|
|
1300
1304
|
width: 100%;
|
|
1301
1305
|
height: 100%;
|
|
1302
1306
|
border-radius: 9999px;
|
|
@@ -1319,25 +1323,25 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1319
1323
|
opacity: 0;
|
|
1320
1324
|
}
|
|
1321
1325
|
}
|
|
1322
|
-
`,Xp=
|
|
1326
|
+
`,Xp=io.div`
|
|
1323
1327
|
width: ${Mt}px;
|
|
1324
1328
|
height: ${Mt}px;
|
|
1325
1329
|
border-radius: 100px;
|
|
1326
1330
|
background-color: ${e=>e.primaryColor};
|
|
1327
1331
|
z-index: 20;
|
|
1328
1332
|
opacity: 1;
|
|
1329
|
-
`,Jp=
|
|
1333
|
+
`,Jp=io.div`
|
|
1330
1334
|
pointer-events: all;
|
|
1331
|
-
`,Cs=
|
|
1335
|
+
`,Cs=io.div`
|
|
1332
1336
|
display: flex;
|
|
1333
1337
|
align-content: center;
|
|
1334
1338
|
justify-content: center;
|
|
1335
1339
|
align-items: center;
|
|
1336
1340
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1337
|
-
`,Qp=
|
|
1341
|
+
`,Qp=io(Cs)`
|
|
1338
1342
|
width: ${Mt+12}px;
|
|
1339
1343
|
height: ${Mt+12}px;
|
|
1340
|
-
`,Zp=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:a=0,customStepTypes:f,appearance:c,dismissible:u=!1,showHighlightOnly:w,showStepCount:T=!0,completedStepsCount:S=0,showFrigadeBranding:C=!1})=>{var K,je,Ge,wt;let[P,v]=
|
|
1344
|
+
`,Zp=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:a=0,customStepTypes:f,appearance:c,dismissible:u=!1,showHighlightOnly:w,showStepCount:T=!0,completedStepsCount:S=0,showFrigadeBranding:C=!1})=>{var K,je,Ge,wt;let[P,v]=ro(),[B,y]=ro(new Date),h=qp(null),[m,x]=ro(document.querySelector(e[a].selector)),F=fs(m,B),[D,_]=ro(),[z,A]=ro(!w),U=(je=(K=e[a])==null?void 0:K.props)!=null&&je.position?e[a].props.position:"absolute",$=((wt=(Ge=e[a])==null?void 0:Ge.props)==null?void 0:wt.zIndex)??90,L=(P==null?void 0:P.width)??hs,ie=(P==null?void 0:P.height)??xs;gs(()=>{h.current&&v({width:h.current.clientWidth,height:h.current.clientHeight})},[a,B,U]),No(()=>{w||A(!0)},[a]);let pe=i==="auto"?"right":i,O=ar(F,pe,L,s,U),we=F.right+L>(window.innerWidth||document.documentElement.clientWidth),xe=F.bottom+xs>(window.innerHeight||document.documentElement.clientHeight);we&&i==="auto"&&(O=ar(F,"left",L,s,U),pe="left");let ee=window.location.pathname.split("/").pop(),j=()=>{let H=document.querySelector(e[a].selector);D&&D===JSON.stringify(H==null?void 0:H.getBoundingClientRect())||(x(H),y(new Date),H&&_(JSON.stringify(H.getBoundingClientRect())))};if(No(()=>{let H=new MutationObserver(j);return H.observe(document.body,{subtree:!0,childList:!0}),()=>H.disconnect()},[j]),No(()=>{let H=new MutationObserver(j);return H.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>H.disconnect()},[j]),No(()=>{let H=setInterval(()=>{j()},10);return()=>clearInterval(H)},[j]),gs(()=>{setTimeout(()=>{j()},Kp),j()},[a,ee]),m===null)return N.createElement(N.Fragment,null);if(O.x==0&&O.y==0)return N.createElement(N.Fragment,null);if(!p)return N.createElement(N.Fragment,null);let oe=()=>{let H=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),A(!1),setTimeout(()=>{j()},30)),S===e.length-1)return o()},Be=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),w&&A(!1))};return N.createElement(N.Fragment,null,T&&N.createElement(vr,null,N.createElement(Br,{className:l("tooltipStepCounter",c)},a+1," of ",e.length)),N.createElement(Er,{showStepCount:T,className:l("tooltipCTAContainer",c)},e[a].secondaryButtonTitle&&N.createElement(Z,{title:e[a].secondaryButtonTitle,appearance:c,onClick:Be,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&N.createElement(Z,{title:e[a].primaryButtonTitle,appearance:c,onClick:H,withMargin:!1,size:"small"})))},I=()=>N.createElement(N.Fragment,null,u&&N.createElement(Tr,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",c)},N.createElement(ve,null)),e[a].imageUri&&N.createElement(Fr,{dismissible:u,appearance:c,src:e[a].imageUri,className:l("tooltipImageContainer",c)}),e[a].videoUri&&!e[a].imageUri&&N.createElement(kr,{dismissible:u,appearance:c,className:l("tooltipVideoContainer",c)},N.createElement(Bt,{appearance:c,videoUri:e[a].videoUri})),N.createElement(Se,{appearance:c,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),N.createElement(Pr,{className:l("tooltipFooter",c)},N.createElement(oe,null))),fe={...{default:H=>{var Be;if((Be=e[a])!=null&&Be.StepContent){let g=e[a].StepContent;return N.createElement("div",null,g)}return N.createElement(I,null)}},...f},ke=()=>{var H;return e?!((H=e[a])!=null&&H.type)||!fe[e[a].type]?fe.default(e[a]):fe[e[a].type]({stepData:e[a],primaryColor:r}):N.createElement(N.Fragment,null)};if(w&&e[a].complete===!0)return null;let G={top:(O==null?void 0:O.y)-Mt,left:(pe=="left"?F.x+s.x:(O==null?void 0:O.x)-Mt)??0,cursor:w?"pointer":"default",position:U},ge=()=>{let Be=G.left+(pe=="left"?-L:24);return Math.min(Math.max(Be,20),window.innerWidth-L-20)},R=()=>{w&&(y(new Date),A(!z))};return N.createElement(Jp,null,N.createElement(Qp,{style:G,zIndex:$,className:l("tourHighlightContainer",c)},n&&e[a].showHighlight!==!1&&N.createElement(N.Fragment,null,N.createElement(Xp,{style:{position:U},onClick:R,primaryColor:c.theme.colorPrimary}),N.createElement(Yp,{style:{position:"absolute"},onClick:R,primaryColor:c.theme.colorPrimary}))),N.createElement(Cs,{style:{...G,left:ge()},zIndex:$+1,className:l("tooltipContainerWrapper",c)},z&&N.createElement(N.Fragment,null,N.createElement(po,{ref:h,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:12,...d},appearance:c,className:l("tooltipContainer",c),maxWidth:hs,zIndex:$+10},N.createElement(ke,null)),C&&N.createElement(Ir,{className:l("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:$+10},N.createElement(co,{appearance:c})))))},Lo=Zp;import{Portal as td}from"react-portal";var od=({flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:s,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:a=!1,dismissBehavior:f="complete-flow",onComplete:c,...u})=>{let{getFlow:w,getFlowSteps:T,isLoading:S,targetingLogicShouldHideFlow:C,markStepCompleted:P,markStepStarted:v,markFlowCompleted:B,updateCustomVariables:y,getCurrentStepIndex:h,getStepStatus:m,isStepBlocked:x,getFlowStatus:F,getNumberOfStepsCompleted:D}=X(),{isLoadingUserFlowStateData:_}=Ie(),{primaryCTAClickSideEffects:z,secondaryCTAClickSideEffects:A}=re(),{hasOpenModals:U}=Pe(),$=h(e),{openFlowStates:L}=Rp(q),{mergeAppearanceWithDefault:ie}=J();if(o=ie(o),ed(()=>{y(t)},[t,S]),_)return null;let pe=w(e);if(!pe||C(pe)||F(e)==Y||U())return null;let O=T(e);if(Object.keys(L).length>0){let I=Object.keys(L).find(ne=>L[ne]===!0);if(I!==void 0&&I!==e)return Ut.createElement(Ut.Fragment,null)}async function we(I){if(await P(e,I.id),O.map(ne=>m(e,ne.id)).every(ne=>ne===Oe)){await B(e);return}if(!a&&$+1<O.length){if(x(e,O[$+1].id))return;await v(e,O[$+1].id)}}function xe(I,ne,fe){let ke=$+1<O.length?O[$+1]:null;n&&n(I,$,ne,ke),i&&i(I,fe,ke)}function ee(){return O.map(I=>({...I,handleSecondaryButtonClick:async()=>{A(I),I.skippable===!0&&await P(e,I.id,{skipped:!0}),xe(I,"secondary",$)},handlePrimaryButtonClick:async()=>{(!I.completionCriteria&&(I.autoMarkCompleted||I.autoMarkCompleted===void 0)||I.completionCriteria&&I.autoMarkCompleted===!0)&&await we(I),xe(I,"primary",$),z(I)}}))}async function j(I){s&&s(),f==="complete-flow"?await B(e):await P(e,I.id)}function oe(){c&&c()}return Ut.createElement(td,null,Ut.createElement(te,{appearance:o}),r?O.map((I,ne)=>Ut.createElement(Lo,{key:I.id,appearance:o,steps:ee(),selectedStep:ne,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>j(I),tooltipPosition:d,showHighlightOnly:a,completedStepsCount:D(e),onComplete:oe,...u})):Ut.createElement(Lo,{appearance:o,steps:ee(),selectedStep:$,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>j(O[$]),tooltipPosition:d,completedStepsCount:D(e),showHighlightOnly:a,onComplete:oe,...u}))};import be,{useEffect as rd,useRef as id,useState as nd}from"react";import{Portal as sd}from"react-portal";import bt from"styled-components";var Ss=bt.button`
|
|
1341
1345
|
${e=>k(e)} {
|
|
1342
1346
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1343
1347
|
|
|
@@ -1506,7 +1510,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1506
1510
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1507
1511
|
align-items: flex-end;
|
|
1508
1512
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1509
|
-
`;import zs from"react";var Ws=({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:"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"}));var cd=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:s,type:p="full-width",icon:d})=>{let{getFlow:a,markFlowCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowMetadata:T,getFlowStatus:S,getFlowSteps:C,getCurrentStepIndex:P}=X(),{primaryCTAClickSideEffects:v}=re(),{mergeAppearanceWithDefault:B}=J();if(s=B(s),dd(()=>{w(n)},[n,c]),c)return null;let y=a(e);if(!y||u(y)||S(e)===Y)return null;let h=C(e),m=h.length>0?h[P(e)]:T(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),he.createElement(he.Fragment,null,he.createElement(te,{appearance:s}),he.createElement($s,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&he.createElement(Ms,{className:l("bannerIconContainer",s)},d||he.createElement(Ws,null)),p==="square"&&m.dismissible&&he.createElement(dr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(pr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(ve,null))),he.createElement(Us,{type:p},he.createElement(Se,{appearance:s,title:t,subtitle:o})),he.createElement(_s,{type:p,className:l("bannerCallToActionContainer",s)},he.createElement(Z,{title:(m==null?void 0:m.primaryButtonTitle)??"Get started",appearance:s,onClick:()=>{v(m),r&&r(m,0,"primary")}})),p!=="square"&&m.dismissible&&he.createElement(dr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(pr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(ve,null)))))};import Q,{useEffect as md}from"react";import{Portal as ud}from"react-portal";import
|
|
1513
|
+
`;import zs from"react";var Ws=({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:"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"}));var cd=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:s,type:p="full-width",icon:d})=>{let{getFlow:a,markFlowCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowMetadata:T,getFlowStatus:S,getFlowSteps:C,getCurrentStepIndex:P}=X(),{primaryCTAClickSideEffects:v}=re(),{mergeAppearanceWithDefault:B}=J();if(s=B(s),dd(()=>{w(n)},[n,c]),c)return null;let y=a(e);if(!y||u(y)||S(e)===Y)return null;let h=C(e),m=h.length>0?h[P(e)]:T(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),he.createElement(he.Fragment,null,he.createElement(te,{appearance:s}),he.createElement($s,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&he.createElement(Ms,{className:l("bannerIconContainer",s)},d||he.createElement(Ws,null)),p==="square"&&m.dismissible&&he.createElement(dr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(pr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(ve,null))),he.createElement(Us,{type:p},he.createElement(Se,{appearance:s,title:t,subtitle:o})),he.createElement(_s,{type:p,className:l("bannerCallToActionContainer",s)},he.createElement(Z,{title:(m==null?void 0:m.primaryButtonTitle)??"Get started",appearance:s,onClick:()=>{v(m),r&&r(m,0,"primary")}})),p!=="square"&&m.dismissible&&he.createElement(dr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(pr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(ve,null)))))};import Q,{useEffect as md}from"react";import{Portal as ud}from"react-portal";import et from"styled-components";var Hs=et.div`
|
|
1510
1514
|
${e=>k(e)} {
|
|
1511
1515
|
display: flex;
|
|
1512
1516
|
flex-direction: column;
|
|
@@ -1527,7 +1531,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1527
1531
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1528
1532
|
min-width: 550px;
|
|
1529
1533
|
}
|
|
1530
|
-
`,Vs=
|
|
1534
|
+
`,Vs=et.button`
|
|
1531
1535
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1532
1536
|
border-radius: 8px;
|
|
1533
1537
|
// If selected make border color primary and text color color priamry
|
|
@@ -1548,30 +1552,30 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1548
1552
|
display: flex;
|
|
1549
1553
|
justify-content: center;
|
|
1550
1554
|
align-items: center;
|
|
1551
|
-
`,cr=
|
|
1555
|
+
`,cr=et.div`
|
|
1552
1556
|
display: flex;
|
|
1553
1557
|
justify-content: flex-end;
|
|
1554
1558
|
margin-top: 16px;
|
|
1555
1559
|
gap: 8px;
|
|
1556
|
-
`,js=
|
|
1560
|
+
`,js=et.div`
|
|
1557
1561
|
display: flex;
|
|
1558
1562
|
justify-content: space-between;
|
|
1559
1563
|
margin-top: 8px;
|
|
1560
|
-
`,mr=
|
|
1564
|
+
`,mr=et.div`
|
|
1561
1565
|
font-size: 12px;
|
|
1562
1566
|
line-height: 16px;
|
|
1563
1567
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1564
|
-
`,ur=
|
|
1568
|
+
`,ur=et.div`
|
|
1565
1569
|
display: flex;
|
|
1566
1570
|
flex-direction: column;
|
|
1567
1571
|
flex: 1;
|
|
1568
|
-
`,
|
|
1572
|
+
`,ey=et.div`
|
|
1569
1573
|
display: flex;
|
|
1570
1574
|
flex-direction: column;
|
|
1571
1575
|
justify-content: center;
|
|
1572
1576
|
align-items: flex-start;
|
|
1573
1577
|
margin-top: 16px;
|
|
1574
|
-
`,Gs=
|
|
1578
|
+
`,Gs=et.textarea`
|
|
1575
1579
|
${e=>k(e)} {
|
|
1576
1580
|
margin-top: 16px;
|
|
1577
1581
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
@@ -1582,7 +1586,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1582
1586
|
width: 100%;
|
|
1583
1587
|
height: 100px;
|
|
1584
1588
|
}
|
|
1585
|
-
`,qs=
|
|
1589
|
+
`,qs=et.div`
|
|
1586
1590
|
${e=>k(e)} {
|
|
1587
1591
|
position: absolute;
|
|
1588
1592
|
top: 16px;
|
|
@@ -1593,5 +1597,5 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
|
|
|
1593
1597
|
opacity: 0.8;
|
|
1594
1598
|
}
|
|
1595
1599
|
}
|
|
1596
|
-
`;var fd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s})=>{let{getFlow:p,markFlowCompleted:d,markStepCompleted:a,getNumberOfStepsCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:C}=X(),{primaryCTAClickSideEffects:P}=re(),{mergeAppearanceWithDefault:v}=J(),[B,y]=Q.useState(null),[h,m]=Q.useState(""),{hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:F,shouldKeepCompletedFlowOpenDuringSession:D}=Pe();if(n=v(n),md(()=>{w(o)},[o,c]),c)return null;let _=p(e);if(!_||u(_)||S(e)===Y||f(e)===1&&!D(e)||x())return null;let A=T(e)[C(e)];function U(){return Q.createElement(Q.Fragment,null,Q.createElement(ur,null,Q.createElement(Se,{size:"large",appearance:n,title:A.title,subtitle:A.subtitle})),Q.createElement(cr,{className:l("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(L=>Q.createElement(Vs,{className:l("npsNumberButton",n),selected:B===L+1,key:L,onClick:async()=>{F(e),y(L+1),await a(e,A.id,{score:L+1})},appearance:n},L+1))),Q.createElement(js,{appearance:n},Q.createElement(mr,{appearance:n},"Not likely at all"),Q.createElement(mr,{appearance:n},"Extremely likely")))}function $(){return Q.createElement(Q.Fragment,null,Q.createElement(ur,null,Q.createElement(Se,{appearance:n,title:"Why did you choose this score?",size:"large"})),Q.createElement(Gs,{appearance:n,value:h,onChange:L=>{m(L.target.value)},placeHolder:"Add your optional fedback here..."}),Q.createElement(cr,{appearance:n,className:l("npsNumberButtonContainer",n)},Q.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await d(e),i&&i(A,1,"primary")},appearance:n,title:A.secondaryButtonTitle||"Skip",secondary:!0}),Q.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await a(e,A.id,{feedbackText:h}),await d(e),i&&i(A,1,"primary")},appearance:n,title:A.primaryButtonTitle||"Submit"})))}return Q.createElement(ud,null,Q.createElement(te,{appearance:n}),Q.createElement(Hs,{appearance:n,className:Ce(l("npsSurveyContainer",n),r),style:s},Q.createElement(qs,{onClick:async()=>{await d(e),t&&t()},className:l("npsSurveyDismissButton",n)},Q.createElement(ve,null)),f(e)==0&&U(),f(e)==1&&$()))};export{
|
|
1600
|
+
`;var fd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s})=>{let{getFlow:p,markFlowCompleted:d,markStepCompleted:a,getNumberOfStepsCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:C}=X(),{primaryCTAClickSideEffects:P}=re(),{mergeAppearanceWithDefault:v}=J(),[B,y]=Q.useState(null),[h,m]=Q.useState(""),{hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:F,shouldKeepCompletedFlowOpenDuringSession:D}=Pe();if(n=v(n),md(()=>{w(o)},[o,c]),c)return null;let _=p(e);if(!_||u(_)||S(e)===Y||f(e)===1&&!D(e)||x())return null;let A=T(e)[C(e)];function U(){return Q.createElement(Q.Fragment,null,Q.createElement(ur,null,Q.createElement(Se,{size:"large",appearance:n,title:A.title,subtitle:A.subtitle})),Q.createElement(cr,{className:l("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(L=>Q.createElement(Vs,{className:l("npsNumberButton",n),selected:B===L+1,key:L,onClick:async()=>{F(e),y(L+1),await a(e,A.id,{score:L+1})},appearance:n},L+1))),Q.createElement(js,{appearance:n},Q.createElement(mr,{appearance:n},"Not likely at all"),Q.createElement(mr,{appearance:n},"Extremely likely")))}function $(){return Q.createElement(Q.Fragment,null,Q.createElement(ur,null,Q.createElement(Se,{appearance:n,title:"Why did you choose this score?",size:"large"})),Q.createElement(Gs,{appearance:n,value:h,onChange:L=>{m(L.target.value)},placeHolder:"Add your optional fedback here..."}),Q.createElement(cr,{appearance:n,className:l("npsNumberButtonContainer",n)},Q.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await d(e),i&&i(A,1,"primary")},appearance:n,title:A.secondaryButtonTitle||"Skip",secondary:!0}),Q.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await a(e,A.id,{feedbackText:h}),await d(e),i&&i(A,1,"primary")},appearance:n,title:A.primaryButtonTitle||"Submit"})))}return Q.createElement(ud,null,Q.createElement(te,{appearance:n}),Q.createElement(Hs,{appearance:n,className:Ce(l("npsSurveyContainer",n),r),style:s},Q.createElement(qs,{onClick:async()=>{await d(e),t&&t()},className:l("npsSurveyDismissButton",n)},Q.createElement(ve,null)),f(e)==0&&U(),f(e)==1&&$()))};export{Ye as CheckBox,it as FormLabel,Vo as FormTextField,cd as FrigadeBanner,lr as FrigadeChecklist,Ke as FrigadeDefaultAppearance,pd as FrigadeEmbeddedTip,Si as FrigadeForm,Wp as FrigadeGuide,$p as FrigadeHeroChecklist,fd as FrigadeNPSSurvey,_p as FrigadeProgressBadge,Ua as FrigadeProvider,ld as FrigadeSupportWidget,od as FrigadeTour,vt as ProgressRing,Pe as useFlowOpens,Wt as useFlowResponses,X as useFlows,Qo as useOrganization,Ht as useUser};
|
|
1597
1601
|
//# sourceMappingURL=index.mjs.map
|