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