@frigade/react 1.32.35 → 1.32.37
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/README.md +1 -1
- package/lib/index.js +107 -107
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +109 -109
- 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 mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import{ThemeProvider as ba}from"styled-components";import ct,{useContext as Ca,useEffect as yo,useState as jo}from"react";import{useCallback as lt,useContext as Vs,useEffect as Ks}from"react";import Io,{useMemo as Ds}from"react";var sr="1.32.35 ";var Se="https://api.frigade.com/v1/public/",Ee="NOT_STARTED_STEP",Z="COMPLETED_FLOW",oo="ABORTED_FLOW",st="STARTED_FLOW",Ie="NOT_STARTED_FLOW",Ne="COMPLETED_STEP",ro="STARTED_STEP";function Oe(){let{publicApiKey:e,userId:t}=Io.useContext(K);return{config:Ds(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":sr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}function yt(){let{shouldGracefullyDegrade:e}=Io.useContext(K);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),to();let n;try{n=await fetch(t,o)}catch(r){return to(r)}return n?n.ok?n:to(n.statusText):to()}}function to(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function bt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Io.useContext(K);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 Hs,useState as lr}from"react";import{useContext as Ms,useEffect as Us,useState as _s}from"react";import Ws from"swr";import{useContext as $s}from"react";function Fe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:n,completedFlowsToKeepOpenDuringSession:r}=$s(K);function i(c,u=!1){return e[c]??u}function s(c,u){t(b=>({...b,[c]:u}))}function p(c){t(u=>{let{[c]:b,...w}=u;return{...w}})}function d(c){r.includes(c)||n(u=>[...u,c])}function a(c){return r.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:i,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var zs="unknown";function Be(){let{config:e}=Oe(),{publicApiKey:t,userId:o,flows:n,setShouldGracefullyDegrade:r}=Ms(K),{resetOpenFlowState:i}=Fe(),[s,p]=_s(!1),d={data:n.map(k=>({flowId:k.id,flowState:Z,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=k=>fetch(k,e).then(x=>{if(x.ok)return x.json();throw new Error("Failed to fetch user flow states")}).catch(x=>(console.log(`Error fetching ${k}: ${x}. Will gracefully degrade and hide Frigade`),r(!0),d)),{data:f,isLoading:c,mutate:u,error:b}=Ws(t&&n&&o?`${Se}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{keepPreviousData:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),w=f==null?void 0:f.data;Us(()=>{!s&&!c&&w&&p(!0)},[w,s,c]);async function S(k){if(w){let x=w.find(m=>m.flowId===k);x&&x.flowState!==Z&&(x.flowState=Z),await u(Promise.resolve({...f,data:w}),{optimisticData:{...f,data:w},revalidate:!1,rollbackOnError:!1})}}async function g(k,x,m){if(w){let C=w.find(v=>v.flowId===k);C&&(C.stepStates[x]=m,C.flowState=st),await u(Promise.resolve({...f,data:w}),{optimisticData:{...f,data:w},revalidate:!1,rollbackOnError:!1})}}async function P(k,x,m){if(w){let C=w.find(v=>v.flowId===k);C&&(C.lastStepId=x,C.stepStates[x]=m,C.flowState=st),await u({...f,data:w},{optimisticData:{...f,data:w},revalidate:!1,rollbackOnError:!1})}}async function T(k){if(w){let x=w.find(m=>m.flowId===k);x&&x.flowState!==Ie&&(x.flowState=Ie,x.lastStepId=zs,Object.keys(x.stepStates).forEach(m=>{x.stepStates[m].actionType=Ee,x.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:w},{optimisticData:{...f,data:w},revalidate:!1,rollbackOnError:!1}),i(k))}}async function B(k,x){if(w){let m=w.find(C=>C.flowId===k);m&&m.stepStates[x]!==Ee&&(m.stepStates[x]=Ee),await u({...f,data:w},{optimisticData:{...f,data:w},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:w,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:T,optimisticallyMarkStepCompleted:g,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:P,error:b}}function _t(){let{config:e}=Oe(),{userFlowStatesData:t,mutateUserFlowState:o}=Be(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:i,setFlowResponses:s}=Hs(K),[p,d]=lr(new Set),[a,f]=lr(new Set),c=yt();function u(S){let g=JSON.stringify(S);if(p.has(g))return null;p.add(g),d(p),a.add(S),f(a);let P=i==null?void 0:i.find(T=>T.flowSlug===S.flowSlug&&T.stepId===S.stepId&&T.actionType===S.actionType&&T.createdAt===S.createdAt);return c(`${Se}flowResponses`,{...e,method:"POST",body:g}).then(T=>{T.status!==200&&T.status!==201?(console.log("Failed to send flow response for step "+S.stepId+". Will retry again later."),r([...n,S])):P||s(B=>[...B??[],S])})}async function b(S){S.foreignUserId&&(S.actionType===st||S.actionType===Ie?await u(S):S.actionType===Z?await u(S):S.actionType===ro?await u(S):S.actionType===Ne?await u(S):S.actionType===oo?await u(S):S.actionType===Ee&&await u(S))}function w(){let S=[];return t==null||t.forEach(g=>{if(g&&g.stepStates&&Object.keys(g.stepStates).length!==0)for(let P in g.stepStates){let T=g.stepStates[P];S.push({foreignUserId:g.foreignUserId,flowSlug:g.flowId,stepId:T.stepId,actionType:T.actionType,data:{},createdAt:new Date(T.createdAt),blocked:T.blocked,hidden:T.hidden})}}),[...S,...i]}return{addResponse:b,setFlowResponses:s,getFlowResponses:w}}import qs from"swr";var js=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,ar=e=>{let t=js.exec(e);if(t===null)return null;let o=null;return t.forEach((n,r)=>{let i=Gs(n,"'","");i.startsWith("flow_")&&(o=i)}),o},Gs=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function X(){let{config:e}=Oe(),{flows:t,setFlows:o,userId:n,publicApiKey:r,customVariables:i,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=Vs(K),c={data:[]},{verifySDKInitiated:u}=bt(),{addResponse:b,getFlowResponses:w}=_t(),S=h=>fetch(h,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${h} (${y.status}): ${y.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(y=>(console.log(`Error fetching ${h}: ${y}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:g,isLoadingUserFlowStateData:P,optimisticallyMarkFlowCompleted:T,optimisticallyMarkFlowNotStarted:B,optimisticallyMarkStepCompleted:k,optimisticallyMarkStepNotStarted:x,optimisticallyMarkStepStarted:m}=Be(),{data:C,error:v,isLoading:M}=qs(r?`${Se}flows`:null,S,{keepPreviousData:!0});Ks(()=>{if(v){console.error(v);return}C&&C.data&&(C.data=o(C.data))},[C,v]);function $(h){if(M)return null;let y=t.find(E=>E.slug===h);return!y&&t.length>0&&!P&&!M?(console.log(`Flow with slug ${h} not found`),null):(y==null?void 0:y.active)===!1?null:y}function U(h){var j;if(!$(h))return[];let y=$(h).data;return y?(y=A(y),(((j=JSON.parse(y))==null?void 0:j.data)??[]).map(le=>{let z=Te(le);return{handleSecondaryButtonClick:()=>{le.skippable===!0&&W(h,le.id,{skipped:!0})},...le,complete:N(h,le.id)===Ne||z>=1,blocked:V(h,le.id),hidden:we(h,le.id),handlePrimaryButtonClick:()=>{(!le.completionCriteria&&(le.autoMarkCompleted||le.autoMarkCompleted===void 0)||le.completionCriteria&&le.autoMarkCompleted===!0)&&W(h,le.id)},progress:z}}).filter(le=>le.hidden!==!0)):[]}function A(h){return h.replace(/\${(.*?)}/g,(y,E)=>i[E]!==void 0?String(i[E]):"")}function H(h){if(!$(h))return[];let y=$(h).data;return y?(y=A(y),JSON.parse(y)??{}):[]}function I(h,y){s(E=>({...E,[h]:y}))}function _(h){!P&&!M&&h&&JSON.stringify(i)!=JSON.stringify({...i,...h})&&Object.keys(h).forEach(y=>{I(y,h[y])})}let te=lt(async(h,y,E)=>{u();let j={foreignUserId:n,flowSlug:h,stepId:y,actionType:ro,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(j)&&(await m(h,y,j),b(j))},[n,g]),q=lt(async(h,y,E)=>{u();let j={foreignUserId:n,flowSlug:h,stepId:y,actionType:Ee,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(j)&&(await x(h,y),b(j))},[n,g]),W=lt(async(h,y,E)=>{console.log("markStepCompleted",h,y,E),u();let j={foreignUserId:n,flowSlug:h,stepId:y,actionType:Ne,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(j)&&(await k(h,y,j),b(j))},[n,g]),be=lt(async(h,y)=>{if(u(),ce(h)===Ie)return;let E={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:Ie,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};await B(h),oe(E)&&b(E)},[n,g]),me=lt(async(h,y)=>{u();let E={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:st,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&b(E)},[n,g]),G=lt(async(h,y)=>{u();let E={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:Z,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await T(h),b(E))},[n,g]),L=lt(async(h,y)=>{u();let E={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:oo,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await T(h),b(E))},[n,g]);function oe(h){var y;if(!g&&h.actionType===Ee)return!1;if(g){let E=g.find(j=>j.flowId===h.flowSlug);if(h.actionType===Ee&&(!(E!=null&&E.stepStates[h.stepId])||E.stepStates[h.stepId].actionType===Ee)||E&&((y=E.stepStates[h.stepId])==null?void 0:y.actionType)===h.actionType)return!1}return!0}function N(h,y){let E=ve(h,y);return P?null:E?E.actionType:Ee}function V(h,y){let E=ve(h,y);return E?E.blocked:!1}function we(h,y){let E=ve(h,y);return E?E.hidden:!1}function ve(h,y){if(P)return null;let E=g==null?void 0:g.find(j=>j.flowId===h);return!E||!E.stepStates[y]?null:E.stepStates[y]??null}function St(h){var E;if(P||!g)return null;if(ce(h)===Ie)return U(h)[0]??null;let y=(E=g.find(j=>j.flowId===h))==null?void 0:E.lastStepId;return y?U(h).find(j=>j.id===y):null}function rt(h){let y=St(h);if(!y)return 0;let E=U(h).findIndex(j=>j.id===y.id)??0;return N(h,y.id)===Ne&&E<U(h).length-1?E+1:E}function Te(h){if(!h.completionCriteria)return;let y=ar(h.completionCriteria);if(y===null)return;let E=ze(y),j=He(y);return j===0?void 0:E/j}function ce(h){let y=g==null?void 0:g.find(E=>E.flowId===h);return y?y.flowState:null}function ze(h){let y=U(h);return y.length===0?0:y.filter(j=>N(h,j.id)===Ne).length}function He(h){return U(h).length}function Y(h){return JSON.parse(t.find(y=>y.slug===h).data)}function fe(h){if(P)return!0;if(h!=null&&h.targetingLogic&&g){let y=g.find(E=>E.flowId===h.slug);if(y)return y.shouldTrigger===!1}return!!(h!=null&&h.targetingLogic&&n&&n.startsWith("guest_"))}function it(h){return!fe($(h))}return{getFlow:$,getFlowData:Y,isLoading:P||M,getStepStatus:N,getFlowSteps:U,getCurrentStepIndex:rt,markStepStarted:te,markStepCompleted:W,markFlowNotStarted:be,markFlowStarted:me,markFlowCompleted:G,markFlowAborted:L,markStepNotStarted:q,getFlowStatus:ce,getNumberOfStepsCompleted:ze,getNumberOfSteps:He,targetingLogicShouldHideFlow:fe,setCustomVariable:I,updateCustomVariables:_,customVariables:i,getStepOptionalProgress:Te,getFlowMetadata:H,isStepBlocked:V,isStepHidden:we,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:it}}import{useCallback as pr,useContext as Ys,useEffect as Xs}from"react";var wt="guest_";function No(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:n,shouldGracefullyDegrade:r}=Ys(K),{config:i}=Oe(),{mutateUserFlowState:s}=Be(),p=yt(),{verifySDKInitiated:d}=bt();Xs(()=>{if(e&&!t){if(e.startsWith(wt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Se}users`,{...i,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,r,t]);let a=pr(async c=>{d();let u={foreignId:e,properties:c};await p(`${Se}users`,{...i,method:"POST",body:JSON.stringify(u)}),n(b=>({...b,...c})),s()},[e,i,r,s]),f=pr(async(c,u)=>{d();let w={foreignId:e,events:[{event:c,properties:u}]};await p(`${Se}users`,{...i,method:"POST",body:JSON.stringify(w)}),s()},[e,i,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}import{v4 as Sa}from"uuid";import $e,{useEffect as fa,useState as ga}from"react";import je,{useEffect as tl}from"react";import no from"styled-components";import Js from"react";import Qs from"styled-components";var dr="fr-",Wt="cfr-";function l(e,t){let o=`${dr}${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+" "+Wt+e}return o}function F(e){if(!e.className||e.className.indexOf(Wt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(dr)?"":`:not(${o.map(n=>`.${n}`).join(", ")})`}function Lo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function at(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Lo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ge(...e){return e.filter(Boolean).join(" ")}function cr(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Zs=Qs.div`
|
|
2
|
+
import mt,{createContext as wa,useEffect as Go,useState as Be}from"react";import{ThemeProvider as Ta}from"styled-components";import ct,{useContext as ya,useEffect as yo,useState as jo}from"react";import{useCallback as lt,useContext as qs,useEffect as Ys}from"react";import Io,{useMemo as Ds}from"react";var sr="1.32.37 ";var Se="https://api.frigade.com/v1/public/",Ee="NOT_STARTED_STEP",X="COMPLETED_FLOW",oo="ABORTED_FLOW",st="STARTED_FLOW",Ie="NOT_STARTED_FLOW",Ne="COMPLETED_STEP",ro="STARTED_STEP";function Oe(){let{publicApiKey:e,userId:t}=Io.useContext(K);return{config:Ds(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":sr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var $s="frigade-last-call-at-",Ms="frigade-last-call-data-";function yt(){let{shouldGracefullyDegrade:e}=Io.useContext(K);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),_t();let n=$s+t,r=Ms+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(n),p=window.localStorage.getItem(r);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return _t()}window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,o.body)}let i;try{i=await fetch(t,o)}catch(s){return _t(s)}return i?i.ok?i:_t(i.statusText):_t()}}function _t(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function bt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Io.useContext(K);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 Gs,useState as lr}from"react";import{useContext as _s,useEffect as Ws,useState as zs}from"react";import Hs from"swr";import{useContext as Us}from"react";function Fe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:n,completedFlowsToKeepOpenDuringSession:r}=Us(K);function i(c,f=!1){return e[c]??f}function s(c,f){t(b=>({...b,[c]:f}))}function p(c){t(f=>{let{[c]:b,...w}=f;return{...w}})}function d(c){r.includes(c)||n(f=>[...f,c])}function a(c){return r.includes(c)}function u(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:i,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:u,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var js="unknown";function Ae(){let{config:e}=Oe(),{publicApiKey:t,userId:o,flows:n,setShouldGracefullyDegrade:r}=_s(K),{resetOpenFlowState:i}=Fe(),[s,p]=zs(!1),d={data:n.map(k=>({flowId:k.id,flowState:X,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=k=>fetch(k,e).then(x=>{if(x.ok)return x.json();throw new Error("Failed to fetch user flow states")}).catch(x=>(console.log(`Error fetching ${k}: ${x}. Will gracefully degrade and hide Frigade`),r(!0),d)),{data:u,isLoading:c,mutate:f,error:b}=Hs(t&&n&&o?`${Se}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),w=u==null?void 0:u.data;Ws(()=>{!s&&!c&&w&&p(!0)},[w,s,c]);async function S(k){if(w){let x=w.find(m=>m.flowId===k);x&&x.flowState!==X&&(x.flowState=X),await f(Promise.resolve({...u,data:w}),{optimisticData:{...u,data:w},revalidate:!1,rollbackOnError:!1})}}async function g(k,x,m){if(w){let C=w.find(E=>E.flowId===k);C&&(C.stepStates[x]=m,C.flowState=st),await f(Promise.resolve({...u,data:w}),{optimisticData:{...u,data:w},revalidate:!1,rollbackOnError:!1})}}async function P(k,x,m){if(w){let C=w.find(E=>E.flowId===k);C&&(C.lastStepId=x,C.stepStates[x]=m,C.flowState=st),await f({...u,data:w},{optimisticData:{...u,data:w},revalidate:!1,rollbackOnError:!1})}}async function T(k){if(w){let x=w.find(m=>m.flowId===k);x&&x.flowState!==Ie&&(x.flowState=Ie,x.lastStepId=js,Object.keys(x.stepStates).forEach(m=>{x.stepStates[m].actionType=Ee,x.stepStates[m].createdAt=new Date().toISOString()}),await f({...u,data:w},{optimisticData:{...u,data:w},revalidate:!1,rollbackOnError:!1}),i(k))}}async function A(k,x){if(w){let m=w.find(C=>C.flowId===k);m&&m.stepStates[x]!==Ee&&(m.stepStates[x]=Ee),await f({...u,data:w},{optimisticData:{...u,data:w},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:w,isLoadingUserFlowStateData:!s,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:T,optimisticallyMarkStepCompleted:g,optimisticallyMarkStepNotStarted:A,optimisticallyMarkStepStarted:P,error:b}}function Wt(){let{config:e}=Oe(),{userFlowStatesData:t,mutateUserFlowState:o}=Ae(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:i,setFlowResponses:s}=Gs(K),[p,d]=lr(new Set),[a,u]=lr(new Set),c=yt();function f(S){let g=JSON.stringify(S);if(p.has(g))return null;p.add(g),d(p),a.add(S),u(a);let P=i==null?void 0:i.find(T=>T.flowSlug===S.flowSlug&&T.stepId===S.stepId&&T.actionType===S.actionType&&T.createdAt===S.createdAt);return c(`${Se}flowResponses`,{...e,method:"POST",body:g}).then(T=>{T.status!==200&&T.status!==201?(console.log("Failed to send flow response for step "+S.stepId+". Will retry again later."),r([...n,S])):P||s(A=>[...A??[],S])})}async function b(S){S.foreignUserId&&(S.actionType===st||S.actionType===Ie?await f(S):S.actionType===X?await f(S):S.actionType===ro?await f(S):S.actionType===Ne?await f(S):S.actionType===oo?await f(S):S.actionType===Ee&&await f(S))}function w(){let S=[];return t==null||t.forEach(g=>{if(g&&g.stepStates&&Object.keys(g.stepStates).length!==0)for(let P in g.stepStates){let T=g.stepStates[P];S.push({foreignUserId:g.foreignUserId,flowSlug:g.flowId,stepId:T.stepId,actionType:T.actionType,data:{},createdAt:new Date(T.createdAt),blocked:T.blocked,hidden:T.hidden})}}),[...S,...i]}return{addResponse:b,setFlowResponses:s,getFlowResponses:w}}import Xs from"swr";var Vs=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,ar=e=>{let t=Vs.exec(e);if(t===null)return null;let o=null;return t.forEach((n,r)=>{let i=Ks(n,"'","");i.startsWith("flow_")&&(o=i)}),o},Ks=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function J(){let{config:e}=Oe(),{flows:t,setFlows:o,userId:n,publicApiKey:r,customVariables:i,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:u}=qs(K),c={data:[]},{verifySDKInitiated:f}=bt(),{addResponse:b,getFlowResponses:w}=Wt(),S=h=>fetch(h,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${h} (${y.status}): ${y.statusText}. .Will gracefully degrade and hide Frigade`),u(!0),c)).catch(y=>(console.log(`Error fetching ${h}: ${y}. Will gracefully degrade and hide Frigade`),u(!0),c)),{userFlowStatesData:g,isLoadingUserFlowStateData:P,optimisticallyMarkFlowCompleted:T,optimisticallyMarkFlowNotStarted:A,optimisticallyMarkStepCompleted:k,optimisticallyMarkStepNotStarted:x,optimisticallyMarkStepStarted:m}=Ae(),{data:C,error:E,isLoading:M}=Xs(r?`${Se}flows`:null,S,{keepPreviousData:!0});Ys(()=>{if(E){console.error(E);return}C&&C.data&&(C.data=o(C.data))},[C,E]);function $(h){if(M)return null;let y=t.find(v=>v.slug===h);return!y&&t.length>0&&!P&&!M?(console.log(`Flow with slug ${h} not found`),null):(y==null?void 0:y.active)===!1?null:y}function U(h){var j;if(!$(h))return[];let y=$(h).data;return y?(y=B(y),(((j=JSON.parse(y))==null?void 0:j.data)??[]).map(le=>{let z=Te(le);return{handleSecondaryButtonClick:()=>{le.skippable===!0&&W(h,le.id,{skipped:!0})},...le,complete:N(h,le.id)===Ne||z>=1,blocked:V(h,le.id),hidden:we(h,le.id),handlePrimaryButtonClick:()=>{(!le.completionCriteria&&(le.autoMarkCompleted||le.autoMarkCompleted===void 0)||le.completionCriteria&&le.autoMarkCompleted===!0)&&W(h,le.id)},progress:z}}).filter(le=>le.hidden!==!0)):[]}function B(h){return h.replace(/\${(.*?)}/g,(y,v)=>i[v]!==void 0?String(i[v]):"")}function H(h){if(!$(h))return[];let y=$(h).data;return y?(y=B(y),JSON.parse(y)??{}):[]}function I(h,y){s(v=>({...v,[h]:y}))}function _(h){!P&&!M&&h&&JSON.stringify(i)!=JSON.stringify({...i,...h})&&Object.keys(h).forEach(y=>{I(y,h[y])})}let te=lt(async(h,y,v)=>{f();let j={foreignUserId:n,flowSlug:h,stepId:y,actionType:ro,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};oe(j)&&(await m(h,y,j),b(j))},[n,g]),q=lt(async(h,y,v)=>{f();let j={foreignUserId:n,flowSlug:h,stepId:y,actionType:Ee,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};oe(j)&&(await x(h,y),b(j))},[n,g]),W=lt(async(h,y,v)=>{f();let j={foreignUserId:n,flowSlug:h,stepId:y,actionType:Ne,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};oe(j)&&(await k(h,y,j),b(j))},[n,g]),be=lt(async(h,y)=>{if(f(),ce(h)===Ie)return;let v={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:Ie,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};await A(h),oe(v)&&b(v)},[n,g]),me=lt(async(h,y)=>{f();let v={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:st,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};oe(v)&&b(v)},[n,g]),G=lt(async(h,y)=>{f();let v={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:X,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};oe(v)&&(await T(h),b(v))},[n,g]),L=lt(async(h,y)=>{f();let v={foreignUserId:n,flowSlug:h,stepId:"unknown",actionType:oo,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};oe(v)&&(await T(h),b(v))},[n,g]);function oe(h){var y;if(!g&&h.actionType===Ee)return!1;if(g){let v=g.find(j=>j.flowId===h.flowSlug);if(h.actionType===Ee&&(!(v!=null&&v.stepStates[h.stepId])||v.stepStates[h.stepId].actionType===Ee)||v&&((y=v.stepStates[h.stepId])==null?void 0:y.actionType)===h.actionType||v&&v.flowState===X&&h.actionType===X)return!1}return!0}function N(h,y){let v=ve(h,y);return P?null:v?v.actionType:Ee}function V(h,y){let v=ve(h,y);return v?v.blocked:!1}function we(h,y){let v=ve(h,y);return v?v.hidden:!1}function ve(h,y){if(P)return null;let v=g==null?void 0:g.find(j=>j.flowId===h);return!v||!v.stepStates[y]?null:v.stepStates[y]??null}function St(h){var v;if(P||!g)return null;if(ce(h)===Ie)return U(h)[0]??null;let y=(v=g.find(j=>j.flowId===h))==null?void 0:v.lastStepId;return y?U(h).find(j=>j.id===y):null}function rt(h){let y=St(h);if(!y)return 0;let v=U(h).findIndex(j=>j.id===y.id)??0;return N(h,y.id)===Ne&&v<U(h).length-1?v+1:v}function Te(h){if(!h.completionCriteria)return;let y=ar(h.completionCriteria);if(y===null)return;let v=ze(y),j=He(y);return j===0?void 0:v/j}function ce(h){let y=g==null?void 0:g.find(v=>v.flowId===h);return y?y.flowState:null}function ze(h){let y=U(h);return y.length===0?0:y.filter(j=>N(h,j.id)===Ne).length}function He(h){return U(h).length}function Y(h){return JSON.parse(t.find(y=>y.slug===h).data)}function fe(h){if(P)return!0;if(h!=null&&h.targetingLogic&&g){let y=g.find(v=>v.flowId===h.slug);if(y)return y.shouldTrigger===!1}return!!(h!=null&&h.targetingLogic&&n&&n.startsWith("guest_"))}function it(h){return!fe($(h))}return{getFlow:$,getFlowData:Y,isLoading:P||M,getStepStatus:N,getFlowSteps:U,getCurrentStepIndex:rt,markStepStarted:te,markStepCompleted:W,markFlowNotStarted:be,markFlowStarted:me,markFlowCompleted:G,markFlowAborted:L,markStepNotStarted:q,getFlowStatus:ce,getNumberOfStepsCompleted:ze,getNumberOfSteps:He,targetingLogicShouldHideFlow:fe,setCustomVariable:I,updateCustomVariables:_,customVariables:i,getStepOptionalProgress:Te,getFlowMetadata:H,isStepBlocked:V,isStepHidden:we,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:it}}import{useCallback as pr,useContext as Js,useEffect as Qs}from"react";var wt="guest_";function No(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:n,shouldGracefullyDegrade:r}=Js(K),{config:i}=Oe(),{mutateUserFlowState:s}=Ae(),p=yt(),{verifySDKInitiated:d}=bt();Qs(()=>{if(e&&!t){if(e.startsWith(wt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Se}users`,{...i,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,r,t]);let a=pr(async c=>{d();let f={foreignId:e,properties:c};await p(`${Se}users`,{...i,method:"POST",body:JSON.stringify(f)}),n(b=>({...b,...c})),s()},[e,i,r,s]),u=pr(async(c,f)=>{d();let w={foreignId:e,events:[{event:c,properties:f}]};await p(`${Se}users`,{...i,method:"POST",body:JSON.stringify(w)}),s()},[e,i,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:u}}import{v4 as ba}from"uuid";import $e,{useEffect as ha,useState as xa}from"react";import je,{useEffect as rl}from"react";import no from"styled-components";import Zs from"react";import Rs from"styled-components";var dr="fr-",zt="cfr-";function l(e,t){let o=`${dr}${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+" "+zt+e}return o}function F(e){if(!e.className||e.className.indexOf(zt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(dr)?"":`:not(${o.map(n=>`.${n}`).join(", ")})`}function Lo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function at(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Lo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ge(...e){return e.filter(Boolean).join(" ")}function cr(e){return e.charAt(0).toUpperCase()+e.slice(1)}var el=Rs.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -23,11 +23,11 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
`,mr=({onClose:e,appearance:t})=>
|
|
26
|
+
`,mr=({onClose:e,appearance:t})=>Zs.createElement(el,{className:l("modalBackground",t),onClick:()=>e()});import io from"react";import tl from"styled-components";var ol=tl.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,ke=()=>io.createElement(
|
|
30
|
+
`,ke=()=>io.createElement(ol,null,io.createElement("svg",{width:"12",height:"12",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},io.createElement("rect",{y:"1.39844",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(-45 0 1.39844)",fill:"currentColor"}),io.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 il}from"react-portal";var nl=no.div`
|
|
31
31
|
${e=>F(e)} {
|
|
32
32
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
33
33
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -72,10 +72,10 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
72
72
|
opacity: 1;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
`,
|
|
75
|
+
`,sl=no.div`
|
|
76
76
|
position: relative;
|
|
77
77
|
flex: 0 1 auto;
|
|
78
|
-
`,
|
|
78
|
+
`,ll=no.div`
|
|
79
79
|
position: absolute;
|
|
80
80
|
top: 24px;
|
|
81
81
|
right: 24px;
|
|
@@ -85,14 +85,14 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
85
85
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
86
86
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
87
87
|
}
|
|
88
|
-
`,
|
|
88
|
+
`,al=no.div`
|
|
89
89
|
overflow: scroll;
|
|
90
90
|
flex: 1 1;
|
|
91
91
|
display: flex;
|
|
92
92
|
::-webkit-scrollbar {
|
|
93
93
|
display: none;
|
|
94
94
|
}
|
|
95
|
-
`,Je=({onClose:e,visible:t,headerContent:o=null,style:n=null,children:r,appearance:i,dismissible:s=!0})=>(
|
|
95
|
+
`,Je=({onClose:e,visible:t,headerContent:o=null,style:n=null,children:r,appearance:i,dismissible:s=!0})=>(rl(()=>{let p=d=>{d.key==="Escape"&&e()};return document.addEventListener("keydown",p),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",p)}},[e,t]),t?je.createElement(il,null,je.createElement(mr,{appearance:i,onClose:()=>{s&&e()}}),je.createElement(nl,{appearance:i,className:l("modalContainer",i),styleOverrides:n},s&&je.createElement(ll,{className:l("modalClose",i),onClick:()=>e(),appearance:i},je.createElement(ke,null)),o&&je.createElement(sl,null,o),je.createElement(al,null,r))):je.createElement(je.Fragment,null));import Qe,{useEffect as pl}from"react";import so from"styled-components";import{Portal as dl}from"react-portal";var cl=so.div`
|
|
96
96
|
${e=>F(e)} {
|
|
97
97
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
98
98
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -110,10 +110,10 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
110
110
|
bottom: 0;
|
|
111
111
|
margin-right: 28px;
|
|
112
112
|
margin-bottom: 28px;
|
|
113
|
-
`,
|
|
113
|
+
`,ml=so.div`
|
|
114
114
|
position: relative;
|
|
115
115
|
flex: 1;
|
|
116
|
-
`,
|
|
116
|
+
`,ul=so.div`
|
|
117
117
|
position: absolute;
|
|
118
118
|
top: 24px;
|
|
119
119
|
right: 24px;
|
|
@@ -123,13 +123,13 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
123
123
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
124
124
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
125
125
|
}
|
|
126
|
-
`,
|
|
126
|
+
`,fl=so.div`
|
|
127
127
|
overflow: scroll;
|
|
128
128
|
flex: 5;
|
|
129
129
|
::-webkit-scrollbar {
|
|
130
130
|
display: none;
|
|
131
131
|
}
|
|
132
|
-
`,ur=({onClose:e,visible:t,headerContent:o=null,children:n,appearance:r})=>(
|
|
132
|
+
`,ur=({onClose:e,visible:t,headerContent:o=null,children:n,appearance:r})=>(pl(()=>{let i=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",i),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",i)}},[e,t]),t?Qe.createElement(dl,null,Qe.createElement(cl,{appearance:r,className:l("cornerModalContainer",r)},Qe.createElement(ul,{className:l("cornerModalClose",r),onClick:()=>e()},Qe.createElement(ke,null)),o&&Qe.createElement(ml,null,o),Qe.createElement(fl,null,n))):Qe.createElement(Qe.Fragment,null));import{useContext as gl}from"react";function Q(){let{defaultAppearance:e}=gl(K);function t(o){let n=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(n.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(n.theme,o.theme??{})}:n}return{mergeAppearanceWithDefault:t}}import fo,{useEffect as Pl,useState as Ar}from"react";import Br from"styled-components";import po,{useEffect as hl,useState as Cr}from"react";import Do from"styled-components";import lo from"styled-components";var fr=lo.label`
|
|
133
133
|
${e=>F(e)} {
|
|
134
134
|
font-size: 14px;
|
|
135
135
|
line-height: 20px;
|
|
@@ -157,7 +157,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
157
157
|
align-items: flex-start;
|
|
158
158
|
justify-content: left;
|
|
159
159
|
margin-bottom: 10px;
|
|
160
|
-
`;import Oo from"react";function Ze({title:e,required:t,appearance:o}){return Oo.createElement(ao,null,t?Oo.createElement(hr,null,"*"):null,Oo.createElement(fr,{className:l("formLabel",o)},e))}import xr from"react";function Tt({title:e,appearance:t}){return e?xr.createElement(ao,null,xr.createElement(gr,{className:l("formSubLabel",t)},e)):null}var
|
|
160
|
+
`;import Oo from"react";function Ze({title:e,required:t,appearance:o}){return Oo.createElement(ao,null,t?Oo.createElement(hr,null,"*"):null,Oo.createElement(fr,{className:l("formLabel",o)},e))}import xr from"react";function Tt({title:e,appearance:t}){return e?xr.createElement(ao,null,xr.createElement(gr,{className:l("formSubLabel",t)},e)):null}var xl=Do.div`
|
|
161
161
|
display: flex;
|
|
162
162
|
flex-direction: column;
|
|
163
163
|
width: 100%;
|
|
@@ -177,7 +177,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
177
177
|
box-sizing: border-box;
|
|
178
178
|
padding: 0 10px;
|
|
179
179
|
margin-bottom: 10px;
|
|
180
|
-
`,
|
|
180
|
+
`,Cl=Do.textarea`
|
|
181
181
|
${e=>F(e)} {
|
|
182
182
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
183
183
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -193,13 +193,13 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
193
193
|
min-height: 70px;
|
|
194
194
|
box-sizing: border-box;
|
|
195
195
|
margin-bottom: 10px;
|
|
196
|
-
`;function Sr({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:n,inputData:r}){let i=e,[s,p]=Cr((r==null?void 0:r.text)||""),[d,a]=Cr(!1),
|
|
196
|
+
`;function Sr({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:n,inputData:r}){let i=e,[s,p]=Cr((r==null?void 0:r.text)||""),[d,a]=Cr(!1),u=$o;hl(()=>{s===""&&!d&&(a(!0),c(""))},[]);function c(b){if(p(b),i.required===!0&&b.trim()===""){n([{id:i.id,message:`${i.title} is required`}]);return}n([]),o({text:b})}i.multiline&&(u=Cl);function f(){var b;switch((b=i==null?void 0:i.validation)==null?void 0:b.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return po.createElement(xl,null,po.createElement(Ze,{title:i.title,required:i.required,appearance:t.appearance}),po.createElement(u,{className:l("inputComponent",t.appearance),value:s,onChange:b=>{c(b.target.value)},appearance:t.appearance,placeholder:i.placeholder,type:f()}),po.createElement(Tt,{title:i.subtitle,appearance:t.appearance}))}import De,{useEffect as yr,useState as br}from"react";import wr from"styled-components";var Sl=wr.div`
|
|
197
197
|
display: flex;
|
|
198
198
|
flex-direction: column;
|
|
199
199
|
width: 100%;
|
|
200
200
|
-webkit-appearance: none;
|
|
201
201
|
appearance: none;
|
|
202
|
-
`,
|
|
202
|
+
`,yl=wr.select`
|
|
203
203
|
${e=>F(e)} {
|
|
204
204
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
205
205
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -223,13 +223,13 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
223
223
|
background-repeat: no-repeat;
|
|
224
224
|
background-size: 1.5em 1.5em;
|
|
225
225
|
-webkit-print-color-adjust: exact;
|
|
226
|
-
`,co="null";function Tr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:n,setFormValidationErrors:r}){var
|
|
226
|
+
`,co="null";function Tr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:n,setFormValidationErrors:r}){var u,c,f,b,w,S;let i=e,[s,p]=br(((u=n==null?void 0:n.choice)==null?void 0:u[0])||""),[d,a]=br(!1);return yr(()=>{var g,P,T,A;if(s===""&&!d){if(a(!0),i.requireSelection){p(co);return}if(i.defaultValue&&((g=i.props.options)!=null&&g.find(k=>k.id===i.defaultValue))){let k=(P=i.props.options)==null?void 0:P.find(x=>x.id===i.defaultValue);p(k.id),o({choice:[k.id]})}else p(((T=i.props.options)==null?void 0:T[0].id)||""),o({choice:[((A=i.props.options)==null?void 0:A[0].id)||""]})}},[]),yr(()=>{i.requireSelection&&s===co?r([{message:"Please select an option",id:i.id}]):r([])},[s]),De.createElement(Sl,null,De.createElement(Ze,{title:i.title,required:!1,appearance:t.appearance}),De.createElement(yl,{value:s,onChange:g=>{p(g.target.value),o({choice:[g.target.value]})},placeholder:i.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},i.requireSelection&&De.createElement("option",{key:co,value:co},"Select an option"),(c=i.props.options)==null?void 0:c.map(g=>De.createElement("option",{key:g.id,value:g.id},g.title))),((b=(f=i.props.options)==null?void 0:f.find(g=>g.id===s))==null?void 0:b.isOpenEnded)&&De.createElement(De.Fragment,null,De.createElement(Ze,{title:((S=(w=i.props.options)==null?void 0:w.find(g=>g.id===s))==null?void 0:S.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),De.createElement($o,{type:"text",placeholder:"Enter your answer here",onChange:g=>{o({choice:[g.target.value]})},appearance:t.appearance})),De.createElement(Tt,{title:i.subtitle,appearance:t.appearance}))}import mo,{useEffect as Fr,useState as kr}from"react";import Pr from"styled-components";var bl=Pr.div`
|
|
227
227
|
display: flex;
|
|
228
228
|
flex-direction: column;
|
|
229
229
|
width: 100%;
|
|
230
230
|
-webkit-appearance: none;
|
|
231
231
|
appearance: none;
|
|
232
|
-
`,
|
|
232
|
+
`,wl=Pr.button`
|
|
233
233
|
${e=>F(e)} {
|
|
234
234
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
235
235
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -251,7 +251,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
251
251
|
height: 60px;
|
|
252
252
|
padding: 0 18px;
|
|
253
253
|
margin-bottom: 10px;
|
|
254
|
-
`;function vr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:n}){var a;let r=e,[i,s]=kr((n==null?void 0:n.choice)||[]),[p,d]=kr(!1);return Fr(()=>{i.length==0&&!p&&(d(!0),o({choice:[]}))},[]),Fr(()=>{o({choice:i})},[i]),mo.createElement(
|
|
254
|
+
`;function vr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:n}){var a;let r=e,[i,s]=kr((n==null?void 0:n.choice)||[]),[p,d]=kr(!1);return Fr(()=>{i.length==0&&!p&&(d(!0),o({choice:[]}))},[]),Fr(()=>{o({choice:i})},[i]),mo.createElement(bl,null,mo.createElement(Ze,{title:r.title,required:r.required,appearance:t.appearance}),(a=r.props.options)==null?void 0:a.map(u=>mo.createElement(wl,{appearance:t.appearance,key:u.id,value:u.id,"data-selected":i.includes(u.id),onClick:()=>{if(i.includes(u.id)){s(i.filter(c=>c!==u.id));return}i.length<r.props.maxChoices?s([...i,u.id]):i.length==1&&r.props.maxChoices==1&&s([u.id])}},u.title)),mo.createElement(Tt,{title:r.subtitle,appearance:t.appearance}))}import uo from"react";import Er from"styled-components";import Tl from"dompurify";function ae(e){return{__html:Tl.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Fl=Er.h1`
|
|
255
255
|
${e=>F(e)} {
|
|
256
256
|
font-style: normal;
|
|
257
257
|
font-weight: 600;
|
|
@@ -262,7 +262,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
262
262
|
margin-bottom: 4px;
|
|
263
263
|
color: ${e=>e.appearance.theme.colorText};
|
|
264
264
|
}
|
|
265
|
-
`,
|
|
265
|
+
`,kl=Er.h2`
|
|
266
266
|
${e=>F(e)} {
|
|
267
267
|
font-style: normal;
|
|
268
268
|
font-weight: 400;
|
|
@@ -270,16 +270,16 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
270
270
|
line-height: 20px;
|
|
271
271
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
272
272
|
}
|
|
273
|
-
`;function he({appearance:e,title:t,subtitle:o,size:n="medium"}){return uo.createElement(uo.Fragment,null,uo.createElement(
|
|
273
|
+
`;function he({appearance:e,title:t,subtitle:o,size:n="medium"}){return uo.createElement(uo.Fragment,null,uo.createElement(Fl,{appearance:e,className:l(`${n}Title`,e),dangerouslySetInnerHTML:ae(t),size:n}),o&&uo.createElement(kl,{appearance:e,className:l(`${n}Subtitle`,e),dangerouslySetInnerHTML:ae(o),size:n}))}var vl=Br.div`
|
|
274
274
|
display: flex;
|
|
275
275
|
flex-direction: column;
|
|
276
276
|
justify-content: flex-end;
|
|
277
277
|
padding-bottom: 14px;
|
|
278
278
|
overflow: visible;
|
|
279
|
-
`,
|
|
279
|
+
`,El=Br.div`
|
|
280
280
|
padding-left: 1px;
|
|
281
281
|
padding-right: 1px;
|
|
282
|
-
`,
|
|
282
|
+
`,Al={text:Sr,multipleChoice:Tr,multipleChoiceList:vr};function Ir({stepData:e,canContinue:t,setCanContinue:o,onSaveData:n,appearance:r,customFormElements:i}){var S;let s=e.props,[p,d]=Ar(b()||{}),[a,u]=Ar([]),c={...Al,...i};Pl(()=>{o(a.length===0)},[a,o]);function f(g,P){let T={...p,[g.id]:P};d(T),n(T),window&&window.localStorage&&window.localStorage.setItem(w(),JSON.stringify(T))}function b(){if(window&&window.localStorage){let g=window.localStorage.getItem(w());if(g)return JSON.parse(g)}return{}}function w(){return`frigade-multiInputStepTypeData-${e.id}`}return fo.createElement(El,{className:l("multiInput",r)},fo.createElement(he,{appearance:r,title:e.title,subtitle:e.subtitle}),fo.createElement(vl,{className:l("multiInputContainer",r)},(S=s.data)==null?void 0:S.map(g=>c[g.type]?fo.createElement("span",{key:g.id},c[g.type]({formInput:g,customFormTypeProps:{stepData:e,canContinue:t,setCanContinue:o,onSaveData:n,appearance:r},onSaveInputData:P=>{f(g,P)},inputData:p[g.id],setFormValidationErrors:P=>{u(T=>P.length===0?T.filter(A=>A.id!==g.id):[...T,...P])}})):null)))}import Ft from"styled-components";var Nr=Ft.div`
|
|
283
283
|
align-items: center;
|
|
284
284
|
display: flex;
|
|
285
285
|
justify-content: space-between;
|
|
@@ -315,7 +315,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
315
315
|
background-position: center;
|
|
316
316
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
317
317
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
318
|
-
`;import
|
|
318
|
+
`;import Ht from"react";import Bl from"react";import Ur from"styled-components";var Il=Ur.button`
|
|
319
319
|
justify-content: center;
|
|
320
320
|
align-content: center;
|
|
321
321
|
${e=>F(e)} {
|
|
@@ -355,14 +355,14 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
355
355
|
margin-right: 8px;
|
|
356
356
|
}
|
|
357
357
|
}
|
|
358
|
-
`,R=({onClick:e,title:t,style:o,disabled:n,type:r="inline",size:i="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function
|
|
358
|
+
`,R=({onClick:e,title:t,style:o,disabled:n,type:r="inline",size:i="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function u(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${cr(c)}`}return Bl.createElement(Il,{secondary:s,appearance:p,disabled:n,onClick:e,style:o,type:r,withMargin:d,size:i,className:l(u(),p)},t)};var _r=({step:e,canContinue:t,appearance:o,onPrimaryClick:n,onSecondaryClick:r,formType:i,selectedStep:s,steps:p,onBack:d,allowBackNavigation:a})=>{let u=i==="inline"?"inline":"full-width";return Ht.createElement(Nr,{className:l("formCTAContainer",o)},p.length>1&&s!=0&&a&&Ht.createElement(R,{title:"\u2190",onClick:d,secondary:!0,withMargin:!1,type:u,appearance:o}),Ht.createElement(Lr,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?Ht.createElement(R,{title:e.secondaryButtonTitle,onClick:r,secondary:!0,withMargin:!1,type:u,appearance:o}):null," ",e.primaryButtonTitle?Ht.createElement(R,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:n,type:u,appearance:o}):null))};import Mo from"react";import Nl from"styled-components";var Ll=Nl.div`
|
|
359
359
|
text-align: center;
|
|
360
|
-
`,Wr=({stepCount:e=0,currentStep:t=0,className:o,appearance:n})=>{let{theme:r}=
|
|
360
|
+
`,Wr=({stepCount:e=0,currentStep:t=0,className:o,appearance:n})=>{let{theme:r}=Q().mergeAppearanceWithDefault(n);return Mo.createElement(Ll,{className:o},Mo.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((i,s)=>Mo.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?r.colorPrimary:"#E6E6E6"}))))};import pt from"react";import kt from"styled-components";import{useContext as Ol}from"react";function re(){let e=Ol(K);function t(r){n(r.primaryButtonUri,r.primaryButtonUriTarget)}function o(r){n(r.secondaryButtonUri,r.secondaryButtonUriTarget)}function n(r,i){if(!r)return;let s=r.startsWith("http")?"_blank":"_self";i&&i!=="_blank"&&(s="_self"),e.navigate(r,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:n}}var Dl=kt.div`
|
|
361
361
|
display: flex;
|
|
362
362
|
flex-wrap: wrap;
|
|
363
363
|
align-content: center;
|
|
364
364
|
justify-content: center;
|
|
365
|
-
|
|
365
|
+
`,$l=kt.div`
|
|
366
366
|
align-content: center;
|
|
367
367
|
align-items: center;
|
|
368
368
|
display: flex;
|
|
@@ -376,10 +376,10 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
376
376
|
flex-basis: 255px;
|
|
377
377
|
flex-grow: 0;
|
|
378
378
|
flex-shrink: 0;
|
|
379
|
-
`,
|
|
379
|
+
`,Ml=kt.img`
|
|
380
380
|
width: 78px;
|
|
381
381
|
height: auto;
|
|
382
|
-
|
|
382
|
+
`,Ul=kt.button`
|
|
383
383
|
font-style: normal;
|
|
384
384
|
font-weight: 600;
|
|
385
385
|
font-size: 13px;
|
|
@@ -392,11 +392,11 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
392
392
|
border-radius: 100px;
|
|
393
393
|
padding: 8px 12px;
|
|
394
394
|
margin-top: 16px;
|
|
395
|
-
`,
|
|
395
|
+
`,_l=kt.h1`
|
|
396
396
|
font-weight: 700;
|
|
397
397
|
font-size: 28px;
|
|
398
398
|
line-height: 34px;
|
|
399
|
-
`,
|
|
399
|
+
`,Wl=kt.h2`
|
|
400
400
|
font-style: normal;
|
|
401
401
|
font-weight: 400;
|
|
402
402
|
font-size: 16px;
|
|
@@ -405,7 +405,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
405
405
|
margin-top: 12px;
|
|
406
406
|
margin-bottom: 16px;
|
|
407
407
|
max-width: 70%;
|
|
408
|
-
`;function zr({stepData:e,appearance:t}){var n,r;let{handleUrl:o}=re();return pt.createElement("div",null,pt.createElement(
|
|
408
|
+
`;function zr({stepData:e,appearance:t}){var n,r;let{handleUrl:o}=re();return pt.createElement("div",null,pt.createElement(_l,null,e.title),pt.createElement(Wl,null,e.subtitle),pt.createElement(Dl,null,(r=(n=e.props)==null?void 0:n.links)==null?void 0:r.map(i=>pt.createElement($l,{key:i.title},pt.createElement(Ml,{src:i.imageUri}),pt.createElement(Ul,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{i.uri&&o(i.uri,i.uriTarget??"_blank")}},i.title)))))}import vt,{useEffect as ql}from"react";import Co from"styled-components";import Uo from"react";var ho=({style:e,className:t})=>Uo.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},Uo.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),Uo.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 jt,{useRef as zl,useState as Hl}from"react";import xo from"styled-components";var jl=xo.div`
|
|
409
409
|
display: flex;
|
|
410
410
|
align-items: center;
|
|
411
411
|
justify-content: flex-start;
|
|
@@ -413,7 +413,7 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
413
413
|
width: 100%;
|
|
414
414
|
height: 100%;
|
|
415
415
|
position: relative;
|
|
416
|
-
`,
|
|
416
|
+
`,Gl=xo.div`
|
|
417
417
|
position: absolute;
|
|
418
418
|
display: flex;
|
|
419
419
|
align-items: center;
|
|
@@ -432,43 +432,43 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
432
432
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
433
433
|
border-radius: 50%;
|
|
434
434
|
}
|
|
435
|
-
`,
|
|
435
|
+
`,Vl=xo.video`
|
|
436
436
|
width: 100%;
|
|
437
437
|
height: 100%;
|
|
438
438
|
min-height: 200px;
|
|
439
439
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
440
|
-
`,
|
|
440
|
+
`,Kl=xo.iframe`
|
|
441
441
|
width: 100%;
|
|
442
442
|
height: 100%;
|
|
443
443
|
min-height: 200px;
|
|
444
444
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
445
|
-
`;function Pt({appearance:e,videoUri:t}){let o=
|
|
445
|
+
`;function Pt({appearance:e,videoUri:t}){let o=zl(),[n,r]=Hl(!1);if(t.includes("youtube")){let i=t.split("v=")[1],s=i.indexOf("&");return s!==-1&&(i=i.substring(0,s)),jt.createElement(Kl,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${i}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return jt.createElement(jl,{appearance:e},!n&&jt.createElement(Gl,{onClick:()=>{r(!0),o.current.play()},appearance:e},jt.createElement(ho,null)),jt.createElement(Vl,{appearance:e,controls:n,ref:o,play:n,src:t}))}var Yl=Co.div`
|
|
446
446
|
${e=>F(e)} {
|
|
447
447
|
display: flex;
|
|
448
448
|
flex-direction: column;
|
|
449
449
|
justify-content: center;
|
|
450
450
|
}
|
|
451
|
-
`,
|
|
451
|
+
`,Xl=Co.img`
|
|
452
452
|
${e=>F(e)} {
|
|
453
453
|
width: 100%;
|
|
454
454
|
height: auto;
|
|
455
455
|
max-height: 250px;
|
|
456
456
|
margin-bottom: 24px;
|
|
457
457
|
}
|
|
458
|
-
`,
|
|
458
|
+
`,Jl=Co.div`
|
|
459
459
|
${e=>F(e)} {
|
|
460
460
|
margin-bottom: 24px;
|
|
461
461
|
}
|
|
462
|
-
`,
|
|
462
|
+
`,Ql=Co.div`
|
|
463
463
|
${e=>F(e)} {
|
|
464
464
|
width: 100%;
|
|
465
465
|
height: auto;
|
|
466
466
|
max-height: 250px;
|
|
467
467
|
margin-bottom: 24px;
|
|
468
468
|
}
|
|
469
|
-
`;function Hr({stepData:e,appearance:t,setCanContinue:o}){return
|
|
469
|
+
`;function Hr({stepData:e,appearance:t,setCanContinue:o}){return ql(()=>{o(!0)},[]),vt.createElement(Yl,{className:l("callToActionContainer",t)},vt.createElement(Jl,{className:l("callToActionTextContainer",t)},vt.createElement(he,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&vt.createElement(Xl,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&vt.createElement(Ql,{appearance:t,className:l("callToActionVideo",t)},vt.createElement(Pt,{appearance:t,videoUri:e.videoUri})))}import Ge,{useEffect as _o,useState as Wo}from"react";import Vt from"react";import Gt from"react";import{motion as Zl}from"framer-motion";var jr=({color:e,percentage:t,size:o})=>{let n=o*.5-2,r=2*Math.PI*n,i=(1-t)*r,s={duration:.3,delay:0,ease:"easeIn"},p={hidden:{strokeDashoffset:r,transition:s},show:{strokeDashoffset:i,transition:s}};return Gt.createElement(Zl.circle,{r:n,cx:o*.5,cy:o*.5,fill:"transparent",stroke:i!==r?e:"",strokeWidth:"3px",strokeDasharray:r,strokeDashoffset:t?i:0,variants:p,transition:s,initial:"hidden",animate:"show"})},Rl=({fillColor:e,size:t,percentage:o,children:n,bgColor:r="#D9D9D9",className:i,style:s})=>Gt.createElement("svg",{style:s,className:i,width:t,height:t,overflow:"visible"},Gt.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},Gt.createElement(jr,{color:r,size:t}),Gt.createElement(jr,{color:e,percentage:o,size:t})),n),Et=Rl;var At={theme:{colorPrimary:"#000000",colorText:"#000000",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#505050",colorTextDisabled:"#999999",colorBorder:"#E5E5E5",borderRadius:20}};import ea from"styled-components";var ta=({color:e="#FFFFFF"})=>Vt.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Vt.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),oa={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ra={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},ia={border:"1px solid #000000",color:"#FFFFFF"},na={border:"1px solid #E6E6E6"},sa={color:"#FFFFFF"},la={border:"3px solid #D9D9D9"},aa=e=>e==="square"?oa:ra,pa=(e,t)=>e==="square"?t?ia:na:t?sa:la,da=ea.div`
|
|
470
470
|
${e=>at(e)}
|
|
471
|
-
`,dt=({value:e,type:t="square",primaryColor:o="#000000",progress:n,appearance:r=
|
|
471
|
+
`,dt=({value:e,type:t="square",primaryColor:o="#000000",progress:n,appearance:r=At,style:i,className:s})=>{let p=aa(t),d=pa(t,e);return e===!0?p={...p,...d,backgroundColor:o,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&n!==void 0&&n!==1?Vt.createElement(Et,{fillColor:o,percentage:n,size:22}):Vt.createElement(da,{styleOverrides:p,style:i,role:"checkbox",className:ge(l("checkIconContainer",r),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",r),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Vt.createElement(ta,{color:"#FFFFFF"}))};import Re from"styled-components";var Gr=Re.div`
|
|
472
472
|
width: auto;
|
|
473
473
|
display: flex;
|
|
474
474
|
flex-direction: column;
|
|
@@ -521,8 +521,8 @@ import mt,{createContext as ya,useEffect as Go,useState as Ae}from"react";import
|
|
|
521
521
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
522
522
|
display: flex;
|
|
523
523
|
align-self: center;
|
|
524
|
-
`;var Zr=({stepData:e,setCanContinue:t,onSaveData:o,appearance:n})=>{let r=e.props,[i,s]=Wo([]),[p,d]=Wo(!1),[a,
|
|
525
|
-
${n=>n.inlineStyles.map(([r,i])=>`.${
|
|
524
|
+
`;var Zr=({stepData:e,setCanContinue:t,onSaveData:o,appearance:n})=>{let r=e.props,[i,s]=Wo([]),[p,d]=Wo(!1),[a,u]=Wo(e.id);return _o(()=>{i.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),_o(()=>{a!==e.id&&(u(e.id),s([]))},[e]),_o(()=>{o({choice:i}),i.length>=r.minChoices?t(!0):t(!1)},[i]),Ge.createElement(Gr,{className:l("selectListContainer",n)},Ge.createElement(Vr,null,Ge.createElement(Kr,{className:l("selectListTitle",n)},e.title),Ge.createElement(qr,{appearance:n,className:l("selectListSubtitle",n)},e.subtitle)),r.options.map((c,f)=>{let b=i.includes(c.id);return Ge.createElement(Yr,{key:`select-item-${f}`,onClick:()=>{if(i.includes(c.id)){s(i.filter(w=>w!==c.id));return}i.length<r.maxChoices?s([...i,c.id]):i.length==1&&r.maxChoices==1&&s([c.id])},hideBottomBorder:f===r.options.length-1,className:l("selectListSelectItem",n)},Ge.createElement(Xr,{className:l("selectListItemImage",n)},c.imageUri&&Ge.createElement(Jr,{src:c.imageUri,alt:`select-icon-${f}`}),Ge.createElement(Qr,{appearance:n,className:l("selectListSelectItemText",n)},c.title)),Ge.createElement(dt,{appearance:n,value:b,primaryColor:n.theme.colorPrimary}))}))};import xe,{useEffect as ca,useState as zo}from"react";import{AnimatePresence as ma,motion as ua}from"framer-motion";var fa=({children:e,id:t,shouldWrap:o=!1})=>xe.createElement(xe.Fragment,null,o?xe.createElement(ma,{initial:!1},xe.createElement(ua.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),So=({appearance:e,steps:t,selectedStep:o,customStepTypes:n,customVariables:r,onButtonClick:i,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:a,onComplete:u,setVisible:c,setShowModal:f,onDismiss:b,showPagination:w=!1,customFormElements:S,allowBackNavigation:g})=>{let T={...{linkCollection:zr,multiInput:Ir,callToAction:Hr,selectList:Zr},...n},{primaryCTAClickSideEffects:A,secondaryCTAClickSideEffects:k}=re(),[x,m]=zo(!1),[C,E]=zo({}),[M,$]=zo(!1),U=t[o]??null,{markStepCompleted:B,markStepStarted:H,isLoading:I,updateCustomVariables:_,markFlowCompleted:te}=J();ca(()=>{_(r)},[r,I]);function q(){return{data:C[t[o].id]??{},stepId:t[o].id,customVariables:r}}function W(L,oe,N){let V=o+1<t.length?t[o+1]:null;i&&i(L,o,oe,V),s&&s(L,N,V,C,q())}function be(L,oe){E(N=>{let V={};return V[L.id]=oe,{...N,...V}})}function me(L){return L.selectedStep.imageUri?xe.createElement(Mr,{image:L.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let G=xe.createElement(_r,{step:t[o],canContinue:x||!M,formType:d,selectedStep:o,appearance:e,onPrimaryClick:async()=>{$(!0);let L={...q()};await B(p,t[o].id,L),o+1<t.length&&await H(p,t[o+1].id),W(t[o],"primary",o),o+1>=t.length&&(u&&u(),b&&b(),a&&(c&&c(!1),f(!1)),await te(p)),A(t[o]),$(!1)},onSecondaryClick:()=>{W(t[o],"secondary",o),k(t[o])},onBack:async()=>{o-1>=0&&($(!0),await H(p,t[o-1].id),$(!1))},steps:t,allowBackNavigation:g});return xe.createElement(xe.Fragment,null,xe.createElement(Or,{className:l("formContainer",e)},xe.createElement(Dr,null,xe.createElement(fa,{id:o,shouldWrap:d==="large-modal"},xe.createElement($r,{key:U.id,type:d,className:l("formContent",e)},t.map(L=>{let oe=T[L.type];return U.id!==L.id?null:xe.createElement(oe,{key:L.id,stepData:L,canContinue:x,setCanContinue:m,onSaveData:N=>{be(L,N)},appearance:e,customFormElements:S})}),w&&xe.createElement(Wr,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),G))),d=="large-modal"&&xe.createElement(me,{selectedStep:t[o]})))};import Kt from"react";import{createGlobalStyle as ga}from"styled-components";function ee({appearance:e}){if(!e||!e.styleOverrides)return Kt.createElement(Kt.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([n,r])=>typeof r=="object");if(t.length===0)return Kt.createElement(Kt.Fragment,null);let o=ga`
|
|
525
|
+
${n=>n.inlineStyles.map(([r,i])=>`.${zt}${r}.${zt}${r} { ${Object.entries(i).map(([s,p])=>`${Lo(s)}: ${p};`).join(" ")} }`).join(" ")}`;return Kt.createElement(o,{inlineStyles:t})}var Rr=({flowId:e,customStepTypes:t={},type:o="inline",visible:n,setVisible:r,customVariables:i,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:a=!0,onStepCompletion:u,onButtonClick:c,dismissible:f=!0,endFlowOnDismiss:b=!1,modalPosition:w="center",repeatable:S=!1,onDismiss:g,showPagination:P=!1,allowBackNavigation:T=!1})=>{let{getFlow:A,getFlowSteps:k,isLoading:x,targetingLogicShouldHideFlow:m,getFlowStatus:C,getCurrentStepIndex:E,markFlowCompleted:M,markFlowNotStarted:$}=J(),U=E(e),{mergeAppearanceWithDefault:B}=Q(),[H,I]=xa(!1),{setOpenFlowState:_,getOpenFlowState:te}=Fe();d=B(d);let[q,W]=n!==void 0&&r!==void 0?[n,r]:[te(e,!0),L=>_(e,L)];if(ha(()=>{!H&&!x&&(I(!0),C(e)===X&&S&&$(e),I(!0))},[H,I,x]),x)return null;let be=A(e);if(!be||m(be))return null;let me=k(e);if(!me||n!==void 0&&n===!1||C(e)===X&&a)return null;let G=()=>{W(!1),g&&g(),b===!0&&M(e)};if(w=="center"&&o==="modal"||o==="large-modal"){let L={padding:"24px"};return o==="large-modal"?(L.width="85%",L.height="90%",L.maxHeight="800px",L.minHeight="500px",L.padding="0"):L.width="400px",$e.createElement(Je,{appearance:d,onClose:G,visible:q,style:L,dismissible:f},$e.createElement(ee,{appearance:d}),$e.createElement(So,{appearance:d,steps:me,selectedStep:U,customStepTypes:t,customVariables:i,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:W,onDismiss:g,showPagination:P,customFormElements:s,allowBackNavigation:T}))}return o==="modal"&&w!=="center"?$e.createElement(ur,{appearance:d,onClose:G,visible:q},$e.createElement(ee,{appearance:d}),$e.createElement(So,{appearance:d,steps:me,selectedStep:U,customStepTypes:t,customVariables:i,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:W,onDismiss:g,showPagination:P,customFormElements:s,allowBackNavigation:T})):$e.createElement($e.Fragment,null,$e.createElement(ee,{appearance:d}),$e.createElement(So,{appearance:d,steps:me,selectedStep:U,customStepTypes:t,customVariables:i,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:r,setShowModal:W,onDismiss:g,showPagination:P,customFormElements:s,allowBackNavigation:T}))},ei=Rr;import{useCallback as ti,useContext as Ca,useEffect as Sa}from"react";function Ho(){let{organizationId:e,userId:t,setOrganizationId:o}=Ca(K),{mutateUserFlowState:n}=Ae(),{config:r}=Oe(),i=yt(),{verifySDKInitiated:s}=bt();Sa(()=>{if(t&&e){if(t.startsWith(wt))return;let a=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(a)||(i(`${Se}userGroups`,{...r,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(a,"true"))}},[t,e]);let p=ti(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 u={foreignUserId:t,foreignUserGroupId:e,properties:a};await i(`${Se}userGroups`,{...r,method:"POST",body:JSON.stringify(u)}),n()},[e,t,r,n]),d=ti(async(a,u)=>{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 f={foreignUserId:t,foreignUserGroupId:e,events:[{event:a,properties:u}]};await i(`${Se}userGroups`,{...r,method:"POST",body:JSON.stringify(f)}),n()},[e,t,r,n]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:p,trackEventForOrganization:d}}var oi="xFrigade_guestUserId",ri="xFrigade_userId",ii=({})=>{let{setFlowResponses:e}=Wt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:n}=Ae(),{userId:r,setUserId:i}=No(),[s,p]=jo(null),{getFlowStatus:d}=J(),{flows:a,userProperties:u,setIsNewGuestUser:c,flowResponses:f}=ya(K),[b,w]=jo([]),[S,g]=jo([]),{organizationId:P}=Ho();yo(()=>{if(!o&&t)for(let x=0;x<t.length;x++){let m=t[x],C=a.find(E=>E.slug===(m==null?void 0:m.flowId));if(C&&m&&m.shouldTrigger===!0&&C.type=="FORM"&&C.triggerType==="AUTOMATIC"&&!S.includes(C.slug)){setTimeout(()=>{T(m.flowId)},500);break}}},[o,t]),yo(()=>{f.length>0&&n()},[f]);function T(x){let m=a.find(C=>C.slug===x);m&&m.triggerType==="AUTOMATIC"&&!S.includes(m.slug)&&(g([...S,m.slug]),w([m]))}function A(){if(!r){let x=localStorage.getItem(ri);if(x){i(x);return}let m=localStorage.getItem(oi);if(m){i(m);return}c(!0);let C=wt+ba();try{localStorage.setItem(oi,C)}catch(E){console.log("Failed to save guest user id locally: Local storage unavailable",E)}i(E=>E||C)}}yo(()=>{try{if(a){let x=[];a.forEach(m=>{if(m.data){let C=m.data.match(/"imageUri":"(.*?)"/g);C&&C.forEach(E=>{let M=E.replace('"imageUri":"',"").replace('"',"");if(x.includes(M))return;let $=new Image;$.src=M,x.push(M)})}})}}catch{}},[a]),yo(()=>{if(r!==s&&e([]),p(r),r&&!r.startsWith(wt))try{localStorage.setItem(ri,r)}catch(x){console.log("Failed to save user id locally: Local storage available",x)}r===null&&setTimeout(()=>{r===null&&A()},50)},[r,a,u]);function k(){return ct.createElement(ct.Fragment,null,b.map(x=>d(x.slug)!==Ie?null:ct.createElement("span",{key:x.slug},ct.createElement(ei,{flowId:x.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return ct.createElement(ct.Fragment,null,ct.createElement(k,null))};import{ErrorBoundary as Fa}from"react-error-boundary";var K=wa({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:At,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{}}),ka=({publicApiKey:e,userId:t,organizationId:o,config:n,children:r})=>{var te,q;let[i,s]=Be(t||null),[p,d]=Be(o||null),[a,u]=Be([]),[c,f]=Be([]),[b,w]=Be([]),[S,g]=Be({}),[P,T]=Be({}),[A,k]=Be([]),[x,m]=Be({}),[C,E]=Be(!1),[M,$]=Be(!1),[U,B]=Be(!_(e)),H=(W,be)=>{if(be==="_blank"){window.open(W,"_blank");return}setTimeout(()=>{window.location.href=W},50)},I={theme:{...At.theme,...((te=n==null?void 0:n.defaultAppearance)==null?void 0:te.theme)??{}},styleOverrides:{...At.styleOverrides,...((q=n==null?void 0:n.defaultAppearance)==null?void 0:q.styleOverrides)??{}}};function _(W){return!!(W&&W.length>10&&W.substring(0,10)==="api_public")}return Go(()=>{t&&s(t)},[t]),Go(()=>{o&&d(o)},[o]),Go(()=>{if(_(e))B(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),B(!0);return}},[e,B]),U?mt.createElement(K.Provider,{value:{publicApiKey:e,userId:i,setUserId:s,setFlows:u,flows:a,failedFlowResponses:c,setFailedFlowResponses:f,flowResponses:b,setFlowResponses:w,userProperties:S,setUserProperties:g,openFlowStates:P,setOpenFlowStates:T,completedFlowsToKeepOpenDuringSession:A,setCompletedFlowsToKeepOpenDuringSession:k,customVariables:x,setCustomVariables:m,isNewGuestUser:C,setIsNewGuestUser:E,hasActiveFullPageFlow:M,setHasActiveFullPageFlow:$,organizationId:p,setOrganizationId:d,navigate:n&&n.navigate?n.navigate:H,defaultAppearance:I,shouldGracefullyDegrade:U,setShouldGracefullyDegrade:B}},r):mt.createElement(Fa,{fallback:mt.createElement(mt.Fragment,null,r)},mt.createElement(K.Provider,{value:{publicApiKey:e,userId:i,setUserId:s,setFlows:u,flows:a,failedFlowResponses:c,setFailedFlowResponses:f,flowResponses:b,setFlowResponses:w,userProperties:S,setUserProperties:g,openFlowStates:P,setOpenFlowStates:T,completedFlowsToKeepOpenDuringSession:A,setCompletedFlowsToKeepOpenDuringSession:k,customVariables:x,setCustomVariables:m,isNewGuestUser:C,setIsNewGuestUser:E,hasActiveFullPageFlow:M,setHasActiveFullPageFlow:$,organizationId:p,setOrganizationId:d,navigate:n&&n.navigate?n.navigate:H,defaultAppearance:I,shouldGracefullyDegrade:U,setShouldGracefullyDegrade:B}},mt.createElement(Ta,{theme:I.theme},r,mt.createElement(ii,null))))};import wp from"react";import se,{useEffect as Dn,useState as $n}from"react";import Le,{useState as qa}from"react";import gt from"styled-components";import To from"react";import ut from"react";import si from"styled-components";var ni=si.span`
|
|
526
526
|
font-weight: 400;
|
|
527
527
|
font-size: 15px;
|
|
528
528
|
line-height: 20px;
|
|
@@ -531,7 +531,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
531
531
|
vertical-align: middle;
|
|
532
532
|
margin-left: 12px;
|
|
533
533
|
padding-right: 12px;
|
|
534
|
-
`,
|
|
534
|
+
`,Pa=si.div`
|
|
535
535
|
flex-direction: row;
|
|
536
536
|
justify-content: space-between;
|
|
537
537
|
display: flex;
|
|
@@ -539,24 +539,24 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
539
539
|
padding-bottom: 20px;
|
|
540
540
|
border-top: 1px solid ${e=>e.theme.colorBorder};
|
|
541
541
|
width: 100%;
|
|
542
|
-
`,bo=({label:e,value:t,labelStyle:o={},labelPosition:n="right",style:r,primaryColor:i="#000000",checkBoxType:s="square",appearance:p})=>ut.createElement(ut.Fragment,null,ut.createElement(
|
|
542
|
+
`,bo=({label:e,value:t,labelStyle:o={},labelPosition:n="right",style:r,primaryColor:i="#000000",checkBoxType:s="square",appearance:p})=>ut.createElement(ut.Fragment,null,ut.createElement(Pa,{className:l("checklistStepsContainer",p),appearance:p,style:{...r}},n==="left"&&e&&ut.createElement(ni,{className:l("checklistStepLabel",p),style:o},e),ut.createElement(dt,{appearance:p,value:t,type:s,primaryColor:i}),n==="right"&&e&&ut.createElement(ni,{className:l("checklistStepLabel",p),style:o},e)),ut.createElement(ee,{appearance:p}));import{motion as va}from"framer-motion";import qt from"styled-components";var li=qt.div`
|
|
543
543
|
font-weight: 700;
|
|
544
544
|
font-size: 18px;
|
|
545
545
|
line-height: 22px;
|
|
546
|
-
`,ai=
|
|
546
|
+
`,ai=qt.p`
|
|
547
547
|
font-weight: 700;
|
|
548
548
|
font-size: 18px;
|
|
549
549
|
line-height: 22px;
|
|
550
550
|
margin: 20px 0px 0px 0px;
|
|
551
551
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
552
|
-
`,pi=
|
|
552
|
+
`,pi=qt.p`
|
|
553
553
|
font-weight: 400;
|
|
554
554
|
font-size: 15px;
|
|
555
555
|
line-height: 28px;
|
|
556
556
|
max-width: 540px;
|
|
557
557
|
margin: 8px 0px 0px 0px;
|
|
558
558
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
559
|
-
`,wo=
|
|
559
|
+
`,wo=qt.div`
|
|
560
560
|
width: 4px;
|
|
561
561
|
position: absolute;
|
|
562
562
|
left: 0;
|
|
@@ -564,21 +564,21 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
564
564
|
height: 80%;
|
|
565
565
|
border-top-right-radius: 8px;
|
|
566
566
|
border-bottom-right-radius: 8px;
|
|
567
|
-
`,di=
|
|
567
|
+
`,di=qt.div`
|
|
568
568
|
flex-direction: row;
|
|
569
569
|
justify-content: flex-start;
|
|
570
|
-
`;var ci=({data:e,index:t,isSelected:o,primaryColor:n,style:r,onClick:i,appearance:s})=>{var p,d;return To.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{i()}},o&&To.createElement(wo,{className:l("checklistStepItemSelectedIndicator",s),as:
|
|
570
|
+
`;var ci=({data:e,index:t,isSelected:o,primaryColor:n,style:r,onClick:i,appearance:s})=>{var p,d;return To.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{i()}},o&&To.createElement(wo,{className:l("checklistStepItemSelectedIndicator",s),as:va.div,layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??n}}),To.createElement(di,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,role:"listitem"},To.createElement(bo,{value:e.complete,labelPosition:"left",label:e.stepName,style:r,primaryColor:((d=s==null?void 0:s.theme)==null?void 0:d.colorPrimary)??n,appearance:s})))};import ft from"react";import{motion as Ea}from"framer-motion";import Vo from"styled-components";var Aa={backgroundColor:"#E6E6E6"},Ba=Vo.div`
|
|
571
571
|
display: flex;
|
|
572
572
|
flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
|
|
573
573
|
justify-content: flex-start;
|
|
574
574
|
align-items: ${e=>e.textLocation=="top"?"flex-end":"center"};
|
|
575
575
|
|
|
576
576
|
${e=>at(e)}
|
|
577
|
-
`,
|
|
577
|
+
`,Ia=Vo.div`
|
|
578
578
|
flex-grow: 1;
|
|
579
579
|
position: relative;
|
|
580
580
|
${e=>e.textLocation=="top"?"width: 100%;":""}
|
|
581
|
-
`,
|
|
581
|
+
`,Na=Vo.span`
|
|
582
582
|
font-weight: 500;
|
|
583
583
|
font-size: 15px;
|
|
584
584
|
line-height: 18px;
|
|
@@ -586,13 +586,13 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
586
586
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
587
587
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
588
588
|
${e=>at(e)}
|
|
589
|
-
`,
|
|
589
|
+
`,La={position:"relative",left:0,top:0,width:"100%",minWidth:"40px",height:"10px",borderRadius:"20px"},Oa={position:"absolute",left:0,top:0,height:"10px",borderRadius:"20px"},Me=({count:e,total:t,fillColor:o,bgColor:n=Aa.backgroundColor,display:r="count",textLocation:i="left",style:s={},textStyle:p={},appearance:d})=>{var w,S;if(t===0)return ft.createElement(ft.Fragment,null);let a=e===0?"10px":`${e/t*100}%`,u=r==="compact"?"5px":"10px",c=Math.round(e/t*100),f=r==="compact"?"5px":"20px",b;return r==="count"?b=`${e} of ${t}`:r==="compact"?b=`${c}%`:r==="percent"&&(b=`${c}% complete`),i==="top"&&(f="0px"),ft.createElement(Ba,{className:l("progressBarContainer",d),textLocation:i,styleOverrides:s},ft.createElement(Na,{className:l("progressBarStepText",d),style:{...p,fontSize:r==="compact"?12:15,fontWeight:r==="compact"?400:500},appearance:d,padding:f,textLocation:i},b),ft.createElement(Ia,{textLocation:i,className:l("progressBar",d)},ft.createElement(Ea.div,{style:{...Oa,width:a,height:u,backgroundColor:((w=d==null?void 0:d.theme)==null?void 0:w.colorPrimary)??o,zIndex:r=="compact"?1:5},className:l("progressBarFill",d)}),ft.createElement("div",{className:l("progressBarBackground",d),style:{...La,height:u,backgroundColor:((S=d==null?void 0:d.theme)==null?void 0:S.colorSecondary)??n}})))};import Xt from"react";import Da from"styled-components";import ko from"react";import Fo from"react";var Bt=({stepData:e,appearance:t})=>Fo.createElement(Fo.Fragment,null,Fo.createElement(ai,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:ae(e.title)}),Fo.createElement(pi,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:ae(e.subtitle)}));import Yt from"react";var It=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},n=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return Yt.createElement(Yt.Fragment,null,Yt.createElement(go,null,e.secondaryButtonTitle&&Yt.createElement(R,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:n,style:{width:"auto",marginRight:"12px"}}),Yt.createElement(R,{appearance:t,title:e.primaryButtonTitle,onClick:o})))};var Nt=({stepData:e,appearance:t})=>ko.createElement(ko.Fragment,null,ko.createElement(Bt,{stepData:e,appearance:t}),ko.createElement(It,{stepData:e,appearance:t}));import mi from"react";function ui(e){if(e.videoUri.includes("youtube")){let t=e.videoUri.split("v=")[1],o=t.indexOf("&");return o!==-1&&(t=t.substring(0,o)),mi.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 mi.createElement("video",{width:"480",height:"260",controls:!0,src:e.videoUri})}var Ko="default",$a=Da.img`
|
|
590
590
|
border-radius: 4px;
|
|
591
591
|
max-height: 260px;
|
|
592
592
|
min-height: 200px;
|
|
593
|
-
`,fi=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return
|
|
593
|
+
`,fi=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return Xt.createElement("div",null,o)}return Xt.createElement(li,{className:l("checklistStepContent",t)},e.imageUri?Xt.createElement($a,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?Xt.createElement(ui,{videoUri:e.videoUri,appearance:t}):null,Xt.createElement(Nt,{stepData:e,appearance:t}))};import Pe,{useRef as Ma,useState as Ua}from"react";import Lt from"styled-components";var gi=Lt.div`
|
|
594
594
|
display: block;
|
|
595
|
-
`,
|
|
595
|
+
`,_a=Lt.div`
|
|
596
596
|
display: flex;
|
|
597
597
|
flex-direction: row;
|
|
598
598
|
flex-wrap: wrap;
|
|
@@ -602,20 +602,20 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
602
602
|
align-content: center;
|
|
603
603
|
margin-top: 24px;
|
|
604
604
|
margin-bottom: 24px;
|
|
605
|
-
`,
|
|
605
|
+
`,Wa=Lt.div`
|
|
606
606
|
display: flex;
|
|
607
607
|
align-items: center;
|
|
608
608
|
justify-content: flex-start;
|
|
609
609
|
flex-direction: column;
|
|
610
610
|
margin-right: 16px;
|
|
611
|
-
`,
|
|
611
|
+
`,za=Lt.video`
|
|
612
612
|
width: 200px;
|
|
613
613
|
height: 120px;
|
|
614
|
-
`,
|
|
614
|
+
`,Ha=Lt.div`
|
|
615
615
|
font-size: 14px;
|
|
616
616
|
line-height: 20px;
|
|
617
617
|
text-align: center;
|
|
618
|
-
`,
|
|
618
|
+
`,ja=Lt.div`
|
|
619
619
|
position: absolute;
|
|
620
620
|
width: 200px;
|
|
621
621
|
height: 120px;
|
|
@@ -635,9 +635,9 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
635
635
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
636
636
|
border-radius: 50%;
|
|
637
637
|
}
|
|
638
|
-
`,hi="videoCarousel",xi=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return Pe.createElement(gi,null,Pe.createElement(Nt,{stepData:e,appearance:t}));function o({video:i}){let s=
|
|
638
|
+
`,hi="videoCarousel",xi=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return Pe.createElement(gi,null,Pe.createElement(Nt,{stepData:e,appearance:t}));function o({video:i}){let s=Ma(),[p,d]=Ua(!1);return Pe.createElement(Wa,null,!p&&Pe.createElement(ja,{onClick:()=>{d(!0),s.current.play()},appearance:t},Pe.createElement(ho,null)),Pe.createElement(za,{controls:p,ref:s,play:p,src:i.uri}),Pe.createElement(Ha,null,i.title))}let n=e.props;return n.videos?Pe.createElement(gi,null,Pe.createElement(Bt,{stepData:e,appearance:t}),Pe.createElement(_a,null,n.videos.map((i,s)=>Pe.createElement("span",{key:`${i.uri}-${s}`},Pe.createElement(o,{video:i})))),Pe.createElement(It,{stepData:e,appearance:t})):null};import Ve from"react";import Po from"styled-components";var Ci=Po.div`
|
|
639
639
|
display: block;
|
|
640
|
-
`,
|
|
640
|
+
`,Ga=Po.pre`
|
|
641
641
|
display: block;
|
|
642
642
|
background-color: #2a2a2a;
|
|
643
643
|
color: #f8f8f8;
|
|
@@ -653,47 +653,47 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
653
653
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
654
654
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
655
655
|
margin-bottom: 24px;
|
|
656
|
-
`,
|
|
656
|
+
`,Va=Po.div`
|
|
657
657
|
font-size: 15px;
|
|
658
658
|
line-height: 20px;
|
|
659
659
|
margin-bottom: 12px;
|
|
660
660
|
margin-top: 12px;
|
|
661
|
-
`,
|
|
661
|
+
`,Ka=Po.div`
|
|
662
662
|
margin-top: 24px;
|
|
663
|
-
`,Si="codeSnippet",yi=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.codeSnippets))return Ve.createElement(Ci,null,Ve.createElement(Nt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?Ve.createElement(Ci,null,Ve.createElement(
|
|
663
|
+
`,Si="codeSnippet",yi=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.codeSnippets))return Ve.createElement(Ci,null,Ve.createElement(Nt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?Ve.createElement(Ci,null,Ve.createElement(Bt,{stepData:e,appearance:t}),Ve.createElement(Ka,null,o.codeSnippets.map((r,i)=>Ve.createElement("div",{key:i},r.title?Ve.createElement(Va,null,r.title):null,r.code?Ve.createElement(Ga,null,r.code):null))),Ve.createElement(It,{stepData:e,appearance:t})):null};var Ya=gt.div`
|
|
664
664
|
display: flex;
|
|
665
665
|
flex-direction: row;
|
|
666
666
|
min-width: ${e=>e.type!="modal"?"1000px":"100%"};
|
|
667
667
|
background: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
668
668
|
box-shadow: ${e=>e.type!="modal"?"0px 6px 25px rgba(0, 0, 0, 0.06)":"none"};
|
|
669
669
|
border-radius: 8px;
|
|
670
|
-
`,
|
|
670
|
+
`,Xa=gt.h1`
|
|
671
671
|
font-size: 24px;
|
|
672
672
|
font-weight: 600;
|
|
673
673
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
674
|
-
`,
|
|
674
|
+
`,Ja=gt.h2`
|
|
675
675
|
font-size: 15px;
|
|
676
676
|
line-height: 20px;
|
|
677
677
|
color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary)??"#4d4d4d"}};
|
|
678
678
|
margin: 10px 0px 0px 0px;
|
|
679
679
|
`,bi=gt.div`
|
|
680
680
|
padding-bottom: 16px;
|
|
681
|
-
`,
|
|
681
|
+
`,Qa=gt.div`
|
|
682
682
|
list-style: none;
|
|
683
683
|
padding: 0;
|
|
684
684
|
margin: 0;
|
|
685
685
|
cursor: pointer;
|
|
686
686
|
width: 300px;
|
|
687
|
-
`,
|
|
687
|
+
`,Za=gt.div`
|
|
688
688
|
width: 1px;
|
|
689
689
|
margin: 40px;
|
|
690
690
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
691
|
-
`,
|
|
691
|
+
`,Ra=gt.div`
|
|
692
692
|
flex: 2;
|
|
693
693
|
padding: 2rem;
|
|
694
|
-
`,
|
|
694
|
+
`,ep=({title:e,subtitle:t,steps:o=[],style:n={},selectedStep:r,setSelectedStep:i,className:s="",customStepTypes:p=new Map,appearance:d,type:a})=>{let{mergeAppearanceWithDefault:u}=Q();d=u(d);let f={...{[Ko]:fi,[hi]:xi,[Si]:yi},...p},[b,w]=qa(0),S=r??b,g=i??w,P=o.filter(A=>A.complete===!0).length,T=()=>{var A;return!((A=o[S])!=null&&A.type)||!f[o[S].type]?f[Ko]({stepData:o[S],appearance:d}):f[o[S].type]({stepData:o[S],appearance:d})};return Le.createElement(Ya,{type:a,style:n,className:s,appearance:d},Le.createElement(bi,{style:{flex:1}},Le.createElement(bi,{style:{padding:"30px 0px 30px 30px",borderBottom:"none"}},Le.createElement(Xa,{className:l("checklistTitle",d),appearance:d},e),Le.createElement(Ja,{className:l("checklistSubtitle",d),appearance:d},t),Le.createElement(Me,{total:o.length,count:P,fillColor:d.theme.colorPrimary,style:{marginTop:"24px"},appearance:d})),Le.createElement(Qa,{className:l("checklistStepsContainer",d)},o.map((A,k)=>Le.createElement(ci,{data:A,index:k,key:k,listLength:o.length,isSelected:k===S,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{g(k)}})))),Le.createElement(Za,{appearance:d,className:l("checklistDivider",d)}),Le.createElement(Ra,null,Le.createElement(T,null)))},qo=ep;import O,{useState as sp}from"react";import wi from"react";import tp from"styled-components";var op=tp.svg`
|
|
695
695
|
transition: 'transform 0.35s ease-in-out';
|
|
696
|
-
`,Ot=({color:e="#323232",style:t,className:o})=>wi.createElement(
|
|
696
|
+
`,Ot=({color:e="#323232",style:t,className:o})=>wi.createElement(op,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,className:o},wi.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:e,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import{motion as lp}from"framer-motion";import pe from"styled-components";var Yo={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},Ti=pe.div`
|
|
697
697
|
max-height: 350px;
|
|
698
698
|
padding-bottom: 40px;
|
|
699
699
|
`,Fi=pe.div`
|
|
@@ -728,7 +728,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
728
728
|
display: flex;
|
|
729
729
|
flex-direction: row;
|
|
730
730
|
justify-content: space-between;
|
|
731
|
-
`,
|
|
731
|
+
`,Ai=pe.p`
|
|
732
732
|
${e=>F(e)} {
|
|
733
733
|
font-weight: 400;
|
|
734
734
|
font-size: 10px;
|
|
@@ -737,7 +737,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
737
737
|
color: #8c8c8c;
|
|
738
738
|
margin: 20px;
|
|
739
739
|
}
|
|
740
|
-
`,
|
|
740
|
+
`,Bi=pe.div`
|
|
741
741
|
display: flex;
|
|
742
742
|
flex-direction: row;
|
|
743
743
|
`,Ii=pe.div`
|
|
@@ -825,11 +825,11 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
825
825
|
`,Wi=pe.div`
|
|
826
826
|
display: block;
|
|
827
827
|
width: 100%;
|
|
828
|
-
`;import
|
|
828
|
+
`;import rp from"styled-components";var zi=rp.div`
|
|
829
829
|
flex-direction: column;
|
|
830
830
|
justify-content: center;
|
|
831
831
|
display: flex;
|
|
832
|
-
`;import qe from"react";import{motion as
|
|
832
|
+
`;import qe from"react";import{motion as ip}from"framer-motion";import Ke from"styled-components";var Hi=Ke.div`
|
|
833
833
|
border: 1px solid #fafafa;
|
|
834
834
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
835
835
|
border-radius: 14px;
|
|
@@ -906,7 +906,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
906
906
|
line-height: 14px;
|
|
907
907
|
font-weight: 400;
|
|
908
908
|
cursor: pointer;
|
|
909
|
-
`;var
|
|
909
|
+
`;var np=({steps:e,style:t,title:o,primaryColor:n,appearance:r,onButtonClick:i})=>{let{primaryCTAClickSideEffects:s}=re();return qe.createElement(Hi,{style:t,className:l("guideContainer",r)},qe.createElement(Gi,{className:l("guideTitle",r)},o),qe.createElement(ji,{className:l("guideItemContainer",r)},e.map((p,d)=>qe.createElement(Vi,{key:`guide-${p.id??d}`,as:ip.div,whileHover:{boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.05)",transition:{duration:.25}},className:l("guideItem",r)},p.icon&&qe.createElement(Ki,{className:l("guideIcon",r)},qe.createElement(qi,null,p.icon)),qe.createElement(Yi,{className:l("guideItemTitle",r),dangerouslySetInnerHTML:ae(p.title)}),qe.createElement(Xi,{className:l("guideItemSubtitle",r),dangerouslySetInnerHTML:ae(p.subtitle)}),qe.createElement(Ji,{className:l("guideItemLink",r),color:n,onClick:()=>{p.primaryButtonUri&&s(p),i&&i(p)}},p.primaryButtonTitle)))))},Jt=np;var ap=({steps:e,title:t,subtitle:o,stepsTitle:n,visible:r,onClose:i,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:a,guideData:u,guideTitle:c,onGuideButtonClick:f})=>{let b=({stepData:m,handleSecondaryCTAClick:C,handleCTAClick:E})=>m?O.createElement(Ni,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},O.createElement(Li,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:ae(m.title)}),O.createElement(Oi,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:ae(m.subtitle)}),O.createElement(Di,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&O.createElement(R,{title:m.secondaryButtonTitle,onClick:C,appearance:a,secondary:!0}),O.createElement(R,{title:m.primaryButtonTitle,onClick:E,appearance:a}))):O.createElement(O.Fragment,null),S={...{default:m=>{var $;if(($=e[T])!=null&&$.StepContent){let U=e[T].StepContent;return O.createElement("div",null,U)}let C=e[T];return O.createElement(b,{stepData:m,handleCTAClick:()=>{C.handlePrimaryButtonClick&&C.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{C.handleSecondaryButtonClick&&C.handleSecondaryButtonClick()}})}},...d},[g,P]=sp(0),T=s??g,A=p??P,k=()=>{var m;return e?!((m=e[T])!=null&&m.type)||!S[e[T].type]?S.default(e[T]):S[e[T].type]({stepData:e[T],primaryColor:a.theme.colorPrimary}):O.createElement(O.Fragment,null)},x=e.filter(m=>m.complete).length;return r?(a.theme.modalContainer||(a.theme.borderRadius&&(Yo.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=Yo),O.createElement(Je,{onClose:i,visible:r,appearance:a},O.createElement(Wi,null,O.createElement(Fi,null,O.createElement(ki,{appearance:a,className:l("checklistTitle",a)},t),O.createElement(Pi,{appearance:a,className:l("checklistSubtitle",a)},o)),O.createElement(Ti,null,e&&e.length>0&&O.createElement(vi,{className:l("stepsContainer",a)},O.createElement(Ei,null,O.createElement("div",{style:{flex:3}},O.createElement(Ai,{className:l("stepsTitle",a)},n)),O.createElement(_i,null,O.createElement(Me,{fillColor:a.theme.colorPrimary,style:{width:"100%"},count:x,total:e.length,appearance:a}))),O.createElement(Bi,null,O.createElement(Ii,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,C)=>{let E=T===C;return O.createElement($i,{selected:E,className:l(`checklistStepListItem${E?"Selected":""}`,a),key:`checklist-guide-step-${m.id??C}`,disabled:m.blocked,onClick:()=>{m.blocked||A(C)},title:m.blocked?"Finish remaining steps to continue":void 0},E&&O.createElement(wo,{className:l("checklistStepItemSelectedIndicator",a),as:lp.div,layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),O.createElement(Mi,{selected:E,className:l(`checklistStepListStepName${E?"Selected":""}`,a)},m.stepName),O.createElement(Ui,null,O.createElement(dt,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),O.createElement(zi,null,O.createElement(Ot,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),O.createElement(k,null))),u&&u.length>0&&O.createElement(Jt,{steps:u,title:c,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(f&&f(m),!0)}))))):O.createElement(O.Fragment,null)},Xo=ap;import{useEffect as pp,useState as dp}from"react";var Qi=()=>{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,n]=dp(t),r=null,i=()=>{r!==null?clearTimeout(r):s(),r=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,a])=>{if(!window)return[d,!1];let u=window.matchMedia(a);return u.addEventListener("change",i),[d,u.matches]}));n(p)};return pp(()=>{s()},[]),o};import ye,{useEffect as un,useState as up}from"react";import de from"react";import{AnimatePresence as cp,motion as mp}from"framer-motion";import Ye from"styled-components";var Zi=Ye.div`
|
|
910
910
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
911
911
|
border: 1px solid;
|
|
912
912
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -943,7 +943,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
943
943
|
:hover {
|
|
944
944
|
opacity: 0.8;
|
|
945
945
|
}
|
|
946
|
-
`,
|
|
946
|
+
`,Ih=Ye.div``,nn=Ye.p`
|
|
947
947
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
948
948
|
font-weight: 400;
|
|
949
949
|
font-size: 14px;
|
|
@@ -953,7 +953,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
953
953
|
flex-direction: row;
|
|
954
954
|
justify-content: flex-start;
|
|
955
955
|
align-items: center;
|
|
956
|
-
`;var ln=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:n,onSecondaryButtonClick:r,appearance:i,customStepTypes:s})=>{var
|
|
956
|
+
`;var ln=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:n,onSecondaryButtonClick:r,appearance:i,customStepTypes:s})=>{var u,c;let p=t?{}:{transform:"rotate(90deg)"};function d(){return de.createElement(de.Fragment,null,e.imageUri||e.videoUri?de.createElement(Ri,{className:l("stepMediaContainer",i)},e.imageUri?de.createElement(en,{className:l("stepImage",i),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?de.createElement(Pt,{appearance:i,videoUri:e.videoUri}):null):null,de.createElement(nn,{className:l("stepSubtitle",i),appearance:i,dangerouslySetInnerHTML:ae(e.subtitle)}),de.createElement(go,{className:l("checklistCTAContainer",i)},e.secondaryButtonTitle?de.createElement(R,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>r(),appearance:i}):null,de.createElement(R,{title:e.primaryButtonTitle??"Continue",onClick:()=>n(),appearance:i})))}function a(){if(!s)return null;let f=s[e.type];return f?f(e,i):null}return de.createElement(Zi,{onClick:()=>t?o():null,"data-testid":`step-${e.id}`,className:l("checklistStepContainer",i),appearance:i},de.createElement(tn,{className:l("stepHeader",i)},de.createElement(sn,null,de.createElement(bo,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(u=i==null?void 0:i.theme)==null?void 0:u.colorPrimary,appearance:i}),de.createElement(on,{appearance:i,className:l("stepTitle",i),dangerouslySetInnerHTML:ae(e.title)})),de.createElement(rn,{className:l("stepChevronContainer",i),onClick:()=>o()},de.createElement(Ot,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(c=i==null?void 0:i.theme)==null?void 0:c.colorTextSecondary}))),de.createElement(cp,null,!t&&de.createElement(mp.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 Dt from"styled-components";var Vh=Dt.div`
|
|
957
957
|
background: #ffffff;
|
|
958
958
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
959
959
|
border-radius: 6px;
|
|
@@ -993,17 +993,17 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
993
993
|
justify-content: space-between;
|
|
994
994
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
995
995
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
996
|
-
`;var
|
|
996
|
+
`;var fp=({title:e,subtitle:t,steps:o,onClose:n,visible:r,onCompleteStep:i,autoExpandFirstIncompleteStep:s=!0,autoCollapse:p=!0,autoExpandNextStep:d=!0,primaryColor:a="#000000",selectedStep:u,setSelectedStep:c,appearance:f,type:b,className:w,customStepTypes:S})=>{let g=o.filter(m=>m.complete).length,[P,T]=up(Array(o.length).fill(!0));un(()=>{let m=[...P];if(s){for(let C=0;C<o.length;C++)if(!o[C].complete){m[C]=!1;break}T(m)}},[]),un(()=>{A(u)},[u]);let A=m=>{let C=[...P];if(p)for(let E=0;E<P.length;++E)E!==m&&(C[E]=!0);C[m]=!C[m],T(C)};if(!r&&b=="modal")return ye.createElement(ye.Fragment,null);let k=ye.createElement(ye.Fragment,null,ye.createElement(an,null,ye.createElement(pn,{appearance:f,className:l("checklistTitle",f),dangerouslySetInnerHTML:ae(e)}),ye.createElement(dn,{appearance:f,className:l("checklistSubtitle",f),dangerouslySetInnerHTML:ae(t)})),ye.createElement(Me,{display:"percent",count:g,total:o.length,fillColor:a,style:{margin:"14px 0px 8px 0px"},appearance:f})),x=ye.createElement(cn,{className:ge(l("checklistContainer",f),w)},o.map((m,C)=>{let E=P[C];return ye.createElement(ln,{appearance:f,stepData:m,collapsed:E,key:`modal-checklist-${m.id??C}`,onClick:()=>{if(u===C){A(C);return}c(C)},onPrimaryButtonClick:()=>{i&&i(C,m),m.handlePrimaryButtonClick&&m.handlePrimaryButtonClick(),d&&!m.completionCriteria&&C<P.length-1&&P[C+1]&&c(C+1)},onSecondaryButtonClick:()=>{m.handleSecondaryButtonClick&&m.handleSecondaryButtonClick()},customStepTypes:S})}));return b==="inline"?ye.createElement(mn,{appearance:f,className:ge(l("checklistInlineContainer",f),w)},k,x):ye.createElement(ye.Fragment,null,ye.createElement(Je,{onClose:n,visible:r,appearance:f,style:{maxWidth:"600px"},headerContent:k},x))},Jo=fp;import ne,{useEffect as Qo,useRef as yp,useState as xt}from"react";import ht from"react";import ie,{css as fn,keyframes as gn}from"styled-components";var hn=fn`
|
|
997
997
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
998
|
-
`,
|
|
998
|
+
`,gp=fn`
|
|
999
999
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1000
|
-
`,
|
|
1000
|
+
`,hp=gn`
|
|
1001
1001
|
from {
|
|
1002
1002
|
opacity: 0;
|
|
1003
1003
|
} to {
|
|
1004
1004
|
opacity: 1;
|
|
1005
1005
|
}
|
|
1006
|
-
`,
|
|
1006
|
+
`,xp=gn`
|
|
1007
1007
|
from {
|
|
1008
1008
|
opacity: 1;
|
|
1009
1009
|
} to {
|
|
@@ -1033,7 +1033,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1033
1033
|
scroll-snap-align: center;
|
|
1034
1034
|
scroll-snap-stop: always;
|
|
1035
1035
|
`,Sn=ie.div`
|
|
1036
|
-
animation: ${e=>e.reversed?
|
|
1036
|
+
animation: ${e=>e.reversed?xp:hp} 0.25s ease-out;
|
|
1037
1037
|
background: linear-gradient(
|
|
1038
1038
|
to right,
|
|
1039
1039
|
${({theme:e})=>e.colorBackground}00,
|
|
@@ -1075,7 +1075,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1075
1075
|
width: 40px;
|
|
1076
1076
|
`,Fn=ie(bn)`
|
|
1077
1077
|
${e=>F(e)} {
|
|
1078
|
-
${
|
|
1078
|
+
${gp}
|
|
1079
1079
|
|
|
1080
1080
|
background: ${({theme:e})=>e.colorBackground};
|
|
1081
1081
|
}
|
|
@@ -1092,21 +1092,21 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1092
1092
|
border-radius: 6px;
|
|
1093
1093
|
margin-bottom: 12px;
|
|
1094
1094
|
padding: 4px 10px;
|
|
1095
|
-
`,
|
|
1095
|
+
`,Cp=ie.p`
|
|
1096
1096
|
font-weight: bold;
|
|
1097
1097
|
font-size: 18px;
|
|
1098
1098
|
line-height: 22px;
|
|
1099
1099
|
letter-spacing: calc(18px * -0.01);
|
|
1100
1100
|
margin: 0;
|
|
1101
|
-
`,En=ie(
|
|
1101
|
+
`,En=ie(Cp)`
|
|
1102
1102
|
margin-bottom: 4px;
|
|
1103
|
-
`,
|
|
1103
|
+
`,Sp=ie.p`
|
|
1104
1104
|
font-weight: bold;
|
|
1105
1105
|
font-size: 16px;
|
|
1106
1106
|
line-height: 20px;
|
|
1107
1107
|
letter-spacing: calc(16px * -0.01);
|
|
1108
1108
|
margin: 0;
|
|
1109
|
-
`,
|
|
1109
|
+
`,An=ie(Sp)`
|
|
1110
1110
|
margin-bottom: 4px;
|
|
1111
1111
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1112
1112
|
`}
|
|
@@ -1116,7 +1116,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1116
1116
|
font-size: 14px;
|
|
1117
1117
|
line-height: 22px;
|
|
1118
1118
|
margin: 0;
|
|
1119
|
-
`,
|
|
1119
|
+
`,Bn=ie.p`
|
|
1120
1120
|
color: ${({theme:e})=>e.colorText};
|
|
1121
1121
|
font-weight: 600;
|
|
1122
1122
|
font-size: 12px;
|
|
@@ -1128,7 +1128,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1128
1128
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1129
1129
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1130
1130
|
`}
|
|
1131
|
-
`;var In=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:n}=
|
|
1131
|
+
`;var In=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:n}=Q(),{primaryCTAClickSideEffects:r}=re(),{theme:i,styleOverrides:s}=n(o),{imageUri:p=null,subtitle:d=null,title:a=null,complete:u=!1,blocked:c=!1}=e,f=()=>{r(e)};return ht.createElement(wn,{className:l("carouselCard",o),onClick:c?null:f,style:t,blocked:c,complete:u},ht.createElement("div",{style:{alignItems:"flex-start",display:"flex",justifyContent:"space-between"}},p&&ht.createElement(Tn,{className:l("carouselCardImage",o),src:p,alt:a,style:{opacity:u||c?.4:1}}),u&&ht.createElement(vn,{className:l("carouselCompletedPill",o)},ht.createElement(Bn,{style:{color:"#108E0B"}},"Complete"))),a&&ht.createElement(An,{blocked:c,complete:u,className:l("carouselCardTitle",o)},a),d&&ht.createElement(Ue.Quiet,{blocked:c,complete:u,className:l("carouselCardSubtitle",o)},d))};import Qt from"react";var Nn=({numberOfStepsCompleted:e,numberOfSteps:t,appearance:o})=>{let n=t>0?e/t:0,r=200,i=Math.min(r,Math.max(10,Math.round(r*n)));return Qt.createElement(kn,{className:l("carouselProgressBar",o)},Qt.createElement(Pn,{as:Ue.Loud,style:{marginRight:8}},e," of ",t),Qt.createElement("svg",{height:10,width:r},Qt.createElement("rect",{x:0,y:0,rx:5,width:r,height:10,fill:"#E6E6E6"}),Qt.createElement("rect",{x:0,y:0,rx:5,width:i,height:10,fill:"currentColor"})))};var bp=()=>ne.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ne.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),ne.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),ne.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),Ln=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[n,r]=xt(!1),[i,s]=xt(!1);Qo(()=>{t===!0&&n===!1?r(!0):t===!1&&n===!0&&s(!0)},[t]);let p=()=>{r(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return n?ne.createElement(Sn,{style:d,reversed:i,onAnimationEnd:i?p:null},ne.createElement(yn,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},ne.createElement(bp,null))):null},On=({flowId:e,appearance:t,customVariables:o,className:n})=>{let r=yp(null),[i,s]=xt(!1),[p,d]=xt(!1),[a,u]=xt(null),[c,f]=xt([]),[b,w]=xt(0),{getFlowMetadata:S,getFlowSteps:g,getNumberOfStepsCompleted:P,updateCustomVariables:T,getFlowStatus:A,isLoading:k,targetingLogicShouldHideFlow:x,getFlow:m}=J();Qo(()=>{T(o)},[o,k]),Qo(()=>{if(k)return;let B=S(e),H=P(e),I=g(e);u(B),B.data!==null&&(f(I.sort((_,te)=>Number(_.complete)-Number(te.complete))),d(I.length>3),w(H))},[k]);let C=[];for(let B=0;B<c.length;B+=3)C.push(c.slice(B,B+3));let E=B=>{let H=B.target,I=H.scrollWidth-H.clientWidth,_=Math.ceil(H.scrollLeft);_>0&&i===!1&&s(!0),_===0&&i===!0&&s(!1),_<I&&p===!1&&d(!0),_===I&&p===!0&&d(!1)},M=(B=!0)=>{let H=B?1:-1;r.current!==null&&r.current.scrollBy({left:r.current.clientWidth*H,behavior:"smooth"})},$=null,U=B=>{$!==null?clearTimeout($):E(B),$=setTimeout(()=>{E(B)},16)};return k?null:ne.createElement(Fn,{className:ge(l("carouselContainer",t),n)},ne.createElement("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:20}},ne.createElement("div",null,ne.createElement(En,{className:l("carouselTitle",t)},a==null?void 0:a.title),ne.createElement(Ue.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),ne.createElement(Nn,{numberOfStepsCompleted:b,numberOfSteps:c.length})),ne.createElement("div",{style:{position:"relative"}},ne.createElement(Ln,{show:i,onClick:()=>M(!1)}),ne.createElement(Ln,{side:"right",show:p,onClick:M}),ne.createElement(xn,{ref:r,onScroll:U},C.map((B,H)=>ne.createElement(Cn,{key:H,style:{flex:`0 0 calc(100% - ${c.length>3?36:0}px)`}},B.map((I,_)=>ne.createElement(In,{key:_,stepData:I,style:{flex:c.length>3?"0 1 calc(33% - 16px * 2 / 3)":1},appearance:t})))))))};var Zo=({flowId:e,title:t,subtitle:o,style:n,initialSelectedStep:r,className:i,type:s="inline",onDismiss:p,visible:d,customVariables:a,onStepCompletion:u,onButtonClick:c,appearance:f,hideOnFlowCompletion:b,setVisible:w,customStepTypes:S,checklistStyle:g="default",autoExpandFirstIncompleteStep:P,autoExpandNextStep:T,...A})=>{let{getFlow:k,getFlowSteps:x,markStepCompleted:m,getStepStatus:C,getNumberOfStepsCompleted:E,isLoading:M,targetingLogicShouldHideFlow:$,updateCustomVariables:U,getFlowMetadata:B,isStepBlocked:H,getFlowStatus:I,hasActiveFullPageFlow:_,setHasActiveFullPageFlow:te}=J(),{primaryCTAClickSideEffects:q,secondaryCTAClickSideEffects:W}=re(),{getOpenFlowState:be,setOpenFlowState:me}=Fe(),[G,L]=$n(r||0),[oe,N]=$n(!1),V=d===void 0?be(e):d,we=s==="modal",{mergeAppearanceWithDefault:ve}=Q(),{isLarge:St}=Qi();if(f=ve(f),Dn(()=>{U(a)},[a,M]),Dn(()=>{d!==void 0&&(we&&d===!0?te(!0):we&&d===!1&&te(!1))},[d,w,_]),M)return null;let rt=k(e);if(!rt||$(rt))return null;let Te=x(e);if(!Te||b===!0&&I(e)===X)return null;let ce=B(e);if(ce!=null&&ce.title&&(t=ce.title),ce!=null&&ce.subtitle&&(o=ce.subtitle),!oe&&r===void 0&&E(e)>0){let z=Math.min(E(e),Te.length-1);L(z),N(!0)}function ze(){if(G+1>=Te.length){we&&me(e,!1);return}H(e,Te[G+1].id)||L(G+1)}function He(z,nt,to){let nr=G+1<Te.length?Te[G+1]:null;c&&c(z,G,nt,nr)===!0&&we&&h(),u&&u(z,to,nr),!u&&!c&&(z.primaryButtonUri||z.secondaryButtonUri)&&we&&h()}function Y(){return Te.map((z,nt)=>({...z,handleSecondaryButtonClick:()=>{ze(),W(z),z.skippable===!0&&m(e,z.id,{skipped:!0}),He(z,"secondary",nt)},handlePrimaryButtonClick:()=>{(!z.completionCriteria&&(z.autoMarkCompleted||z.autoMarkCompleted===void 0)||z.completionCriteria&&z.autoMarkCompleted===!0)&&(m(e,z.id),ze()),He(z,"primary",nt),q(z),C(e,z.id)===Ne&&ze()}}))}function fe(){return se.createElement(ee,{appearance:f})}let it={steps:Y(),title:t,subtitle:o,primaryColor:f.theme.colorPrimary,appearance:f,customStepTypes:S,type:s,className:i,autoExpandFirstIncompleteStep:P,autoExpandNextStep:T};function h(){me(e,!1),p&&p(),w&&w(!1)}function y(){return se.createElement(se.Fragment,null,se.createElement(fe,null),se.createElement(On,{flowId:e,appearance:f,customVariables:a,className:i}))}function v(){return se.createElement(se.Fragment,null,se.createElement(fe,null),se.createElement(Jo,{visible:V,onClose:()=>{h()},selectedStep:G,setSelectedStep:L,autoExpandNextStep:!0,appearance:f,...it}))}function j(){if(!St)return v();let z=A.guideFlowId,nt;return z&&k(z)&&(nt=x(z)),se.createElement(se.Fragment,null,se.createElement(fe,null),se.createElement(Xo,{visible:V,stepsTitle:ce.stepsTitle?ce.stepsTitle:"Your quick start guide",onClose:()=>{h()},selectedStep:G,setSelectedStep:L,guideData:nt,guideTitle:A.guideTitle??"Guide",appearance:f,title:t,subtitle:o,onGuideButtonClick:to=>{He(to,"link",0)},customStepTypes:S,...it}))}function le(){if(!St)return v();let z=se.createElement(qo,{flowId:e,style:n,selectedStep:G,setSelectedStep:L,appearance:f,type:s,...it});return we?se.createElement(Je,{onClose:()=>{h()},visible:V,appearance:f,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},se.createElement(fe,null),z):se.createElement(se.Fragment,null,se.createElement(fe,null),z)}switch(g){case"condensed":return v();case"with-guide":return j();case"default":return le();case"carousel":return y();default:return le()}};var Tp=e=>wp.createElement(Zo,{type:"inline",...e});import tt,{useEffect as kp}from"react";import _e from"react";import vo from"styled-components";var Mn=vo.div`
|
|
1132
1132
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1133
1133
|
border-radius: 8px;
|
|
1134
1134
|
padding: 6px 10px 6px 10px;
|
|
@@ -1155,7 +1155,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1155
1155
|
display: flex;
|
|
1156
1156
|
height: 100%;
|
|
1157
1157
|
align-items: center;
|
|
1158
|
-
`;import{motion as
|
|
1158
|
+
`;import{motion as Fp}from"framer-motion";var zn=({title:e,count:t,total:o,onClick:n,style:r={},className:i,appearance:s,type:p="default"})=>_e.createElement(_e.Fragment,null,_e.createElement(ee,{appearance:s}),_e.createElement(Mn,{as:Fp.div,whileHover:{opacity:.9},whileTap:{scale:.98},onClick:()=>n!==void 0&&n(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...r},className:ge(i??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&_e.createElement(Wn,{className:l("progressRingContainer",s)},_e.createElement(Et,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),_e.createElement(Un,{type:p,className:l("badgeTitleContainer",s)},_e.createElement(_n,{type:p,appearance:s,className:l("badgeTitle",s)},e),n!==void 0&&_e.createElement(Ot,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&_e.createElement(Me,{display:"compact",count:t,total:o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import et from"react";import Zt from"styled-components";var Hn=Zt.div`
|
|
1159
1159
|
display: flex;
|
|
1160
1160
|
flex-direction: row;
|
|
1161
1161
|
width: 100%;
|
|
@@ -1166,25 +1166,25 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1166
1166
|
border-width: 1px;
|
|
1167
1167
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1168
1168
|
border-radius: 12px;
|
|
1169
|
-
`,jn=
|
|
1169
|
+
`,jn=Zt.div`
|
|
1170
1170
|
${e=>F(e)} {
|
|
1171
1171
|
display: flex;
|
|
1172
1172
|
justify-content: center;
|
|
1173
1173
|
align-items: center;
|
|
1174
1174
|
margin-right: 16px;
|
|
1175
1175
|
}
|
|
1176
|
-
`,Gn=
|
|
1176
|
+
`,Gn=Zt.div`
|
|
1177
1177
|
display: flex;
|
|
1178
1178
|
flex-direction: column;
|
|
1179
1179
|
flex: 1;
|
|
1180
1180
|
margin-top: 0;
|
|
1181
|
-
`,Vn=
|
|
1181
|
+
`,Vn=Zt.div`
|
|
1182
1182
|
display: flex;
|
|
1183
1183
|
flex-direction: column;
|
|
1184
1184
|
justify-content: center;
|
|
1185
1185
|
margin-left: 16px;
|
|
1186
1186
|
min-width: 200px;
|
|
1187
|
-
`,
|
|
1187
|
+
`,lC=Zt.div`
|
|
1188
1188
|
display: flex;
|
|
1189
1189
|
justify-content: center;
|
|
1190
1190
|
align-items: flex-end;
|
|
@@ -1193,7 +1193,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1193
1193
|
:hover {
|
|
1194
1194
|
opacity: 0.8;
|
|
1195
1195
|
}
|
|
1196
|
-
`;var Kn=({title:e,subtitle:t,icon:o,appearance:n,count:r,total:i,className:s,style:p})=>et.createElement(et.Fragment,null,et.createElement(Hn,{appearance:n,className:ge(l("fullWidthProgressBadgeContainer",n),s??""),style:p},o&&et.createElement(jn,{className:l("fullWidthProgressBadgeIcon",n)},o),et.createElement(Gn,null,et.createElement(he,{size:"small",appearance:n,title:e,subtitle:t})),et.createElement(Vn,{className:l("fullWidthProgressBadgeProgressContainer",n)},et.createElement(Me,{count:r,total:i,display:"percent",textLocation:"top",fillColor:n.theme.colorPrimary}))));var
|
|
1196
|
+
`;var Kn=({title:e,subtitle:t,icon:o,appearance:n,count:r,total:i,className:s,style:p})=>et.createElement(et.Fragment,null,et.createElement(Hn,{appearance:n,className:ge(l("fullWidthProgressBadgeContainer",n),s??""),style:p},o&&et.createElement(jn,{className:l("fullWidthProgressBadgeIcon",n)},o),et.createElement(Gn,null,et.createElement(he,{size:"small",appearance:n,title:e,subtitle:t})),et.createElement(Vn,{className:l("fullWidthProgressBadgeProgressContainer",n)},et.createElement(Me,{count:r,total:i,display:"percent",textLocation:"top",fillColor:n.theme.colorPrimary}))));var Pp=({flowId:e,title:t,subtitle:o,icon:n,style:r,onClick:i,className:s,customVariables:p,hideOnFlowCompletion:d,appearance:a,type:u="default"})=>{let{getFlow:c,getFlowSteps:f,getFlowStatus:b,getNumberOfStepsCompleted:w,isLoading:S,targetingLogicShouldHideFlow:g,updateCustomVariables:P}=J(),{mergeAppearanceWithDefault:T}=Q();a=T(a);let{setOpenFlowState:A,getOpenFlowState:k}=Fe();if(kp(()=>{P(p)},[p,S]),S)return null;let x=c(e);if(!x||g(x)||d===!0&&b(e)===X)return null;let m=f(e),C=w(e);return u==="full-width"?tt.createElement(tt.Fragment,null,tt.createElement(ee,{appearance:a}),tt.createElement(Kn,{title:t,subtitle:o,count:C,total:m.length,style:r,className:s,appearance:a,icon:n,onClick:()=>{}})):tt.createElement(tt.Fragment,null,tt.createElement(ee,{appearance:a}),tt.createElement(zn,{count:C,total:m.length,title:t,style:r,onClick:()=>{A(e,!0),i&&i()},type:u,className:s,appearance:a}))};import vp from"react";var Ep=({flowId:e,style:t,appearance:o,...n})=>{let{getFlow:r,targetingLogicShouldHideFlow:i,getFlowSteps:s}=J(),{mergeAppearanceWithDefault:p}=Q();o=p(o);let d=r(e);if(!d||i(d))return null;let a=s(e);return vp.createElement(Jt,{steps:a,style:t,appearance:o,...n})};import Mt,{useContext as Wp,useEffect as zp}from"react";import D,{useEffect as Eo,useLayoutEffect as rs,useRef as Lp,useState as Rt}from"react";import eo from"styled-components";import{useCallback as Ap,useEffect as Bp,useState as Ip}from"react";var Ro=(e,t,o,n={x:20,y:20},r)=>{let i=r=="fixed"?0:window.scrollY,s=r=="fixed"?0:window.scrollX;return!e||!e.left||!e.top?{x:0,y:0}:t==="left"?{x:e.left-o+n.x+s,y:e.top-n.y+i}:t==="right"?{x:e.left+e.width+n.x+s,y:e.top-n.y+i}:{x:0,y:0}},qn={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0};function Np(e){let t=qn;return e&&(t=e.getBoundingClientRect()),t}function Yn(e,t){let[o,n]=Ip(qn),r=Ap(()=>{e&&n(Np(e))},[e]);return Bp(()=>(r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)),[e,t]),o}import ot from"styled-components";var Xn=ot.div`
|
|
1197
1197
|
${e=>F(e)} {
|
|
1198
1198
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
1199
1199
|
}
|
|
@@ -1259,7 +1259,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1259
1259
|
color: #808080;
|
|
1260
1260
|
}
|
|
1261
1261
|
margin: 0;
|
|
1262
|
-
`;var is=300,ns=100,
|
|
1262
|
+
`;var is=300,ns=100,Op=500,$t=12,Dp=eo.div`
|
|
1263
1263
|
width: 100%;
|
|
1264
1264
|
height: 100%;
|
|
1265
1265
|
border-radius: 9999px;
|
|
@@ -1282,25 +1282,25 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1282
1282
|
opacity: 0;
|
|
1283
1283
|
}
|
|
1284
1284
|
}
|
|
1285
|
-
|
|
1285
|
+
`,$p=eo.div`
|
|
1286
1286
|
width: ${$t}px;
|
|
1287
1287
|
height: ${$t}px;
|
|
1288
1288
|
border-radius: 100px;
|
|
1289
1289
|
background-color: ${e=>e.primaryColor};
|
|
1290
1290
|
z-index: 20;
|
|
1291
1291
|
opacity: 1;
|
|
1292
|
-
`,
|
|
1292
|
+
`,Mp=eo.div`
|
|
1293
1293
|
pointer-events: all;
|
|
1294
|
-
`,ss=
|
|
1294
|
+
`,ss=eo.div`
|
|
1295
1295
|
display: flex;
|
|
1296
1296
|
align-content: center;
|
|
1297
1297
|
justify-content: center;
|
|
1298
1298
|
align-items: center;
|
|
1299
1299
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1300
|
-
|
|
1300
|
+
`,Up=eo(ss)`
|
|
1301
1301
|
width: ${$t+12}px;
|
|
1302
1302
|
height: ${$t+12}px;
|
|
1303
|
-
`,
|
|
1303
|
+
`,_p=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:n="auto",showHighlight:r=!0,primaryColor:i="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:a=0,customStepTypes:u,appearance:c,dismissible:f=!1,showHighlightOnly:b,showStepCount:w=!0,completedStepsCount:S=0})=>{var Te,ce,ze,He;let[g,P]=Rt(),[T,A]=Rt(new Date),k=Lp(null),[x,m]=Rt(document.querySelector(e[a].selector)),C=Yn(x,T),[E,M]=Rt(),[$,U]=Rt(!b),B=(ce=(Te=e[a])==null?void 0:Te.props)!=null&&ce.position?e[a].props.position:"absolute",H=((He=(ze=e[a])==null?void 0:ze.props)==null?void 0:He.zIndex)??90,I=(g==null?void 0:g.width)??is,_=(g==null?void 0:g.height)??ns;rs(()=>{k.current&&P({width:k.current.clientWidth,height:k.current.clientHeight})},[a,T,B]),Eo(()=>{b||U(!0)},[a]);let te=n==="auto"?"right":n,q=Ro(C,te,I,s,B),W=C.right+I>(window.innerWidth||document.documentElement.clientWidth),be=C.bottom+ns>(window.innerHeight||document.documentElement.clientHeight);W&&n==="auto"&&(q=Ro(C,"left",I,s,B),te="left");let me=window.location.pathname.split("/").pop(),G=()=>{let Y=document.querySelector(e[a].selector);E&&E===JSON.stringify(Y==null?void 0:Y.getBoundingClientRect())||(m(Y),A(new Date),Y&&M(JSON.stringify(Y.getBoundingClientRect())))};if(Eo(()=>{let Y=new MutationObserver(G);return Y.observe(document.body,{subtree:!0,childList:!0}),()=>Y.disconnect()},[G]),Eo(()=>{let Y=new MutationObserver(G);return Y.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>Y.disconnect()},[G]),Eo(()=>{let Y=setInterval(()=>{G()},10);return()=>clearInterval(Y)},[G]),rs(()=>{setTimeout(()=>{G()},Op),G()},[a,me]),x===null)return D.createElement(D.Fragment,null);if(q.x==0&&q.y==0)return D.createElement(D.Fragment,null);if(!p)return D.createElement(D.Fragment,null);let L=()=>{let Y=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),U(!1),setTimeout(()=>{G()},30)),S===e.length-1)return o()},fe=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),b&&U(!1))};return D.createElement(D.Fragment,null,w&&D.createElement(es,null,D.createElement(os,{className:l("tooltipStepCounter",c)},a+1," of ",e.length)),D.createElement(ts,{showStepCount:w,className:l("tooltipCTAContainer",c)},e[a].secondaryButtonTitle&&D.createElement(R,{title:e[a].secondaryButtonTitle,appearance:c,onClick:fe,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&D.createElement(R,{title:e[a].primaryButtonTitle,appearance:c,onClick:Y,withMargin:!1,size:"small"})))},oe=()=>D.createElement(D.Fragment,null,f&&D.createElement(Jn,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",c)},D.createElement(ke,null)),e[a].imageUri&&D.createElement(Qn,{dismissible:f,appearance:c,src:e[a].imageUri,className:l("tooltipImageContainer",c)}),e[a].videoUri&&!e[a].imageUri&&D.createElement(Zn,{dismissible:f,appearance:c,className:l("tooltipVideoContainer",c)},D.createElement(Pt,{appearance:c,videoUri:e[a].videoUri})),D.createElement(he,{appearance:c,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),D.createElement(Rn,{className:l("tooltipFooter",c)},D.createElement(L,null))),V={...{default:Y=>{var fe;if((fe=e[a])!=null&&fe.StepContent){let it=e[a].StepContent;return D.createElement("div",null,it)}return D.createElement(oe,null)}},...u},we=()=>{var Y;return e?!((Y=e[a])!=null&&Y.type)||!V[e[a].type]?V.default(e[a]):V[e[a].type]({stepData:e[a],primaryColor:i}):D.createElement(D.Fragment,null)};if(b&&e[a].complete===!0)return null;let ve={top:(q==null?void 0:q.y)-$t,left:(te=="left"?C.x+s.x:(q==null?void 0:q.x)-$t)??0,cursor:b?"pointer":"default",position:B},St=()=>{let fe=ve.left+(te=="left"?-I:24);return Math.min(Math.max(fe,20),window.innerWidth-I-20)},rt=()=>{b&&(A(new Date),U(!$))};return D.createElement(Mp,null,D.createElement(Up,{style:ve,zIndex:H,className:l("tourHighlightContainer",c)},r&&e[a].showHighlight!==!1&&D.createElement(D.Fragment,null,D.createElement($p,{style:{position:B},onClick:rt,primaryColor:c.theme.colorPrimary}),D.createElement(Dp,{style:{position:"absolute"},onClick:rt,primaryColor:c.theme.colorPrimary}))),D.createElement(ss,{style:{...ve,left:St()},zIndex:H+1,className:l("tooltipContainerWrapper",c)},$&&D.createElement(Xn,{ref:k,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:12,...d},appearance:c,className:l("tooltipContainer",c),maxWidth:is,zIndex:H+10},D.createElement(we,null))))},Ao=_p;import{Portal as Hp}from"react-portal";var jp=({flowId:e,customVariables:t,appearance:o,onStepCompletion:n,onButtonClick:r,showTooltipsSimultaneously:i=!1,onDismiss:s,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:a=!1,dismissBehavior:u="complete-flow",onComplete:c,...f})=>{let{getFlow:b,getFlowSteps:w,isLoading:S,targetingLogicShouldHideFlow:g,markStepCompleted:P,markStepStarted:T,markFlowCompleted:A,updateCustomVariables:k,getCurrentStepIndex:x,getStepStatus:m,isStepBlocked:C,getFlowStatus:E,getNumberOfStepsCompleted:M}=J(),{isLoadingUserFlowStateData:$}=Ae(),{primaryCTAClickSideEffects:U,secondaryCTAClickSideEffects:B}=re(),{hasOpenModals:H}=Fe(),I=x(e),{openFlowStates:_}=Wp(K),{mergeAppearanceWithDefault:te}=Q();if(o=te(o),zp(()=>{k(t)},[t,S]),$)return null;let q=b(e);if(!q||g(q)||E(e)==X||H())return null;let W=w(e);if(Object.keys(_).length>0){let N=Object.keys(_).find(V=>_[V]===!0);if(N!==void 0&&N!==e)return Mt.createElement(Mt.Fragment,null)}async function be(N){if(await P(e,N.id),W.map(V=>m(e,V.id)).every(V=>V===Ne)){await A(e);return}if(!a&&I+1<W.length){if(C(e,W[I+1].id))return;await T(e,W[I+1].id)}}function me(N,V,we){let ve=I+1<W.length?W[I+1]:null;r&&r(N,I,V,ve),n&&n(N,we,ve)}function G(){return W.map(N=>({...N,handleSecondaryButtonClick:async()=>{B(N),N.skippable===!0&&await P(e,N.id,{skipped:!0}),me(N,"secondary",I)},handlePrimaryButtonClick:async()=>{(!N.completionCriteria&&(N.autoMarkCompleted||N.autoMarkCompleted===void 0)||N.completionCriteria&&N.autoMarkCompleted===!0)&&await be(N),me(N,"primary",I),U(N)}}))}async function L(N){s&&s(),u==="complete-flow"?await A(e):await P(e,N.id)}function oe(){c&&c()}return Mt.createElement(Hp,null,Mt.createElement(ee,{appearance:o}),i?W.map((N,V)=>Mt.createElement(Ao,{key:N.id,appearance:o,steps:G(),selectedStep:V,showTooltipsSimultaneously:i,dismissible:p,onDismiss:()=>L(N),tooltipPosition:d,showHighlightOnly:a,completedStepsCount:M(e),onComplete:oe,...f})):Mt.createElement(Ao,{appearance:o,steps:G(),selectedStep:I,showTooltipsSimultaneously:i,dismissible:p,onDismiss:()=>L(W[I]),tooltipPosition:d,completedStepsCount:M(e),showHighlightOnly:a,onComplete:oe,...f}))};import Ce,{useEffect as Gp,useRef as Vp,useState as Kp}from"react";import{Portal as qp}from"react-portal";import Ct from"styled-components";var ls=Ct.button`
|
|
1304
1304
|
${e=>F(e)} {
|
|
1305
1305
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1306
1306
|
|
|
@@ -1388,7 +1388,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1388
1388
|
font-size: 14px;
|
|
1389
1389
|
|
|
1390
1390
|
padding: 8px 12px;
|
|
1391
|
-
`;import{AnimatePresence as Cs,motion as Ss}from"framer-motion";import fs from"react";var gs=({style:e,className:t})=>fs.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},fs.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));import hs from"react";var xs=({style:e,className:t})=>hs.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"},hs.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var
|
|
1391
|
+
`;import{AnimatePresence as Cs,motion as Ss}from"framer-motion";import fs from"react";var gs=({style:e,className:t})=>fs.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},fs.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));import hs from"react";var xs=({style:e,className:t})=>hs.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"},hs.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var Yp=({flowId:e,style:t,onStepCompletion:o,visible:n=!0,type:r="inline",title:i="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:a,getStepStatus:u,getNumberOfStepsCompleted:c,isLoading:f,targetingLogicShouldHideFlow:b}=J(),{primaryCTAClickSideEffects:w}=re(),S=Vp(null),[g,P]=Kp(!1),{mergeAppearanceWithDefault:T}=Q();s=T(s),Gp(()=>(document.addEventListener("click",A,!1),()=>{document.removeEventListener("click",A,!1)}),[]);let A=E=>{S.current&&!S.current.contains(E.target)&&P(!1)};if(f)return null;let k=p(e);if(!k||b(k))return null;let x=d(e);if(!x||!n)return null;function m(E,M){!E.completionCriteria&&(E.autoMarkCompleted||E.autoMarkCompleted===void 0)&&a(e,E.id),w(E),o&&o(E,M),P(!1)}function C(){return g&&Ce.createElement(ms,{className:l("floatingWidgetMenu",s),as:Ss.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:r},x.map((E,M)=>Ce.createElement(us,{className:l("floatingWidgetMenuItem",s),key:M,onClick:()=>m(E,M)},E.title)))}return r=="inline"?Ce.createElement("span",{ref:S},Ce.createElement(ls,{style:t,onClick:()=>{P(!g)},className:l("supportButton",s)},Ce.createElement(ps,{className:l("supportIconContainer",s)},Ce.createElement(xs,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),Ce.createElement(as,{className:l("supportButtonTitle",s)},i)),Ce.createElement(Cs,null,Ce.createElement(C,null))):Ce.createElement(qp,null,Ce.createElement(ds,{style:t,ref:S},Ce.createElement(Cs,null,Ce.createElement(C,null)),Ce.createElement(cs,{onClick:()=>{P(!g)},as:Ss.button,whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},Ce.createElement(gs,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import We,{useEffect as Xp}from"react";import Bo from"styled-components";var ys=Bo.div`
|
|
1392
1392
|
${e=>F(e)} {
|
|
1393
1393
|
display: flex;
|
|
1394
1394
|
flex-direction: column;
|
|
@@ -1403,17 +1403,17 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1403
1403
|
border-radius: 12px;
|
|
1404
1404
|
position: relative;
|
|
1405
1405
|
}
|
|
1406
|
-
`,bs=
|
|
1406
|
+
`,bs=Bo.div`
|
|
1407
1407
|
display: flex;
|
|
1408
1408
|
flex-direction: column;
|
|
1409
1409
|
flex: 1;
|
|
1410
|
-
`,ws=
|
|
1410
|
+
`,ws=Bo.div`
|
|
1411
1411
|
display: flex;
|
|
1412
1412
|
flex-direction: column;
|
|
1413
1413
|
justify-content: center;
|
|
1414
1414
|
align-items: flex-start;
|
|
1415
1415
|
margin-top: 16px;
|
|
1416
|
-
`,Ts=
|
|
1416
|
+
`,Ts=Bo.div`
|
|
1417
1417
|
${e=>F(e)} {
|
|
1418
1418
|
position: absolute;
|
|
1419
1419
|
top: 16px;
|
|
@@ -1424,7 +1424,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1424
1424
|
opacity: 0.8;
|
|
1425
1425
|
}
|
|
1426
1426
|
}
|
|
1427
|
-
`;var
|
|
1427
|
+
`;var Jp=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:n,appearance:r,className:i,style:s,dismissible:p})=>{let{getFlow:d,markFlowCompleted:a,markStepCompleted:u,isLoading:c,targetingLogicShouldHideFlow:f,updateCustomVariables:b,getFlowSteps:w,getFlowStatus:S,getCurrentStepIndex:g}=J(),{primaryCTAClickSideEffects:P}=re(),{mergeAppearanceWithDefault:T}=Q();if(r=T(r),Xp(()=>{b(o)},[o,c]),c)return null;let A=d(e);if(!A||f(A)||S(e)===X)return null;let x=w(e)[g(e)];return We.createElement(We.Fragment,null,We.createElement(ee,{appearance:r}),We.createElement(ys,{appearance:r,className:ge(l("embeddedTipContainer",r),i),style:s},(p===!0||x.dismissible)&&We.createElement(Ts,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",r)},We.createElement(ke,null)),We.createElement(bs,null,We.createElement(he,{size:"small",appearance:r,title:x.title,subtitle:x.subtitle})),x.primaryButtonTitle&&We.createElement(ws,{className:l("embeddedTipCallToActionContainer",r)},We.createElement(R,{classPrefix:"embeddedTip",title:x.primaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"inline",onClick:async()=>{x.handlePrimaryButtonClick(),P(x),!(n&&n(x,g(e),"primary")===!1)&&(await u(e,x.id),await a(e))}}))))};import ue,{useEffect as Qp}from"react";import Ut from"styled-components";var Fs=Ut.div`
|
|
1428
1428
|
// use the :not annotation
|
|
1429
1429
|
${e=>F(e)} {
|
|
1430
1430
|
display: flex;
|
|
@@ -1469,7 +1469,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1469
1469
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1470
1470
|
align-items: flex-end;
|
|
1471
1471
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1472
|
-
`;import Es from"react";var
|
|
1472
|
+
`;import Es from"react";var As=({style:e,className:t})=>Es.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"},Es.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 Zp=({flowId:e,title:t,subtitle:o,onDismiss:n,customVariables:r,onButtonClick:i,appearance:s,type:p="full-width",icon:d})=>{let{getFlow:a,markFlowCompleted:u,isLoading:c,targetingLogicShouldHideFlow:f,updateCustomVariables:b,getFlowMetadata:w,getFlowStatus:S,getFlowSteps:g,getCurrentStepIndex:P}=J(),{primaryCTAClickSideEffects:T}=re(),{mergeAppearanceWithDefault:A}=Q();if(s=A(s),Qp(()=>{b(r)},[r,c]),c)return null;let k=a(e);if(!k||f(k)||S(e)===X)return null;let x=g(e),m=x.length>0?x[P(e)]:w(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),ue.createElement(ue.Fragment,null,ue.createElement(ee,{appearance:s}),ue.createElement(Fs,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&ue.createElement(ks,{className:l("bannerIconContainer",s)},d||ue.createElement(As,null)),p==="square"&&m.dismissible&&ue.createElement(tr,{type:p,className:l("bannerDismissButtonContainer",s)},ue.createElement(er,{type:p,onClick:async()=>{await u(e),n&&n()},className:l("bannerDismissButton",s)},ue.createElement(ke,null))),ue.createElement(Ps,{type:p},ue.createElement(he,{appearance:s,title:t,subtitle:o})),ue.createElement(vs,{type:p,className:l("bannerCallToActionContainer",s)},ue.createElement(R,{title:(m==null?void 0:m.primaryButtonTitle)??"Get started",appearance:s,onClick:()=>{T(m),i&&i(m,0,"primary")}})),p!=="square"&&m.dismissible&&ue.createElement(tr,{type:p,className:l("bannerDismissButtonContainer",s)},ue.createElement(er,{type:p,onClick:async()=>{await u(e),n&&n()},className:l("bannerDismissButton",s)},ue.createElement(ke,null)))))};import Z,{useEffect as Rp}from"react";import{Portal as ed}from"react-portal";import Xe from"styled-components";var Bs=Xe.div`
|
|
1473
1473
|
${e=>F(e)} {
|
|
1474
1474
|
display: flex;
|
|
1475
1475
|
flex-direction: column;
|
|
@@ -1528,7 +1528,7 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1528
1528
|
display: flex;
|
|
1529
1529
|
flex-direction: column;
|
|
1530
1530
|
flex: 1;
|
|
1531
|
-
`,
|
|
1531
|
+
`,Sy=Xe.div`
|
|
1532
1532
|
display: flex;
|
|
1533
1533
|
flex-direction: column;
|
|
1534
1534
|
justify-content: center;
|
|
@@ -1556,5 +1556,5 @@ ${n=>n.inlineStyles.map(([r,i])=>`.${Wt}${r}.${Wt}${r} { ${Object.entries(i).map
|
|
|
1556
1556
|
opacity: 0.8;
|
|
1557
1557
|
}
|
|
1558
1558
|
}
|
|
1559
|
-
`;var
|
|
1559
|
+
`;var td=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:n,appearance:r,className:i,style:s})=>{let{getFlow:p,markFlowCompleted:d,markStepCompleted:a,getNumberOfStepsCompleted:u,isLoading:c,targetingLogicShouldHideFlow:f,updateCustomVariables:b,getFlowSteps:w,getFlowStatus:S,getCurrentStepIndex:g}=J(),{primaryCTAClickSideEffects:P}=re(),{mergeAppearanceWithDefault:T}=Q(),[A,k]=Z.useState(null),[x,m]=Z.useState(""),{hasOpenModals:C,setKeepCompletedFlowOpenDuringSession:E,shouldKeepCompletedFlowOpenDuringSession:M}=Fe();if(r=T(r),Rp(()=>{b(o)},[o,c]),c)return null;let $=p(e);if(!$||f($)||S(e)===X||u(e)===1&&!M(e)||C())return null;let B=w(e)[g(e)];function H(){return Z.createElement(Z.Fragment,null,Z.createElement(ir,null,Z.createElement(he,{size:"large",appearance:r,title:B.title,subtitle:B.subtitle})),Z.createElement(or,{className:l("npsNumberButtonContainer",r),appearance:r},Array.from(Array(10).keys()).map(_=>Z.createElement(Is,{className:l("npsNumberButton",r),selected:A===_+1,key:_,onClick:async()=>{E(e),k(_+1),await a(e,B.id,{score:_+1})},appearance:r},_+1))),Z.createElement(Ns,{appearance:r},Z.createElement(rr,{appearance:r},"Not likely at all"),Z.createElement(rr,{appearance:r},"Extremely likely")))}function I(){return Z.createElement(Z.Fragment,null,Z.createElement(ir,null,Z.createElement(he,{appearance:r,title:"Why did you choose this score?",size:"large"})),Z.createElement(Ls,{appearance:r,value:x,onChange:_=>{m(_.target.value)},placeHolder:"Add your optional fedback here..."}),Z.createElement(or,{appearance:r,className:l("npsNumberButtonContainer",r)},Z.createElement(R,{size:"large",withMargin:!1,onClick:async()=>{await d(e),n&&n(B,1,"primary")},appearance:r,title:B.secondaryButtonTitle||"Skip",secondary:!0}),Z.createElement(R,{size:"large",withMargin:!1,onClick:async()=>{await a(e,B.id,{feedbackText:x}),await d(e),n&&n(B,1,"primary")},appearance:r,title:B.primaryButtonTitle||"Submit"})))}return Z.createElement(ed,null,Z.createElement(ee,{appearance:r}),Z.createElement(Bs,{appearance:r,className:ge(l("npsSurveyContainer",r),i),style:s},Z.createElement(Os,{onClick:async()=>{await d(e),t&&t()},className:l("npsSurveyDismissButton",r)},Z.createElement(ke,null)),u(e)==0&&H(),u(e)==1&&I()))};export{dt as CheckBox,Ze as FormLabel,Zp as FrigadeBanner,Zo as FrigadeChecklist,Jp as FrigadeEmbeddedTip,Rr as FrigadeForm,Ep as FrigadeGuide,Tp as FrigadeHeroChecklist,td as FrigadeNPSSurvey,Pp as FrigadeProgressBadge,ka as FrigadeProvider,Yp as FrigadeSupportWidget,jp as FrigadeTour,Et as ProgressRing,Fe as useFlowOpens,Wt as useFlowResponses,J as useFlows,Ho as useOrganization,No as useUser};
|
|
1560
1560
|
//# sourceMappingURL=index.mjs.map
|