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