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