@frigade/react 1.38.11 → 1.38.13
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/dist/index.js +185 -184
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +195 -194
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnPropertyDescriptors;var Wo=Object.getOwnPropertySymbols;var di=Object.prototype.hasOwnProperty,ci=Object.prototype.propertyIsEnumerable;var pi=(e,t,o)=>t in e?na(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))di.call(t,o)&&pi(e,o,t[o]);if(Wo)for(var o of Wo(t))ci.call(t,o)&&pi(e,o,t[o]);return e},V=(e,t)=>sa(e,la(t));var mi=e=>typeof e=="symbol"?e:e+"",$e=(e,t)=>{var o={};for(var i in e)di.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&Wo)for(var i of Wo(e))t.indexOf(i)<0&&ci.call(e,i)&&(o[i]=e[i]);return o};var L=(e,t,o)=>new Promise((i,n)=>{var r=d=>{try{p(o.next(d))}catch(s){n(s)}},l=d=>{try{p(o.throw(d))}catch(s){n(s)}},p=d=>d.done?i(d.value):Promise.resolve(d.value).then(r,l);p((o=o.apply(e,t)).next())});import Oo,{createContext as Td,useEffect as lr,useState as qe}from"react";import{ThemeProvider as In}from"styled-components";import _t,{useContext as Zp,useEffect as ro,useState as Eo}from"react";import{useCallback as Lt,useContext as Sa,useEffect as ba}from"react";import Sr,{useMemo as fi}from"react";var ui="1.38.11";var st="NOT_STARTED_STEP",de="COMPLETED_FLOW",Nt="SKIPPED_FLOW",Ot="STARTED_FLOW",De="NOT_STARTED_FLOW",Ue="COMPLETED_STEP",yo="STARTED_STEP";function Re(){let{publicApiKey:e,userId:t,apiUrl:o}=Sr.useContext(re);return{config:fi(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":ui,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:fi(()=>`${o}/v1/public/`,[o])}}var aa="frigade-last-call-at-",pa="frigade-last-call-data-";function qt(){let{shouldGracefullyDegrade:e,readonly:t}=Sr.useContext(re);return(o,i)=>L(this,null,function*(){if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Kt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Kt();let n=aa+o,r=pa+o;if(typeof window!="undefined"&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(n),d=window.localStorage.getItem(r);if(p&&d&&d==i.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return Kt()}typeof window!="undefined"&&(window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,i.body))}let l;try{l=yield fetch(o,i)}catch(p){return Kt(p)}return l?l.ok?l:Kt(l.statusText):Kt()})}function Kt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Yt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Sr.useContext(re);function o(){return t?!1:e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as xa,useState as gi}from"react";import{useContext as ca,useEffect as ma,useState as ua}from"react";import fa from"swr";import{useContext as da}from"react";function Ie(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=da(re);function r(c,g=!1){var S;return(S=e[c])!=null?S:g}function l(c,g){t(S=>V(w({},S),{[c]:g}))}function p(c){t(g=>{let h=g,{[c]:S}=h,F=$e(h,[mi(c)]);return w({},F)})}function d(c){n.includes(c)||i(g=>[...g,c])}function s(c){return n.includes(c)}function u(c){return Object.entries(e).some(([g,S])=>S&&g!=c)||o}return{getOpenFlowState:r,setOpenFlowState:l,resetOpenFlowState:p,hasOpenModals:u,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}import ga from"swr/immutable";import So from"core-js-pure/actual/structured-clone";function br(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ue(...e){let t=e.shift(),o=e.length===1?e[0]:ue(...e);if(!br(t)||!br(o))throw new Error("deepmerge can only merge Objects");let i=So(t);return Object.entries(o).forEach(([n,r])=>{br(r)?i[n]!==void 0?Object.assign(i,{[n]:ue(i[n],So(r))}):Object.assign(i,{[n]:So(r)}):Array.isArray(r)?i[n]!==void 0?Object.assign(i,{[n]:[...i[n],...So(r)]}):Object.assign(i,{[n]:So(r)}):Object.assign(i,{[n]:r})}),i}function Jt(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var ha="unknown";function _e(){let{config:e,apiUrl:t}=Re(),{publicApiKey:o,userId:i,organizationId:n,flows:r,setShouldGracefullyDegrade:l,readonly:p}=ca(re),{resetOpenFlowState:d}=Ie(),[s,u]=ua(!1),c={data:r.map(T=>({flowId:T.id,flowState:de,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},g=T=>fetch(T,e).then(I=>{if(I.ok)return I.json();throw new Error("Failed to fetch user flow states")}).catch(I=>(console.log(`Error fetching ${T}: ${I}. Will gracefully degrade and hide Frigade`),l(!0),c)),S=o&&r&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${n?`&foreignUserGroupId=${encodeURIComponent(n)}`:""}`:null,{data:F,isLoading:h,mutate:x,error:k}=p?ga(S,g):fa(S,g,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),b=F==null?void 0:F.data;ma(()=>{!s&&!h&&b&&u(!0)},[b,s,h]);function v(T){return L(this,null,function*(){if(b&&!p){let I=b.find(N=>N.flowId===T);I&&I.flowState!==de&&(I.flowState=de),yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1})}})}function $(T){return L(this,null,function*(){if(b&&!p){let I=b.find(N=>N.flowId===T);I&&I.flowState!==Nt&&(I.flowState=Nt),yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1})}})}function E(T,I,N){return L(this,null,function*(){var D,z;if(b){let j=b.find(_=>_.flowId===T);if(j){let _=r.find(q=>q.slug===T),G=Jt(_==null?void 0:_.data),K=(z=(D=G==null?void 0:G.steps)!=null?D:G==null?void 0:G.data)!=null?z:[],O=K.findIndex(q=>q.id===I),ee=K&&K.length>O+1?K[O+1]:null;ee&&(j.lastStepId=ee.id),j.stepStates[I]=N,j.flowState=Ot}p||(yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1}))}})}function f(T,I,N){return L(this,null,function*(){if(b){let D=b.find(z=>z.flowId===T);D&&(D.lastStepId=I,D.stepStates[I]=N,D.flowState=Ot),p||(yield x(ue(F,{data:b}),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1}))}})}function A(T){return L(this,null,function*(){if(b){let I=b.find(N=>N.flowId===T);I&&I.flowState!==De&&(I.flowState=De,I.lastStepId=ha,Object.keys(I.stepStates).forEach(N=>{I.stepStates[N].actionType=st,I.stepStates[N].createdAt=new Date().toISOString()}),yield x(ue(F,{data:b}),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1}),d(T))}})}function y(T,I,N){return L(this,null,function*(){if(b){let D=b.find(z=>z.flowId===T);D&&(D.stepStates[I]=N),yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1})}})}return{userFlowStatesData:b,isLoadingUserFlowStateData:!s,mutateUserFlowState:x,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowSkipped:$,optimisticallyMarkFlowNotStarted:A,optimisticallyMarkStepCompleted:E,optimisticallyMarkStepNotStarted:y,optimisticallyMarkStepStarted:f,error:k}}function bo(){let{config:e,apiUrl:t}=Re(),{userFlowStatesData:o,mutateUserFlowState:i}=_e(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:l,setFlowResponses:p}=xa(re),[d,s]=gi(new Set),[u,c]=gi(new Set),g=qt();function S(x){let k=JSON.stringify(x);if(d.has(k))return null;d.add(k),s(d),u.add(x),c(u);let b=l==null?void 0:l.find(v=>v.flowSlug===x.flowSlug&&v.stepId===x.stepId&&v.actionType===x.actionType&&v.createdAt===x.createdAt);return g(`${t}flowResponses`,V(w({},e),{method:"POST",body:k})).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+x.stepId+". Will retry again later."),r([...n,x])):b||p($=>[...$!=null?$:[],x])})}function F(x){return L(this,null,function*(){x.foreignUserId&&(x.actionType===Ot||x.actionType===De?yield S(x):x.actionType===de?yield S(x):x.actionType===yo?yield S(x):x.actionType===Ue?yield S(x):x.actionType===Nt?yield S(x):x.actionType===st&&(yield S(x)))})}function h(){let x=[];return o==null||o.forEach(k=>{if(k&&k.stepStates&&Object.keys(k.stepStates).length!==0)for(let b in k.stepStates){let v=k.stepStates[b];x.push({foreignUserId:k.foreignUserId,flowSlug:k.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...x,...l]}return{addResponse:F,setFlowResponses:p,getFlowResponses:h}}import wa from"swr";var Ca=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,hi=e=>{let t=Ca.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=ya(i,"'","");r.startsWith("flow_")&&(o=r)}),o},ya=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};var wr=(s=>(s.CHECKLIST="CHECKLIST",s.FORM="FORM",s.TOUR="TOUR",s.SUPPORT="SUPPORT",s.CUSTOM="CUSTOM",s.BANNER="BANNER",s.EMBEDDED_TIP="EMBEDDED_TIP",s.NPS_SURVEY="NPS_SURVEY",s.ANNOUNCEMENT="ANNOUNCEMENT",s))(wr||{});function ne(){let{config:e,apiUrl:t}=Re(),{flows:o,setFlows:i,userId:n,organizationId:r,publicApiKey:l,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:u,setFlowResponses:c,setShouldGracefullyDegrade:g,shouldGracefullyDegrade:S,readonly:F,flowDataOverrides:h}=Sa(re),x={data:[]},{verifySDKInitiated:k}=Yt(),{addResponse:b,getFlowResponses:v}=bo(),$=m=>fetch(m,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${m} (${C.status}): ${C.statusText}. Will gracefully degrade and hide Frigade`),g(!0),x)).catch(C=>(console.log(`Error fetching ${m}: ${C}. Will gracefully degrade and hide Frigade`),g(!0),x)),{mutateUserFlowState:E,userFlowStatesData:f,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowSkipped:T,optimisticallyMarkFlowNotStarted:I,optimisticallyMarkStepCompleted:N,optimisticallyMarkStepNotStarted:D,optimisticallyMarkStepStarted:z}=_e(),{data:j,error:_,isLoading:G}=wa(l?`${t}flows${F?"?readonly=true":""}`:null,$,{keepPreviousData:!0});ba(()=>{if(_){console.error(_);return}j&&j.data&&i(j.data)},[j,_]);function K(m){if(G)return null;let C=o.find(P=>P.slug===m);return!C&&o.length>0&&!A&&!G?(console.log(`Flow with id ${m} not found`),null):(C&&h&&h[m]&&(C.data=h[m]),(C==null?void 0:C.active)===!1&&!F?null:C)}function O(m){var W,Be,Et,At,It;if(!K(m))return[];let C=(W=K(m))==null?void 0:W.data;return C?(C=ee(C),((It=(At=(Be=Jt(C))==null?void 0:Be.data)!=null?At:(Et=Jt(C))==null?void 0:Et.steps)!=null?It:[]).map(ge=>{let xo=Ge(ge);return V(w({handleSecondaryButtonClick:()=>{ge.skippable===!0&&U(m,ge.id,{skipped:!0})}},ge),{complete:H(m,ge.id)===Ue||xo>=1,started:H(m,ge.id)===yo||H(m,ge.id)===Ue,currentlyActive:f==null?void 0:f.some(Co=>Co.flowId==m&&Co.lastStepId===ge.id),blocked:J(m,ge.id),hidden:te(m,ge.id),handlePrimaryButtonClick:()=>{(!ge.completionCriteria&&(ge.autoMarkCompleted||ge.autoMarkCompleted===void 0)||ge.completionCriteria&&ge.autoMarkCompleted===!0)&&U(m,ge.id)},progress:xo})}).filter(ge=>ge.hidden!==!0)):[]}function ee(m){return m.replaceAll(/\${(.*?)}/g,(C,P)=>p[P]===void 0?"":String(p[P]).replace(/[\u00A0-\u9999<>\&]/g,function(W){return"&#"+W.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function q(m){var P;if(!K(m))return[];let C=K(m).data;return C?(C=ee(C),(P=JSON.parse(C))!=null?P:{}):[]}function se(m,C){d(P=>V(w({},P),{[m]:C}))}function Se(m){!A&&!G&&m&&JSON.stringify(p)!=JSON.stringify(w(w({},p),m))&&Object.keys(m).forEach(C=>{se(C,m[C])})}let ke=Lt((m,C,P)=>L(this,null,function*(){if(!k())return;let W={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:C,actionType:yo,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};pe(W)&&(yield z(m,C,W),b(W))}),[n,r,f]),Z=Lt((m,C,P)=>L(this,null,function*(){if(!k())return;let W={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:C,actionType:st,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};pe(W)&&(yield D(m,C,W),b(W))}),[n,r,f]),U=Lt((m,C,P)=>L(this,null,function*(){if(!k())return;let W={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:C,actionType:Ue,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};pe(W)&&(yield N(m,C,W),b(W))}),[n,r,f]),ie=Lt((m,C)=>L(this,null,function*(){if(!k()||xt(m)===De)return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:De,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};yield I(m),pe(P)&&b(P)}),[n,r,f]),Pe=Lt((m,C)=>L(this,null,function*(){if(!k())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:Ot,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};pe(P)&&b(P)}),[n,r,f]),je=Lt((m,C)=>L(this,null,function*(){if(!k())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:de,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};pe(P)&&(yield y(m),b(P))}),[n,r,f]),ve=Lt((m,C)=>L(this,null,function*(){if(!k())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:Nt,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};pe(P)&&(yield T(m),b(P))}),[n,r,f]);function pe(m){var C;if(f===void 0)return!1;if(f){let P=f.find(W=>W.flowId===m.flowSlug);if(m.actionType===st&&(!(P!=null&&P.stepStates[m.stepId])||P.stepStates[m.stepId].actionType===st))return!1;if(P&&((C=P.stepStates[m.stepId])==null?void 0:C.actionType)===m.actionType){if(m.actionType===Ue&&(!m.data||JSON.stringify(m.data)===JSON.stringify({})))return!1;let W=Object.keys(P.stepStates).sort((Be,Et)=>{let At=new Date(P.stepStates[Be].createdAt),It=new Date(P.stepStates[Et].createdAt);return At.getTime()-It.getTime()});if(P.stepStates[W[W.length-1]].actionType===m.actionType&&m.stepId===W[W.length-1])return!1}if(P&&P.flowState===de&&m.actionType===de)return!1}return!0}function H(m,C){let P=M(m,C);return A?null:P?P.actionType:st}function J(m,C){let P=M(m,C);return P?P.blocked:!1}function te(m,C){let P=M(m,C);return P?P.hidden:!1}function M(m,C){var W;if(A)return null;let P=f==null?void 0:f.find(Be=>Be.flowId===m);return!P||!P.stepStates[C]?null:(W=P.stepStates[C])!=null?W:null}function Q(m){var P,W;if(A||!f)return null;if(xt(m)===De)return(P=O(m)[0])!=null?P:null;let C=(W=f.find(Be=>Be.flowId===m))==null?void 0:W.lastStepId;return C?O(m).find(Be=>Be.id===C):null}function we(m){var W;let C=Q(m);if(!C)return 0;let P=(W=O(m).findIndex(Be=>Be.id===C.id))!=null?W:0;return H(m,C.id)===Ue&&P<O(m).length-1?P+1:P}function Ge(m){if(!m.completionCriteria)return;let C=hi(m.completionCriteria);if(C===null)return;let P=Ye(C),W=nt(C);return W===0?void 0:P/W}function xt(m){let C=f==null?void 0:f.find(P=>P.flowId===m);return C?C.flowState:null}function Ye(m){let C=O(m);return C.length===0?0:C.filter(W=>H(m,W.id)===Ue).length}function nt(m){return O(m).length}function Qe(m){let C=o.find(P=>P.slug===m);return C?(h&&h[m]&&(C.data=h[m]),Jt(C.data)):null}function vt(m){if(F)return!1;if(A||S)return!0;if(m!=null&&m.targetingLogic&&f){let C=f.find(P=>P.flowId===m.slug);if(C)return C.shouldTrigger===!1}return!!(m!=null&&m.targetingLogic&&n&&n.startsWith("guest_"))}function jt(m){let C=K(m);return(C==null?void 0:C.active)===!1?!1:!vt(K(m))}function Gt(){n&&E()}function Bt(){return o}return{getAllFlows:Bt,getFlow:K,getFlowData:Qe,isLoading:A||G,getStepStatus:H,getFlowSteps:O,getCurrentStepIndex:we,markStepStarted:ke,markStepCompleted:U,markFlowNotStarted:ie,markFlowStarted:Pe,markFlowCompleted:je,markFlowSkipped:ve,markStepNotStarted:Z,getFlowStatus:xt,getNumberOfStepsCompleted:Ye,getNumberOfSteps:nt,targetingLogicShouldHideFlow:vt,setCustomVariable:se,updateCustomVariables:Se,customVariables:p,getStepOptionalProgress:Ge,getFlowMetadata:q,isStepBlocked:J,isStepHidden:te,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:u,isFlowAvailableToUser:jt,refresh:Gt}}import{useCallback as zo,useContext as Ta,useEffect as Fa}from"react";var Xt="guest_";function wo(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=Ta(re),{config:r,apiUrl:l}=Re(),{mutateUserFlowState:p}=_e(),d=qt(),{verifySDKInitiated:s}=Yt();function u(h){return`frigade-user-registered-${h}`}Fa(()=>{if(e&&!t){if(e.startsWith(Xt))return;let h=u(e);localStorage.getItem(h)||(d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(h,"true"))}},[e,n,t]);let c=zo(h=>L(this,null,function*(){if(!s())return;let x={foreignId:e,properties:h};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(x)})),i(k=>w(w({},k),h)),p()}),[e,r,n,p]),g=zo((h,x)=>L(this,null,function*(){if(!s())return;let b={foreignId:e,events:[{event:h,properties:x}]};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(b)})),p()}),[e,r,p]),S=zo((h,x)=>L(this,null,function*(){if(s())if(x&&Object.keys(x).length>0){let k=u(h);localStorage.setItem(k,"true"),o(h);let b={foreignId:h,properties:x};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(b)})),i(v=>w(w({},v),x)),p()}else o(h)}),[r,n,p]),F=zo(h=>L(this,null,function*(){if(!s())return;let x=typeof window!="undefined"?localStorage.getItem($t):null;if(console.log("id",localStorage.getItem($t)),!x)return;let k={foreignId:h,linkGuestId:x};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(k)})),p()}),[r,n,p]);return{userId:e,setUserId:o,setUserIdWithProperties:S,addPropertiesToUser:c,trackEventForUser:g,linkExistingGuestSessionToUser:F}}import{v4 as Rp}from"uuid";import rt,{useEffect as yn,useState as Jp}from"react";import Je,{useEffect as Pr,useState as Oa}from"react";import Go from"styled-components";import ka from"react";import Pa from"styled-components";var xi="fr-",To="cfr-";function a(e,t){let o=`${xi}${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+" "+To+e}return o}function B(e){if(!e.className||e.className.indexOf(To)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(xi)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Ho(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Ee(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Ho(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Te(...e){return e.filter(Boolean).join(" ")}function Fo(e){return e.charAt(0).toUpperCase()+e.slice(1)}var va=Pa.div`
|
|
2
|
+
var sa=Object.defineProperty,la=Object.defineProperties;var aa=Object.getOwnPropertyDescriptors;var Wo=Object.getOwnPropertySymbols;var ci=Object.prototype.hasOwnProperty,mi=Object.prototype.propertyIsEnumerable;var di=(e,t,o)=>t in e?sa(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))ci.call(t,o)&&di(e,o,t[o]);if(Wo)for(var o of Wo(t))mi.call(t,o)&&di(e,o,t[o]);return e},V=(e,t)=>la(e,aa(t));var ui=e=>typeof e=="symbol"?e:e+"",$e=(e,t)=>{var o={};for(var i in e)ci.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&Wo)for(var i of Wo(e))t.indexOf(i)<0&&mi.call(e,i)&&(o[i]=e[i]);return o};var L=(e,t,o)=>new Promise((i,n)=>{var r=d=>{try{p(o.next(d))}catch(s){n(s)}},l=d=>{try{p(o.throw(d))}catch(s){n(s)}},p=d=>d.done?i(d.value):Promise.resolve(d.value).then(r,l);p((o=o.apply(e,t)).next())});import Oo,{createContext as Td,useEffect as lr,useState as qe}from"react";import{ThemeProvider as Nn}from"styled-components";import _t,{useContext as Zp,useEffect as ro,useState as Eo}from"react";import{useCallback as Lt,useContext as ba,useEffect as wa}from"react";import Sr,{useMemo as gi}from"react";var fi="1.38.13";var st="NOT_STARTED_STEP",de="COMPLETED_FLOW",Nt="SKIPPED_FLOW",Ot="STARTED_FLOW",De="NOT_STARTED_FLOW",Ue="COMPLETED_STEP",yo="STARTED_STEP";function Re(){let{publicApiKey:e,userId:t,apiUrl:o}=Sr.useContext(re);return{config:gi(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":fi,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:gi(()=>`${o}/v1/public/`,[o])}}var pa="frigade-last-call-at-",da="frigade-last-call-data-";function qt(){let{shouldGracefullyDegrade:e,readonly:t}=Sr.useContext(re);return(o,i)=>L(this,null,function*(){if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return Kt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Kt();let n=pa+o,r=da+o;if(typeof window!="undefined"&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(n),d=window.localStorage.getItem(r);if(p&&d&&d==i.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return Kt()}typeof window!="undefined"&&(window.localStorage.setItem(n,new Date().toISOString()),window.localStorage.setItem(r,i.body))}let l;try{l=yield fetch(o,i)}catch(p){return Kt(p)}return l?l.ok?l:Kt(l.statusText):Kt()})}function Kt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Yt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Sr.useContext(re);function o(){return t?!1:e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as Ca,useState as hi}from"react";import{useContext as ma,useEffect as ua,useState as fa}from"react";import ga from"swr";import{useContext as ca}from"react";function Ie(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=ca(re);function r(c,g=!1){var S;return(S=e[c])!=null?S:g}function l(c,g){t(S=>V(w({},S),{[c]:g}))}function p(c){t(g=>{let h=g,{[c]:S}=h,F=$e(h,[ui(c)]);return w({},F)})}function d(c){n.includes(c)||i(g=>[...g,c])}function s(c){return n.includes(c)}function u(c){return Object.entries(e).some(([g,S])=>S&&g!=c)||o}return{getOpenFlowState:r,setOpenFlowState:l,resetOpenFlowState:p,hasOpenModals:u,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}import ha from"swr/immutable";import So from"core-js-pure/actual/structured-clone";function br(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ue(...e){let t=e.shift(),o=e.length===1?e[0]:ue(...e);if(!br(t)||!br(o))throw new Error("deepmerge can only merge Objects");let i=So(t);return Object.entries(o).forEach(([n,r])=>{br(r)?i[n]!==void 0?Object.assign(i,{[n]:ue(i[n],So(r))}):Object.assign(i,{[n]:So(r)}):Array.isArray(r)?i[n]!==void 0?Object.assign(i,{[n]:[...i[n],...So(r)]}):Object.assign(i,{[n]:So(r)}):Object.assign(i,{[n]:r})}),i}function Jt(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var xa="unknown";function _e(){let{config:e,apiUrl:t}=Re(),{publicApiKey:o,userId:i,organizationId:n,flows:r,setShouldGracefullyDegrade:l,readonly:p}=ma(re),{resetOpenFlowState:d}=Ie(),[s,u]=fa(!1),c={data:r.map(T=>({flowId:T.id,flowState:de,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},g=T=>fetch(T,e).then(I=>{if(I.ok)return I.json();throw new Error("Failed to fetch user flow states")}).catch(I=>(console.log(`Error fetching ${T}: ${I}. Will gracefully degrade and hide Frigade`),l(!0),c)),S=o&&r&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${n?`&foreignUserGroupId=${encodeURIComponent(n)}`:""}`:null,{data:F,isLoading:h,mutate:x,error:k}=p?ha(S,g):ga(S,g,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),b=F==null?void 0:F.data;ua(()=>{!s&&!h&&b&&u(!0)},[b,s,h]);function v(T){return L(this,null,function*(){if(b&&!p){let I=b.find(N=>N.flowId===T);I&&I.flowState!==de&&(I.flowState=de),yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1})}})}function $(T){return L(this,null,function*(){if(b&&!p){let I=b.find(N=>N.flowId===T);I&&I.flowState!==Nt&&(I.flowState=Nt),yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1})}})}function E(T,I,N){return L(this,null,function*(){var D,z;if(b){let j=b.find(_=>_.flowId===T);if(j){let _=r.find(q=>q.slug===T),G=Jt(_==null?void 0:_.data),K=(z=(D=G==null?void 0:G.steps)!=null?D:G==null?void 0:G.data)!=null?z:[],O=K.findIndex(q=>q.id===I),ee=K&&K.length>O+1?K[O+1]:null;ee&&(j.lastStepId=ee.id),j.stepStates[I]=N,j.flowState=Ot}p||(yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1}))}})}function f(T,I,N){return L(this,null,function*(){if(b){let D=b.find(z=>z.flowId===T);D&&(D.lastStepId=I,D.stepStates[I]=N,D.flowState=Ot),p||(yield x(ue(F,{data:b}),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1}))}})}function A(T){return L(this,null,function*(){if(b){let I=b.find(N=>N.flowId===T);I&&I.flowState!==De&&(I.flowState=De,I.lastStepId=xa,Object.keys(I.stepStates).forEach(N=>{I.stepStates[N].actionType=st,I.stepStates[N].createdAt=new Date().toISOString()}),yield x(ue(F,{data:b}),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1}),d(T))}})}function y(T,I,N){return L(this,null,function*(){if(b){let D=b.find(z=>z.flowId===T);D&&(D.stepStates[I]=N),yield x(Promise.resolve(ue(F,{data:b})),{optimisticData:ue(F,{data:b}),revalidate:!1,rollbackOnError:!1})}})}return{userFlowStatesData:b,isLoadingUserFlowStateData:!s,mutateUserFlowState:x,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowSkipped:$,optimisticallyMarkFlowNotStarted:A,optimisticallyMarkStepCompleted:E,optimisticallyMarkStepNotStarted:y,optimisticallyMarkStepStarted:f,error:k}}function bo(){let{config:e,apiUrl:t}=Re(),{userFlowStatesData:o,mutateUserFlowState:i}=_e(),{failedFlowResponses:n,setFailedFlowResponses:r,flowResponses:l,setFlowResponses:p}=Ca(re),[d,s]=hi(new Set),[u,c]=hi(new Set),g=qt();function S(x){let k=JSON.stringify(x);if(d.has(k))return null;d.add(k),s(d),u.add(x),c(u);let b=l==null?void 0:l.find(v=>v.flowSlug===x.flowSlug&&v.stepId===x.stepId&&v.actionType===x.actionType&&v.createdAt===x.createdAt);return g(`${t}flowResponses`,V(w({},e),{method:"POST",body:k})).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+x.stepId+". Will retry again later."),r([...n,x])):b||p($=>[...$!=null?$:[],x])})}function F(x){return L(this,null,function*(){x.foreignUserId&&(x.actionType===Ot||x.actionType===De?yield S(x):x.actionType===de?yield S(x):x.actionType===yo?yield S(x):x.actionType===Ue?yield S(x):x.actionType===Nt?yield S(x):x.actionType===st&&(yield S(x)))})}function h(){let x=[];return o==null||o.forEach(k=>{if(k&&k.stepStates&&Object.keys(k.stepStates).length!==0)for(let b in k.stepStates){let v=k.stepStates[b];x.push({foreignUserId:k.foreignUserId,flowSlug:k.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...x,...l]}return{addResponse:F,setFlowResponses:p,getFlowResponses:h}}import Ta from"swr";var ya=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,xi=e=>{let t=ya.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=Sa(i,"'","");r.startsWith("flow_")&&(o=r)}),o},Sa=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};var wr=(s=>(s.CHECKLIST="CHECKLIST",s.FORM="FORM",s.TOUR="TOUR",s.SUPPORT="SUPPORT",s.CUSTOM="CUSTOM",s.BANNER="BANNER",s.EMBEDDED_TIP="EMBEDDED_TIP",s.NPS_SURVEY="NPS_SURVEY",s.ANNOUNCEMENT="ANNOUNCEMENT",s))(wr||{});function ne(){let{config:e,apiUrl:t}=Re(),{flows:o,setFlows:i,userId:n,organizationId:r,publicApiKey:l,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:u,setFlowResponses:c,setShouldGracefullyDegrade:g,shouldGracefullyDegrade:S,readonly:F,flowDataOverrides:h}=ba(re),x={data:[]},{verifySDKInitiated:k}=Yt(),{addResponse:b,getFlowResponses:v}=bo(),$=m=>fetch(m,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${m} (${C.status}): ${C.statusText}. Will gracefully degrade and hide Frigade`),g(!0),x)).catch(C=>(console.log(`Error fetching ${m}: ${C}. Will gracefully degrade and hide Frigade`),g(!0),x)),{mutateUserFlowState:E,userFlowStatesData:f,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowSkipped:T,optimisticallyMarkFlowNotStarted:I,optimisticallyMarkStepCompleted:N,optimisticallyMarkStepNotStarted:D,optimisticallyMarkStepStarted:z}=_e(),{data:j,error:_,isLoading:G}=Ta(l?`${t}flows${F?"?readonly=true":""}`:null,$,{keepPreviousData:!0});wa(()=>{if(_){console.error(_);return}j&&j.data&&i(j.data)},[j,_]);function K(m){if(G)return null;let C=o.find(P=>P.slug===m);return!C&&o.length>0&&!A&&!G?(console.log(`Flow with id ${m} not found`),null):(C&&h&&h[m]&&(C.data=h[m]),(C==null?void 0:C.active)===!1&&!F?null:C)}function O(m){var W,Be,Et,At,It;if(!K(m))return[];let C=(W=K(m))==null?void 0:W.data;return C?(C=ee(C),((It=(At=(Be=Jt(C))==null?void 0:Be.data)!=null?At:(Et=Jt(C))==null?void 0:Et.steps)!=null?It:[]).map(ge=>{let xo=Ge(ge);return V(w({handleSecondaryButtonClick:()=>{ge.skippable===!0&&U(m,ge.id,{skipped:!0})}},ge),{complete:H(m,ge.id)===Ue||xo>=1,started:H(m,ge.id)===yo||H(m,ge.id)===Ue,currentlyActive:f==null?void 0:f.some(Co=>Co.flowId==m&&Co.lastStepId===ge.id),blocked:J(m,ge.id),hidden:te(m,ge.id),handlePrimaryButtonClick:()=>{(!ge.completionCriteria&&(ge.autoMarkCompleted||ge.autoMarkCompleted===void 0)||ge.completionCriteria&&ge.autoMarkCompleted===!0)&&U(m,ge.id)},progress:xo})}).filter(ge=>ge.hidden!==!0)):[]}function ee(m){return m.replaceAll(/\${(.*?)}/g,(C,P)=>p[P]===void 0?"":String(p[P]).replace(/[\u00A0-\u9999<>\&]/g,function(W){return"&#"+W.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function q(m){var P;if(!K(m))return[];let C=K(m).data;return C?(C=ee(C),(P=JSON.parse(C))!=null?P:{}):[]}function se(m,C){d(P=>V(w({},P),{[m]:C}))}function Se(m){!A&&!G&&m&&JSON.stringify(p)!=JSON.stringify(w(w({},p),m))&&Object.keys(m).forEach(C=>{se(C,m[C])})}let ke=Lt((m,C,P)=>L(this,null,function*(){if(!k())return;let W={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:C,actionType:yo,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};pe(W)&&(yield z(m,C,W),b(W))}),[n,r,f]),R=Lt((m,C,P)=>L(this,null,function*(){if(!k())return;let W={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:C,actionType:st,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};pe(W)&&(yield D(m,C,W),b(W))}),[n,r,f]),U=Lt((m,C,P)=>L(this,null,function*(){if(!k())return;let W={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:C,actionType:Ue,data:P!=null?P:{},createdAt:new Date,blocked:!1,hidden:!1};pe(W)&&(yield N(m,C,W),b(W))}),[n,r,f]),ie=Lt((m,C)=>L(this,null,function*(){if(!k()||xt(m)===De)return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:De,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};yield I(m),pe(P)&&b(P)}),[n,r,f]),Pe=Lt((m,C)=>L(this,null,function*(){if(!k())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:Ot,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};pe(P)&&b(P)}),[n,r,f]),je=Lt((m,C)=>L(this,null,function*(){if(!k())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:de,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};pe(P)&&(yield y(m),b(P))}),[n,r,f]),ve=Lt((m,C)=>L(this,null,function*(){if(!k())return;let P={foreignUserId:n,foreignUserGroupId:r!=null?r:null,flowSlug:m,stepId:"unknown",actionType:Nt,data:C!=null?C:{},createdAt:new Date,blocked:!1,hidden:!1};pe(P)&&(yield T(m),b(P))}),[n,r,f]);function pe(m){var C;if(f===void 0)return!1;if(f){let P=f.find(W=>W.flowId===m.flowSlug);if(m.actionType===st&&(!(P!=null&&P.stepStates[m.stepId])||P.stepStates[m.stepId].actionType===st))return!1;if(P&&((C=P.stepStates[m.stepId])==null?void 0:C.actionType)===m.actionType){if(m.actionType===Ue&&(!m.data||JSON.stringify(m.data)===JSON.stringify({})))return!1;let W=Object.keys(P.stepStates).sort((Be,Et)=>{let At=new Date(P.stepStates[Be].createdAt),It=new Date(P.stepStates[Et].createdAt);return At.getTime()-It.getTime()});if(P.stepStates[W[W.length-1]].actionType===m.actionType&&m.stepId===W[W.length-1])return!1}if(P&&P.flowState===de&&m.actionType===de)return!1}return!0}function H(m,C){let P=M(m,C);return A?null:P?P.actionType:st}function J(m,C){let P=M(m,C);return P?P.blocked:!1}function te(m,C){let P=M(m,C);return P?P.hidden:!1}function M(m,C){var W;if(A)return null;let P=f==null?void 0:f.find(Be=>Be.flowId===m);return!P||!P.stepStates[C]?null:(W=P.stepStates[C])!=null?W:null}function Z(m){var P,W;if(A||!f)return null;if(xt(m)===De)return(P=O(m)[0])!=null?P:null;let C=(W=f.find(Be=>Be.flowId===m))==null?void 0:W.lastStepId;return C?O(m).find(Be=>Be.id===C):null}function we(m){var W;let C=Z(m);if(!C)return 0;let P=(W=O(m).findIndex(Be=>Be.id===C.id))!=null?W:0;return H(m,C.id)===Ue&&P<O(m).length-1?P+1:P}function Ge(m){if(!m.completionCriteria)return;let C=xi(m.completionCriteria);if(C===null)return;let P=Ye(C),W=nt(C);return W===0?void 0:P/W}function xt(m){let C=f==null?void 0:f.find(P=>P.flowId===m);return C?C.flowState:null}function Ye(m){let C=O(m);return C.length===0?0:C.filter(W=>H(m,W.id)===Ue).length}function nt(m){return O(m).length}function Qe(m){let C=o.find(P=>P.slug===m);return C?(h&&h[m]&&(C.data=h[m]),Jt(C.data)):null}function vt(m){if(F)return!1;if(A||S)return!0;if(m!=null&&m.targetingLogic&&f){let C=f.find(P=>P.flowId===m.slug);if(C)return C.shouldTrigger===!1}return!!(m!=null&&m.targetingLogic&&n&&n.startsWith("guest_"))}function jt(m){let C=K(m);return(C==null?void 0:C.active)===!1?!1:!vt(K(m))}function Gt(){n&&E()}function Bt(){return o}return{getAllFlows:Bt,getFlow:K,getFlowData:Qe,isLoading:A||G,getStepStatus:H,getFlowSteps:O,getCurrentStepIndex:we,markStepStarted:ke,markStepCompleted:U,markFlowNotStarted:ie,markFlowStarted:Pe,markFlowCompleted:je,markFlowSkipped:ve,markStepNotStarted:R,getFlowStatus:xt,getNumberOfStepsCompleted:Ye,getNumberOfSteps:nt,targetingLogicShouldHideFlow:vt,setCustomVariable:se,updateCustomVariables:Se,customVariables:p,getStepOptionalProgress:Ge,getFlowMetadata:q,isStepBlocked:J,isStepHidden:te,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:u,isFlowAvailableToUser:jt,refresh:Gt}}import{useCallback as zo,useContext as Fa,useEffect as ka}from"react";var Xt="guest_";function wo(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=Fa(re),{config:r,apiUrl:l}=Re(),{mutateUserFlowState:p}=_e(),d=qt(),{verifySDKInitiated:s}=Yt();function u(h){return`frigade-user-registered-${h}`}ka(()=>{if(e&&!t){if(e.startsWith(Xt))return;let h=u(e);localStorage.getItem(h)||(d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify({foreignId:e})})),localStorage.setItem(h,"true"))}},[e,n,t]);let c=zo(h=>L(this,null,function*(){if(!s())return;let x={foreignId:e,properties:h};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(x)})),i(k=>w(w({},k),h)),p()}),[e,r,n,p]),g=zo((h,x)=>L(this,null,function*(){if(!s())return;let b={foreignId:e,events:[{event:h,properties:x}]};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(b)})),p()}),[e,r,p]),S=zo((h,x)=>L(this,null,function*(){if(s())if(x&&Object.keys(x).length>0){let k=u(h);localStorage.setItem(k,"true"),o(h);let b={foreignId:h,properties:x};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(b)})),i(v=>w(w({},v),x)),p()}else o(h)}),[r,n,p]),F=zo(h=>L(this,null,function*(){if(!s())return;let x=typeof window!="undefined"?localStorage.getItem($t):null;if(console.log("id",localStorage.getItem($t)),!x)return;let k={foreignId:h,linkGuestId:x};yield d(`${l}users`,V(w({},r),{method:"POST",body:JSON.stringify(k)})),p()}),[r,n,p]);return{userId:e,setUserId:o,setUserIdWithProperties:S,addPropertiesToUser:c,trackEventForUser:g,linkExistingGuestSessionToUser:F}}import{v4 as Rp}from"uuid";import rt,{useEffect as Sn,useState as Jp}from"react";import Je,{useEffect as Pr,useState as La}from"react";import Go from"styled-components";import Pa from"react";import va from"styled-components";var Ci="fr-",To="cfr-";function a(e,t){let o=`${Ci}${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+" "+To+e}return o}function B(e){if(!e.className||e.className.indexOf(To)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Ci)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Ho(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Ee(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Ho(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Te(...e){return e.filter(Boolean).join(" ")}function Fo(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Ba=va.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -23,11 +23,11 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
`,
|
|
26
|
+
`,yi=({onClose:e,appearance:t})=>Pa.createElement(Ba,{className:a("modalBackground",t),onClick:()=>e()});import Tr from"react";import Ea from"styled-components";var Aa=Ea.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,Ne=()=>Tr.createElement(
|
|
30
|
+
`,Ne=()=>Tr.createElement(Aa,null,Tr.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20"},Tr.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M5 15L15 5M5 5l10 10"})));import{Portal as $a}from"react-portal";import Ni from"react";import Fr from"react";function Ia({style:e,className:t}){return Fr.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},Fr.createElement("path",{fill:"currentColor",d:"M16.293 3.476v1.036h1.593v1.256h-1.593v5.098h-1.41V5.768H14V4.512h.883V3.244c0-.67.294-1.744 1.777-1.744.515 0 .969.049 1.361.146l-.233 1.232a5.939 5.939 0 00-.833-.073c-.442 0-.662.22-.662.67zm6.534.975V5.83c-.846 0-1.63.159-2.342.476v4.56h-1.41V4.513h1.263l.086.61c.846-.451 1.655-.67 2.403-.67zm2.505-.951c-.331.33-.944.33-1.287 0a.93.93 0 01-.246-.659c0-.268.086-.487.246-.646.343-.33.956-.33 1.287 0 .343.33.343.964 0 1.305zm.061 7.366h-1.41V4.512h1.41v6.354zm6.928-5.756c.246.146.368.402.368.756v4.976c0 1.804-.858 2.658-2.672 2.658-.92 0-1.753-.146-2.514-.439l.417-1.073c.674.22 1.336.33 1.974.33.98 0 1.385-.379 1.385-1.403v-.171c-.588.134-1.09.207-1.52.207-.907 0-1.655-.305-2.231-.902-.576-.598-.87-1.39-.87-2.354 0-.963.294-1.756.87-2.354.576-.61 1.324-.914 2.231-.914 1.005 0 1.864.232 2.562.683zm-2.488 4.634a5.15 5.15 0 001.446-.22V5.951a3.695 3.695 0 00-1.446-.292c-1.08 0-1.778.841-1.778 2.048 0 1.22.699 2.037 1.778 2.037zm7.34-5.317c1.52 0 2.28.878 2.28 2.634v3.805h-1.275l-.073-.524c-.601.414-1.288.621-2.084.621-1.263 0-2.06-.658-2.06-1.731 0-1.269 1.25-2.025 3.408-2.025.135 0 .503.013.662.013v-.171c0-1.012-.343-1.451-1.115-1.451-.675 0-1.435.158-2.256.475l-.466-1.012c1.017-.427 2.01-.634 2.979-.634zm-1.839 4.756c0 .427.343.695 1.017.695.528 0 1.251-.22 1.68-.512V8.22h-.441c-1.508 0-2.256.317-2.256.963zm9.953-4.549v-2.83h1.41v7.72c0 .354-.123.598-.368.757-.71.45-1.57.67-2.562.67-.907 0-1.655-.305-2.231-.902-.577-.61-.87-1.39-.87-2.354 0-.963.293-1.756.87-2.354.576-.61 1.324-.914 2.23-.914.43 0 .933.073 1.521.207zM43.84 9.72c.503 0 .981-.098 1.447-.293V5.854a5.15 5.15 0 00-1.447-.22c-1.078 0-1.777.817-1.777 2.037s.699 2.049 1.777 2.049zM54 7.866v.439h-4.573c.184.963.858 1.512 1.827 1.512.613 0 1.275-.146 1.986-.451l.466 1.024c-.87.378-1.729.573-2.575.573-.931 0-1.692-.304-2.268-.902-.576-.61-.87-1.402-.87-2.366 0-.975.294-1.768.87-2.366.576-.597 1.324-.902 2.244-.902.968 0 1.691.33 2.17.975.478.647.723 1.464.723 2.464zm-4.61-.586h3.298c-.086-1.073-.613-1.731-1.581-1.731-.969 0-1.582.695-1.717 1.731z"}),Fr.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M1.196 1.229A4.009 4.009 0 014.08 0l4.092.027C9.183.027 10 .867 10 1.904c0 .6-.273 1.133-.7 1.478-.31.25-.7.399-1.126.4h-.001l-4.09-.027h-.002a4.804 4.804 0 00-2.614.77A4.986 4.986 0 000 5.974v-1.78C0 3.036.456 1.988 1.196 1.23zm4.525 4.65a4.282 4.282 0 00-1.184 2.513l3.637.023c.131 0 .259-.015.382-.042h.002c.81-.178 1.42-.908 1.44-1.788v-.046a1.9 1.9 0 00-.533-1.328 1.813 1.813 0 00-.908-.508h-.002l-.002-.001a1.68 1.68 0 00-.366-.042A4.084 4.084 0 005.72 5.88zm-4.525-.016A4.235 4.235 0 000 8.829C0 10.997 1.601 12.78 3.654 13V9.265h-.005l.005-.439v-.437h.023a5.175 5.175 0 011.439-3.13 5.05 5.05 0 01.72-.614l-1.754-.011H4.08c-.787 0-1.521.229-2.144.625a4.11 4.11 0 00-.74.603z",clipRule:"evenodd"}))}var Si=Ia;import kr from"styled-components";import lt from"styled-components";var Vo=lt.div`
|
|
31
31
|
${e=>B(e)} {
|
|
32
32
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
33
33
|
}
|
|
@@ -38,7 +38,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
38
38
|
min-width: 300px;
|
|
39
39
|
z-index: ${e=>e.zIndex};
|
|
40
40
|
overflow: hidden;
|
|
41
|
-
`,
|
|
41
|
+
`,Na=`
|
|
42
42
|
display: block;
|
|
43
43
|
cursor: pointer;
|
|
44
44
|
position: absolute;
|
|
@@ -52,7 +52,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
52
52
|
box-sizing: border-box;
|
|
53
53
|
:hover {
|
|
54
54
|
opacity: 0.8;
|
|
55
|
-
}`,
|
|
55
|
+
}`,Oa=`
|
|
56
56
|
display: block;
|
|
57
57
|
cursor: pointer;
|
|
58
58
|
position: absolute;
|
|
@@ -60,11 +60,11 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
60
60
|
right: 12px;
|
|
61
61
|
background-color: transparent;
|
|
62
62
|
border: none;
|
|
63
|
-
`,
|
|
63
|
+
`,bi=lt.button`
|
|
64
64
|
${e=>B(e)} {
|
|
65
|
-
${e=>e.hasImage?
|
|
65
|
+
${e=>e.hasImage?Na:Oa};
|
|
66
66
|
}
|
|
67
|
-
`,
|
|
67
|
+
`,wi=lt.img`
|
|
68
68
|
${e=>B(e)} {
|
|
69
69
|
display: block;
|
|
70
70
|
width: 100%;
|
|
@@ -72,7 +72,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
72
72
|
min-height: 200px;
|
|
73
73
|
object-fit: cover;
|
|
74
74
|
}
|
|
75
|
-
`,
|
|
75
|
+
`,Ti=lt.div`
|
|
76
76
|
${e=>B(e)} {
|
|
77
77
|
display: block;
|
|
78
78
|
width: 100%;
|
|
@@ -80,19 +80,19 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
80
80
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
81
81
|
object-fit: cover;
|
|
82
82
|
}
|
|
83
|
-
`,
|
|
83
|
+
`,Fi=lt.div`
|
|
84
84
|
display: flex;
|
|
85
85
|
flex-direction: row;
|
|
86
86
|
justify-content: space-between;
|
|
87
87
|
align-content: center;
|
|
88
|
-
`,Fi=lt.div`
|
|
89
|
-
padding: 22px 22px 12px;
|
|
90
88
|
`,ki=lt.div`
|
|
89
|
+
padding: 22px 22px 12px;
|
|
90
|
+
`,Pi=lt.div`
|
|
91
91
|
display: flex;
|
|
92
92
|
flex: 1;
|
|
93
93
|
flex-direction: column;
|
|
94
94
|
justify-content: center;
|
|
95
|
-
`,
|
|
95
|
+
`,vi=lt.div`
|
|
96
96
|
display: flex;
|
|
97
97
|
flex: 2;
|
|
98
98
|
flex-shrink: 1;
|
|
@@ -104,7 +104,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
104
104
|
align-content: center;
|
|
105
105
|
align-items: center;
|
|
106
106
|
}
|
|
107
|
-
`,
|
|
107
|
+
`,Bi=lt.p`
|
|
108
108
|
${e=>B(e)} {
|
|
109
109
|
font-style: normal;
|
|
110
110
|
font-weight: 600;
|
|
@@ -113,7 +113,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
113
113
|
color: #808080;
|
|
114
114
|
}
|
|
115
115
|
margin: 0;
|
|
116
|
-
`;var
|
|
116
|
+
`;var Ei=kr.div`
|
|
117
117
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
118
118
|
position: absolute;
|
|
119
119
|
bottom: -47px;
|
|
@@ -124,7 +124,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
124
124
|
align-items: center;
|
|
125
125
|
justify-content: center;
|
|
126
126
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
127
|
-
`,
|
|
127
|
+
`,Ai=kr(Vo)`
|
|
128
128
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
129
129
|
position: absolute;
|
|
130
130
|
bottom: -60px;
|
|
@@ -137,7 +137,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
137
137
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
138
138
|
padding: 0;
|
|
139
139
|
z-index: ${e=>e.zIndex};
|
|
140
|
-
`,
|
|
140
|
+
`,Ii=kr.div`
|
|
141
141
|
display: flex;
|
|
142
142
|
justify-content: center;
|
|
143
143
|
align-items: center;
|
|
@@ -146,7 +146,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
146
146
|
font-size: 12px;
|
|
147
147
|
line-height: 18px;
|
|
148
148
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
149
|
-
`;function jo({appearance:e}){return
|
|
149
|
+
`;function jo({appearance:e}){return Ni.createElement(Ii,{className:a("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Ni.createElement(Si,null))}var Ma=Go.div`
|
|
150
150
|
${e=>B(e)} {
|
|
151
151
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
152
152
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -188,10 +188,10 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
188
188
|
opacity: 1;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
|
-
`,
|
|
191
|
+
`,Da=Go.div`
|
|
192
192
|
position: relative;
|
|
193
193
|
flex: 0 1 auto;
|
|
194
|
-
`,
|
|
194
|
+
`,Ua=Go.div`
|
|
195
195
|
position: absolute;
|
|
196
196
|
top: 16px;
|
|
197
197
|
right: 16px;
|
|
@@ -201,14 +201,14 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
201
201
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
202
202
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
203
203
|
}
|
|
204
|
-
`,
|
|
204
|
+
`,_a=Go.div`
|
|
205
205
|
overflow: scroll;
|
|
206
206
|
flex: 1 1;
|
|
207
207
|
display: flex;
|
|
208
208
|
::-webkit-scrollbar {
|
|
209
209
|
display: none;
|
|
210
210
|
}
|
|
211
|
-
`,et=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:n,appearance:r,dismissible:l=!0,showFrigadeBranding:p=!1})=>{let[d,s]=
|
|
211
|
+
`,et=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:n,appearance:r,dismissible:l=!0,showFrigadeBranding:p=!1})=>{let[d,s]=La("");return Pr(()=>{let u=getComputedStyle(document.body).getPropertyValue("overflow");s(u)},[]),Pr(()=>{let u=c=>{c.key==="Escape"&&e()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[e]),Pr(()=>{let u=document.body.style;return t?u.setProperty("overflow","hidden"):u.setProperty("overflow",d),()=>{u.setProperty("overflow",d)}},[t]),t?Je.createElement($a,null,Je.createElement(yi,{appearance:r,onClose:()=>{l&&e()}}),Je.createElement(Ma,{appearance:r,className:a("modalContainer",r),styleOverrides:i},l&&Je.createElement(Ua,{className:a("modalClose",r),onClick:()=>e(),appearance:r},Je.createElement(Ne,null)),o&&Je.createElement(Da,null,o),Je.createElement(_a,null,n),p&&Je.createElement(Ei,{appearance:r,className:a("poweredByFrigadeRibbon",r)},Je.createElement(jo,{appearance:r})))):Je.createElement(Je.Fragment,null)};import Ct,{useEffect as vr,useState as Wa}from"react";import Ko from"styled-components";import{Portal as za}from"react-portal";function Ha(e){switch(e){case"top-left":return`
|
|
212
212
|
top: 0;
|
|
213
213
|
left: 0;
|
|
214
214
|
`;case"top-right":return`
|
|
@@ -217,7 +217,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
217
217
|
`;case"bottom-left":return`
|
|
218
218
|
bottom: 0;
|
|
219
219
|
left: 0;
|
|
220
|
-
`}return"right: 0; bottom: 0;"}var
|
|
220
|
+
`}return"right: 0; bottom: 0;"}var Va=Ko.div`
|
|
221
221
|
${e=>B(e)} {
|
|
222
222
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
223
223
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -231,12 +231,12 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
231
231
|
width: 350px;
|
|
232
232
|
padding: 24px;
|
|
233
233
|
}
|
|
234
|
-
${e=>
|
|
234
|
+
${e=>Ha(e.modalPosition)}
|
|
235
235
|
margin: 28px;
|
|
236
|
-
`,
|
|
236
|
+
`,ja=Ko.div`
|
|
237
237
|
position: relative;
|
|
238
238
|
flex: 1;
|
|
239
|
-
`,
|
|
239
|
+
`,Ga=Ko.div`
|
|
240
240
|
position: absolute;
|
|
241
241
|
top: 16px;
|
|
242
242
|
right: 16px;
|
|
@@ -246,13 +246,13 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
246
246
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
247
247
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
248
248
|
}
|
|
249
|
-
`,
|
|
249
|
+
`,Ka=Ko.div`
|
|
250
250
|
overflow: scroll;
|
|
251
251
|
flex: 5;
|
|
252
252
|
::-webkit-scrollbar {
|
|
253
253
|
display: none;
|
|
254
254
|
}
|
|
255
|
-
`,qo=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:n,modalPosition:r="bottom-right",dismissible:l=!0})=>{let[p,d]=
|
|
255
|
+
`,qo=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:n,modalPosition:r="bottom-right",dismissible:l=!0})=>{let[p,d]=Wa("");return vr(()=>{let s=getComputedStyle(document.body).getPropertyValue("overflow");d(s)},[]),vr(()=>{let s=u=>{u.key==="Escape"&&e()};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[e]),vr(()=>{let s=document.body.style;return t?s.setProperty("overflow","hidden"):s.setProperty("overflow",p),()=>{s.setProperty("overflow",p)}},[t]),t?Ct.createElement(za,null,Ct.createElement(Va,{appearance:n,className:a("cornerModalContainer",n),modalPosition:r},l&&Ct.createElement(Ga,{className:a("cornerModalClose",n),onClick:()=>e()},Ct.createElement(Ne,null)),o&&Ct.createElement(ja,null,o),Ct.createElement(Ka,null,i))):Ct.createElement(Ct.Fragment,null)};import{useContext as qa}from"react";function ce(){let{defaultAppearance:e}=qa(re);function t(o){var n,r,l;let i=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign((n=i.styleOverrides)!=null?n:{},(r=o.styleOverrides)!=null?r:{}),theme:Object.assign(i.theme,(l=o.theme)!=null?l:{})}:i}return{mergeAppearanceWithDefault:t}}import Mt,{useContext as gp,useEffect as Ji,useState as Dr}from"react";import Zo from"styled-components";import Xo,{useEffect as Ui,useState as Ar}from"react";import Ir from"styled-components";import Yo from"styled-components";var Oi=Yo.label`
|
|
256
256
|
${e=>B(e)} {
|
|
257
257
|
font-size: 12px;
|
|
258
258
|
line-height: 18px;
|
|
@@ -263,14 +263,14 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
263
263
|
letter-spacing: 0.24px;
|
|
264
264
|
}
|
|
265
265
|
display: flex;
|
|
266
|
-
`,
|
|
266
|
+
`,Li=Yo.label`
|
|
267
267
|
${e=>B(e)} {
|
|
268
268
|
font-size: 12px;
|
|
269
269
|
line-height: 20px;
|
|
270
270
|
margin-bottom: 5px;
|
|
271
271
|
}
|
|
272
272
|
display: flex;
|
|
273
|
-
|
|
273
|
+
`,$i=Yo.span`
|
|
274
274
|
font-weight: 400;
|
|
275
275
|
font-size: 14px;
|
|
276
276
|
line-height: 22px;
|
|
@@ -283,7 +283,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
283
283
|
align-items: flex-start;
|
|
284
284
|
justify-content: left;
|
|
285
285
|
margin-bottom: 10px;
|
|
286
|
-
`;import Br from"react";var at={theme:{colorPrimary:"#0171F8",colorSecondary:"#2E343D",colorText:"#0F1114",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#2E343D",colorTextDisabled:"#5A6472",colorBorder:"#E5E5E5",colorTextError:"#c00000",colorTextSuccess:"#00D149",borderRadius:10}};function yt({title:e,required:t,appearance:o=at}){return e?Br.createElement(Jo,{className:a("formLabelWrapper",o)},t?Br.createElement(
|
|
286
|
+
`;import Br from"react";var at={theme:{colorPrimary:"#0171F8",colorSecondary:"#2E343D",colorText:"#0F1114",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#2E343D",colorTextDisabled:"#5A6472",colorBorder:"#E5E5E5",colorTextError:"#c00000",colorTextSuccess:"#00D149",borderRadius:10}};function yt({title:e,required:t,appearance:o=at}){return e?Br.createElement(Jo,{className:a("formLabelWrapper",o)},t?Br.createElement($i,{className:a("formLabelRequired",o),appearance:o},"*"):null,Br.createElement(Oi,{className:a("formLabel",o)},e)):null}import Mi from"react";function Qt({title:e,appearance:t}){return e?Mi.createElement(Jo,null,Mi.createElement(Li,{className:a("formSubLabel",t)},e)):null}import{z as Er}from"zod";function Di(e,t){var o,i,n,r,l,p,d;try{if(t){if(t.type=="number"){let s=Er.number();if(t.props)for(let u of t.props)u.requirement=="min"?s=s.min(Number(u.value),(o=u.message)!=null?o:"Value is too small"):u.requirement=="max"?s=s.max(Number(u.value),(i=u.message)!=null?i:"Value is too large"):u.requirement=="positive"?s=s.positive((n=u.message)!=null?n:"Value must be positive"):u.requirement=="negative"&&(s=s.nonpositive((r=u.message)!=null?r:"Value must be negative"));s.parse(Number(e))}if(t.type=="string"){let s=Er.string();if(t.props)for(let u of t.props)u.requirement=="min"?s=s.min(Number(u.value),(l=u.message)!=null?l:"Value is too short"):u.requirement=="max"?s=s.max(Number(u.value),(p=u.message)!=null?p:"Value is too long"):u.requirement=="regex"&&(s=s.regex(new RegExp(String(u.value)),(d=u.message)!=null?d:"Value does not match requirements"));s.parse(e)}return}}catch(s){if(s instanceof Er.ZodError)return s.issues&&s.issues.length>0?s.issues[0].message:null;console.error("Frigade Form validation failed for rule ",t,s)}return null}var Ya=Ir.div`
|
|
287
287
|
display: flex;
|
|
288
288
|
flex-direction: column;
|
|
289
289
|
width: 100%;
|
|
@@ -303,7 +303,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
303
303
|
box-sizing: border-box;
|
|
304
304
|
padding: 0 10px;
|
|
305
305
|
margin-bottom: 10px;
|
|
306
|
-
`,
|
|
306
|
+
`,Ja=Ir.textarea`
|
|
307
307
|
${e=>B(e)} {
|
|
308
308
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
309
309
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -320,13 +320,13 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
320
320
|
box-sizing: border-box;
|
|
321
321
|
margin-bottom: 10px;
|
|
322
322
|
resize: none;
|
|
323
|
-
`;function Or({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:n}){let r=e,[l,p]=Ar((n==null?void 0:n.text)||""),[d,s]=Ar(!1),[u,c]=Ar(!1),g=Nr;
|
|
323
|
+
`;function Or({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:n}){let r=e,[l,p]=Ar((n==null?void 0:n.text)||""),[d,s]=Ar(!1),[u,c]=Ar(!1),g=Nr;Ui(()=>{l===""&&!d&&(s(!0),S(""))},[]),Ui(()=>{if(u){S(l);return}},[u]);function S(h){var k;if(p(h),o({text:h}),r.required===!0&&h.trim()===""){i([{id:r.id,message:`${(k=r.title)!=null?k:"Field"} is required`,hidden:!u}]);return}let x=Di(h,r.validation);if(x&&(h.trim()!==""||r.required===!0)){i([{id:r.id,message:x,hidden:!u}]);return}i([])}r.multiline&&(g=Ja);function F(){var h;switch((h=r==null?void 0:r.validation)==null?void 0:h.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return Xo.createElement(Ya,null,Xo.createElement(yt,{title:r.title,required:r.required,appearance:t.appearance}),Xo.createElement(g,{className:a("inputComponent",t.appearance),value:l,onChange:h=>{S(h.target.value)},appearance:t.appearance,placeholder:r.placeholder,type:F(),onBlur:()=>{c(!0)}}),Xo.createElement(Qt,{title:r.subtitle,appearance:t.appearance}))}import tt,{useEffect as _i,useState as Wi}from"react";import zi from"styled-components";var Lr="",Xa=zi.div`
|
|
324
324
|
display: flex;
|
|
325
325
|
flex-direction: column;
|
|
326
326
|
width: 100%;
|
|
327
327
|
-webkit-appearance: none;
|
|
328
328
|
appearance: none;
|
|
329
|
-
`,
|
|
329
|
+
`,Qa=zi.select`
|
|
330
330
|
${e=>B(e)} {
|
|
331
331
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
332
332
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -347,15 +347,16 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
347
347
|
background-repeat: no-repeat;
|
|
348
348
|
background-size: 1.5em 1.5em;
|
|
349
349
|
-webkit-print-color-adjust: exact;
|
|
350
|
-
`;function
|
|
350
|
+
`;function Hi({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var u,c,g,S,F,h,x,k,b;let r=e,[l,p]=Wi(!1),[d,s]=Wi(!1);return _i(()=>{var v,$,E,f;if(!((v=i==null?void 0:i.choice)!=null&&v[0])&&!l){if(p(!0),r.requireSelection){o({choice:[Lr]});return}if(r.defaultValue&&(($=r.props.options)!=null&&$.find(A=>A.id===r.defaultValue))){let A=(E=r.props.options)==null?void 0:E.find(y=>y.id===r.defaultValue);o({choice:[A.id]})}else o({choice:[((f=r.props.options)==null?void 0:f[0].id)||""]})}},[]),_i(()=>{var v;d&&(r.requireSelection&&((v=i==null?void 0:i.choice)==null?void 0:v[0])===Lr?n([{message:"Please select an option",id:r.id}]):n([]))},[(u=i==null?void 0:i.choice)==null?void 0:u[0],d]),tt.createElement(Xa,null,tt.createElement(yt,{title:r.title,required:!1,appearance:t.appearance}),tt.createElement(Qa,{value:(c=i==null?void 0:i.choice)==null?void 0:c[0],onChange:v=>{s(!0),o({choice:[v.target.value]})},placeholder:r.placeholder,appearance:t.appearance,className:a("multipleChoiceSelect",t.appearance)},r.requireSelection&&tt.createElement("option",{key:"null-value",value:Lr,disabled:!0},(g=r.placeholder)!=null?g:"Select an option"),(S=r.props.options)==null?void 0:S.map(v=>tt.createElement("option",{key:v.id,value:v.id},v.title))),((h=(F=r.props.options)==null?void 0:F.find(v=>{var $;return v.id===(($=i==null?void 0:i.choice)==null?void 0:$[0])}))==null?void 0:h.isOpenEnded)&&tt.createElement(tt.Fragment,null,tt.createElement(yt,{title:(b=(k=(x=r.props.options)==null?void 0:x.find(v=>{var $;return v.id===(($=i==null?void 0:i.choice)==null?void 0:$[0])}))==null?void 0:k.openEndedLabel)!=null?b:"Please specify",required:!1,appearance:t.appearance}),tt.createElement(Nr,{type:"text",placeholder:"Enter your answer here",onChange:v=>{o({choice:[v.target.value]})},appearance:t.appearance})),tt.createElement(Qt,{title:r.subtitle,appearance:t.appearance}))}import vo,{useEffect as $r,useState as ji}from"react";import Gi from"styled-components";import Po from"react";import ko from"react";var Vi=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n;return ko.createElement("circle",{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0})},Za=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:l})=>ko.createElement("svg",{style:l,className:r,width:t,height:t,overflow:"visible"},ko.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},ko.createElement(Vi,{color:n,size:t}),ko.createElement(Vi,{color:e,percentage:Math.max(o,.1),size:t})),i),Zt=Za;import Ra from"styled-components";var ep=({color:e="#FFFFFF"})=>Po.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Po.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),tp={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},op={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},rp={border:"1px solid #000000",color:"#FFFFFF"},ip={border:"1px solid #C5CBD3"},np={color:"#FFFFFF"},sp={border:"1px solid #C5CBD3"},lp=e=>e==="square"?tp:op,ap=(e,t)=>e==="square"?t?rp:ip:t?np:sp,pp=Ra.div`
|
|
351
351
|
${e=>Ee(e)}
|
|
352
|
-
|
|
352
|
+
flex-shrink: 0;
|
|
353
|
+
`,pt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=at,style:r,className:l})=>{let p=lp(t),d=ap(t,e);return e===!0?p=V(w(w({},p),d),{backgroundColor:n.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}):p=w(w({},p),d),e!==!0&&t==="round"&&i!==void 0&&i!==1?Po.createElement(Zt,{fillColor:o,percentage:i,size:22}):Po.createElement(pp,{styleOverrides:p,style:r,role:"checkbox",className:Te(a("checkIconContainer",n),a(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",l)},e&&Po.createElement(ep,{color:"#FFFFFF"}))};var dp=Gi.div`
|
|
353
354
|
display: flex;
|
|
354
355
|
flex-direction: column;
|
|
355
356
|
width: 100%;
|
|
356
357
|
-webkit-appearance: none;
|
|
357
358
|
appearance: none;
|
|
358
|
-
`,
|
|
359
|
+
`,cp=Gi.button`
|
|
359
360
|
${e=>B(e)} {
|
|
360
361
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
361
362
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -377,10 +378,10 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
377
378
|
align-items: center;
|
|
378
379
|
cursor: pointer;
|
|
379
380
|
width: 100%;
|
|
380
|
-
height:
|
|
381
|
-
padding:
|
|
381
|
+
line-height: 18px;
|
|
382
|
+
padding: 18px;
|
|
382
383
|
margin-bottom: 10px;
|
|
383
|
-
`;function
|
|
384
|
+
`;function Ki({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var u;let r=e,[l,p]=ji((i==null?void 0:i.choice)||[]),[d,s]=ji(!1);return $r(()=>{l.length==0&&!d&&(s(!0),o({choice:[]}))},[]),$r(()=>{o({choice:l})},[l]),$r(()=>{r.required&&(l.length<r.props.minChoices||l.length>r.props.maxChoices)?n([{message:"",id:r.id}]):n([])},[l]),vo.createElement(dp,null,vo.createElement(yt,{title:r.title,required:r.required,appearance:t.appearance}),(u=r.props.options)==null?void 0:u.map(c=>vo.createElement(cp,{appearance:t.appearance,className:a(l.includes(c.id)?"multipleChoiceListItemSelected":"multipleChoiceListItem",t.appearance),key:c.id,value:c.id,"data-selected":l.includes(c.id),onClick:()=>{if(l.includes(c.id)){p(l.filter(g=>g!==c.id));return}l.length<r.props.maxChoices?p([...l,c.id]):l.length==1&&r.props.maxChoices==1&&p([c.id])}},c.title,vo.createElement(pt,{type:"round",primaryColor:t.appearance.theme.colorPrimary,value:l.includes(c.id),appearance:t.appearance}))),vo.createElement(Qt,{title:r.subtitle,appearance:t.appearance}))}import Qo from"react";import qi from"styled-components";import mp from"dompurify";function Q(e){return e?{__html:mp.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img","code","li","ul","table","tbody","thead","tr","td","th","h1","h2","h3","h4"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}:{__html:""}}var up=qi.h1`
|
|
384
385
|
${e=>B(e)} {
|
|
385
386
|
font-style: normal;
|
|
386
387
|
font-weight: 700;
|
|
@@ -392,7 +393,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
392
393
|
margin-bottom: 4px;
|
|
393
394
|
color: ${e=>e.appearance.theme.colorText};
|
|
394
395
|
}
|
|
395
|
-
`,
|
|
396
|
+
`,fp=qi.h2`
|
|
396
397
|
${e=>B(e)} {
|
|
397
398
|
font-style: normal;
|
|
398
399
|
font-weight: 400;
|
|
@@ -401,38 +402,38 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
401
402
|
letter-spacing: 0.28px;
|
|
402
403
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
403
404
|
}
|
|
404
|
-
`;function Oe({appearance:e,title:t,subtitle:o,size:i="medium",classPrefix:n="",ariaPrefix:r=""}){return Qo.createElement(Qo.Fragment,null,Qo.createElement(
|
|
405
|
+
`;function Oe({appearance:e,title:t,subtitle:o,size:i="medium",classPrefix:n="",ariaPrefix:r=""}){return Qo.createElement(Qo.Fragment,null,Qo.createElement(up,{appearance:e,id:r?`frigade${r}Title`:"frigadeTitle",className:a(`${n}${n?Fo(i):i}Title`,e),dangerouslySetInnerHTML:Q(t),size:i}),o&&Qo.createElement(fp,{id:r?`frigade${r}Subtitle`:"frigadeSubtitle",appearance:e,className:a(`${n}${n?Fo(i):i}Subtitle`,e),dangerouslySetInnerHTML:Q(o),size:i}))}import*as Mr from"react";var Yi=e=>Mr.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,"aria-hidden":"true",viewBox:"0 0 16 16"},e),Mr.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"m10.115 1.308 5.635 11.269A2.365 2.365 0 0 1 13.634 16H2.365A2.365 2.365 0 0 1 .25 12.577L5.884 1.308a2.365 2.365 0 0 1 4.231 0zM8 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM8 9c.552 0 1-.32 1-.714V4.714C9 4.32 8.552 4 8 4s-1 .32-1 .714v3.572C7 8.68 7.448 9 8 9z"}));var hp=Zo.div`
|
|
405
406
|
display: flex;
|
|
406
407
|
flex-direction: column;
|
|
407
408
|
justify-content: flex-end;
|
|
408
409
|
overflow: visible;
|
|
409
410
|
padding-top: 14px;
|
|
410
|
-
`,
|
|
411
|
+
`,xp=Zo.div`
|
|
411
412
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextError}};
|
|
412
413
|
font-size: 12px;
|
|
413
414
|
margin-bottom: 12px;
|
|
414
415
|
display: flex;
|
|
415
416
|
align-items: center;
|
|
416
|
-
`,
|
|
417
|
+
`,Cp=Zo.div`
|
|
417
418
|
margin-right: 4px;
|
|
418
419
|
display: inline-flex;
|
|
419
|
-
`,
|
|
420
|
+
`,yp=Zo.div`
|
|
420
421
|
padding-left: 1px;
|
|
421
422
|
padding-right: 1px;
|
|
422
|
-
`,
|
|
423
|
+
`,Sp={text:Or,multipleChoice:Hi,multipleChoiceList:Ki},Ur="frigade-multiInputStepTypeData";function Xi({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r,customFormElements:l,prefillData:p}){var E;let d=t.props,[s,u]=Dr([]),[c,g]=Dr([]),{userId:S}=wo(),[F,h]=Dr(v()||(p?p[t.id]:null)||{}),{readonly:x}=gp(re),k=w(w({},Sp),l);Ji(()=>{i(s.length===0)},[s,i]),Ji(()=>{n(F)},[F]);function b(f,A){h(y=>{let T=V(w({},y),{[f.id]:A});return typeof window!="undefined"&&window.localStorage&&!x&&window.localStorage.setItem($(),JSON.stringify(T)),T})}function v(){if(typeof window!="undefined"&&window.localStorage){let f=window.localStorage.getItem($());if(f)return JSON.parse(f)}return null}function $(){return`${Ur}-${e}-${t.id}-${S}`}return Mt.createElement(yp,{className:a("multiInput",r)},Mt.createElement(Oe,{appearance:r,title:t.title,subtitle:t.subtitle}),Mt.createElement(hp,{className:a("multiInputContainer",r)},(E=d==null?void 0:d.data)==null?void 0:E.map(f=>{let A=s.reverse().find(y=>y.id===f.id);return k[f.type]?Mt.createElement("span",{key:f.id,"data-field-id":f.id,className:a("multiInputField",r)},k[f.type]({formInput:f,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r},onSaveInputData:y=>{!c.includes(f.id)&&y&&(y==null?void 0:y.text)!==""&&g(T=>[...T,f.id]),b(f,y)},inputData:F[f.id],setFormValidationErrors:y=>{y.length===0&&s.length===0||u(T=>y.length===0?T.filter(I=>I.id!==f.id):[...T,...y])}}),A&&A.message&&c.includes(f.id)&&A.hidden!==!0&&Mt.createElement(xp,{key:f.id,style:{overflow:"hidden"},appearance:r,className:a("multiInputValidationError",r)},Mt.createElement(Cp,{appearance:r,className:a("multiInputValidationErrorIcon",r)},Mt.createElement(Yi,null)),A.message)):null})))}import Rt from"styled-components";var Qi=Rt.div`
|
|
423
424
|
align-items: center;
|
|
424
425
|
display: flex;
|
|
425
426
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
426
427
|
padding-top: 14px;
|
|
427
|
-
`,
|
|
428
|
+
`,Zi=Rt.div`
|
|
428
429
|
color: ${e=>e.appearance.theme.colorTextError};
|
|
429
430
|
font-size: 12px;
|
|
430
|
-
`,
|
|
431
|
+
`,Ri=Rt.div`
|
|
431
432
|
display: flex;
|
|
432
433
|
gap: 12px;
|
|
433
434
|
width: 100%;
|
|
434
435
|
justify-content: flex-end;
|
|
435
|
-
`,
|
|
436
|
+
`,en=Rt.div`
|
|
436
437
|
display: flex;
|
|
437
438
|
// If type is set to large-modal, use padding 60px horizontal, 80px vertical
|
|
438
439
|
// Otherwise, use 4px padding
|
|
@@ -440,11 +441,11 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
440
441
|
flex-grow: 1;
|
|
441
442
|
flex-basis: 0;
|
|
442
443
|
position: relative;
|
|
443
|
-
`,
|
|
444
|
+
`,tn=Rt.div`
|
|
444
445
|
padding: ${e=>e.type==="large-modal"?"50px":"0px"};
|
|
445
446
|
position: relative;
|
|
446
447
|
overflow-y: auto;
|
|
447
|
-
`,
|
|
448
|
+
`,on=Rt.div`
|
|
448
449
|
display: flex;
|
|
449
450
|
align-self: stretch;
|
|
450
451
|
flex-grow: 1;
|
|
@@ -456,7 +457,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
456
457
|
background-position: center;
|
|
457
458
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
458
459
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
459
|
-
`;import St from"react";import
|
|
460
|
+
`;import St from"react";import _r from"react";import sn from"styled-components";import bp from"styled-components";var rn=bp.div`
|
|
460
461
|
width: 24px;
|
|
461
462
|
height: 24px;
|
|
462
463
|
border: 3px solid rgba(255, 255, 255, 0.25);
|
|
@@ -474,7 +475,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
474
475
|
transform: rotate(360deg);
|
|
475
476
|
}
|
|
476
477
|
}
|
|
477
|
-
`;var
|
|
478
|
+
`;var nn=sn.button`
|
|
478
479
|
justify-content: center;
|
|
479
480
|
align-content: center;
|
|
480
481
|
align-items: center;
|
|
@@ -507,7 +508,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
507
508
|
opacity: ${e=>e.loading=="true"?"1.0":"0.3"};
|
|
508
509
|
cursor: not-allowed;
|
|
509
510
|
}
|
|
510
|
-
`,Ro=
|
|
511
|
+
`,Ro=sn.div`
|
|
511
512
|
${e=>B(e)} {
|
|
512
513
|
display: flex;
|
|
513
514
|
flex-direction: row;
|
|
@@ -518,10 +519,10 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
518
519
|
margin-right: 8px;
|
|
519
520
|
}
|
|
520
521
|
}
|
|
521
|
-
`,le=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:l=!1,appearance:p,withMargin:d=!0,classPrefix:s="",loading:u=!1,autoFocus:c=!1})=>{var
|
|
522
|
+
`,le=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:l=!1,appearance:p,withMargin:d=!0,classPrefix:s="",loading:u=!1,autoFocus:c=!1})=>{var F;function g(){let h=l?"buttonSecondary":"button";return s===""?h:`${s}${Fo(h)}`}let S={tabindex:l?"0":"1",secondary:l,appearance:p,disabled:i||u,loading:(F=u==null?void 0:u.toString())!=null?F:"",onClick:e,styleOverrides:o,type:n,withMargin:d,size:r,className:a(g(),p),autoFocus:c};return u?_r.createElement(nn,w({},S),_r.createElement(rn,{className:a("buttonLoader",p)})):_r.createElement(nn,V(w({},S),{dangerouslySetInnerHTML:Q(t!=null?t:"Continue")}))};var ln=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:n,selectedStep:r,steps:l,onBack:p,allowBackNavigation:d,errorMessage:s,isSaving:u})=>{var S;let c=l.length>1&&r!=0&&d,g=e.primaryButtonTitle&&e.secondaryButtonTitle||c?"inline":"full-width";return St.createElement(St.Fragment,null,s!==null&&s!=null&&St.createElement(Zi,{appearance:o,className:a("formCTAError",o)},s),St.createElement(Qi,{showBackButton:c,className:a("formCTAContainer",o)},c&&St.createElement(le,{title:(S=e.backButtonTitle)!=null?S:"Back",onClick:p,secondary:!0,withMargin:!1,type:g,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),St.createElement(Ri,{className:a("ctaWrapper",o)},e.secondaryButtonTitle?St.createElement(le,{title:e.secondaryButtonTitle,onClick:n,secondary:!0,withMargin:!1,type:g,appearance:o,disabled:u}):null," ",e.primaryButtonTitle?St.createElement(le,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:g,appearance:o,loading:u}):null)))};import Wr from"react";import wp from"styled-components";var Tp=wp.div`
|
|
522
523
|
text-align: center;
|
|
523
524
|
color: #e6e6e6;
|
|
524
|
-
`,er=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:n}=ce().mergeAppearanceWithDefault(i);return
|
|
525
|
+
`,er=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:n}=ce().mergeAppearanceWithDefault(i);return Wr.createElement(Tp,{className:o},Wr.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((r,l)=>Wr.createElement("rect",{key:l,x:16*l,y:0,width:8,height:8,rx:4,fill:t===l?n.colorPrimary:"currentColor"}))))};import Dt from"react";import eo from"styled-components";import{useContext as Fp}from"react";function fe(){let e=Fp(re);function t(n){i(n.primaryButtonUri,n.primaryButtonUriTarget)}function o(n){i(n.secondaryButtonUri,n.secondaryButtonUriTarget)}function i(n,r){if(!n)return;let l=n.startsWith("http")?"_blank":"_self";r&&r!=="_blank"&&(l="_self"),e.navigate(n,l)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var kp=eo.div`
|
|
525
526
|
display: flex;
|
|
526
527
|
flex-wrap: wrap;
|
|
527
528
|
align-content: center;
|
|
@@ -569,7 +570,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
569
570
|
margin-top: 12px;
|
|
570
571
|
margin-bottom: 16px;
|
|
571
572
|
max-width: 70%;
|
|
572
|
-
`;function
|
|
573
|
+
`;function an({stepData:e,appearance:t}){var i,n;let{handleUrl:o}=fe();return Dt.createElement("div",null,Dt.createElement(Ep,{dangerouslySetInnerHTML:Q(e.title)}),Dt.createElement(Ap,{dangerouslySetInnerHTML:Q(e.subtitle)}),Dt.createElement(kp,null,(n=(i=e.props)==null?void 0:i.links)==null?void 0:n.map(r=>Dt.createElement(Pp,{key:r.title},Dt.createElement(vp,{src:r.imageUri}),Dt.createElement(Bp,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{var l;r.uri&&o(r.uri,(l=r.uriTarget)!=null?l:"_blank")}},r.title)))))}import oo,{useEffect as _p}from"react";import or from"styled-components";import zr from"react";var tr=({style:e,className:t})=>zr.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},zr.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),zr.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"}));import Ut,{useRef as Ip,useState as Np}from"react";import to from"styled-components";var Op=to.div`
|
|
573
574
|
display: flex;
|
|
574
575
|
align-items: center;
|
|
575
576
|
justify-content: flex-start;
|
|
@@ -639,23 +640,23 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
639
640
|
max-height: 250px;
|
|
640
641
|
margin-bottom: 24px;
|
|
641
642
|
}
|
|
642
|
-
`;function
|
|
643
|
+
`;function pn({stepData:e,appearance:t,setCanContinue:o}){return _p(()=>{o(!0)},[]),oo.createElement(Wp,{className:a("callToActionContainer",t)},oo.createElement(Hp,{className:a("callToActionTextContainer",t)},oo.createElement(Oe,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&oo.createElement(zp,{className:a("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&oo.createElement(Vp,{appearance:t,className:a("callToActionVideo",t)},oo.createElement(ot,{appearance:t,videoUri:e.videoUri})))}import dt,{useEffect as Hr,useState as Vr}from"react";import bt from"styled-components";var dn=bt.div`
|
|
643
644
|
width: auto;
|
|
644
645
|
display: flex;
|
|
645
646
|
flex-direction: column;
|
|
646
647
|
justify-content: center;
|
|
647
648
|
align-items: center;
|
|
648
649
|
padding: 4px;
|
|
649
|
-
`,
|
|
650
|
+
`,cn=bt.div`
|
|
650
651
|
width: 100%;
|
|
651
652
|
text-align: left;
|
|
652
|
-
`,
|
|
653
|
+
`,mn=bt.h1`
|
|
653
654
|
font-style: normal;
|
|
654
655
|
font-weight: 700;
|
|
655
656
|
font-size: 32px;
|
|
656
657
|
line-height: 38px;
|
|
657
658
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
658
|
-
`,
|
|
659
|
+
`,un=bt.h1`
|
|
659
660
|
font-style: normal;
|
|
660
661
|
font-weight: 400;
|
|
661
662
|
font-size: 16px;
|
|
@@ -663,7 +664,7 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
663
664
|
margin-top: 16px;
|
|
664
665
|
margin-bottom: 16px;
|
|
665
666
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
666
|
-
`,
|
|
667
|
+
`,fn=bt.div`
|
|
667
668
|
padding-top: 12px;
|
|
668
669
|
padding-bottom: 12px;
|
|
669
670
|
flex-direction: row;
|
|
@@ -674,17 +675,17 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
674
675
|
cursor: pointer;
|
|
675
676
|
border-bottom: ${e=>e.hideBottomBorder?"none":"1px solid #D8D8D8"};
|
|
676
677
|
width: 100%;
|
|
677
|
-
`,
|
|
678
|
+
`,gn=bt.div`
|
|
678
679
|
padding-top: 10px;
|
|
679
680
|
padding-bottom: 10px;
|
|
680
681
|
flex-direction: row;
|
|
681
682
|
display: flex;
|
|
682
683
|
justify-content: flex-start;
|
|
683
|
-
`,
|
|
684
|
+
`,hn=bt.img`
|
|
684
685
|
width: 42px;
|
|
685
686
|
height: 42px;
|
|
686
687
|
margin-right: 12px;
|
|
687
|
-
`,
|
|
688
|
+
`,xn=bt.p`
|
|
688
689
|
font-style: normal;
|
|
689
690
|
font-weight: 500;
|
|
690
691
|
font-size: 17px;
|
|
@@ -692,8 +693,8 @@ var na=Object.defineProperty,sa=Object.defineProperties;var la=Object.getOwnProp
|
|
|
692
693
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
693
694
|
display: flex;
|
|
694
695
|
align-self: center;
|
|
695
|
-
`;var
|
|
696
|
-
${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map(([i,n])=>typeof n=="object"?`${i} { ${Object.entries(n).map(([l,p])=>`${Ho(l)}: ${p};`).join(" ")} }`:`${Ho(i)}: ${n};`).join(" ")} }`).join(" ")}`;function ae({appearance:e}){if(!e||!e.styleOverrides)return Bo.createElement(Bo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,i])=>typeof i=="object");return t.length===0?Bo.createElement(Bo.Fragment,null):Bo.createElement(Kp,{inlineStyles:t})}import{useEffect as qp,useState as Yp}from"react";function Ke(e,t=!0){let[o,i]=Yp(!1),{markStepStarted:n,isLoading:r,getFlowStatus:l,getFlowSteps:p,getCurrentStepIndex:d,targetingLogicShouldHideFlow:s,getFlow:u}=ne(),c=p(e);function g(){return L(this,null,function*(){!o&&!r&&l(e)===De&&s(u(e))===!1&&t&&c&&c.length>0&&(i(!0),yield n(e,c[d(e)].id))})}return qp(()=>{g()},[r,e,t]),{}}var Sn=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:l,onComplete:p,appearance:d,hideOnFlowCompletion:s=!0,onStepCompletion:u,onButtonClick:c,dismissible:g=!0,endFlowOnDismiss:S=!1,modalPosition:F="center",repeatable:h=!1,onDismiss:x,showPagination:k=!1,allowBackNavigation:b=!1,validationHandler:v,showFrigadeBranding:$=!1,onFormDataChange:E,showFooter:f=!0,prefillData:A={},updateUrlOnPageChange:y=!1})=>{let{getFlow:T,getFlowSteps:I,isLoading:N,targetingLogicShouldHideFlow:D,getFlowStatus:z,getCurrentStepIndex:j,markFlowCompleted:_,markFlowNotStarted:G,markStepStarted:K}=ne(),O=j(e),{mergeAppearanceWithDefault:ee}=ce(),[q,se]=Jp(null),{setOpenFlowState:Se,getOpenFlowState:ke,hasOpenModals:Z}=Ie();Ke(e,i);let U=I(e);d=ee(d);let[ie,Pe]=i!==void 0&&n!==void 0?[i,n]:[ke(e,!0),H=>Se(e,H)],je=typeof window!="undefined"?window.location.hash:null;if(yn(()=>{var H;if(U&&U.length>0&&b){let J=typeof window!="undefined"&&((H=window==null?void 0:window.location)!=null&&H.hash)?window.location.hash.replace("#",""):"";if(U&&(U==null?void 0:U.length)>0){let te=-1;if(J){let M=J;te=U.findIndex(Q=>Q.id===M),q===J&&(te=-1)}te!==-1&&(se(J),K(e,U[te].id))}}},[je]),yn(()=>{!N&&U&&U.length&&typeof window!="undefined"&&b&&(se(U[O].id),window.location.hash=U[O].id)},[N,O,U]),N)return null;let ve=T(e);if(!ve||D(ve)||!U||i!==void 0&&i===!1||z(e)===de&&s&&!h||(o=="modal"||o=="corner-modal")&&Z(e))return null;let pe=()=>{Pe(!1),x&&x(),S===!0&&_(e)};if(F=="center"&&o==="modal"||o==="large-modal"){let H={padding:"24px"};return o==="large-modal"?(H.width="85%",H.height="90%",H.maxHeight="800px",H.minHeight="500px",H.padding="0"):H.width="400px",rt.createElement(et,{appearance:d,onClose:pe,visible:ie,style:H,dismissible:g,showFrigadeBranding:$},rt.createElement(ae,{appearance:d}),rt.createElement(ir,{appearance:d,steps:U,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:Pe,onDismiss:x,showPagination:k,customFormElements:l,allowBackNavigation:b,validationHandler:v,onFormDataChange:E,showFooter:f,prefillData:A,updateUrlOnPageChange:y,repeatable:h}))}return o==="modal"&&F!=="center"?rt.createElement(qo,{appearance:d,onClose:pe,visible:ie,modalPosition:F},rt.createElement(ae,{appearance:d}),rt.createElement(ir,{appearance:d,steps:U,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:Pe,onDismiss:x,showPagination:k,customFormElements:l,allowBackNavigation:b,validationHandler:v,onFormDataChange:E,showFooter:f,prefillData:A,updateUrlOnPageChange:y,repeatable:h})):rt.createElement(rt.Fragment,null,rt.createElement(ae,{appearance:d}),rt.createElement(ir,{appearance:d,steps:U,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:Pe,onDismiss:x,showPagination:k,customFormElements:l,allowBackNavigation:b,validationHandler:v,onFormDataChange:E,showFooter:f,prefillData:A,updateUrlOnPageChange:y,repeatable:h}))},bn=Sn;import{useCallback as Vr,useContext as Xp,useEffect as Qp}from"react";function jr(){let{organizationId:e,userId:t,setOrganizationId:o}=Xp(re),{mutateUserFlowState:i}=_e(),{config:n,apiUrl:r}=Re(),l=qt(),{verifySDKInitiated:p}=Yt();function d(g,S){return`frigade-user-group-registered-${g}-${S}`}Qp(()=>{if(t&&e){if(t.startsWith(Xt))return;let g=d(t,e);localStorage.getItem(g)||(l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})})),localStorage.setItem(g,"true"))}},[t,e]);let s=Vr(g=>L(this,null,function*(){if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let S={foreignUserId:t,foreignUserGroupId:e,properties:g};yield l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify(S)})),i()}),[e,t,n,i]),u=Vr((g,S)=>L(this,null,function*(){if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let h={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:S}]};yield l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify(h)})),i()}),[e,t,n,i]),c=Vr((g,S)=>L(this,null,function*(){if(p())if(S){let F=d(t,g);localStorage.setItem(F,"true"),o(g);let h={foreignUserId:t,foreignUserGroupId:g,properties:S};yield l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify(h)})),i()}else o(g)}),[t,n,i]);return{organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:s,trackEventForOrganization:u}}var $t="frigade-xFrigade_guestUserId",Ao="frigade-xFrigade_userId",wn=({})=>{let{setFlowResponses:e}=bo(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=_e(),{userId:n,setUserId:r}=wo(),[l,p]=Eo(n),{getFlowStatus:d}=ne(),{flows:s,userProperties:u,setIsNewGuestUser:c,flowResponses:g}=Zp(re),[S,F]=Eo([]),[h,x]=Eo([]),{organizationId:k}=jr(),[b,v]=Eo(k),[$,E]=Eo(!1);ro(()=>{if(!o&&t)for(let T=0;T<t.length;T++){let I=t[T],N=s.find(D=>D.slug===(I==null?void 0:I.flowId));if(N&&I&&I.shouldTrigger===!0&&N.type=="FORM"&&N.triggerType==="AUTOMATIC"&&!h.includes(N.slug)){setTimeout(()=>{f(I.flowId)},500);break}}},[o,t]),ro(()=>{g.length>0&&i()},[g]),ro(()=>{$||(E(!0),i())},[o,E]);function f(T){let I=s.find(N=>N.slug===T);I&&I.triggerType==="AUTOMATIC"&&!h.includes(I.slug)&&(x([...h,I.slug]),F([I]))}function A(){if(!n){let T=localStorage.getItem(Ao);if(T){r(T);return}let I=localStorage.getItem($t);if(I){r(I);return}c(!0);let N=Xt+Rp();try{localStorage.setItem($t,N)}catch(D){console.log("Failed to save guest user id locally: Local storage unavailable",D)}r(D=>D||N)}}ro(()=>{try{if(s){let T=[];s.forEach(I=>{if(I.data){let N=I.data.match(/"imageUri":"(.*?)"/g);N&&N.forEach(D=>{let z=D.replace('"imageUri":"',"").replace('"',"");if(T.includes(z))return;let j=new Image;j.src=z,T.push(z)})}})}}catch(T){}},[s]),ro(()=>{if(n!==l&&(e([]),i()),p(n),n&&!n.startsWith(Xt))try{localStorage.setItem(Ao,n)}catch(T){console.log("Failed to save user id locally: Local storage available",T)}n===null&&setTimeout(()=>{n===null&&A()},50)},[n,s,u]),ro(()=>{k!=b&&(v(k),e([]),i())},[k,b,v]);function y(){return _t.createElement(_t.Fragment,null,S.map(T=>d(T.slug)!==De?null:_t.createElement("span",{key:T.slug},_t.createElement(bn,{flowId:T.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return _t.createElement(_t.Fragment,null,_t.createElement(y,null))};var Tn={colorPrimary:"colors.primary.background",colorText:"colors.neutral.foreground",colorBackground:"colors.neutral.background",colorBackgroundSecondary:"colors.secondary.background",colorTextOnPrimaryBackground:"colors.primary.foreground",colorTextSecondary:"colors.secondary.foreground",colorTextDisabled:"colors.gray700",colorBorder:"colors.gray800",colorTextError:"colors.negative.foreground",borderRadius:"radii.lg"};function ed(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Tn[o]){let n=Tn[o].split("."),r=t;n.forEach((l,p)=>{r[l]||(r[l]=p===n.length-1?i:{}),r=r[l]})}}),t}function td(e){if(!e)return;let t=ue({},e),o={};return Object.keys(t).forEach(i=>{let n=`.fr-${i}`;o[n]=t[i]}),o}function Fn(e){let{theme:t,styleOverrides:o}=e,i=ed(t),n=td(o);return{overrides:i,css:n}}import gd from"styled-components";import{compose as hd,variant as Pn}from"styled-system";import kn from"react";import od,{ThemeProvider as rd,useTheme as id}from"styled-components";import{border as nd,color as sd,compose as ld,get as ad,shadow as pd,space as dd,system as cd,typography as md}from"styled-system";var ud={width:{property:"width",scale:"sizes",transform:(e,t)=>ad(t,e,!(typeof e=="number"&&!isNaN(e))||e>1?e:e*100+"%")},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},fd=od("div")(({css:e})=>e,ld(nd,sd,pd,dd,md,cd(ud))),Io=n=>{var r=n,{as:e,children:t,overrides:o}=r,i=$e(r,["as","children","overrides"]);let l=id(),p={border:"none",boxSizing:"border-box",m:0,p:0},d=()=>kn.createElement(fd,w(w({as:e},p),i),t);if(o!==void 0){let s=ue(l,o);return kn.createElement(rd,{theme:s},d())}return d()};var No={Primary:{backgroundColor:"primary.background",color:"primary.foreground","&:hover":{backgroundColor:"blue400"}},Secondary:{backgroundColor:"white",border:"1px solid",borderColor:"gray800",color:"neutral.foreground","&:hover":{backgroundColor:"blue900"}},Link:{backgroundColor:"transparent",color:"primary.inverted"},Plain:{backgroundColor:"transparent",color:"neutral.foreground"}},xd={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},vn=gd(Io)(()=>({whiteSpace:"nowrap"}),hd(Pn({scale:"components.Button",variants:"components.Button"}),Pn({prop:"size",variants:xd})));import Cd from"styled-components";import{variant as yd,system as Sd}from"styled-system";var nr={Display1:{fontSize:"5xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"4xl"},Display2:{fontSize:"4xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"3xl"},H1:{fontSize:"3xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"2xl"},H2:{fontSize:"2xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"xl"},H3:{fontSize:"xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"lg"},H4:{fontSize:"lg",fontWeight:"bold",letterSpacing:"md",lineHeight:"md"},Body1:{fontSize:"md",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Body2:{fontSize:"sm",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Caption:{fontSize:"xs",fontWeight:"regular",letterSpacing:"md",lineHeight:"sm"}};var Bn=Cd(Io)(yd({scale:"components.Text",variants:"components.Text"}),Sd({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var En=4,An="px",bd=20,wd=Object.fromEntries(Array.from(Array(bd+1),(e,t)=>t===0?[.5,`${.5*En}${An}`]:[t,`${t*En}${An}`])),io={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",red500:"#c00000"},sr={colors:V(w({},io),{neutral:{foreground:io.gray300},primary:{background:io.blue500,foreground:io.white,inverted:io.blue500},negative:{foreground:io.red500}}),fonts:{default:"TT Interphases Pro, sans-serif"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px"},fontWeights:{regular:400,semibold:500,bold:700},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"},radii:{md:"8px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.06)"},space:wd,components:{Button:No,Text:nr}};var Nn="https://api.frigade.com",re=Td({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:at,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:Nn,readonly:!1,debug:!1});function Fd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var kd=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var ee,q,se,Se,ke,Z;let r=typeof window!="undefined"?localStorage.getItem($t):null,[l,p]=qe(t||r),[d,s]=qe(o||null),[u,c]=qe([]),[g,S]=qe([]),[F,h]=qe([]),[x,k]=qe({}),[b,v]=qe({}),[$,E]=qe([]),[f,A]=qe({}),[y,T]=qe(!1),[I,N]=qe(!1),[D,z]=qe(!G(e)),j=(U,ie)=>{if(ie==="_blank"){window.open(U,"_blank");return}setTimeout(()=>{window.location.href=U},50)},_={theme:w(w({},at.theme),(q=(ee=i==null?void 0:i.defaultAppearance)==null?void 0:ee.theme)!=null?q:{}),styleOverrides:w(w({},at.styleOverrides),(Se=(se=i==null?void 0:i.defaultAppearance)==null?void 0:se.styleOverrides)!=null?Se:{})};function G(U){return!!(U&&U.length>10&&U.substring(0,10)==="api_public")}lr(()=>{t&&p(t)},[t]),lr(()=>{l&&typeof window!="undefined"&&window.localStorage&&window.localStorage.getItem(Ao)&&window.localStorage.getItem(Ao)!==l&&Fd()},[l]),lr(()=>{o&&s(o)},[o]),lr(()=>{if(G(e))z(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),z(!0);return}},[e,z]);let K={publicApiKey:e,userId:l,setUserId:p,setFlows:c,flows:u,failedFlowResponses:g,setFailedFlowResponses:S,flowResponses:F,setFlowResponses:h,userProperties:x,setUserProperties:k,openFlowStates:b,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:$,setCompletedFlowsToKeepOpenDuringSession:E,customVariables:f,setCustomVariables:A,isNewGuestUser:y,setIsNewGuestUser:T,hasActiveFullPageFlow:I,setHasActiveFullPageFlow:N,organizationId:d,setOrganizationId:s,navigate:i&&i.navigate?i.navigate:j,defaultAppearance:_,shouldGracefullyDegrade:D,setShouldGracefullyDegrade:z,apiUrl:i&&i.apiUrl?i.apiUrl:Nn,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1,flowDataOverrides:i&&i.__internal__?i.__internal__:void 0},{overrides:O}=Fn(_);return D?Oo.createElement(re.Provider,{value:K},Oo.createElement(In,{theme:ue(_.theme,sr,O!=null?O:{},(ke=i==null?void 0:i.theme)!=null?ke:{})},n)):Oo.createElement(re.Provider,{value:K},Oo.createElement(In,{theme:ue(_.theme,sr,O!=null?O:{},(Z=i==null?void 0:i.theme)!=null?Z:{})},n,Oo.createElement(wn,null)))};import xc from"react";import Ce,{useEffect as Rr,useState as nl}from"react";import Xe,{useState as Vd}from"react";import wt from"styled-components";import dr from"react";import Wt from"react";import Ln from"styled-components";var On=Ln.span`
|
|
696
|
+
`;var Cn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,l]=Vr([]),[p,d]=Vr(!1),[s,u]=Vr(e.id);return Hr(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Hr(()=>{s!==e.id&&(u(e.id),l([]))},[e]),Hr(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),dt.createElement(dn,{className:a("selectListContainer",i)},dt.createElement(cn,null,dt.createElement(mn,{className:a("selectListTitle",i)},e.title),dt.createElement(un,{appearance:i,className:a("selectListSubtitle",i)},e.subtitle)),n.options.map((c,g)=>{let S=r.includes(c.id);return dt.createElement(fn,{key:`select-item-${g}`,onClick:()=>{if(r.includes(c.id)){l(r.filter(F=>F!==c.id));return}r.length<n.maxChoices?l([...r,c.id]):r.length==1&&n.maxChoices==1&&l([c.id])},hideBottomBorder:g===n.options.length-1,className:a("selectListSelectItem",i)},dt.createElement(gn,{className:a("selectListItemImage",i)},c.imageUri&&dt.createElement(hn,{src:c.imageUri,alt:`select-icon-${g}`}),dt.createElement(xn,{appearance:i,className:a("selectListSelectItemText",i)},c.title)),dt.createElement(pt,{appearance:i,value:S,primaryColor:i.theme.colorPrimary}))}))};import We,{useEffect as yn,useState as rr}from"react";var jp=({children:e,id:t,shouldWrap:o=!1})=>We.createElement(We.Fragment,null,o?We.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),ir=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:l,flowId:p,type:d,hideOnFlowCompletion:s,onComplete:u,setVisible:c,setShowModal:g,onDismiss:S,showPagination:F=!1,customFormElements:h,allowBackNavigation:x,validationHandler:k,onFormDataChange:b,showFooter:v,prefillData:$,updateUrlOnPageChange:E,repeatable:f})=>{var pe;let y=w(w({},{linkCollection:an,multiInput:Xi,callToAction:pn,selectList:Cn}),i),{primaryCTAClickSideEffects:T,secondaryCTAClickSideEffects:I}=fe(),[N,D]=rr(!1),[z,j]=rr({}),[_,G]=rr(!1),[K,O]=rr(null),ee=(pe=t[o])!=null?pe:null,{markStepCompleted:q,markStepStarted:se,isLoading:Se,updateCustomVariables:ke,markFlowCompleted:R}=ne();yn(()=>{ke(n)},[n,Se]),yn(()=>{b&&b(z,U(),t[o],o)},[z]);function U(){var J;return{data:(J=z[t[o].id])!=null?J:{},stepId:t[o].id,customVariables:n}}function ie(H,J,te){let M=o+1<t.length?t[o+1]:null;return l&&l(H,te,M,z,U()),r?r(H,o,J,M):!0}function Pe(H,J){j(te=>{let M={};return M[H.id]=J,w(w({},te),M)})}function je(H){return H.selectedStep.imageUri?We.createElement(on,{image:H.selectedStep.imageUri,appearance:e,className:a("formContainerSidebarImage",e)}):null}let ve=v&&We.createElement(ln,{step:t[o],canContinue:N&&!_,formType:d,selectedStep:o,appearance:e,onPrimaryClick:()=>L(void 0,null,function*(){if(G(!0),k){let te=yield k(t[o],o,t[o+1],z,U());if(te!==!0){O(typeof te=="string"?te:null),G(!1);return}else O(null)}let H=w({},U());yield q(p,t[o].id,H),o+1<t.length&&!x&&(yield se(p,t[o+1].id));let J=ie(t[o],"primary",o);if(o+1>=t.length&&(u&&u(),S&&S(),s&&J&&(c&&c(!1),g(!1)),yield R(p),f&&(yield se(p,t[0].id),typeof window!="undefined"&&window.localStorage&&Object.keys(window.localStorage).forEach(M=>{M.startsWith(Ur)&&window.localStorage.removeItem(M)}))),T(t[o]),G(!1),typeof window!="undefined"&&!x&&E&&o+1<t.length){let te=new URL(window.location.href);te.searchParams.set("p",t[o+1].id),window.history.pushState({},"",te.toString())}}),onSecondaryClick:()=>{ie(t[o],"secondary",o),I(t[o])},onBack:()=>L(void 0,null,function*(){o-1>=0&&(G(!0),yield se(p,t[o-1].id),G(!1))}),steps:t,allowBackNavigation:x,errorMessage:K,isSaving:_});return We.createElement(We.Fragment,null,We.createElement(en,{className:a("formContainer",e)},We.createElement(jp,{id:o,shouldWrap:d==="large-modal"},We.createElement(tn,{key:ee.id,type:d,className:a("formContent",e)},t.map(H=>{var te;let J=y[(te=H.type)!=null?te:"multiInput"];return ee.id!==H.id?null:typeof J!="function"?J:We.createElement(J,{key:H.id,stepData:H,canContinue:N,setCanContinue:D,onSaveData:M=>{Pe(H,M)},appearance:e,customFormElements:h,flowId:p,prefillData:$})}),F&&We.createElement(er,{className:a("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),ve)),d=="large-modal"&&We.createElement(je,{selectedStep:t[o]})))};import Bo from"react";import{createGlobalStyle as Gp}from"styled-components";var Kp=Gp`
|
|
697
|
+
${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map(([i,n])=>typeof n=="object"?`${i} { ${Object.entries(n).map(([l,p])=>`${Ho(l)}: ${p};`).join(" ")} }`:`${Ho(i)}: ${n};`).join(" ")} }`).join(" ")}`;function ae({appearance:e}){if(!e||!e.styleOverrides)return Bo.createElement(Bo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,i])=>typeof i=="object");return t.length===0?Bo.createElement(Bo.Fragment,null):Bo.createElement(Kp,{inlineStyles:t})}import{useEffect as qp,useState as Yp}from"react";function Ke(e,t=!0){let[o,i]=Yp(!1),{markStepStarted:n,isLoading:r,getFlowStatus:l,getFlowSteps:p,getCurrentStepIndex:d,targetingLogicShouldHideFlow:s,getFlow:u}=ne(),c=p(e);function g(){return L(this,null,function*(){!o&&!r&&l(e)===De&&s(u(e))===!1&&t&&c&&c.length>0&&(i(!0),yield n(e,c[d(e)].id))})}return qp(()=>{g()},[r,e,t]),{}}var bn=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:l,onComplete:p,appearance:d,hideOnFlowCompletion:s=!0,onStepCompletion:u,onButtonClick:c,dismissible:g=!0,endFlowOnDismiss:S=!1,modalPosition:F="center",repeatable:h=!1,onDismiss:x,showPagination:k=!1,allowBackNavigation:b=!1,validationHandler:v,showFrigadeBranding:$=!1,onFormDataChange:E,showFooter:f=!0,prefillData:A={},updateUrlOnPageChange:y=!1})=>{let{getFlow:T,getFlowSteps:I,isLoading:N,targetingLogicShouldHideFlow:D,getFlowStatus:z,getCurrentStepIndex:j,markFlowCompleted:_,markFlowNotStarted:G,markStepStarted:K}=ne(),O=j(e),{mergeAppearanceWithDefault:ee}=ce(),[q,se]=Jp(null),{setOpenFlowState:Se,getOpenFlowState:ke,hasOpenModals:R}=Ie();Ke(e,i);let U=I(e);d=ee(d);let[ie,Pe]=i!==void 0&&n!==void 0?[i,n]:[ke(e,!0),H=>Se(e,H)],je=typeof window!="undefined"?window.location.hash:null;if(Sn(()=>{var H;if(U&&U.length>0&&b){let J=typeof window!="undefined"&&((H=window==null?void 0:window.location)!=null&&H.hash)?window.location.hash.replace("#",""):"";if(U&&(U==null?void 0:U.length)>0){let te=-1;if(J){let M=J;te=U.findIndex(Z=>Z.id===M),q===J&&(te=-1)}te!==-1&&(se(J),K(e,U[te].id))}}},[je]),Sn(()=>{!N&&U&&U.length&&typeof window!="undefined"&&b&&(se(U[O].id),window.location.hash=U[O].id)},[N,O,U]),N)return null;let ve=T(e);if(!ve||D(ve)||!U||i!==void 0&&i===!1||z(e)===de&&s&&!h||(o=="modal"||o=="corner-modal")&&R(e))return null;let pe=()=>{Pe(!1),x&&x(),S===!0&&_(e)};if(F=="center"&&o==="modal"||o==="large-modal"){let H={padding:"24px"};return o==="large-modal"?(H.width="85%",H.height="90%",H.maxHeight="800px",H.minHeight="500px",H.padding="0"):H.width="400px",rt.createElement(et,{appearance:d,onClose:pe,visible:ie,style:H,dismissible:g,showFrigadeBranding:$},rt.createElement(ae,{appearance:d}),rt.createElement(ir,{appearance:d,steps:U,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:Pe,onDismiss:x,showPagination:k,customFormElements:l,allowBackNavigation:b,validationHandler:v,onFormDataChange:E,showFooter:f,prefillData:A,updateUrlOnPageChange:y,repeatable:h}))}return o==="modal"&&F!=="center"?rt.createElement(qo,{appearance:d,onClose:pe,visible:ie,modalPosition:F},rt.createElement(ae,{appearance:d}),rt.createElement(ir,{appearance:d,steps:U,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:Pe,onDismiss:x,showPagination:k,customFormElements:l,allowBackNavigation:b,validationHandler:v,onFormDataChange:E,showFooter:f,prefillData:A,updateUrlOnPageChange:y,repeatable:h})):rt.createElement(rt.Fragment,null,rt.createElement(ae,{appearance:d}),rt.createElement(ir,{appearance:d,steps:U,selectedStep:O,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:u,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:n,setShowModal:Pe,onDismiss:x,showPagination:k,customFormElements:l,allowBackNavigation:b,validationHandler:v,onFormDataChange:E,showFooter:f,prefillData:A,updateUrlOnPageChange:y,repeatable:h}))},wn=bn;import{useCallback as jr,useContext as Xp,useEffect as Qp}from"react";function Gr(){let{organizationId:e,userId:t,setOrganizationId:o}=Xp(re),{mutateUserFlowState:i}=_e(),{config:n,apiUrl:r}=Re(),l=qt(),{verifySDKInitiated:p}=Yt();function d(g,S){return`frigade-user-group-registered-${g}-${S}`}Qp(()=>{if(t&&e){if(t.startsWith(Xt))return;let g=d(t,e);localStorage.getItem(g)||(l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})})),localStorage.setItem(g,"true"))}},[t,e]);let s=jr(g=>L(this,null,function*(){if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let S={foreignUserId:t,foreignUserGroupId:e,properties:g};yield l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify(S)})),i()}),[e,t,n,i]),u=jr((g,S)=>L(this,null,function*(){if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let h={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:S}]};yield l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify(h)})),i()}),[e,t,n,i]),c=jr((g,S)=>L(this,null,function*(){if(p())if(S){let F=d(t,g);localStorage.setItem(F,"true"),o(g);let h={foreignUserId:t,foreignUserGroupId:g,properties:S};yield l(`${r}userGroups`,V(w({},n),{method:"POST",body:JSON.stringify(h)})),i()}else o(g)}),[t,n,i]);return{organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:s,trackEventForOrganization:u}}var $t="frigade-xFrigade_guestUserId",Ao="frigade-xFrigade_userId",Tn=({})=>{let{setFlowResponses:e}=bo(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=_e(),{userId:n,setUserId:r}=wo(),[l,p]=Eo(n),{getFlowStatus:d}=ne(),{flows:s,userProperties:u,setIsNewGuestUser:c,flowResponses:g}=Zp(re),[S,F]=Eo([]),[h,x]=Eo([]),{organizationId:k}=Gr(),[b,v]=Eo(k),[$,E]=Eo(!1);ro(()=>{if(!o&&t)for(let T=0;T<t.length;T++){let I=t[T],N=s.find(D=>D.slug===(I==null?void 0:I.flowId));if(N&&I&&I.shouldTrigger===!0&&N.type=="FORM"&&N.triggerType==="AUTOMATIC"&&!h.includes(N.slug)){setTimeout(()=>{f(I.flowId)},500);break}}},[o,t]),ro(()=>{g.length>0&&i()},[g]),ro(()=>{$||(E(!0),i())},[o,E]);function f(T){let I=s.find(N=>N.slug===T);I&&I.triggerType==="AUTOMATIC"&&!h.includes(I.slug)&&(x([...h,I.slug]),F([I]))}function A(){if(!n){let T=localStorage.getItem(Ao);if(T){r(T);return}let I=localStorage.getItem($t);if(I){r(I);return}c(!0);let N=Xt+Rp();try{localStorage.setItem($t,N)}catch(D){console.log("Failed to save guest user id locally: Local storage unavailable",D)}r(D=>D||N)}}ro(()=>{try{if(s){let T=[];s.forEach(I=>{if(I.data){let N=I.data.match(/"imageUri":"(.*?)"/g);N&&N.forEach(D=>{let z=D.replace('"imageUri":"',"").replace('"',"");if(T.includes(z))return;let j=new Image;j.src=z,T.push(z)})}})}}catch(T){}},[s]),ro(()=>{if(n!==l&&(e([]),i()),p(n),n&&!n.startsWith(Xt))try{localStorage.setItem(Ao,n)}catch(T){console.log("Failed to save user id locally: Local storage available",T)}n===null&&setTimeout(()=>{n===null&&A()},50)},[n,s,u]),ro(()=>{k!=b&&(v(k),e([]),i())},[k,b,v]);function y(){return _t.createElement(_t.Fragment,null,S.map(T=>d(T.slug)!==De?null:_t.createElement("span",{key:T.slug},_t.createElement(wn,{flowId:T.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return _t.createElement(_t.Fragment,null,_t.createElement(y,null))};var Fn={colorPrimary:"colors.primary.background",colorText:"colors.neutral.foreground",colorBackground:"colors.neutral.background",colorBackgroundSecondary:"colors.secondary.background",colorTextOnPrimaryBackground:"colors.primary.foreground",colorTextSecondary:"colors.secondary.foreground",colorTextDisabled:"colors.gray700",colorBorder:"colors.gray800",colorTextError:"colors.negative.foreground",borderRadius:"radii.lg"};function ed(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Fn[o]){let n=Fn[o].split("."),r=t;n.forEach((l,p)=>{r[l]||(r[l]=p===n.length-1?i:{}),r=r[l]})}}),t}function td(e){if(!e)return;let t=ue({},e),o={};return Object.keys(t).forEach(i=>{let n=`.fr-${i}`;o[n]=t[i]}),o}function kn(e){let{theme:t,styleOverrides:o}=e,i=ed(t),n=td(o);return{overrides:i,css:n}}import gd from"styled-components";import{compose as hd,variant as vn}from"styled-system";import Pn from"react";import od,{ThemeProvider as rd,useTheme as id}from"styled-components";import{border as nd,color as sd,compose as ld,get as ad,shadow as pd,space as dd,system as cd,typography as md}from"styled-system";var ud={width:{property:"width",scale:"sizes",transform:(e,t)=>ad(t,e,!(typeof e=="number"&&!isNaN(e))||e>1?e:e*100+"%")},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},fd=od("div")(({css:e})=>e,ld(nd,sd,pd,dd,md,cd(ud))),Io=n=>{var r=n,{as:e,children:t,overrides:o}=r,i=$e(r,["as","children","overrides"]);let l=id(),p={border:"none",boxSizing:"border-box",m:0,p:0},d=()=>Pn.createElement(fd,w(w({as:e},p),i),t);if(o!==void 0){let s=ue(l,o);return Pn.createElement(rd,{theme:s},d())}return d()};var No={Primary:{backgroundColor:"primary.background",color:"primary.foreground","&:hover":{backgroundColor:"blue400"}},Secondary:{backgroundColor:"white",border:"1px solid",borderColor:"gray800",color:"neutral.foreground","&:hover":{backgroundColor:"blue900"}},Link:{backgroundColor:"transparent",color:"primary.inverted"},Plain:{backgroundColor:"transparent",color:"neutral.foreground"}},xd={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},Bn=gd(Io)(()=>({whiteSpace:"nowrap"}),hd(vn({scale:"components.Button",variants:"components.Button"}),vn({prop:"size",variants:xd})));import Cd from"styled-components";import{variant as yd,system as Sd}from"styled-system";var nr={Display1:{fontSize:"5xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"4xl"},Display2:{fontSize:"4xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"3xl"},H1:{fontSize:"3xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"2xl"},H2:{fontSize:"2xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"xl"},H3:{fontSize:"xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"lg"},H4:{fontSize:"lg",fontWeight:"bold",letterSpacing:"md",lineHeight:"md"},Body1:{fontSize:"md",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Body2:{fontSize:"sm",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Caption:{fontSize:"xs",fontWeight:"regular",letterSpacing:"md",lineHeight:"sm"}};var En=Cd(Io)(yd({scale:"components.Text",variants:"components.Text"}),Sd({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var An=4,In="px",bd=20,wd=Object.fromEntries(Array.from(Array(bd+1),(e,t)=>t===0?[.5,`${.5*An}${In}`]:[t,`${t*An}${In}`])),io={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",red500:"#c00000"},sr={colors:V(w({},io),{neutral:{foreground:io.gray300},primary:{background:io.blue500,foreground:io.white,inverted:io.blue500},negative:{foreground:io.red500}}),fonts:{default:"TT Interphases Pro, sans-serif"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px"},fontWeights:{regular:400,semibold:500,bold:700},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"},radii:{md:"8px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.06)"},space:wd,components:{Button:No,Text:nr}};var On="https://api.frigade.com",re=Td({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:at,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:On,readonly:!1,debug:!1});function Fd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var kd=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var ee,q,se,Se,ke,R;let r=typeof window!="undefined"?localStorage.getItem($t):null,[l,p]=qe(t||r),[d,s]=qe(o||null),[u,c]=qe([]),[g,S]=qe([]),[F,h]=qe([]),[x,k]=qe({}),[b,v]=qe({}),[$,E]=qe([]),[f,A]=qe({}),[y,T]=qe(!1),[I,N]=qe(!1),[D,z]=qe(!G(e)),j=(U,ie)=>{if(ie==="_blank"){window.open(U,"_blank");return}setTimeout(()=>{window.location.href=U},50)},_={theme:w(w({},at.theme),(q=(ee=i==null?void 0:i.defaultAppearance)==null?void 0:ee.theme)!=null?q:{}),styleOverrides:w(w({},at.styleOverrides),(Se=(se=i==null?void 0:i.defaultAppearance)==null?void 0:se.styleOverrides)!=null?Se:{})};function G(U){return!!(U&&U.length>10&&U.substring(0,10)==="api_public")}lr(()=>{t&&p(t)},[t]),lr(()=>{l&&typeof window!="undefined"&&window.localStorage&&window.localStorage.getItem(Ao)&&window.localStorage.getItem(Ao)!==l&&Fd()},[l]),lr(()=>{o&&s(o)},[o]),lr(()=>{if(G(e))z(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or invalid."),z(!0);return}},[e,z]);let K={publicApiKey:e,userId:l,setUserId:p,setFlows:c,flows:u,failedFlowResponses:g,setFailedFlowResponses:S,flowResponses:F,setFlowResponses:h,userProperties:x,setUserProperties:k,openFlowStates:b,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:$,setCompletedFlowsToKeepOpenDuringSession:E,customVariables:f,setCustomVariables:A,isNewGuestUser:y,setIsNewGuestUser:T,hasActiveFullPageFlow:I,setHasActiveFullPageFlow:N,organizationId:d,setOrganizationId:s,navigate:i&&i.navigate?i.navigate:j,defaultAppearance:_,shouldGracefullyDegrade:D,setShouldGracefullyDegrade:z,apiUrl:i&&i.apiUrl?i.apiUrl:On,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1,flowDataOverrides:i&&i.__internal__?i.__internal__:void 0},{overrides:O}=kn(_);return D?Oo.createElement(re.Provider,{value:K},Oo.createElement(Nn,{theme:ue(_.theme,sr,O!=null?O:{},(ke=i==null?void 0:i.theme)!=null?ke:{})},n)):Oo.createElement(re.Provider,{value:K},Oo.createElement(Nn,{theme:ue(_.theme,sr,O!=null?O:{},(R=i==null?void 0:i.theme)!=null?R:{})},n,Oo.createElement(Tn,null)))};import xc from"react";import Ce,{useEffect as ei,useState as sl}from"react";import Xe,{useState as Vd}from"react";import wt from"styled-components";import dr from"react";import Wt from"react";import $n from"styled-components";var Ln=$n.span`
|
|
697
698
|
font-weight: 600;
|
|
698
699
|
font-size: 14px;
|
|
699
700
|
font-style: normal;
|
|
@@ -705,7 +706,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
705
706
|
margin-left: 32px;
|
|
706
707
|
padding-right: 12px;
|
|
707
708
|
${e=>Ee(e)}
|
|
708
|
-
`,Pd
|
|
709
|
+
`,Pd=$n.div`
|
|
709
710
|
flex-direction: row;
|
|
710
711
|
justify-content: space-between;
|
|
711
712
|
display: flex;
|
|
@@ -714,11 +715,11 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
714
715
|
padding-right: 8px;
|
|
715
716
|
width: 100%;
|
|
716
717
|
${e=>Ee(e)}
|
|
717
|
-
`,ar=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:l="round",appearance:p})=>Wt.createElement(Wt.Fragment,null,Wt.createElement(Pd,{className:a("checklistStepsContainer",p),appearance:p,styleOverrides:w({},n)},i==="left"&&e&&Wt.createElement(
|
|
718
|
+
`,ar=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:l="round",appearance:p})=>Wt.createElement(Wt.Fragment,null,Wt.createElement(Pd,{className:a("checklistStepsContainer",p),appearance:p,styleOverrides:w({},n)},i==="left"&&e&&Wt.createElement(Ln,{className:a("checklistStepLabel",p),styleOverrides:o,appearnace:p},e),Wt.createElement(pt,{appearance:p,value:t,type:l,primaryColor:r}),i==="right"&&e&&Wt.createElement(Ln,{className:a("checklistStepLabel",p),styleOverrides:o,appearance:p},e)),Wt.createElement(ae,{appearance:p}));import Lo from"styled-components";var Mn=Lo.div`
|
|
718
719
|
font-weight: 700;
|
|
719
720
|
font-size: 18px;
|
|
720
721
|
line-height: 22px;
|
|
721
|
-
`,
|
|
722
|
+
`,Dn=Lo.p`
|
|
722
723
|
font-weight: 600;
|
|
723
724
|
font-size: 16px;
|
|
724
725
|
line-height: 24px;
|
|
@@ -726,7 +727,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
726
727
|
letter-spacing: 0.32px;
|
|
727
728
|
font-style: normal;
|
|
728
729
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
729
|
-
`,
|
|
730
|
+
`,Un=Lo.p`
|
|
730
731
|
font-weight: 400;
|
|
731
732
|
font-size: 14px;
|
|
732
733
|
font-style: normal;
|
|
@@ -742,19 +743,19 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
742
743
|
height: 100%;
|
|
743
744
|
border-top-right-radius: 4px;
|
|
744
745
|
border-bottom-right-radius: 4px;
|
|
745
|
-
`,
|
|
746
|
+
`,_n=Lo.div`
|
|
746
747
|
flex-direction: row;
|
|
747
748
|
justify-content: flex-start;
|
|
748
749
|
border-bottom: 1px solid ${e=>e.theme.colorBorder};
|
|
749
750
|
padding-right: 16px;
|
|
750
|
-
`;var
|
|
751
|
+
`;var Wn=({data:e,index:t,isSelected:o,primaryColor:i,style:n,onClick:r,appearance:l})=>{var p,d,s,u,c;return dr.createElement("div",{style:{position:"relative",paddingLeft:"0px"},onClick:()=>{r()}},o&&dr.createElement(pr,{className:a("checklistStepItemSelectedIndicator",l),layoutId:"checklis-step-selected",style:{backgroundColor:(d=(p=l==null?void 0:l.theme)==null?void 0:p.colorPrimary)!=null?d:i}}),dr.createElement(_n,{className:a("checklistStepItem",l),key:`hero-checklist-step-${t}`,appearance:l,role:"listitem"},dr.createElement(ar,{value:e.complete,labelPosition:"left",label:(s=e.stepName)!=null?s:e.title,style:n,primaryColor:(c=(u=l==null?void 0:l.theme)==null?void 0:u.colorPrimary)!=null?c:i,appearance:l})))};import zt from"react";import Kr from"styled-components";import cr from"styled-components";var yC=cr.h1`
|
|
751
752
|
display: flex;
|
|
752
753
|
margin: 0;
|
|
753
754
|
font-size: 18px;
|
|
754
|
-
`,
|
|
755
|
+
`,SC=cr.h2`
|
|
755
756
|
font-size: 15px;
|
|
756
757
|
color: #4d4d4d;
|
|
757
|
-
`,
|
|
758
|
+
`,zn=cr.div`
|
|
758
759
|
position: absolute;
|
|
759
760
|
left: 0;
|
|
760
761
|
top: 0;
|
|
@@ -763,7 +764,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
763
764
|
border-radius: 20px;
|
|
764
765
|
background-color: ${e=>e.theme.colorPrimary};
|
|
765
766
|
transition: width 0.5s;
|
|
766
|
-
`,
|
|
767
|
+
`,Hn=cr.div`
|
|
767
768
|
position: relative;
|
|
768
769
|
left: 0;
|
|
769
770
|
top: 0;
|
|
@@ -773,7 +774,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
773
774
|
border-radius: 20px;
|
|
774
775
|
background-color: ${e=>e.theme.colorPrimary};
|
|
775
776
|
opacity: 0.12;
|
|
776
|
-
`;var vd=
|
|
777
|
+
`;var vd=Kr.div`
|
|
777
778
|
display: flex;
|
|
778
779
|
flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
|
|
779
780
|
justify-content: flex-start;
|
|
@@ -781,23 +782,23 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
781
782
|
width: 100%;
|
|
782
783
|
|
|
783
784
|
${e=>Ee(e)}
|
|
784
|
-
`,Bd=
|
|
785
|
+
`,Bd=Kr.div`
|
|
785
786
|
flex-grow: 1;
|
|
786
787
|
position: relative;
|
|
787
788
|
${e=>e.textLocation=="top"?"width: 100%;":""}
|
|
788
|
-
`,Ed=
|
|
789
|
+
`,Ed=Kr.span`
|
|
789
790
|
font-weight: 600;
|
|
790
791
|
font-size: 14px;
|
|
791
792
|
line-height: 18px;
|
|
792
793
|
padding-right: ${e=>e.padding};
|
|
793
794
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
794
795
|
${e=>Ee(e)}
|
|
795
|
-
`;var ze=({count:e,total:t,display:o="count",textLocation:i="left",style:n={},textStyle:r={},appearance:l})=>{var g;if(t===0)return zt.createElement(zt.Fragment,null);Object.keys(r).length===0&&r.constructor===Object&&(r={color:(g=l==null?void 0:l.theme)==null?void 0:g.colorText});let p=e===0?"10px":`${e/t*100}%`,d=o==="compact"?"8px":"10px",s=Math.round(e/t*100),u=o==="compact"?"10px":"14px",c;return o==="count"||o==="compact"?c=`${e}/${t}`:o==="percent"&&(c=`${s}% complete`),i==="top"&&(u="0px"),zt.createElement(vd,{className:a("progressBarContainer",l),textLocation:i,styleOverrides:n},zt.createElement(Ed,{className:a("progressBarStepText",l),styleOverrides:V(w({},r),{fontSize:o==="compact"?12:14,fontWeight:600}),appearance:l,padding:u,textLocation:i},c),zt.createElement(Bd,{textLocation:i,className:a("progressBar",l)},zt.createElement(
|
|
796
|
+
`;var ze=({count:e,total:t,display:o="count",textLocation:i="left",style:n={},textStyle:r={},appearance:l})=>{var g;if(t===0)return zt.createElement(zt.Fragment,null);Object.keys(r).length===0&&r.constructor===Object&&(r={color:(g=l==null?void 0:l.theme)==null?void 0:g.colorText});let p=e===0?"10px":`${e/t*100}%`,d=o==="compact"?"8px":"10px",s=Math.round(e/t*100),u=o==="compact"?"10px":"14px",c;return o==="count"||o==="compact"?c=`${e}/${t}`:o==="percent"&&(c=`${s}% complete`),i==="top"&&(u="0px"),zt.createElement(vd,{className:a("progressBarContainer",l),textLocation:i,styleOverrides:n},zt.createElement(Ed,{className:a("progressBarStepText",l),styleOverrides:V(w({},r),{fontSize:o==="compact"?12:14,fontWeight:600}),appearance:l,padding:u,textLocation:i},c),zt.createElement(Bd,{textLocation:i,className:a("progressBar",l)},zt.createElement(zn,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:d,appearance:l,className:a("progressBarFill",l)}),zt.createElement(Hn,{className:a("progressBarBackground",l),barHeight:d,appearance:l})))};import $o from"react";import Id from"styled-components";import ur from"react";import mr from"react";var no=({stepData:e,appearance:t})=>mr.createElement(mr.Fragment,null,mr.createElement(Dn,{appearance:t,className:a("checklistStepTitle",t),dangerouslySetInnerHTML:Q(e.title)}),mr.createElement(Un,{appearance:t,className:a("checklistStepSubtitle",t),dangerouslySetInnerHTML:Q(e.subtitle)}));import qr from"react";var so=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return qr.createElement(Ro,{className:a("ctaContainer",t)},qr.createElement(le,{appearance:t,title:e.primaryButtonTitle,onClick:o}),e.secondaryButtonTitle&&qr.createElement(le,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}))};var lo=({stepData:e,appearance:t})=>ur.createElement(ur.Fragment,null,ur.createElement(no,{stepData:e,appearance:t}),ur.createElement(so,{stepData:e,appearance:t}));import Ad from"react";function Vn(e){return Ad.createElement(ot,{appearance:e.appearance,videoUri:e.videoUri,autoplay:e.autoplay})}var Yr="default",Nd=Id.img`
|
|
796
797
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
797
798
|
width: 100%;
|
|
798
799
|
height: auto;
|
|
799
800
|
min-height: 200px;
|
|
800
|
-
`,
|
|
801
|
+
`,jn=({stepData:e,appearance:t})=>{var o;if(e!=null&&e.StepContent){let i=e.StepContent;return $o.createElement("div",null,i)}return $o.createElement(Mn,{className:a("checklistStepContent",t)},e.imageUri?$o.createElement(Nd,{className:a("checklistStepImage",t),src:e.imageUri,appearance:t}):null,e.videoUri?$o.createElement(Vn,{videoUri:e.videoUri,appearance:t,autoplay:(o=e.props)==null?void 0:o.autoplayVideo}):null,$o.createElement(lo,{stepData:e,appearance:t}))};import He,{useRef as Od,useState as Ld}from"react";import ao from"styled-components";var Gn=ao.div`
|
|
801
802
|
display: block;
|
|
802
803
|
`,$d=ao.div`
|
|
803
804
|
display: flex;
|
|
@@ -842,7 +843,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
842
843
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
843
844
|
border-radius: 50%;
|
|
844
845
|
}
|
|
845
|
-
`,
|
|
846
|
+
`,Kn="videoCarousel",qn=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.videos))return He.createElement(Gn,null,He.createElement(lo,{stepData:e,appearance:t}));function o({video:r}){let l=Od(),[p,d]=Ld(!1);return He.createElement(Md,null,!p&&He.createElement(_d,{onClick:()=>{d(!0),l.current.play()},appearance:t},He.createElement(tr,null)),He.createElement(Dd,{controls:p,ref:l,play:p,src:r.uri}),He.createElement(Ud,null,r.title))}let i=e.props;return i.videos?He.createElement(Gn,null,He.createElement(no,{stepData:e,appearance:t}),He.createElement($d,null,i.videos.map((r,l)=>He.createElement("span",{key:`${r.uri}-${l}`},He.createElement(o,{video:r})))),He.createElement(so,{stepData:e,appearance:t})):null};import ct from"react";import fr from"styled-components";var Yn=fr.div`
|
|
846
847
|
display: block;
|
|
847
848
|
`,Wd=fr.pre`
|
|
848
849
|
display: block;
|
|
@@ -867,7 +868,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
867
868
|
margin-top: 12px;
|
|
868
869
|
`,Hd=fr.div`
|
|
869
870
|
margin-top: 24px;
|
|
870
|
-
`,
|
|
871
|
+
`,Jn="codeSnippet",Xn=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return ct.createElement(Yn,null,ct.createElement(lo,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?ct.createElement(Yn,{className:a("codeSnippetContainer",t)},ct.createElement(no,{stepData:e,appearance:t}),ct.createElement(Hd,null,o.codeSnippets.map((n,r)=>ct.createElement("div",{key:r},n.title?ct.createElement(zd,{dangerouslySetInnerHTML:Q(n.title)}):null,n.code?ct.createElement(Wd,null,n.code):null))),ct.createElement(so,{stepData:e,appearance:t})):null};var jd=wt.div`
|
|
871
872
|
display: flex;
|
|
872
873
|
flex-direction: row;
|
|
873
874
|
overflow: hidden;
|
|
@@ -908,30 +909,30 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
908
909
|
`,Qd=wt.div`
|
|
909
910
|
flex: 2;
|
|
910
911
|
padding: 40px 40px 40px 0px;
|
|
911
|
-
`,Zd=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:l="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:u}=ce();d=u(d);let c={[
|
|
912
|
+
`,Zd=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:l="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:u}=ce();d=u(d);let c={[Yr]:jn,[Kn]:qn,[Jn]:Xn},g=w(w({},c),p),[S,F]=Vd(0),h=n!=null?n:S,x=r!=null?r:F,k=o.filter(v=>v.complete===!0).length,b=()=>{var v;return!((v=o[h])!=null&&v.type)||!g[o[h].type]?g[Yr]({stepData:o[h],appearance:d}):typeof g[o[h].type]!="function"?g[o[h].type]:g[o[h].type]({stepData:o[h],appearance:d})};return Xe.createElement(jd,{type:s,styleOverrides:i,className:l,appearance:d},Xe.createElement(Yd,{className:a("checklistHeaderContainer",d),appearance:d},Xe.createElement(qd,{className:a("checklistHeader",d),appearance:d},Xe.createElement(Gd,{className:a("checklistTitle",d),appearance:d},e),Xe.createElement(Kd,{className:a("checklistSubtitle",d),appearance:d},t),Xe.createElement(ze,{total:o.length,count:k,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),Xe.createElement(Jd,{className:a("checklistStepsContainer",d)},o.map((v,$)=>Xe.createElement(Wn,{data:v,index:$,key:$,listLength:o.length,isSelected:$===h,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{x($)},appearance:d})))),Xe.createElement(Xd,{appearance:d,className:a("checklistDivider",d)}),Xe.createElement(Qd,null,Xe.createElement(b,null)))},Jr=Zd;import Y,{useState as rc}from"react";import Qn from"react";import Rd from"styled-components";var ec=Rd.svg`
|
|
912
913
|
transition: 'transform 0.35s ease-in-out';
|
|
913
|
-
`,po=({style:e,className:t})=>
|
|
914
|
+
`,po=({style:e,className:t})=>Qn.createElement(ec,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},Qn.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import be from"styled-components";var Xr={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},Zn=be.div`
|
|
914
915
|
max-height: 350px;
|
|
915
916
|
padding-bottom: 40px;
|
|
916
|
-
`,
|
|
917
|
+
`,Rn=be.div`
|
|
917
918
|
display: flex;
|
|
918
919
|
flex-direction: column;
|
|
919
920
|
margin-top: 20px;
|
|
920
|
-
`,
|
|
921
|
+
`,es=be.h1`
|
|
921
922
|
font-style: normal;
|
|
922
923
|
font-weight: 600;
|
|
923
924
|
font-size: 30px;
|
|
924
925
|
line-height: 36px;
|
|
925
926
|
margin-bottom: 16px;
|
|
926
927
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
927
|
-
`,
|
|
928
|
+
`,ts=be.h2`
|
|
928
929
|
font-weight: 400;
|
|
929
930
|
font-size: 16px;
|
|
930
931
|
line-height: 20px;
|
|
931
932
|
margin-bottom: 16px;
|
|
932
933
|
padding-left: 1px;
|
|
933
934
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
934
|
-
`,
|
|
935
|
+
`,os=be.div`
|
|
935
936
|
${e=>B(e)} {
|
|
936
937
|
border: 1px solid #fafafa;
|
|
937
938
|
}
|
|
@@ -941,11 +942,11 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
941
942
|
flex-direction: column;
|
|
942
943
|
min-height: 240px;
|
|
943
944
|
overflow: hidden;
|
|
944
|
-
`,
|
|
945
|
+
`,rs=be.div`
|
|
945
946
|
display: flex;
|
|
946
947
|
flex-direction: row;
|
|
947
948
|
justify-content: space-between;
|
|
948
|
-
`,
|
|
949
|
+
`,is=be.p`
|
|
949
950
|
${e=>B(e)} {
|
|
950
951
|
font-weight: 400;
|
|
951
952
|
font-size: 10px;
|
|
@@ -954,12 +955,12 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
954
955
|
color: #8c8c8c;
|
|
955
956
|
margin: 20px;
|
|
956
957
|
}
|
|
957
|
-
`,
|
|
958
|
+
`,ns=be.div`
|
|
958
959
|
display: flex;
|
|
959
960
|
flex-direction: row;
|
|
960
|
-
`,ns=be.div`
|
|
961
|
-
flex: 1;
|
|
962
961
|
`,ss=be.div`
|
|
962
|
+
flex: 1;
|
|
963
|
+
`,ls=be.div`
|
|
963
964
|
${e=>B(e)} {
|
|
964
965
|
display: flex;
|
|
965
966
|
justify-content: center;
|
|
@@ -969,7 +970,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
969
970
|
padding-left: 8px;
|
|
970
971
|
padding-right: 8px;
|
|
971
972
|
}
|
|
972
|
-
`,
|
|
973
|
+
`,as=be.p`
|
|
973
974
|
${e=>B(e)} {
|
|
974
975
|
font-style: normal;
|
|
975
976
|
font-weight: 600;
|
|
@@ -981,7 +982,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
981
982
|
margin-top: 20px;
|
|
982
983
|
margin-bottom: 16px;
|
|
983
984
|
}
|
|
984
|
-
`,
|
|
985
|
+
`,ps=be.p`
|
|
985
986
|
${e=>B(e)} {
|
|
986
987
|
font-weight: 400;
|
|
987
988
|
font-size: 14px;
|
|
@@ -990,14 +991,14 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
990
991
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
991
992
|
margin-bottom: 8px;
|
|
992
993
|
}
|
|
993
|
-
`,
|
|
994
|
+
`,ds=be.div`
|
|
994
995
|
${e=>B(e)} {
|
|
995
996
|
display: flex;
|
|
996
997
|
flex-direction: row;
|
|
997
998
|
justify-content: center;
|
|
998
999
|
gap: 8px;
|
|
999
1000
|
}
|
|
1000
|
-
`,
|
|
1001
|
+
`,cs=be.div`
|
|
1001
1002
|
${e=>B(e)} {
|
|
1002
1003
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1003
1004
|
background-color: ${e=>e.selected?"#FAFAFA":"#FFFFFF"};
|
|
@@ -1017,7 +1018,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1017
1018
|
justify-content: space-between;
|
|
1018
1019
|
position: relative;
|
|
1019
1020
|
cursor: pointer;
|
|
1020
|
-
`,
|
|
1021
|
+
`,ms=be.p`
|
|
1021
1022
|
${e=>B(e)} {
|
|
1022
1023
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1023
1024
|
color: ${e=>e.selected?"#434343":"#BFBFBF"};
|
|
@@ -1026,12 +1027,12 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1026
1027
|
font-size: 14px;
|
|
1027
1028
|
line-height: 22px;
|
|
1028
1029
|
margin: 0;
|
|
1029
|
-
`,
|
|
1030
|
+
`,us=be.div`
|
|
1030
1031
|
display: flex;
|
|
1031
1032
|
flex-direction: row;
|
|
1032
1033
|
justify-content: flex-end;
|
|
1033
1034
|
align-content: center;
|
|
1034
|
-
`,
|
|
1035
|
+
`,fs=be.div`
|
|
1035
1036
|
display: flex;
|
|
1036
1037
|
flex: 1;
|
|
1037
1038
|
flex-direction: row;
|
|
@@ -1039,14 +1040,14 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1039
1040
|
align-content: center;
|
|
1040
1041
|
align-items: center;
|
|
1041
1042
|
margin-right: 20px;
|
|
1042
|
-
`,
|
|
1043
|
+
`,gs=be.div`
|
|
1043
1044
|
display: block;
|
|
1044
1045
|
width: 100%;
|
|
1045
|
-
`;import tc from"styled-components";var
|
|
1046
|
+
`;import tc from"styled-components";var hs=tc.div`
|
|
1046
1047
|
flex-direction: column;
|
|
1047
1048
|
justify-content: center;
|
|
1048
1049
|
display: flex;
|
|
1049
|
-
`;import ut from"react";import mt from"styled-components";var
|
|
1050
|
+
`;import ut from"react";import mt from"styled-components";var xs=mt.div`
|
|
1050
1051
|
border: 1px solid #fafafa;
|
|
1051
1052
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
1052
1053
|
border-radius: 14px;
|
|
@@ -1054,13 +1055,13 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1054
1055
|
display: flex;
|
|
1055
1056
|
flex-direction: column;
|
|
1056
1057
|
overflow: hidden;
|
|
1057
|
-
`,
|
|
1058
|
+
`,Cs=mt.div`
|
|
1058
1059
|
display: flex;
|
|
1059
1060
|
flex-wrap: wrap;
|
|
1060
1061
|
justify-content: space-between;
|
|
1061
1062
|
overflow: hidden;
|
|
1062
1063
|
row-gap: 10px;
|
|
1063
|
-
`,
|
|
1064
|
+
`,ys=mt.div`
|
|
1064
1065
|
${e=>B(e)} {
|
|
1065
1066
|
color: #595959;
|
|
1066
1067
|
}
|
|
@@ -1070,7 +1071,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1070
1071
|
line-height: 12px;
|
|
1071
1072
|
letter-spacing: 0.09em;
|
|
1072
1073
|
margin-bottom: 12px;
|
|
1073
|
-
`,
|
|
1074
|
+
`,Ss=mt.div`
|
|
1074
1075
|
${e=>B(e)} {
|
|
1075
1076
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1076
1077
|
background: #ffffff;
|
|
@@ -1083,7 +1084,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1083
1084
|
|
|
1084
1085
|
max-width: 150px;
|
|
1085
1086
|
min-width: 200px;
|
|
1086
|
-
`,
|
|
1087
|
+
`,bs=mt.div`
|
|
1087
1088
|
${e=>B(e)} {
|
|
1088
1089
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
1089
1090
|
}
|
|
@@ -1095,13 +1096,13 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1095
1096
|
justify-content: center;
|
|
1096
1097
|
align-content: center;
|
|
1097
1098
|
align-items: center;
|
|
1098
|
-
`,
|
|
1099
|
+
`,ws=mt.div`
|
|
1099
1100
|
font-weight: 600;
|
|
1100
1101
|
font-size: 20px;
|
|
1101
1102
|
line-height: 24px;
|
|
1102
1103
|
width: 20px;
|
|
1103
1104
|
height: 20px;
|
|
1104
|
-
`,
|
|
1105
|
+
`,Ts=mt.div`
|
|
1105
1106
|
${e=>B(e)} {
|
|
1106
1107
|
color: #434343;
|
|
1107
1108
|
}
|
|
@@ -1110,20 +1111,20 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1110
1111
|
line-height: 17px;
|
|
1111
1112
|
margin-top: 12px;
|
|
1112
1113
|
margin-bottom: 8px;
|
|
1113
|
-
`,
|
|
1114
|
+
`,Fs=mt.div`
|
|
1114
1115
|
${e=>B(e)} {
|
|
1115
1116
|
color: #8c8c8c;
|
|
1116
1117
|
}
|
|
1117
1118
|
font-weight: 400;
|
|
1118
1119
|
font-size: 12px;
|
|
1119
1120
|
line-height: 14px;
|
|
1120
|
-
`,
|
|
1121
|
+
`,ks=mt.a`
|
|
1121
1122
|
color: ${e=>e.color};
|
|
1122
1123
|
font-size: 12px;
|
|
1123
1124
|
line-height: 14px;
|
|
1124
1125
|
font-weight: 400;
|
|
1125
1126
|
cursor: pointer;
|
|
1126
|
-
`;var oc=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:l}=fe();return ut.createElement(
|
|
1127
|
+
`;var oc=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:l}=fe();return ut.createElement(xs,{style:t,className:a("guideContainer",n)},ut.createElement(ys,{className:a("guideTitle",n)},o),ut.createElement(Cs,{className:a("guideItemContainer",n)},e.map((p,d)=>{var s;return ut.createElement(Ss,{key:`guide-${(s=p.id)!=null?s:d}`,className:a("guideItem",n)},p.icon&&ut.createElement(bs,{className:a("guideIcon",n)},ut.createElement(ws,null,p.icon)),ut.createElement(Ts,{className:a("guideItemTitle",n),dangerouslySetInnerHTML:Q(p.title)}),ut.createElement(Fs,{className:a("guideItemSubtitle",n),dangerouslySetInnerHTML:Q(p.subtitle)}),ut.createElement(ks,{className:a("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&l(p),r&&r(p)}},p.primaryButtonTitle))})))},Mo=oc;var ic=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:l,setSelectedStep:p,customStepTypes:d,appearance:s,guideData:u,guideTitle:c,onGuideButtonClick:g})=>{let S=({stepData:f,handleSecondaryCTAClick:A,handleCTAClick:y})=>f?Y.createElement(ls,{className:a("checklistStepContainer",s),"data-testid":"checklistStepContainer"},Y.createElement(as,{appearance:s,className:a("checklistStepTitle",s),dangerouslySetInnerHTML:Q(f.title)}),Y.createElement(ps,{appearance:s,className:a("checklistStepSubtitle",s),dangerouslySetInnerHTML:Q(f.subtitle)}),Y.createElement(ds,{className:a("checklistCTAContainer",s)},f.secondaryButtonTitle&&Y.createElement(le,{title:f.secondaryButtonTitle,onClick:A,appearance:s,secondary:!0}),Y.createElement(le,{title:f.primaryButtonTitle,onClick:y,appearance:s}))):Y.createElement(Y.Fragment,null),h=w(w({},{default:f=>{var I;if((I=e[b])!=null&&I.StepContent){let N=e[b].StepContent;return Y.createElement("div",null,N)}let A=e[b];return Y.createElement(S,{stepData:f,handleCTAClick:()=>{A.handlePrimaryButtonClick&&A.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{A.handleSecondaryButtonClick&&A.handleSecondaryButtonClick()}})}}),d),[x,k]=rc(0),b=l!=null?l:x,v=p!=null?p:k,$=()=>{var f;return e?!((f=e[b])!=null&&f.type)||!h[e[b].type]?h.default(e[b]):typeof h[e[b].type]!="function"?h[e[b].type]:h[e[b].type]({stepData:e[b],primaryColor:s.theme.colorPrimary}):Y.createElement(Y.Fragment,null)},E=e.filter(f=>f.complete).length;return n?(s.theme.modalContainer||(s.theme.borderRadius&&(Xr.borderRadius=s.theme.borderRadius+"px"),s.theme.modalContainer=Xr),Y.createElement(et,{onClose:r,visible:n,appearance:s},Y.createElement(gs,null,Y.createElement(Rn,null,Y.createElement(es,{appearance:s,className:a("checklistTitle",s)},t),Y.createElement(ts,{appearance:s,className:a("checklistSubtitle",s)},o)),Y.createElement(Zn,null,e&&e.length>0&&Y.createElement(os,{className:a("stepsContainer",s)},Y.createElement(rs,null,Y.createElement("div",{style:{flex:3}},Y.createElement(is,{className:a("stepsTitle",s)},i)),Y.createElement(fs,null,Y.createElement(ze,{style:{width:"100%"},count:E,total:e.length,appearance:s}))),Y.createElement(ns,null,Y.createElement(ss,{className:a("checklistStepListContainer",s),appearance:s},e.map((f,A)=>{var T;let y=b===A;return Y.createElement(cs,{selected:y,className:a(`checklistStepListItem${y?"Selected":""}`,s),key:`checklist-guide-step-${(T=f.id)!=null?T:A}`,disabled:f.blocked,onClick:()=>{f.blocked||v(A)},title:f.blocked?"Finish remaining steps to continue":void 0},y&&Y.createElement(pr,{className:a("checklistStepItemSelectedIndicator",s),layoutId:"checklist-step-selected",style:{backgroundColor:s.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),Y.createElement(ms,{selected:y,className:a(`checklistStepListStepName${y?"Selected":""}`,s)},f.stepName),Y.createElement(us,null,Y.createElement(pt,{value:f.complete,type:"round",primaryColor:s.theme.colorPrimary,progress:f.progress,appearance:s}),Y.createElement(hs,null,Y.createElement(po,{style:{marginLeft:"10px"},color:s.theme.colorBackgroundSecondary}))))})),Y.createElement($,null))),u&&u.length>0&&Y.createElement(Mo,{steps:u,title:c,primaryColor:s.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:s,onButtonClick:f=>(g&&g(f),!0)}))))):Y.createElement(Y.Fragment,null)},Qr=ic;import Me,{useEffect as nc,useState as sc}from"react";import Fe from"react";import ft from"styled-components";var Ps=ft.div`
|
|
1127
1128
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1128
1129
|
border: 1px solid;
|
|
1129
1130
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1135,14 +1136,14 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1135
1136
|
display: flex;
|
|
1136
1137
|
flex-direction: column;
|
|
1137
1138
|
transition: max-height 0.25s;
|
|
1138
|
-
`,
|
|
1139
|
+
`,vs=ft.div`
|
|
1139
1140
|
display: flex;
|
|
1140
1141
|
margin-bottom: 20px;
|
|
1141
|
-
`,
|
|
1142
|
+
`,Bs=ft.img`
|
|
1142
1143
|
border-radius: 4px;
|
|
1143
1144
|
max-height: 260px;
|
|
1144
1145
|
min-height: 200px;
|
|
1145
|
-
`,
|
|
1146
|
+
`,Es=ft.div`
|
|
1146
1147
|
display: flex;
|
|
1147
1148
|
flex-direction: row;
|
|
1148
1149
|
justify-content: space-between;
|
|
@@ -1151,7 +1152,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1151
1152
|
:hover {
|
|
1152
1153
|
opacity: 0.8;
|
|
1153
1154
|
}
|
|
1154
|
-
`,
|
|
1155
|
+
`,As=ft.p`
|
|
1155
1156
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1156
1157
|
font-style: normal;
|
|
1157
1158
|
font-weight: 500;
|
|
@@ -1162,23 +1163,23 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1162
1163
|
:hover {
|
|
1163
1164
|
opacity: 0.8;
|
|
1164
1165
|
}
|
|
1165
|
-
`,
|
|
1166
|
+
`,Is=ft.div`
|
|
1166
1167
|
cursor: pointer;
|
|
1167
1168
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
1168
1169
|
:hover {
|
|
1169
1170
|
opacity: 0.8;
|
|
1170
1171
|
}
|
|
1171
|
-
`,
|
|
1172
|
+
`,C0=ft.div``,Ns=ft.p`
|
|
1172
1173
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1173
1174
|
font-weight: 400;
|
|
1174
1175
|
font-size: 14px;
|
|
1175
1176
|
line-height: 22px;
|
|
1176
|
-
`,
|
|
1177
|
+
`,Os=ft.div`
|
|
1177
1178
|
display: flex;
|
|
1178
1179
|
flex-direction: row;
|
|
1179
1180
|
justify-content: flex-start;
|
|
1180
1181
|
align-items: center;
|
|
1181
|
-
`;var
|
|
1182
|
+
`;var Ls=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:l})=>{var c,g;let p=t?{}:{transform:"rotate(90deg)"},d=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.35s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.7s ease-out"};function s(){var S,F;return Fe.createElement(Fe.Fragment,null,e.imageUri||e.videoUri?Fe.createElement(vs,{className:a("stepMediaContainer",r)},e.imageUri?Fe.createElement(Bs,{className:a("stepImage",r),src:e.imageUri}):null,e.videoUri?Fe.createElement(ot,{appearance:r,videoUri:e.videoUri,autoplay:(S=e.props)==null?void 0:S.autoplayVideo}):null):null,Fe.createElement(Ns,{className:a("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:Q(e.subtitle)}),Fe.createElement(Ro,{className:a("checklistCTAContainer",r)},e.secondaryButtonTitle?Fe.createElement(le,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,Fe.createElement(le,{title:(F=e.primaryButtonTitle)!=null?F:"Continue",onClick:()=>i(),appearance:r})))}function u(){if(!l)return null;let S=l[e.type];return S?typeof S!="function"?S:S(e,r):null}return Fe.createElement(Ps,{"data-testid":`step-${e.id}`,className:a("checklistStepContainer",r),appearance:r},Fe.createElement(Es,{className:a("stepHeader",r),onClick:()=>o()},Fe.createElement(Os,{className:a("stepHeaderContent",r)},Fe.createElement(ar,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(c=r==null?void 0:r.theme)==null?void 0:c.colorPrimary,appearance:r}),Fe.createElement(As,{appearance:r,className:a("stepTitle",r),dangerouslySetInnerHTML:Q(e.title)})),Fe.createElement(Is,{className:a("stepChevronContainer",r),appearance:r},Fe.createElement(po,{style:V(w({},p),{transition:"transform 0.2s ease-in-out"})}))),Fe.createElement("div",{key:e.id,style:w({},d),className:a("stepContent",r)},(g=u())!=null?g:s()))};import co from"styled-components";var N0=co.div`
|
|
1182
1183
|
background: #ffffff;
|
|
1183
1184
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1184
1185
|
border-radius: 6px;
|
|
@@ -1192,26 +1193,26 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1192
1193
|
|
|
1193
1194
|
max-width: 800px;
|
|
1194
1195
|
min-width: 350px;
|
|
1195
|
-
|
|
1196
|
+
`,$s=co.div`
|
|
1196
1197
|
display: flex;
|
|
1197
1198
|
flex-direction: column;
|
|
1198
|
-
|
|
1199
|
+
`,Ms=co.h1`
|
|
1199
1200
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1200
1201
|
font-style: normal;
|
|
1201
1202
|
font-weight: 700;
|
|
1202
1203
|
font-size: 20px;
|
|
1203
1204
|
line-height: 24px;
|
|
1204
1205
|
margin-bottom: 8px;
|
|
1205
|
-
`,
|
|
1206
|
+
`,Ds=co.h2`
|
|
1206
1207
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
1207
1208
|
font-weight: 400;
|
|
1208
1209
|
font-size: 14px;
|
|
1209
1210
|
line-height: 23px;
|
|
1210
1211
|
margin: 2px 0 0 0;
|
|
1211
|
-
`,
|
|
1212
|
+
`,Us=co.div`
|
|
1212
1213
|
display: block;
|
|
1213
1214
|
width: 100%;
|
|
1214
|
-
`,
|
|
1215
|
+
`,_s=co.div`
|
|
1215
1216
|
display: flex;
|
|
1216
1217
|
width: 100%;
|
|
1217
1218
|
flex-direction: column;
|
|
@@ -1219,23 +1220,23 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1219
1220
|
padding: 24px;
|
|
1220
1221
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1221
1222
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1222
|
-
`;var lc=({title:e,subtitle:t,steps:o,onClose:i,visible:n,autoExpandFirstIncompleteStep:r=!0,autoCollapse:l=!0,autoExpandNextStep:p=!0,setSelectedStep:d,appearance:s,type:u,className:c,customStepTypes:g,style:S,onButtonClick:F})=>{let h=o.filter(E=>E.complete).length,[x,k]=sc(Array(o.length).fill(!0));nc(()=>{let E=[...x];if(r){for(let f=0;f<o.length;f++)if(!o[f].complete){E[f]=!1;break}k(E)}},[]);let b=E=>{let f=[...x];if(l)for(let A=0;A<x.length;++A)A!=E&&f[E]&&(f[A]=!0);f[E]=!x[E],k(f)};if(!n&&u=="modal")return Me.createElement(Me.Fragment,null);let v=Me.createElement(Me.Fragment,null,Me.createElement(
|
|
1223
|
+
`;var lc=({title:e,subtitle:t,steps:o,onClose:i,visible:n,autoExpandFirstIncompleteStep:r=!0,autoCollapse:l=!0,autoExpandNextStep:p=!0,setSelectedStep:d,appearance:s,type:u,className:c,customStepTypes:g,style:S,onButtonClick:F})=>{let h=o.filter(E=>E.complete).length,[x,k]=sc(Array(o.length).fill(!0));nc(()=>{let E=[...x];if(r){for(let f=0;f<o.length;f++)if(!o[f].complete){E[f]=!1;break}k(E)}},[]);let b=E=>{let f=[...x];if(l)for(let A=0;A<x.length;++A)A!=E&&f[E]&&(f[A]=!0);f[E]=!x[E],k(f)};if(!n&&u=="modal")return Me.createElement(Me.Fragment,null);let v=Me.createElement(Me.Fragment,null,Me.createElement($s,null,Me.createElement(Ms,{appearance:s,className:a("checklistTitle",s),dangerouslySetInnerHTML:Q(e)}),Me.createElement(Ds,{appearance:s,className:a("checklistSubtitle",s),dangerouslySetInnerHTML:Q(t)})),Me.createElement(ze,{display:"percent",count:h,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:s})),$=Me.createElement(Us,{className:Te(a("checklistContainer",s),c)},o.map((E,f)=>{var y;let A=x[f];return Me.createElement(Ls,{appearance:s,stepData:E,collapsed:A,key:`modal-checklist-${(y=E.id)!=null?y:f}`,onClick:()=>{b(f),d(f),F&&F(o[f],f,x[f]?"expand":"collapse")},onPrimaryButtonClick:()=>{b(f),p&&f<o.length-1&&d(f+1),E.handlePrimaryButtonClick&&E.handlePrimaryButtonClick()},onSecondaryButtonClick:()=>{E.handleSecondaryButtonClick&&E.handleSecondaryButtonClick()},customStepTypes:g})}));return u==="inline"?Me.createElement(_s,{appearance:s,className:Te(a("checklistInlineContainer",s),c),style:S},v,$):Me.createElement(Me.Fragment,null,Me.createElement(et,{onClose:i,visible:n,appearance:s,style:{maxWidth:"600px"},headerContent:v},$))},Zr=lc;import he,{useEffect as Rr,useRef as gc,useState as Ht}from"react";import{useEffect as ac,useState as pc}from"react";var Ws=()=>{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]=pc(t),n=null,r=()=>{n!==null?clearTimeout(n):l(),n=setTimeout(()=>{l()},16)},l=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,s])=>{if(!window)return[d,!1];let u=window.matchMedia(s);return u.addEventListener("change",r),[d,u.matches]}));i(p)};return ac(()=>{l()},[]),o};import mo from"react";import xe,{css as zs,keyframes as Hs}from"styled-components";var Vs=zs`
|
|
1223
1224
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1224
|
-
`,dc=
|
|
1225
|
+
`,dc=zs`
|
|
1225
1226
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1226
|
-
`,cc=
|
|
1227
|
+
`,cc=Hs`
|
|
1227
1228
|
from {
|
|
1228
1229
|
opacity: 0;
|
|
1229
1230
|
} to {
|
|
1230
1231
|
opacity: 1;
|
|
1231
1232
|
}
|
|
1232
|
-
`,mc=
|
|
1233
|
+
`,mc=Hs`
|
|
1233
1234
|
from {
|
|
1234
1235
|
opacity: 1;
|
|
1235
1236
|
} to {
|
|
1236
1237
|
opacity: 0;
|
|
1237
1238
|
}
|
|
1238
|
-
`,
|
|
1239
|
+
`,js=xe.div`
|
|
1239
1240
|
margin: 0 -20px;
|
|
1240
1241
|
overflow-x: auto;
|
|
1241
1242
|
padding-left: 20px;
|
|
@@ -1252,13 +1253,13 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1252
1253
|
::-webkit-scrollbar {
|
|
1253
1254
|
display: none;
|
|
1254
1255
|
}
|
|
1255
|
-
`,
|
|
1256
|
+
`,Gs=xe.div`
|
|
1256
1257
|
display: flex;
|
|
1257
1258
|
flex-flow: row nowrap;
|
|
1258
1259
|
gap: 0 16px;
|
|
1259
1260
|
scroll-snap-align: center;
|
|
1260
1261
|
scroll-snap-stop: always;
|
|
1261
|
-
`,
|
|
1262
|
+
`,Ks=xe.div`
|
|
1262
1263
|
animation: ${e=>e.reversed?mc:cc} 0.25s ease-out;
|
|
1263
1264
|
background: linear-gradient(
|
|
1264
1265
|
to right,
|
|
@@ -1268,8 +1269,8 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1268
1269
|
position: absolute;
|
|
1269
1270
|
width: 64px;
|
|
1270
1271
|
z-index: 10;
|
|
1271
|
-
`,
|
|
1272
|
-
${
|
|
1272
|
+
`,qs=xe.button`
|
|
1273
|
+
${Vs}
|
|
1273
1274
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1274
1275
|
align-items: center;
|
|
1275
1276
|
border-radius: 50%;
|
|
@@ -1280,11 +1281,11 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1280
1281
|
justify-content: center;
|
|
1281
1282
|
position: absolute;
|
|
1282
1283
|
width: 48px;
|
|
1283
|
-
`,
|
|
1284
|
+
`,Ys=xe.div`
|
|
1284
1285
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1285
1286
|
padding: 20px;
|
|
1286
|
-
`,
|
|
1287
|
-
${
|
|
1287
|
+
`,Js=xe(Ys)`
|
|
1288
|
+
${Vs}
|
|
1288
1289
|
background: ${({theme:e})=>e.colorBackground};
|
|
1289
1290
|
position: relative;
|
|
1290
1291
|
|
|
@@ -1296,25 +1297,25 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1296
1297
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1297
1298
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1298
1299
|
}
|
|
1299
|
-
`,
|
|
1300
|
+
`,Xs=xe.img`
|
|
1300
1301
|
border-radius: 50%;
|
|
1301
1302
|
height: 40px;
|
|
1302
1303
|
margin-bottom: 12px;
|
|
1303
1304
|
width: 40px;
|
|
1304
|
-
`,
|
|
1305
|
+
`,Qs=xe(Ys)`
|
|
1305
1306
|
${e=>B(e)} {
|
|
1306
1307
|
${dc}
|
|
1307
1308
|
|
|
1308
1309
|
background: ${({theme:e})=>e.colorBackground};
|
|
1309
1310
|
}
|
|
1310
|
-
`,
|
|
1311
|
+
`,J0=xe.div`
|
|
1311
1312
|
color: ${({theme:e})=>e.colorPrimary};
|
|
1312
1313
|
display: flex;
|
|
1313
1314
|
flex-flow: row nowrap;
|
|
1314
1315
|
align-items: center;
|
|
1315
|
-
`,
|
|
1316
|
+
`,X0=xe.div`
|
|
1316
1317
|
white-space: nowrap;
|
|
1317
|
-
`,
|
|
1318
|
+
`,Zs=xe.div`
|
|
1318
1319
|
background: #d8fed8;
|
|
1319
1320
|
border-radius: 6px;
|
|
1320
1321
|
float: right;
|
|
@@ -1326,9 +1327,9 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1326
1327
|
line-height: 22px;
|
|
1327
1328
|
letter-spacing: calc(18px * -0.01);
|
|
1328
1329
|
margin: 0;
|
|
1329
|
-
`,
|
|
1330
|
+
`,Rs=xe(uc)`
|
|
1330
1331
|
margin-bottom: 4px;
|
|
1331
|
-
`,
|
|
1332
|
+
`,el=xe.div`
|
|
1332
1333
|
display: flex;
|
|
1333
1334
|
flex-flow: row nowrap;
|
|
1334
1335
|
align-items: center;
|
|
@@ -1339,7 +1340,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1339
1340
|
line-height: 20px;
|
|
1340
1341
|
letter-spacing: calc(16px * -0.01);
|
|
1341
1342
|
margin: 0;
|
|
1342
|
-
`,
|
|
1343
|
+
`,tl=xe(fc)`
|
|
1343
1344
|
margin-bottom: 4px;
|
|
1344
1345
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1345
1346
|
`}
|
|
@@ -1349,7 +1350,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1349
1350
|
font-size: 14px;
|
|
1350
1351
|
line-height: 22px;
|
|
1351
1352
|
margin: 0;
|
|
1352
|
-
`,
|
|
1353
|
+
`,ol=xe.p`
|
|
1353
1354
|
color: ${({theme:e})=>e.colorText};
|
|
1354
1355
|
font-weight: 600;
|
|
1355
1356
|
font-size: 12px;
|
|
@@ -1361,7 +1362,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1361
1362
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1362
1363
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1363
1364
|
`}
|
|
1364
|
-
`;var
|
|
1365
|
+
`;var rl=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=ce(),{primaryCTAClickSideEffects:n}=fe();o=i(o);let{imageUri:r=null,subtitle:l=null,title:p=null,complete:d=!1,blocked:s=!1}=e,u=e.primaryButtonTitle||e.secondaryButtonTitle,c=()=>{n(e)};return mo.createElement(Js,{className:a("carouselCard",o),onClick:s?null:c,style:t,blocked:s,complete:d},r&&mo.createElement(Xs,{className:a("carouselCardImage",o),src:r,alt:p,style:{opacity:d||s?.4:1}}),d&&mo.createElement(Zs,{className:a("carouselCompletedPill",o)},mo.createElement(ol,{style:{color:"#108E0B"}},"Complete")),p&&mo.createElement(tl,{blocked:s,complete:d,className:a("carouselCardTitle",o),dangerouslySetInnerHTML:Q(p)}),l&&mo.createElement(Tt.Quiet,{blocked:s,complete:d,className:a("carouselCardSubtitle",o),dangerouslySetInnerHTML:Q(l)}))};var hc=()=>he.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},he.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),he.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),he.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),il=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=Ht(!1),[r,l]=Ht(!1);Rr(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&l(!0)},[t]);let p=()=>{n(!1),l(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?he.createElement(Ks,{style:d,reversed:r,onAnimationEnd:r?p:null},he.createElement(qs,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},he.createElement(hc,null))):null},nl=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=gc(null),[r,l]=Ht(!1),[p,d]=Ht(!1),[s,u]=Ht(null),[c,g]=Ht([]),[S,F]=Ht(0),{isSmall:h}=Ws(),x=h?1:3,{getFlowMetadata:k,getFlowSteps:b,getNumberOfStepsCompleted:v,updateCustomVariables:$,isLoading:E}=ne();Rr(()=>{$(o)},[o,E]),Rr(()=>{if(E)return;let N=k(e),D=v(e),z=b(e);u(N),(N.data!==null||N.steps!==null)&&(g(z.sort((j,_)=>Number(j.complete)-Number(_.complete))),d(z.length>x),F(D))},[E]);let f=[];for(let N=0;N<c.length;N+=x)f.push(c.slice(N,N+x));let A=N=>{let D=N.target,z=D.scrollWidth-D.clientWidth,j=Math.ceil(D.scrollLeft);j>0&&r===!1&&l(!0),j===0&&r===!0&&l(!1),j<z&&p===!1&&d(!0),j===z&&p===!0&&d(!1)},y=(N=!0)=>{let D=N?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*D,behavior:"smooth"})},T=null,I=N=>{T!==null?clearTimeout(T):A(N),T=setTimeout(()=>{A(N)},16)};return E?null:he.createElement(Qs,{className:Te(a("carouselContainer",t),i)},he.createElement("div",{style:{display:"flex",justifyContent:h?"center":"space-between",marginBottom:20,flexWrap:h?"wrap":"nowrap",gap:h?16:20}},he.createElement("div",null,he.createElement(Rs,{className:a("carouselTitle",t),dangerouslySetInnerHTML:Q(s==null?void 0:s.title)}),he.createElement(Tt.Quiet,{className:a("carouselSubtitle",t),dangerouslySetInnerHTML:Q(s==null?void 0:s.subtitle)})),he.createElement(el,{className:a("progressWrapper",t)},he.createElement(ze,{count:S,total:c.length,appearance:t}))),he.createElement("div",{style:{position:"relative"}},he.createElement(il,{show:r,onClick:()=>y(!1)}),he.createElement(il,{side:"right",show:p,onClick:y}),he.createElement(js,{ref:n,onScroll:I},f.map((N,D)=>he.createElement(Gs,{key:D,style:{flex:`0 0 calc(100% - ${c.length>x?36:0}px)`}},N.map((z,j)=>he.createElement(rl,{key:j,stepData:z,style:{flex:c.length>x?`0 1 calc(100% / ${x} - 16px * 2 / ${x})`:1},appearance:t})))))),he.createElement(ae,{appearance:t}))};var ti=$=>{var E=$,{flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:n,className:r,type:l="inline",onDismiss:p,visible:d,customVariables:s,onStepCompletion:u,onButtonClick:c,appearance:g,hideOnFlowCompletion:S,setVisible:F,customStepTypes:h,checklistStyle:x="default",autoExpandFirstIncompleteStep:k,autoExpandNextStep:b}=E,v=$e(E,["flowId","title","subtitle","style","initialSelectedStep","className","type","onDismiss","visible","customVariables","onStepCompletion","onButtonClick","appearance","hideOnFlowCompletion","setVisible","customStepTypes","checklistStyle","autoExpandFirstIncompleteStep","autoExpandNextStep"]);let{getFlow:f,getFlowSteps:A,markStepCompleted:y,getStepStatus:T,getNumberOfStepsCompleted:I,isLoading:N,targetingLogicShouldHideFlow:D,updateCustomVariables:z,getFlowMetadata:j,isStepBlocked:_,getFlowStatus:G,hasActiveFullPageFlow:K,setHasActiveFullPageFlow:O,markStepStarted:ee,getCurrentStepIndex:q}=ne(),{primaryCTAClickSideEffects:se,secondaryCTAClickSideEffects:Se}=fe(),{getOpenFlowState:ke,setOpenFlowState:R}=Ie(),[U,ie]=sl(n||0),[Pe,je]=sl(!1),ve=d===void 0?ke(e):d,pe=l==="modal",{mergeAppearanceWithDefault:H}=ce();Ke(e,d);let J=A(e),te=q(e);if(g=H(g),ei(()=>{z(s)},[s,N]),ei(()=>{d!==void 0&&(pe&&d===!0?O(!0):pe&&d===!1&&O(!1))},[d,F,K]),ei(()=>{U!==te&&ie(te)},[te]),N)return null;let M=f(e);if(!M||D(M)||!J||S===!0&&G(e)===de)return null;let Z=j(e);if(Z!=null&&Z.title&&(t=Z.title),Z!=null&&Z.subtitle&&(o=Z.subtitle),!Pe&&n===void 0&&I(e)>0){let m=J.findIndex(C=>C.complete===!1);ie(m>-1?m:J.length-1),je(!0)}function we(){if(U+1>=J.length){pe&&R(e,!1);return}_(e,J[U+1].id)||ie(U+1)}function Ge(m,C,P){let W=U+1<J.length?J[U+1]:null;c&&c(m,U,C,W)===!0&&pe&&Qe(),u&&u(m,P,W),!u&&!c&&(m.primaryButtonUri||m.secondaryButtonUri)&&pe&&Qe()}function xt(){return J.map((m,C)=>V(w({},m),{handleSecondaryButtonClick:()=>{we(),Se(m),m.skippable===!0&&y(e,m.id,{skipped:!0}),Ge(m,"secondary",C)},handlePrimaryButtonClick:()=>{(!m.completionCriteria&&(m.autoMarkCompleted||m.autoMarkCompleted===void 0)||m.completionCriteria&&m.autoMarkCompleted===!0)&&(y(e,m.id),we()),Ge(m,"primary",C),se(m),T(e,m.id)===Ue&&we()}}))}function Ye(){return Ce.createElement(ae,{appearance:g})}let nt={steps:xt(),title:t,subtitle:o,primaryColor:g.theme.colorPrimary,appearance:g,customStepTypes:h,type:l,className:r,autoExpandFirstIncompleteStep:k,autoExpandNextStep:b};function Qe(){R(e,!1),p&&p(),F&&F(!1)}function vt(){return Ce.createElement(Ce.Fragment,null,Ce.createElement(Ye,null),Ce.createElement(nl,{flowId:e,appearance:g,customVariables:s,className:r}))}function jt(){return Ce.createElement(Ce.Fragment,null,Ce.createElement(Ye,null),Ce.createElement(Zr,w({visible:ve,onClose:()=>{Qe()},selectedStep:U,setSelectedStep:ie,autoExpandNextStep:!0,appearance:g,onButtonClick:c},nt)))}function Gt(){var P;let m=v.guideFlowId,C;return m&&f(m)&&(C=A(m)),Ce.createElement(Ce.Fragment,null,Ce.createElement(Ye,null),Ce.createElement(Qr,w({visible:ve,stepsTitle:Z.stepsTitle?Z.stepsTitle:"Your quick start guide",onClose:()=>{Qe()},selectedStep:U,setSelectedStep:ie,guideData:C,guideTitle:(P=v.guideTitle)!=null?P:"Guide",appearance:g,title:t,subtitle:o,onGuideButtonClick:W=>{Ge(W,"link",0)},customStepTypes:h},nt)))}function Bt(){let m=Ce.createElement(Jr,w({flowId:e,style:i,selectedStep:U,setSelectedStep:ie,appearance:g,type:l},nt));return pe?Ce.createElement(et,{onClose:()=>{Qe()},visible:ve,appearance:g,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},Ce.createElement(Ye,null),m):Ce.createElement(Ce.Fragment,null,Ce.createElement(Ye,null),m)}switch(x){case"condensed":return jt();case"with-guide":return Gt();case"default":return Bt();case"carousel":return vt();default:return Bt()}};var Cc=e=>xc.createElement(ti,w({type:"inline"},e));import kt,{useEffect as yc}from"react";import it from"react";import gr from"styled-components";var ll=gr.div`
|
|
1365
1366
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1366
1367
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1367
1368
|
padding: 10px 12px 10px 12px;
|
|
@@ -1373,27 +1374,27 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1373
1374
|
&:hover {
|
|
1374
1375
|
filter: brightness(.99);
|
|
1375
1376
|
}
|
|
1376
|
-
`,
|
|
1377
|
+
`,al=gr.div`
|
|
1377
1378
|
display: flex;
|
|
1378
1379
|
flex-direction: row;
|
|
1379
1380
|
justify-content: space-between;
|
|
1380
1381
|
align-items: center;
|
|
1381
1382
|
margin-bottom: ${e=>e.type==="condensed"?"0":"6px"};
|
|
1382
1383
|
flex-grow: 2;
|
|
1383
|
-
`,
|
|
1384
|
+
`,pl=gr.div`
|
|
1384
1385
|
text-overflow: ellipsis;
|
|
1385
1386
|
font-weight: 600;
|
|
1386
1387
|
font-size: 14px;
|
|
1387
1388
|
line-height: 16px;
|
|
1388
1389
|
margin-right: ${e=>e.type==="condensed"?"8px":"0"};
|
|
1389
1390
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1390
|
-
`,
|
|
1391
|
+
`,dl=gr.div`
|
|
1391
1392
|
width: 20px;
|
|
1392
1393
|
margin-right: 8px;
|
|
1393
1394
|
display: flex;
|
|
1394
1395
|
height: 100%;
|
|
1395
1396
|
align-items: center;
|
|
1396
|
-
`;var
|
|
1397
|
+
`;var cl=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:l,type:p="default"})=>it.createElement(it.Fragment,null,it.createElement(ae,{appearance:l}),it.createElement(ll,{onClick:()=>i!==void 0&&i(),styleOverrides:w(w({},p=="condensed"?{display:"flex",justifyContent:"space-between"}:{}),n),className:Te(r!=null?r:"",a("progressBadgeContainer",l)),appearance:l},p=="condensed"&&o&&o!==0&&it.createElement(dl,{className:a("progressRingContainer",l)},it.createElement(Zt,{size:19,percentage:t/o,fillColor:l.theme.colorPrimary,bgColor:l.theme.colorBackgroundSecondary})),it.createElement(al,{type:p,className:a("badgeTitleContainer",l)},it.createElement(pl,{type:p,appearance:l,className:a("badgeTitle",l)},e),i!==void 0&&it.createElement(po,{className:a("badgeChevron",l),color:l.theme.colorPrimary})),p=="default"&&o&&o!==0&&it.createElement(ze,{display:"compact",count:t,total:o,bgColor:l.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:l,textStyle:{color:"#818898"}})));import Ft from"react";import Do from"styled-components";var ml=Do.div`
|
|
1397
1398
|
display: flex;
|
|
1398
1399
|
flex-direction: row;
|
|
1399
1400
|
width: 100%;
|
|
@@ -1403,25 +1404,25 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1403
1404
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1404
1405
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1405
1406
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1406
|
-
`,
|
|
1407
|
+
`,ul=Do.div`
|
|
1407
1408
|
${e=>B(e)} {
|
|
1408
1409
|
display: flex;
|
|
1409
1410
|
justify-content: center;
|
|
1410
1411
|
align-items: center;
|
|
1411
1412
|
margin-right: 16px;
|
|
1412
1413
|
}
|
|
1413
|
-
`,
|
|
1414
|
+
`,fl=Do.div`
|
|
1414
1415
|
display: flex;
|
|
1415
1416
|
flex-direction: column;
|
|
1416
1417
|
flex: 1;
|
|
1417
1418
|
margin-top: 0;
|
|
1418
|
-
`,
|
|
1419
|
+
`,gl=Do.div`
|
|
1419
1420
|
display: flex;
|
|
1420
1421
|
flex-direction: column;
|
|
1421
1422
|
justify-content: center;
|
|
1422
1423
|
margin-left: 16px;
|
|
1423
1424
|
min-width: 200px;
|
|
1424
|
-
`,
|
|
1425
|
+
`,eb=Do.div`
|
|
1425
1426
|
display: flex;
|
|
1426
1427
|
justify-content: center;
|
|
1427
1428
|
align-items: flex-end;
|
|
@@ -1430,7 +1431,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1430
1431
|
:hover {
|
|
1431
1432
|
opacity: 0.8;
|
|
1432
1433
|
}
|
|
1433
|
-
`;var
|
|
1434
|
+
`;var hl=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:l,style:p,onClick:d})=>Ft.createElement(Ft.Fragment,null,Ft.createElement(ml,{appearance:i,className:Te(a("fullWidthProgressBadgeContainer",i),l!=null?l:""),style:p,onClick:()=>d!==void 0&&d()},o&&Ft.createElement(ul,{className:a("fullWidthProgressBadgeIcon",i)},o),Ft.createElement(fl,null,Ft.createElement(Oe,{size:"small",appearance:i,title:e,subtitle:t})),Ft.createElement(gl,{className:a("fullWidthProgressBadgeProgressContainer",i)},Ft.createElement(ze,{count:n,total:r,display:"percent",textLocation:"top"}))));var Sc=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:l,customVariables:p,hideOnFlowCompletion:d,appearance:s,type:u="default"})=>{let{getFlow:c,getFlowSteps:g,getFlowStatus:S,getNumberOfStepsCompleted:F,isLoading:h,targetingLogicShouldHideFlow:x,updateCustomVariables:k}=ne(),{mergeAppearanceWithDefault:b}=ce();s=b(s);let{setOpenFlowState:v,getOpenFlowState:$}=Ie();if(yc(()=>{k(p)},[p,h]),h)return null;let E=c(e);if(!E||x(E)||d===!0&&S(e)===de)return null;let f=g(e),A=F(e);return u==="full-width"?kt.createElement(kt.Fragment,null,kt.createElement(ae,{appearance:s}),kt.createElement(hl,{title:t,subtitle:o,count:A,total:f.length,style:n,className:l,appearance:s,icon:i,onClick:r})):kt.createElement(kt.Fragment,null,kt.createElement(ae,{appearance:s}),kt.createElement(cl,{count:A,total:f.length,title:t,style:n,onClick:()=>{v(e,!0),r&&r()},type:u,className:l,appearance:s}))};import bc from"react";var wc=n=>{var r=n,{flowId:e,style:t,appearance:o}=r,i=$e(r,["flowId","style","appearance"]);let{getFlow:l,targetingLogicShouldHideFlow:p,getFlowSteps:d}=ne(),{mergeAppearanceWithDefault:s}=ce();o=s(o);let u=l(e);if(!u||p(u))return null;let c=d(e);return bc.createElement(Mo,w({steps:c,style:t,appearance:o},i))};import gt,{useContext as $c,useEffect as Mc}from"react";import X,{useEffect as uo,useLayoutEffect as yl,useRef as Bc,useState as fo}from"react";import Uo from"styled-components";import{useCallback as Tc,useEffect as Fc,useState as kc}from"react";var oi=(e,t,o,i={x:20,y:20},n)=>{let r=n=="fixed"?0:window.scrollY,l=n=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+i.x+l,y:e.top-i.y+r}:t==="right"?{x:e.left+e.width+i.x+l,y:e.top-i.y+r}:{x:0,y:0}};function xl(e,t){let o="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[i,n]=kc(o),r=Tc(()=>{e&&n(e.getBoundingClientRect())},[e]);return Fc(()=>(r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)),[e,t]),i}import{useContext as Pc,useState as vc}from"react";function Cl(){let{debug:e}=Pc(re),[t,o]=vc([]);function i(r){e&&(t.find(l=>l===r)||(o([...t,r]),console.log(r)))}function n(r){e&&(t.find(l=>l===r)||(o([...t,r]),console.warn(r)))}return{logIfDebugMode:i,logErrorIfDebugMode:n}}var Sl=300,bl=100,Ec=500,go=12,Ac=Uo.div`
|
|
1434
1435
|
width: 100%;
|
|
1435
1436
|
height: 100%;
|
|
1436
1437
|
border-radius: 9999px;
|
|
@@ -1462,16 +1463,16 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1462
1463
|
opacity: 1;
|
|
1463
1464
|
`,Nc=Uo.div`
|
|
1464
1465
|
pointer-events: all;
|
|
1465
|
-
`,
|
|
1466
|
+
`,wl=Uo.div`
|
|
1466
1467
|
display: flex;
|
|
1467
1468
|
align-content: center;
|
|
1468
1469
|
justify-content: center;
|
|
1469
1470
|
align-items: center;
|
|
1470
1471
|
z-index: ${e=>e.zIndex?e.zIndex:90};
|
|
1471
|
-
`,Oc=Uo(
|
|
1472
|
+
`,Oc=Uo(wl)`
|
|
1472
1473
|
width: ${go+12}px;
|
|
1473
1474
|
height: ${go+12}px;
|
|
1474
|
-
`,Lc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:l={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:u,appearance:c,dismissible:g=!1,showHighlightOnly:S,showStepCount:F=!0,completedStepsCount:h=0,showFrigadeBranding:x=!1,cssPosition:k="absolute",onViewTooltip:b,className:v})=>{var xt,Ye,nt,Qe,vt,jt,Gt,Bt,m,C,P,W,Be,Et,At,It,ge,xo,Co;let{logErrorIfDebugMode:$}=
|
|
1475
|
+
`,Lc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:l={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:u,appearance:c,dismissible:g=!1,showHighlightOnly:S,showStepCount:F=!0,completedStepsCount:h=0,showFrigadeBranding:x=!1,cssPosition:k="absolute",onViewTooltip:b,className:v})=>{var xt,Ye,nt,Qe,vt,jt,Gt,Bt,m,C,P,W,Be,Et,At,It,ge,xo,Co;let{logErrorIfDebugMode:$}=Cl(),[E,f]=fo(),[A,y]=fo(new Date),T=Bc(null),[I,N]=fo(document.querySelector(e[s].selector)),D=xl(I,A),[z,j]=fo(),[_,G]=fo(!S),K=(Ye=(xt=e[s])==null?void 0:xt.props)!=null&&Ye.position?e[s].props.position:k,O=(vt=(Qe=(nt=e[s])==null?void 0:nt.props)==null?void 0:Qe.zIndex)!=null?vt:90,ee=(jt=E==null?void 0:E.width)!=null?jt:Sl,q=(Gt=E==null?void 0:E.height)!=null?Gt:bl,[se,Se]=fo(new Date().getTime());l=(C=(m=(Bt=e[s])==null?void 0:Bt.props)==null?void 0:m.offset)!=null?C:l;let ke=window.location.pathname.split("/").pop();yl(()=>{T.current&&f({width:T.current.clientWidth,height:T.current.clientHeight})},[s,A,K]),uo(()=>{S||G(!0)},[s]),uo(()=>{p&&_&&b(s)},[_]);let R=()=>{if(K==="static")return;let oe=document.querySelector(e[s].selector);if(!oe){j(void 0),N(null),$(`FrigadeTour: Could not find element with selector "${e[s].selector}" for step ${e[s].id}`);return}z&&z===JSON.stringify(oe==null?void 0:oe.getBoundingClientRect())||(N(oe),y(new Date),oe&&j(JSON.stringify(oe.getBoundingClientRect())))};if(uo(()=>{let oe=new MutationObserver(R);return oe.observe(document.body,{subtree:!0,childList:!0}),()=>oe.disconnect()},[R]),uo(()=>{let oe=new MutationObserver(R);return oe.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>oe.disconnect()},[R]),uo(()=>{let oe=setInterval(()=>{R()},10);return()=>clearInterval(oe)},[R]),yl(()=>{setTimeout(()=>{R()},Ec),R()},[s,ke]),uo(()=>{if(!p)return;let oe=Ze=>{Ze.key==="Escape"&&t()};return document.addEventListener("keydown",oe),()=>{document.removeEventListener("keydown",oe)}},[]),I===null||!p)return null;let U=i==="auto"?"right":i,ie=oi(D,U,ee,l,K),Pe=D.right+ee>(window.innerWidth||document.documentElement.clientWidth),je=D.bottom+bl>(window.innerHeight||document.documentElement.clientHeight);Pe&&i==="auto"&&(ie=oi(D,"left",ee,l,K),U="left"),(W=(P=e[s])==null?void 0:P.props)!=null&&W.tooltipPosition&&((Et=(Be=e[s])==null?void 0:Be.props)==null?void 0:Et.tooltipPosition)!=="auto"&&(((It=(At=e[s])==null?void 0:At.props)==null?void 0:It.tooltipPosition)==="left"||((xo=(ge=e[s])==null?void 0:ge.props)==null?void 0:xo.tooltipPosition)==="right")&&(U=e[s].props.tooltipPosition);let ve=()=>{let oe=()=>{if(e[s].handlePrimaryButtonClick&&(e[s].handlePrimaryButtonClick(),G(!1),setTimeout(()=>{R()},30)),h===e.length-1)return o()},Ze=()=>{e[s].handleSecondaryButtonClick&&(e[s].handleSecondaryButtonClick(),S&&!e[s].secondaryButtonUri&&G(!1))};return X.createElement(X.Fragment,null,F&&e.length>1&&X.createElement(Pi,null,X.createElement(Bi,{role:"status",className:a("tooltipStepCounter",c)},s+1," of ",e.length)),(e[s].primaryButtonTitle||e[s].secondaryButtonTitle)&&X.createElement(vi,{showStepCount:F,className:a("tooltipCTAContainer",c)},e[s].secondaryButtonTitle&&X.createElement(le,{title:e[s].secondaryButtonTitle,appearance:c,onClick:Ze,size:"small",withMargin:!1,secondary:!0}),e[s].primaryButtonTitle&&X.createElement(le,{title:e[s].primaryButtonTitle,appearance:c,onClick:oe,autoFocus:!0,withMargin:!1,size:"small"})))},pe=()=>{var oe;return X.createElement(X.Fragment,null,g&&X.createElement(bi,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:a("tooltipClose",c),hasImage:!!e[s].imageUri||!!e[s].videoUri,"aria-label":"Close Tooltip",role:"button",tabIndex:0},X.createElement(Ne,null)),e[s].imageUri&&X.createElement(wi,{dismissible:g,appearance:c,role:"img","aria-label":e[s].title,src:e[s].imageUri,className:a("tooltipImageContainer",c)}),e[s].videoUri&&!e[s].imageUri&&X.createElement(Ti,{dismissible:g,appearance:c,role:"video","aria-label":e[s].title,className:a("tooltipVideoContainer",c)},X.createElement(ot,{appearance:c,videoUri:e[s].videoUri,autoplay:(oe=e[s].props)==null?void 0:oe.autoplayVideo})),X.createElement(ki,{className:a("tooltipContentContainer",c)},X.createElement(Oe,{appearance:c,title:e[s].title,subtitle:e[s].subtitle,size:"small",ariaPrefix:`Tooltip${e[s].id}`}),X.createElement(Fi,{className:a("tooltipFooter",c)},X.createElement(ve,null))))},J=w(w({},{default:oe=>{var Ze;if((Ze=e[s])!=null&&Ze.StepContent){let na=e[s].StepContent;return X.createElement("div",null,na)}return X.createElement(pe,null)}}),u),te=()=>{var oe;return e?!((oe=e[s])!=null&&oe.type)||!J[e[s].type]?J.default(e[s]):J[e[s].type]({stepData:e[s],primaryColor:r}):X.createElement(X.Fragment,null)};if(e[s].complete===!0||ie.x==0&&ie.y==0&&new Date().getTime()-se<100)return null;let M={top:(ie==null?void 0:ie.y)-go,left:(Co=U=="left"?D.x+l.x:(ie==null?void 0:ie.x)-go)!=null?Co:0,cursor:S?"pointer":"default",position:K},Z=()=>{let Ze=M.left+(U=="left"?-ee:24);return Math.min(Math.max(Ze,20),window.innerWidth-ee-20)},we=()=>{if(K==="fixed")return M.top;let oe=M.top+q,Ze=20;return oe>window.innerHeight-Ze?M.top+-q:M.top},Ge=()=>{S&&(y(new Date),G(!_))};return X.createElement(Nc,{className:v},X.createElement(Oc,{style:M,zIndex:O,className:a("tourHighlightContainer",c)},n&&e[s].showHighlight!==!1&&k!=="static"&&X.createElement(X.Fragment,null,X.createElement(Ic,{style:{position:K},onClick:Ge,primaryColor:c.theme.colorPrimary,className:a("tourHighlightInnerCircle",c)}),X.createElement(Ac,{style:{position:"absolute"},onClick:Ge,primaryColor:c.theme.colorPrimary,className:a("tourHighlightOuterCircle",c)}))),X.createElement(wl,{style:V(w({},M),{left:Z(),top:we()}),zIndex:O+1,className:a("tooltipContainerWrapper",c)},_&&X.createElement(X.Fragment,null,X.createElement(Vo,{ref:T,role:"dialog","aria-labelledby":`frigadeTooltip${e[s].id}Title`,"aria-describedby":`frigadeTooltip${e[s].id}Subtitle`,layoutId:"tooltip-container",tabIndex:0,"aria-label":"Tooltip",style:w({position:"relative",width:"max-content",right:0,top:k!=="static"?12:0},d),appearance:c,className:a("tooltipContainer",c),maxWidth:Sl,zIndex:O+10},X.createElement(te,null)),x&&X.createElement(Ai,{className:a("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:O+10},X.createElement(jo,{appearance:c})))))},_o=Lc;import{Portal as Dc}from"react-portal";var Uc=x=>{var k=x,{flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:l,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:s=!1,dismissBehavior:u="skip-flow",onComplete:c,skipIfNotFound:g=!1,cssPosition:S="absolute",className:F}=k,h=$e(k,["flowId","customVariables","appearance","onStepCompletion","onButtonClick","showTooltipsSimultaneously","onDismiss","dismissible","tooltipPosition","showHighlightOnly","dismissBehavior","onComplete","skipIfNotFound","cssPosition","className"]);let{getFlow:b,getFlowSteps:v,isLoading:$,targetingLogicShouldHideFlow:E,markStepCompleted:f,markStepStarted:A,markFlowCompleted:y,markFlowSkipped:T,updateCustomVariables:I,getCurrentStepIndex:N,getStepStatus:D,isStepBlocked:z,getFlowStatus:j,getNumberOfStepsCompleted:_}=ne(),{isLoadingUserFlowStateData:G}=_e(),{primaryCTAClickSideEffects:K,secondaryCTAClickSideEffects:O}=fe(),{hasOpenModals:ee}=Ie(),q=N(e),{openFlowStates:se}=$c(re),{mergeAppearanceWithDefault:Se}=ce();if(o=Se(o),Mc(()=>{I(t)},[t,$]),G)return null;let ke=b(e);if(!ke||E(ke)||j(e)==de||ee())return null;let R=v(e);if(Object.keys(se).length>0){let M=Object.keys(se).find(Z=>se[Z]===!0);if(M!==void 0&&M!==e)return gt.createElement(gt.Fragment,null)}function U(M){return L(this,null,function*(){if(yield f(e,M.id),R.map(Z=>D(e,Z.id)).every(Z=>Z===Ue)){yield y(e);return}!s&&q+1<R.length&&!r&&z(e,R[q+1].id)})}function ie(M,Z,we){let Ge=q+1<R.length?R[q+1]:null;n&&n(M,q,Z,Ge),i&&i(M,we,Ge)}function Pe(){return R.map(M=>V(w({},M),{handleSecondaryButtonClick:()=>L(this,null,function*(){O(M),M.skippable===!0&&(yield f(e,M.id,{skipped:!0})),ie(M,"secondary",q)}),handlePrimaryButtonClick:()=>L(this,null,function*(){(!M.completionCriteria&&(M.autoMarkCompleted||M.autoMarkCompleted===void 0)||M.completionCriteria&&M.autoMarkCompleted===!0)&&(yield U(M)),ie(M,"primary",q),K(M)})}))}function je(M){return L(this,null,function*(){l&&l(),u==="skip-flow"?yield T(e):yield f(e,M.id)})}function ve(){c&&c()}function pe(M){return L(this,null,function*(){yield A(e,R[M].id)})}let H=!document.querySelector(R[q].selector);function J(){let M=R.findIndex((Z,we)=>!!document.querySelector(Z.selector)&&we>=q);return R.map((Z,we)=>r?gt.createElement(_o,w({key:Z.id,appearance:o,steps:Pe(),selectedStep:we,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>je(Z),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:_(e),onComplete:ve,cssPosition:S,onViewTooltip:pe,className:F},h)):g&&H&&we===M?gt.createElement(_o,w({key:Z.id,appearance:o,steps:Pe(),selectedStep:we,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>je(Z),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:_(e),onComplete:ve,cssPosition:S,onViewTooltip:pe,className:F},h)):we!=q?null:gt.createElement(_o,w({key:Z.id,appearance:o,steps:Pe(),selectedStep:we,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>je(Z),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:_(e),onComplete:ve,cssPosition:S,onViewTooltip:pe,className:F},h)))}function te(){return gt.createElement(gt.Fragment,null,gt.createElement(ae,{appearance:o}),J())}return S==="static"?te():gt.createElement(Dc,null,te())};import Le,{useEffect as _c,useRef as Wc,useState as zc}from"react";import{Portal as Hc}from"react-portal";import Vt from"styled-components";var Tl=Vt.button`
|
|
1475
1476
|
${e=>B(e)} {
|
|
1476
1477
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1477
1478
|
|
|
@@ -1489,17 +1490,17 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1489
1490
|
opacity: 0.8;
|
|
1490
1491
|
}
|
|
1491
1492
|
}
|
|
1492
|
-
`,
|
|
1493
|
+
`,Fl=Vt.span`
|
|
1493
1494
|
${e=>B(e)} {
|
|
1494
1495
|
font-size: 12px;
|
|
1495
1496
|
display: inline-block;
|
|
1496
1497
|
}
|
|
1497
|
-
`,
|
|
1498
|
+
`,kl=Vt.span`
|
|
1498
1499
|
${e=>B(e)} {
|
|
1499
1500
|
font-size: 12px;
|
|
1500
1501
|
display: inline-block;
|
|
1501
1502
|
}
|
|
1502
|
-
`,
|
|
1503
|
+
`,Pl=Vt.div`
|
|
1503
1504
|
position: fixed;
|
|
1504
1505
|
right: 0;
|
|
1505
1506
|
bottom: 0;
|
|
@@ -1509,7 +1510,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1509
1510
|
flex-direction: column;
|
|
1510
1511
|
align-items: flex-end;
|
|
1511
1512
|
z-index: 50;
|
|
1512
|
-
`,
|
|
1513
|
+
`,vl=Vt.button`
|
|
1513
1514
|
${e=>B(e)} {
|
|
1514
1515
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1515
1516
|
background-color: #ffffff;
|
|
@@ -1525,7 +1526,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1525
1526
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12);
|
|
1526
1527
|
border-radius: 45px;
|
|
1527
1528
|
cursor: pointer;
|
|
1528
|
-
`,
|
|
1529
|
+
`,Bl=Vt.div`
|
|
1529
1530
|
${e=>B(e)} {
|
|
1530
1531
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1531
1532
|
background: #ffffff;
|
|
@@ -1542,7 +1543,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1542
1543
|
position: ${e=>e.type=="inline"?"absolute":"relative"};
|
|
1543
1544
|
top: ${e=>e.type=="inline"?"68px":0};
|
|
1544
1545
|
margin-left: ${e=>e.type=="inline"?"-127px":0};
|
|
1545
|
-
`,
|
|
1546
|
+
`,El=Vt.button`
|
|
1546
1547
|
${e=>B(e)} {
|
|
1547
1548
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1548
1549
|
color: #434343;
|
|
@@ -1559,7 +1560,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1559
1560
|
font-size: 14px;
|
|
1560
1561
|
|
|
1561
1562
|
padding: 8px 12px;
|
|
1562
|
-
`;import
|
|
1563
|
+
`;import Al from"react";var Il=({style:e,className:t})=>Al.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},Al.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));import Nl from"react";var Ol=({style:e,className:t})=>Nl.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"},Nl.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 Vc=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:n="inline",title:r="Help",appearance:l})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:s,getStepStatus:u,getNumberOfStepsCompleted:c,isLoading:g,targetingLogicShouldHideFlow:S}=ne(),{primaryCTAClickSideEffects:F}=fe(),h=Wc(null),[x,k]=zc(!1),{mergeAppearanceWithDefault:b}=ce();l=b(l),_c(()=>(document.addEventListener("click",v,!1),()=>{document.removeEventListener("click",v,!1)}),[]);let v=y=>{h.current&&!h.current.contains(y.target)&&k(!1)};if(g)return null;let $=p(e);if(!$||S($))return null;let E=d(e);if(!E||!i)return null;function f(y,T){!y.completionCriteria&&(y.autoMarkCompleted||y.autoMarkCompleted===void 0)&&s(e,y.id),F(y),o&&o(y,T),k(!1)}function A(){return x&&Le.createElement(Bl,{className:a("floatingWidgetMenu",l),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:n},E.map((y,T)=>Le.createElement(El,{className:a("floatingWidgetMenuItem",l),key:T,onClick:()=>f(y,T)},y.title)))}return n=="inline"?Le.createElement("span",{ref:h},Le.createElement(ae,{appearance:l}),Le.createElement(Tl,{style:t,onClick:()=>{k(!x)},className:a("supportButton",l)},Le.createElement(kl,{className:a("supportIconContainer",l)},Le.createElement(Ol,{className:a("supportIcon",l),style:{width:"18px",height:"18px"}})),Le.createElement(Fl,{className:a("supportButtonTitle",l)},r)),Le.createElement(A,null)):Le.createElement(Hc,null,Le.createElement(ae,{appearance:l}),Le.createElement(Pl,{style:t,ref:h},Le.createElement(A,null),Le.createElement(vl,{onClick:()=>{k(!x)},whileHover:{scale:1.1},className:a("floatingWidgetButton",l)},Le.createElement(Il,{className:a("floatingWidgetButtonIcon",l),style:{display:"flex",width:"20px",height:"20px"}}))))};import Ve,{useEffect as Kc}from"react";import hr from"styled-components";var Ll=hr.div`
|
|
1563
1564
|
${e=>B(e)} {
|
|
1564
1565
|
display: flex;
|
|
1565
1566
|
flex-direction: column;
|
|
@@ -1574,18 +1575,18 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1574
1575
|
border-radius: 12px;
|
|
1575
1576
|
position: relative;
|
|
1576
1577
|
}
|
|
1577
|
-
|
|
1578
|
+
`,$l=hr.div`
|
|
1578
1579
|
display: flex;
|
|
1579
1580
|
flex-direction: column;
|
|
1580
1581
|
flex: 1;
|
|
1581
|
-
|
|
1582
|
+
`,Ml=hr.div`
|
|
1582
1583
|
display: flex;
|
|
1583
1584
|
flex-direction: row;
|
|
1584
1585
|
justify-content: flex-start;
|
|
1585
1586
|
align-items: center;
|
|
1586
1587
|
margin-top: 16px;
|
|
1587
1588
|
gap: 12px;
|
|
1588
|
-
`,
|
|
1589
|
+
`,Dl=hr.div`
|
|
1589
1590
|
${e=>B(e)} {
|
|
1590
1591
|
position: absolute;
|
|
1591
1592
|
top: 16px;
|
|
@@ -1596,7 +1597,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1596
1597
|
opacity: 0.8;
|
|
1597
1598
|
}
|
|
1598
1599
|
}
|
|
1599
|
-
`;import Pt from"styled-components";var
|
|
1600
|
+
`;import Pt from"styled-components";var Ul=Pt.div`
|
|
1600
1601
|
${e=>B(e)} {
|
|
1601
1602
|
display: flex;
|
|
1602
1603
|
flex-direction: column;
|
|
@@ -1607,18 +1608,18 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1607
1608
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1608
1609
|
position: relative;
|
|
1609
1610
|
}
|
|
1610
|
-
`,
|
|
1611
|
+
`,_l=Pt.div`
|
|
1611
1612
|
display: flex;
|
|
1612
1613
|
flex-direction: column;
|
|
1613
1614
|
flex: 1;
|
|
1614
|
-
`,
|
|
1615
|
+
`,Wl=Pt.div`
|
|
1615
1616
|
display: flex;
|
|
1616
1617
|
flex-direction: column;
|
|
1617
1618
|
justify-content: center;
|
|
1618
1619
|
align-items: center;
|
|
1619
1620
|
margin-bottom: 12px;
|
|
1620
1621
|
margin-top: 4px;
|
|
1621
|
-
`,
|
|
1622
|
+
`,zl=Pt.div`
|
|
1622
1623
|
display: flex;
|
|
1623
1624
|
flex-direction: row;
|
|
1624
1625
|
justify-content: center;
|
|
@@ -1628,7 +1629,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1628
1629
|
`,xr=Pt.div`
|
|
1629
1630
|
margin-top: 16px;
|
|
1630
1631
|
margin-bottom: 16px;
|
|
1631
|
-
`,
|
|
1632
|
+
`,Hl=Pt.div`
|
|
1632
1633
|
${e=>B(e)} {
|
|
1633
1634
|
position: absolute;
|
|
1634
1635
|
top: -16px;
|
|
@@ -1639,7 +1640,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1639
1640
|
opacity: 0.8;
|
|
1640
1641
|
}
|
|
1641
1642
|
}
|
|
1642
|
-
`,
|
|
1643
|
+
`,Vl=Pt.h1`
|
|
1643
1644
|
${e=>B(e)} {
|
|
1644
1645
|
font-style: normal;
|
|
1645
1646
|
justify-content: center;
|
|
@@ -1653,7 +1654,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1653
1654
|
color: ${e=>e.appearance.theme.colorText};
|
|
1654
1655
|
margin-bottom: 8px;
|
|
1655
1656
|
}
|
|
1656
|
-
`,
|
|
1657
|
+
`,jl=Pt.h2`
|
|
1657
1658
|
${e=>B(e)} {
|
|
1658
1659
|
font-style: normal;
|
|
1659
1660
|
justify-content: center;
|
|
@@ -1665,12 +1666,12 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1665
1666
|
letter-spacing: 0.28px;
|
|
1666
1667
|
margin-bottom: 8px;
|
|
1667
1668
|
}
|
|
1668
|
-
`;import
|
|
1669
|
+
`;import Gl from"react";import jc from"styled-components";var Gc=jc.img`
|
|
1669
1670
|
width: 100%;
|
|
1670
1671
|
height: 100%;
|
|
1671
1672
|
min-height: 200px;
|
|
1672
1673
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1673
|
-
`;function Cr({stepData:e,appearance:t,classPrefix:o=""}){var i;return e.videoUri?
|
|
1674
|
+
`;function Cr({stepData:e,appearance:t,classPrefix:o=""}){var i;return e.videoUri?Gl.createElement(ot,{appearance:t,videoUri:e.videoUri,autoplay:(i=e.props)==null?void 0:i.autoplayVideo}):e.imageUri?Gl.createElement(Gc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var qc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p,onClick:d})=>{let{getFlow:s,markFlowCompleted:u,markFlowSkipped:c,markStepCompleted:g,isLoading:S,targetingLogicShouldHideFlow:F,updateCustomVariables:h,getFlowSteps:x,getFlowStatus:k,getCurrentStepIndex:b}=ne(),{primaryCTAClickSideEffects:v,secondaryCTAClickSideEffects:$}=fe(),{mergeAppearanceWithDefault:E}=ce();if(Ke(e),n=E(n),Kc(()=>{h(o)},[o,S]),S)return null;let f=s(e);if(!f||F(f)||k(e)===de)return null;let y=x(e)[b(e)];return Ve.createElement(Ve.Fragment,null,Ve.createElement(ae,{appearance:n}),Ve.createElement(Ll,{appearance:n,className:Te(a("embeddedTipContainer",n),r),style:l,onClick:d},(p===!0||y.dismissible)&&Ve.createElement(Dl,{onClick:()=>L(void 0,null,function*(){yield c(e),t&&t()}),className:a("embeddedTipDismissButton",n)},Ve.createElement(Ne,null)),(y.imageUri||y.videoUri)&&Ve.createElement(xr,{className:a("embeddedTipMediaContainer",n)},Ve.createElement(Cr,{appearance:n,stepData:y})),Ve.createElement($l,null,Ve.createElement(Oe,{size:"small",appearance:n,title:y.title,subtitle:y.subtitle})),(y.primaryButtonTitle||y.secondaryButtonTitle)&&Ve.createElement(Ml,{className:a("embeddedTipCallToActionContainer",n)},y.primaryButtonTitle&&Ve.createElement(le,{classPrefix:"embeddedTip",title:y.primaryButtonTitle,appearance:n,withMargin:!1,size:"medium",type:"inline",onClick:()=>L(void 0,null,function*(){y.handlePrimaryButtonClick(),v(y),!(i&&i(y,b(e),"primary")===!1)&&(yield g(e,y.id),yield u(e))})}),y.secondaryButtonTitle&&Ve.createElement(le,{classPrefix:"embeddedTip",title:y.secondaryButtonTitle,appearance:n,withMargin:!1,size:"medium",type:"inline",onClick:()=>L(void 0,null,function*(){y.handleSecondaryButtonClick(),$(y),i&&i(y,b(e),"secondary")}),secondary:!0}))))};import Ae,{useEffect as Yc}from"react";import ho from"styled-components";var Kl=ho.div`
|
|
1674
1675
|
// use the :not annotation
|
|
1675
1676
|
${e=>B(e)} {
|
|
1676
1677
|
display: flex;
|
|
@@ -1682,24 +1683,24 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1682
1683
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1683
1684
|
border-radius: 12px;
|
|
1684
1685
|
}
|
|
1685
|
-
`,
|
|
1686
|
+
`,ql=ho.div`
|
|
1686
1687
|
${e=>B(e)} {
|
|
1687
1688
|
display: flex;
|
|
1688
1689
|
width: 46px;
|
|
1689
1690
|
height: 46px;
|
|
1690
1691
|
}
|
|
1691
|
-
`,
|
|
1692
|
+
`,Yl=ho.div`
|
|
1692
1693
|
display: flex;
|
|
1693
1694
|
flex-direction: column;
|
|
1694
1695
|
flex: 1;
|
|
1695
1696
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1696
1697
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1697
|
-
`,
|
|
1698
|
+
`,Jl=ho.div`
|
|
1698
1699
|
display: flex;
|
|
1699
1700
|
flex-direction: column;
|
|
1700
1701
|
justify-content: center;
|
|
1701
1702
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1702
|
-
`,
|
|
1703
|
+
`,ri=ho.div`
|
|
1703
1704
|
display: flex;
|
|
1704
1705
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1705
1706
|
align-items: flex-end;
|
|
@@ -1707,12 +1708,12 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1707
1708
|
:hover {
|
|
1708
1709
|
opacity: 0.8;
|
|
1709
1710
|
}
|
|
1710
|
-
`,
|
|
1711
|
+
`,ii=ho.div`
|
|
1711
1712
|
display: flex;
|
|
1712
1713
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1713
1714
|
align-items: flex-end;
|
|
1714
1715
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1715
|
-
`;import
|
|
1716
|
+
`;import ni from"react";var Xl=({style:e,className:t})=>ni.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},ni.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),ni.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var Jc=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:l,type:p="full-width",icon:d,onClick:s})=>{let{getFlow:u,markFlowCompleted:c,markFlowSkipped:g,isLoading:S,targetingLogicShouldHideFlow:F,updateCustomVariables:h,getFlowMetadata:x,getFlowStatus:k,getFlowSteps:b,getCurrentStepIndex:v}=ne(),{primaryCTAClickSideEffects:$}=fe(),{mergeAppearanceWithDefault:E}=ce();if(Ke(e),l=E(l),Yc(()=>{h(n)},[n,S]),S)return null;let f=u(e);if(!f||F(f)||k(e)===de)return null;let A=b(e),y=A.length>0?A[v(e)]:x(e);return y!=null&&y.title&&(t=y.title),y!=null&&y.subtitle&&(o=y.subtitle),Ae.createElement(Ae.Fragment,null,Ae.createElement(ae,{appearance:l}),Ae.createElement(Kl,{type:p,appearance:l,className:a("bannerContainer",l),onClick:s},p!="square"&&Ae.createElement(ql,{className:a("bannerIconContainer",l)},d||Ae.createElement(Xl,null)),p==="square"&&y.dismissible&&Ae.createElement(ii,{type:p,className:a("bannerDismissButtonContainer",l)},Ae.createElement(ri,{type:p,onClick:()=>L(void 0,null,function*(){yield g(e),i&&i()}),className:a("bannerDismissButton",l)},Ae.createElement(Ne,null))),Ae.createElement(Yl,{type:p},Ae.createElement(Oe,{appearance:l,title:t,subtitle:o,classPrefix:"banner"})),(y==null?void 0:y.primaryButtonTitle)&&Ae.createElement(Jl,{type:p,className:a("bannerCallToActionContainer",l)},Ae.createElement(le,{title:y==null?void 0:y.primaryButtonTitle,appearance:l,onClick:()=>{$(y),r&&r(y,0,"primary")},classPrefix:"banner"})),p!=="square"&&y.dismissible&&Ae.createElement(ii,{type:p,className:a("bannerDismissButtonContainer",l)},Ae.createElement(ri,{type:p,onClick:()=>L(void 0,null,function*(){yield g(e),i&&i()}),className:a("bannerDismissButton",l)},Ae.createElement(Ne,null)))))};import me,{useEffect as Xc}from"react";import{Portal as Qc}from"react-portal";import ht from"styled-components";var Ql=ht.div`
|
|
1716
1717
|
display: flex;
|
|
1717
1718
|
flex-direction: column;
|
|
1718
1719
|
width: 100%;
|
|
@@ -1734,7 +1735,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1734
1735
|
border-width: 1px;
|
|
1735
1736
|
border-color: ${t=>t.appearance.theme.colorBorder};
|
|
1736
1737
|
border-radius: ${t=>t.appearance.theme.borderRadius}px;`:""}
|
|
1737
|
-
`,
|
|
1738
|
+
`,Zl=ht.button`
|
|
1738
1739
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1739
1740
|
border-radius: 8px;
|
|
1740
1741
|
// If selected make border color primary and text color color priamry
|
|
@@ -1755,33 +1756,33 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1755
1756
|
display: flex;
|
|
1756
1757
|
justify-content: center;
|
|
1757
1758
|
align-items: center;
|
|
1758
|
-
`,
|
|
1759
|
+
`,si=ht.div`
|
|
1759
1760
|
display: flex;
|
|
1760
1761
|
justify-content: space-between;
|
|
1761
1762
|
margin-top: 16px;
|
|
1762
1763
|
gap: 8px;
|
|
1763
|
-
`,
|
|
1764
|
+
`,Rl=ht.div`
|
|
1764
1765
|
display: flex;
|
|
1765
1766
|
justify-content: space-between;
|
|
1766
1767
|
margin-top: 8px;
|
|
1767
|
-
`,
|
|
1768
|
+
`,li=ht.div`
|
|
1768
1769
|
font-size: 12px;
|
|
1769
1770
|
line-height: 18px;
|
|
1770
1771
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1771
1772
|
font-style: normal;
|
|
1772
1773
|
font-weight: 400;
|
|
1773
1774
|
letter-spacing: 0.24px;
|
|
1774
|
-
`,
|
|
1775
|
+
`,ai=ht.div`
|
|
1775
1776
|
display: flex;
|
|
1776
1777
|
flex-direction: column;
|
|
1777
1778
|
flex: 1;
|
|
1778
|
-
`,
|
|
1779
|
+
`,Nw=ht.div`
|
|
1779
1780
|
display: flex;
|
|
1780
1781
|
flex-direction: column;
|
|
1781
1782
|
justify-content: center;
|
|
1782
1783
|
align-items: flex-start;
|
|
1783
1784
|
margin-top: 16px;
|
|
1784
|
-
`,
|
|
1785
|
+
`,ea=ht.textarea`
|
|
1785
1786
|
${e=>B(e)} {
|
|
1786
1787
|
color: ${e=>e.appearance.theme.colorText};
|
|
1787
1788
|
margin-top: 16px;
|
|
@@ -1794,7 +1795,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1794
1795
|
height: 100px;
|
|
1795
1796
|
resize: none;
|
|
1796
1797
|
}
|
|
1797
|
-
`,
|
|
1798
|
+
`,ta=ht.div`
|
|
1798
1799
|
${e=>B(e)} {
|
|
1799
1800
|
position: absolute;
|
|
1800
1801
|
top: 16px;
|
|
@@ -1805,5 +1806,5 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${To}${t}.${To}${t} { ${Object.entries(o).map
|
|
|
1805
1806
|
opacity: 0.8;
|
|
1806
1807
|
}
|
|
1807
1808
|
}
|
|
1808
|
-
`;var Zc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,type:p="modal"})=>{let{getFlow:d,markFlowCompleted:s,markFlowSkipped:u,markStepCompleted:c,getNumberOfStepsCompleted:g,isLoading:S,targetingLogicShouldHideFlow:F,updateCustomVariables:h,getFlowSteps:x,getFlowStatus:k,getFlowMetadata:b}=ne(),{primaryCTAClickSideEffects:v}=fe(),{mergeAppearanceWithDefault:$}=ce(),[E,f]=me.useState(null),[A,y]=me.useState(""),T=b(e),{hasOpenModals:I,setKeepCompletedFlowOpenDuringSession:N,shouldKeepCompletedFlowOpenDuringSession:D}=Ie();if(Ke(e),n=$(n),Xc(()=>{h(o)},[o,S]),S)return null;let z=d(e);if(!z||F(z)||k(e)===de||g(e)===1&&!D(e)||I())return null;let _=x(e)[g(e)];function G(){var ee,q;return me.createElement(me.Fragment,null,me.createElement(
|
|
1809
|
+
`;var Zc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,type:p="modal"})=>{let{getFlow:d,markFlowCompleted:s,markFlowSkipped:u,markStepCompleted:c,getNumberOfStepsCompleted:g,isLoading:S,targetingLogicShouldHideFlow:F,updateCustomVariables:h,getFlowSteps:x,getFlowStatus:k,getFlowMetadata:b}=ne(),{primaryCTAClickSideEffects:v}=fe(),{mergeAppearanceWithDefault:$}=ce(),[E,f]=me.useState(null),[A,y]=me.useState(""),T=b(e),{hasOpenModals:I,setKeepCompletedFlowOpenDuringSession:N,shouldKeepCompletedFlowOpenDuringSession:D}=Ie();if(Ke(e),n=$(n),Xc(()=>{h(o)},[o,S]),S)return null;let z=d(e);if(!z||F(z)||k(e)===de||g(e)===1&&!D(e)||I())return null;let _=x(e)[g(e)];function G(){var ee,q;return me.createElement(me.Fragment,null,me.createElement(ai,null,me.createElement(Oe,{size:"large",appearance:n,title:_.title,subtitle:_.subtitle})),me.createElement(si,{className:a("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(se=>me.createElement(Zl,{className:a("npsNumberButton",n),selected:E===se+1,key:se,onClick:()=>L(this,null,function*(){N(e),f(se+1),yield c(e,_.id,{score:se+1})}),appearance:n},se+1))),me.createElement(Rl,{appearance:n},me.createElement(li,{appearance:n},(ee=T==null?void 0:T.negativeLabel)!=null?ee:"Not likely at all"),me.createElement(li,{appearance:n},(q=T==null?void 0:T.positiveLabel)!=null?q:"Extremely likely")))}function K(){var ee;return me.createElement(me.Fragment,null,me.createElement(ai,null,me.createElement(Oe,{appearance:n,title:(ee=_.title)!=null?ee:"Why did you choose this score?",size:"large"})),me.createElement(ea,{appearance:n,value:A,onChange:q=>{y(q.target.value)},placeholder:"Add your optional feedback here..."}),me.createElement(si,{appearance:n,className:a("npsNumberButtonContainer",n)},me.createElement(le,{size:"large",withMargin:!1,onClick:()=>L(this,null,function*(){yield s(e),i&&i(_,1,"primary")}),appearance:n,title:_.secondaryButtonTitle||"Skip",secondary:!0}),me.createElement(le,{size:"large",withMargin:!1,onClick:()=>L(this,null,function*(){yield c(e,_.id,{feedbackText:A}),yield s(e),i&&i(_,1,"primary")}),appearance:n,title:_.primaryButtonTitle||"Submit"})))}function O(){return g(e)>=2?null:me.createElement(me.Fragment,null,me.createElement(ae,{appearance:n}),me.createElement(Ql,{appearance:n,className:Te(a("npsSurveyContainer",n),r),style:l,type:p},me.createElement(ta,{onClick:()=>L(this,null,function*(){yield u(e),t&&t()}),className:a("npsSurveyDismissButton",n)},me.createElement(Ne,null)),g(e)==0&&G(),g(e)==1&&K()))}return p==="inline"?O():me.createElement(Qc,null,O())};import ye,{useEffect as Rc}from"react";var em=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p=!0,modalPosition:d="center",showPagination:s=!0,allowBackNavigation:u})=>{let{getFlow:c,markFlowCompleted:g,markFlowSkipped:S,markStepCompleted:F,markStepStarted:h,isLoading:x,targetingLogicShouldHideFlow:k,updateCustomVariables:b,getFlowSteps:v,getFlowStatus:$,getCurrentStepIndex:E}=ne(),{primaryCTAClickSideEffects:f,secondaryCTAClickSideEffects:A}=fe(),{mergeAppearanceWithDefault:y}=ce(),{setOpenFlowState:T,getOpenFlowState:I,hasOpenModals:N}=Ie();Ke(e);let[D,z]=[I(e,!0),Se=>T(e,Se)];if(n=y(n),Rc(()=>{b(o)},[o,x]),x)return null;let j=c(e);if(!j||k(j)||$(e)===de||N())return null;let _=v(e),G=E(e),K=_.length,O=_[G],ee=()=>L(void 0,null,function*(){z(!1),yield S(e),t&&t()});function q(){var Se;return ye.createElement(ye.Fragment,null,ye.createElement(ae,{appearance:n}),ye.createElement(Ul,{appearance:n,className:Te(a("announcementContainer",n),r),style:l},(p===!0||O.dismissible)&&d=="inline"&&ye.createElement(Hl,{onClick:()=>L(this,null,function*(){yield S(e),t&&t()}),className:a("announcementDismissButton",n)},ye.createElement(Ne,null)),ye.createElement(_l,null,ye.createElement(Vl,{appearance:n,className:a("announcementTitle",n),dangerouslySetInnerHTML:Q(O.title)}),O.subtitle&&ye.createElement(jl,{appearance:n,className:a("announcementSubtitle",n),dangerouslySetInnerHTML:Q(O.subtitle)})),(O.imageUri||O.videoUri)&&ye.createElement(xr,{className:a("announcementMediaContainer",n)},ye.createElement(Cr,{appearance:n,stepData:O})),s&&K>1&&ye.createElement(Wl,{className:a("announcementPaginationContainer",n)},ye.createElement(er,{className:a("announcementPagination",n),appearance:n,stepCount:K,currentStep:G})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&ye.createElement(zl,{allowBackNavigation:u,className:a("announcementCTAContainer",n)},u&&G>0&&ye.createElement(le,{classPrefix:"announcementBack",title:(Se=O.backButtonTitle)!=null?Se:"Back",appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>L(this,null,function*(){i&&i(O,E(e),"back"),yield h(e,_[G-1].id)}),secondary:!0}),O.secondaryButtonTitle&&ye.createElement(le,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>L(this,null,function*(){O.handleSecondaryButtonClick(),A(O),i&&i(O,E(e),"secondary")}),secondary:!0}),O.primaryButtonTitle&&ye.createElement(le,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>L(this,null,function*(){f(O),!(i&&i(O,E(e),"primary")===!1)&&(E(e)===K-1?(O.handlePrimaryButtonClick(),yield g(e)):O.handlePrimaryButtonClick())})}))))}let se={padding:"24px",maxWidth:"400px"};return d==="inline"?q():d!=="center"?ye.createElement(qo,{modalPosition:d,onClose:ee,visible:D,dismissible:p,appearance:n},q()):ye.createElement(et,{appearance:n,onClose:ee,visible:D,style:se,dismissible:p},q())};import*as yr from"react";import oa from"react";var ra=n=>{var r=n,{as:e="span",children:t,variant:o="Body1"}=r,i=$e(r,["as","children","variant"]);return oa.createElement(En,w({color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o},i),t)},tm=Object.fromEntries(Object.keys(nr).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>oa.createElement(ra,V(w({as:t},i),{variant:e}),i.children);return o.displayName=`Text.${e}`,[e,o]})),pi=Object.assign(ra,tm);var ia=l=>{var p=l,{as:e="button",className:t,size:o="md",title:i,variant:n="Primary"}=p,r=$e(p,["as","className","size","title","variant"]);var d;return yr.createElement(Bn,w({className:`fr-button-${n.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:n,size:o,borderRadius:"md"},r),yr.createElement(pi,{color:(d=No[n])==null?void 0:d.color,fontWeight:"semibold"},i))},om=Object.fromEntries(Object.keys(No).map(e=>{let t=o=>yr.createElement(ia,V(w({},o),{variant:e}));return t.displayName=`Button.${e}`,[e,t]})),rm=Object.assign(ia,om);export{Io as Box,rm as Button,pt as CheckBox,wr as FlowType,yt as FormLabel,Or as FormTextField,em as FrigadeAnnouncement,Jc as FrigadeBanner,ti as FrigadeChecklist,at as FrigadeDefaultAppearance,qc as FrigadeEmbeddedTip,bn as FrigadeForm,wc as FrigadeGuide,Cc as FrigadeHeroChecklist,Zc as FrigadeNPSSurvey,Sc as FrigadeProgressBadge,kd as FrigadeProvider,Vc as FrigadeSupportWidget,Uc as FrigadeTour,ze as ProgressBar,Zt as ProgressRing,pi as Text,sr as tokens,Ie as useFlowOpens,bo as useFlowResponses,ne as useFlows,Gr as useOrganization,wo as useUser,_e as useUserFlowStates};
|
|
1809
1810
|
//# sourceMappingURL=index.mjs.map
|