@frigade/react 1.38.14 → 1.38.15
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 +31 -31
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +31 -31
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39,7 +39,7 @@ var Qa__default = /*#__PURE__*/_interopDefault(Qa);
|
|
|
39
39
|
var oo__default = /*#__PURE__*/_interopDefault(oo);
|
|
40
40
|
var ql__default = /*#__PURE__*/_interopDefault(ql);
|
|
41
41
|
|
|
42
|
-
var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW",yt="STARTED_FLOW",Ae="NOT_STARTED_FLOW",Ne="COMPLETED_STEP",to="STARTED_STEP";function Ke(){let{publicApiKey:e,userId:t,apiUrl:o}=V__namespace.default.useContext(Z);return {config:V.useMemo(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Zr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:V.useMemo(()=>`${o}/v1/public/`,[o])}}var ja="frigade-last-call-at-",Ga="frigade-last-call-data-";function At(){let{shouldGracefullyDegrade:e,readonly:t}=V__namespace.default.useContext(Z);return async(o,r)=>{if(t&&(r.method==="POST"||r.method==="PUT"||r.method==="DELETE"))return It();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),It();let i=ja+o,n=Ga+o;if(typeof window<"u"&&window.localStorage&&r&&r.body&&r.method==="POST"){let p=window.localStorage.getItem(i),d=window.localStorage.getItem(n);if(p&&d&&d==r.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return It()}typeof window<"u"&&(window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,r.body));}let s;try{s=await fetch(o,r);}catch(p){return It(p)}return s?s.ok?s:It(s.statusText):It()}}function It(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Nt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=V__namespace.default.useContext(Z);function o(){return t?!1:e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return {verifySDKInitiated:o}}function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=V.useContext(Z);function n(c,g=!1){return e[c]??g}function s(c,g){t(b=>({...b,[c]:g}));}function p(c){t(g=>{let{[c]:b,...T}=g;return {...T}});}function d(c){i.includes(c)||r(g=>[...g,c]);}function a(c){return i.includes(c)}function m(c){return Object.entries(e).some(([g,b])=>b&&g!=c)||o}return {getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}function pr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function le(...e){let t=e.shift(),o=e.length===1?e[0]:le(...e);if(!pr(t)||!pr(o))throw new Error("deepmerge can only merge Objects");let r=oo__default.default(t);return Object.entries(o).forEach(([i,n])=>{pr(n)?r[i]!==void 0?Object.assign(r,{[i]:le(r[i],oo__default.default(n))}):Object.assign(r,{[i]:oo__default.default(n)}):Array.isArray(n)?r[i]!==void 0?Object.assign(r,{[i]:[...r[i],...oo__default.default(n)]}):Object.assign(r,{[i]:oo__default.default(n)}):Object.assign(r,{[i]:n});}),r}function Ot(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var Za="unknown";function Oe(){let{config:e,apiUrl:t}=Ke(),{publicApiKey:o,userId:r,organizationId:i,flows:n,setShouldGracefullyDegrade:s,readonly:p}=V.useContext(Z),{resetOpenFlowState:d}=Pe(),[a,m]=V.useState(!1),c={data:n.map(P=>({flowId:P.id,flowState:re,lastStepId:null,userId:r,foreignUserId:r,stepStates:{},shouldTrigger:!1}))},g=P=>fetch(P,e).then(E=>{if(E.ok)return E.json();throw new Error("Failed to fetch user flow states")}).catch(E=>(console.log(`Error fetching ${P}: ${E}. Will gracefully degrade and hide Frigade`),s(!0),c)),b=o&&n&&r?`${t}userFlowStates?foreignUserId=${encodeURIComponent(r)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:T,isLoading:x,mutate:u,error:F}=p?Qa__default.default(b,g):Xa__default.default(b,g,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),C=T?.data;V.useEffect(()=>{!a&&!x&&C&&m(!0);},[C,a,x]);async function N(P){if(C&&!p){let E=C.find(I=>I.flowId===P);E&&E.flowState!==re&&(E.flowState=re),await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function D(P){if(C&&!p){let E=C.find(I=>I.flowId===P);E&&E.flowState!==Ct&&(E.flowState=Ct),await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function w(P,E,I){if(C){let L=C.find($=>$.flowId===P);if(L){let $=n.find(B=>B.slug===P),G=Ot($?.data),M=G?.steps??G?.data??[],q=M.findIndex(B=>B.id===E),Y=M&&M.length>q+1?M[q+1]:null;Y&&(L.lastStepId=Y.id),L.stepStates[E]=I,L.flowState=yt;}p||await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function h(P,E,I){if(C){let L=C.find($=>$.flowId===P);L&&(L.lastStepId=E,L.stepStates[E]=I,L.flowState=yt),p||await u(le(T,{data:C}),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function v(P){if(C){let E=C.find(I=>I.flowId===P);E&&E.flowState!==Ae&&(E.flowState=Ae,E.lastStepId=Za,Object.keys(E.stepStates).forEach(I=>{E.stepStates[I].actionType=Ze,E.stepStates[I].createdAt=new Date().toISOString();}),await u(le(T,{data:C}),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1}),d(P));}}async function S(P,E,I){if(C){let L=C.find($=>$.flowId===P);L&&(L.stepStates[E]=I),await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}return {userFlowStatesData:C,isLoadingUserFlowStateData:!a,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:N,optimisticallyMarkFlowSkipped:D,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:w,optimisticallyMarkStepNotStarted:S,optimisticallyMarkStepStarted:h,error:F}}function ro(){let{config:e,apiUrl:t}=Ke(),{userFlowStatesData:o,mutateUserFlowState:r}=Oe(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=V.useContext(Z),[d,a]=V.useState(new Set),[m,c]=V.useState(new Set),g=At();function b(u){let F=JSON.stringify(u);if(d.has(F))return null;d.add(F),a(d),m.add(u),c(m);let C=s?.find(N=>N.flowSlug===u.flowSlug&&N.stepId===u.stepId&&N.actionType===u.actionType&&N.createdAt===u.createdAt);return g(`${t}flowResponses`,{...e,method:"POST",body:F}).then(N=>{N.status!==200&&N.status!==201?(console.log("Failed to send flow response for step "+u.stepId+". Will retry again later."),n([...i,u])):C||p(D=>[...D??[],u]);})}async function T(u){u.foreignUserId&&(u.actionType===yt||u.actionType===Ae?await b(u):u.actionType===re?await b(u):u.actionType===to?await b(u):u.actionType===Ne?await b(u):u.actionType===Ct?await b(u):u.actionType===Ze&&await b(u));}function x(){let u=[];return o?.forEach(F=>{if(F&&F.stepStates&&Object.keys(F.stepStates).length!==0)for(let C in F.stepStates){let N=F.stepStates[C];u.push({foreignUserId:F.foreignUserId,flowSlug:F.flowId,stepId:N.stepId,actionType:N.actionType,data:{},createdAt:new Date(N.createdAt),blocked:N.blocked,hidden:N.hidden});}}),[...u,...s]}return {addResponse:T,setFlowResponses:p,getFlowResponses:x}}var el=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,ti=e=>{let t=el.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=tl(r,"'","");n.startsWith("flow_")&&(o=n);}),o},tl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};var dr=(a=>(a.CHECKLIST="CHECKLIST",a.FORM="FORM",a.TOUR="TOUR",a.SUPPORT="SUPPORT",a.CUSTOM="CUSTOM",a.BANNER="BANNER",a.EMBEDDED_TIP="EMBEDDED_TIP",a.NPS_SURVEY="NPS_SURVEY",a.ANNOUNCEMENT="ANNOUNCEMENT",a))(dr||{});function R(){let{config:e,apiUrl:t}=Ke(),{flows:o,setFlows:r,userId:i,organizationId:n,publicApiKey:s,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:a,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:g,shouldGracefullyDegrade:b,readonly:T,flowDataOverrides:x}=V.useContext(Z),u={data:[]},{verifySDKInitiated:F}=Nt(),{addResponse:C,getFlowResponses:N}=ro(),D=f=>fetch(f,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${f} (${y.status}): ${y.statusText}. Will gracefully degrade and hide Frigade`),g(!0),u)).catch(y=>(console.log(`Error fetching ${f}: ${y}. Will gracefully degrade and hide Frigade`),g(!0),u)),{mutateUserFlowState:w,userFlowStatesData:h,isLoadingUserFlowStateData:v,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowSkipped:P,optimisticallyMarkFlowNotStarted:E,optimisticallyMarkStepCompleted:I,optimisticallyMarkStepNotStarted:L,optimisticallyMarkStepStarted:$}=Oe(),{data:G,error:M,isLoading:q}=Xa__default.default(s?`${t}flows${T?"?readonly=true":""}`:null,D,{keepPreviousData:!0});V.useEffect(()=>{if(M){console.error(M);return}G&&G.data&&r(G.data);},[G,M]);function Y(f){if(q)return null;let y=o.find(A=>A.slug===f);return !y&&o.length>0&&!v&&!q?(console.log(`Flow with id ${f} not found`),null):(y&&x&&x[f]&&(y.data=x[f]),y?.active===!1&&!T?null:y)}function B(f){if(!Y(f))return [];let y=Y(f)?.data;return y?(y=H(y),(Ot(y)?.data??Ot(y)?.steps??[]).map(U=>{let Po=We(U);return {handleSecondaryButtonClick:()=>{U.skippable===!0&&j(f,U.id,{skipped:!0});},...U,complete:_(f,U.id)===Ne||Po>=1,started:_(f,U.id)===to||_(f,U.id)===Ne,currentlyActive:h?.some(vo=>vo.flowId==f&&vo.lastStepId===U.id),blocked:O(f,U.id),hidden:W(f,U.id),handlePrimaryButtonClick:()=>{(!U.completionCriteria&&(U.autoMarkCompleted||U.autoMarkCompleted===void 0)||U.completionCriteria&&U.autoMarkCompleted===!0)&&j(f,U.id);},progress:Po}}).filter(U=>U.hidden!==!0)):[]}function H(f){return f.replaceAll(/\${(.*?)}/g,(y,A)=>p[A]===void 0?"":String(p[A]).replace(/[\u00A0-\u9999<>\&]/g,function(U){return "&#"+U.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 he(f){if(!Y(f))return [];let y=Y(f).data;return y?(y=H(y),JSON.parse(y)??{}):[]}function xe(f,y){d(A=>({...A,[f]:y}));}function ae(f){!v&&!q&&f&&JSON.stringify(p)!=JSON.stringify({...p,...f})&&Object.keys(f).forEach(y=>{xe(y,f[y]);});}let ce=V.useCallback(async(f,y,A)=>{if(!F())return;let U={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:y,actionType:to,data:A??{},createdAt:new Date,blocked:!1,hidden:!1};z(U)&&(await $(f,y,U),C(U));},[i,n,h]),se=V.useCallback(async(f,y,A)=>{if(!F())return;let U={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:y,actionType:Ze,data:A??{},createdAt:new Date,blocked:!1,hidden:!1};z(U)&&(await L(f,y,U),C(U));},[i,n,h]),j=V.useCallback(async(f,y,A)=>{if(!F())return;let U={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:y,actionType:Ne,data:A??{},createdAt:new Date,blocked:!1,hidden:!1};z(U)&&(await I(f,y,U),C(U));},[i,n,h]),ue=V.useCallback(async(f,y)=>{if(!F()||Q(f)===Ae)return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:Ae,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};await E(f),z(A)&&C(A);},[i,n,h]),Ce=V.useCallback(async(f,y)=>{if(!F())return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:yt,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};z(A)&&C(A);},[i,n,h]),be=V.useCallback(async(f,y)=>{if(!F())return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:re,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};z(A)&&(await S(f),C(A));},[i,n,h]),Ue=V.useCallback(async(f,y)=>{if(!F())return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:Ct,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};z(A)&&(await P(f),C(A));},[i,n,h]);function z(f){if(h===void 0)return !1;if(h){let y=h.find(A=>A.flowId===f.flowSlug);if(f.actionType===Ze&&(!y?.stepStates[f.stepId]||y.stepStates[f.stepId].actionType===Ze))return !1;if(y&&y.stepStates[f.stepId]?.actionType===f.actionType){if(f.actionType===Ne&&(!f.data||JSON.stringify(f.data)===JSON.stringify({})))return !1;let A=Object.keys(y.stepStates).sort((U,Po)=>{let vo=new Date(y.stepStates[U].createdAt),Va=new Date(y.stepStates[Po].createdAt);return vo.getTime()-Va.getTime()});if(y.stepStates[A[A.length-1]].actionType===f.actionType&&f.stepId===A[A.length-1])return !1}if(y&&y.flowState===re&&f.actionType===re)return !1}return !0}function _(f,y){let A=oe(f,y);return v?null:A?A.actionType:Ze}function O(f,y){let A=oe(f,y);return A?A.blocked:!1}function W(f,y){let A=oe(f,y);return A?A.hidden:!1}function oe(f,y){if(v)return null;let A=h?.find(U=>U.flowId===f);return !A||!A.stepStates[y]?null:A.stepStates[y]??null}function Ge(f){if(v||!h)return null;if(Q(f)===Ae)return B(f)[0]??null;let y=h.find(A=>A.flowId===f)?.lastStepId;return y?B(f).find(A=>A.id===y):null}function eo(f){let y=Ge(f);if(!y)return 0;let A=B(f).findIndex(U=>U.id===y.id)??0;return _(f,y.id)===Ne&&A<B(f).length-1?A+1:A}function We(f){if(!f.completionCriteria)return;let y=ti(f.completionCriteria);if(y===null)return;let A=ye(y),U=To(y);return U===0?void 0:A/U}function Q(f){let y=h?.find(A=>A.flowId===f);return y?y.flowState:null}function ye(f){let y=B(f);return y.length===0?0:y.filter(U=>_(f,U.id)===Ne).length}function To(f){return B(f).length}function ar(f){let y=o.find(A=>A.slug===f);return y?(x&&x[f]&&(y.data=x[f]),Ot(y.data)):null}function Fo(f){if(T)return !1;if(v||b)return !0;if(f?.targetingLogic&&h){let y=h.find(A=>A.flowId===f.slug);if(y)return y.shouldTrigger===!1}return !!(f?.targetingLogic&&i&&i.startsWith("guest_"))}function ko(f){return Y(f)?.active===!1?!1:!Fo(Y(f))}function X(){i&&w();}function He(){return o}return {getAllFlows:He,getFlow:Y,getFlowData:ar,isLoading:v||q,getStepStatus:_,getFlowSteps:B,getCurrentStepIndex:eo,markStepStarted:ce,markStepCompleted:j,markFlowNotStarted:ue,markFlowStarted:Ce,markFlowCompleted:be,markFlowSkipped:Ue,markStepNotStarted:se,getFlowStatus:Q,getNumberOfStepsCompleted:ye,getNumberOfSteps:To,targetingLogicShouldHideFlow:Fo,setCustomVariable:xe,updateCustomVariables:ae,customVariables:p,getStepOptionalProgress:We,getFlowMetadata:he,isStepBlocked:O,isStepHidden:W,hasActiveFullPageFlow:a,setHasActiveFullPageFlow:m,isFlowAvailableToUser:ko,refresh:X}}var Lt="guest_";function io(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=V.useContext(Z),{config:n,apiUrl:s}=Ke(),{mutateUserFlowState:p}=Oe(),d=At(),{verifySDKInitiated:a}=Nt();function m(x){return `frigade-user-registered-${x}`}V.useEffect(()=>{if(e&&!t){if(e.startsWith(Lt))return;let x=m(e);localStorage.getItem(x)||(d(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(x,"true"));}},[e,i,t]);let c=V.useCallback(async x=>{if(!a())return;let u={foreignId:e,properties:x};await d(`${s}users`,{...n,method:"POST",body:JSON.stringify(u)}),r(F=>({...F,...x})),p();},[e,n,i,p]),g=V.useCallback(async(x,u)=>{if(!a())return;let C={foreignId:e,events:[{event:x,properties:u}]};await d(`${s}users`,{...n,method:"POST",body:JSON.stringify(C)}),p();},[e,n,p]),b=V.useCallback(async(x,u)=>{if(a())if(u&&Object.keys(u).length>0){let F=m(x);localStorage.setItem(F,"true"),o(x);let C={foreignId:x,properties:u};await d(`${s}users`,{...n,method:"POST",body:JSON.stringify(C)}),r(N=>({...N,...u})),p();}else o(x);},[n,i,p]),T=V.useCallback(async x=>{if(!a())return;let u=typeof window<"u"?localStorage.getItem(bt):null;if(console.log("id",localStorage.getItem(bt)),!u)return;let F={foreignId:x,linkGuestId:u};await d(`${s}users`,{...n,method:"POST",body:JSON.stringify(F)}),p();},[n,i,p]);return {userId:e,setUserId:o,setUserIdWithProperties:b,addPropertiesToUser:c,trackEventForUser:g,linkExistingGuestSessionToUser:T}}var oi="fr-",no="cfr-";function l(e,t){let o=`${oi}${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+" "+no+e}return o}function k(e){if(!e.className||e.className.indexOf(no)!==-1)return "";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(oi)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function Eo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Fe(e){return e?.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Eo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function we(...e){return e.filter(Boolean).join(" ")}function so(e){return e.charAt(0).toUpperCase()+e.slice(1)}var pl=me__default.default.div`
|
|
42
|
+
var Zr="1.38.15";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW",yt="STARTED_FLOW",Ae="NOT_STARTED_FLOW",Ne="COMPLETED_STEP",to="STARTED_STEP";function Ke(){let{publicApiKey:e,userId:t,apiUrl:o}=V__namespace.default.useContext(Z);return {config:V.useMemo(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Zr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:V.useMemo(()=>`${o}/v1/public/`,[o])}}var ja="frigade-last-call-at-",Ga="frigade-last-call-data-";function At(){let{shouldGracefullyDegrade:e,readonly:t}=V__namespace.default.useContext(Z);return async(o,r)=>{if(t&&(r.method==="POST"||r.method==="PUT"||r.method==="DELETE"))return It();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),It();let i=ja+o,n=Ga+o;if(typeof window<"u"&&window.localStorage&&r&&r.body&&r.method==="POST"){let p=window.localStorage.getItem(i),d=window.localStorage.getItem(n);if(p&&d&&d==r.body){let s=new Date(p);if(new Date().getTime()-s.getTime()<1e3)return It()}typeof window<"u"&&(window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,r.body));}let a;try{a=await fetch(o,r);}catch(p){return It(p)}return a?a.ok?a:It(a.statusText):It()}}function It(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Nt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=V__namespace.default.useContext(Z);function o(){return t?!1:e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return {verifySDKInitiated:o}}function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=V.useContext(Z);function n(c,g=!1){return e[c]??g}function a(c,g){t(b=>({...b,[c]:g}));}function p(c){t(g=>{let{[c]:b,...T}=g;return {...T}});}function d(c){i.includes(c)||r(g=>[...g,c]);}function s(c){return i.includes(c)}function m(c){return Object.entries(e).some(([g,b])=>b&&g!=c)||o}return {getOpenFlowState:n,setOpenFlowState:a,resetOpenFlowState:p,hasOpenModals:m,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:s}}function pr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function le(...e){let t=e.shift(),o=e.length===1?e[0]:le(...e);if(!pr(t)||!pr(o))throw new Error("deepmerge can only merge Objects");let r=oo__default.default(t);return Object.entries(o).forEach(([i,n])=>{pr(n)?r[i]!==void 0?Object.assign(r,{[i]:le(r[i],oo__default.default(n))}):Object.assign(r,{[i]:oo__default.default(n)}):Array.isArray(n)?r[i]!==void 0?Object.assign(r,{[i]:[...r[i],...oo__default.default(n)]}):Object.assign(r,{[i]:oo__default.default(n)}):Object.assign(r,{[i]:n});}),r}function Ot(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var Za="unknown";function Oe(){let{config:e,apiUrl:t}=Ke(),{publicApiKey:o,userId:r,organizationId:i,flows:n,setShouldGracefullyDegrade:a,readonly:p}=V.useContext(Z),{resetOpenFlowState:d}=Pe(),[s,m]=V.useState(!1),c={data:n.map(P=>({flowId:P.id,flowState:re,lastStepId:null,userId:r,foreignUserId:r,stepStates:{},shouldTrigger:!1}))},g=P=>fetch(P,e).then(E=>{if(E.ok)return E.json();throw new Error("Failed to fetch user flow states")}).catch(E=>(console.log(`Error fetching ${P}: ${E}. Will gracefully degrade and hide Frigade`),a(!0),c)),b=o&&n&&r?`${t}userFlowStates?foreignUserId=${encodeURIComponent(r)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:T,isLoading:x,mutate:u,error:F}=p?Qa__default.default(b,g):Xa__default.default(b,g,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!1,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>c,onLoadingSlow:()=>c}),C=T?.data;V.useEffect(()=>{!s&&!x&&C&&m(!0);},[C,s,x]);async function N(P){if(C&&!p){let E=C.find(I=>I.flowId===P);E&&E.flowState!==re&&(E.flowState=re),await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function D(P){if(C&&!p){let E=C.find(I=>I.flowId===P);E&&E.flowState!==Ct&&(E.flowState=Ct),await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function w(P,E,I){if(C){let L=C.find($=>$.flowId===P);if(L){let $=n.find(B=>B.slug===P),G=Ot($?.data),M=G?.steps??G?.data??[],q=M.findIndex(B=>B.id===E),Y=M&&M.length>q+1?M[q+1]:null;Y&&(L.lastStepId=Y.id),L.stepStates[E]=I,L.flowState=yt;}p||await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function h(P,E,I){if(C){let L=C.find($=>$.flowId===P);L&&(L.lastStepId=E,L.stepStates[E]=I,L.flowState=yt),p||await u(le(T,{data:C}),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}async function v(P){if(C){let E=C.find(I=>I.flowId===P);E&&E.flowState!==Ae&&(E.flowState=Ae,E.lastStepId=Za,Object.keys(E.stepStates).forEach(I=>{E.stepStates[I].actionType=Ze,E.stepStates[I].createdAt=new Date().toISOString();}),await u(le(T,{data:C}),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1}),d(P));}}async function S(P,E,I){if(C){let L=C.find($=>$.flowId===P);L&&(L.stepStates[E]=I),await u(Promise.resolve(le(T,{data:C})),{optimisticData:le(T,{data:C}),revalidate:!1,rollbackOnError:!1});}}return {userFlowStatesData:C,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:N,optimisticallyMarkFlowSkipped:D,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:w,optimisticallyMarkStepNotStarted:S,optimisticallyMarkStepStarted:h,error:F}}function ro(){let{config:e,apiUrl:t}=Ke(),{userFlowStatesData:o,mutateUserFlowState:r}=Oe(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:a,setFlowResponses:p}=V.useContext(Z),[d,s]=V.useState(new Set),[m,c]=V.useState(new Set),g=At();function b(u){let F=JSON.stringify(u);if(d.has(F))return null;d.add(F),s(d),m.add(u),c(m);let C=a?.find(N=>N.flowSlug===u.flowSlug&&N.stepId===u.stepId&&N.actionType===u.actionType&&N.createdAt===u.createdAt);return g(`${t}flowResponses`,{...e,method:"POST",body:F}).then(N=>{N.status!==200&&N.status!==201?(console.log("Failed to send flow response for step "+u.stepId+". Will retry again later."),n([...i,u])):C||p(D=>[...D??[],u]);})}async function T(u){u.foreignUserId&&(u.actionType===yt||u.actionType===Ae?await b(u):u.actionType===re?await b(u):u.actionType===to?await b(u):u.actionType===Ne?await b(u):u.actionType===Ct?await b(u):u.actionType===Ze&&await b(u));}function x(){let u=[];return o?.forEach(F=>{if(F&&F.stepStates&&Object.keys(F.stepStates).length!==0)for(let C in F.stepStates){let N=F.stepStates[C];u.push({foreignUserId:F.foreignUserId,flowSlug:F.flowId,stepId:N.stepId,actionType:N.actionType,data:{},createdAt:new Date(N.createdAt),blocked:N.blocked,hidden:N.hidden});}}),[...u,...a]}return {addResponse:T,setFlowResponses:p,getFlowResponses:x}}var el=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,ti=e=>{let t=el.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=tl(r,"'","");n.startsWith("flow_")&&(o=n);}),o},tl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};var dr=(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))(dr||{});function R(){let{config:e,apiUrl:t}=Ke(),{flows:o,setFlows:r,userId:i,organizationId:n,publicApiKey:a,customVariables:p,setCustomVariables:d,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,setFlowResponses:c,setShouldGracefullyDegrade:g,shouldGracefullyDegrade:b,readonly:T,flowDataOverrides:x}=V.useContext(Z),u={data:[]},{verifySDKInitiated:F}=Nt(),{addResponse:C,getFlowResponses:N}=ro(),D=f=>fetch(f,e).then(y=>y.ok?y.json():(console.log(`Error fetching ${f} (${y.status}): ${y.statusText}. Will gracefully degrade and hide Frigade`),g(!0),u)).catch(y=>(console.log(`Error fetching ${f}: ${y}. Will gracefully degrade and hide Frigade`),g(!0),u)),{mutateUserFlowState:w,userFlowStatesData:h,isLoadingUserFlowStateData:v,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowSkipped:P,optimisticallyMarkFlowNotStarted:E,optimisticallyMarkStepCompleted:I,optimisticallyMarkStepNotStarted:L,optimisticallyMarkStepStarted:$}=Oe(),{data:G,error:M,isLoading:q}=Xa__default.default(a?`${t}flows${T?"?readonly=true":""}`:null,D,{keepPreviousData:!0});V.useEffect(()=>{if(M){console.error(M);return}G&&G.data&&r(G.data);},[G,M]);function Y(f){if(q)return null;let y=o.find(A=>A.slug===f);return !y&&o.length>0&&!v&&!q?(console.log(`Flow with id ${f} not found`),null):(y&&x&&x[f]&&(y.data=x[f]),y?.active===!1&&!T?null:y)}function B(f){if(!Y(f))return [];let y=Y(f)?.data;return y?(y=H(y),(Ot(y)?.data??Ot(y)?.steps??[]).map(U=>{let Po=We(U);return {handleSecondaryButtonClick:()=>{U.skippable===!0&&j(f,U.id,{skipped:!0});},...U,complete:_(f,U.id)===Ne||Po>=1,started:_(f,U.id)===to||_(f,U.id)===Ne,currentlyActive:h?.some(vo=>vo.flowId==f&&vo.lastStepId===U.id),blocked:O(f,U.id),hidden:W(f,U.id),handlePrimaryButtonClick:()=>{(!U.completionCriteria&&(U.autoMarkCompleted||U.autoMarkCompleted===void 0)||U.completionCriteria&&U.autoMarkCompleted===!0)&&j(f,U.id);},progress:Po}}).filter(U=>U.hidden!==!0)):[]}function H(f){return f.replaceAll(/\${(.*?)}/g,(y,A)=>p[A]===void 0?"":String(p[A]).replace(/[\u00A0-\u9999<>\&]/g,function(U){return "&#"+U.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 he(f){if(!Y(f))return [];let y=Y(f).data;return y?(y=H(y),JSON.parse(y)??{}):[]}function xe(f,y){d(A=>({...A,[f]:y}));}function ae(f){!v&&!q&&f&&JSON.stringify(p)!=JSON.stringify({...p,...f})&&Object.keys(f).forEach(y=>{xe(y,f[y]);});}let ce=V.useCallback(async(f,y,A)=>{if(!F())return;let U={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:y,actionType:to,data:A??{},createdAt:new Date,blocked:!1,hidden:!1};z(U)&&(await $(f,y,U),C(U));},[i,n,h]),se=V.useCallback(async(f,y,A)=>{if(!F())return;let U={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:y,actionType:Ze,data:A??{},createdAt:new Date,blocked:!1,hidden:!1};z(U)&&(await L(f,y,U),C(U));},[i,n,h]),j=V.useCallback(async(f,y,A)=>{if(!F())return;let U={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:y,actionType:Ne,data:A??{},createdAt:new Date,blocked:!1,hidden:!1};z(U)&&(await I(f,y,U),C(U));},[i,n,h]),ue=V.useCallback(async(f,y)=>{if(!F()||Q(f)===Ae)return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:Ae,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};await E(f),z(A)&&C(A);},[i,n,h]),Ce=V.useCallback(async(f,y)=>{if(!F())return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:yt,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};z(A)&&C(A);},[i,n,h]),be=V.useCallback(async(f,y)=>{if(!F())return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:re,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};z(A)&&(await S(f),C(A));},[i,n,h]),Ue=V.useCallback(async(f,y)=>{if(!F())return;let A={foreignUserId:i,foreignUserGroupId:n??null,flowSlug:f,stepId:"unknown",actionType:Ct,data:y??{},createdAt:new Date,blocked:!1,hidden:!1};z(A)&&(await P(f),C(A));},[i,n,h]);function z(f){if(h===void 0)return !1;if(h){let y=h.find(A=>A.flowId===f.flowSlug);if(f.actionType===Ze&&(!y?.stepStates[f.stepId]||y.stepStates[f.stepId].actionType===Ze))return !1;if(y&&y.stepStates[f.stepId]?.actionType===f.actionType){if(f.actionType===Ne&&(!f.data||JSON.stringify(f.data)===JSON.stringify({})))return !1;let A=Object.keys(y.stepStates).sort((U,Po)=>{let vo=new Date(y.stepStates[U].createdAt),Va=new Date(y.stepStates[Po].createdAt);return vo.getTime()-Va.getTime()});if(y.stepStates[A[A.length-1]].actionType===f.actionType&&f.stepId===A[A.length-1])return !1}if(y&&y.flowState===re&&f.actionType===re)return !1}return !0}function _(f,y){let A=oe(f,y);return v?null:A?A.actionType:Ze}function O(f,y){let A=oe(f,y);return A?A.blocked:!1}function W(f,y){let A=oe(f,y);return A?A.hidden:!1}function oe(f,y){if(v)return null;let A=h?.find(U=>U.flowId===f);return !A||!A.stepStates[y]?null:A.stepStates[y]??null}function Ge(f){if(v||!h)return null;if(Q(f)===Ae)return B(f)[0]??null;let y=h.find(A=>A.flowId===f)?.lastStepId;return y?B(f).find(A=>A.id===y):null}function eo(f){let y=Ge(f);if(!y)return 0;let A=B(f).findIndex(U=>U.id===y.id)??0;return _(f,y.id)===Ne&&A<B(f).length-1?A+1:A}function We(f){if(!f.completionCriteria)return;let y=ti(f.completionCriteria);if(y===null)return;let A=ye(y),U=To(y);return U===0?void 0:A/U}function Q(f){let y=h?.find(A=>A.flowId===f);return y?y.flowState:null}function ye(f){let y=B(f);return y.length===0?0:y.filter(U=>_(f,U.id)===Ne).length}function To(f){return B(f).length}function ar(f){let y=o.find(A=>A.slug===f);return y?(x&&x[f]&&(y.data=x[f]),Ot(y.data)):null}function Fo(f){if(T)return !1;if(v||b)return !0;if(f?.targetingLogic&&h){let y=h.find(A=>A.flowId===f.slug);if(y)return y.shouldTrigger===!1}return !!(f?.targetingLogic&&i&&i.startsWith("guest_"))}function ko(f){return Y(f)?.active===!1?!1:!Fo(Y(f))}function X(){i&&w();}function He(){return o}return {getAllFlows:He,getFlow:Y,getFlowData:ar,isLoading:v||q,getStepStatus:_,getFlowSteps:B,getCurrentStepIndex:eo,markStepStarted:ce,markStepCompleted:j,markFlowNotStarted:ue,markFlowStarted:Ce,markFlowCompleted:be,markFlowSkipped:Ue,markStepNotStarted:se,getFlowStatus:Q,getNumberOfStepsCompleted:ye,getNumberOfSteps:To,targetingLogicShouldHideFlow:Fo,setCustomVariable:xe,updateCustomVariables:ae,customVariables:p,getStepOptionalProgress:We,getFlowMetadata:he,isStepBlocked:O,isStepHidden:W,hasActiveFullPageFlow:s,setHasActiveFullPageFlow:m,isFlowAvailableToUser:ko,refresh:X}}var Lt="guest_";function io(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=V.useContext(Z),{config:n,apiUrl:a}=Ke(),{mutateUserFlowState:p}=Oe(),d=At(),{verifySDKInitiated:s}=Nt();function m(x){return `frigade-user-registered-${x}`}V.useEffect(()=>{if(e&&!t){if(e.startsWith(Lt))return;let x=m(e);localStorage.getItem(x)||(d(`${a}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(x,"true"));}},[e,i,t]);let c=V.useCallback(async x=>{if(!s())return;let u={foreignId:e,properties:x};await d(`${a}users`,{...n,method:"POST",body:JSON.stringify(u)}),r(F=>({...F,...x})),p();},[e,n,i,p]),g=V.useCallback(async(x,u)=>{if(!s())return;let C={foreignId:e,events:[{event:x,properties:u}]};await d(`${a}users`,{...n,method:"POST",body:JSON.stringify(C)}),p();},[e,n,p]),b=V.useCallback(async(x,u)=>{if(s())if(u&&Object.keys(u).length>0){let F=m(x);localStorage.setItem(F,"true"),o(x);let C={foreignId:x,properties:u};await d(`${a}users`,{...n,method:"POST",body:JSON.stringify(C)}),r(N=>({...N,...u})),p();}else o(x);},[n,i,p]),T=V.useCallback(async x=>{if(!s())return;let u=typeof window<"u"?localStorage.getItem(bt):null;if(console.log("id",localStorage.getItem(bt)),!u)return;let F={foreignId:x,linkGuestId:u};await d(`${a}users`,{...n,method:"POST",body:JSON.stringify(F)}),p();},[n,i,p]);return {userId:e,setUserId:o,setUserIdWithProperties:b,addPropertiesToUser:c,trackEventForUser:g,linkExistingGuestSessionToUser:T}}var oi="fr-",no="cfr-";function l(e,t){let o=`${oi}${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+" "+no+e}return o}function k(e){if(!e.className||e.className.indexOf(no)!==-1)return "";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(oi)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function Eo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Fe(e){return e?.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Eo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function we(...e){return e.filter(Boolean).join(" ")}function so(e){return e.charAt(0).toUpperCase()+e.slice(1)}var pl=me__default.default.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
justify-content: center;
|
|
45
45
|
position: fixed;
|
|
@@ -248,7 +248,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
248
248
|
::-webkit-scrollbar {
|
|
249
249
|
display: none;
|
|
250
250
|
}
|
|
251
|
-
`,qe=({onClose:e,visible:t,headerContent:o=null,style:r=null,children:i,appearance:n,dismissible:
|
|
251
|
+
`,qe=({onClose:e,visible:t,headerContent:o=null,style:r=null,children:i,appearance:n,dismissible:a=!0,showFrigadeBranding:p=!1})=>{let[d,s]=V.useState("");return V.useEffect(()=>{let m=getComputedStyle(document.body).getPropertyValue("overflow");s(m);},[]),V.useEffect(()=>{let m=c=>{c.key==="Escape"&&e();};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m);}},[e]),V.useEffect(()=>{let m=document.body.style;return t?m.setProperty("overflow","hidden"):m.setProperty("overflow",d),()=>{m.setProperty("overflow",d);}},[t]),t?V__namespace.default.createElement(reactPortal.Portal,null,V__namespace.default.createElement(ri,{appearance:n,onClose:()=>{a&&e();}}),V__namespace.default.createElement(xl,{appearance:n,className:l("modalContainer",n),styleOverrides:r},a&&V__namespace.default.createElement(yl,{className:l("modalClose",n),onClick:()=>e(),appearance:n},V__namespace.default.createElement(ve,null)),o&&V__namespace.default.createElement(Cl,null,o),V__namespace.default.createElement(Sl,null,i),p&&V__namespace.default.createElement(ui,{appearance:n,className:l("poweredByFrigadeRibbon",n)},V__namespace.default.createElement(Ao,{appearance:n})))):V__namespace.default.createElement(V__namespace.default.Fragment,null)};function Tl(e){switch(e){case"top-left":return `
|
|
252
252
|
top: 0;
|
|
253
253
|
left: 0;
|
|
254
254
|
`;case"top-right":return `
|
|
@@ -292,7 +292,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
292
292
|
::-webkit-scrollbar {
|
|
293
293
|
display: none;
|
|
294
294
|
}
|
|
295
|
-
`,Lo=({onClose:e,visible:t,headerContent:o=null,children:r,appearance:i,modalPosition:n="bottom-right",dismissible:
|
|
295
|
+
`,Lo=({onClose:e,visible:t,headerContent:o=null,children:r,appearance:i,modalPosition:n="bottom-right",dismissible:a=!0})=>{let[p,d]=V.useState("");return V.useEffect(()=>{let s=getComputedStyle(document.body).getPropertyValue("overflow");d(s);},[]),V.useEffect(()=>{let s=m=>{m.key==="Escape"&&e();};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s);}},[e]),V.useEffect(()=>{let s=document.body.style;return t?s.setProperty("overflow","hidden"):s.setProperty("overflow",p),()=>{s.setProperty("overflow",p);}},[t]),t?V__namespace.default.createElement(reactPortal.Portal,null,V__namespace.default.createElement(Fl,{appearance:i,className:l("cornerModalContainer",i),modalPosition:n},a&&V__namespace.default.createElement(Pl,{className:l("cornerModalClose",i),onClick:()=>e()},V__namespace.default.createElement(ve,null)),o&&V__namespace.default.createElement(kl,null,o),V__namespace.default.createElement(vl,null,r))):V__namespace.default.createElement(V__namespace.default.Fragment,null)};function ie(){let{defaultAppearance:e}=V.useContext(Z);function t(o){let r=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(r.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(r.theme,o.theme??{})}:r}return {mergeAppearanceWithDefault:t}}var xi=me__default.default.label`
|
|
296
296
|
${e=>k(e)} {
|
|
297
297
|
font-size: 12px;
|
|
298
298
|
line-height: 18px;
|
|
@@ -360,7 +360,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
360
360
|
box-sizing: border-box;
|
|
361
361
|
margin-bottom: 10px;
|
|
362
362
|
resize: none;
|
|
363
|
-
`;function br({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:r,inputData:i}){let n=e,[
|
|
363
|
+
`;function br({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:r,inputData:i}){let n=e,[a,p]=V.useState(i?.text||""),[d,s]=V.useState(!1),[m,c]=V.useState(!1),g=Sr;V.useEffect(()=>{a===""&&!d&&(s(!0),b(""));},[]),V.useEffect(()=>{if(m){b(a);return}},[m]);function b(x){if(p(x),o({text:x}),n.required===!0&&x.trim()===""){r([{id:n.id,message:`${n.title??"Field"} is required`,hidden:!m}]);return}let u=bi(x,n.validation);if(u&&(x.trim()!==""||n.required===!0)){r([{id:n.id,message:u,hidden:!m}]);return}r([]);}n.multiline&&(g=Il);function T(){switch(n?.validation?.type){case"email":return "email";case"number":return "number";case"password":return "password"}return null}return V__namespace.default.createElement(El,null,V__namespace.default.createElement(dt,{title:n.title,required:n.required,appearance:t.appearance}),V__namespace.default.createElement(g,{className:l("inputComponent",t.appearance),value:a,onChange:x=>{b(x.target.value);},appearance:t.appearance,placeholder:n.placeholder,type:T(),onBlur:()=>{c(!0);}}),V__namespace.default.createElement(Dt,{title:n.subtitle,appearance:t.appearance}))}var wr="",Al=me__default.default.div`
|
|
364
364
|
display: flex;
|
|
365
365
|
flex-direction: column;
|
|
366
366
|
width: 100%;
|
|
@@ -387,10 +387,10 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
387
387
|
background-repeat: no-repeat;
|
|
388
388
|
background-size: 1.5em 1.5em;
|
|
389
389
|
-webkit-print-color-adjust: exact;
|
|
390
|
-
`;function Pi({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){let n=e,[
|
|
390
|
+
`;function Pi({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){let n=e,[a,p]=V.useState(!1),[d,s]=V.useState(!1);return V.useEffect(()=>{if(!r?.choice?.[0]&&!a){if(p(!0),n.requireSelection){o({choice:[wr]});return}if(n.defaultValue&&n.props.options?.find(m=>m.id===n.defaultValue)){let m=n.props.options?.find(c=>c.id===n.defaultValue);o({choice:[m.id]});}else o({choice:[n.props.options?.[0].id||""]});}},[]),V.useEffect(()=>{d&&(n.requireSelection&&r?.choice?.[0]===wr?i([{message:"Please select an option",id:n.id}]):i([]));},[r?.choice?.[0],d]),V__namespace.default.createElement(Al,null,V__namespace.default.createElement(dt,{title:n.title,required:!1,appearance:t.appearance}),V__namespace.default.createElement(Nl,{value:r?.choice?.[0],onChange:m=>{s(!0),o({choice:[m.target.value]});},placeholder:n.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},n.requireSelection&&V__namespace.default.createElement("option",{key:"null-value",value:wr,disabled:!0},n.placeholder??"Select an option"),n.props.options?.map(m=>V__namespace.default.createElement("option",{key:m.id,value:m.id},m.title))),n.props.options?.find(m=>m.id===r?.choice?.[0])?.isOpenEnded&&V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(dt,{title:n.props.options?.find(m=>m.id===r?.choice?.[0])?.openEndedLabel??"Please specify",required:!1,appearance:t.appearance}),V__namespace.default.createElement(Sr,{type:"text",placeholder:"Enter your answer here",onChange:m=>{o({choice:[m.target.value]});},appearance:t.appearance})),V__namespace.default.createElement(Dt,{title:n.subtitle,appearance:t.appearance}))}var vi=({color:e,percentage:t,size:o})=>{let r=o*.5-2,i=2*Math.PI*r,n=(1-t)*i;return V__namespace.default.createElement("circle",{r,cx:o*.5,cy:o*.5,fill:"transparent",stroke:n!==i?e:"",strokeWidth:"3px",strokeDasharray:i,strokeDashoffset:t?n:0})},Ol=({fillColor:e,size:t,percentage:o,children:r,bgColor:i="#D9D9D9",className:n,style:a})=>V__namespace.default.createElement("svg",{style:a,className:n,width:t,height:t,overflow:"visible"},V__namespace.default.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},V__namespace.default.createElement(vi,{color:i,size:t}),V__namespace.default.createElement(vi,{color:e,percentage:Math.max(o,.1),size:t})),r),$t=Ol;var Dl=({color:e="#FFFFFF"})=>V__namespace.default.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},V__namespace.default.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),$l={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},Ml={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},Ul={border:"1px solid #000000",color:"#FFFFFF"},zl={border:"1px solid #C5CBD3"},_l={color:"#FFFFFF"},Wl={border:"1px solid #C5CBD3"},Hl=e=>e==="square"?$l:Ml,Vl=(e,t)=>e==="square"?t?Ul:zl:t?_l:Wl,jl=me__default.default.div`
|
|
391
391
|
${e=>Fe(e)}
|
|
392
392
|
flex-shrink: 0;
|
|
393
|
-
`,tt=({value:e,type:t="round",primaryColor:o="#000000",progress:r,appearance:i=et,style:n,className:
|
|
393
|
+
`,tt=({value:e,type:t="round",primaryColor:o="#000000",progress:r,appearance:i=et,style:n,className:a})=>{let p=Hl(t),d=Vl(t,e);return e===!0?p={...p,...d,backgroundColor:i.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&r!==void 0&&r!==1?V__namespace.default.createElement($t,{fillColor:o,percentage:r,size:22}):V__namespace.default.createElement(jl,{styleOverrides:p,style:n,role:"checkbox",className:we(l("checkIconContainer",i),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",i),e?"checkIconContainerChecked":"checkIconContainerUnchecked",a)},e&&V__namespace.default.createElement(Dl,{color:"#FFFFFF"}))};var Gl=me__default.default.div`
|
|
394
394
|
display: flex;
|
|
395
395
|
flex-direction: column;
|
|
396
396
|
width: 100%;
|
|
@@ -421,7 +421,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
421
421
|
line-height: 18px;
|
|
422
422
|
padding: 18px;
|
|
423
423
|
margin-bottom: 10px;
|
|
424
|
-
`;function Ii({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){let n=e,[
|
|
424
|
+
`;function Ii({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){let n=e,[a,p]=V.useState(r?.choice||[]),[d,s]=V.useState(!1);return V.useEffect(()=>{a.length==0&&!d&&(s(!0),o({choice:[]}));},[]),V.useEffect(()=>{o({choice:a});},[a]),V.useEffect(()=>{n.required&&(a.length<n.props.minChoices||a.length>n.props.maxChoices)?i([{message:"",id:n.id}]):i([]);},[a]),V__namespace.default.createElement(Gl,null,V__namespace.default.createElement(dt,{title:n.title,required:n.required,appearance:t.appearance}),n.props.options?.map(m=>V__namespace.default.createElement(Kl,{appearance:t.appearance,className:l(a.includes(m.id)?"multipleChoiceListItemSelected":"multipleChoiceListItem",t.appearance),key:m.id,value:m.id,"data-selected":a.includes(m.id),onClick:()=>{if(a.includes(m.id)){p(a.filter(c=>c!==m.id));return}a.length<n.props.maxChoices?p([...a,m.id]):a.length==1&&n.props.maxChoices==1&&p([m.id]);}},m.title,V__namespace.default.createElement(tt,{type:"round",primaryColor:t.appearance.theme.colorPrimary,value:a.includes(m.id),appearance:t.appearance}))),V__namespace.default.createElement(Dt,{title:n.subtitle,appearance:t.appearance}))}function J(e){return e?{__html:ql__default.default.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 Yl=me__default.default.h1`
|
|
425
425
|
${e=>k(e)} {
|
|
426
426
|
font-style: normal;
|
|
427
427
|
font-weight: 700;
|
|
@@ -460,7 +460,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
460
460
|
`,ep=me__default.default.div`
|
|
461
461
|
padding-left: 1px;
|
|
462
462
|
padding-right: 1px;
|
|
463
|
-
`,tp={text:br,multipleChoice:Pi,multipleChoiceList:Ii},Pr="frigade-multiInputStepTypeData";function Li({flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n,customFormElements:
|
|
463
|
+
`,tp={text:br,multipleChoice:Pi,multipleChoiceList:Ii},Pr="frigade-multiInputStepTypeData";function Li({flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n,customFormElements:a,prefillData:p}){let d=t.props,[s,m]=V.useState([]),[c,g]=V.useState([]),{userId:b}=io(),[T,x]=V.useState(N()||(p?p[t.id]:null)||{}),{readonly:u}=V.useContext(Z),F={...tp,...a};V.useEffect(()=>{r(s.length===0);},[s,r]),V.useEffect(()=>{i(T);},[T]);function C(w,h){x(v=>{let S={...v,[w.id]:h};return typeof window<"u"&&window.localStorage&&!u&&window.localStorage.setItem(D(),JSON.stringify(S)),S});}function N(){if(typeof window<"u"&&window.localStorage){let w=window.localStorage.getItem(D());if(w)return JSON.parse(w)}return null}function D(){return `${Pr}-${e}-${t.id}-${b}`}return V__namespace.default.createElement(ep,{className:l("multiInput",n)},V__namespace.default.createElement(Be,{appearance:n,title:t.title,subtitle:t.subtitle}),V__namespace.default.createElement(Ql,{className:l("multiInputContainer",n)},d?.data?.map(w=>{let h=s.reverse().find(v=>v.id===w.id);return F[w.type]?V__namespace.default.createElement("span",{key:w.id,"data-field-id":w.id,className:l("multiInputField",n)},F[w.type]({formInput:w,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n},onSaveInputData:v=>{!c.includes(w.id)&&v&&v?.text!==""&&g(S=>[...S,w.id]),C(w,v);},inputData:T[w.id],setFormValidationErrors:v=>{v.length===0&&s.length===0||m(S=>v.length===0?S.filter(P=>P.id!==w.id):[...S,...v]);}}),h&&h.message&&c.includes(w.id)&&h.hidden!==!0&&V__namespace.default.createElement(Zl,{key:w.id,style:{overflow:"hidden"},appearance:n,className:l("multiInputValidationError",n)},V__namespace.default.createElement(Rl,{appearance:n,className:l("multiInputValidationErrorIcon",n)},V__namespace.default.createElement(Ni,null)),h.message)):null})))}var Di=me__default.default.div`
|
|
464
464
|
align-items: center;
|
|
465
465
|
display: flex;
|
|
466
466
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
@@ -559,10 +559,10 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
559
559
|
margin-right: 8px;
|
|
560
560
|
}
|
|
561
561
|
}
|
|
562
|
-
`,ee=({onClick:e,title:t,style:o,disabled:r,type:i="inline",size:n="medium",secondary:
|
|
562
|
+
`,ee=({onClick:e,title:t,style:o,disabled:r,type:i="inline",size:n="medium",secondary:a=!1,appearance:p,withMargin:d=!0,classPrefix:s="",loading:m=!1,autoFocus:c=!1})=>{function g(){let T=a?"buttonSecondary":"button";return s===""?T:`${s}${so(T)}`}let b={tabindex:a?"0":"1",secondary:a,appearance:p,disabled:r||m,loading:m?.toString()??"",onClick:e,styleOverrides:o,type:i,withMargin:d,size:n,className:l(g(),p),autoFocus:c};return m?V__namespace.default.createElement(Hi,{...b},V__namespace.default.createElement(Wi,{className:l("buttonLoader",p)})):V__namespace.default.createElement(Hi,{...b,dangerouslySetInnerHTML:J(t??"Continue")})};var ji=({step:e,canContinue:t,appearance:o,onPrimaryClick:r,onSecondaryClick:i,selectedStep:n,steps:a,onBack:p,allowBackNavigation:d,errorMessage:s,isSaving:m})=>{let c=a.length>1&&n!=0&&d,g=e.primaryButtonTitle&&e.secondaryButtonTitle||c?"inline":"full-width";return V__namespace.default.createElement(V__namespace.default.Fragment,null,s!==null&&s!=null&&V__namespace.default.createElement($i,{appearance:o,className:l("formCTAError",o)},s),V__namespace.default.createElement(Di,{showBackButton:c,className:l("formCTAContainer",o)},c&&V__namespace.default.createElement(ee,{title:e.backButtonTitle??"Back",onClick:p,secondary:!0,withMargin:!1,type:g,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),V__namespace.default.createElement(Mi,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?V__namespace.default.createElement(ee,{title:e.secondaryButtonTitle,onClick:i,secondary:!0,withMargin:!1,type:g,appearance:o,disabled:m}):null," ",e.primaryButtonTitle?V__namespace.default.createElement(ee,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:r,type:g,appearance:o,loading:m}):null)))};var ip=me__default.default.div`
|
|
563
563
|
text-align: center;
|
|
564
564
|
color: #e6e6e6;
|
|
565
|
-
`,Wo=({stepCount:e=0,currentStep:t=0,className:o,appearance:r})=>{let{theme:i}=ie().mergeAppearanceWithDefault(r);return V__namespace.default.createElement(ip,{className:o},V__namespace.default.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((n,
|
|
565
|
+
`,Wo=({stepCount:e=0,currentStep:t=0,className:o,appearance:r})=>{let{theme:i}=ie().mergeAppearanceWithDefault(r);return V__namespace.default.createElement(ip,{className:o},V__namespace.default.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((n,a)=>V__namespace.default.createElement("rect",{key:a,x:16*a,y:0,width:8,height:8,rx:4,fill:t===a?i.colorPrimary:"currentColor"}))))};function pe(){let e=V.useContext(Z);function t(i){r(i.primaryButtonUri,i.primaryButtonUriTarget);}function o(i){r(i.secondaryButtonUri,i.secondaryButtonUriTarget);}function r(i,n){if(!i)return;let a=i.startsWith("http")?"_blank":"_self";n&&n!=="_blank"&&(a="_self"),e.navigate(i,a);}return {primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:r}}var sp=me__default.default.div`
|
|
566
566
|
display: flex;
|
|
567
567
|
flex-wrap: wrap;
|
|
568
568
|
align-content: center;
|
|
@@ -656,7 +656,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
656
656
|
height: 100%;
|
|
657
657
|
min-height: 400px;
|
|
658
658
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
659
|
-
`;function Je({appearance:e,videoUri:t,autoplay:o=!1}){let
|
|
659
|
+
`;function Je({appearance:e,videoUri:t,autoplay:o=!1,loop:r=!1,hideControls:i=!1}){let n=V.useRef(),[a,p]=V.useState(o);if(t.includes("youtube")){let d=t.split("v=")[1],s=d.indexOf("&");return s!==-1&&(d=d.substring(0,s)),V__namespace.default.createElement(xp,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${d}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e,className:l("youtubePlayer",e)})}if(t.includes("vimeo")){let d=t.split("vimeo.com/")[1],s=d.indexOf("&");return s!==-1&&(d=d.substring(0,s)),V__namespace.default.createElement(Cp,{width:"100%",height:"100%",src:`https://player.vimeo.com/video/${d}`,frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,appearance:e,className:l("vimeoPlayer",e)})}if(t.includes("wistia")){let d=t.split("wistia.com/medias/")[1],s=d.indexOf("&");return s!==-1&&(d=d.substring(0,s)),V__namespace.default.createElement(yp,{width:"100%",height:"100%",src:`https://fast.wistia.net/embed/iframe/${d}`,frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,appearance:e,className:l("wistiaPlayer",e)})}return V__namespace.default.createElement(fp,{className:l("videoPlayerWrapper",e),appearance:e},!a&&V__namespace.default.createElement(gp,{onClick:()=>{p(!0),n.current.play();},appearance:e,className:l("playIconWrapper",e)},V__namespace.default.createElement(Ho,null)),V__namespace.default.createElement(hp,{appearance:e,controls:a&&!i,ref:n,play:a,src:t,autoPlay:o,muted:o,loop:r}))}var bp=me__default.default.div`
|
|
660
660
|
${e=>k(e)} {
|
|
661
661
|
display: flex;
|
|
662
662
|
flex-direction: column;
|
|
@@ -680,7 +680,7 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
680
680
|
max-height: 250px;
|
|
681
681
|
margin-bottom: 24px;
|
|
682
682
|
}
|
|
683
|
-
`;function Ki({stepData:e,appearance:t,setCanContinue:o}){return V.useEffect(()=>{o(!0);},[]),V__namespace.default.createElement(bp,{className:l("callToActionContainer",t)},V__namespace.default.createElement(Tp,{className:l("callToActionTextContainer",t)},V__namespace.default.createElement(Be,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&V__namespace.default.createElement(wp,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&V__namespace.default.createElement(Fp,{appearance:t,className:l("callToActionVideo",t)},V__namespace.default.createElement(Je,{appearance:t,videoUri:e.videoUri})))}var qi=me__default.default.div`
|
|
683
|
+
`;function Ki({stepData:e,appearance:t,setCanContinue:o}){return V.useEffect(()=>{o(!0);},[]),V__namespace.default.createElement(bp,{className:l("callToActionContainer",t)},V__namespace.default.createElement(Tp,{className:l("callToActionTextContainer",t)},V__namespace.default.createElement(Be,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&V__namespace.default.createElement(wp,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&V__namespace.default.createElement(Fp,{appearance:t,className:l("callToActionVideo",t)},V__namespace.default.createElement(Je,{appearance:t,videoUri:e.videoUri,autoplay:e.props?.autoplayVideo,loop:e.props?.loopVideo,hideControls:e.props?.hideVideoControls})))}var qi=me__default.default.div`
|
|
684
684
|
width: auto;
|
|
685
685
|
display: flex;
|
|
686
686
|
flex-direction: column;
|
|
@@ -733,8 +733,8 @@ var Zr="1.38.14";var Ze="NOT_STARTED_STEP",re="COMPLETED_FLOW",Ct="SKIPPED_FLOW"
|
|
|
733
733
|
color: ${e=>e.appearance?.theme?.colorText};
|
|
734
734
|
display: flex;
|
|
735
735
|
align-self: center;
|
|
736
|
-
`;var tn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:r})=>{let i=e.props,[n,
|
|
737
|
-
${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map(([r,i])=>typeof i=="object"?`${r} { ${Object.entries(i).map(([s,p])=>`${Eo(s)}: ${p};`).join(" ")} }`:`${Eo(r)}: ${i};`).join(" ")} }`).join(" ")}`;function te({appearance:e}){if(!e||!e.styleOverrides)return V__namespace.default.createElement(V__namespace.default.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,r])=>typeof r=="object");return t.length===0?V__namespace.default.createElement(V__namespace.default.Fragment,null):V__namespace.default.createElement(vp,{inlineStyles:t})}function ze(e,t=!0){let[o,r]=V.useState(!1),{markStepStarted:i,isLoading:n,getFlowStatus:s,getFlowSteps:p,getCurrentStepIndex:d,targetingLogicShouldHideFlow:a,getFlow:m}=R(),c=p(e);async function g(){!o&&!n&&s(e)===Ae&&a(m(e))===!1&&t&&c&&c.length>0&&(r(!0),await i(e,c[d(e)].id));}return V.useEffect(()=>{g();},[n,e,t]),{}}var nn=({flowId:e,customStepTypes:t={},type:o="inline",visible:r,setVisible:i,customVariables:n,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:a=!0,onStepCompletion:m,onButtonClick:c,dismissible:g=!0,endFlowOnDismiss:b=!1,modalPosition:T="center",repeatable:x=!1,onDismiss:u,showPagination:F=!1,allowBackNavigation:C=!1,validationHandler:N,showFrigadeBranding:D=!1,onFormDataChange:w,showFooter:h=!0,prefillData:v={},updateUrlOnPageChange:S=!1})=>{let{getFlow:P,getFlowSteps:E,isLoading:I,targetingLogicShouldHideFlow:L,getFlowStatus:$,getCurrentStepIndex:G,markFlowCompleted:M,markFlowNotStarted:q,markStepStarted:Y}=R(),B=G(e),{mergeAppearanceWithDefault:H}=ie(),[he,xe]=V.useState(null),{setOpenFlowState:ae,getOpenFlowState:ce,hasOpenModals:se}=Pe();ze(e,r);let j=E(e);d=H(d);let[ue,Ce]=r!==void 0&&i!==void 0?[r,i]:[ce(e,!0),_=>ae(e,_)],be=typeof window<"u"?window.location.hash:null;if(V.useEffect(()=>{if(j&&j.length>0&&C){let _=typeof window<"u"&&window?.location?.hash?window.location.hash.replace("#",""):"";if(j&&j?.length>0){let O=-1;if(_){let W=_;O=j.findIndex(oe=>oe.id===W),he===_&&(O=-1);}O!==-1&&(xe(_),Y(e,j[O].id));}}},[be]),V.useEffect(()=>{!I&&j&&j.length&&typeof window<"u"&&C&&(xe(j[B].id),window.location.hash=j[B].id);},[I,B,j]),I)return null;let Ue=P(e);if(!Ue||L(Ue)||!j||r!==void 0&&r===!1||$(e)===re&&a&&!x||(o=="modal"||o=="corner-modal")&&se(e))return null;let z=()=>{Ce(!1),u&&u(),b===!0&&M(e);};if(T=="center"&&o==="modal"||o==="large-modal"){let _={padding:"24px"};return o==="large-modal"?(_.width="85%",_.height="90%",_.maxHeight="800px",_.minHeight="500px",_.padding="0"):_.width="400px",V__namespace.default.createElement(qe,{appearance:d,onClose:z,visible:ue,style:_,dismissible:g,showFrigadeBranding:D},V__namespace.default.createElement(te,{appearance:d}),V__namespace.default.createElement(Go,{appearance:d,steps:j,selectedStep:B,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:Ce,onDismiss:u,showPagination:F,customFormElements:s,allowBackNavigation:C,validationHandler:N,onFormDataChange:w,showFooter:h,prefillData:v,updateUrlOnPageChange:S,repeatable:x}))}return o==="modal"&&T!=="center"?V__namespace.default.createElement(Lo,{appearance:d,onClose:z,visible:ue,modalPosition:T},V__namespace.default.createElement(te,{appearance:d}),V__namespace.default.createElement(Go,{appearance:d,steps:j,selectedStep:B,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:Ce,onDismiss:u,showPagination:F,customFormElements:s,allowBackNavigation:C,validationHandler:N,onFormDataChange:w,showFooter:h,prefillData:v,updateUrlOnPageChange:S,repeatable:x})):V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:d}),V__namespace.default.createElement(Go,{appearance:d,steps:j,selectedStep:B,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:Ce,onDismiss:u,showPagination:F,customFormElements:s,allowBackNavigation:C,validationHandler:N,onFormDataChange:w,showFooter:h,prefillData:v,updateUrlOnPageChange:S,repeatable:x}))},sn=nn;function Or(){let{organizationId:e,userId:t,setOrganizationId:o}=V.useContext(Z),{mutateUserFlowState:r}=Oe(),{config:i,apiUrl:n}=Ke(),s=At(),{verifySDKInitiated:p}=Nt();function d(g,b){return `frigade-user-group-registered-${g}-${b}`}V.useEffect(()=>{if(t&&e){if(t.startsWith(Lt))return;let g=d(t,e);localStorage.getItem(g)||(s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(g,"true"));}},[t,e]);let a=V.useCallback(async g=>{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 b={foreignUserId:t,foreignUserGroupId:e,properties:g};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(b)}),r();},[e,t,i,r]),m=V.useCallback(async(g,b)=>{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 x={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:b}]};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(x)}),r();},[e,t,i,r]),c=V.useCallback(async(g,b)=>{if(p())if(b){let T=d(t,g);localStorage.setItem(T,"true"),o(g);let x={foreignUserId:t,foreignUserGroupId:g,properties:b};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(x)}),r();}else o(g);},[t,i,r]);return {organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:a,trackEventForOrganization:m}}var bt="frigade-xFrigade_guestUserId",uo="frigade-xFrigade_userId",an=({})=>{let{setFlowResponses:e}=ro(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:r}=Oe(),{userId:i,setUserId:n}=io(),[s,p]=V.useState(i),{getFlowStatus:d}=R(),{flows:a,userProperties:m,setIsNewGuestUser:c,flowResponses:g}=V.useContext(Z),[b,T]=V.useState([]),[x,u]=V.useState([]),{organizationId:F}=Or(),[C,N]=V.useState(F),[D,w]=V.useState(!1);V.useEffect(()=>{if(!o&&t)for(let P=0;P<t.length;P++){let E=t[P],I=a.find(L=>L.slug===E?.flowId);if(I&&E&&E.shouldTrigger===!0&&I.type=="FORM"&&I.triggerType==="AUTOMATIC"&&!x.includes(I.slug)){setTimeout(()=>{h(E.flowId);},500);break}}},[o,t]),V.useEffect(()=>{g.length>0&&r();},[g]),V.useEffect(()=>{D||(w(!0),r());},[o,w]);function h(P){let E=a.find(I=>I.slug===P);E&&E.triggerType==="AUTOMATIC"&&!x.includes(E.slug)&&(u([...x,E.slug]),T([E]));}function v(){if(!i){let P=localStorage.getItem(uo);if(P){n(P);return}let E=localStorage.getItem(bt);if(E){n(E);return}c(!0);let I=Lt+uuid.v4();try{localStorage.setItem(bt,I);}catch(L){console.log("Failed to save guest user id locally: Local storage unavailable",L);}n(L=>L||I);}}V.useEffect(()=>{try{if(a){let P=[];a.forEach(E=>{if(E.data){let I=E.data.match(/"imageUri":"(.*?)"/g);I&&I.forEach(L=>{let $=L.replace('"imageUri":"',"").replace('"',"");if(P.includes($))return;let G=new Image;G.src=$,P.push($);});}});}}catch{}},[a]),V.useEffect(()=>{if(i!==s&&(e([]),r()),p(i),i&&!i.startsWith(Lt))try{localStorage.setItem(uo,i);}catch(P){console.log("Failed to save user id locally: Local storage available",P);}i===null&&setTimeout(()=>{i===null&&v();},50);},[i,a,m]),V.useEffect(()=>{F!=C&&(N(F),e([]),r());},[F,C,N]);function S(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,b.map(P=>d(P.slug)!==Ae?null:V__namespace.default.createElement("span",{key:P.slug},V__namespace.default.createElement(sn,{flowId:P.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(S,null))};var ln={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 Dp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,r])=>{if(ln[o]){let i=ln[o].split("."),n=t;i.forEach((s,p)=>{n[s]||(n[s]=p===i.length-1?r:{}),n=n[s];});}}),t}function $p(e){if(!e)return;let t=le({},e),o={};return Object.keys(t).forEach(r=>{let i=`.fr-${r}`;o[i]=t[r];}),o}function pn(e){let{theme:t,styleOverrides:o}=e,r=Dp(t),i=$p(o);return {overrides:r,css:i}}var Yp={width:{property:"width",scale:"sizes",transform:(e,t)=>styledSystem.get(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},Jp=me__default.default("div")(({css:e})=>e,styledSystem.compose(styledSystem.border,styledSystem.color,styledSystem.shadow,styledSystem.space,styledSystem.typography,styledSystem.system(Yp))),fo=({as:e,children:t,overrides:o,...r})=>{let i=me.useTheme(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>V__namespace.default.createElement(Jp,{as:e,...n,...r},t);if(o!==void 0){let p=le(i,o);return V__namespace.default.createElement(me.ThemeProvider,{theme:p},s())}return s()};var go={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"}},Zp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},mn=me__default.default(fo)(()=>({whiteSpace:"nowrap"}),styledSystem.compose(styledSystem.variant({scale:"components.Button",variants:"components.Button"}),styledSystem.variant({prop:"size",variants:Zp})));var Ko={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 un=me__default.default(fo)(styledSystem.variant({scale:"components.Text",variants:"components.Text"}),styledSystem.system({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var fn=4,gn="px",od=20,rd=Object.fromEntries(Array.from(Array(od+1),(e,t)=>t===0?[.5,`${.5*fn}${gn}`]:[t,`${t*fn}${gn}`])),Ht={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"},qo={colors:{...Ht,neutral:{foreground:Ht.gray300},primary:{background:Ht.blue500,foreground:Ht.white,inverted:Ht.blue500},negative:{foreground:Ht.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:rd,components:{Button:go,Text:Ko}};var xn="https://api.frigade.com",Z=V.createContext({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:et,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:xn,readonly:!1,debug:!1});function nd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e);});}var sd=({publicApiKey:e,userId:t,organizationId:o,config:r,children:i})=>{let n=typeof window<"u"?localStorage.getItem(bt):null,[s,p]=V.useState(t||n),[d,a]=V.useState(o||null),[m,c]=V.useState([]),[g,b]=V.useState([]),[T,x]=V.useState([]),[u,F]=V.useState({}),[C,N]=V.useState({}),[D,w]=V.useState([]),[h,v]=V.useState({}),[S,P]=V.useState(!1),[E,I]=V.useState(!1),[L,$]=V.useState(!q(e)),G=(H,he)=>{if(he==="_blank"){window.open(H,"_blank");return}setTimeout(()=>{window.location.href=H;},50);},M={theme:{...et.theme,...r?.defaultAppearance?.theme??{}},styleOverrides:{...et.styleOverrides,...r?.defaultAppearance?.styleOverrides??{}}};function q(H){return !!(H&&H.length>10&&H.substring(0,10)==="api_public")}V.useEffect(()=>{t&&p(t);},[t]),V.useEffect(()=>{s&&typeof window<"u"&&window.localStorage&&window.localStorage.getItem(uo)&&window.localStorage.getItem(uo)!==s&&nd();},[s]),V.useEffect(()=>{o&&a(o);},[o]),V.useEffect(()=>{if(q(e))$(!1);else {console.error("Frigade SDK failed to initialize. API key provided is either missing or invalid."),$(!0);return}},[e,$]);let Y={publicApiKey:e,userId:s,setUserId:p,setFlows:c,flows:m,failedFlowResponses:g,setFailedFlowResponses:b,flowResponses:T,setFlowResponses:x,userProperties:u,setUserProperties:F,openFlowStates:C,setOpenFlowStates:N,completedFlowsToKeepOpenDuringSession:D,setCompletedFlowsToKeepOpenDuringSession:w,customVariables:h,setCustomVariables:v,isNewGuestUser:S,setIsNewGuestUser:P,hasActiveFullPageFlow:E,setHasActiveFullPageFlow:I,organizationId:d,setOrganizationId:a,navigate:r&&r.navigate?r.navigate:G,defaultAppearance:M,shouldGracefullyDegrade:L,setShouldGracefullyDegrade:$,apiUrl:r&&r.apiUrl?r.apiUrl:xn,readonly:r&&r.readonly?r.readonly:!1,debug:r&&r.debug?r.debug:!1,flowDataOverrides:r&&r.__internal__?r.__internal__:void 0},{overrides:B}=pn(M);return L?V__namespace.default.createElement(Z.Provider,{value:Y},V__namespace.default.createElement(me.ThemeProvider,{theme:le(M.theme,qo,B??{},r?.theme??{})},i)):V__namespace.default.createElement(Z.Provider,{value:Y},V__namespace.default.createElement(me.ThemeProvider,{theme:le(M.theme,qo,B??{},r?.theme??{})},i,V__namespace.default.createElement(an,null)))};var Cn=me__default.default.span`
|
|
736
|
+
`;var tn=({stepData:e,setCanContinue:t,onSaveData:o,appearance:r})=>{let i=e.props,[n,a]=V.useState([]),[p,d]=V.useState(!1),[s,m]=V.useState(e.id);return V.useEffect(()=>{n.length==0&&!p&&(d(!0),o({choice:[]}));},[p]),V.useEffect(()=>{s!==e.id&&(m(e.id),a([]));},[e]),V.useEffect(()=>{o({choice:n}),n.length>=i.minChoices?t(!0):t(!1);},[n]),V__namespace.default.createElement(qi,{className:l("selectListContainer",r)},V__namespace.default.createElement(Yi,null,V__namespace.default.createElement(Ji,{className:l("selectListTitle",r)},e.title),V__namespace.default.createElement(Xi,{appearance:r,className:l("selectListSubtitle",r)},e.subtitle)),i.options.map((c,g)=>{let b=n.includes(c.id);return V__namespace.default.createElement(Qi,{key:`select-item-${g}`,onClick:()=>{if(n.includes(c.id)){a(n.filter(T=>T!==c.id));return}n.length<i.maxChoices?a([...n,c.id]):n.length==1&&i.maxChoices==1&&a([c.id]);},hideBottomBorder:g===i.options.length-1,className:l("selectListSelectItem",r)},V__namespace.default.createElement(Zi,{className:l("selectListItemImage",r)},c.imageUri&&V__namespace.default.createElement(Ri,{src:c.imageUri,alt:`select-icon-${g}`}),V__namespace.default.createElement(en,{appearance:r,className:l("selectListSelectItemText",r)},c.title)),V__namespace.default.createElement(tt,{appearance:r,value:b,primaryColor:r.theme.colorPrimary}))}))};var kp=({children:e,id:t,shouldWrap:o=!1})=>V__namespace.default.createElement(V__namespace.default.Fragment,null,o?V__namespace.default.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),Go=({appearance:e,steps:t,selectedStep:o,customStepTypes:r,customVariables:i,onButtonClick:n,onStepCompletion:a,flowId:p,type:d,hideOnFlowCompletion:s,onComplete:m,setVisible:c,setShowModal:g,onDismiss:b,showPagination:T=!1,customFormElements:x,allowBackNavigation:u,validationHandler:F,onFormDataChange:C,showFooter:N,prefillData:D,updateUrlOnPageChange:w,repeatable:h})=>{let S={...{linkCollection:Gi,multiInput:Li,callToAction:Ki,selectList:tn},...r},{primaryCTAClickSideEffects:P,secondaryCTAClickSideEffects:E}=pe(),[I,L]=V.useState(!1),[$,G]=V.useState({}),[M,q]=V.useState(!1),[Y,B]=V.useState(null),H=t[o]??null,{markStepCompleted:he,markStepStarted:xe,isLoading:ae,updateCustomVariables:ce,markFlowCompleted:se}=R();V.useEffect(()=>{ce(i);},[i,ae]),V.useEffect(()=>{C&&C($,j(),t[o],o);},[$]);function j(){return {data:$[t[o].id]??{},stepId:t[o].id,customVariables:i}}function ue(z,_,O){let W=o+1<t.length?t[o+1]:null;return a&&a(z,O,W,$,j()),n?n(z,o,_,W):!0}function Ce(z,_){G(O=>{let W={};return W[z.id]=_,{...O,...W}});}function be(z){return z.selectedStep.imageUri?V__namespace.default.createElement(_i,{image:z.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let Ue=N&&V__namespace.default.createElement(ji,{step:t[o],canContinue:I&&!M,formType:d,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(q(!0),F){let O=await F(t[o],o,t[o+1],$,j());if(O!==!0){B(typeof O=="string"?O:null),q(!1);return}else B(null);}let z={...j()};await he(p,t[o].id,z),o+1<t.length&&!u&&await xe(p,t[o+1].id);let _=ue(t[o],"primary",o);if(o+1>=t.length&&(m&&m(),b&&b(),s&&_&&(c&&c(!1),g(!1)),await se(p),h&&(await xe(p,t[0].id),typeof window<"u"&&window.localStorage&&Object.keys(window.localStorage).forEach(W=>{W.startsWith(Pr)&&window.localStorage.removeItem(W);}))),P(t[o]),q(!1),typeof window<"u"&&!u&&w&&o+1<t.length){let O=new URL(window.location.href);O.searchParams.set("p",t[o+1].id),window.history.pushState({},"",O.toString());}},onSecondaryClick:()=>{ue(t[o],"secondary",o),E(t[o]);},onBack:async()=>{o-1>=0&&(q(!0),await xe(p,t[o-1].id),q(!1));},steps:t,allowBackNavigation:u,errorMessage:Y,isSaving:M});return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(Ui,{className:l("formContainer",e)},V__namespace.default.createElement(kp,{id:o,shouldWrap:d==="large-modal"},V__namespace.default.createElement(zi,{key:H.id,type:d,className:l("formContent",e)},t.map(z=>{let _=S[z.type??"multiInput"];return H.id!==z.id?null:typeof _!="function"?_:V__namespace.default.createElement(_,{key:z.id,stepData:z,canContinue:I,setCanContinue:L,onSaveData:O=>{Ce(z,O);},appearance:e,customFormElements:x,flowId:p,prefillData:D})}),T&&V__namespace.default.createElement(Wo,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),Ue)),d=="large-modal"&&V__namespace.default.createElement(be,{selectedStep:t[o]})))};var vp=me.createGlobalStyle`
|
|
737
|
+
${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map(([r,i])=>typeof i=="object"?`${r} { ${Object.entries(i).map(([a,p])=>`${Eo(a)}: ${p};`).join(" ")} }`:`${Eo(r)}: ${i};`).join(" ")} }`).join(" ")}`;function te({appearance:e}){if(!e||!e.styleOverrides)return V__namespace.default.createElement(V__namespace.default.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([o,r])=>typeof r=="object");return t.length===0?V__namespace.default.createElement(V__namespace.default.Fragment,null):V__namespace.default.createElement(vp,{inlineStyles:t})}function ze(e,t=!0){let[o,r]=V.useState(!1),{markStepStarted:i,isLoading:n,getFlowStatus:a,getFlowSteps:p,getCurrentStepIndex:d,targetingLogicShouldHideFlow:s,getFlow:m}=R(),c=p(e);async function g(){!o&&!n&&a(e)===Ae&&s(m(e))===!1&&t&&c&&c.length>0&&(r(!0),await i(e,c[d(e)].id));}return V.useEffect(()=>{g();},[n,e,t]),{}}var nn=({flowId:e,customStepTypes:t={},type:o="inline",visible:r,setVisible:i,customVariables:n,customFormElements:a,onComplete:p,appearance:d,hideOnFlowCompletion:s=!0,onStepCompletion:m,onButtonClick:c,dismissible:g=!0,endFlowOnDismiss:b=!1,modalPosition:T="center",repeatable:x=!1,onDismiss:u,showPagination:F=!1,allowBackNavigation:C=!1,validationHandler:N,showFrigadeBranding:D=!1,onFormDataChange:w,showFooter:h=!0,prefillData:v={},updateUrlOnPageChange:S=!1})=>{let{getFlow:P,getFlowSteps:E,isLoading:I,targetingLogicShouldHideFlow:L,getFlowStatus:$,getCurrentStepIndex:G,markFlowCompleted:M,markFlowNotStarted:q,markStepStarted:Y}=R(),B=G(e),{mergeAppearanceWithDefault:H}=ie(),[he,xe]=V.useState(null),{setOpenFlowState:ae,getOpenFlowState:ce,hasOpenModals:se}=Pe();ze(e,r);let j=E(e);d=H(d);let[ue,Ce]=r!==void 0&&i!==void 0?[r,i]:[ce(e,!0),_=>ae(e,_)],be=typeof window<"u"?window.location.hash:null;if(V.useEffect(()=>{if(j&&j.length>0&&C){let _=typeof window<"u"&&window?.location?.hash?window.location.hash.replace("#",""):"";if(j&&j?.length>0){let O=-1;if(_){let W=_;O=j.findIndex(oe=>oe.id===W),he===_&&(O=-1);}O!==-1&&(xe(_),Y(e,j[O].id));}}},[be]),V.useEffect(()=>{!I&&j&&j.length&&typeof window<"u"&&C&&(xe(j[B].id),window.location.hash=j[B].id);},[I,B,j]),I)return null;let Ue=P(e);if(!Ue||L(Ue)||!j||r!==void 0&&r===!1||$(e)===re&&s&&!x||(o=="modal"||o=="corner-modal")&&se(e))return null;let z=()=>{Ce(!1),u&&u(),b===!0&&M(e);};if(T=="center"&&o==="modal"||o==="large-modal"){let _={padding:"24px"};return o==="large-modal"?(_.width="85%",_.height="90%",_.maxHeight="800px",_.minHeight="500px",_.padding="0"):_.width="400px",V__namespace.default.createElement(qe,{appearance:d,onClose:z,visible:ue,style:_,dismissible:g,showFrigadeBranding:D},V__namespace.default.createElement(te,{appearance:d}),V__namespace.default.createElement(Go,{appearance:d,steps:j,selectedStep:B,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:i,setShowModal:Ce,onDismiss:u,showPagination:F,customFormElements:a,allowBackNavigation:C,validationHandler:N,onFormDataChange:w,showFooter:h,prefillData:v,updateUrlOnPageChange:S,repeatable:x}))}return o==="modal"&&T!=="center"?V__namespace.default.createElement(Lo,{appearance:d,onClose:z,visible:ue,modalPosition:T},V__namespace.default.createElement(te,{appearance:d}),V__namespace.default.createElement(Go,{appearance:d,steps:j,selectedStep:B,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:i,setShowModal:Ce,onDismiss:u,showPagination:F,customFormElements:a,allowBackNavigation:C,validationHandler:N,onFormDataChange:w,showFooter:h,prefillData:v,updateUrlOnPageChange:S,repeatable:x})):V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:d}),V__namespace.default.createElement(Go,{appearance:d,steps:j,selectedStep:B,customStepTypes:t,customVariables:n,onButtonClick:c,onStepCompletion:m,flowId:e,type:o,hideOnFlowCompletion:s,onComplete:p,setVisible:i,setShowModal:Ce,onDismiss:u,showPagination:F,customFormElements:a,allowBackNavigation:C,validationHandler:N,onFormDataChange:w,showFooter:h,prefillData:v,updateUrlOnPageChange:S,repeatable:x}))},sn=nn;function Or(){let{organizationId:e,userId:t,setOrganizationId:o}=V.useContext(Z),{mutateUserFlowState:r}=Oe(),{config:i,apiUrl:n}=Ke(),a=At(),{verifySDKInitiated:p}=Nt();function d(g,b){return `frigade-user-group-registered-${g}-${b}`}V.useEffect(()=>{if(t&&e){if(t.startsWith(Lt))return;let g=d(t,e);localStorage.getItem(g)||(a(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(g,"true"));}},[t,e]);let s=V.useCallback(async g=>{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 b={foreignUserId:t,foreignUserGroupId:e,properties:g};await a(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(b)}),r();},[e,t,i,r]),m=V.useCallback(async(g,b)=>{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 x={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:b}]};await a(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(x)}),r();},[e,t,i,r]),c=V.useCallback(async(g,b)=>{if(p())if(b){let T=d(t,g);localStorage.setItem(T,"true"),o(g);let x={foreignUserId:t,foreignUserGroupId:g,properties:b};await a(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(x)}),r();}else o(g);},[t,i,r]);return {organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:c,addPropertiesToOrganization:s,trackEventForOrganization:m}}var bt="frigade-xFrigade_guestUserId",uo="frigade-xFrigade_userId",an=({})=>{let{setFlowResponses:e}=ro(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:r}=Oe(),{userId:i,setUserId:n}=io(),[a,p]=V.useState(i),{getFlowStatus:d}=R(),{flows:s,userProperties:m,setIsNewGuestUser:c,flowResponses:g}=V.useContext(Z),[b,T]=V.useState([]),[x,u]=V.useState([]),{organizationId:F}=Or(),[C,N]=V.useState(F),[D,w]=V.useState(!1);V.useEffect(()=>{if(!o&&t)for(let P=0;P<t.length;P++){let E=t[P],I=s.find(L=>L.slug===E?.flowId);if(I&&E&&E.shouldTrigger===!0&&I.type=="FORM"&&I.triggerType==="AUTOMATIC"&&!x.includes(I.slug)){setTimeout(()=>{h(E.flowId);},500);break}}},[o,t]),V.useEffect(()=>{g.length>0&&r();},[g]),V.useEffect(()=>{D||(w(!0),r());},[o,w]);function h(P){let E=s.find(I=>I.slug===P);E&&E.triggerType==="AUTOMATIC"&&!x.includes(E.slug)&&(u([...x,E.slug]),T([E]));}function v(){if(!i){let P=localStorage.getItem(uo);if(P){n(P);return}let E=localStorage.getItem(bt);if(E){n(E);return}c(!0);let I=Lt+uuid.v4();try{localStorage.setItem(bt,I);}catch(L){console.log("Failed to save guest user id locally: Local storage unavailable",L);}n(L=>L||I);}}V.useEffect(()=>{try{if(s){let P=[];s.forEach(E=>{if(E.data){let I=E.data.match(/"imageUri":"(.*?)"/g);I&&I.forEach(L=>{let $=L.replace('"imageUri":"',"").replace('"',"");if(P.includes($))return;let G=new Image;G.src=$,P.push($);});}});}}catch{}},[s]),V.useEffect(()=>{if(i!==a&&(e([]),r()),p(i),i&&!i.startsWith(Lt))try{localStorage.setItem(uo,i);}catch(P){console.log("Failed to save user id locally: Local storage available",P);}i===null&&setTimeout(()=>{i===null&&v();},50);},[i,s,m]),V.useEffect(()=>{F!=C&&(N(F),e([]),r());},[F,C,N]);function S(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,b.map(P=>d(P.slug)!==Ae?null:V__namespace.default.createElement("span",{key:P.slug},V__namespace.default.createElement(sn,{flowId:P.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(S,null))};var ln={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 Dp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,r])=>{if(ln[o]){let i=ln[o].split("."),n=t;i.forEach((a,p)=>{n[a]||(n[a]=p===i.length-1?r:{}),n=n[a];});}}),t}function $p(e){if(!e)return;let t=le({},e),o={};return Object.keys(t).forEach(r=>{let i=`.fr-${r}`;o[i]=t[r];}),o}function pn(e){let{theme:t,styleOverrides:o}=e,r=Dp(t),i=$p(o);return {overrides:r,css:i}}var Yp={width:{property:"width",scale:"sizes",transform:(e,t)=>styledSystem.get(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},Jp=me__default.default("div")(({css:e})=>e,styledSystem.compose(styledSystem.border,styledSystem.color,styledSystem.shadow,styledSystem.space,styledSystem.typography,styledSystem.system(Yp))),fo=({as:e,children:t,overrides:o,...r})=>{let i=me.useTheme(),n={border:"none",boxSizing:"border-box",m:0,p:0},a=()=>V__namespace.default.createElement(Jp,{as:e,...n,...r},t);if(o!==void 0){let p=le(i,o);return V__namespace.default.createElement(me.ThemeProvider,{theme:p},a())}return a()};var go={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"}},Zp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},mn=me__default.default(fo)(()=>({whiteSpace:"nowrap"}),styledSystem.compose(styledSystem.variant({scale:"components.Button",variants:"components.Button"}),styledSystem.variant({prop:"size",variants:Zp})));var Ko={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 un=me__default.default(fo)(styledSystem.variant({scale:"components.Text",variants:"components.Text"}),styledSystem.system({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var fn=4,gn="px",od=20,rd=Object.fromEntries(Array.from(Array(od+1),(e,t)=>t===0?[.5,`${.5*fn}${gn}`]:[t,`${t*fn}${gn}`])),Ht={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"},qo={colors:{...Ht,neutral:{foreground:Ht.gray300},primary:{background:Ht.blue500,foreground:Ht.white,inverted:Ht.blue500},negative:{foreground:Ht.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:rd,components:{Button:go,Text:Ko}};var xn="https://api.frigade.com",Z=V.createContext({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:et,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:xn,readonly:!1,debug:!1});function nd(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e);});}var sd=({publicApiKey:e,userId:t,organizationId:o,config:r,children:i})=>{let n=typeof window<"u"?localStorage.getItem(bt):null,[a,p]=V.useState(t||n),[d,s]=V.useState(o||null),[m,c]=V.useState([]),[g,b]=V.useState([]),[T,x]=V.useState([]),[u,F]=V.useState({}),[C,N]=V.useState({}),[D,w]=V.useState([]),[h,v]=V.useState({}),[S,P]=V.useState(!1),[E,I]=V.useState(!1),[L,$]=V.useState(!q(e)),G=(H,he)=>{if(he==="_blank"){window.open(H,"_blank");return}setTimeout(()=>{window.location.href=H;},50);},M={theme:{...et.theme,...r?.defaultAppearance?.theme??{}},styleOverrides:{...et.styleOverrides,...r?.defaultAppearance?.styleOverrides??{}}};function q(H){return !!(H&&H.length>10&&H.substring(0,10)==="api_public")}V.useEffect(()=>{t&&p(t);},[t]),V.useEffect(()=>{a&&typeof window<"u"&&window.localStorage&&window.localStorage.getItem(uo)&&window.localStorage.getItem(uo)!==a&&nd();},[a]),V.useEffect(()=>{o&&s(o);},[o]),V.useEffect(()=>{if(q(e))$(!1);else {console.error("Frigade SDK failed to initialize. API key provided is either missing or invalid."),$(!0);return}},[e,$]);let Y={publicApiKey:e,userId:a,setUserId:p,setFlows:c,flows:m,failedFlowResponses:g,setFailedFlowResponses:b,flowResponses:T,setFlowResponses:x,userProperties:u,setUserProperties:F,openFlowStates:C,setOpenFlowStates:N,completedFlowsToKeepOpenDuringSession:D,setCompletedFlowsToKeepOpenDuringSession:w,customVariables:h,setCustomVariables:v,isNewGuestUser:S,setIsNewGuestUser:P,hasActiveFullPageFlow:E,setHasActiveFullPageFlow:I,organizationId:d,setOrganizationId:s,navigate:r&&r.navigate?r.navigate:G,defaultAppearance:M,shouldGracefullyDegrade:L,setShouldGracefullyDegrade:$,apiUrl:r&&r.apiUrl?r.apiUrl:xn,readonly:r&&r.readonly?r.readonly:!1,debug:r&&r.debug?r.debug:!1,flowDataOverrides:r&&r.__internal__?r.__internal__:void 0},{overrides:B}=pn(M);return L?V__namespace.default.createElement(Z.Provider,{value:Y},V__namespace.default.createElement(me.ThemeProvider,{theme:le(M.theme,qo,B??{},r?.theme??{})},i)):V__namespace.default.createElement(Z.Provider,{value:Y},V__namespace.default.createElement(me.ThemeProvider,{theme:le(M.theme,qo,B??{},r?.theme??{})},i,V__namespace.default.createElement(an,null)))};var Cn=me__default.default.span`
|
|
738
738
|
font-weight: 600;
|
|
739
739
|
font-size: 14px;
|
|
740
740
|
font-style: normal;
|
|
@@ -755,7 +755,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
755
755
|
padding-right: 8px;
|
|
756
756
|
width: 100%;
|
|
757
757
|
${e=>Fe(e)}
|
|
758
|
-
`,Jo=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:
|
|
758
|
+
`,Jo=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:a="round",appearance:p})=>V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(ad,{className:l("checklistStepsContainer",p),appearance:p,styleOverrides:{...i}},r==="left"&&e&&V__namespace.default.createElement(Cn,{className:l("checklistStepLabel",p),styleOverrides:o,appearnace:p},e),V__namespace.default.createElement(tt,{appearance:p,value:t,type:a,primaryColor:n}),r==="right"&&e&&V__namespace.default.createElement(Cn,{className:l("checklistStepLabel",p),styleOverrides:o,appearance:p},e)),V__namespace.default.createElement(te,{appearance:p}));var Sn=me__default.default.div`
|
|
759
759
|
font-weight: 700;
|
|
760
760
|
font-size: 18px;
|
|
761
761
|
line-height: 22px;
|
|
@@ -788,7 +788,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
788
788
|
justify-content: flex-start;
|
|
789
789
|
border-bottom: 1px solid ${e=>e.theme.colorBorder};
|
|
790
790
|
padding-right: 16px;
|
|
791
|
-
`;var Fn=({data:e,index:t,isSelected:o,primaryColor:r,style:i,onClick:n,appearance:
|
|
791
|
+
`;var Fn=({data:e,index:t,isSelected:o,primaryColor:r,style:i,onClick:n,appearance:a})=>V__namespace.default.createElement("div",{style:{position:"relative",paddingLeft:"0px"},onClick:()=>{n();}},o&&V__namespace.default.createElement(Xo,{className:l("checklistStepItemSelectedIndicator",a),layoutId:"checklis-step-selected",style:{backgroundColor:a?.theme?.colorPrimary??r}}),V__namespace.default.createElement(Tn,{className:l("checklistStepItem",a),key:`hero-checklist-step-${t}`,appearance:a,role:"listitem"},V__namespace.default.createElement(Jo,{value:e.complete,labelPosition:"left",label:e.stepName??e.title,style:i,primaryColor:a?.theme?.colorPrimary??r,appearance:a})));me__default.default.h1`
|
|
792
792
|
display: flex;
|
|
793
793
|
margin: 0;
|
|
794
794
|
font-size: 18px;
|
|
@@ -833,12 +833,12 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
833
833
|
padding-right: ${e=>e.padding};
|
|
834
834
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
835
835
|
${e=>Fe(e)}
|
|
836
|
-
`;var De=({count:e,total:t,display:o="count",textLocation:r="left",style:i={},textStyle:n={},appearance:
|
|
836
|
+
`;var De=({count:e,total:t,display:o="count",textLocation:r="left",style:i={},textStyle:n={},appearance:a})=>{if(t===0)return V__namespace.default.createElement(V__namespace.default.Fragment,null);Object.keys(n).length===0&&n.constructor===Object&&(n={color:a?.theme?.colorText});let p=e===0?"10px":`${e/t*100}%`,d=o==="compact"?"8px":"10px",s=Math.round(e/t*100),m=o==="compact"?"10px":"14px",c;return o==="count"||o==="compact"?c=`${e}/${t}`:o==="percent"&&(c=`${s}% complete`),r==="top"&&(m="0px"),V__namespace.default.createElement(ld,{className:l("progressBarContainer",a),textLocation:r,styleOverrides:i},V__namespace.default.createElement(dd,{className:l("progressBarStepText",a),styleOverrides:{...n,fontSize:o==="compact"?12:14,fontWeight:600},appearance:a,padding:m,textLocation:r},c),V__namespace.default.createElement(pd,{textLocation:r,className:l("progressBar",a)},V__namespace.default.createElement(kn,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:d,appearance:a,className:l("progressBarFill",a)}),V__namespace.default.createElement(Pn,{className:l("progressBarBackground",a),barHeight:d,appearance:a})))};var Vt=({stepData:e,appearance:t})=>V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(bn,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:J(e.title)}),V__namespace.default.createElement(wn,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:J(e.subtitle)}));var jt=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick();},r=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick();};return V__namespace.default.createElement(_o,{className:l("ctaContainer",t)},V__namespace.default.createElement(ee,{appearance:t,title:e.primaryButtonTitle,onClick:o}),e.secondaryButtonTitle&&V__namespace.default.createElement(ee,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:r,style:{width:"auto",marginRight:"12px"}}))};var Gt=({stepData:e,appearance:t})=>V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(Vt,{stepData:e,appearance:t}),V__namespace.default.createElement(jt,{stepData:e,appearance:t}));function vn(e){return V__namespace.default.createElement(Je,{appearance:e.appearance,videoUri:e.videoUri,autoplay:e.autoplay,loop:e.loop,hideControls:e.hideControls})}var $r="default",ud=me__default.default.img`
|
|
837
837
|
border-radius: ${e=>e.appearance?.theme.borderRadius}px;
|
|
838
838
|
width: 100%;
|
|
839
839
|
height: auto;
|
|
840
840
|
min-height: 200px;
|
|
841
|
-
`,Bn=({stepData:e,appearance:t})=>{if(e?.StepContent){let o=e.StepContent;return V__namespace.default.createElement("div",null,o)}return V__namespace.default.createElement(Sn,{className:l("checklistStepContent",t)},e.imageUri?V__namespace.default.createElement(ud,{className:l("checklistStepImage",t),src:e.imageUri,appearance:t}):null,e.videoUri?V__namespace.default.createElement(vn,{videoUri:e.videoUri,appearance:t,autoplay:e.props?.autoplayVideo}):null,V__namespace.default.createElement(Gt,{stepData:e,appearance:t}))};var En=me__default.default.div`
|
|
841
|
+
`,Bn=({stepData:e,appearance:t})=>{if(e?.StepContent){let o=e.StepContent;return V__namespace.default.createElement("div",null,o)}return V__namespace.default.createElement(Sn,{className:l("checklistStepContent",t)},e.imageUri?V__namespace.default.createElement(ud,{className:l("checklistStepImage",t),src:e.imageUri,appearance:t}):null,e.videoUri?V__namespace.default.createElement(vn,{videoUri:e.videoUri,appearance:t,autoplay:e.props?.autoplayVideo,loop:e.props?.loopVideo,hideControls:e.props?.hideVideoControls}):null,V__namespace.default.createElement(Gt,{stepData:e,appearance:t}))};var En=me__default.default.div`
|
|
842
842
|
display: block;
|
|
843
843
|
`,hd=me__default.default.div`
|
|
844
844
|
display: flex;
|
|
@@ -883,7 +883,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
883
883
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
884
884
|
border-radius: 50%;
|
|
885
885
|
}
|
|
886
|
-
`,In="videoCarousel",An=({stepData:e,appearance:t})=>{if(!e.props?.videos)return V__namespace.default.createElement(En,null,V__namespace.default.createElement(Gt,{stepData:e,appearance:t}));function o({video:i}){let n=V.useRef(),[
|
|
886
|
+
`,In="videoCarousel",An=({stepData:e,appearance:t})=>{if(!e.props?.videos)return V__namespace.default.createElement(En,null,V__namespace.default.createElement(Gt,{stepData:e,appearance:t}));function o({video:i}){let n=V.useRef(),[a,p]=V.useState(!1);return V__namespace.default.createElement(xd,null,!a&&V__namespace.default.createElement(Sd,{onClick:()=>{p(!0),n.current.play();},appearance:t},V__namespace.default.createElement(Ho,null)),V__namespace.default.createElement(Cd,{controls:a,ref:n,play:a,src:i.uri}),V__namespace.default.createElement(yd,null,i.title))}let r=e.props;return r.videos?V__namespace.default.createElement(En,null,V__namespace.default.createElement(Vt,{stepData:e,appearance:t}),V__namespace.default.createElement(hd,null,r.videos.map((i,n)=>V__namespace.default.createElement("span",{key:`${i.uri}-${n}`},V__namespace.default.createElement(o,{video:i})))),V__namespace.default.createElement(jt,{stepData:e,appearance:t})):null};var Nn=me__default.default.div`
|
|
887
887
|
display: block;
|
|
888
888
|
`,bd=me__default.default.pre`
|
|
889
889
|
display: block;
|
|
@@ -949,7 +949,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
949
949
|
`,Nd=me__default.default.div`
|
|
950
950
|
flex: 2;
|
|
951
951
|
padding: 40px 40px 40px 0px;
|
|
952
|
-
`,Od=({title:e,subtitle:t,steps:o=[],style:r={},selectedStep:i,setSelectedStep:n,className:
|
|
952
|
+
`,Od=({title:e,subtitle:t,steps:o=[],style:r={},selectedStep:i,setSelectedStep:n,className:a="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:m}=ie();d=m(d);let g={...{[$r]:Bn,[In]:An,[On]:Ln},...p},[b,T]=V.useState(0),x=i??b,u=n??T,F=o.filter(N=>N.complete===!0).length,C=()=>!o[x]?.type||!g[o[x].type]?g[$r]({stepData:o[x],appearance:d}):typeof g[o[x].type]!="function"?g[o[x].type]:g[o[x].type]({stepData:o[x],appearance:d});return V__namespace.default.createElement(kd,{type:s,styleOverrides:r,className:a,appearance:d},V__namespace.default.createElement(Ed,{className:l("checklistHeaderContainer",d),appearance:d},V__namespace.default.createElement(Bd,{className:l("checklistHeader",d),appearance:d},V__namespace.default.createElement(Pd,{className:l("checklistTitle",d),appearance:d},e),V__namespace.default.createElement(vd,{className:l("checklistSubtitle",d),appearance:d},t),V__namespace.default.createElement(De,{total:o.length,count:F,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),V__namespace.default.createElement(Id,{className:l("checklistStepsContainer",d)},o.map((N,D)=>V__namespace.default.createElement(Fn,{data:N,index:D,key:D,listLength:o.length,isSelected:D===x,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{u(D);},appearance:d})))),V__namespace.default.createElement(Ad,{appearance:d,className:l("checklistDivider",d)}),V__namespace.default.createElement(Nd,null,V__namespace.default.createElement(C,null)))},Mr=Od;var Dd=me__default.default.svg`
|
|
953
953
|
transition: 'transform 0.35s ease-in-out';
|
|
954
954
|
`,qt=({style:e,className:t})=>V__namespace.default.createElement(Dd,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},V__namespace.default.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));var Ur={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},$n=me__default.default.div`
|
|
955
955
|
max-height: 350px;
|
|
@@ -1164,7 +1164,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1164
1164
|
line-height: 14px;
|
|
1165
1165
|
font-weight: 400;
|
|
1166
1166
|
cursor: pointer;
|
|
1167
|
-
`;var Md=({steps:e,style:t,title:o,primaryColor:r,appearance:i,onButtonClick:n})=>{let{primaryCTAClickSideEffects:
|
|
1167
|
+
`;var Md=({steps:e,style:t,title:o,primaryColor:r,appearance:i,onButtonClick:n})=>{let{primaryCTAClickSideEffects:a}=pe();return V__namespace.default.createElement(ts,{style:t,className:l("guideContainer",i)},V__namespace.default.createElement(rs,{className:l("guideTitle",i)},o),V__namespace.default.createElement(os,{className:l("guideItemContainer",i)},e.map((p,d)=>V__namespace.default.createElement(is,{key:`guide-${p.id??d}`,className:l("guideItem",i)},p.icon&&V__namespace.default.createElement(ns,{className:l("guideIcon",i)},V__namespace.default.createElement(ss,null,p.icon)),V__namespace.default.createElement(as,{className:l("guideItemTitle",i),dangerouslySetInnerHTML:J(p.title)}),V__namespace.default.createElement(ls,{className:l("guideItemSubtitle",i),dangerouslySetInnerHTML:J(p.subtitle)}),V__namespace.default.createElement(ps,{className:l("guideItemLink",i),color:r,onClick:()=>{p.primaryButtonUri&&a(p),n&&n(p);}},p.primaryButtonTitle)))))},yo=Md;var zd=({steps:e,title:t,subtitle:o,stepsTitle:r,visible:i,onClose:n,selectedStep:a,setSelectedStep:p,customStepTypes:d,appearance:s,guideData:m,guideTitle:c,onGuideButtonClick:g})=>{let b=({stepData:h,handleSecondaryCTAClick:v,handleCTAClick:S})=>h?V__namespace.default.createElement(Gn,{className:l("checklistStepContainer",s),"data-testid":"checklistStepContainer"},V__namespace.default.createElement(Kn,{appearance:s,className:l("checklistStepTitle",s),dangerouslySetInnerHTML:J(h.title)}),V__namespace.default.createElement(qn,{appearance:s,className:l("checklistStepSubtitle",s),dangerouslySetInnerHTML:J(h.subtitle)}),V__namespace.default.createElement(Yn,{className:l("checklistCTAContainer",s)},h.secondaryButtonTitle&&V__namespace.default.createElement(ee,{title:h.secondaryButtonTitle,onClick:v,appearance:s,secondary:!0}),V__namespace.default.createElement(ee,{title:h.primaryButtonTitle,onClick:S,appearance:s}))):V__namespace.default.createElement(V__namespace.default.Fragment,null),x={...{default:h=>{if(e[C]?.StepContent){let E=e[C].StepContent;return V__namespace.default.createElement("div",null,E)}let v=e[C];return V__namespace.default.createElement(b,{stepData:h,handleCTAClick:()=>{v.handlePrimaryButtonClick&&v.handlePrimaryButtonClick();},handleSecondaryCTAClick:()=>{v.handleSecondaryButtonClick&&v.handleSecondaryButtonClick();}})}},...d},[u,F]=V.useState(0),C=a??u,N=p??F,D=()=>e?!e[C]?.type||!x[e[C].type]?x.default(e[C]):typeof x[e[C].type]!="function"?x[e[C].type]:x[e[C].type]({stepData:e[C],primaryColor:s.theme.colorPrimary}):V__namespace.default.createElement(V__namespace.default.Fragment,null),w=e.filter(h=>h.complete).length;return i?(s.theme.modalContainer||(s.theme.borderRadius&&(Ur.borderRadius=s.theme.borderRadius+"px"),s.theme.modalContainer=Ur),V__namespace.default.createElement(qe,{onClose:n,visible:i,appearance:s},V__namespace.default.createElement(Rn,null,V__namespace.default.createElement(Mn,null,V__namespace.default.createElement(Un,{appearance:s,className:l("checklistTitle",s)},t),V__namespace.default.createElement(zn,{appearance:s,className:l("checklistSubtitle",s)},o)),V__namespace.default.createElement($n,null,e&&e.length>0&&V__namespace.default.createElement(_n,{className:l("stepsContainer",s)},V__namespace.default.createElement(Wn,null,V__namespace.default.createElement("div",{style:{flex:3}},V__namespace.default.createElement(Hn,{className:l("stepsTitle",s)},r)),V__namespace.default.createElement(Zn,null,V__namespace.default.createElement(De,{style:{width:"100%"},count:w,total:e.length,appearance:s}))),V__namespace.default.createElement(Vn,null,V__namespace.default.createElement(jn,{className:l("checklistStepListContainer",s),appearance:s},e.map((h,v)=>{let S=C===v;return V__namespace.default.createElement(Jn,{selected:S,className:l(`checklistStepListItem${S?"Selected":""}`,s),key:`checklist-guide-step-${h.id??v}`,disabled:h.blocked,onClick:()=>{h.blocked||N(v);},title:h.blocked?"Finish remaining steps to continue":void 0},S&&V__namespace.default.createElement(Xo,{className:l("checklistStepItemSelectedIndicator",s),layoutId:"checklist-step-selected",style:{backgroundColor:s.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),V__namespace.default.createElement(Xn,{selected:S,className:l(`checklistStepListStepName${S?"Selected":""}`,s)},h.stepName),V__namespace.default.createElement(Qn,null,V__namespace.default.createElement(tt,{value:h.complete,type:"round",primaryColor:s.theme.colorPrimary,progress:h.progress,appearance:s}),V__namespace.default.createElement(es,null,V__namespace.default.createElement(qt,{style:{marginLeft:"10px"},color:s.theme.colorBackgroundSecondary}))))})),V__namespace.default.createElement(D,null))),m&&m.length>0&&V__namespace.default.createElement(yo,{steps:m,title:c,primaryColor:s.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:s,onButtonClick:h=>(g&&g(h),!0)}))))):V__namespace.default.createElement(V__namespace.default.Fragment,null)},zr=zd;var ds=me__default.default.div`
|
|
1168
1168
|
background-color: ${e=>e.appearance?.theme?.colorBackground};
|
|
1169
1169
|
border: 1px solid;
|
|
1170
1170
|
border-color: ${e=>e.appearance?.theme?.colorBorder};
|
|
@@ -1219,7 +1219,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1219
1219
|
flex-direction: row;
|
|
1220
1220
|
justify-content: flex-start;
|
|
1221
1221
|
align-items: center;
|
|
1222
|
-
`;var Cs=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:r,onSecondaryButtonClick:i,appearance:n,customStepTypes:
|
|
1222
|
+
`;var Cs=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:r,onSecondaryButtonClick:i,appearance:n,customStepTypes:a})=>{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(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,e.imageUri||e.videoUri?V__namespace.default.createElement(cs,{className:l("stepMediaContainer",n)},e.imageUri?V__namespace.default.createElement(ms,{className:l("stepImage",n),src:e.imageUri}):null,e.videoUri?V__namespace.default.createElement(Je,{appearance:n,videoUri:e.videoUri,autoplay:e.props?.autoplayVideo,loop:e.props?.loopVideo,hideControls:e.props?.hideVideoControls}):null):null,V__namespace.default.createElement(hs,{className:l("stepSubtitle",n),appearance:n,dangerouslySetInnerHTML:J(e.subtitle)}),V__namespace.default.createElement(_o,{className:l("checklistCTAContainer",n)},e.secondaryButtonTitle?V__namespace.default.createElement(ee,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>i(),appearance:n}):null,V__namespace.default.createElement(ee,{title:e.primaryButtonTitle??"Continue",onClick:()=>r(),appearance:n})))}function m(){if(!a)return null;let c=a[e.type];return c?typeof c!="function"?c:c(e,n):null}return V__namespace.default.createElement(ds,{"data-testid":`step-${e.id}`,className:l("checklistStepContainer",n),appearance:n},V__namespace.default.createElement(us,{className:l("stepHeader",n),onClick:()=>o()},V__namespace.default.createElement(xs,{className:l("stepHeaderContent",n)},V__namespace.default.createElement(Jo,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:n?.theme?.colorPrimary,appearance:n}),V__namespace.default.createElement(fs,{appearance:n,className:l("stepTitle",n),dangerouslySetInnerHTML:J(e.title)})),V__namespace.default.createElement(gs,{className:l("stepChevronContainer",n),appearance:n},V__namespace.default.createElement(qt,{style:{...p,transition:"transform 0.2s ease-in-out"}}))),V__namespace.default.createElement("div",{key:e.id,style:{...d},className:l("stepContent",n)},m()??s()))};me__default.default.div`
|
|
1223
1223
|
background: #ffffff;
|
|
1224
1224
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1225
1225
|
border-radius: 6px;
|
|
@@ -1260,7 +1260,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1260
1260
|
padding: 24px;
|
|
1261
1261
|
border-radius: ${e=>e.appearance?.theme?.borderRadius}px;
|
|
1262
1262
|
background-color: ${e=>e.appearance?.theme?.colorBackground};
|
|
1263
|
-
`;var Hd=({title:e,subtitle:t,steps:o,onClose:r,visible:i,autoExpandFirstIncompleteStep:n=!0,autoCollapse:
|
|
1263
|
+
`;var Hd=({title:e,subtitle:t,steps:o,onClose:r,visible:i,autoExpandFirstIncompleteStep:n=!0,autoCollapse:a=!0,autoExpandNextStep:p=!0,setSelectedStep:d,appearance:s,type:m,className:c,customStepTypes:g,style:b,onButtonClick:T})=>{let x=o.filter(w=>w.complete).length,[u,F]=V.useState(Array(o.length).fill(!0));V.useEffect(()=>{let w=[...u];if(n){for(let h=0;h<o.length;h++)if(!o[h].complete){w[h]=!1;break}F(w);}},[]);let C=w=>{let h=[...u];if(a)for(let v=0;v<u.length;++v)v!=w&&h[w]&&(h[v]=!0);h[w]=!u[w],F(h);};if(!i&&m=="modal")return V__namespace.default.createElement(V__namespace.default.Fragment,null);let N=V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(ys,null,V__namespace.default.createElement(Ss,{appearance:s,className:l("checklistTitle",s),dangerouslySetInnerHTML:J(e)}),V__namespace.default.createElement(bs,{appearance:s,className:l("checklistSubtitle",s),dangerouslySetInnerHTML:J(t)})),V__namespace.default.createElement(De,{display:"percent",count:x,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:s})),D=V__namespace.default.createElement(ws,{className:we(l("checklistContainer",s),c)},o.map((w,h)=>{let v=u[h];return V__namespace.default.createElement(Cs,{appearance:s,stepData:w,collapsed:v,key:`modal-checklist-${w.id??h}`,onClick:()=>{C(h),d(h),T&&T(o[h],h,u[h]?"expand":"collapse");},onPrimaryButtonClick:()=>{C(h),p&&h<o.length-1&&d(h+1),w.handlePrimaryButtonClick&&w.handlePrimaryButtonClick();},onSecondaryButtonClick:()=>{w.handleSecondaryButtonClick&&w.handleSecondaryButtonClick();},customStepTypes:g})}));return m==="inline"?V__namespace.default.createElement(Ts,{appearance:s,className:we(l("checklistInlineContainer",s),c),style:b},N,D):V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(qe,{onClose:r,visible:i,appearance:s,style:{maxWidth:"600px"},headerContent:N},D))},_r=Hd;var Fs=()=>{let e={isSmall:"(max-width: 480px)",isMedium:"(min-width: 481px) AND (max-width: 1023px)",isLarge:"(min-width: 1025px)"},t=Object.fromEntries(Object.entries(e).map(([p])=>[p,!1])),[o,r]=V.useState(t),i=null,n=()=>{i!==null?clearTimeout(i):a(),i=setTimeout(()=>{a();},16);},a=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,s])=>{if(!window)return [d,!1];let m=window.matchMedia(s);return m.addEventListener("change",n),[d,m.matches]}));r(p);};return V.useEffect(()=>{a();},[]),o};var vs=me.css`
|
|
1264
1264
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1265
1265
|
`,Gd=me.css`
|
|
1266
1266
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
@@ -1402,7 +1402,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1402
1402
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1403
1403
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1404
1404
|
`}
|
|
1405
|
-
`;var Ws=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:r}=ie(),{primaryCTAClickSideEffects:i}=pe();o=r(o);let {imageUri:n=null,subtitle:
|
|
1405
|
+
`;var Ws=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:r}=ie(),{primaryCTAClickSideEffects:i}=pe();o=r(o);let {imageUri:n=null,subtitle:a=null,title:p=null,complete:d=!1,blocked:s=!1}=e;e.primaryButtonTitle||e.secondaryButtonTitle;let c=()=>{i(e);};return V__namespace.default.createElement(Os,{className:l("carouselCard",o),onClick:s?null:c,style:t,blocked:s,complete:d},n&&V__namespace.default.createElement(Ls,{className:l("carouselCardImage",o),src:n,alt:p,style:{opacity:d||s?.4:1}}),d&&V__namespace.default.createElement($s,{className:l("carouselCompletedPill",o)},V__namespace.default.createElement(_s,{style:{color:"#108E0B"}},"Complete")),p&&V__namespace.default.createElement(zs,{blocked:s,complete:d,className:l("carouselCardTitle",o),dangerouslySetInnerHTML:J(p)}),a&&V__namespace.default.createElement(ft.Quiet,{blocked:s,complete:d,className:l("carouselCardSubtitle",o),dangerouslySetInnerHTML:J(a)}))};var Qd=()=>V__namespace.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},V__namespace.default.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),V__namespace.default.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),V__namespace.default.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),Hs=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[r,i]=V.useState(!1),[n,a]=V.useState(!1);V.useEffect(()=>{t===!0&&r===!1?i(!0):t===!1&&r===!0&&a(!0);},[t]);let p=()=>{i(!1),a(!1);},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return r?V__namespace.default.createElement(Is,{style:d,reversed:n,onAnimationEnd:n?p:null},V__namespace.default.createElement(As,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},V__namespace.default.createElement(Qd,null))):null},Vs=({flowId:e,appearance:t,customVariables:o,className:r})=>{let i=V.useRef(null),[n,a]=V.useState(!1),[p,d]=V.useState(!1),[s,m]=V.useState(null),[c,g]=V.useState([]),[b,T]=V.useState(0),{isSmall:x}=Fs(),u=x?1:3,{getFlowMetadata:F,getFlowSteps:C,getNumberOfStepsCompleted:N,updateCustomVariables:D,isLoading:w}=R();V.useEffect(()=>{D(o);},[o,w]),V.useEffect(()=>{if(w)return;let I=F(e),L=N(e),$=C(e);m(I),(I.data!==null||I.steps!==null)&&(g($.sort((G,M)=>Number(G.complete)-Number(M.complete))),d($.length>u),T(L));},[w]);let h=[];for(let I=0;I<c.length;I+=u)h.push(c.slice(I,I+u));let v=I=>{let L=I.target,$=L.scrollWidth-L.clientWidth,G=Math.ceil(L.scrollLeft);G>0&&n===!1&&a(!0),G===0&&n===!0&&a(!1),G<$&&p===!1&&d(!0),G===$&&p===!0&&d(!1);},S=(I=!0)=>{let L=I?1:-1;i.current!==null&&i.current.scrollBy({left:i.current.clientWidth*L,behavior:"smooth"});},P=null,E=I=>{P!==null?clearTimeout(P):v(I),P=setTimeout(()=>{v(I);},16);};return w?null:V__namespace.default.createElement(Ds,{className:we(l("carouselContainer",t),r)},V__namespace.default.createElement("div",{style:{display:"flex",justifyContent:x?"center":"space-between",marginBottom:20,flexWrap:x?"wrap":"nowrap",gap:x?16:20}},V__namespace.default.createElement("div",null,V__namespace.default.createElement(Ms,{className:l("carouselTitle",t),dangerouslySetInnerHTML:J(s?.title)}),V__namespace.default.createElement(ft.Quiet,{className:l("carouselSubtitle",t),dangerouslySetInnerHTML:J(s?.subtitle)})),V__namespace.default.createElement(Us,{className:l("progressWrapper",t)},V__namespace.default.createElement(De,{count:b,total:c.length,appearance:t}))),V__namespace.default.createElement("div",{style:{position:"relative"}},V__namespace.default.createElement(Hs,{show:n,onClick:()=>S(!1)}),V__namespace.default.createElement(Hs,{side:"right",show:p,onClick:S}),V__namespace.default.createElement(Bs,{ref:i,onScroll:E},h.map((I,L)=>V__namespace.default.createElement(Es,{key:L,style:{flex:`0 0 calc(100% - ${c.length>u?36:0}px)`}},I.map(($,G)=>V__namespace.default.createElement(Ws,{key:G,stepData:$,style:{flex:c.length>u?`0 1 calc(100% / ${u} - 16px * 2 / ${u})`:1},appearance:t})))))),V__namespace.default.createElement(te,{appearance:t}))};var Vr=({flowId:e,title:t,subtitle:o,style:r,initialSelectedStep:i,className:n,type:a="inline",onDismiss:p,visible:d,customVariables:s,onStepCompletion:m,onButtonClick:c,appearance:g,hideOnFlowCompletion:b,setVisible:T,customStepTypes:x,checklistStyle:u="default",autoExpandFirstIncompleteStep:F,autoExpandNextStep:C,...N})=>{let{getFlow:D,getFlowSteps:w,markStepCompleted:h,getStepStatus:v,getNumberOfStepsCompleted:S,isLoading:P,targetingLogicShouldHideFlow:E,updateCustomVariables:I,getFlowMetadata:L,isStepBlocked:$,getFlowStatus:G,hasActiveFullPageFlow:M,setHasActiveFullPageFlow:q,markStepStarted:Y,getCurrentStepIndex:B}=R(),{primaryCTAClickSideEffects:H,secondaryCTAClickSideEffects:he}=pe(),{getOpenFlowState:xe,setOpenFlowState:ae}=Pe(),[ce,se]=V.useState(i||0),[j,ue]=V.useState(!1),Ce=d===void 0?xe(e):d,be=a==="modal",{mergeAppearanceWithDefault:Ue}=ie();ze(e,d);let z=w(e),_=B(e);if(g=Ue(g),V.useEffect(()=>{I(s);},[s,P]),V.useEffect(()=>{d!==void 0&&(be&&d===!0?q(!0):be&&d===!1&&q(!1));},[d,T,M]),V.useEffect(()=>{ce!==_&&se(_);},[_]),P)return null;let O=D(e);if(!O||E(O)||!z||b===!0&&G(e)===re)return null;let W=L(e);if(W?.title&&(t=W.title),W?.subtitle&&(o=W.subtitle),!j&&i===void 0&&S(e)>0){let X=z.findIndex(He=>He.complete===!1);se(X>-1?X:z.length-1),ue(!0);}function oe(){if(ce+1>=z.length){be&&ae(e,!1);return}$(e,z[ce+1].id)||se(ce+1);}function Ge(X,He,f){let y=ce+1<z.length?z[ce+1]:null;c&&c(X,ce,He,y)===!0&&be&&ye(),m&&m(X,f,y),!m&&!c&&(X.primaryButtonUri||X.secondaryButtonUri)&&be&&ye();}function eo(){return z.map((X,He)=>({...X,handleSecondaryButtonClick:()=>{oe(),he(X),X.skippable===!0&&h(e,X.id,{skipped:!0}),Ge(X,"secondary",He);},handlePrimaryButtonClick:()=>{(!X.completionCriteria&&(X.autoMarkCompleted||X.autoMarkCompleted===void 0)||X.completionCriteria&&X.autoMarkCompleted===!0)&&(h(e,X.id),oe()),Ge(X,"primary",He),H(X),v(e,X.id)===Ne&&oe();}}))}function We(){return V__namespace.default.createElement(te,{appearance:g})}let Q={steps:eo(),title:t,subtitle:o,primaryColor:g.theme.colorPrimary,appearance:g,customStepTypes:x,type:a,className:n,autoExpandFirstIncompleteStep:F,autoExpandNextStep:C};function ye(){ae(e,!1),p&&p(),T&&T(!1);}function To(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(We,null),V__namespace.default.createElement(Vs,{flowId:e,appearance:g,customVariables:s,className:n}))}function ar(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(We,null),V__namespace.default.createElement(_r,{visible:Ce,onClose:()=>{ye();},selectedStep:ce,setSelectedStep:se,autoExpandNextStep:!0,appearance:g,onButtonClick:c,...Q}))}function Fo(){let X=N.guideFlowId,He;return X&&D(X)&&(He=w(X)),V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(We,null),V__namespace.default.createElement(zr,{visible:Ce,stepsTitle:W.stepsTitle?W.stepsTitle:"Your quick start guide",onClose:()=>{ye();},selectedStep:ce,setSelectedStep:se,guideData:He,guideTitle:N.guideTitle??"Guide",appearance:g,title:t,subtitle:o,onGuideButtonClick:f=>{Ge(f,"link",0);},customStepTypes:x,...Q}))}function ko(){let X=V__namespace.default.createElement(Mr,{flowId:e,style:r,selectedStep:ce,setSelectedStep:se,appearance:g,type:a,...Q});return be?V__namespace.default.createElement(qe,{onClose:()=>{ye();},visible:Ce,appearance:g,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},V__namespace.default.createElement(We,null),X):V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(We,null),X)}switch(u){case"condensed":return ar();case"with-guide":return Fo();case"default":return ko();case"carousel":return To();default:return ko()}};var Rd=e=>V__namespace.default.createElement(Vr,{type:"inline",...e});var Gs=me__default.default.div`
|
|
1406
1406
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1407
1407
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1408
1408
|
padding: 10px 12px 10px 12px;
|
|
@@ -1434,7 +1434,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1434
1434
|
display: flex;
|
|
1435
1435
|
height: 100%;
|
|
1436
1436
|
align-items: center;
|
|
1437
|
-
`;var Js=({title:e,count:t,total:o,onClick:r,style:i={},className:n,appearance:
|
|
1437
|
+
`;var Js=({title:e,count:t,total:o,onClick:r,style:i={},className:n,appearance:a,type:p="default"})=>V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:a}),V__namespace.default.createElement(Gs,{onClick:()=>r!==void 0&&r(),styleOverrides:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...i},className:we(n??"",l("progressBadgeContainer",a)),appearance:a},p=="condensed"&&o&&o!==0&&V__namespace.default.createElement(Ys,{className:l("progressRingContainer",a)},V__namespace.default.createElement($t,{size:19,percentage:t/o,fillColor:a.theme.colorPrimary,bgColor:a.theme.colorBackgroundSecondary})),V__namespace.default.createElement(Ks,{type:p,className:l("badgeTitleContainer",a)},V__namespace.default.createElement(qs,{type:p,appearance:a,className:l("badgeTitle",a)},e),r!==void 0&&V__namespace.default.createElement(qt,{className:l("badgeChevron",a),color:a.theme.colorPrimary})),p=="default"&&o&&o!==0&&V__namespace.default.createElement(De,{display:"compact",count:t,total:o,bgColor:a.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:a,textStyle:{color:"#818898"}})));var Xs=me__default.default.div`
|
|
1438
1438
|
display: flex;
|
|
1439
1439
|
flex-direction: row;
|
|
1440
1440
|
width: 100%;
|
|
@@ -1471,7 +1471,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1471
1471
|
:hover {
|
|
1472
1472
|
opacity: 0.8;
|
|
1473
1473
|
}
|
|
1474
|
-
`;var ea=({title:e,subtitle:t,icon:o,appearance:r,count:i,total:n,className:
|
|
1474
|
+
`;var ea=({title:e,subtitle:t,icon:o,appearance:r,count:i,total:n,className:a,style:p,onClick:d})=>V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(Xs,{appearance:r,className:we(l("fullWidthProgressBadgeContainer",r),a??""),style:p,onClick:()=>d!==void 0&&d()},o&&V__namespace.default.createElement(Qs,{className:l("fullWidthProgressBadgeIcon",r)},o),V__namespace.default.createElement(Zs,null,V__namespace.default.createElement(Be,{size:"small",appearance:r,title:e,subtitle:t})),V__namespace.default.createElement(Rs,{className:l("fullWidthProgressBadgeProgressContainer",r)},V__namespace.default.createElement(De,{count:i,total:n,display:"percent",textLocation:"top"}))));var tc=({flowId:e,title:t,subtitle:o,icon:r,style:i,onClick:n,className:a,customVariables:p,hideOnFlowCompletion:d,appearance:s,type:m="default"})=>{let{getFlow:c,getFlowSteps:g,getFlowStatus:b,getNumberOfStepsCompleted:T,isLoading:x,targetingLogicShouldHideFlow:u,updateCustomVariables:F}=R(),{mergeAppearanceWithDefault:C}=ie();s=C(s);let{setOpenFlowState:N,getOpenFlowState:D}=Pe();if(V.useEffect(()=>{F(p);},[p,x]),x)return null;let w=c(e);if(!w||u(w)||d===!0&&b(e)===re)return null;let h=g(e),v=T(e);return m==="full-width"?V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:s}),V__namespace.default.createElement(ea,{title:t,subtitle:o,count:v,total:h.length,style:i,className:a,appearance:s,icon:r,onClick:n})):V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:s}),V__namespace.default.createElement(Js,{count:v,total:h.length,title:t,style:i,onClick:()=>{N(e,!0),n&&n();},type:m,className:a,appearance:s}))};var rc=({flowId:e,style:t,appearance:o,...r})=>{let{getFlow:i,targetingLogicShouldHideFlow:n,getFlowSteps:a}=R(),{mergeAppearanceWithDefault:p}=ie();o=p(o);let d=i(e);if(!d||n(d))return null;let s=a(e);return V__namespace.default.createElement(yo,{steps:s,style:t,appearance:o,...r})};var jr=(e,t,o,r={x:20,y:20},i)=>{let n=i=="fixed"?0:window.scrollY,a=i=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+r.x+a,y:e.top-r.y+n}:t==="right"?{x:e.left+e.width+r.x+a,y:e.top-r.y+n}:{x:0,y:0}};function ta(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:()=>{}},[r,i]=V.useState(o),n=V.useCallback(()=>{e&&i(e.getBoundingClientRect());},[e]);return V.useEffect(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),r}function oa(){let{debug:e}=V.useContext(Z),[t,o]=V.useState([]);function r(n){e&&(t.find(a=>a===n)||(o([...t,n]),console.log(n)));}function i(n){e&&(t.find(a=>a===n)||(o([...t,n]),console.warn(n)));}return {logIfDebugMode:r,logErrorIfDebugMode:i}}var ia=300,na=100,dc=500,Zt=12,cc=me__default.default.div`
|
|
1475
1475
|
width: 100%;
|
|
1476
1476
|
height: 100%;
|
|
1477
1477
|
border-radius: 9999px;
|
|
@@ -1512,7 +1512,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1512
1512
|
`,fc=me__default.default(sa)`
|
|
1513
1513
|
width: ${Zt+12}px;
|
|
1514
1514
|
height: ${Zt+12}px;
|
|
1515
|
-
`,gc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:r="auto",showHighlight:i=!0,primaryColor:n="#000000",offset:
|
|
1515
|
+
`,gc=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:r="auto",showHighlight:i=!0,primaryColor:n="#000000",offset:a={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:s=0,customStepTypes:m,appearance:c,dismissible:g=!1,showHighlightOnly:b,showStepCount:T=!0,completedStepsCount:x=0,showFrigadeBranding:u=!1,cssPosition:F="absolute",onViewTooltip:C,className:N})=>{let{logErrorIfDebugMode:D}=oa(),[w,h]=V.useState(),[v,S]=V.useState(new Date),P=V.useRef(null),[E,I]=V.useState(document.querySelector(e[s].selector)),L=ta(E,v),[$,G]=V.useState(),[M,q]=V.useState(!b),Y=e[s]?.props?.position?e[s].props.position:F,B=e[s]?.props?.zIndex??90,H=w?.width??ia,he=w?.height??na,[xe,ae]=V.useState(new Date().getTime());a=e[s]?.props?.offset??a;let ce=window.location.pathname.split("/").pop();V.useLayoutEffect(()=>{P.current&&h({width:P.current.clientWidth,height:P.current.clientHeight});},[s,v,Y]),V.useEffect(()=>{b||q(!0);},[s]),V.useEffect(()=>{p&&M&&C(s);},[M]);let se=()=>{if(Y==="static")return;let Q=document.querySelector(e[s].selector);if(!Q){G(void 0),I(null),D(`FrigadeTour: Could not find element with selector "${e[s].selector}" for step ${e[s].id}`);return}$&&$===JSON.stringify(Q?.getBoundingClientRect())||(I(Q),S(new Date),Q&&G(JSON.stringify(Q.getBoundingClientRect())));};if(V.useEffect(()=>{let Q=new MutationObserver(se);return Q.observe(document.body,{subtree:!0,childList:!0}),()=>Q.disconnect()},[se]),V.useEffect(()=>{let Q=new MutationObserver(se);return Q.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>Q.disconnect()},[se]),V.useEffect(()=>{let Q=setInterval(()=>{se();},10);return ()=>clearInterval(Q)},[se]),V.useLayoutEffect(()=>{setTimeout(()=>{se();},dc),se();},[s,ce]),V.useEffect(()=>{if(!p)return;let Q=ye=>{ye.key==="Escape"&&t();};return document.addEventListener("keydown",Q),()=>{document.removeEventListener("keydown",Q);}},[]),E===null||!p)return null;let j=r==="auto"?"right":r,ue=jr(L,j,H,a,Y),Ce=L.right+H>(window.innerWidth||document.documentElement.clientWidth);L.bottom+na>(window.innerHeight||document.documentElement.clientHeight);Ce&&r==="auto"&&(ue=jr(L,"left",H,a,Y),j="left"),e[s]?.props?.tooltipPosition&&e[s]?.props?.tooltipPosition!=="auto"&&(e[s]?.props?.tooltipPosition==="left"||e[s]?.props?.tooltipPosition==="right")&&(j=e[s].props.tooltipPosition);let Ue=()=>{let Q=()=>{if(e[s].handlePrimaryButtonClick&&(e[s].handlePrimaryButtonClick(),q(!1),setTimeout(()=>{se();},30)),x===e.length-1)return o()},ye=()=>{e[s].handleSecondaryButtonClick&&(e[s].handleSecondaryButtonClick(),b&&!e[s].secondaryButtonUri&&q(!1));};return V__namespace.default.createElement(V__namespace.default.Fragment,null,T&&e.length>1&&V__namespace.default.createElement(di,null,V__namespace.default.createElement(mi,{role:"status",className:l("tooltipStepCounter",c)},s+1," of ",e.length)),(e[s].primaryButtonTitle||e[s].secondaryButtonTitle)&&V__namespace.default.createElement(ci,{showStepCount:T,className:l("tooltipCTAContainer",c)},e[s].secondaryButtonTitle&&V__namespace.default.createElement(ee,{title:e[s].secondaryButtonTitle,appearance:c,onClick:ye,size:"small",withMargin:!1,secondary:!0}),e[s].primaryButtonTitle&&V__namespace.default.createElement(ee,{title:e[s].primaryButtonTitle,appearance:c,onClick:Q,autoFocus:!0,withMargin:!1,size:"small"})))},z=()=>V__namespace.default.createElement(V__namespace.default.Fragment,null,g&&V__namespace.default.createElement(ni,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t();},className:l("tooltipClose",c),hasImage:!!e[s].imageUri||!!e[s].videoUri,"aria-label":"Close Tooltip",role:"button",tabIndex:0},V__namespace.default.createElement(ve,null)),e[s].imageUri&&V__namespace.default.createElement(si,{dismissible:g,appearance:c,role:"img","aria-label":e[s].title,src:e[s].imageUri,className:l("tooltipImageContainer",c)}),e[s].videoUri&&!e[s].imageUri&&V__namespace.default.createElement(ai,{dismissible:g,appearance:c,role:"video","aria-label":e[s].title,className:l("tooltipVideoContainer",c)},V__namespace.default.createElement(Je,{appearance:c,videoUri:e[s].videoUri,autoplay:e[s].props?.autoplayVideo,loop:e[s].props?.loopVideo,hideControls:e[s].props?.hideVideoControls})),V__namespace.default.createElement(pi,{className:l("tooltipContentContainer",c)},V__namespace.default.createElement(Be,{appearance:c,title:e[s].title,subtitle:e[s].subtitle,size:"small",ariaPrefix:`Tooltip${e[s].id}`}),V__namespace.default.createElement(li,{className:l("tooltipFooter",c)},V__namespace.default.createElement(Ue,null)))),O={...{default:Q=>{if(e[s]?.StepContent){let ye=e[s].StepContent;return V__namespace.default.createElement("div",null,ye)}return V__namespace.default.createElement(z,null)}},...m},W=()=>e?!e[s]?.type||!O[e[s].type]?O.default(e[s]):O[e[s].type]({stepData:e[s],primaryColor:n}):V__namespace.default.createElement(V__namespace.default.Fragment,null);if(e[s].complete===!0||ue.x==0&&ue.y==0&&new Date().getTime()-xe<100)return null;let oe={top:ue?.y-Zt,left:(j=="left"?L.x+a.x:ue?.x-Zt)??0,cursor:b?"pointer":"default",position:Y},Ge=()=>{let ye=oe.left+(j=="left"?-H:24);return Math.min(Math.max(ye,20),window.innerWidth-H-20)},eo=()=>{if(Y==="fixed")return oe.top;let Q=oe.top+he,ye=20;return Q>window.innerHeight-ye?oe.top+-he:oe.top},We=()=>{b&&(S(new Date),q(!M));};return V__namespace.default.createElement(uc,{className:N},V__namespace.default.createElement(fc,{style:oe,zIndex:B,className:l("tourHighlightContainer",c)},i&&e[s].showHighlight!==!1&&F!=="static"&&V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(mc,{style:{position:Y},onClick:We,primaryColor:c.theme.colorPrimary,className:l("tourHighlightInnerCircle",c)}),V__namespace.default.createElement(cc,{style:{position:"absolute"},onClick:We,primaryColor:c.theme.colorPrimary,className:l("tourHighlightOuterCircle",c)}))),V__namespace.default.createElement(sa,{style:{...oe,left:Ge(),top:eo()},zIndex:B+1,className:l("tooltipContainerWrapper",c)},M&&V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(Io,{ref:P,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:{position:"relative",width:"max-content",right:0,top:F!=="static"?12:0,...d},appearance:c,className:l("tooltipContainer",c),maxWidth:ia,zIndex:B+10},V__namespace.default.createElement(W,null)),u&&V__namespace.default.createElement(fi,{className:l("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:B+10},V__namespace.default.createElement(Ao,{appearance:c})))))},wo=gc;var yc=({flowId:e,customVariables:t,appearance:o,onStepCompletion:r,onButtonClick:i,showTooltipsSimultaneously:n=!1,onDismiss:a,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:s=!1,dismissBehavior:m="skip-flow",onComplete:c,skipIfNotFound:g=!1,cssPosition:b="absolute",className:T,...x})=>{let{getFlow:u,getFlowSteps:F,isLoading:C,targetingLogicShouldHideFlow:N,markStepCompleted:D,markStepStarted:w,markFlowCompleted:h,markFlowSkipped:v,updateCustomVariables:S,getCurrentStepIndex:P,getStepStatus:E,isStepBlocked:I,getFlowStatus:L,getNumberOfStepsCompleted:$}=R(),{isLoadingUserFlowStateData:G}=Oe(),{primaryCTAClickSideEffects:M,secondaryCTAClickSideEffects:q}=pe(),{hasOpenModals:Y}=Pe(),B=P(e),{openFlowStates:H}=V.useContext(Z),{mergeAppearanceWithDefault:he}=ie();if(o=he(o),V.useEffect(()=>{S(t);},[t,C]),G)return null;let xe=u(e);if(!xe||N(xe)||L(e)==re||Y())return null;let ae=F(e);if(Object.keys(H).length>0){let O=Object.keys(H).find(W=>H[W]===!0);if(O!==void 0&&O!==e)return V__namespace.default.createElement(V__namespace.default.Fragment,null)}async function ce(O){if(await D(e,O.id),ae.map(W=>E(e,W.id)).every(W=>W===Ne)){await h(e);return}!s&&B+1<ae.length&&!n&&I(e,ae[B+1].id);}function se(O,W,oe){let Ge=B+1<ae.length?ae[B+1]:null;i&&i(O,B,W,Ge),r&&r(O,oe,Ge);}function j(){return ae.map(O=>({...O,handleSecondaryButtonClick:async()=>{q(O),O.skippable===!0&&await D(e,O.id,{skipped:!0}),se(O,"secondary",B);},handlePrimaryButtonClick:async()=>{(!O.completionCriteria&&(O.autoMarkCompleted||O.autoMarkCompleted===void 0)||O.completionCriteria&&O.autoMarkCompleted===!0)&&await ce(O),se(O,"primary",B),M(O);}}))}async function ue(O){a&&a(),m==="skip-flow"?await v(e):await D(e,O.id);}function Ce(){c&&c();}async function be(O){await w(e,ae[O].id);}let Ue=!document.querySelector(ae[B].selector);function z(){let O=ae.findIndex((W,oe)=>!!document.querySelector(W.selector)&&oe>=B);return ae.map((W,oe)=>n?V__namespace.default.createElement(wo,{key:W.id,appearance:o,steps:j(),selectedStep:oe,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>ue(W),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:$(e),onComplete:Ce,cssPosition:b,onViewTooltip:be,className:T,...x}):g&&Ue&&oe===O?V__namespace.default.createElement(wo,{key:W.id,appearance:o,steps:j(),selectedStep:oe,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>ue(W),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:$(e),onComplete:Ce,cssPosition:b,onViewTooltip:be,className:T,...x}):oe!=B?null:V__namespace.default.createElement(wo,{key:W.id,appearance:o,steps:j(),selectedStep:oe,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>ue(W),tooltipPosition:d,showHighlightOnly:s,completedStepsCount:$(e),onComplete:Ce,cssPosition:b,onViewTooltip:be,className:T,...x}))}function _(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:o}),z())}return b==="static"?_():V__namespace.default.createElement(reactPortal.Portal,null,_())};var aa=me__default.default.button`
|
|
1516
1516
|
${e=>k(e)} {
|
|
1517
1517
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1518
1518
|
|
|
@@ -1600,7 +1600,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1600
1600
|
font-size: 14px;
|
|
1601
1601
|
|
|
1602
1602
|
padding: 8px 12px;
|
|
1603
|
-
`;var ga=({style:e,className:t})=>V__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},V__namespace.default.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));var xa=({style:e,className:t})=>V__namespace.default.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},V__namespace.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var Fc=({flowId:e,style:t,onStepCompletion:o,visible:r=!0,type:i="inline",title:n="Help",appearance:
|
|
1603
|
+
`;var ga=({style:e,className:t})=>V__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},V__namespace.default.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));var xa=({style:e,className:t})=>V__namespace.default.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},V__namespace.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var Fc=({flowId:e,style:t,onStepCompletion:o,visible:r=!0,type:i="inline",title:n="Help",appearance:a})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:s,getStepStatus:m,getNumberOfStepsCompleted:c,isLoading:g,targetingLogicShouldHideFlow:b}=R(),{primaryCTAClickSideEffects:T}=pe(),x=V.useRef(null),[u,F]=V.useState(!1),{mergeAppearanceWithDefault:C}=ie();a=C(a),V.useEffect(()=>(document.addEventListener("click",N,!1),()=>{document.removeEventListener("click",N,!1);}),[]);let N=S=>{x.current&&!x.current.contains(S.target)&&F(!1);};if(g)return null;let D=p(e);if(!D||b(D))return null;let w=d(e);if(!w||!r)return null;function h(S,P){!S.completionCriteria&&(S.autoMarkCompleted||S.autoMarkCompleted===void 0)&&s(e,S.id),T(S),o&&o(S,P),F(!1);}function v(){return u&&V__namespace.default.createElement(ma,{className:l("floatingWidgetMenu",a),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:i},w.map((S,P)=>V__namespace.default.createElement(ua,{className:l("floatingWidgetMenuItem",a),key:P,onClick:()=>h(S,P)},S.title)))}return i=="inline"?V__namespace.default.createElement("span",{ref:x},V__namespace.default.createElement(te,{appearance:a}),V__namespace.default.createElement(aa,{style:t,onClick:()=>{F(!u);},className:l("supportButton",a)},V__namespace.default.createElement(pa,{className:l("supportIconContainer",a)},V__namespace.default.createElement(xa,{className:l("supportIcon",a),style:{width:"18px",height:"18px"}})),V__namespace.default.createElement(la,{className:l("supportButtonTitle",a)},n)),V__namespace.default.createElement(v,null)):V__namespace.default.createElement(reactPortal.Portal,null,V__namespace.default.createElement(te,{appearance:a}),V__namespace.default.createElement(da,{style:t,ref:x},V__namespace.default.createElement(v,null),V__namespace.default.createElement(ca,{onClick:()=>{F(!u);},whileHover:{scale:1.1},className:l("floatingWidgetButton",a)},V__namespace.default.createElement(ga,{className:l("floatingWidgetButtonIcon",a),style:{display:"flex",width:"20px",height:"20px"}}))))};var Ca=me__default.default.div`
|
|
1604
1604
|
${e=>k(e)} {
|
|
1605
1605
|
display: flex;
|
|
1606
1606
|
flex-direction: column;
|
|
@@ -1711,7 +1711,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1711
1711
|
height: 100%;
|
|
1712
1712
|
min-height: 200px;
|
|
1713
1713
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1714
|
-
`;function nr({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?V__namespace.default.createElement(Je,{appearance:t,videoUri:e.videoUri,autoplay:e.props?.autoplayVideo}):e.imageUri?V__namespace.default.createElement(Pc,{className:l(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Bc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:
|
|
1714
|
+
`;function nr({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?V__namespace.default.createElement(Je,{appearance:t,videoUri:e.videoUri,autoplay:e.props?.autoplayVideo,loop:e.props?.loopVideo,hideControls:e.props?.hideVideoControls}):e.imageUri?V__namespace.default.createElement(Pc,{className:l(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Bc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:a,dismissible:p,onClick:d})=>{let{getFlow:s,markFlowCompleted:m,markFlowSkipped:c,markStepCompleted:g,isLoading:b,targetingLogicShouldHideFlow:T,updateCustomVariables:x,getFlowSteps:u,getFlowStatus:F,getCurrentStepIndex:C}=R(),{primaryCTAClickSideEffects:N,secondaryCTAClickSideEffects:D}=pe(),{mergeAppearanceWithDefault:w}=ie();if(ze(e),i=w(i),V.useEffect(()=>{x(o);},[o,b]),b)return null;let h=s(e);if(!h||T(h)||F(e)===re)return null;let S=u(e)[C(e)];return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:i}),V__namespace.default.createElement(Ca,{appearance:i,className:we(l("embeddedTipContainer",i),n),style:a,onClick:d},(p===!0||S.dismissible)&&V__namespace.default.createElement(ba,{onClick:async()=>{await c(e),t&&t();},className:l("embeddedTipDismissButton",i)},V__namespace.default.createElement(ve,null)),(S.imageUri||S.videoUri)&&V__namespace.default.createElement(ir,{className:l("embeddedTipMediaContainer",i)},V__namespace.default.createElement(nr,{appearance:i,stepData:S})),V__namespace.default.createElement(ya,null,V__namespace.default.createElement(Be,{size:"small",appearance:i,title:S.title,subtitle:S.subtitle})),(S.primaryButtonTitle||S.secondaryButtonTitle)&&V__namespace.default.createElement(Sa,{className:l("embeddedTipCallToActionContainer",i)},S.primaryButtonTitle&&V__namespace.default.createElement(ee,{classPrefix:"embeddedTip",title:S.primaryButtonTitle,appearance:i,withMargin:!1,size:"medium",type:"inline",onClick:async()=>{S.handlePrimaryButtonClick(),N(S),!(r&&r(S,C(e),"primary")===!1)&&(await g(e,S.id),await m(e));}}),S.secondaryButtonTitle&&V__namespace.default.createElement(ee,{classPrefix:"embeddedTip",title:S.secondaryButtonTitle,appearance:i,withMargin:!1,size:"medium",type:"inline",onClick:async()=>{S.handleSecondaryButtonClick(),D(S),r&&r(S,C(e),"secondary");},secondary:!0}))))};var Ia=me__default.default.div`
|
|
1715
1715
|
// use the :not annotation
|
|
1716
1716
|
${e=>k(e)} {
|
|
1717
1717
|
display: flex;
|
|
@@ -1753,7 +1753,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1753
1753
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1754
1754
|
align-items: flex-end;
|
|
1755
1755
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1756
|
-
`;var La=({style:e,className:t})=>V__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},V__namespace.default.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),V__namespace.default.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var Ic=({flowId:e,title:t,subtitle:o,onDismiss:r,customVariables:i,onButtonClick:n,appearance:
|
|
1756
|
+
`;var La=({style:e,className:t})=>V__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},V__namespace.default.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),V__namespace.default.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var Ic=({flowId:e,title:t,subtitle:o,onDismiss:r,customVariables:i,onButtonClick:n,appearance:a,type:p="full-width",icon:d,onClick:s})=>{let{getFlow:m,markFlowCompleted:c,markFlowSkipped:g,isLoading:b,targetingLogicShouldHideFlow:T,updateCustomVariables:x,getFlowMetadata:u,getFlowStatus:F,getFlowSteps:C,getCurrentStepIndex:N}=R(),{primaryCTAClickSideEffects:D}=pe(),{mergeAppearanceWithDefault:w}=ie();if(ze(e),a=w(a),V.useEffect(()=>{x(i);},[i,b]),b)return null;let h=m(e);if(!h||T(h)||F(e)===re)return null;let v=C(e),S=v.length>0?v[N(e)]:u(e);return S?.title&&(t=S.title),S?.subtitle&&(o=S.subtitle),V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:a}),V__namespace.default.createElement(Ia,{type:p,appearance:a,className:l("bannerContainer",a),onClick:s},p!="square"&&V__namespace.default.createElement(Aa,{className:l("bannerIconContainer",a)},d||V__namespace.default.createElement(La,null)),p==="square"&&S.dismissible&&V__namespace.default.createElement(Kr,{type:p,className:l("bannerDismissButtonContainer",a)},V__namespace.default.createElement(Gr,{type:p,onClick:async()=>{await g(e),r&&r();},className:l("bannerDismissButton",a)},V__namespace.default.createElement(ve,null))),V__namespace.default.createElement(Na,{type:p},V__namespace.default.createElement(Be,{appearance:a,title:t,subtitle:o,classPrefix:"banner"})),S?.primaryButtonTitle&&V__namespace.default.createElement(Oa,{type:p,className:l("bannerCallToActionContainer",a)},V__namespace.default.createElement(ee,{title:S?.primaryButtonTitle,appearance:a,onClick:()=>{D(S),n&&n(S,0,"primary");},classPrefix:"banner"})),p!=="square"&&S.dismissible&&V__namespace.default.createElement(Kr,{type:p,className:l("bannerDismissButtonContainer",a)},V__namespace.default.createElement(Gr,{type:p,onClick:async()=>{await g(e),r&&r();},className:l("bannerDismissButton",a)},V__namespace.default.createElement(ve,null)))))};var Da=me__default.default.div`
|
|
1757
1757
|
display: flex;
|
|
1758
1758
|
flex-direction: column;
|
|
1759
1759
|
width: 100%;
|
|
@@ -1846,7 +1846,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${no}${t}.${no}${t} { ${Object.entries(o).map
|
|
|
1846
1846
|
opacity: 0.8;
|
|
1847
1847
|
}
|
|
1848
1848
|
}
|
|
1849
|
-
`;var Oc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:
|
|
1849
|
+
`;var Oc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:a,type:p="modal"})=>{let {getFlow:d,markFlowCompleted:s,markFlowSkipped:m,markStepCompleted:c,getNumberOfStepsCompleted:g,isLoading:b,targetingLogicShouldHideFlow:T,updateCustomVariables:x,getFlowSteps:u,getFlowStatus:F,getFlowMetadata:C}=R();pe();let {mergeAppearanceWithDefault:D}=ie(),[w,h]=V__namespace.default.useState(null),[v,S]=V__namespace.default.useState(""),P=C(e),{hasOpenModals:E,setKeepCompletedFlowOpenDuringSession:I,shouldKeepCompletedFlowOpenDuringSession:L}=Pe();if(ze(e),i=D(i),V.useEffect(()=>{x(o);},[o,b]),b)return null;let $=d(e);if(!$||T($)||F(e)===re||g(e)===1&&!L(e)||E())return null;let M=u(e)[g(e)];function q(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(Xr,null,V__namespace.default.createElement(Be,{size:"large",appearance:i,title:M.title,subtitle:M.subtitle})),V__namespace.default.createElement(Yr,{className:l("npsNumberButtonContainer",i),appearance:i},Array.from(Array(10).keys()).map(H=>V__namespace.default.createElement($a,{className:l("npsNumberButton",i),selected:w===H+1,key:H,onClick:async()=>{I(e),h(H+1),await c(e,M.id,{score:H+1});},appearance:i},H+1))),V__namespace.default.createElement(Ma,{appearance:i},V__namespace.default.createElement(Jr,{appearance:i},P?.negativeLabel??"Not likely at all"),V__namespace.default.createElement(Jr,{appearance:i},P?.positiveLabel??"Extremely likely")))}function Y(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(Xr,null,V__namespace.default.createElement(Be,{appearance:i,title:M.title??"Why did you choose this score?",size:"large"})),V__namespace.default.createElement(Ua,{appearance:i,value:v,onChange:H=>{S(H.target.value);},placeholder:"Add your optional feedback here..."}),V__namespace.default.createElement(Yr,{appearance:i,className:l("npsNumberButtonContainer",i)},V__namespace.default.createElement(ee,{size:"large",withMargin:!1,onClick:async()=>{await s(e),r&&r(M,1,"primary");},appearance:i,title:M.secondaryButtonTitle||"Skip",secondary:!0}),V__namespace.default.createElement(ee,{size:"large",withMargin:!1,onClick:async()=>{await c(e,M.id,{feedbackText:v}),await s(e),r&&r(M,1,"primary");},appearance:i,title:M.primaryButtonTitle||"Submit"})))}function B(){return g(e)>=2?null:V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:i}),V__namespace.default.createElement(Da,{appearance:i,className:we(l("npsSurveyContainer",i),n),style:a,type:p},V__namespace.default.createElement(za,{onClick:async()=>{await m(e),t&&t();},className:l("npsSurveyDismissButton",i)},V__namespace.default.createElement(ve,null)),g(e)==0&&q(),g(e)==1&&Y()))}return p==="inline"?B():V__namespace.default.createElement(reactPortal.Portal,null,B())};var Dc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:a,dismissible:p=!0,modalPosition:d="center",showPagination:s=!0,allowBackNavigation:m})=>{let{getFlow:c,markFlowCompleted:g,markFlowSkipped:b,markStepCompleted:T,markStepStarted:x,isLoading:u,targetingLogicShouldHideFlow:F,updateCustomVariables:C,getFlowSteps:N,getFlowStatus:D,getCurrentStepIndex:w}=R(),{primaryCTAClickSideEffects:h,secondaryCTAClickSideEffects:v}=pe(),{mergeAppearanceWithDefault:S}=ie(),{setOpenFlowState:P,getOpenFlowState:E,hasOpenModals:I}=Pe();ze(e);let[L,$]=[E(e,!0),ae=>P(e,ae)];if(i=S(i),V.useEffect(()=>{C(o);},[o,u]),u)return null;let G=c(e);if(!G||F(G)||D(e)===re||I())return null;let M=N(e),q=w(e),Y=M.length,B=M[q],H=async()=>{$(!1),await b(e),t&&t();};function he(){return V__namespace.default.createElement(V__namespace.default.Fragment,null,V__namespace.default.createElement(te,{appearance:i}),V__namespace.default.createElement(wa,{appearance:i,className:we(l("announcementContainer",i),n),style:a},(p===!0||B.dismissible)&&d=="inline"&&V__namespace.default.createElement(Pa,{onClick:async()=>{await b(e),t&&t();},className:l("announcementDismissButton",i)},V__namespace.default.createElement(ve,null)),V__namespace.default.createElement(Ta,null,V__namespace.default.createElement(va,{appearance:i,className:l("announcementTitle",i),dangerouslySetInnerHTML:J(B.title)}),B.subtitle&&V__namespace.default.createElement(Ba,{appearance:i,className:l("announcementSubtitle",i),dangerouslySetInnerHTML:J(B.subtitle)})),(B.imageUri||B.videoUri)&&V__namespace.default.createElement(ir,{className:l("announcementMediaContainer",i)},V__namespace.default.createElement(nr,{appearance:i,stepData:B})),s&&Y>1&&V__namespace.default.createElement(Fa,{className:l("announcementPaginationContainer",i)},V__namespace.default.createElement(Wo,{className:l("announcementPagination",i),appearance:i,stepCount:Y,currentStep:q})),(B.primaryButtonTitle||B.secondaryButtonTitle)&&V__namespace.default.createElement(ka,{allowBackNavigation:m,className:l("announcementCTAContainer",i)},m&&q>0&&V__namespace.default.createElement(ee,{classPrefix:"announcementBack",title:B.backButtonTitle??"Back",appearance:i,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{r&&r(B,w(e),"back"),await x(e,M[q-1].id);},secondary:!0}),B.secondaryButtonTitle&&V__namespace.default.createElement(ee,{classPrefix:"announcement",title:B.secondaryButtonTitle,appearance:i,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{B.handleSecondaryButtonClick(),v(B),r&&r(B,w(e),"secondary");},secondary:!0}),B.primaryButtonTitle&&V__namespace.default.createElement(ee,{classPrefix:"announcement",title:B.primaryButtonTitle,appearance:i,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{h(B),!(r&&r(B,w(e),"primary")===!1)&&(w(e)===Y-1?(B.handlePrimaryButtonClick(),await g(e)):B.handlePrimaryButtonClick());}}))))}let xe={padding:"24px",maxWidth:"400px"};return d==="inline"?he():d!=="center"?V__namespace.default.createElement(Lo,{modalPosition:d,onClose:H,visible:L,dismissible:p,appearance:i},he()):V__namespace.default.createElement(qe,{appearance:i,onClose:H,visible:L,style:xe,dismissible:p},he())};var Wa=({as:e="span",children:t,variant:o="Body1",...r})=>V__namespace.default.createElement(un,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...r},t),$c=Object.fromEntries(Object.keys(Ko).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>V__namespace.default.createElement(Wa,{as:t,...r,variant:e},r.children);return o.displayName=`Text.${e}`,[e,o]})),Qr=Object.assign(Wa,$c);var Ha=({as:e="button",className:t,size:o="md",title:r,variant:i="Primary",...n})=>V__namespace.createElement(mn,{className:`fr-button-${i.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:i,size:o,borderRadius:"md",...n},V__namespace.createElement(Qr,{color:go[i]?.color,fontWeight:"semibold"},r)),Mc=Object.fromEntries(Object.keys(go).map(e=>{let t=o=>V__namespace.createElement(Ha,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),Uc=Object.assign(Ha,Mc);
|
|
1850
1850
|
|
|
1851
1851
|
exports.Box = fo;
|
|
1852
1852
|
exports.Button = Uc;
|