@frigade/react 1.32.47 → 1.32.48
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 +1 -0
- package/lib/index.js +226 -209
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +228 -211
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDescriptor;var cl=Object.getOwnPropertyNames;var ml=Object.getPrototypeOf,ul=Object.prototype.hasOwnProperty;var fl=(e,t)=>{for(var o in t)ko(e,o,{get:t[o],enumerable:!0})},br=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of cl(t))!ul.call(e,i)&&i!==o&&ko(e,i,{get:()=>t[i],enumerable:!(r=dl(t,i))||r.enumerable});return e};var g=(e,t,o)=>(o=e!=null?pl(ml(e)):{},br(t||!e||!e.__esModule?ko(o,"default",{value:e,enumerable:!0}):o,e)),gl=e=>br(ko({},"__esModule",{value:!0}),e);var rp={};fl(rp,{CheckBox:()=>Ct,FormLabel:()=>pt,FormTextField:()=>No,FrigadeBanner:()=>tl,FrigadeChecklist:()=>Ko,FrigadeDefaultAppearance:()=>Qe,FrigadeEmbeddedTip:()=>Xs,FrigadeForm:()=>or,FrigadeGuide:()=>Cs,FrigadeHeroChecklist:()=>is,FrigadeNPSSurvey:()=>al,FrigadeProgressBadge:()=>hs,FrigadeProvider:()=>ki,FrigadeSupportWidget:()=>Gs,FrigadeTour:()=>Ls,ProgressRing:()=>It,useFlowOpens:()=>Oe,useFlowResponses:()=>_t,useFlows:()=>Q,useOrganization:()=>zo,useUser:()=>zt});module.exports=gl(rp);var K=g(require("react")),Ti=require("styled-components");var ge=g(require("react"));var We=require("react");var Dt=g(require("react"));var wr="1.32.47 ";var Le="https://api.frigade.com/v1/public/",Ue="NOT_STARTED_STEP",re="COMPLETED_FLOW",Po="ABORTED_FLOW",Pt="STARTED_FLOW",je="NOT_STARTED_FLOW",Ge="COMPLETED_STEP",vo="STARTED_STEP";function Je(){let{publicApiKey:e,userId:t}=Dt.default.useContext(J);return{config:(0,Dt.useMemo)(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":wr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var hl="frigade-last-call-at-",xl="frigade-last-call-data-";function $t(){let{shouldGracefullyDegrade:e}=Dt.default.useContext(J);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),so();let r=hl+t,i=xl+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(r),p=window.localStorage.getItem(i);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return so()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(i,o.body)}let n;try{n=await fetch(t,o)}catch(s){return so(s)}return n?n.ok?n:so(n.statusText):so()}}function so(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Mt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Dt.default.useContext(J);function o(){if(t){console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize");return}e||console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider")}return{verifySDKInitiated:o}}var lo=require("react");var Ut=require("react");var Fr=g(require("swr"));var Tr=require("react");function Oe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=(0,Tr.useContext)(J);function n(c,u=!1){return e[c]??u}function s(c,u){t(T=>({...T,[c]:u}))}function p(c){t(u=>{let{[c]:T,...F}=u;return{...F}})}function d(c){i.includes(c)||r(u=>[...u,c])}function a(c){return i.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var Cl="unknown";function _e(){let{config:e}=Je(),{publicApiKey:t,userId:o,flows:r,setShouldGracefullyDegrade:i}=(0,Ut.useContext)(J),{resetOpenFlowState:n}=Oe(),[s,p]=(0,Ut.useState)(!1),d={data:r.map(b=>({flowId:b.id,flowState:re,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=b=>fetch(b,e).then(S=>{if(S.ok)return S.json();throw new Error("Failed to fetch user flow states")}).catch(S=>(console.log(`Error fetching ${b}: ${S}. Will gracefully degrade and hide Frigade`),i(!0),d)),{data:f,isLoading:c,mutate:u,error:T}=(0,Fr.default)(t&&r&&o?`${Le}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),F=f==null?void 0:f.data;(0,Ut.useEffect)(()=>{!s&&!c&&F&&p(!0)},[F,s,c]);async function y(b){if(F){let S=F.find(m=>m.flowId===b);S&&S.flowState!==re&&(S.flowState=re),await u(Promise.resolve({...f,data:F}),{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}async function x(b,S,m){if(F){let C=F.find(k=>k.flowId===b);C&&(C.stepStates[S]=m,C.flowState=Pt),await u(Promise.resolve({...f,data:F}),{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}async function A(b,S,m){if(F){let C=F.find(k=>k.flowId===b);C&&(C.lastStepId=S,C.stepStates[S]=m,C.flowState=Pt),await u({...f,data:F},{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}async function v(b){if(F){let S=F.find(m=>m.flowId===b);S&&S.flowState!==je&&(S.flowState=je,S.lastStepId=Cl,Object.keys(S.stepStates).forEach(m=>{S.stepStates[m].actionType=Ue,S.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:F},{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1}),n(b))}}async function I(b,S){if(F){let m=F.find(C=>C.flowId===b);m&&m.stepStates[S]!==Ue&&(m.stepStates[S]=Ue),await u({...f,data:F},{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:F,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:x,optimisticallyMarkStepNotStarted:I,optimisticallyMarkStepStarted:A,error:T}}function _t(){let{config:e}=Je(),{userFlowStatesData:t,mutateUserFlowState:o}=_e(),{failedFlowResponses:r,setFailedFlowResponses:i,flowResponses:n,setFlowResponses:s}=(0,lo.useContext)(J),[p,d]=(0,lo.useState)(new Set),[a,f]=(0,lo.useState)(new Set),c=$t();function u(y){let x=JSON.stringify(y);if(p.has(x))return null;p.add(x),d(p),a.add(y),f(a);let A=n==null?void 0:n.find(v=>v.flowSlug===y.flowSlug&&v.stepId===y.stepId&&v.actionType===y.actionType&&v.createdAt===y.createdAt);return c(`${Le}flowResponses`,{...e,method:"POST",body:x}).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+y.stepId+". Will retry again later."),i([...r,y])):A||s(I=>[...I??[],y])})}async function T(y){y.foreignUserId&&(y.actionType===Pt||y.actionType===je?await u(y):y.actionType===re?await u(y):y.actionType===vo?await u(y):y.actionType===Ge?await u(y):y.actionType===Po?await u(y):y.actionType===Ue&&await u(y))}function F(){let y=[];return t==null||t.forEach(x=>{if(x&&x.stepStates&&Object.keys(x.stepStates).length!==0)for(let A in x.stepStates){let v=x.stepStates[A];y.push({foreignUserId:x.foreignUserId,flowSlug:x.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...y,...n]}return{addResponse:T,setFlowResponses:s,getFlowResponses:F}}var Pr=g(require("swr"));var Sl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,kr=e=>{let t=Sl.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=yl(r,"'","");n.startsWith("flow_")&&(o=n)}),o},yl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Q(){let{config:e}=Je(),{flows:t,setFlows:o,userId:r,publicApiKey:i,customVariables:n,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=(0,We.useContext)(J),c={data:[]},{verifySDKInitiated:u}=Mt(),{addResponse:T,getFlowResponses:F}=_t(),y=h=>fetch(h,e).then(w=>w.ok?w.json():(console.log(`Error fetching ${h} (${w.status}): ${w.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(w=>(console.log(`Error fetching ${h}: ${w}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:x,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowNotStarted:I,optimisticallyMarkStepCompleted:b,optimisticallyMarkStepNotStarted:S,optimisticallyMarkStepStarted:m}=_e(),{data:C,error:k,isLoading:D}=(0,Pr.default)(i?`${Le}flows`:null,y,{keepPreviousData:!0});(0,We.useEffect)(()=>{if(k){console.error(k);return}C&&C.data&&(C.data=o(C.data))},[C,k]);function W(h){if(D)return null;let w=t.find(E=>E.slug===h);return!w&&t.length>0&&!A&&!D?(console.log(`Flow with slug ${h} not found`),null):(w==null?void 0:w.active)===!1?null:w}function _(h){var G;if(!W(h))return[];let w=W(h).data;return w?(w=N(w),(((G=JSON.parse(w))==null?void 0:G.data)??[]).map(ye=>{let j=ae(ye);return{handleSecondaryButtonClick:()=>{ye.skippable===!0&&z(h,ye.id,{skipped:!0})},...ye,complete:$(h,ye.id)===Ge||j>=1,blocked:le(h,ye.id),hidden:Pe(h,ye.id),handlePrimaryButtonClick:()=>{(!ye.completionCriteria&&(ye.autoMarkCompleted||ye.autoMarkCompleted===void 0)||ye.completionCriteria&&ye.autoMarkCompleted===!0)&&z(h,ye.id)},progress:j}}).filter(ye=>ye.hidden!==!0)):[]}function N(h){return h.replace(/\${(.*?)}/g,(w,E)=>n[E]!==void 0?String(n[E]):"")}function V(h){if(!W(h))return[];let w=W(h).data;return w?(w=N(w),JSON.parse(w)??{}):[]}function L(h,w){s(E=>({...E,[h]:w}))}function M(h){!A&&!D&&h&&JSON.stringify(n)!=JSON.stringify({...n,...h})&&Object.keys(h).forEach(w=>{L(w,h[w])})}let de=(0,We.useCallback)(async(h,w,E)=>{u();let G={foreignUserId:r,flowSlug:h,stepId:w,actionType:vo,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};q(G)&&(await m(h,w,G),T(G))},[r,x]),ne=(0,We.useCallback)(async(h,w,E)=>{u();let G={foreignUserId:r,flowSlug:h,stepId:w,actionType:Ue,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};q(G)&&(await S(h,w),T(G))},[r,x]),z=(0,We.useCallback)(async(h,w,E)=>{u();let G={foreignUserId:r,flowSlug:h,stepId:w,actionType:Ge,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};q(G)&&(await b(h,w,G),T(G))},[r,x]),ke=(0,We.useCallback)(async(h,w)=>{if(u(),te(h)===je)return;let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:je,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};await I(h),q(E)&&T(E)},[r,x]),Ne=(0,We.useCallback)(async(h,w)=>{u();let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:Pt,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};q(E)&&T(E)},[r,x]),H=(0,We.useCallback)(async(h,w)=>{u();let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:re,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};q(E)&&(await v(h),T(E))},[r,x]),fe=(0,We.useCallback)(async(h,w)=>{u();let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:Po,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};q(E)&&(await v(h),T(E))},[r,x]);function q(h){var w;if(!x&&h.actionType===Ue)return!1;if(x){let E=x.find(G=>G.flowId===h.flowSlug);if(h.actionType===Ue&&(!(E!=null&&E.stepStates[h.stepId])||E.stepStates[h.stepId].actionType===Ue)||E&&((w=E.stepStates[h.stepId])==null?void 0:w.actionType)===h.actionType||E&&E.flowState===re&&h.actionType===re)return!1}return!0}function $(h,w){let E=ve(h,w);return A?null:E?E.actionType:Ue}function le(h,w){let E=ve(h,w);return E?E.blocked:!1}function Pe(h,w){let E=ve(h,w);return E?E.hidden:!1}function ve(h,w){if(A)return null;let E=x==null?void 0:x.find(G=>G.flowId===h);return!E||!E.stepStates[w]?null:E.stepStates[w]??null}function X(h){var E;if(A||!x)return null;if(te(h)===je)return _(h)[0]??null;let w=(E=x.find(G=>G.flowId===h))==null?void 0:E.lastStepId;return w?_(h).find(G=>G.id===w):null}function Se(h){let w=X(h);if(!w)return 0;let E=_(h).findIndex(G=>G.id===w.id)??0;return $(h,w.id)===Ge&&E<_(h).length-1?E+1:E}function ae(h){if(!h.completionCriteria)return;let w=kr(h.completionCriteria);if(w===null)return;let E=lt(w),G=at(w);return G===0?void 0:E/G}function te(h){let w=x==null?void 0:x.find(E=>E.flowId===h);return w?w.flowState:null}function lt(h){let w=_(h);return w.length===0?0:w.filter(G=>$(h,G.id)===Ge).length}function at(h){return _(h).length}function oe(h){return JSON.parse(t.find(w=>w.slug===h).data)}function Ee(h){if(A)return!0;if(h!=null&&h.targetingLogic&&x){let w=x.find(E=>E.flowId===h.slug);if(w)return w.shouldTrigger===!1}return!!(h!=null&&h.targetingLogic&&r&&r.startsWith("guest_"))}function Ft(h){return!Ee(W(h))}return{getFlow:W,getFlowData:oe,isLoading:A||D,getStepStatus:$,getFlowSteps:_,getCurrentStepIndex:Se,markStepStarted:de,markStepCompleted:z,markFlowNotStarted:ke,markFlowStarted:Ne,markFlowCompleted:H,markFlowAborted:fe,markStepNotStarted:ne,getFlowStatus:te,getNumberOfStepsCompleted:lt,getNumberOfSteps:at,targetingLogicShouldHideFlow:Ee,setCustomVariable:L,updateCustomVariables:M,customVariables:n,getStepOptionalProgress:ae,getFlowMetadata:V,isStepBlocked:le,isStepHidden:Pe,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:Ft}}var vt=require("react");var Wt="guest_";function zt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=(0,vt.useContext)(J),{config:n}=Je(),{mutateUserFlowState:s}=_e(),p=$t(),{verifySDKInitiated:d}=Mt();(0,vt.useEffect)(()=>{if(e&&!t){if(e.startsWith(Wt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Le}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,i,t]);let a=(0,vt.useCallback)(async c=>{d();let u={foreignId:e,properties:c};await p(`${Le}users`,{...n,method:"POST",body:JSON.stringify(u)}),r(T=>({...T,...c})),s()},[e,n,i,s]),f=(0,vt.useCallback)(async(c,u)=>{d();let F={foreignId:e,events:[{event:c,properties:u}]};await p(`${Le}users`,{...n,method:"POST",body:JSON.stringify(F)}),s()},[e,n,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}var bi=require("uuid");var Be=g(require("react"));var ze=g(require("react")),co=g(require("styled-components"));var Ar=g(require("react")),Ir=g(require("styled-components"));var vr="fr-",ao="cfr-";function l(e,t){let o=`${vr}${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+" "+ao+e}return o}function P(e){if(!e.className||e.className.indexOf(ao)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(vr)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function Xo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Et(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Xo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Ae(...e){return e.filter(Boolean).join(" ")}function Er(e){return e.charAt(0).toUpperCase()+e.slice(1)}var bl=Ir.default.div`
|
|
2
|
+
var hl=Object.create;var ko=Object.defineProperty;var xl=Object.getOwnPropertyDescriptor;var Cl=Object.getOwnPropertyNames;var Sl=Object.getPrototypeOf,yl=Object.prototype.hasOwnProperty;var bl=(e,t)=>{for(var o in t)ko(e,o,{get:t[o],enumerable:!0})},Fr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Cl(t))!yl.call(e,i)&&i!==o&&ko(e,i,{get:()=>t[i],enumerable:!(r=xl(t,i))||r.enumerable});return e};var g=(e,t,o)=>(o=e!=null?hl(Sl(e)):{},Fr(t||!e||!e.__esModule?ko(o,"default",{value:e,enumerable:!0}):o,e)),wl=e=>Fr(ko({},"__esModule",{value:!0}),e);var cp={};bl(cp,{CheckBox:()=>Ct,FormLabel:()=>pt,FormTextField:()=>Lo,FrigadeBanner:()=>al,FrigadeChecklist:()=>Yo,FrigadeDefaultAppearance:()=>Qe,FrigadeEmbeddedTip:()=>ol,FrigadeForm:()=>nr,FrigadeGuide:()=>ks,FrigadeHeroChecklist:()=>cs,FrigadeNPSSurvey:()=>gl,FrigadeProgressBadge:()=>Ts,FrigadeProvider:()=>Ni,FrigadeSupportWidget:()=>Qs,FrigadeTour:()=>zs,ProgressRing:()=>At,useFlowOpens:()=>Le,useFlowResponses:()=>_t,useFlows:()=>J,useOrganization:()=>Ho,useUser:()=>Wt});module.exports=wl(cp);var q=g(require("react")),Ai=require("styled-components");var ge=g(require("react"));var We=require("react");var Dt=g(require("react"));var kr="1.32.48 ";var Ne="https://api.frigade.com/v1/public/",_e="NOT_STARTED_STEP",oe="COMPLETED_FLOW",Po="ABORTED_FLOW",Pt="STARTED_FLOW",Ve="NOT_STARTED_FLOW",je="COMPLETED_STEP",vo="STARTED_STEP";function Je(){let{publicApiKey:e,userId:t}=Dt.default.useContext(X);return{config:(0,Dt.useMemo)(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":kr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var Tl="frigade-last-call-at-",Fl="frigade-last-call-data-";function Mt(){let{shouldGracefullyDegrade:e}=Dt.default.useContext(X);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),so();let r=Tl+t,i=Fl+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(r),p=window.localStorage.getItem(i);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return so()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(i,o.body)}let n;try{n=await fetch(t,o)}catch(s){return so(s)}return n?n.ok?n:so(n.statusText):so()}}function so(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function $t(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Dt.default.useContext(X);function o(){if(t){console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize");return}e||console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider")}return{verifySDKInitiated:o}}var lo=require("react");var Ut=require("react");var vr=g(require("swr"));var Pr=require("react");function Le(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=(0,Pr.useContext)(X);function n(c,u=!1){return e[c]??u}function s(c,u){t(T=>({...T,[c]:u}))}function p(c){t(u=>{let{[c]:T,...F}=u;return{...F}})}function d(c){i.includes(c)||r(u=>[...u,c])}function a(c){return i.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var kl="unknown";function ze(){let{config:e}=Je(),{publicApiKey:t,userId:o,flows:r,setShouldGracefullyDegrade:i}=(0,Ut.useContext)(X),{resetOpenFlowState:n}=Le(),[s,p]=(0,Ut.useState)(!1),d={data:r.map(b=>({flowId:b.id,flowState:oe,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=b=>fetch(b,e).then(S=>{if(S.ok)return S.json();throw new Error("Failed to fetch user flow states")}).catch(S=>(console.log(`Error fetching ${b}: ${S}. Will gracefully degrade and hide Frigade`),i(!0),d)),{data:f,isLoading:c,mutate:u,error:T}=(0,vr.default)(t&&r&&o?`${Ne}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),F=f==null?void 0:f.data;(0,Ut.useEffect)(()=>{!s&&!c&&F&&p(!0)},[F,s,c]);async function y(b){if(F){let S=F.find(m=>m.flowId===b);S&&S.flowState!==oe&&(S.flowState=oe),await u(Promise.resolve({...f,data:F}),{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}async function C(b,S,m){if(F){let x=F.find(k=>k.flowId===b);x&&(x.stepStates[S]=m,x.flowState=Pt),await u(Promise.resolve({...f,data:F}),{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}async function B(b,S,m){if(F){let x=F.find(k=>k.flowId===b);x&&(x.lastStepId=S,x.stepStates[S]=m,x.flowState=Pt),await u({...f,data:F},{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}async function v(b){if(F){let S=F.find(m=>m.flowId===b);S&&S.flowState!==Ve&&(S.flowState=Ve,S.lastStepId=kl,Object.keys(S.stepStates).forEach(m=>{S.stepStates[m].actionType=_e,S.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:F},{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1}),n(b))}}async function A(b,S){if(F){let m=F.find(x=>x.flowId===b);m&&m.stepStates[S]!==_e&&(m.stepStates[S]=_e),await u({...f,data:F},{optimisticData:{...f,data:F},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:F,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:C,optimisticallyMarkStepNotStarted:A,optimisticallyMarkStepStarted:B,error:T}}function _t(){let{config:e}=Je(),{userFlowStatesData:t,mutateUserFlowState:o}=ze(),{failedFlowResponses:r,setFailedFlowResponses:i,flowResponses:n,setFlowResponses:s}=(0,lo.useContext)(X),[p,d]=(0,lo.useState)(new Set),[a,f]=(0,lo.useState)(new Set),c=Mt();function u(y){let C=JSON.stringify(y);if(p.has(C))return null;p.add(C),d(p),a.add(y),f(a);let B=n==null?void 0:n.find(v=>v.flowSlug===y.flowSlug&&v.stepId===y.stepId&&v.actionType===y.actionType&&v.createdAt===y.createdAt);return c(`${Ne}flowResponses`,{...e,method:"POST",body:C}).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+y.stepId+". Will retry again later."),i([...r,y])):B||s(A=>[...A??[],y])})}async function T(y){y.foreignUserId&&(y.actionType===Pt||y.actionType===Ve?await u(y):y.actionType===oe?await u(y):y.actionType===vo?await u(y):y.actionType===je?await u(y):y.actionType===Po?await u(y):y.actionType===_e&&await u(y))}function F(){let y=[];return t==null||t.forEach(C=>{if(C&&C.stepStates&&Object.keys(C.stepStates).length!==0)for(let B in C.stepStates){let v=C.stepStates[B];y.push({foreignUserId:C.foreignUserId,flowSlug:C.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...y,...n]}return{addResponse:T,setFlowResponses:s,getFlowResponses:F}}var Br=g(require("swr"));var Pl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Er=e=>{let t=Pl.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=vl(r,"'","");n.startsWith("flow_")&&(o=n)}),o},vl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function J(){let{config:e}=Je(),{flows:t,setFlows:o,userId:r,publicApiKey:i,customVariables:n,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=(0,We.useContext)(X),c={data:[]},{verifySDKInitiated:u}=$t(),{addResponse:T,getFlowResponses:F}=_t(),y=h=>fetch(h,e).then(w=>w.ok?w.json():(console.log(`Error fetching ${h} (${w.status}): ${w.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(w=>(console.log(`Error fetching ${h}: ${w}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:C,isLoadingUserFlowStateData:B,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowNotStarted:A,optimisticallyMarkStepCompleted:b,optimisticallyMarkStepNotStarted:S,optimisticallyMarkStepStarted:m}=ze(),{data:x,error:k,isLoading:M}=(0,Br.default)(i?`${Ne}flows`:null,y,{keepPreviousData:!0});(0,We.useEffect)(()=>{if(k){console.error(k);return}x&&x.data&&(x.data=o(x.data))},[x,k]);function z(h){if(M)return null;let w=t.find(E=>E.slug===h);return!w&&t.length>0&&!B&&!M?(console.log(`Flow with slug ${h} not found`),null):(w==null?void 0:w.active)===!1?null:w}function _(h){var j;if(!z(h))return[];let w=z(h).data;return w?(w=N(w),(((j=JSON.parse(w))==null?void 0:j.data)??[]).map(ye=>{let V=ae(ye);return{handleSecondaryButtonClick:()=>{ye.skippable===!0&&H(h,ye.id,{skipped:!0})},...ye,complete:L(h,ye.id)===je||V>=1,blocked:le(h,ye.id),hidden:Pe(h,ye.id),handlePrimaryButtonClick:()=>{(!ye.completionCriteria&&(ye.autoMarkCompleted||ye.autoMarkCompleted===void 0)||ye.completionCriteria&&ye.autoMarkCompleted===!0)&&H(h,ye.id)},progress:V}}).filter(ye=>ye.hidden!==!0)):[]}function N(h){return h.replace(/\${(.*?)}/g,(w,E)=>n[E]!==void 0?String(n[E]):"")}function W(h){if(!z(h))return[];let w=z(h).data;return w?(w=N(w),JSON.parse(w)??{}):[]}function D(h,w){s(E=>({...E,[h]:w}))}function $(h){!B&&!M&&h&&JSON.stringify(n)!=JSON.stringify({...n,...h})&&Object.keys(h).forEach(w=>{D(w,h[w])})}let ie=(0,We.useCallback)(async(h,w,E)=>{u();let j={foreignUserId:r,flowSlug:h,stepId:w,actionType:vo,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};me(j)&&(await m(h,w,j),T(j))},[r,C]),ne=(0,We.useCallback)(async(h,w,E)=>{u();let j={foreignUserId:r,flowSlug:h,stepId:w,actionType:_e,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};me(j)&&(await S(h,w),T(j))},[r,C]),H=(0,We.useCallback)(async(h,w,E)=>{u();let j={foreignUserId:r,flowSlug:h,stepId:w,actionType:je,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};me(j)&&(await b(h,w,j),T(j))},[r,C]),Me=(0,We.useCallback)(async(h,w)=>{if(u(),ee(h)===Ve)return;let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:Ve,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};await A(h),me(E)&&T(E)},[r,C]),ke=(0,We.useCallback)(async(h,w)=>{u();let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:Pt,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};me(E)&&T(E)},[r,C]),G=(0,We.useCallback)(async(h,w)=>{u();let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:oe,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};me(E)&&(await v(h),T(E))},[r,C]),de=(0,We.useCallback)(async(h,w)=>{u();let E={foreignUserId:r,flowSlug:h,stepId:"unknown",actionType:Po,data:w??{},createdAt:new Date,blocked:!1,hidden:!1};me(E)&&(await v(h),T(E))},[r,C]);function me(h){var w;if(!C&&h.actionType===_e)return!1;if(C){let E=C.find(j=>j.flowId===h.flowSlug);if(h.actionType===_e&&(!(E!=null&&E.stepStates[h.stepId])||E.stepStates[h.stepId].actionType===_e)||E&&((w=E.stepStates[h.stepId])==null?void 0:w.actionType)===h.actionType||E&&E.flowState===oe&&h.actionType===oe)return!1}return!0}function L(h,w){let E=ve(h,w);return B?null:E?E.actionType:_e}function le(h,w){let E=ve(h,w);return E?E.blocked:!1}function Pe(h,w){let E=ve(h,w);return E?E.hidden:!1}function ve(h,w){if(B)return null;let E=C==null?void 0:C.find(j=>j.flowId===h);return!E||!E.stepStates[w]?null:E.stepStates[w]??null}function Y(h){var E;if(B||!C)return null;if(ee(h)===Ve)return _(h)[0]??null;let w=(E=C.find(j=>j.flowId===h))==null?void 0:E.lastStepId;return w?_(h).find(j=>j.id===w):null}function Se(h){let w=Y(h);if(!w)return 0;let E=_(h).findIndex(j=>j.id===w.id)??0;return L(h,w.id)===je&&E<_(h).length-1?E+1:E}function ae(h){if(!h.completionCriteria)return;let w=Er(h.completionCriteria);if(w===null)return;let E=lt(w),j=at(w);return j===0?void 0:E/j}function ee(h){let w=C==null?void 0:C.find(E=>E.flowId===h);return w?w.flowState:null}function lt(h){let w=_(h);return w.length===0?0:w.filter(j=>L(h,j.id)===je).length}function at(h){return _(h).length}function te(h){return JSON.parse(t.find(w=>w.slug===h).data)}function Ee(h){if(B)return!0;if(h!=null&&h.targetingLogic&&C){let w=C.find(E=>E.flowId===h.slug);if(w)return w.shouldTrigger===!1}return!!(h!=null&&h.targetingLogic&&r&&r.startsWith("guest_"))}function Ft(h){return!Ee(z(h))}return{getFlow:z,getFlowData:te,isLoading:B||M,getStepStatus:L,getFlowSteps:_,getCurrentStepIndex:Se,markStepStarted:ie,markStepCompleted:H,markFlowNotStarted:Me,markFlowStarted:ke,markFlowCompleted:G,markFlowAborted:de,markStepNotStarted:ne,getFlowStatus:ee,getNumberOfStepsCompleted:lt,getNumberOfSteps:at,targetingLogicShouldHideFlow:Ee,setCustomVariable:D,updateCustomVariables:$,customVariables:n,getStepOptionalProgress:ae,getFlowMetadata:W,isStepBlocked:le,isStepHidden:Pe,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:Ft}}var vt=require("react");var zt="guest_";function Wt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=(0,vt.useContext)(X),{config:n}=Je(),{mutateUserFlowState:s}=ze(),p=Mt(),{verifySDKInitiated:d}=$t();(0,vt.useEffect)(()=>{if(e&&!t){if(e.startsWith(zt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Ne}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,i,t]);let a=(0,vt.useCallback)(async c=>{d();let u={foreignId:e,properties:c};await p(`${Ne}users`,{...n,method:"POST",body:JSON.stringify(u)}),r(T=>({...T,...c})),s()},[e,n,i,s]),f=(0,vt.useCallback)(async(c,u)=>{d();let F={foreignId:e,events:[{event:c,properties:u}]};await p(`${Ne}users`,{...n,method:"POST",body:JSON.stringify(F)}),s()},[e,n,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}var Ei=require("uuid");var Ie=g(require("react"));var Oe=g(require("react")),co=g(require("styled-components"));var Nr=g(require("react")),Lr=g(require("styled-components"));var Ar="fr-",ao="cfr-";function l(e,t){let o=`${Ar}${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+" "+ao+e}return o}function P(e){if(!e.className||e.className.indexOf(ao)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Ar)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function Jo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Et(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Jo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Be(...e){return e.filter(Boolean).join(" ")}function Ir(e){return e.charAt(0).toUpperCase()+e.slice(1)}var El=Lr.default.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -23,11 +23,31 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
`,
|
|
26
|
+
`,Or=({onClose:e,appearance:t})=>Nr.default.createElement(El,{className:l("modalBackground",t),onClick:()=>e()});var po=g(require("react")),Dr=g(require("styled-components")),Bl=Dr.default.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,$e=()=>po.default.createElement(
|
|
30
|
+
`,$e=()=>po.default.createElement(Bl,null,po.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},po.default.createElement("rect",{y:"1.39844",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(-45 0 1.39844)",fill:"currentColor"}),po.default.createElement("rect",{x:"12.6023",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(45 12.6023 0)",fill:"currentColor"})));var zr=require("react-portal");var Zo=g(require("react"));var Eo=g(require("react"));function Al({style:e,className:t}){return Eo.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},Eo.default.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"}),Eo.default.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 Mr=Al;var Qo=g(require("styled-components")),$r=Qo.default.div`
|
|
31
|
+
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
32
|
+
position: absolute;
|
|
33
|
+
bottom: -47px;
|
|
34
|
+
left: 0;
|
|
35
|
+
width: 100%;
|
|
36
|
+
height: 40px;
|
|
37
|
+
display: inline-flex;
|
|
38
|
+
align-items: center;
|
|
39
|
+
justify-content: center;
|
|
40
|
+
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
41
|
+
`,Ur=Qo.default.div`
|
|
42
|
+
display: flex;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
align-items: center;
|
|
45
|
+
font-style: normal;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
font-size: 12px;
|
|
48
|
+
line-height: 18px;
|
|
49
|
+
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
50
|
+
`;function _r({appearance:e}){return Zo.default.createElement(Ur,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Zo.default.createElement(Mr,null))}var Il=co.default.div`
|
|
31
51
|
${e=>P(e)} {
|
|
32
52
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
33
53
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -40,11 +60,8 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
40
60
|
}
|
|
41
61
|
|
|
42
62
|
width: ${e=>e.width??"1000px"};
|
|
43
|
-
|
|
44
63
|
z-index: 1500;
|
|
45
|
-
|
|
46
64
|
border-radius: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius)??8}}px;
|
|
47
|
-
|
|
48
65
|
${e=>Et(e)}
|
|
49
66
|
}
|
|
50
67
|
|
|
@@ -72,10 +89,10 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
72
89
|
opacity: 1;
|
|
73
90
|
}
|
|
74
91
|
}
|
|
75
|
-
`,
|
|
92
|
+
`,Nl=co.default.div`
|
|
76
93
|
position: relative;
|
|
77
94
|
flex: 0 1 auto;
|
|
78
|
-
`,
|
|
95
|
+
`,Ll=co.default.div`
|
|
79
96
|
position: absolute;
|
|
80
97
|
top: 24px;
|
|
81
98
|
right: 24px;
|
|
@@ -85,14 +102,14 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
85
102
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
86
103
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
87
104
|
}
|
|
88
|
-
`,
|
|
105
|
+
`,Ol=co.default.div`
|
|
89
106
|
overflow: scroll;
|
|
90
107
|
flex: 1 1;
|
|
91
108
|
display: flex;
|
|
92
109
|
::-webkit-scrollbar {
|
|
93
110
|
display: none;
|
|
94
111
|
}
|
|
95
|
-
`,gt=({onClose:e,visible:t,headerContent:o=null,style:r=null,children:i,appearance:n,dismissible:s=!0})=>((0,
|
|
112
|
+
`,gt=({onClose:e,visible:t,headerContent:o=null,style:r=null,children:i,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>((0,Oe.useEffect)(()=>{let d=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",d),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",d)}},[e,t]),t?Oe.default.createElement(zr.Portal,null,Oe.default.createElement(Or,{appearance:n,onClose:()=>{s&&e()}}),Oe.default.createElement(Il,{appearance:n,className:l("modalContainer",n),styleOverrides:r},s&&Oe.default.createElement(Ll,{className:l("modalClose",n),onClick:()=>e(),appearance:n},Oe.default.createElement($e,null)),o&&Oe.default.createElement(Nl,null,o),Oe.default.createElement(Ol,null,i),p&&Oe.default.createElement($r,{appearance:n,className:l("poweredByFrigadeRibbon",n)},Oe.default.createElement(_r,{appearance:n})))):Oe.default.createElement(Oe.default.Fragment,null));var Ge=g(require("react")),mo=g(require("styled-components")),Wr=require("react-portal");var Dl=mo.default.div`
|
|
96
113
|
${e=>P(e)} {
|
|
97
114
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
98
115
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -110,10 +127,10 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
110
127
|
bottom: 0;
|
|
111
128
|
margin-right: 28px;
|
|
112
129
|
margin-bottom: 28px;
|
|
113
|
-
`,
|
|
130
|
+
`,Ml=mo.default.div`
|
|
114
131
|
position: relative;
|
|
115
132
|
flex: 1;
|
|
116
|
-
|
|
133
|
+
`,$l=mo.default.div`
|
|
117
134
|
position: absolute;
|
|
118
135
|
top: 24px;
|
|
119
136
|
right: 24px;
|
|
@@ -123,13 +140,13 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
123
140
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
124
141
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
125
142
|
}
|
|
126
|
-
`,
|
|
143
|
+
`,Ul=mo.default.div`
|
|
127
144
|
overflow: scroll;
|
|
128
145
|
flex: 5;
|
|
129
146
|
::-webkit-scrollbar {
|
|
130
147
|
display: none;
|
|
131
148
|
}
|
|
132
|
-
`,
|
|
149
|
+
`,Hr=({onClose:e,visible:t,headerContent:o=null,children:r,appearance:i})=>((0,Ge.useEffect)(()=>{let n=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",n),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",n)}},[e,t]),t?Ge.default.createElement(Wr.Portal,null,Ge.default.createElement(Dl,{appearance:i,className:l("cornerModalContainer",i)},Ge.default.createElement($l,{className:l("cornerModalClose",i),onClick:()=>e()},Ge.default.createElement($e,null)),o&&Ge.default.createElement(Ml,null,o),Ge.default.createElement(Ul,null,r))):Ge.default.createElement(Ge.default.Fragment,null));var Vr=require("react");function re(){let{defaultAppearance:e}=(0,Vr.useContext)(X);function t(o){let r=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(r.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(r.theme,o.theme??{})}:r}return{mergeAppearanceWithDefault:t}}var He=g(require("react")),Do=g(require("styled-components"));var Ze=g(require("react")),No=g(require("styled-components"));var uo=g(require("styled-components"));var jr=uo.default.label`
|
|
133
150
|
${e=>P(e)} {
|
|
134
151
|
font-size: 14px;
|
|
135
152
|
line-height: 20px;
|
|
@@ -137,14 +154,14 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
137
154
|
margin-top: 10px;
|
|
138
155
|
}
|
|
139
156
|
display: flex;
|
|
140
|
-
`,
|
|
157
|
+
`,Gr=uo.default.label`
|
|
141
158
|
${e=>P(e)} {
|
|
142
159
|
font-size: 12px;
|
|
143
160
|
line-height: 20px;
|
|
144
161
|
margin-bottom: 5px;
|
|
145
162
|
}
|
|
146
163
|
display: flex;
|
|
147
|
-
`,
|
|
164
|
+
`,qr=uo.default.span`
|
|
148
165
|
font-weight: 400;
|
|
149
166
|
font-size: 14px;
|
|
150
167
|
line-height: 22px;
|
|
@@ -152,16 +169,16 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
152
169
|
display: flex;
|
|
153
170
|
margin-right: 5px;
|
|
154
171
|
margin-top: 10px;
|
|
155
|
-
`,
|
|
172
|
+
`,Bo=uo.default.div`
|
|
156
173
|
display: flex;
|
|
157
174
|
align-items: flex-start;
|
|
158
175
|
justify-content: left;
|
|
159
176
|
margin-bottom: 10px;
|
|
160
|
-
`;var Ao=g(require("react"));var Qe={theme:{colorPrimary:"#000000",colorText:"#000000",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#505050",colorTextDisabled:"#999999",colorBorder:"#E5E5E5",colorTextError:"#c00000",borderRadius:20}};function pt({title:e,required:t,appearance:o=Qe}){return Ao.default.createElement(
|
|
177
|
+
`;var Ao=g(require("react"));var Qe={theme:{colorPrimary:"#000000",colorText:"#000000",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#505050",colorTextDisabled:"#999999",colorBorder:"#E5E5E5",colorTextError:"#c00000",borderRadius:20}};function pt({title:e,required:t,appearance:o=Qe}){return Ao.default.createElement(Bo,null,t?Ao.default.createElement(qr,{className:l("formLabelRequired",o),appearance:o},"*"):null,Ao.default.createElement(jr,{className:l("formLabel",o)},e))}var Ro=g(require("react"));function Ht({title:e,appearance:t}){return e?Ro.default.createElement(Bo,null,Ro.default.createElement(Gr,{className:l("formSubLabel",t)},e)):null}var Io=require("zod");function Kr(e,t){try{if(t){if(t.type=="number"){let o=Io.z.number();if(t.props)for(let r of t.props)r.requirement=="min"?o=o.min(Number(r.value),r.message??"Value is too small"):r.requirement=="max"?o=o.max(Number(r.value),r.message??"Value is too large"):r.requirement=="positive"?o=o.positive(r.message??"Value must be positive"):r.requirement=="negative"&&(o=o.nonpositive(r.message??"Value must be negative"));o.parse(Number(e))}if(t.type=="string"){let o=Io.z.string();if(t.props)for(let r of t.props)r.requirement=="min"?o=o.min(Number(r.value),r.message??"Value is too short"):r.requirement=="max"?o=o.max(Number(r.value),r.message??"Value is too long"):r.requirement=="regex"&&(o=o.regex(new RegExp(String(r.value)),r.message??"Value does not match requirements"));o.parse(e)}return}}catch(o){if(o instanceof Io.z.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 _l=No.default.div`
|
|
161
178
|
display: flex;
|
|
162
179
|
flex-direction: column;
|
|
163
180
|
width: 100%;
|
|
164
|
-
`,
|
|
181
|
+
`,er=No.default.input`
|
|
165
182
|
${e=>P(e)} {
|
|
166
183
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
167
184
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -177,7 +194,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
177
194
|
box-sizing: border-box;
|
|
178
195
|
padding: 0 10px;
|
|
179
196
|
margin-bottom: 10px;
|
|
180
|
-
`,
|
|
197
|
+
`,zl=No.default.textarea`
|
|
181
198
|
${e=>P(e)} {
|
|
182
199
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
183
200
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -193,13 +210,13 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
193
210
|
min-height: 70px;
|
|
194
211
|
box-sizing: border-box;
|
|
195
212
|
margin-bottom: 10px;
|
|
196
|
-
`;function
|
|
213
|
+
`;function Lo({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:r,inputData:i}){let n=e,[s,p]=(0,Ze.useState)((i==null?void 0:i.text)||""),[d,a]=(0,Ze.useState)(!1),f=er;(0,Ze.useEffect)(()=>{s===""&&!d&&(a(!0),c(""))},[]);function c(T){if(p(T),o({text:T}),n.required===!0&&T.trim()===""){r([{id:n.id,message:`${n.title} is required`}]);return}let F=Kr(T,n.validation);if(F){r([{id:n.id,message:F}]);return}r([])}n.multiline&&(f=zl);function u(){var T;switch((T=n==null?void 0:n.validation)==null?void 0:T.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return Ze.default.createElement(_l,null,Ze.default.createElement(pt,{title:n.title,required:n.required,appearance:t.appearance}),Ze.default.createElement(f,{className:l("inputComponent",t.appearance),value:s,onChange:T=>{c(T.target.value)},appearance:t.appearance,placeholder:n.placeholder,type:u()}),Ze.default.createElement(Ht,{title:n.subtitle,appearance:t.appearance}))}var Fe=g(require("react")),tr=g(require("styled-components"));var Wl=tr.default.div`
|
|
197
214
|
display: flex;
|
|
198
215
|
flex-direction: column;
|
|
199
216
|
width: 100%;
|
|
200
217
|
-webkit-appearance: none;
|
|
201
218
|
appearance: none;
|
|
202
|
-
`,
|
|
219
|
+
`,Hl=tr.default.select`
|
|
203
220
|
${e=>P(e)} {
|
|
204
221
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
205
222
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -223,13 +240,13 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
223
240
|
background-repeat: no-repeat;
|
|
224
241
|
background-size: 1.5em 1.5em;
|
|
225
242
|
-webkit-print-color-adjust: exact;
|
|
226
|
-
`,
|
|
243
|
+
`,Oo="null";function Yr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){var f,c,u,T,F,y;let n=e,[s,p]=(0,Fe.useState)(((f=r==null?void 0:r.choice)==null?void 0:f[0])||""),[d,a]=(0,Fe.useState)(!1);return(0,Fe.useEffect)(()=>{var C,B,v,A;if(s===""&&!d){if(a(!0),n.requireSelection){p(Oo);return}if(n.defaultValue&&((C=n.props.options)!=null&&C.find(b=>b.id===n.defaultValue))){let b=(B=n.props.options)==null?void 0:B.find(S=>S.id===n.defaultValue);p(b.id),o({choice:[b.id]})}else p(((v=n.props.options)==null?void 0:v[0].id)||""),o({choice:[((A=n.props.options)==null?void 0:A[0].id)||""]})}},[]),(0,Fe.useEffect)(()=>{n.requireSelection&&s===Oo?i([{message:"Please select an option",id:n.id}]):i([])},[s]),Fe.default.createElement(Wl,null,Fe.default.createElement(pt,{title:n.title,required:!1,appearance:t.appearance}),Fe.default.createElement(Hl,{value:s,onChange:C=>{p(C.target.value),o({choice:[C.target.value]})},placeholder:n.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},n.requireSelection&&Fe.default.createElement("option",{key:Oo,value:Oo},"Select an option"),(c=n.props.options)==null?void 0:c.map(C=>Fe.default.createElement("option",{key:C.id,value:C.id},C.title))),((T=(u=n.props.options)==null?void 0:u.find(C=>C.id===s))==null?void 0:T.isOpenEnded)&&Fe.default.createElement(Fe.default.Fragment,null,Fe.default.createElement(pt,{title:((y=(F=n.props.options)==null?void 0:F.find(C=>C.id===s))==null?void 0:y.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),Fe.default.createElement(er,{type:"text",placeholder:"Enter your answer here",onChange:C=>{o({choice:[C.target.value]})},appearance:t.appearance})),Fe.default.createElement(Ht,{title:n.subtitle,appearance:t.appearance}))}var qe=g(require("react")),or=g(require("styled-components"));var Vl=or.default.div`
|
|
227
244
|
display: flex;
|
|
228
245
|
flex-direction: column;
|
|
229
246
|
width: 100%;
|
|
230
247
|
-webkit-appearance: none;
|
|
231
248
|
appearance: none;
|
|
232
|
-
|
|
249
|
+
`,jl=or.default.button`
|
|
233
250
|
${e=>P(e)} {
|
|
234
251
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
235
252
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -251,7 +268,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
251
268
|
height: 60px;
|
|
252
269
|
padding: 0 18px;
|
|
253
270
|
margin-bottom: 10px;
|
|
254
|
-
`;function
|
|
271
|
+
`;function Xr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r}){var a;let i=e,[n,s]=(0,qe.useState)((r==null?void 0:r.choice)||[]),[p,d]=(0,qe.useState)(!1);return(0,qe.useEffect)(()=>{n.length==0&&!p&&(d(!0),o({choice:[]}))},[]),(0,qe.useEffect)(()=>{o({choice:n})},[n]),qe.default.createElement(Vl,null,qe.default.createElement(pt,{title:i.title,required:i.required,appearance:t.appearance}),(a=i.props.options)==null?void 0:a.map(f=>qe.default.createElement(jl,{appearance:t.appearance,key:f.id,value:f.id,"data-selected":n.includes(f.id),onClick:()=>{if(n.includes(f.id)){s(n.filter(c=>c!==f.id));return}n.length<i.props.maxChoices?s([...n,f.id]):n.length==1&&i.props.maxChoices==1&&s([f.id])}},f.title)),qe.default.createElement(Ht,{title:i.subtitle,appearance:t.appearance}))}var fo=g(require("react"));var rr=g(require("styled-components"));var Jr=g(require("dompurify"));function be(e){return{__html:Jr.default.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Gl=rr.default.h1`
|
|
255
272
|
${e=>P(e)} {
|
|
256
273
|
font-style: normal;
|
|
257
274
|
font-weight: 600;
|
|
@@ -262,7 +279,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
262
279
|
margin-bottom: 4px;
|
|
263
280
|
color: ${e=>e.appearance.theme.colorText};
|
|
264
281
|
}
|
|
265
|
-
`,
|
|
282
|
+
`,ql=rr.default.h2`
|
|
266
283
|
${e=>P(e)} {
|
|
267
284
|
font-style: normal;
|
|
268
285
|
font-weight: 400;
|
|
@@ -270,35 +287,35 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
270
287
|
line-height: 20px;
|
|
271
288
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
272
289
|
}
|
|
273
|
-
`;function
|
|
290
|
+
`;function Ae({appearance:e,title:t,subtitle:o,size:r="medium"}){return fo.default.createElement(fo.default.Fragment,null,fo.default.createElement(Gl,{appearance:e,className:l(`${r}Title`,e),dangerouslySetInnerHTML:be(t),size:r}),o&&fo.default.createElement(ql,{appearance:e,className:l(`${r}Subtitle`,e),dangerouslySetInnerHTML:be(o),size:r}))}var Kl=Do.default.div`
|
|
274
291
|
display: flex;
|
|
275
292
|
flex-direction: column;
|
|
276
293
|
justify-content: flex-end;
|
|
277
294
|
padding-bottom: 14px;
|
|
278
295
|
overflow: visible;
|
|
279
|
-
`,
|
|
296
|
+
`,Yl=Do.default.div`
|
|
280
297
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextError}};
|
|
281
298
|
font-size: 12px;
|
|
282
299
|
margin-bottom: 12px;
|
|
283
|
-
`,
|
|
300
|
+
`,Xl=Do.default.div`
|
|
284
301
|
padding-left: 1px;
|
|
285
302
|
padding-right: 1px;
|
|
286
|
-
`,
|
|
303
|
+
`,Jl={text:Lo,multipleChoice:Yr,multipleChoiceList:Xr};function Qr({flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n,customFormElements:s}){var A;let p=t.props,[d,a]=(0,He.useState)([]),[f,c]=(0,He.useState)([]),{userId:u}=Wt(),[T,F]=(0,He.useState)(B()||{}),y={...Jl,...s};(0,He.useEffect)(()=>{r(d.length===0)},[d,r]);function C(b,S){let m={...T,[b.id]:S};F(m),i(m),window&&window.localStorage&&window.localStorage.setItem(v(),JSON.stringify(m))}function B(){if(window&&window.localStorage){let b=window.localStorage.getItem(v());if(b)return JSON.parse(b)}return{}}function v(){return`frigade-multiInputStepTypeData-${e}-${t.id}-${u}`}return He.default.createElement(Xl,{className:l("multiInput",n)},He.default.createElement(Ae,{appearance:n,title:t.title,subtitle:t.subtitle}),He.default.createElement(Kl,{className:l("multiInputContainer",n)},(A=p.data)==null?void 0:A.map(b=>{var m;let S=(m=d.reverse().find(x=>x.id===b.id))==null?void 0:m.message;return y[b.type]?He.default.createElement("span",{key:b.id},y[b.type]({formInput:b,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n},onSaveInputData:x=>{!f.includes(b.id)&&x&&(x==null?void 0:x.text)!==""&&c(k=>[...k,b.id]),C(b,x)},inputData:T[b.id],setFormValidationErrors:x=>{a(k=>x.length===0?k.filter(M=>M.id!==b.id):[...k,...x])}}),S&&f.includes(b.id)&&He.default.createElement(Yl,{appearance:n,className:l("multiInputValidationError",n)},S)):null})))}var ht=g(require("styled-components")),Zr=ht.default.div`
|
|
287
304
|
align-items: center;
|
|
288
305
|
display: flex;
|
|
289
306
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
290
307
|
padding-top: 14px;
|
|
291
|
-
`,
|
|
308
|
+
`,Rr=ht.default.div`
|
|
292
309
|
color: ${e=>e.appearance.theme.colorTextError};
|
|
293
310
|
font-size: 12px;
|
|
294
|
-
`,
|
|
311
|
+
`,ei=ht.default.div`
|
|
295
312
|
display: flex;
|
|
296
313
|
gap: 12px;
|
|
297
|
-
`,
|
|
314
|
+
`,ti=ht.default.div`
|
|
298
315
|
display: flex;
|
|
299
316
|
flex-direction: row;
|
|
300
317
|
flex: 1 1;
|
|
301
|
-
`,
|
|
318
|
+
`,oi=ht.default.div`
|
|
302
319
|
display: flex;
|
|
303
320
|
// If type is set to large-modal, use padding 60px horizontal, 80px vertical
|
|
304
321
|
// Otherwise, use 4px padding
|
|
@@ -306,11 +323,11 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
306
323
|
flex-grow: 1;
|
|
307
324
|
flex-basis: 0;
|
|
308
325
|
position: relative;
|
|
309
|
-
`,
|
|
326
|
+
`,ri=ht.default.div`
|
|
310
327
|
padding: ${e=>e.type==="large-modal"?"50px":"0px"};
|
|
311
328
|
position: relative;
|
|
312
329
|
overflow-y: auto;
|
|
313
|
-
`,
|
|
330
|
+
`,ii=ht.default.div`
|
|
314
331
|
display: flex;
|
|
315
332
|
align-self: stretch;
|
|
316
333
|
flex-grow: 1;
|
|
@@ -322,7 +339,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
322
339
|
background-position: center;
|
|
323
340
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
324
341
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
325
|
-
`;var dt=g(require("react"));var
|
|
342
|
+
`;var dt=g(require("react"));var ni=g(require("react")),ir=g(require("styled-components"));var Ql=ir.default.button`
|
|
326
343
|
justify-content: center;
|
|
327
344
|
align-content: center;
|
|
328
345
|
${e=>P(e)} {
|
|
@@ -352,7 +369,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
352
369
|
opacity: 0.3;
|
|
353
370
|
cursor: not-allowed;
|
|
354
371
|
}
|
|
355
|
-
`,
|
|
372
|
+
`,Mo=ir.default.div`
|
|
356
373
|
${e=>P(e)} {
|
|
357
374
|
display: flex;
|
|
358
375
|
flex-direction: row;
|
|
@@ -362,14 +379,14 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
362
379
|
margin-right: 8px;
|
|
363
380
|
}
|
|
364
381
|
}
|
|
365
|
-
`,se=({onClick:e,title:t,style:o,disabled:r,type:i="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function f(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${
|
|
382
|
+
`,se=({onClick:e,title:t,style:o,disabled:r,type:i="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function f(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${Ir(c)}`}return ni.default.createElement(Ql,{secondary:s,appearance:p,disabled:r,onClick:e,style:o,type:i,withMargin:d,size:n,className:l(f(),p)},t)};var si=({step:e,canContinue:t,appearance:o,onPrimaryClick:r,onSecondaryClick:i,formType:n,selectedStep:s,steps:p,onBack:d,allowBackNavigation:a,errorMessage:f})=>{let c=n==="inline"?"inline":"full-width",u=p.length>1&&s!=0&&a;return dt.default.createElement(dt.default.Fragment,null,f&&dt.default.createElement(Rr,{appearance:o,className:l("formCTAError",o)},f),dt.default.createElement(Zr,{showBackButton:u,className:l("formCTAContainer",o)},u&&dt.default.createElement(se,{title:"\u2190",onClick:d,secondary:!0,withMargin:!1,type:c,appearance:o}),dt.default.createElement(ei,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?dt.default.createElement(se,{title:e.secondaryButtonTitle,onClick:i,secondary:!0,withMargin:!1,type:c,appearance:o}):null," ",e.primaryButtonTitle?dt.default.createElement(se,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:r,type:c,appearance:o}):null)))};var $o=g(require("react")),li=g(require("styled-components"));var Zl=li.default.div`
|
|
366
383
|
text-align: center;
|
|
367
|
-
`,
|
|
384
|
+
`,ai=({stepCount:e=0,currentStep:t=0,className:o,appearance:r})=>{let{theme:i}=re().mergeAppearanceWithDefault(r);return $o.default.createElement(Zl,{className:o},$o.default.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((n,s)=>$o.default.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?i.colorPrimary:"#E6E6E6"}))))};var xt=g(require("react")),Bt=g(require("styled-components"));var pi=require("react");function ue(){let e=(0,pi.useContext)(X);function t(i){r(i.primaryButtonUri,i.primaryButtonUriTarget)}function o(i){r(i.secondaryButtonUri,i.secondaryButtonUriTarget)}function r(i,n){if(!i)return;let s=i.startsWith("http")?"_blank":"_self";n&&n!=="_blank"&&(s="_self"),e.navigate(i,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:r}}var Rl=Bt.default.div`
|
|
368
385
|
display: flex;
|
|
369
386
|
flex-wrap: wrap;
|
|
370
387
|
align-content: center;
|
|
371
388
|
justify-content: center;
|
|
372
|
-
`,
|
|
389
|
+
`,ea=Bt.default.div`
|
|
373
390
|
align-content: center;
|
|
374
391
|
align-items: center;
|
|
375
392
|
display: flex;
|
|
@@ -383,10 +400,10 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
383
400
|
flex-basis: 255px;
|
|
384
401
|
flex-grow: 0;
|
|
385
402
|
flex-shrink: 0;
|
|
386
|
-
`,
|
|
403
|
+
`,ta=Bt.default.img`
|
|
387
404
|
width: 78px;
|
|
388
405
|
height: auto;
|
|
389
|
-
`,
|
|
406
|
+
`,oa=Bt.default.button`
|
|
390
407
|
font-style: normal;
|
|
391
408
|
font-weight: 600;
|
|
392
409
|
font-size: 13px;
|
|
@@ -399,11 +416,11 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
399
416
|
border-radius: 100px;
|
|
400
417
|
padding: 8px 12px;
|
|
401
418
|
margin-top: 16px;
|
|
402
|
-
`,
|
|
419
|
+
`,ra=Bt.default.h1`
|
|
403
420
|
font-weight: 700;
|
|
404
421
|
font-size: 28px;
|
|
405
422
|
line-height: 34px;
|
|
406
|
-
`,
|
|
423
|
+
`,ia=Bt.default.h2`
|
|
407
424
|
font-style: normal;
|
|
408
425
|
font-weight: 400;
|
|
409
426
|
font-size: 16px;
|
|
@@ -412,7 +429,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
412
429
|
margin-top: 12px;
|
|
413
430
|
margin-bottom: 16px;
|
|
414
431
|
max-width: 70%;
|
|
415
|
-
`;function
|
|
432
|
+
`;function di({stepData:e,appearance:t}){var r,i;let{handleUrl:o}=ue();return xt.default.createElement("div",null,xt.default.createElement(ra,null,e.title),xt.default.createElement(ia,null,e.subtitle),xt.default.createElement(Rl,null,(i=(r=e.props)==null?void 0:r.links)==null?void 0:i.map(n=>xt.default.createElement(ea,{key:n.title},xt.default.createElement(ta,{src:n.imageUri}),xt.default.createElement(oa,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{n.uri&&o(n.uri,n.uriTarget??"_blank")}},n.title)))))}var ct=g(require("react")),ho=g(require("styled-components"));var Uo=g(require("react")),_o=({style:e,className:t})=>Uo.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:t,style:e},Uo.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),Uo.default.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"}));var Re=g(require("react")),go=g(require("styled-components")),na=go.default.div`
|
|
416
433
|
display: flex;
|
|
417
434
|
align-items: center;
|
|
418
435
|
justify-content: flex-start;
|
|
@@ -420,7 +437,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
420
437
|
width: 100%;
|
|
421
438
|
height: 100%;
|
|
422
439
|
position: relative;
|
|
423
|
-
`,
|
|
440
|
+
`,sa=go.default.div`
|
|
424
441
|
position: absolute;
|
|
425
442
|
display: flex;
|
|
426
443
|
align-items: center;
|
|
@@ -439,59 +456,59 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
439
456
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
440
457
|
border-radius: 50%;
|
|
441
458
|
}
|
|
442
|
-
`,
|
|
459
|
+
`,la=go.default.video`
|
|
443
460
|
width: 100%;
|
|
444
461
|
height: 100%;
|
|
445
462
|
min-height: 200px;
|
|
446
463
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
447
|
-
`,
|
|
464
|
+
`,aa=go.default.iframe`
|
|
448
465
|
width: 100%;
|
|
449
466
|
height: 100%;
|
|
450
467
|
min-height: 200px;
|
|
451
468
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
452
|
-
`;function
|
|
469
|
+
`;function Vt({appearance:e,videoUri:t}){let o=(0,Re.useRef)(),[r,i]=(0,Re.useState)(!1);if(t.includes("youtube")){let n=t.split("v=")[1],s=n.indexOf("&");return s!==-1&&(n=n.substring(0,s)),Re.default.createElement(aa,{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 Re.default.createElement(na,{appearance:e},!r&&Re.default.createElement(sa,{onClick:()=>{i(!0),o.current.play()},appearance:e},Re.default.createElement(_o,null)),Re.default.createElement(la,{appearance:e,controls:r,ref:o,play:r,src:t}))}var pa=ho.default.div`
|
|
453
470
|
${e=>P(e)} {
|
|
454
471
|
display: flex;
|
|
455
472
|
flex-direction: column;
|
|
456
473
|
justify-content: center;
|
|
457
474
|
}
|
|
458
|
-
`,
|
|
475
|
+
`,da=ho.default.img`
|
|
459
476
|
${e=>P(e)} {
|
|
460
477
|
width: 100%;
|
|
461
478
|
height: auto;
|
|
462
479
|
max-height: 250px;
|
|
463
480
|
margin-bottom: 24px;
|
|
464
481
|
}
|
|
465
|
-
`,
|
|
482
|
+
`,ca=ho.default.div`
|
|
466
483
|
${e=>P(e)} {
|
|
467
484
|
margin-bottom: 24px;
|
|
468
485
|
}
|
|
469
|
-
`,
|
|
486
|
+
`,ma=ho.default.div`
|
|
470
487
|
${e=>P(e)} {
|
|
471
488
|
width: 100%;
|
|
472
489
|
height: auto;
|
|
473
490
|
max-height: 250px;
|
|
474
491
|
margin-bottom: 24px;
|
|
475
492
|
}
|
|
476
|
-
`;function
|
|
493
|
+
`;function ci({stepData:e,appearance:t,setCanContinue:o}){return(0,ct.useEffect)(()=>{o(!0)},[]),ct.default.createElement(pa,{className:l("callToActionContainer",t)},ct.default.createElement(ca,{className:l("callToActionTextContainer",t)},ct.default.createElement(Ae,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&ct.default.createElement(da,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&ct.default.createElement(ma,{appearance:t,className:l("callToActionVideo",t)},ct.default.createElement(Vt,{appearance:t,videoUri:e.videoUri})))}var we=g(require("react"));var Gt=g(require("react"));var jt=g(require("react")),ui=require("framer-motion"),mi=({color:e,percentage:t,size:o})=>{let r=o*.5-2,i=2*Math.PI*r,n=(1-t)*i,s={duration:.3,delay:0,ease:"easeIn"},p={hidden:{strokeDashoffset:i,transition:s},show:{strokeDashoffset:n,transition:s}};return jt.default.createElement(ui.motion.circle,{r,cx:o*.5,cy:o*.5,fill:"transparent",stroke:n!==i?e:"",strokeWidth:"3px",strokeDasharray:i,strokeDashoffset:t?n:0,variants:p,transition:s,initial:"hidden",animate:"show"})},ua=({fillColor:e,size:t,percentage:o,children:r,bgColor:i="#D9D9D9",className:n,style:s})=>jt.default.createElement("svg",{style:s,className:n,width:t,height:t,overflow:"visible"},jt.default.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},jt.default.createElement(mi,{color:i,size:t}),jt.default.createElement(mi,{color:e,percentage:o,size:t})),r),At=ua;var fi=g(require("styled-components")),fa=({color:e="#FFFFFF"})=>Gt.default.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Gt.default.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),ga={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ha={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},xa={border:"1px solid #000000",color:"#FFFFFF"},Ca={border:"1px solid #E6E6E6"},Sa={color:"#FFFFFF"},ya={border:"3px solid #D9D9D9"},ba=e=>e==="square"?ga:ha,wa=(e,t)=>e==="square"?t?xa:Ca:t?Sa:ya,Ta=fi.default.div`
|
|
477
494
|
${e=>Et(e)}
|
|
478
|
-
`,Ct=({value:e,type:t="square",primaryColor:o="#000000",progress:r,appearance:i=Qe,style:n,className:s})=>{let p=
|
|
495
|
+
`,Ct=({value:e,type:t="square",primaryColor:o="#000000",progress:r,appearance:i=Qe,style:n,className:s})=>{let p=ba(t),d=wa(t,e);return e===!0?p={...p,...d,backgroundColor:o,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&r!==void 0&&r!==1?Gt.default.createElement(At,{fillColor:o,percentage:r,size:22}):Gt.default.createElement(Ta,{styleOverrides:p,style:n,role:"checkbox",className:Be(l("checkIconContainer",i),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",i),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Gt.default.createElement(fa,{color:"#FFFFFF"}))};var mt=g(require("styled-components")),gi=mt.default.div`
|
|
479
496
|
width: auto;
|
|
480
497
|
display: flex;
|
|
481
498
|
flex-direction: column;
|
|
482
499
|
justify-content: center;
|
|
483
500
|
align-items: center;
|
|
484
501
|
padding: 4px;
|
|
485
|
-
`,
|
|
502
|
+
`,hi=mt.default.div`
|
|
486
503
|
width: 100%;
|
|
487
504
|
text-align: left;
|
|
488
|
-
`,
|
|
505
|
+
`,xi=mt.default.h1`
|
|
489
506
|
font-style: normal;
|
|
490
507
|
font-weight: 700;
|
|
491
508
|
font-size: 32px;
|
|
492
509
|
line-height: 38px;
|
|
493
510
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
494
|
-
`,
|
|
511
|
+
`,Ci=mt.default.h1`
|
|
495
512
|
font-style: normal;
|
|
496
513
|
font-weight: 400;
|
|
497
514
|
font-size: 16px;
|
|
@@ -499,7 +516,7 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
499
516
|
margin-top: 16px;
|
|
500
517
|
margin-bottom: 16px;
|
|
501
518
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
502
|
-
`,
|
|
519
|
+
`,Si=mt.default.div`
|
|
503
520
|
padding-top: 12px;
|
|
504
521
|
padding-bottom: 12px;
|
|
505
522
|
flex-direction: row;
|
|
@@ -510,17 +527,17 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
510
527
|
cursor: pointer;
|
|
511
528
|
border-bottom: ${e=>e.hideBottomBorder?"none":"1px solid #D8D8D8"};
|
|
512
529
|
width: 100%;
|
|
513
|
-
`,
|
|
530
|
+
`,yi=mt.default.div`
|
|
514
531
|
padding-top: 10px;
|
|
515
532
|
padding-bottom: 10px;
|
|
516
533
|
flex-direction: row;
|
|
517
534
|
display: flex;
|
|
518
535
|
justify-content: flex-start;
|
|
519
|
-
`,
|
|
536
|
+
`,bi=mt.default.img`
|
|
520
537
|
width: 42px;
|
|
521
538
|
height: 42px;
|
|
522
539
|
margin-right: 12px;
|
|
523
|
-
`,
|
|
540
|
+
`,wi=mt.default.p`
|
|
524
541
|
font-style: normal;
|
|
525
542
|
font-weight: 500;
|
|
526
543
|
font-size: 17px;
|
|
@@ -528,8 +545,8 @@ var pl=Object.create;var ko=Object.defineProperty;var dl=Object.getOwnPropertyDe
|
|
|
528
545
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
529
546
|
display: flex;
|
|
530
547
|
align-self: center;
|
|
531
|
-
`;var
|
|
532
|
-
${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map(([s,p])=>`${
|
|
548
|
+
`;var Ti=({stepData:e,setCanContinue:t,onSaveData:o,appearance:r})=>{let i=e.props,[n,s]=(0,we.useState)([]),[p,d]=(0,we.useState)(!1),[a,f]=(0,we.useState)(e.id);return(0,we.useEffect)(()=>{n.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),(0,we.useEffect)(()=>{a!==e.id&&(f(e.id),s([]))},[e]),(0,we.useEffect)(()=>{o({choice:n}),n.length>=i.minChoices?t(!0):t(!1)},[n]),we.default.createElement(gi,{className:l("selectListContainer",r)},we.default.createElement(hi,null,we.default.createElement(xi,{className:l("selectListTitle",r)},e.title),we.default.createElement(Ci,{appearance:r,className:l("selectListSubtitle",r)},e.subtitle)),i.options.map((c,u)=>{let T=n.includes(c.id);return we.default.createElement(Si,{key:`select-item-${u}`,onClick:()=>{if(n.includes(c.id)){s(n.filter(F=>F!==c.id));return}n.length<i.maxChoices?s([...n,c.id]):n.length==1&&i.maxChoices==1&&s([c.id])},hideBottomBorder:u===i.options.length-1,className:l("selectListSelectItem",r)},we.default.createElement(yi,{className:l("selectListItemImage",r)},c.imageUri&&we.default.createElement(bi,{src:c.imageUri,alt:`select-icon-${u}`}),we.default.createElement(wi,{appearance:r,className:l("selectListSelectItemText",r)},c.title)),we.default.createElement(Ct,{appearance:r,value:T,primaryColor:r.theme.colorPrimary}))}))};var Q=g(require("react"));var zo=require("framer-motion"),Fa=({children:e,id:t,shouldWrap:o=!1})=>Q.default.createElement(Q.default.Fragment,null,o?Q.default.createElement(zo.AnimatePresence,{initial:!1},Q.default.createElement(zo.motion.div,{key:t,initial:{opacity:1,y:"100%"},animate:{opacity:1,y:0},exit:{opacity:0,y:"-100%"},transition:{duration:.5,ease:"easeInOut"},style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e)):e),Wo=({appearance:e,steps:t,selectedStep:o,customStepTypes:r,customVariables:i,onButtonClick:n,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:a,onComplete:f,setVisible:c,setShowModal:u,onDismiss:T,showPagination:F=!1,customFormElements:y,allowBackNavigation:C,validationHandler:B})=>{var ve;let A={...{linkCollection:di,multiInput:Qr,callToAction:ci,selectList:Ti},...r},{primaryCTAClickSideEffects:b,secondaryCTAClickSideEffects:S}=ue(),[m,x]=(0,Q.useState)(!1),[k,M]=(0,Q.useState)({}),[z,_]=(0,Q.useState)(!1),[N,W]=(0,Q.useState)(!1),[D,$]=(0,Q.useState)(null),ie=t[o]??null,{markStepCompleted:ne,markStepStarted:H,isLoading:Me,updateCustomVariables:ke,markFlowCompleted:G}=J();(0,Q.useEffect)(()=>{ke(i)},[i,Me]),(0,Q.useEffect)(()=>{window&&C&&!N&&(window.location.hash=t[o].id,W(!0))},[C,N,W]),(0,Q.useEffect)(()=>{var Y;if(window&&((Y=window==null?void 0:window.location)!=null&&Y.hash)&&window.location.hash.replace("#","")!==t[o].id){let Se=window.location.hash.replace("#",""),ae=t.findIndex(ee=>ee.id===Se);ae!==-1&&H(p,t[ae].id)}},[(ve=window==null?void 0:window.location)==null?void 0:ve.hash,H,o,t]);function de(){return{data:k[t[o].id]??{},stepId:t[o].id,customVariables:i}}function me(Y,Se,ae){let ee=o+1<t.length?t[o+1]:null;n&&n(Y,o,Se,ee),s&&s(Y,ae,ee,k,de())}function L(Y,Se){M(ae=>{let ee={};return ee[Y.id]=Se,{...ae,...ee}})}function le(Y){return Y.selectedStep.imageUri?Q.default.createElement(ii,{image:Y.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let Pe=Q.default.createElement(si,{step:t[o],canContinue:m&&!z,formType:d,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(_(!0),B){let Se=await B(t[o],o,t[o+1],k,de());if(Se){$(Se),_(!1);return}else $(null)}let Y={...de()};await ne(p,t[o].id,Y),o+1<t.length&&await H(p,t[o+1].id),me(t[o],"primary",o),o+1>=t.length&&(f&&f(),T&&T(),a&&(c&&c(!1),u(!1)),await G(p)),b(t[o]),_(!1),window&&C&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{me(t[o],"secondary",o),S(t[o])},onBack:async()=>{o-1>=0&&(_(!0),await H(p,t[o-1].id),_(!1))},steps:t,allowBackNavigation:C,errorMessage:D});return Q.default.createElement(Q.default.Fragment,null,Q.default.createElement(ti,{className:l("formContainer",e)},Q.default.createElement(oi,null,Q.default.createElement(Fa,{id:o,shouldWrap:d==="large-modal"},Q.default.createElement(ri,{key:ie.id,type:d,className:l("formContent",e)},t.map(Y=>{let Se=A[Y.type];return ie.id!==Y.id?null:Q.default.createElement(Se,{key:Y.id,stepData:Y,canContinue:m,setCanContinue:x,onSaveData:ae=>{L(Y,ae)},appearance:e,customFormElements:y,flowId:p})}),F&&Q.default.createElement(ai,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),Pe))),d=="large-modal"&&Q.default.createElement(le,{selectedStep:t[o]})))};var qt=g(require("react")),Fi=require("styled-components");function ce({appearance:e}){if(!e||!e.styleOverrides)return qt.default.createElement(qt.default.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([r,i])=>typeof i=="object");if(t.length===0)return qt.default.createElement(qt.default.Fragment,null);let o=Fi.createGlobalStyle`
|
|
549
|
+
${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map(([s,p])=>`${Jo(s)}: ${p};`).join(" ")} }`).join(" ")}`;return qt.default.createElement(o,{inlineStyles:t})}var nr=({flowId:e,customStepTypes:t={},type:o="inline",visible:r,setVisible:i,customVariables:n,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:a=!0,onStepCompletion:f,onButtonClick:c,dismissible:u=!0,endFlowOnDismiss:T=!1,modalPosition:F="center",repeatable:y=!1,onDismiss:C,showPagination:B=!1,allowBackNavigation:v=!1,validationHandler:A,showFrigadeBranding:b=!1})=>{let{getFlow:S,getFlowSteps:m,isLoading:x,targetingLogicShouldHideFlow:k,getFlowStatus:M,getCurrentStepIndex:z,markFlowCompleted:_,markFlowNotStarted:N}=J(),W=z(e),{mergeAppearanceWithDefault:D}=re(),[$,ie]=(0,Ie.useState)(!1),{setOpenFlowState:ne,getOpenFlowState:H}=Le();d=D(d);let[Me,ke]=r!==void 0&&i!==void 0?[r,i]:[H(e,!0),L=>ne(e,L)];if((0,Ie.useEffect)(()=>{!$&&!x&&(ie(!0),M(e)===oe&&y&&N(e),ie(!0))},[$,ie,x]),x)return null;let G=S(e);if(!G||k(G))return null;let de=m(e);if(!de||r!==void 0&&r===!1||M(e)===oe&&a)return null;let me=()=>{ke(!1),C&&C(),T===!0&&_(e)};if(F=="center"&&o==="modal"||o==="large-modal"){let L={padding:"24px"};return o==="large-modal"?(L.width="85%",L.height="90%",L.maxHeight="800px",L.minHeight="500px",L.padding="0"):L.width="400px",Ie.default.createElement(gt,{appearance:d,onClose:me,visible:Me,style:L,dismissible:u,showFrigadeBranding:b},Ie.default.createElement(ce,{appearance:d}),Ie.default.createElement(Wo,{appearance:d,steps:de,selectedStep:W,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ke,onDismiss:C,showPagination:B,customFormElements:s,allowBackNavigation:v,validationHandler:A}))}return o==="modal"&&F!=="center"?Ie.default.createElement(Hr,{appearance:d,onClose:me,visible:Me},Ie.default.createElement(ce,{appearance:d}),Ie.default.createElement(Wo,{appearance:d,steps:de,selectedStep:W,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ke,onDismiss:C,showPagination:B,customFormElements:s,allowBackNavigation:v,validationHandler:A})):Ie.default.createElement(Ie.default.Fragment,null,Ie.default.createElement(ce,{appearance:d}),Ie.default.createElement(Wo,{appearance:d,steps:de,selectedStep:W,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ke,onDismiss:C,showPagination:B,customFormElements:s,allowBackNavigation:v,validationHandler:A}))},ki=nr;var It=require("react");function Ho(){let{organizationId:e,userId:t,setOrganizationId:o}=(0,It.useContext)(X),{mutateUserFlowState:r}=ze(),{config:i}=Je(),n=Mt(),{verifySDKInitiated:s}=$t();(0,It.useEffect)(()=>{if(t&&e){if(t.startsWith(zt))return;let a=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(a)||(n(`${Ne}userGroups`,{...i,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(a,"true"))}},[t,e]);let p=(0,It.useCallback)(async a=>{if(s(),!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let f={foreignUserId:t,foreignUserGroupId:e,properties:a};await n(`${Ne}userGroups`,{...i,method:"POST",body:JSON.stringify(f)}),r()},[e,t,i,r]),d=(0,It.useCallback)(async(a,f)=>{if(s(),!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let u={foreignUserId:t,foreignUserGroupId:e,events:[{event:a,properties:f}]};await n(`${Ne}userGroups`,{...i,method:"POST",body:JSON.stringify(u)}),r()},[e,t,i,r]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:p,trackEventForOrganization:d}}var Pi="xFrigade_guestUserId",vi="xFrigade_userId",Bi=({})=>{let{setFlowResponses:e}=_t(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:r}=ze(),{userId:i,setUserId:n}=Wt(),[s,p]=(0,ge.useState)(null),{getFlowStatus:d}=J(),{flows:a,userProperties:f,setIsNewGuestUser:c,flowResponses:u}=(0,ge.useContext)(X),[T,F]=(0,ge.useState)([]),[y,C]=(0,ge.useState)([]),{organizationId:B}=Ho();(0,ge.useEffect)(()=>{if(!o&&t)for(let S=0;S<t.length;S++){let m=t[S],x=a.find(k=>k.slug===(m==null?void 0:m.flowId));if(x&&m&&m.shouldTrigger===!0&&x.type=="FORM"&&x.triggerType==="AUTOMATIC"&&!y.includes(x.slug)){setTimeout(()=>{v(m.flowId)},500);break}}},[o,t]),(0,ge.useEffect)(()=>{u.length>0&&r()},[u]);function v(S){let m=a.find(x=>x.slug===S);m&&m.triggerType==="AUTOMATIC"&&!y.includes(m.slug)&&(C([...y,m.slug]),F([m]))}function A(){if(!i){let S=localStorage.getItem(vi);if(S){n(S);return}let m=localStorage.getItem(Pi);if(m){n(m);return}c(!0);let x=zt+(0,Ei.v4)();try{localStorage.setItem(Pi,x)}catch(k){console.log("Failed to save guest user id locally: Local storage unavailable",k)}n(k=>k||x)}}(0,ge.useEffect)(()=>{try{if(a){let S=[];a.forEach(m=>{if(m.data){let x=m.data.match(/"imageUri":"(.*?)"/g);x&&x.forEach(k=>{let M=k.replace('"imageUri":"',"").replace('"',"");if(S.includes(M))return;let z=new Image;z.src=M,S.push(M)})}})}}catch{}},[a]),(0,ge.useEffect)(()=>{if(i!==s&&e([]),p(i),i&&!i.startsWith(zt))try{localStorage.setItem(vi,i)}catch(S){console.log("Failed to save user id locally: Local storage available",S)}i===null&&setTimeout(()=>{i===null&&A()},50)},[i,a,f]);function b(){return ge.default.createElement(ge.default.Fragment,null,T.map(S=>d(S.slug)!==Ve?null:ge.default.createElement("span",{key:S.slug},ge.default.createElement(ki,{flowId:S.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return ge.default.createElement(ge.default.Fragment,null,ge.default.createElement(b,null))};var Ii=require("react-error-boundary"),X=(0,q.createContext)({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:()=>{}}),Ni=({publicApiKey:e,userId:t,organizationId:o,config:r,children:i})=>{var ie,ne;let[n,s]=(0,q.useState)(t||null),[p,d]=(0,q.useState)(o||null),[a,f]=(0,q.useState)([]),[c,u]=(0,q.useState)([]),[T,F]=(0,q.useState)([]),[y,C]=(0,q.useState)({}),[B,v]=(0,q.useState)({}),[A,b]=(0,q.useState)([]),[S,m]=(0,q.useState)({}),[x,k]=(0,q.useState)(!1),[M,z]=(0,q.useState)(!1),[_,N]=(0,q.useState)(!$(e)),W=(H,Me)=>{if(Me==="_blank"){window.open(H,"_blank");return}setTimeout(()=>{window.location.href=H},50)},D={theme:{...Qe.theme,...((ie=r==null?void 0:r.defaultAppearance)==null?void 0:ie.theme)??{}},styleOverrides:{...Qe.styleOverrides,...((ne=r==null?void 0:r.defaultAppearance)==null?void 0:ne.styleOverrides)??{}}};function $(H){return!!(H&&H.length>10&&H.substring(0,10)==="api_public")}return(0,q.useEffect)(()=>{t&&s(t)},[t]),(0,q.useEffect)(()=>{o&&d(o)},[o]),(0,q.useEffect)(()=>{if($(e))N(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),N(!0);return}},[e,N]),_?q.default.createElement(X.Provider,{value:{publicApiKey:e,userId:n,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:T,setFlowResponses:F,userProperties:y,setUserProperties:C,openFlowStates:B,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:A,setCompletedFlowsToKeepOpenDuringSession:b,customVariables:S,setCustomVariables:m,isNewGuestUser:x,setIsNewGuestUser:k,hasActiveFullPageFlow:M,setHasActiveFullPageFlow:z,organizationId:p,setOrganizationId:d,navigate:r&&r.navigate?r.navigate:W,defaultAppearance:D,shouldGracefullyDegrade:_,setShouldGracefullyDegrade:N}},i):q.default.createElement(Ii.ErrorBoundary,{fallback:q.default.createElement(q.default.Fragment,null,i)},q.default.createElement(X.Provider,{value:{publicApiKey:e,userId:n,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:T,setFlowResponses:F,userProperties:y,setUserProperties:C,openFlowStates:B,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:A,setCompletedFlowsToKeepOpenDuringSession:b,customVariables:S,setCustomVariables:m,isNewGuestUser:x,setIsNewGuestUser:k,hasActiveFullPageFlow:M,setHasActiveFullPageFlow:z,organizationId:p,setOrganizationId:d,navigate:r&&r.navigate?r.navigate:W,defaultAppearance:D,shouldGracefullyDegrade:_,setShouldGracefullyDegrade:N}},q.default.createElement(Ai.ThemeProvider,{theme:D.theme},i,q.default.createElement(Bi,null))))};var ds=g(require("react"));var R=g(require("react"));var De=g(require("react")),bt=g(require("styled-components"));var xo=g(require("react"));var St=g(require("react")),sr=g(require("styled-components"));var Li=sr.default.span`
|
|
533
550
|
font-weight: 400;
|
|
534
551
|
font-size: 15px;
|
|
535
552
|
line-height: 20px;
|
|
@@ -538,7 +555,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
538
555
|
vertical-align: middle;
|
|
539
556
|
margin-left: 12px;
|
|
540
557
|
padding-right: 12px;
|
|
541
|
-
`,
|
|
558
|
+
`,ka=sr.default.div`
|
|
542
559
|
flex-direction: row;
|
|
543
560
|
justify-content: space-between;
|
|
544
561
|
display: flex;
|
|
@@ -546,17 +563,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
546
563
|
padding-bottom: 20px;
|
|
547
564
|
border-top: 1px solid ${e=>e.theme.colorBorder};
|
|
548
565
|
width: 100%;
|
|
549
|
-
`,
|
|
566
|
+
`,Vo=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:s="square",appearance:p})=>St.default.createElement(St.default.Fragment,null,St.default.createElement(ka,{className:l("checklistStepsContainer",p),appearance:p,style:{...i}},r==="left"&&e&&St.default.createElement(Li,{className:l("checklistStepLabel",p),style:o},e),St.default.createElement(Ct,{appearance:p,value:t,type:s,primaryColor:n}),r==="right"&&e&&St.default.createElement(Li,{className:l("checklistStepLabel",p),style:o},e)),St.default.createElement(ce,{appearance:p}));var Ui=require("framer-motion");var Kt=g(require("styled-components")),Oi=Kt.default.div`
|
|
550
567
|
font-weight: 700;
|
|
551
568
|
font-size: 18px;
|
|
552
569
|
line-height: 22px;
|
|
553
|
-
`,
|
|
570
|
+
`,Di=Kt.default.p`
|
|
554
571
|
font-weight: 700;
|
|
555
572
|
font-size: 18px;
|
|
556
573
|
line-height: 22px;
|
|
557
574
|
margin: 20px 0px 0px 0px;
|
|
558
575
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
559
|
-
`,
|
|
576
|
+
`,Mi=Kt.default.p`
|
|
560
577
|
font-weight: 400;
|
|
561
578
|
font-size: 15px;
|
|
562
579
|
line-height: 28px;
|
|
@@ -571,21 +588,21 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
571
588
|
height: 80%;
|
|
572
589
|
border-top-right-radius: 8px;
|
|
573
590
|
border-bottom-right-radius: 8px;
|
|
574
|
-
|
|
591
|
+
`,$i=Kt.default.div`
|
|
575
592
|
flex-direction: row;
|
|
576
593
|
justify-content: flex-start;
|
|
577
|
-
`;var
|
|
594
|
+
`;var _i=({data:e,index:t,isSelected:o,primaryColor:r,style:i,onClick:n,appearance:s})=>{var p,d;return xo.default.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{n()}},o&&xo.default.createElement(jo,{className:l("checklistStepItemSelectedIndicator",s),as:Ui.motion.div,layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??r}}),xo.default.createElement($i,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,role:"listitem"},xo.default.createElement(Vo,{value:e.complete,labelPosition:"left",label:e.stepName,style:i,primaryColor:((d=s==null?void 0:s.theme)==null?void 0:d.colorPrimary)??r,appearance:s})))};var yt=g(require("react")),zi=require("framer-motion"),Go=g(require("styled-components"));var Pa={backgroundColor:"#E6E6E6"},va=Go.default.div`
|
|
578
595
|
display: flex;
|
|
579
596
|
flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
|
|
580
597
|
justify-content: flex-start;
|
|
581
598
|
align-items: ${e=>e.textLocation=="top"?"flex-end":"center"};
|
|
582
599
|
|
|
583
600
|
${e=>Et(e)}
|
|
584
|
-
`,
|
|
601
|
+
`,Ea=Go.default.div`
|
|
585
602
|
flex-grow: 1;
|
|
586
603
|
position: relative;
|
|
587
604
|
${e=>e.textLocation=="top"?"width: 100%;":""}
|
|
588
|
-
`,
|
|
605
|
+
`,Ba=Go.default.span`
|
|
589
606
|
font-weight: 500;
|
|
590
607
|
font-size: 15px;
|
|
591
608
|
line-height: 18px;
|
|
@@ -593,13 +610,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
593
610
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
594
611
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
595
612
|
${e=>Et(e)}
|
|
596
|
-
`,
|
|
613
|
+
`,Aa={position:"relative",left:0,top:0,width:"100%",minWidth:"40px",height:"10px",borderRadius:"20px"},Ia={position:"absolute",left:0,top:0,height:"10px",borderRadius:"20px"},et=({count:e,total:t,fillColor:o,bgColor:r=Pa.backgroundColor,display:i="count",textLocation:n="left",style:s={},textStyle:p={},appearance:d})=>{var F,y;if(t===0)return yt.default.createElement(yt.default.Fragment,null);let a=e===0?"10px":`${e/t*100}%`,f=i==="compact"?"5px":"10px",c=Math.round(e/t*100),u=i==="compact"?"5px":"20px",T;return i==="count"?T=`${e} of ${t}`:i==="compact"?T=`${c}%`:i==="percent"&&(T=`${c}% complete`),n==="top"&&(u="0px"),yt.default.createElement(va,{className:l("progressBarContainer",d),textLocation:n,styleOverrides:s},yt.default.createElement(Ba,{className:l("progressBarStepText",d),style:{...p,fontSize:i==="compact"?12:15,fontWeight:i==="compact"?400:500},appearance:d,padding:u,textLocation:n},T),yt.default.createElement(Ea,{textLocation:n,className:l("progressBar",d)},yt.default.createElement(zi.motion.div,{style:{...Ia,width:a,height:f,backgroundColor:((F=d==null?void 0:d.theme)==null?void 0:F.colorPrimary)??o,zIndex:i=="compact"?1:5},className:l("progressBarFill",d)}),yt.default.createElement("div",{className:l("progressBarBackground",d),style:{...Aa,height:f,backgroundColor:((y=d==null?void 0:d.theme)==null?void 0:y.colorSecondary)??r}})))};var Zt=g(require("react")),Hi=g(require("styled-components"));var So=g(require("react"));var Co=g(require("react"));var Yt=({stepData:e,appearance:t})=>Co.default.createElement(Co.default.Fragment,null,Co.default.createElement(Di,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:be(e.title)}),Co.default.createElement(Mi,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:be(e.subtitle)}));var Xt=g(require("react"));var Jt=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},r=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return Xt.default.createElement(Xt.default.Fragment,null,Xt.default.createElement(Mo,null,e.secondaryButtonTitle&&Xt.default.createElement(se,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:r,style:{width:"auto",marginRight:"12px"}}),Xt.default.createElement(se,{appearance:t,title:e.primaryButtonTitle,onClick:o})))};var Qt=({stepData:e,appearance:t})=>So.default.createElement(So.default.Fragment,null,So.default.createElement(Yt,{stepData:e,appearance:t}),So.default.createElement(Jt,{stepData:e,appearance:t}));var lr=g(require("react"));function Wi(e){if(e.videoUri.includes("youtube")){let t=e.videoUri.split("v=")[1],o=t.indexOf("&");return o!==-1&&(t=t.substring(0,o)),lr.default.createElement("iframe",{width:"480",height:"260",src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:l("checklistStepVideo",e.appearance)})}else return lr.default.createElement("video",{width:"480",height:"260",controls:!0,src:e.videoUri})}var ar="default",Na=Hi.default.img`
|
|
597
614
|
border-radius: 4px;
|
|
598
615
|
max-height: 260px;
|
|
599
616
|
min-height: 200px;
|
|
600
|
-
|
|
617
|
+
`,Vi=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return Zt.default.createElement("div",null,o)}return Zt.default.createElement(Oi,{className:l("checklistStepContent",t)},e.imageUri?Zt.default.createElement(Na,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?Zt.default.createElement(Wi,{videoUri:e.videoUri,appearance:t}):null,Zt.default.createElement(Qt,{stepData:e,appearance:t}))};var Te=g(require("react")),Nt=g(require("styled-components"));var ji=Nt.default.div`
|
|
601
618
|
display: block;
|
|
602
|
-
`,
|
|
619
|
+
`,La=Nt.default.div`
|
|
603
620
|
display: flex;
|
|
604
621
|
flex-direction: row;
|
|
605
622
|
flex-wrap: wrap;
|
|
@@ -609,20 +626,20 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
609
626
|
align-content: center;
|
|
610
627
|
margin-top: 24px;
|
|
611
628
|
margin-bottom: 24px;
|
|
612
|
-
`,
|
|
629
|
+
`,Oa=Nt.default.div`
|
|
613
630
|
display: flex;
|
|
614
631
|
align-items: center;
|
|
615
632
|
justify-content: flex-start;
|
|
616
633
|
flex-direction: column;
|
|
617
634
|
margin-right: 16px;
|
|
618
|
-
`,
|
|
635
|
+
`,Da=Nt.default.video`
|
|
619
636
|
width: 200px;
|
|
620
637
|
height: 120px;
|
|
621
|
-
`,
|
|
638
|
+
`,Ma=Nt.default.div`
|
|
622
639
|
font-size: 14px;
|
|
623
640
|
line-height: 20px;
|
|
624
641
|
text-align: center;
|
|
625
|
-
|
|
642
|
+
`,$a=Nt.default.div`
|
|
626
643
|
position: absolute;
|
|
627
644
|
width: 200px;
|
|
628
645
|
height: 120px;
|
|
@@ -642,9 +659,9 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
642
659
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
643
660
|
border-radius: 50%;
|
|
644
661
|
}
|
|
645
|
-
`,
|
|
662
|
+
`,Gi="videoCarousel",qi=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.videos))return Te.default.createElement(ji,null,Te.default.createElement(Qt,{stepData:e,appearance:t}));function o({video:n}){let s=(0,Te.useRef)(),[p,d]=(0,Te.useState)(!1);return Te.default.createElement(Oa,null,!p&&Te.default.createElement($a,{onClick:()=>{d(!0),s.current.play()},appearance:t},Te.default.createElement(_o,null)),Te.default.createElement(Da,{controls:p,ref:s,play:p,src:n.uri}),Te.default.createElement(Ma,null,n.title))}let r=e.props;return r.videos?Te.default.createElement(ji,null,Te.default.createElement(Yt,{stepData:e,appearance:t}),Te.default.createElement(La,null,r.videos.map((n,s)=>Te.default.createElement("span",{key:`${n.uri}-${s}`},Te.default.createElement(o,{video:n})))),Te.default.createElement(Jt,{stepData:e,appearance:t})):null};var tt=g(require("react")),yo=g(require("styled-components"));var Ki=yo.default.div`
|
|
646
663
|
display: block;
|
|
647
|
-
`,
|
|
664
|
+
`,Ua=yo.default.pre`
|
|
648
665
|
display: block;
|
|
649
666
|
background-color: #2a2a2a;
|
|
650
667
|
color: #f8f8f8;
|
|
@@ -660,68 +677,68 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
660
677
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
661
678
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
662
679
|
margin-bottom: 24px;
|
|
663
|
-
`,
|
|
680
|
+
`,_a=yo.default.div`
|
|
664
681
|
font-size: 15px;
|
|
665
682
|
line-height: 20px;
|
|
666
683
|
margin-bottom: 12px;
|
|
667
684
|
margin-top: 12px;
|
|
668
|
-
`,
|
|
685
|
+
`,za=yo.default.div`
|
|
669
686
|
margin-top: 24px;
|
|
670
|
-
`,
|
|
687
|
+
`,Yi="codeSnippet",Xi=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.codeSnippets))return tt.default.createElement(Ki,null,tt.default.createElement(Qt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?tt.default.createElement(Ki,null,tt.default.createElement(Yt,{stepData:e,appearance:t}),tt.default.createElement(za,null,o.codeSnippets.map((i,n)=>tt.default.createElement("div",{key:n},i.title?tt.default.createElement(_a,null,i.title):null,i.code?tt.default.createElement(Ua,null,i.code):null))),tt.default.createElement(Jt,{stepData:e,appearance:t})):null};var Wa=bt.default.div`
|
|
671
688
|
display: flex;
|
|
672
689
|
flex-direction: row;
|
|
673
690
|
min-width: ${e=>e.type!="modal"?"1000px":"100%"};
|
|
674
691
|
background: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
675
692
|
box-shadow: ${e=>e.type!="modal"?"0px 6px 25px rgba(0, 0, 0, 0.06)":"none"};
|
|
676
693
|
border-radius: 8px;
|
|
677
|
-
`,
|
|
694
|
+
`,Ha=bt.default.h1`
|
|
678
695
|
font-size: 24px;
|
|
679
696
|
font-weight: 600;
|
|
680
697
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
681
|
-
`,
|
|
698
|
+
`,Va=bt.default.h2`
|
|
682
699
|
font-size: 15px;
|
|
683
700
|
line-height: 20px;
|
|
684
701
|
color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary)??"#4d4d4d"}};
|
|
685
702
|
margin: 10px 0px 0px 0px;
|
|
686
|
-
`,
|
|
703
|
+
`,Ji=bt.default.div`
|
|
687
704
|
padding-bottom: 16px;
|
|
688
|
-
|
|
705
|
+
`,ja=bt.default.div`
|
|
689
706
|
list-style: none;
|
|
690
707
|
padding: 0;
|
|
691
708
|
margin: 0;
|
|
692
709
|
cursor: pointer;
|
|
693
710
|
width: 300px;
|
|
694
|
-
`,
|
|
711
|
+
`,Ga=bt.default.div`
|
|
695
712
|
width: 1px;
|
|
696
713
|
margin: 40px;
|
|
697
714
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
698
|
-
`,
|
|
715
|
+
`,qa=bt.default.div`
|
|
699
716
|
flex: 2;
|
|
700
717
|
padding: 2rem;
|
|
701
|
-
`,
|
|
718
|
+
`,Ka=({title:e,subtitle:t,steps:o=[],style:r={},selectedStep:i,setSelectedStep:n,className:s="",customStepTypes:p=new Map,appearance:d,type:a})=>{let{mergeAppearanceWithDefault:f}=re();d=f(d);let u={...{[ar]:Vi,[Gi]:qi,[Yi]:Xi},...p},[T,F]=(0,De.useState)(0),y=i??T,C=n??F,B=o.filter(A=>A.complete===!0).length,v=()=>{var A;return!((A=o[y])!=null&&A.type)||!u[o[y].type]?u[ar]({stepData:o[y],appearance:d}):u[o[y].type]({stepData:o[y],appearance:d})};return De.default.createElement(Wa,{type:a,style:r,className:s,appearance:d},De.default.createElement(Ji,{style:{flex:1}},De.default.createElement(Ji,{style:{padding:"30px 0px 30px 30px",borderBottom:"none"}},De.default.createElement(Ha,{className:l("checklistTitle",d),appearance:d},e),De.default.createElement(Va,{className:l("checklistSubtitle",d),appearance:d},t),De.default.createElement(et,{total:o.length,count:B,fillColor:d.theme.colorPrimary,style:{marginTop:"24px"},appearance:d})),De.default.createElement(ja,{className:l("checklistStepsContainer",d)},o.map((A,b)=>De.default.createElement(_i,{data:A,index:b,key:b,listLength:o.length,isSelected:b===y,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{C(b)}})))),De.default.createElement(Ga,{appearance:d,className:l("checklistDivider",d)}),De.default.createElement(qa,null,De.default.createElement(v,null)))},pr=Ka;var O=g(require("react"));var dr=g(require("react")),Qi=g(require("styled-components")),Ya=Qi.default.svg`
|
|
702
719
|
transition: 'transform 0.35s ease-in-out';
|
|
703
|
-
`,Rt=({color:e="#323232",style:t,className:o})=>
|
|
720
|
+
`,Rt=({color:e="#323232",style:t,className:o})=>dr.default.createElement(Ya,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,className:o},dr.default.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:e,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));var Bn=require("framer-motion");var he=g(require("styled-components"));var cr={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},Zi=he.default.div`
|
|
704
721
|
max-height: 350px;
|
|
705
722
|
padding-bottom: 40px;
|
|
706
|
-
`,
|
|
723
|
+
`,Ri=he.default.div`
|
|
707
724
|
display: flex;
|
|
708
725
|
flex-direction: column;
|
|
709
726
|
margin-top: 20px;
|
|
710
|
-
`,
|
|
727
|
+
`,en=he.default.h1`
|
|
711
728
|
font-style: normal;
|
|
712
729
|
font-weight: 600;
|
|
713
730
|
font-size: 30px;
|
|
714
731
|
line-height: 36px;
|
|
715
732
|
margin-bottom: 16px;
|
|
716
733
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
717
|
-
`,
|
|
734
|
+
`,tn=he.default.h2`
|
|
718
735
|
font-weight: 400;
|
|
719
736
|
font-size: 16px;
|
|
720
737
|
line-height: 20px;
|
|
721
738
|
margin-bottom: 16px;
|
|
722
739
|
padding-left: 1px;
|
|
723
740
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
724
|
-
`,
|
|
741
|
+
`,on=he.default.div`
|
|
725
742
|
${e=>P(e)} {
|
|
726
743
|
border: 1px solid #fafafa;
|
|
727
744
|
}
|
|
@@ -731,11 +748,11 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
731
748
|
flex-direction: column;
|
|
732
749
|
min-height: 240px;
|
|
733
750
|
overflow: hidden;
|
|
734
|
-
`,
|
|
751
|
+
`,rn=he.default.div`
|
|
735
752
|
display: flex;
|
|
736
753
|
flex-direction: row;
|
|
737
754
|
justify-content: space-between;
|
|
738
|
-
`,
|
|
755
|
+
`,nn=he.default.p`
|
|
739
756
|
${e=>P(e)} {
|
|
740
757
|
font-weight: 400;
|
|
741
758
|
font-size: 10px;
|
|
@@ -744,12 +761,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
744
761
|
color: #8c8c8c;
|
|
745
762
|
margin: 20px;
|
|
746
763
|
}
|
|
747
|
-
`,
|
|
764
|
+
`,sn=he.default.div`
|
|
748
765
|
display: flex;
|
|
749
766
|
flex-direction: row;
|
|
750
|
-
`,
|
|
767
|
+
`,ln=he.default.div`
|
|
751
768
|
flex: 1;
|
|
752
|
-
`,
|
|
769
|
+
`,an=he.default.div`
|
|
753
770
|
${e=>P(e)} {
|
|
754
771
|
display: flex;
|
|
755
772
|
justify-content: center;
|
|
@@ -759,7 +776,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
759
776
|
padding-left: 8px;
|
|
760
777
|
padding-right: 8px;
|
|
761
778
|
}
|
|
762
|
-
`,
|
|
779
|
+
`,pn=he.default.p`
|
|
763
780
|
${e=>P(e)} {
|
|
764
781
|
font-style: normal;
|
|
765
782
|
font-weight: 600;
|
|
@@ -771,7 +788,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
771
788
|
margin-top: 20px;
|
|
772
789
|
margin-bottom: 16px;
|
|
773
790
|
}
|
|
774
|
-
`,
|
|
791
|
+
`,dn=he.default.p`
|
|
775
792
|
${e=>P(e)} {
|
|
776
793
|
font-weight: 400;
|
|
777
794
|
font-size: 14px;
|
|
@@ -780,14 +797,14 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
780
797
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
781
798
|
margin-bottom: 8px;
|
|
782
799
|
}
|
|
783
|
-
`,
|
|
800
|
+
`,cn=he.default.div`
|
|
784
801
|
${e=>P(e)} {
|
|
785
802
|
display: flex;
|
|
786
803
|
flex-direction: row;
|
|
787
804
|
justify-content: center;
|
|
788
805
|
gap: 8px;
|
|
789
806
|
}
|
|
790
|
-
`,
|
|
807
|
+
`,mn=he.default.div`
|
|
791
808
|
${e=>P(e)} {
|
|
792
809
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
793
810
|
background-color: ${e=>e.selected?"#FAFAFA":"#FFFFFF"};
|
|
@@ -807,7 +824,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
807
824
|
justify-content: space-between;
|
|
808
825
|
position: relative;
|
|
809
826
|
cursor: pointer;
|
|
810
|
-
`,
|
|
827
|
+
`,un=he.default.p`
|
|
811
828
|
${e=>P(e)} {
|
|
812
829
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
813
830
|
color: ${e=>e.selected?"#434343":"#BFBFBF"};
|
|
@@ -816,12 +833,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
816
833
|
font-size: 14px;
|
|
817
834
|
line-height: 22px;
|
|
818
835
|
margin: 0;
|
|
819
|
-
`,
|
|
836
|
+
`,fn=he.default.div`
|
|
820
837
|
display: flex;
|
|
821
838
|
flex-direction: row;
|
|
822
839
|
justify-content: flex-end;
|
|
823
840
|
align-content: center;
|
|
824
|
-
`,
|
|
841
|
+
`,gn=he.default.div`
|
|
825
842
|
display: flex;
|
|
826
843
|
flex: 1;
|
|
827
844
|
flex-direction: row;
|
|
@@ -829,14 +846,14 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
829
846
|
align-content: center;
|
|
830
847
|
align-items: center;
|
|
831
848
|
margin-right: 20px;
|
|
832
|
-
`,
|
|
849
|
+
`,hn=he.default.div`
|
|
833
850
|
display: block;
|
|
834
851
|
width: 100%;
|
|
835
|
-
`;var
|
|
852
|
+
`;var xn=g(require("styled-components")),Cn=xn.default.div`
|
|
836
853
|
flex-direction: column;
|
|
837
854
|
justify-content: center;
|
|
838
855
|
display: flex;
|
|
839
|
-
`;var rt=g(require("react")),
|
|
856
|
+
`;var rt=g(require("react")),En=require("framer-motion");var ot=g(require("styled-components"));var Sn=ot.default.div`
|
|
840
857
|
border: 1px solid #fafafa;
|
|
841
858
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
842
859
|
border-radius: 14px;
|
|
@@ -844,13 +861,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
844
861
|
display: flex;
|
|
845
862
|
flex-direction: column;
|
|
846
863
|
overflow: hidden;
|
|
847
|
-
`,
|
|
864
|
+
`,yn=ot.default.div`
|
|
848
865
|
display: flex;
|
|
849
866
|
flex-wrap: wrap;
|
|
850
867
|
justify-content: space-between;
|
|
851
868
|
overflow: hidden;
|
|
852
869
|
row-gap: 10px;
|
|
853
|
-
`,
|
|
870
|
+
`,bn=ot.default.div`
|
|
854
871
|
${e=>P(e)} {
|
|
855
872
|
color: #595959;
|
|
856
873
|
}
|
|
@@ -860,7 +877,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
860
877
|
line-height: 12px;
|
|
861
878
|
letter-spacing: 0.09em;
|
|
862
879
|
margin-bottom: 12px;
|
|
863
|
-
`,
|
|
880
|
+
`,wn=ot.default.div`
|
|
864
881
|
${e=>P(e)} {
|
|
865
882
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
866
883
|
background: #ffffff;
|
|
@@ -873,7 +890,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
873
890
|
|
|
874
891
|
max-width: 150px;
|
|
875
892
|
min-width: 200px;
|
|
876
|
-
`,
|
|
893
|
+
`,Tn=ot.default.div`
|
|
877
894
|
${e=>P(e)} {
|
|
878
895
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
879
896
|
}
|
|
@@ -885,13 +902,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
885
902
|
justify-content: center;
|
|
886
903
|
align-content: center;
|
|
887
904
|
align-items: center;
|
|
888
|
-
`,
|
|
905
|
+
`,Fn=ot.default.div`
|
|
889
906
|
font-weight: 600;
|
|
890
907
|
font-size: 20px;
|
|
891
908
|
line-height: 24px;
|
|
892
909
|
width: 20px;
|
|
893
910
|
height: 20px;
|
|
894
|
-
`,
|
|
911
|
+
`,kn=ot.default.div`
|
|
895
912
|
${e=>P(e)} {
|
|
896
913
|
color: #434343;
|
|
897
914
|
}
|
|
@@ -900,20 +917,20 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
900
917
|
line-height: 17px;
|
|
901
918
|
margin-top: 12px;
|
|
902
919
|
margin-bottom: 8px;
|
|
903
|
-
`,
|
|
920
|
+
`,Pn=ot.default.div`
|
|
904
921
|
${e=>P(e)} {
|
|
905
922
|
color: #8c8c8c;
|
|
906
923
|
}
|
|
907
924
|
font-weight: 400;
|
|
908
925
|
font-size: 12px;
|
|
909
926
|
line-height: 14px;
|
|
910
|
-
`,
|
|
927
|
+
`,vn=ot.default.a`
|
|
911
928
|
color: ${e=>e.color};
|
|
912
929
|
font-size: 12px;
|
|
913
930
|
line-height: 14px;
|
|
914
931
|
font-weight: 400;
|
|
915
932
|
cursor: pointer;
|
|
916
|
-
`;var
|
|
933
|
+
`;var Xa=({steps:e,style:t,title:o,primaryColor:r,appearance:i,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ue();return rt.default.createElement(Sn,{style:t,className:l("guideContainer",i)},rt.default.createElement(bn,{className:l("guideTitle",i)},o),rt.default.createElement(yn,{className:l("guideItemContainer",i)},e.map((p,d)=>rt.default.createElement(wn,{key:`guide-${p.id??d}`,as:En.motion.div,whileHover:{boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.05)",transition:{duration:.25}},className:l("guideItem",i)},p.icon&&rt.default.createElement(Tn,{className:l("guideIcon",i)},rt.default.createElement(Fn,null,p.icon)),rt.default.createElement(kn,{className:l("guideItemTitle",i),dangerouslySetInnerHTML:be(p.title)}),rt.default.createElement(Pn,{className:l("guideItemSubtitle",i),dangerouslySetInnerHTML:be(p.subtitle)}),rt.default.createElement(vn,{className:l("guideItemLink",i),color:r,onClick:()=>{p.primaryButtonUri&&s(p),n&&n(p)}},p.primaryButtonTitle)))))},bo=Xa;var Ja=({steps:e,title:t,subtitle:o,stepsTitle:r,visible:i,onClose:n,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:a,guideData:f,guideTitle:c,onGuideButtonClick:u})=>{let T=({stepData:m,handleSecondaryCTAClick:x,handleCTAClick:k})=>m?O.default.createElement(an,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},O.default.createElement(pn,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:be(m.title)}),O.default.createElement(dn,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:be(m.subtitle)}),O.default.createElement(cn,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&O.default.createElement(se,{title:m.secondaryButtonTitle,onClick:x,appearance:a,secondary:!0}),O.default.createElement(se,{title:m.primaryButtonTitle,onClick:k,appearance:a}))):O.default.createElement(O.default.Fragment,null),y={...{default:m=>{var z;if((z=e[v])!=null&&z.StepContent){let _=e[v].StepContent;return O.default.createElement("div",null,_)}let x=e[v];return O.default.createElement(T,{stepData:m,handleCTAClick:()=>{x.handlePrimaryButtonClick&&x.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{x.handleSecondaryButtonClick&&x.handleSecondaryButtonClick()}})}},...d},[C,B]=(0,O.useState)(0),v=s??C,A=p??B,b=()=>{var m;return e?!((m=e[v])!=null&&m.type)||!y[e[v].type]?y.default(e[v]):y[e[v].type]({stepData:e[v],primaryColor:a.theme.colorPrimary}):O.default.createElement(O.default.Fragment,null)},S=e.filter(m=>m.complete).length;return i?(a.theme.modalContainer||(a.theme.borderRadius&&(cr.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=cr),O.default.createElement(gt,{onClose:n,visible:i,appearance:a},O.default.createElement(hn,null,O.default.createElement(Ri,null,O.default.createElement(en,{appearance:a,className:l("checklistTitle",a)},t),O.default.createElement(tn,{appearance:a,className:l("checklistSubtitle",a)},o)),O.default.createElement(Zi,null,e&&e.length>0&&O.default.createElement(on,{className:l("stepsContainer",a)},O.default.createElement(rn,null,O.default.createElement("div",{style:{flex:3}},O.default.createElement(nn,{className:l("stepsTitle",a)},r)),O.default.createElement(gn,null,O.default.createElement(et,{fillColor:a.theme.colorPrimary,style:{width:"100%"},count:S,total:e.length,appearance:a}))),O.default.createElement(sn,null,O.default.createElement(ln,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,x)=>{let k=v===x;return O.default.createElement(mn,{selected:k,className:l(`checklistStepListItem${k?"Selected":""}`,a),key:`checklist-guide-step-${m.id??x}`,disabled:m.blocked,onClick:()=>{m.blocked||A(x)},title:m.blocked?"Finish remaining steps to continue":void 0},k&&O.default.createElement(jo,{className:l("checklistStepItemSelectedIndicator",a),as:Bn.motion.div,layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),O.default.createElement(un,{selected:k,className:l(`checklistStepListStepName${k?"Selected":""}`,a)},m.stepName),O.default.createElement(fn,null,O.default.createElement(Ct,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),O.default.createElement(Cn,null,O.default.createElement(Rt,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),O.default.createElement(b,null))),f&&f.length>0&&O.default.createElement(bo,{steps:f,title:c,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(u&&u(m),!0)}))))):O.default.createElement(O.default.Fragment,null)},mr=Ja;var qo=require("react"),An=()=>{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,r]=(0,qo.useState)(t),i=null,n=()=>{i!==null?clearTimeout(i):s(),i=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,a])=>{if(!window)return[d,!1];let f=window.matchMedia(a);return f.addEventListener("change",n),[d,f.matches]}));r(p)};return(0,qo.useEffect)(()=>{s()},[]),o};var fe=g(require("react"));var xe=g(require("react"));var Ko=require("framer-motion");var it=g(require("styled-components")),In=it.default.div`
|
|
917
934
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
918
935
|
border: 1px solid;
|
|
919
936
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -925,42 +942,42 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
925
942
|
display: flex;
|
|
926
943
|
flex-direction: column;
|
|
927
944
|
transition: max-height 0.25s;
|
|
928
|
-
`,
|
|
945
|
+
`,Nn=it.default.div`
|
|
929
946
|
display: flex;
|
|
930
947
|
margin-bottom: 20px;
|
|
931
|
-
`,
|
|
948
|
+
`,Ln=it.default.img`
|
|
932
949
|
border-radius: 4px;
|
|
933
950
|
max-height: 260px;
|
|
934
951
|
min-height: 200px;
|
|
935
|
-
`,
|
|
952
|
+
`,On=it.default.div`
|
|
936
953
|
display: flex;
|
|
937
954
|
flex-direction: row;
|
|
938
955
|
justify-content: space-between;
|
|
939
956
|
align-items: center;
|
|
940
|
-
`,
|
|
957
|
+
`,Dn=it.default.p`
|
|
941
958
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
942
959
|
font-style: normal;
|
|
943
960
|
font-weight: 500;
|
|
944
961
|
font-size: 16px;
|
|
945
962
|
line-height: 18px;
|
|
946
963
|
margin-left: 8px;
|
|
947
|
-
`,
|
|
964
|
+
`,Mn=it.default.div`
|
|
948
965
|
padding: 20px;
|
|
949
966
|
cursor: pointer;
|
|
950
967
|
:hover {
|
|
951
968
|
opacity: 0.8;
|
|
952
969
|
}
|
|
953
|
-
`,
|
|
970
|
+
`,gf=it.default.div``,$n=it.default.p`
|
|
954
971
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
955
972
|
font-weight: 400;
|
|
956
973
|
font-size: 14px;
|
|
957
974
|
line-height: 22px;
|
|
958
|
-
`,
|
|
975
|
+
`,Un=it.default.div`
|
|
959
976
|
display: flex;
|
|
960
977
|
flex-direction: row;
|
|
961
978
|
justify-content: flex-start;
|
|
962
979
|
align-items: center;
|
|
963
|
-
`;var
|
|
980
|
+
`;var _n=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:r,onSecondaryButtonClick:i,appearance:n,customStepTypes:s})=>{var f,c;let p=t?{}:{transform:"rotate(90deg)"};function d(){return xe.default.createElement(xe.default.Fragment,null,e.imageUri||e.videoUri?xe.default.createElement(Nn,{className:l("stepMediaContainer",n)},e.imageUri?xe.default.createElement(Ln,{className:l("stepImage",n),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?xe.default.createElement(Vt,{appearance:n,videoUri:e.videoUri}):null):null,xe.default.createElement($n,{className:l("stepSubtitle",n),appearance:n,dangerouslySetInnerHTML:be(e.subtitle)}),xe.default.createElement(Mo,{className:l("checklistCTAContainer",n)},e.secondaryButtonTitle?xe.default.createElement(se,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>i(),appearance:n}):null,xe.default.createElement(se,{title:e.primaryButtonTitle??"Continue",onClick:()=>r(),appearance:n})))}function a(){if(!s)return null;let u=s[e.type];return u?u(e,n):null}return xe.default.createElement(In,{onClick:()=>t?o():null,"data-testid":`step-${e.id}`,className:l("checklistStepContainer",n),appearance:n},xe.default.createElement(On,{className:l("stepHeader",n)},xe.default.createElement(Un,null,xe.default.createElement(Vo,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(f=n==null?void 0:n.theme)==null?void 0:f.colorPrimary,appearance:n}),xe.default.createElement(Dn,{appearance:n,className:l("stepTitle",n),dangerouslySetInnerHTML:be(e.title)})),xe.default.createElement(Mn,{className:l("stepChevronContainer",n),onClick:()=>o()},xe.default.createElement(Rt,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(c=n==null?void 0:n.theme)==null?void 0:c.colorTextSecondary}))),xe.default.createElement(Ko.AnimatePresence,null,!t&&xe.default.createElement(Ko.motion.div,{initial:{opacity:1,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:1,height:0},key:e.id,style:{overflow:"hidden"}},a()??d())))};var Lt=g(require("styled-components")),Pf=Lt.default.div`
|
|
964
981
|
background: #ffffff;
|
|
965
982
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
966
983
|
border-radius: 6px;
|
|
@@ -974,49 +991,49 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
974
991
|
|
|
975
992
|
max-width: 800px;
|
|
976
993
|
min-width: 350px;
|
|
977
|
-
`,
|
|
994
|
+
`,zn=Lt.default.div`
|
|
978
995
|
display: flex;
|
|
979
996
|
flex-direction: column;
|
|
980
|
-
`,
|
|
997
|
+
`,Wn=Lt.default.h1`
|
|
981
998
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
982
999
|
font-style: normal;
|
|
983
1000
|
font-weight: 700;
|
|
984
1001
|
font-size: 20px;
|
|
985
1002
|
line-height: 24px;
|
|
986
1003
|
margin-bottom: 8px;
|
|
987
|
-
`,
|
|
1004
|
+
`,Hn=Lt.default.h2`
|
|
988
1005
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
989
1006
|
font-weight: 400;
|
|
990
1007
|
font-size: 14px;
|
|
991
1008
|
line-height: 23px;
|
|
992
1009
|
margin: 2px 0 0 0;
|
|
993
|
-
|
|
1010
|
+
`,Vn=Lt.default.div`
|
|
994
1011
|
display: block;
|
|
995
1012
|
width: 100%;
|
|
996
|
-
`,
|
|
1013
|
+
`,jn=Lt.default.div`
|
|
997
1014
|
display: flex;
|
|
998
1015
|
width: 100%;
|
|
999
1016
|
flex-direction: column;
|
|
1000
1017
|
justify-content: space-between;
|
|
1001
1018
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1002
1019
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1003
|
-
`;var
|
|
1020
|
+
`;var Qa=({title:e,subtitle:t,steps:o,onClose:r,visible:i,onCompleteStep:n,autoExpandFirstIncompleteStep:s=!0,autoCollapse:p=!0,autoExpandNextStep:d=!0,primaryColor:a="#000000",selectedStep:f,setSelectedStep:c,appearance:u,type:T,className:F,customStepTypes:y})=>{let C=o.filter(m=>m.complete).length,[B,v]=(0,fe.useState)(Array(o.length).fill(!0));(0,fe.useEffect)(()=>{let m=[...B];if(s){for(let x=0;x<o.length;x++)if(!o[x].complete){m[x]=!1;break}v(m)}},[]),(0,fe.useEffect)(()=>{A(f)},[f]);let A=m=>{let x=[...B];if(p)for(let k=0;k<B.length;++k)k!==m&&(x[k]=!0);x[m]=!x[m],v(x)};if(!i&&T=="modal")return fe.default.createElement(fe.default.Fragment,null);let b=fe.default.createElement(fe.default.Fragment,null,fe.default.createElement(zn,null,fe.default.createElement(Wn,{appearance:u,className:l("checklistTitle",u),dangerouslySetInnerHTML:be(e)}),fe.default.createElement(Hn,{appearance:u,className:l("checklistSubtitle",u),dangerouslySetInnerHTML:be(t)})),fe.default.createElement(et,{display:"percent",count:C,total:o.length,fillColor:a,style:{margin:"14px 0px 8px 0px"},appearance:u})),S=fe.default.createElement(Vn,{className:Be(l("checklistContainer",u),F)},o.map((m,x)=>{let k=B[x];return fe.default.createElement(_n,{appearance:u,stepData:m,collapsed:k,key:`modal-checklist-${m.id??x}`,onClick:()=>{if(f===x){A(x);return}c(x)},onPrimaryButtonClick:()=>{n&&n(x,m),m.handlePrimaryButtonClick&&m.handlePrimaryButtonClick(),d&&!m.completionCriteria&&x<B.length-1&&B[x+1]&&c(x+1)},onSecondaryButtonClick:()=>{m.handleSecondaryButtonClick&&m.handleSecondaryButtonClick()},customStepTypes:y})}));return T==="inline"?fe.default.createElement(jn,{appearance:u,className:Be(l("checklistInlineContainer",u),F)},b,S):fe.default.createElement(fe.default.Fragment,null,fe.default.createElement(gt,{onClose:r,visible:i,appearance:u,style:{maxWidth:"600px"},headerContent:b},S))},ur=Qa;var U=g(require("react"));var wt=g(require("react"));var Z=g(require("styled-components"));var Gn=Z.css`
|
|
1004
1021
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1005
|
-
`,
|
|
1022
|
+
`,Za=Z.css`
|
|
1006
1023
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1007
|
-
`,
|
|
1024
|
+
`,Ra=Z.keyframes`
|
|
1008
1025
|
from {
|
|
1009
1026
|
opacity: 0;
|
|
1010
1027
|
} to {
|
|
1011
1028
|
opacity: 1;
|
|
1012
1029
|
}
|
|
1013
|
-
`,
|
|
1030
|
+
`,ep=Z.keyframes`
|
|
1014
1031
|
from {
|
|
1015
1032
|
opacity: 1;
|
|
1016
1033
|
} to {
|
|
1017
1034
|
opacity: 0;
|
|
1018
1035
|
}
|
|
1019
|
-
`,
|
|
1036
|
+
`,qn=Z.default.div`
|
|
1020
1037
|
margin: 0 -20px;
|
|
1021
1038
|
overflow-x: auto;
|
|
1022
1039
|
padding-left: 20px;
|
|
@@ -1033,14 +1050,14 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1033
1050
|
::-webkit-scrollbar {
|
|
1034
1051
|
display: none;
|
|
1035
1052
|
}
|
|
1036
|
-
`,
|
|
1053
|
+
`,Kn=Z.default.div`
|
|
1037
1054
|
display: flex;
|
|
1038
1055
|
flex-flow: row nowrap;
|
|
1039
1056
|
gap: 0 16px;
|
|
1040
1057
|
scroll-snap-align: center;
|
|
1041
1058
|
scroll-snap-stop: always;
|
|
1042
|
-
`,
|
|
1043
|
-
animation: ${e=>e.reversed?
|
|
1059
|
+
`,Yn=Z.default.div`
|
|
1060
|
+
animation: ${e=>e.reversed?ep:Ra} 0.25s ease-out;
|
|
1044
1061
|
background: linear-gradient(
|
|
1045
1062
|
to right,
|
|
1046
1063
|
${({theme:e})=>e.colorBackground}00,
|
|
@@ -1048,8 +1065,8 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1048
1065
|
);
|
|
1049
1066
|
position: absolute;
|
|
1050
1067
|
width: 64px;
|
|
1051
|
-
`,
|
|
1052
|
-
${
|
|
1068
|
+
`,Xn=Z.default.button`
|
|
1069
|
+
${Gn}
|
|
1053
1070
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1054
1071
|
align-items: center;
|
|
1055
1072
|
border-radius: 50%;
|
|
@@ -1060,11 +1077,11 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1060
1077
|
justify-content: center;
|
|
1061
1078
|
position: absolute;
|
|
1062
1079
|
width: 48px;
|
|
1063
|
-
`,
|
|
1080
|
+
`,Jn=Z.default.div`
|
|
1064
1081
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1065
1082
|
padding: 20px;
|
|
1066
|
-
`,
|
|
1067
|
-
${
|
|
1083
|
+
`,Qn=(0,Z.default)(Jn)`
|
|
1084
|
+
${Gn}
|
|
1068
1085
|
background: ${({theme:e})=>e.colorBackground};
|
|
1069
1086
|
|
|
1070
1087
|
&:active {
|
|
@@ -1075,94 +1092,94 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1075
1092
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1076
1093
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1077
1094
|
}
|
|
1078
|
-
`,
|
|
1095
|
+
`,Zn=Z.default.img`
|
|
1079
1096
|
border-radius: 50%;
|
|
1080
1097
|
height: 40px;
|
|
1081
1098
|
margin-bottom: 12px;
|
|
1082
1099
|
width: 40px;
|
|
1083
|
-
`,
|
|
1100
|
+
`,Rn=(0,Z.default)(Jn)`
|
|
1084
1101
|
${e=>P(e)} {
|
|
1085
|
-
${
|
|
1102
|
+
${Za}
|
|
1086
1103
|
|
|
1087
1104
|
background: ${({theme:e})=>e.colorBackground};
|
|
1088
1105
|
}
|
|
1089
|
-
`,
|
|
1106
|
+
`,es=Z.default.div`
|
|
1090
1107
|
color: ${({theme:e})=>e.colorPrimary};
|
|
1091
1108
|
display: flex;
|
|
1092
1109
|
flex-flow: row nowrap;
|
|
1093
1110
|
align-items: center;
|
|
1094
1111
|
margin-left: 20px;
|
|
1095
|
-
`,
|
|
1112
|
+
`,ts=Z.default.div`
|
|
1096
1113
|
white-space: nowrap;
|
|
1097
|
-
`,
|
|
1114
|
+
`,os=Z.default.div`
|
|
1098
1115
|
background: #d8fed8;
|
|
1099
1116
|
border-radius: 6px;
|
|
1100
1117
|
margin-bottom: 12px;
|
|
1101
1118
|
padding: 4px 10px;
|
|
1102
|
-
`,
|
|
1119
|
+
`,tp=Z.default.p`
|
|
1103
1120
|
font-weight: bold;
|
|
1104
1121
|
font-size: 18px;
|
|
1105
1122
|
line-height: 22px;
|
|
1106
1123
|
letter-spacing: calc(18px * -0.01);
|
|
1107
1124
|
margin: 0;
|
|
1108
|
-
`,
|
|
1125
|
+
`,rs=(0,Z.default)(tp)`
|
|
1109
1126
|
margin-bottom: 4px;
|
|
1110
|
-
`,
|
|
1127
|
+
`,op=Z.default.p`
|
|
1111
1128
|
font-weight: bold;
|
|
1112
1129
|
font-size: 16px;
|
|
1113
1130
|
line-height: 20px;
|
|
1114
1131
|
letter-spacing: calc(16px * -0.01);
|
|
1115
1132
|
margin: 0;
|
|
1116
|
-
`,
|
|
1133
|
+
`,is=(0,Z.default)(op)`
|
|
1117
1134
|
margin-bottom: 4px;
|
|
1118
1135
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1119
1136
|
`}
|
|
1120
|
-
`,nt=
|
|
1137
|
+
`,nt=Z.default.p`
|
|
1121
1138
|
color: ${({theme:e})=>e.colorText};
|
|
1122
1139
|
font-weight: normal;
|
|
1123
1140
|
font-size: 14px;
|
|
1124
1141
|
line-height: 22px;
|
|
1125
1142
|
margin: 0;
|
|
1126
|
-
`,
|
|
1143
|
+
`,ns=Z.default.p`
|
|
1127
1144
|
color: ${({theme:e})=>e.colorText};
|
|
1128
1145
|
font-weight: 600;
|
|
1129
1146
|
font-size: 12px;
|
|
1130
1147
|
line-height: 16px;
|
|
1131
1148
|
margin: 0;
|
|
1132
|
-
`;nt.Loud=(0,
|
|
1149
|
+
`;nt.Loud=(0,Z.default)(nt)`
|
|
1133
1150
|
font-weight: 600;
|
|
1134
|
-
`;nt.Quiet=(0,
|
|
1151
|
+
`;nt.Quiet=(0,Z.default)(nt)`
|
|
1135
1152
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1136
1153
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1137
1154
|
`}
|
|
1138
|
-
`;var
|
|
1155
|
+
`;var ss=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:r}=re(),{primaryCTAClickSideEffects:i}=ue(),{theme:n,styleOverrides:s}=r(o),{imageUri:p=null,subtitle:d=null,title:a=null,complete:f=!1,blocked:c=!1}=e,u=()=>{i(e)};return wt.default.createElement(Qn,{className:l("carouselCard",o),onClick:c?null:u,style:t,blocked:c,complete:f},wt.default.createElement("div",{style:{alignItems:"flex-start",display:"flex",justifyContent:"space-between"}},p&&wt.default.createElement(Zn,{className:l("carouselCardImage",o),src:p,alt:a,style:{opacity:f||c?.4:1}}),f&&wt.default.createElement(os,{className:l("carouselCompletedPill",o)},wt.default.createElement(ns,{style:{color:"#108E0B"}},"Complete"))),a&&wt.default.createElement(is,{blocked:c,complete:f,className:l("carouselCardTitle",o)},a),d&&wt.default.createElement(nt.Quiet,{blocked:c,complete:f,className:l("carouselCardSubtitle",o)},d))};var eo=g(require("react"));var ls=({numberOfStepsCompleted:e,numberOfSteps:t,appearance:o})=>{let r=t>0?e/t:0,i=200,n=Math.min(i,Math.max(10,Math.round(i*r)));return eo.default.createElement(es,{className:l("carouselProgressBar",o)},eo.default.createElement(ts,{as:nt.Loud,style:{marginRight:8}},e," of ",t),eo.default.createElement("svg",{height:10,width:i},eo.default.createElement("rect",{x:0,y:0,rx:5,width:i,height:10,fill:"#E6E6E6"}),eo.default.createElement("rect",{x:0,y:0,rx:5,width:n,height:10,fill:"currentColor"})))};var rp=()=>U.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U.default.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),U.default.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),U.default.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),as=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[r,i]=(0,U.useState)(!1),[n,s]=(0,U.useState)(!1);(0,U.useEffect)(()=>{t===!0&&r===!1?i(!0):t===!1&&r===!0&&s(!0)},[t]);let p=()=>{i(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return r?U.default.createElement(Yn,{style:d,reversed:n,onAnimationEnd:n?p:null},U.default.createElement(Xn,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},U.default.createElement(rp,null))):null},ps=({flowId:e,appearance:t,customVariables:o,className:r})=>{let i=(0,U.useRef)(null),[n,s]=(0,U.useState)(!1),[p,d]=(0,U.useState)(!1),[a,f]=(0,U.useState)(null),[c,u]=(0,U.useState)([]),[T,F]=(0,U.useState)(0),{getFlowMetadata:y,getFlowSteps:C,getNumberOfStepsCompleted:B,updateCustomVariables:v,getFlowStatus:A,isLoading:b,targetingLogicShouldHideFlow:S,getFlow:m}=J();(0,U.useEffect)(()=>{v(o)},[o,b]),(0,U.useEffect)(()=>{if(b)return;let N=y(e),W=B(e),D=C(e);f(N),N.data!==null&&(u(D.sort(($,ie)=>Number($.complete)-Number(ie.complete))),d(D.length>3),F(W))},[b]);let x=[];for(let N=0;N<c.length;N+=3)x.push(c.slice(N,N+3));let k=N=>{let W=N.target,D=W.scrollWidth-W.clientWidth,$=Math.ceil(W.scrollLeft);$>0&&n===!1&&s(!0),$===0&&n===!0&&s(!1),$<D&&p===!1&&d(!0),$===D&&p===!0&&d(!1)},M=(N=!0)=>{let W=N?1:-1;i.current!==null&&i.current.scrollBy({left:i.current.clientWidth*W,behavior:"smooth"})},z=null,_=N=>{z!==null?clearTimeout(z):k(N),z=setTimeout(()=>{k(N)},16)};return b?null:U.default.createElement(Rn,{className:Be(l("carouselContainer",t),r)},U.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:20}},U.default.createElement("div",null,U.default.createElement(rs,{className:l("carouselTitle",t)},a==null?void 0:a.title),U.default.createElement(nt.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),U.default.createElement(ls,{numberOfStepsCompleted:T,numberOfSteps:c.length})),U.default.createElement("div",{style:{position:"relative"}},U.default.createElement(as,{show:n,onClick:()=>M(!1)}),U.default.createElement(as,{side:"right",show:p,onClick:M}),U.default.createElement(qn,{ref:i,onScroll:_},x.map((N,W)=>U.default.createElement(Kn,{key:W,style:{flex:`0 0 calc(100% - ${c.length>3?36:0}px)`}},N.map((D,$)=>U.default.createElement(ss,{key:$,stepData:D,style:{flex:c.length>3?"0 1 calc(33% - 16px * 2 / 3)":1},appearance:t})))))))};var Yo=({flowId:e,title:t,subtitle:o,style:r,initialSelectedStep:i,className:n,type:s="inline",onDismiss:p,visible:d,customVariables:a,onStepCompletion:f,onButtonClick:c,appearance:u,hideOnFlowCompletion:T,setVisible:F,customStepTypes:y,checklistStyle:C="default",autoExpandFirstIncompleteStep:B,autoExpandNextStep:v,...A})=>{let{getFlow:b,getFlowSteps:S,markStepCompleted:m,getStepStatus:x,getNumberOfStepsCompleted:k,isLoading:M,targetingLogicShouldHideFlow:z,updateCustomVariables:_,getFlowMetadata:N,isStepBlocked:W,getFlowStatus:D,hasActiveFullPageFlow:$,setHasActiveFullPageFlow:ie}=J(),{primaryCTAClickSideEffects:ne,secondaryCTAClickSideEffects:H}=ue(),{getOpenFlowState:Me,setOpenFlowState:ke}=Le(),[G,de]=(0,R.useState)(i||0),[me,L]=(0,R.useState)(!1),le=d===void 0?Me(e):d,Pe=s==="modal",{mergeAppearanceWithDefault:ve}=re(),{isLarge:Y}=An();if(u=ve(u),(0,R.useEffect)(()=>{_(a)},[a,M]),(0,R.useEffect)(()=>{d!==void 0&&(Pe&&d===!0?ie(!0):Pe&&d===!1&&ie(!1))},[d,F,$]),M)return null;let Se=b(e);if(!Se||z(Se))return null;let ae=S(e);if(!ae||T===!0&&D(e)===oe)return null;let ee=N(e);if(ee!=null&&ee.title&&(t=ee.title),ee!=null&&ee.subtitle&&(o=ee.subtitle),!me&&i===void 0&&k(e)>0){let V=Math.min(k(e),ae.length-1);de(V),L(!0)}function lt(){if(G+1>=ae.length){Pe&&ke(e,!1);return}W(e,ae[G+1].id)||de(G+1)}function at(V,kt,Fo){let Tr=G+1<ae.length?ae[G+1]:null;c&&c(V,G,kt,Tr)===!0&&Pe&&h(),f&&f(V,Fo,Tr),!f&&!c&&(V.primaryButtonUri||V.secondaryButtonUri)&&Pe&&h()}function te(){return ae.map((V,kt)=>({...V,handleSecondaryButtonClick:()=>{lt(),H(V),V.skippable===!0&&m(e,V.id,{skipped:!0}),at(V,"secondary",kt)},handlePrimaryButtonClick:()=>{(!V.completionCriteria&&(V.autoMarkCompleted||V.autoMarkCompleted===void 0)||V.completionCriteria&&V.autoMarkCompleted===!0)&&(m(e,V.id),lt()),at(V,"primary",kt),ne(V),x(e,V.id)===je&<()}}))}function Ee(){return R.default.createElement(ce,{appearance:u})}let Ft={steps:te(),title:t,subtitle:o,primaryColor:u.theme.colorPrimary,appearance:u,customStepTypes:y,type:s,className:n,autoExpandFirstIncompleteStep:B,autoExpandNextStep:v};function h(){ke(e,!1),p&&p(),F&&F(!1)}function w(){return R.default.createElement(R.default.Fragment,null,R.default.createElement(Ee,null),R.default.createElement(ps,{flowId:e,appearance:u,customVariables:a,className:n}))}function E(){return R.default.createElement(R.default.Fragment,null,R.default.createElement(Ee,null),R.default.createElement(ur,{visible:le,onClose:()=>{h()},selectedStep:G,setSelectedStep:de,autoExpandNextStep:!0,appearance:u,...Ft}))}function j(){if(!Y)return E();let V=A.guideFlowId,kt;return V&&b(V)&&(kt=S(V)),R.default.createElement(R.default.Fragment,null,R.default.createElement(Ee,null),R.default.createElement(mr,{visible:le,stepsTitle:ee.stepsTitle?ee.stepsTitle:"Your quick start guide",onClose:()=>{h()},selectedStep:G,setSelectedStep:de,guideData:kt,guideTitle:A.guideTitle??"Guide",appearance:u,title:t,subtitle:o,onGuideButtonClick:Fo=>{at(Fo,"link",0)},customStepTypes:y,...Ft}))}function ye(){if(!Y)return E();let V=R.default.createElement(pr,{flowId:e,style:r,selectedStep:G,setSelectedStep:de,appearance:u,type:s,...Ft});return Pe?R.default.createElement(gt,{onClose:()=>{h()},visible:le,appearance:u,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},R.default.createElement(Ee,null),V):R.default.createElement(R.default.Fragment,null,R.default.createElement(Ee,null),V)}switch(C){case"condensed":return E();case"with-guide":return j();case"default":return ye();case"carousel":return w();default:return ye()}};var cs=e=>ds.default.createElement(Yo,{type:"inline",...e});var Ye=g(require("react"));var Ke=g(require("react"));var wo=g(require("styled-components")),ms=wo.default.div`
|
|
1139
1156
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1140
1157
|
border-radius: 8px;
|
|
1141
1158
|
padding: 6px 10px 6px 10px;
|
|
1142
1159
|
min-width: 160px;
|
|
1143
1160
|
cursor: pointer;
|
|
1144
1161
|
background-color: ${e=>e.appearance.theme.colorBackground}};
|
|
1145
|
-
`,
|
|
1162
|
+
`,us=wo.default.div`
|
|
1146
1163
|
display: flex;
|
|
1147
1164
|
flex-direction: row;
|
|
1148
1165
|
justify-content: space-between;
|
|
1149
1166
|
align-items: center;
|
|
1150
1167
|
margin-bottom: 2px;
|
|
1151
1168
|
flex-grow: 2;
|
|
1152
|
-
`,
|
|
1169
|
+
`,fs=wo.default.div`
|
|
1153
1170
|
text-overflow: ellipsis;
|
|
1154
1171
|
font-weight: 600;
|
|
1155
1172
|
font-size: 12px;
|
|
1156
1173
|
line-height: 15px;
|
|
1157
1174
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1158
1175
|
color: ${e=>e.appearance.theme.colorPrimary};
|
|
1159
|
-
`,
|
|
1176
|
+
`,gs=wo.default.div`
|
|
1160
1177
|
width: 20px;
|
|
1161
1178
|
margin-right: 8px;
|
|
1162
1179
|
display: flex;
|
|
1163
1180
|
height: 100%;
|
|
1164
1181
|
align-items: center;
|
|
1165
|
-
`;var
|
|
1182
|
+
`;var hs=require("framer-motion");var xs=({title:e,count:t,total:o,onClick:r,style:i={},className:n,appearance:s,type:p="default"})=>Ke.default.createElement(Ke.default.Fragment,null,Ke.default.createElement(ce,{appearance:s}),Ke.default.createElement(ms,{as:hs.motion.div,whileHover:{opacity:.9},whileTap:{scale:.98},onClick:()=>r!==void 0&&r(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...i},className:Be(n??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&Ke.default.createElement(gs,{className:l("progressRingContainer",s)},Ke.default.createElement(At,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),Ke.default.createElement(us,{type:p,className:l("badgeTitleContainer",s)},Ke.default.createElement(fs,{type:p,appearance:s,className:l("badgeTitle",s)},e),r!==void 0&&Ke.default.createElement(Rt,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&Ke.default.createElement(et,{display:"compact",count:t,total:o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));var ut=g(require("react"));var to=g(require("styled-components"));var Cs=to.default.div`
|
|
1166
1183
|
display: flex;
|
|
1167
1184
|
flex-direction: row;
|
|
1168
1185
|
width: 100%;
|
|
@@ -1173,25 +1190,25 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1173
1190
|
border-width: 1px;
|
|
1174
1191
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1175
1192
|
border-radius: 12px;
|
|
1176
|
-
`,
|
|
1193
|
+
`,Ss=to.default.div`
|
|
1177
1194
|
${e=>P(e)} {
|
|
1178
1195
|
display: flex;
|
|
1179
1196
|
justify-content: center;
|
|
1180
1197
|
align-items: center;
|
|
1181
1198
|
margin-right: 16px;
|
|
1182
1199
|
}
|
|
1183
|
-
`,
|
|
1200
|
+
`,ys=to.default.div`
|
|
1184
1201
|
display: flex;
|
|
1185
1202
|
flex-direction: column;
|
|
1186
1203
|
flex: 1;
|
|
1187
1204
|
margin-top: 0;
|
|
1188
|
-
`,
|
|
1205
|
+
`,bs=to.default.div`
|
|
1189
1206
|
display: flex;
|
|
1190
1207
|
flex-direction: column;
|
|
1191
1208
|
justify-content: center;
|
|
1192
1209
|
margin-left: 16px;
|
|
1193
1210
|
min-width: 200px;
|
|
1194
|
-
`,
|
|
1211
|
+
`,Ig=to.default.div`
|
|
1195
1212
|
display: flex;
|
|
1196
1213
|
justify-content: center;
|
|
1197
1214
|
align-items: flex-end;
|
|
@@ -1200,7 +1217,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1200
1217
|
:hover {
|
|
1201
1218
|
opacity: 0.8;
|
|
1202
1219
|
}
|
|
1203
|
-
`;var
|
|
1220
|
+
`;var ws=({title:e,subtitle:t,icon:o,appearance:r,count:i,total:n,className:s,style:p})=>ut.default.createElement(ut.default.Fragment,null,ut.default.createElement(Cs,{appearance:r,className:Be(l("fullWidthProgressBadgeContainer",r),s??""),style:p},o&&ut.default.createElement(Ss,{className:l("fullWidthProgressBadgeIcon",r)},o),ut.default.createElement(ys,null,ut.default.createElement(Ae,{size:"small",appearance:r,title:e,subtitle:t})),ut.default.createElement(bs,{className:l("fullWidthProgressBadgeProgressContainer",r)},ut.default.createElement(et,{count:i,total:n,display:"percent",textLocation:"top",fillColor:r.theme.colorPrimary}))));var Ts=({flowId:e,title:t,subtitle:o,icon:r,style:i,onClick:n,className:s,customVariables:p,hideOnFlowCompletion:d,appearance:a,type:f="default"})=>{let{getFlow:c,getFlowSteps:u,getFlowStatus:T,getNumberOfStepsCompleted:F,isLoading:y,targetingLogicShouldHideFlow:C,updateCustomVariables:B}=J(),{mergeAppearanceWithDefault:v}=re();a=v(a);let{setOpenFlowState:A,getOpenFlowState:b}=Le();if((0,Ye.useEffect)(()=>{B(p)},[p,y]),y)return null;let S=c(e);if(!S||C(S)||d===!0&&T(e)===oe)return null;let m=u(e),x=F(e);return f==="full-width"?Ye.default.createElement(Ye.default.Fragment,null,Ye.default.createElement(ce,{appearance:a}),Ye.default.createElement(ws,{title:t,subtitle:o,count:x,total:m.length,style:i,className:s,appearance:a,icon:r,onClick:()=>{}})):Ye.default.createElement(Ye.default.Fragment,null,Ye.default.createElement(ce,{appearance:a}),Ye.default.createElement(xs,{count:x,total:m.length,title:t,style:i,onClick:()=>{A(e,!0),n&&n()},type:f,className:s,appearance:a}))};var Fs=g(require("react"));var ks=({flowId:e,style:t,appearance:o,...r})=>{let{getFlow:i,targetingLogicShouldHideFlow:n,getFlowSteps:s}=J(),{mergeAppearanceWithDefault:p}=re();o=p(o);let d=i(e);if(!d||n(d))return null;let a=s(e);return Fs.default.createElement(bo,{steps:a,style:t,appearance:o,...r})};var Xe=g(require("react"));var I=g(require("react"));var io=g(require("styled-components"));var oo=require("react"),fr=(e,t,o,r={x:20,y:20},i)=>{let n=i=="fixed"?0:window.scrollY,s=i=="fixed"?0:window.scrollX;return!e||!e.left||!e.top?{x:0,y:0}:t==="left"?{x:e.left-o+r.x+s,y:e.top-r.y+n}:t==="right"?{x:e.left+e.width+r.x+s,y:e.top-r.y+n}:{x:0,y:0}},Ps={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0};function ip(e){let t=Ps;return e&&(t=e.getBoundingClientRect()),t}function vs(e,t){let[o,r]=(0,oo.useState)(Ps),i=(0,oo.useCallback)(()=>{e&&r(ip(e))},[e]);return(0,oo.useEffect)(()=>(i(),window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)),[e,t]),o}var ft=g(require("styled-components"));var Es=ft.default.div`
|
|
1204
1221
|
${e=>P(e)} {
|
|
1205
1222
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
1206
1223
|
}
|
|
@@ -1211,13 +1228,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1211
1228
|
min-width: 300px;
|
|
1212
1229
|
padding: 22px 22px 12px;
|
|
1213
1230
|
z-index: ${e=>e.zIndex};
|
|
1214
|
-
`,
|
|
1231
|
+
`,Bs=ft.default.div`
|
|
1215
1232
|
display: block;
|
|
1216
1233
|
cursor: pointer;
|
|
1217
1234
|
position: absolute;
|
|
1218
1235
|
top: 25px;
|
|
1219
1236
|
right: 22px;
|
|
1220
|
-
`,
|
|
1237
|
+
`,As=ft.default.img`
|
|
1221
1238
|
${e=>P(e)} {
|
|
1222
1239
|
display: block;
|
|
1223
1240
|
width: 100%;
|
|
@@ -1226,7 +1243,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1226
1243
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
1227
1244
|
margin-bottom: 16px;
|
|
1228
1245
|
}
|
|
1229
|
-
`,
|
|
1246
|
+
`,Is=ft.default.div`
|
|
1230
1247
|
${e=>P(e)} {
|
|
1231
1248
|
display: block;
|
|
1232
1249
|
width: 100%;
|
|
@@ -1235,17 +1252,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1235
1252
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
1236
1253
|
margin-bottom: 16px;
|
|
1237
1254
|
}
|
|
1238
|
-
`,
|
|
1255
|
+
`,Ns=ft.default.div`
|
|
1239
1256
|
display: flex;
|
|
1240
1257
|
flex-direction: row;
|
|
1241
1258
|
justify-content: space-between;
|
|
1242
1259
|
align-content: center;
|
|
1243
|
-
`,
|
|
1260
|
+
`,Ls=ft.default.div`
|
|
1244
1261
|
display: flex;
|
|
1245
1262
|
flex: 1;
|
|
1246
1263
|
flex-direction: column;
|
|
1247
1264
|
justify-content: center;
|
|
1248
|
-
`,
|
|
1265
|
+
`,Os=ft.default.div`
|
|
1249
1266
|
display: flex;
|
|
1250
1267
|
flex: 2;
|
|
1251
1268
|
flex-shrink: 1;
|
|
@@ -1257,7 +1274,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1257
1274
|
align-content: center;
|
|
1258
1275
|
align-items: center;
|
|
1259
1276
|
}
|
|
1260
|
-
`,
|
|
1277
|
+
`,Ds=ft.default.p`
|
|
1261
1278
|
${e=>P(e)} {
|
|
1262
1279
|
font-style: normal;
|
|
1263
1280
|
font-weight: 600;
|
|
@@ -1266,7 +1283,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1266
1283
|
color: #808080;
|
|
1267
1284
|
}
|
|
1268
1285
|
margin: 0;
|
|
1269
|
-
`;var
|
|
1286
|
+
`;var Ms=300,$s=100,np=500,ro=12,sp=io.default.div`
|
|
1270
1287
|
width: 100%;
|
|
1271
1288
|
height: 100%;
|
|
1272
1289
|
border-radius: 9999px;
|
|
@@ -1289,25 +1306,25 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1289
1306
|
opacity: 0;
|
|
1290
1307
|
}
|
|
1291
1308
|
}
|
|
1292
|
-
`,
|
|
1309
|
+
`,lp=io.default.div`
|
|
1293
1310
|
width: ${ro}px;
|
|
1294
1311
|
height: ${ro}px;
|
|
1295
1312
|
border-radius: 100px;
|
|
1296
1313
|
background-color: ${e=>e.primaryColor};
|
|
1297
1314
|
z-index: 20;
|
|
1298
1315
|
opacity: 1;
|
|
1299
|
-
`,
|
|
1316
|
+
`,ap=io.default.div`
|
|
1300
1317
|
pointer-events: all;
|
|
1301
|
-
`,
|
|
1318
|
+
`,Us=io.default.div`
|
|
1302
1319
|
display: flex;
|
|
1303
1320
|
align-content: center;
|
|
1304
1321
|
justify-content: center;
|
|
1305
1322
|
align-items: center;
|
|
1306
1323
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1307
|
-
`,
|
|
1324
|
+
`,pp=(0,io.default)(Us)`
|
|
1308
1325
|
width: ${ro+12}px;
|
|
1309
1326
|
height: ${ro+12}px;
|
|
1310
|
-
`,
|
|
1327
|
+
`,dp=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:r="auto",showHighlight:i=!0,primaryColor:n="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:a=0,customStepTypes:f,appearance:c,dismissible:u=!1,showHighlightOnly:T,showStepCount:F=!0,completedStepsCount:y=0})=>{var ae,ee,lt,at;let[C,B]=(0,I.useState)(),[v,A]=(0,I.useState)(new Date),b=(0,I.useRef)(null),[S,m]=(0,I.useState)(document.querySelector(e[a].selector)),x=vs(S,v),[k,M]=(0,I.useState)(),[z,_]=(0,I.useState)(!T),N=(ee=(ae=e[a])==null?void 0:ae.props)!=null&&ee.position?e[a].props.position:"absolute",W=((at=(lt=e[a])==null?void 0:lt.props)==null?void 0:at.zIndex)??90,D=(C==null?void 0:C.width)??Ms,$=(C==null?void 0:C.height)??$s;(0,I.useLayoutEffect)(()=>{b.current&&B({width:b.current.clientWidth,height:b.current.clientHeight})},[a,v,N]),(0,I.useEffect)(()=>{T||_(!0)},[a]);let ie=r==="auto"?"right":r,ne=fr(x,ie,D,s,N),H=x.right+D>(window.innerWidth||document.documentElement.clientWidth),Me=x.bottom+$s>(window.innerHeight||document.documentElement.clientHeight);H&&r==="auto"&&(ne=fr(x,"left",D,s,N),ie="left");let ke=window.location.pathname.split("/").pop(),G=()=>{let te=document.querySelector(e[a].selector);k&&k===JSON.stringify(te==null?void 0:te.getBoundingClientRect())||(m(te),A(new Date),te&&M(JSON.stringify(te.getBoundingClientRect())))};if((0,I.useEffect)(()=>{let te=new MutationObserver(G);return te.observe(document.body,{subtree:!0,childList:!0}),()=>te.disconnect()},[G]),(0,I.useEffect)(()=>{let te=new MutationObserver(G);return te.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>te.disconnect()},[G]),(0,I.useEffect)(()=>{let te=setInterval(()=>{G()},10);return()=>clearInterval(te)},[G]),(0,I.useLayoutEffect)(()=>{setTimeout(()=>{G()},np),G()},[a,ke]),S===null)return I.default.createElement(I.default.Fragment,null);if(ne.x==0&&ne.y==0)return I.default.createElement(I.default.Fragment,null);if(!p)return I.default.createElement(I.default.Fragment,null);let de=()=>{let te=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),_(!1),setTimeout(()=>{G()},30)),y===e.length-1)return o()},Ee=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),T&&_(!1))};return I.default.createElement(I.default.Fragment,null,F&&I.default.createElement(Ls,null,I.default.createElement(Ds,{className:l("tooltipStepCounter",c)},a+1," of ",e.length)),I.default.createElement(Os,{showStepCount:F,className:l("tooltipCTAContainer",c)},e[a].secondaryButtonTitle&&I.default.createElement(se,{title:e[a].secondaryButtonTitle,appearance:c,onClick:Ee,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&I.default.createElement(se,{title:e[a].primaryButtonTitle,appearance:c,onClick:te,withMargin:!1,size:"small"})))},me=()=>I.default.createElement(I.default.Fragment,null,u&&I.default.createElement(Bs,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",c)},I.default.createElement($e,null)),e[a].imageUri&&I.default.createElement(As,{dismissible:u,appearance:c,src:e[a].imageUri,className:l("tooltipImageContainer",c)}),e[a].videoUri&&!e[a].imageUri&&I.default.createElement(Is,{dismissible:u,appearance:c,className:l("tooltipVideoContainer",c)},I.default.createElement(Vt,{appearance:c,videoUri:e[a].videoUri})),I.default.createElement(Ae,{appearance:c,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),I.default.createElement(Ns,{className:l("tooltipFooter",c)},I.default.createElement(de,null))),le={...{default:te=>{var Ee;if((Ee=e[a])!=null&&Ee.StepContent){let Ft=e[a].StepContent;return I.default.createElement("div",null,Ft)}return I.default.createElement(me,null)}},...f},Pe=()=>{var te;return e?!((te=e[a])!=null&&te.type)||!le[e[a].type]?le.default(e[a]):le[e[a].type]({stepData:e[a],primaryColor:n}):I.default.createElement(I.default.Fragment,null)};if(T&&e[a].complete===!0)return null;let ve={top:(ne==null?void 0:ne.y)-ro,left:(ie=="left"?x.x+s.x:(ne==null?void 0:ne.x)-ro)??0,cursor:T?"pointer":"default",position:N},Y=()=>{let Ee=ve.left+(ie=="left"?-D:24);return Math.min(Math.max(Ee,20),window.innerWidth-D-20)},Se=()=>{T&&(A(new Date),_(!z))};return I.default.createElement(ap,null,I.default.createElement(pp,{style:ve,zIndex:W,className:l("tourHighlightContainer",c)},i&&e[a].showHighlight!==!1&&I.default.createElement(I.default.Fragment,null,I.default.createElement(lp,{style:{position:N},onClick:Se,primaryColor:c.theme.colorPrimary}),I.default.createElement(sp,{style:{position:"absolute"},onClick:Se,primaryColor:c.theme.colorPrimary}))),I.default.createElement(Us,{style:{...ve,left:Y()},zIndex:W+1,className:l("tooltipContainerWrapper",c)},z&&I.default.createElement(Es,{ref:b,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:12,...d},appearance:c,className:l("tooltipContainer",c),maxWidth:Ms,zIndex:W+10},I.default.createElement(Pe,null))))},Xo=dp;var _s=require("react-portal");var zs=({flowId:e,customVariables:t,appearance:o,onStepCompletion:r,onButtonClick:i,showTooltipsSimultaneously:n=!1,onDismiss:s,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:a=!1,dismissBehavior:f="complete-flow",onComplete:c,...u})=>{let{getFlow:T,getFlowSteps:F,isLoading:y,targetingLogicShouldHideFlow:C,markStepCompleted:B,markStepStarted:v,markFlowCompleted:A,updateCustomVariables:b,getCurrentStepIndex:S,getStepStatus:m,isStepBlocked:x,getFlowStatus:k,getNumberOfStepsCompleted:M}=J(),{isLoadingUserFlowStateData:z}=ze(),{primaryCTAClickSideEffects:_,secondaryCTAClickSideEffects:N}=ue(),{hasOpenModals:W}=Le(),D=S(e),{openFlowStates:$}=(0,Xe.useContext)(X),{mergeAppearanceWithDefault:ie}=re();if(o=ie(o),(0,Xe.useEffect)(()=>{b(t)},[t,y]),z)return null;let ne=T(e);if(!ne||C(ne)||k(e)==oe||W())return null;let H=F(e);if(Object.keys($).length>0){let L=Object.keys($).find(le=>$[le]===!0);if(L!==void 0&&L!==e)return Xe.default.createElement(Xe.default.Fragment,null)}async function Me(L){if(await B(e,L.id),H.map(le=>m(e,le.id)).every(le=>le===je)){await A(e);return}if(!a&&D+1<H.length){if(x(e,H[D+1].id))return;await v(e,H[D+1].id)}}function ke(L,le,Pe){let ve=D+1<H.length?H[D+1]:null;i&&i(L,D,le,ve),r&&r(L,Pe,ve)}function G(){return H.map(L=>({...L,handleSecondaryButtonClick:async()=>{N(L),L.skippable===!0&&await B(e,L.id,{skipped:!0}),ke(L,"secondary",D)},handlePrimaryButtonClick:async()=>{(!L.completionCriteria&&(L.autoMarkCompleted||L.autoMarkCompleted===void 0)||L.completionCriteria&&L.autoMarkCompleted===!0)&&await Me(L),ke(L,"primary",D),_(L)}}))}async function de(L){s&&s(),f==="complete-flow"?await A(e):await B(e,L.id)}function me(){c&&c()}return Xe.default.createElement(_s.Portal,null,Xe.default.createElement(ce,{appearance:o}),n?H.map((L,le)=>Xe.default.createElement(Xo,{key:L.id,appearance:o,steps:G(),selectedStep:le,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>de(L),tooltipPosition:d,showHighlightOnly:a,completedStepsCount:M(e),onComplete:me,...u})):Xe.default.createElement(Xo,{appearance:o,steps:G(),selectedStep:D,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>de(H[D]),tooltipPosition:d,completedStepsCount:M(e),showHighlightOnly:a,onComplete:me,...u}))};var pe=g(require("react"));var Js=require("react-portal");var Tt=g(require("styled-components"));var Ws=Tt.default.button`
|
|
1311
1328
|
${e=>P(e)} {
|
|
1312
1329
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1313
1330
|
|
|
@@ -1325,17 +1342,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1325
1342
|
opacity: 0.8;
|
|
1326
1343
|
}
|
|
1327
1344
|
}
|
|
1328
|
-
`,
|
|
1345
|
+
`,Hs=Tt.default.span`
|
|
1329
1346
|
${e=>P(e)} {
|
|
1330
1347
|
font-size: 12px;
|
|
1331
1348
|
display: inline-block;
|
|
1332
1349
|
}
|
|
1333
|
-
|
|
1350
|
+
`,Vs=Tt.default.span`
|
|
1334
1351
|
${e=>P(e)} {
|
|
1335
1352
|
font-size: 12px;
|
|
1336
1353
|
display: inline-block;
|
|
1337
1354
|
}
|
|
1338
|
-
`,
|
|
1355
|
+
`,js=Tt.default.div`
|
|
1339
1356
|
position: fixed;
|
|
1340
1357
|
right: 0;
|
|
1341
1358
|
bottom: 0;
|
|
@@ -1345,7 +1362,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1345
1362
|
flex-direction: column;
|
|
1346
1363
|
align-items: flex-end;
|
|
1347
1364
|
z-index: 50;
|
|
1348
|
-
`,
|
|
1365
|
+
`,Gs=Tt.default.button`
|
|
1349
1366
|
${e=>P(e)} {
|
|
1350
1367
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1351
1368
|
background-color: #ffffff;
|
|
@@ -1361,7 +1378,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1361
1378
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12);
|
|
1362
1379
|
border-radius: 45px;
|
|
1363
1380
|
cursor: pointer;
|
|
1364
|
-
`,
|
|
1381
|
+
`,qs=Tt.default.div`
|
|
1365
1382
|
${e=>P(e)} {
|
|
1366
1383
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1367
1384
|
background: #ffffff;
|
|
@@ -1378,7 +1395,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1378
1395
|
position: ${e=>e.type=="inline"?"absolute":"relative"};
|
|
1379
1396
|
top: ${e=>e.type=="inline"?"68px":0};
|
|
1380
1397
|
margin-left: ${e=>e.type=="inline"?"-127px":0};
|
|
1381
|
-
`,
|
|
1398
|
+
`,Ks=Tt.default.button`
|
|
1382
1399
|
${e=>P(e)} {
|
|
1383
1400
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1384
1401
|
color: #434343;
|
|
@@ -1395,7 +1412,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1395
1412
|
font-size: 14px;
|
|
1396
1413
|
|
|
1397
1414
|
padding: 8px 12px;
|
|
1398
|
-
`;var no=require("framer-motion");var
|
|
1415
|
+
`;var no=require("framer-motion");var gr=g(require("react")),Ys=({style:e,className:t})=>gr.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},gr.default.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"}));var hr=g(require("react")),Xs=({style:e,className:t})=>hr.default.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"},hr.default.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 Qs=({flowId:e,style:t,onStepCompletion:o,visible:r=!0,type:i="inline",title:n="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:a,getStepStatus:f,getNumberOfStepsCompleted:c,isLoading:u,targetingLogicShouldHideFlow:T}=J(),{primaryCTAClickSideEffects:F}=ue(),y=(0,pe.useRef)(null),[C,B]=(0,pe.useState)(!1),{mergeAppearanceWithDefault:v}=re();s=v(s),(0,pe.useEffect)(()=>(document.addEventListener("click",A,!1),()=>{document.removeEventListener("click",A,!1)}),[]);let A=k=>{y.current&&!y.current.contains(k.target)&&B(!1)};if(u)return null;let b=p(e);if(!b||T(b))return null;let S=d(e);if(!S||!r)return null;function m(k,M){!k.completionCriteria&&(k.autoMarkCompleted||k.autoMarkCompleted===void 0)&&a(e,k.id),F(k),o&&o(k,M),B(!1)}function x(){return C&&pe.default.createElement(qs,{className:l("floatingWidgetMenu",s),as:no.motion.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:i},S.map((k,M)=>pe.default.createElement(Ks,{className:l("floatingWidgetMenuItem",s),key:M,onClick:()=>m(k,M)},k.title)))}return i=="inline"?pe.default.createElement("span",{ref:y},pe.default.createElement(Ws,{style:t,onClick:()=>{B(!C)},className:l("supportButton",s)},pe.default.createElement(Vs,{className:l("supportIconContainer",s)},pe.default.createElement(Xs,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),pe.default.createElement(Hs,{className:l("supportButtonTitle",s)},n)),pe.default.createElement(no.AnimatePresence,null,pe.default.createElement(x,null))):pe.default.createElement(Js.Portal,null,pe.default.createElement(js,{style:t,ref:y},pe.default.createElement(no.AnimatePresence,null,pe.default.createElement(x,null)),pe.default.createElement(Gs,{onClick:()=>{B(!C)},as:no.motion.button,whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},pe.default.createElement(Ys,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};var Ue=g(require("react"));var To=g(require("styled-components"));var Zs=To.default.div`
|
|
1399
1416
|
${e=>P(e)} {
|
|
1400
1417
|
display: flex;
|
|
1401
1418
|
flex-direction: column;
|
|
@@ -1410,17 +1427,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1410
1427
|
border-radius: 12px;
|
|
1411
1428
|
position: relative;
|
|
1412
1429
|
}
|
|
1413
|
-
`,
|
|
1430
|
+
`,Rs=To.default.div`
|
|
1414
1431
|
display: flex;
|
|
1415
1432
|
flex-direction: column;
|
|
1416
1433
|
flex: 1;
|
|
1417
|
-
`,
|
|
1434
|
+
`,el=To.default.div`
|
|
1418
1435
|
display: flex;
|
|
1419
1436
|
flex-direction: column;
|
|
1420
1437
|
justify-content: center;
|
|
1421
1438
|
align-items: flex-start;
|
|
1422
1439
|
margin-top: 16px;
|
|
1423
|
-
`,
|
|
1440
|
+
`,tl=To.default.div`
|
|
1424
1441
|
${e=>P(e)} {
|
|
1425
1442
|
position: absolute;
|
|
1426
1443
|
top: 16px;
|
|
@@ -1431,7 +1448,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1431
1448
|
opacity: 0.8;
|
|
1432
1449
|
}
|
|
1433
1450
|
}
|
|
1434
|
-
`;var
|
|
1451
|
+
`;var ol=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:s,dismissible:p})=>{let{getFlow:d,markFlowCompleted:a,markStepCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:T,getFlowSteps:F,getFlowStatus:y,getCurrentStepIndex:C}=J(),{primaryCTAClickSideEffects:B}=ue(),{mergeAppearanceWithDefault:v}=re();if(i=v(i),(0,Ue.useEffect)(()=>{T(o)},[o,c]),c)return null;let A=d(e);if(!A||u(A)||y(e)===oe)return null;let S=F(e)[C(e)];return Ue.default.createElement(Ue.default.Fragment,null,Ue.default.createElement(ce,{appearance:i}),Ue.default.createElement(Zs,{appearance:i,className:Be(l("embeddedTipContainer",i),n),style:s},(p===!0||S.dismissible)&&Ue.default.createElement(tl,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",i)},Ue.default.createElement($e,null)),Ue.default.createElement(Rs,null,Ue.default.createElement(Ae,{size:"small",appearance:i,title:S.title,subtitle:S.subtitle})),S.primaryButtonTitle&&Ue.default.createElement(el,{className:l("embeddedTipCallToActionContainer",i)},Ue.default.createElement(se,{classPrefix:"embeddedTip",title:S.primaryButtonTitle,appearance:i,withMargin:!1,size:"small",type:"inline",onClick:async()=>{S.handlePrimaryButtonClick(),B(S),!(r&&r(S,C(e),"primary")===!1)&&(await f(e,S.id),await a(e))}}))))};var Ce=g(require("react"));var Ot=g(require("styled-components"));var rl=Ot.default.div`
|
|
1435
1452
|
// use the :not annotation
|
|
1436
1453
|
${e=>P(e)} {
|
|
1437
1454
|
display: flex;
|
|
@@ -1445,24 +1462,24 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1445
1462
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1446
1463
|
border-radius: 12px;
|
|
1447
1464
|
}
|
|
1448
|
-
`,
|
|
1465
|
+
`,il=Ot.default.div`
|
|
1449
1466
|
${e=>P(e)} {
|
|
1450
1467
|
display: flex;
|
|
1451
1468
|
width: 36px;
|
|
1452
1469
|
height: 36px;
|
|
1453
1470
|
}
|
|
1454
|
-
`,
|
|
1471
|
+
`,nl=Ot.default.div`
|
|
1455
1472
|
display: flex;
|
|
1456
1473
|
flex-direction: column;
|
|
1457
1474
|
flex: 1;
|
|
1458
1475
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1459
1476
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1460
|
-
`,
|
|
1477
|
+
`,sl=Ot.default.div`
|
|
1461
1478
|
display: flex;
|
|
1462
1479
|
flex-direction: column;
|
|
1463
1480
|
justify-content: center;
|
|
1464
1481
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1465
|
-
`,
|
|
1482
|
+
`,xr=Ot.default.div`
|
|
1466
1483
|
display: flex;
|
|
1467
1484
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1468
1485
|
align-items: flex-end;
|
|
@@ -1471,12 +1488,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1471
1488
|
:hover {
|
|
1472
1489
|
opacity: 0.8;
|
|
1473
1490
|
}
|
|
1474
|
-
`,
|
|
1491
|
+
`,Cr=Ot.default.div`
|
|
1475
1492
|
display: flex;
|
|
1476
1493
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1477
1494
|
align-items: flex-end;
|
|
1478
1495
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1479
|
-
`;var
|
|
1496
|
+
`;var Sr=g(require("react")),ll=({style:e,className:t})=>Sr.default.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"},Sr.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"}));var al=({flowId:e,title:t,subtitle:o,onDismiss:r,customVariables:i,onButtonClick:n,appearance:s,type:p="full-width",icon:d})=>{let{getFlow:a,markFlowCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:T,getFlowMetadata:F,getFlowStatus:y,getFlowSteps:C,getCurrentStepIndex:B}=J(),{primaryCTAClickSideEffects:v}=ue(),{mergeAppearanceWithDefault:A}=re();if(s=A(s),(0,Ce.useEffect)(()=>{T(i)},[i,c]),c)return null;let b=a(e);if(!b||u(b)||y(e)===oe)return null;let S=C(e),m=S.length>0?S[B(e)]:F(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),Ce.default.createElement(Ce.default.Fragment,null,Ce.default.createElement(ce,{appearance:s}),Ce.default.createElement(rl,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&Ce.default.createElement(il,{className:l("bannerIconContainer",s)},d||Ce.default.createElement(ll,null)),p==="square"&&m.dismissible&&Ce.default.createElement(Cr,{type:p,className:l("bannerDismissButtonContainer",s)},Ce.default.createElement(xr,{type:p,onClick:async()=>{await f(e),r&&r()},className:l("bannerDismissButton",s)},Ce.default.createElement($e,null))),Ce.default.createElement(nl,{type:p},Ce.default.createElement(Ae,{appearance:s,title:t,subtitle:o})),Ce.default.createElement(sl,{type:p,className:l("bannerCallToActionContainer",s)},Ce.default.createElement(se,{title:(m==null?void 0:m.primaryButtonTitle)??"Get started",appearance:s,onClick:()=>{v(m),n&&n(m,0,"primary")}})),p!=="square"&&m.dismissible&&Ce.default.createElement(Cr,{type:p,className:l("bannerDismissButtonContainer",s)},Ce.default.createElement(xr,{type:p,onClick:async()=>{await f(e),r&&r()},className:l("bannerDismissButton",s)},Ce.default.createElement($e,null)))))};var K=g(require("react"));var fl=require("react-portal");var st=g(require("styled-components"));var pl=st.default.div`
|
|
1480
1497
|
${e=>P(e)} {
|
|
1481
1498
|
display: flex;
|
|
1482
1499
|
flex-direction: column;
|
|
@@ -1497,7 +1514,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1497
1514
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1498
1515
|
min-width: 550px;
|
|
1499
1516
|
}
|
|
1500
|
-
`,
|
|
1517
|
+
`,dl=st.default.button`
|
|
1501
1518
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1502
1519
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1503
1520
|
// If selected make border color primary and text color color priamry
|
|
@@ -1518,30 +1535,30 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1518
1535
|
display: flex;
|
|
1519
1536
|
justify-content: center;
|
|
1520
1537
|
align-items: center;
|
|
1521
|
-
`,
|
|
1538
|
+
`,yr=st.default.div`
|
|
1522
1539
|
display: flex;
|
|
1523
1540
|
justify-content: flex-end;
|
|
1524
1541
|
margin-top: 24px;
|
|
1525
1542
|
gap: 8px;
|
|
1526
|
-
`,
|
|
1543
|
+
`,cl=st.default.div`
|
|
1527
1544
|
display: flex;
|
|
1528
1545
|
justify-content: space-between;
|
|
1529
1546
|
margin-top: 24px;
|
|
1530
|
-
`,
|
|
1547
|
+
`,br=st.default.div`
|
|
1531
1548
|
font-size: 12px;
|
|
1532
1549
|
line-height: 16px;
|
|
1533
1550
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1534
|
-
`,
|
|
1551
|
+
`,wr=st.default.div`
|
|
1535
1552
|
display: flex;
|
|
1536
1553
|
flex-direction: column;
|
|
1537
1554
|
flex: 1;
|
|
1538
|
-
`,
|
|
1555
|
+
`,wx=st.default.div`
|
|
1539
1556
|
display: flex;
|
|
1540
1557
|
flex-direction: column;
|
|
1541
1558
|
justify-content: center;
|
|
1542
1559
|
align-items: flex-start;
|
|
1543
1560
|
margin-top: 16px;
|
|
1544
|
-
`,
|
|
1561
|
+
`,ml=st.default.textarea`
|
|
1545
1562
|
${e=>P(e)} {
|
|
1546
1563
|
margin-top: 16px;
|
|
1547
1564
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
@@ -1552,7 +1569,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1552
1569
|
width: 100%;
|
|
1553
1570
|
height: 100px;
|
|
1554
1571
|
}
|
|
1555
|
-
`,
|
|
1572
|
+
`,ul=st.default.div`
|
|
1556
1573
|
${e=>P(e)} {
|
|
1557
1574
|
position: absolute;
|
|
1558
1575
|
top: 16px;
|
|
@@ -1563,5 +1580,5 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${ao}${i}.${ao}${i} { ${Object.entries(n).map
|
|
|
1563
1580
|
opacity: 0.8;
|
|
1564
1581
|
}
|
|
1565
1582
|
}
|
|
1566
|
-
`;var
|
|
1583
|
+
`;var gl=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:s})=>{let{getFlow:p,markFlowCompleted:d,markStepCompleted:a,getNumberOfStepsCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:T,getFlowSteps:F,getFlowStatus:y,getCurrentStepIndex:C}=J(),{primaryCTAClickSideEffects:B}=ue(),{mergeAppearanceWithDefault:v}=re(),[A,b]=K.default.useState(null),[S,m]=K.default.useState(""),{hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:k,shouldKeepCompletedFlowOpenDuringSession:M}=Le();if(i=v(i),(0,K.useEffect)(()=>{T(o)},[o,c]),c)return null;let z=p(e);if(!z||u(z)||y(e)===oe||f(e)===1&&!M(e)||x())return null;let N=F(e)[C(e)];function W(){return K.default.createElement(K.default.Fragment,null,K.default.createElement(wr,null,K.default.createElement(Ae,{size:"large",appearance:i,title:N.title,subtitle:N.subtitle})),K.default.createElement(yr,{className:l("npsNumberButtonContainer",i),appearance:i},Array.from(Array(10).keys()).map($=>K.default.createElement(dl,{className:l("npsNumberButton",i),selected:A===$+1,key:$,onClick:async()=>{k(e),b($+1),await a(e,N.id,{score:$+1})},appearance:i},$+1))),K.default.createElement(cl,{appearance:i},K.default.createElement(br,{appearance:i},"Not likely at all"),K.default.createElement(br,{appearance:i},"Extremely likely")))}function D(){return K.default.createElement(K.default.Fragment,null,K.default.createElement(wr,null,K.default.createElement(Ae,{appearance:i,title:"Why did you choose this score?",size:"large"})),K.default.createElement(ml,{appearance:i,value:S,onChange:$=>{m($.target.value)},placeHolder:"Add your optional fedback here..."}),K.default.createElement(yr,{appearance:i,className:l("npsNumberButtonContainer",i)},K.default.createElement(se,{size:"large",withMargin:!1,onClick:async()=>{await d(e),r&&r(N,1,"primary")},appearance:i,title:N.secondaryButtonTitle||"Skip",secondary:!0}),K.default.createElement(se,{size:"large",withMargin:!1,onClick:async()=>{await a(e,N.id,{feedbackText:S}),await d(e),r&&r(N,1,"primary")},appearance:i,title:N.primaryButtonTitle||"Submit"})))}return K.default.createElement(fl.Portal,null,K.default.createElement(ce,{appearance:i}),K.default.createElement(pl,{appearance:i,className:Be(l("npsSurveyContainer",i),n),style:s},K.default.createElement(ul,{onClick:async()=>{await d(e),t&&t()},className:l("npsSurveyDismissButton",i)},K.default.createElement($e,null)),f(e)==0&&W(),f(e)==1&&D()))};0&&(module.exports={CheckBox,FormLabel,FormTextField,FrigadeBanner,FrigadeChecklist,FrigadeDefaultAppearance,FrigadeEmbeddedTip,FrigadeForm,FrigadeGuide,FrigadeHeroChecklist,FrigadeNPSSurvey,FrigadeProgressBadge,FrigadeProvider,FrigadeSupportWidget,FrigadeTour,ProgressRing,useFlowOpens,useFlowResponses,useFlows,useOrganization,useUser});
|
|
1567
1584
|
//# sourceMappingURL=index.js.map
|