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