@frigade/react 1.35.0 → 1.35.1

package/lib/index.js

@@ -1,5 +1,5 @@
 "use client";
-var _l=Object.create;var Oo=Object.defineProperty;var zl=Object.getOwnPropertyDescriptor;var Wl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Vl=Object.prototype.hasOwnProperty;var jl=(e,t)=>{for(var o in t)Oo(e,o,{get:t[o],enumerable:!0})},Hr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Wl(t))!Vl.call(e,i)&&i!==o&&Oo(e,i,{get:()=>t[i],enumerable:!(r=zl(t,i))||r.enumerable});return e};var f=(e,t,o)=>(o=e!=null?_l(Hl(e)):{},Hr(t||!e||!e.__esModule?Oo(o,"default",{value:e,enumerable:!0}):o,e)),Gl=e=>Hr(Oo({},"__esModule",{value:!0}),e);var Wp={};jl(Wp,{Box:()=>Zt,Button:()=>Ul,CheckBox:()=>rt,FormLabel:()=>ft,FormTextField:()=>Go,FrigadeBanner:()=>Bl,FrigadeChecklist:()=>sr,FrigadeDefaultAppearance:()=>tt,FrigadeEmbeddedTip:()=>wl,FrigadeForm:()=>wr,FrigadeGuide:()=>el,FrigadeHeroChecklist:()=>Ws,FrigadeNPSSurvey:()=>Dl,FrigadeProgressBadge:()=>Zs,FrigadeProvider:()=>mn,FrigadeSupportWidget:()=>hl,FrigadeTour:()=>sl,ProgressRing:()=>Nt,Text:()=>pr,tokens:()=>er,useFlowOpens:()=>De,useFlowResponses:()=>Vt,useFlows:()=>ee,useOrganization:()=>Qo,useUser:()=>Gt,useUserFlowStates:()=>$e});module.exports=Gl(Wp);var J=f(require("react")),pn=require("styled-components");var xe=f(require("react"));var Ke=require("react");var Et=f(require("react"));var Vr="1.35.0 ";var Ge="NOT_STARTED_STEP",ie="COMPLETED_FLOW",Lo="ABORTED_FLOW",At="STARTED_FLOW",Xe="NOT_STARTED_FLOW",Je="COMPLETED_STEP",Do="STARTED_STEP";function et(){let{publicApiKey:e,userId:t,apiUrl:o}=Et.default.useContext(X);return{config:(0,Et.useMemo)(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Vr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:(0,Et.useMemo)(()=>`${o}/v1/public/`,[o])}}var Kl="frigade-last-call-at-",ql="frigade-last-call-data-";function zt(){let{shouldGracefullyDegrade:e,readonly:t}=Et.default.useContext(X);return async(o,r)=>{if(t&&(r.method==="POST"||r.method==="PUT"||r.method==="DELETE"))return _t();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),_t();let i=Kl+o,n=ql+o;if(window&&window.localStorage&&r&&r.body&&r.method==="POST"){let p=window.localStorage.getItem(i),c=window.localStorage.getItem(n);if(p&&c&&c==r.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return _t()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,r.body)}let s;try{s=await fetch(o,r)}catch(p){return _t(p)}return s?s.ok?s:_t(s.statusText):_t()}}function _t(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Wt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Et.default.useContext(X);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}var mo=require("react");var Ht=require("react");var Gr=f(require("swr"));var jr=require("react");function De(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=(0,jr.useContext)(X);function n(d,h=!1){return e[d]??h}function s(d,h){t(b=>({...b,[d]:h}))}function p(d){t(h=>{let{[d]:b,...T}=h;return{...T}})}function c(d){i.includes(d)||r(h=>[...h,d])}function a(d){return i.includes(d)}function x(d){return Object.entries(e).some(([h,b])=>b&&h!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}var Kr=f(require("swr/immutable")),Yl="unknown";function $e(){let{config:e,apiUrl:t}=et(),{publicApiKey:o,userId:r,organizationId:i,flows:n,setShouldGracefullyDegrade:s,readonly:p}=(0,Ht.useContext)(X),{resetOpenFlowState:c}=De(),[a,x]=(0,Ht.useState)(!1),d={data:n.map(k=>({flowId:k.id,flowState:ie,lastStepId:null,userId:r,foreignUserId:r,stepStates:{},shouldTrigger:!1}))},h=k=>fetch(k,e).then(F=>{if(F.ok)return F.json();throw new Error("Failed to fetch user flow states")}).catch(F=>(console.log(`Error fetching ${k}: ${F}. Will gracefully degrade and hide Frigade`),s(!0),d)),b=o&&n&&r?`${t}userFlowStates?foreignUserId=${encodeURIComponent(r)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:T,isLoading:v,mutate:g,error:A}=p?(0,Kr.default)(b,h):(0,Gr.default)(b,h,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),w=T==null?void 0:T.data;(0,Ht.useEffect)(()=>{!a&&!v&&w&&x(!0)},[w,a,v]);async function y(k){if(w&&!p){let F=w.find(D=>D.flowId===k);F&&F.flowState!==ie&&(F.flowState=ie),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function I(k,F,D){if(w){let N=w.find(_=>_.flowId===k);N&&(N.stepStates[F]=D,N.flowState=At),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function S(k,F,D){if(w){let N=w.find(_=>_.flowId===k);N&&(N.lastStepId=F,N.stepStates[F]=D,N.flowState=At),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function m(k){if(w){let F=w.find(D=>D.flowId===k);F&&F.flowState!==Xe&&(F.flowState=Xe,F.lastStepId=Yl,Object.keys(F.stepStates).forEach(D=>{F.stepStates[D].actionType=Ge,F.stepStates[D].createdAt=new Date().toISOString()}),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1}),c(k))}}async function E(k,F){if(w){let D=w.find(N=>N.flowId===k);D&&D.stepStates[F]!==Ge&&(D.stepStates[F]=Ge),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:w,isLoadingUserFlowStateData:!a,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:I,optimisticallyMarkStepNotStarted:E,optimisticallyMarkStepStarted:S,error:A}}function Vt(){let{config:e,apiUrl:t}=et(),{userFlowStatesData:o,mutateUserFlowState:r}=$e(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=(0,mo.useContext)(X),[c,a]=(0,mo.useState)(new Set),[x,d]=(0,mo.useState)(new Set),h=zt();function b(g){let A=JSON.stringify(g);if(c.has(A))return null;c.add(A),a(c),x.add(g),d(x);let w=s==null?void 0:s.find(y=>y.flowSlug===g.flowSlug&&y.stepId===g.stepId&&y.actionType===g.actionType&&y.createdAt===g.createdAt);return h(`${t}flowResponses`,{...e,method:"POST",body:A}).then(y=>{y.status!==200&&y.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),n([...i,g])):w||p(I=>[...I??[],g])})}async function T(g){g.foreignUserId&&(g.actionType===At||g.actionType===Xe?await b(g):g.actionType===ie?await b(g):g.actionType===Do?await b(g):g.actionType===Je?await b(g):g.actionType===Lo?await b(g):g.actionType===Ge&&await b(g))}function v(){let g=[];return o==null||o.forEach(A=>{if(A&&A.stepStates&&Object.keys(A.stepStates).length!==0)for(let w in A.stepStates){let y=A.stepStates[w];g.push({foreignUserId:A.foreignUserId,flowSlug:A.flowId,stepId:y.stepId,actionType:y.actionType,data:{},createdAt:new Date(y.createdAt),blocked:y.blocked,hidden:y.hidden})}}),[...g,...s]}return{addResponse:T,setFlowResponses:p,getFlowResponses:v}}var Yr=f(require("swr"));var Xl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,qr=e=>{let t=Xl.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=Jl(r,"'","");n.startsWith("flow_")&&(o=n)}),o},Jl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function ee(){let{config:e,apiUrl:t}=et(),{flows:o,setFlows:r,userId:i,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:x,setShouldGracefullyDegrade:d,readonly:h}=(0,Ke.useContext)(X),b={data:[]},{verifySDKInitiated:T}=Wt(),{addResponse:v,getFlowResponses:g}=Vt(),A=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),b)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),d(!0),b)),{mutateUserFlowState:w,userFlowStatesData:y,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:E,optimisticallyMarkStepNotStarted:k,optimisticallyMarkStepStarted:F}=$e(),{data:D,error:N,isLoading:_}=(0,Yr.default)(n?`${t}flows${h?"?readonly=true":""}`:null,A,{keepPreviousData:!0});(0,Ke.useEffect)(()=>{if(N){console.error(N);return}D&&D.data&&r(D.data)},[D,N]);function U(u){if(_)return null;let C=o.find(B=>B.slug===u);return!C&&o.length>0&&!I&&!_?(console.log(`Flow with slug ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function $(u){var H;if(!U(u))return[];let C=U(u).data;return C?(C=se(C),(((H=JSON.parse(C))==null?void 0:H.data)??[]).map(Be=>{let Wr=ce(Be);return{handleSecondaryButtonClick:()=>{Be.skippable===!0&&j(u,Be.id,{skipped:!0})},...Be,complete:ke(u,Be.id)===Je||Wr>=1,blocked:le(u,Be.id),hidden:L(u,Be.id),handlePrimaryButtonClick:()=>{(!Be.completionCriteria&&(Be.autoMarkCompleted||Be.autoMarkCompleted===void 0)||Be.completionCriteria&&Be.autoMarkCompleted===!0)&&j(u,Be.id)},progress:Wr}}).filter(Be=>Be.hidden!==!0)):[]}function se(u){return u.replaceAll(/\${(.*?)}/g,(C,B)=>s[B]===void 0?"":String(s[B]).replace(/[\u00A0-\u9999<>\&]/g,function(H){return"&#"+H.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function W(u){if(!U(u))return[];let C=U(u).data;return C?(C=se(C),JSON.parse(C)??{}):[]}function re(u,C){p(B=>({...B,[u]:C}))}function Fe(u){!I&&!_&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{re(C,u[C])})}let Z=(0,Ke.useCallback)(async(u,C,B)=>{if(!T())return;let H={foreignUserId:i,flowSlug:u,stepId:C,actionType:Do,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};R(H)&&(await F(u,C,H),v(H))},[i,y]),V=(0,Ke.useCallback)(async(u,C,B)=>{if(!T())return;let H={foreignUserId:i,flowSlug:u,stepId:C,actionType:Ge,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};R(H)&&(await k(u,C),v(H))},[i,y]),j=(0,Ke.useCallback)(async(u,C,B)=>{if(!T())return;let H={foreignUserId:i,flowSlug:u,stepId:C,actionType:Je,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};R(H)&&(await E(u,C,H),v(H))},[i,y]),ve=(0,Ke.useCallback)(async(u,C)=>{if(!T()||me(u)===Xe)return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:Xe,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),R(B)&&v(B)},[i,y]),je=(0,Ke.useCallback)(async(u,C)=>{if(!T())return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:At,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};R(B)&&v(B)},[i,y]),Ie=(0,Ke.useCallback)(async(u,C)=>{if(!T())return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:ie,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};R(B)&&(await S(u),v(B))},[i,y]),Se=(0,Ke.useCallback)(async(u,C)=>{if(!T())return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:Lo,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};R(B)&&(await S(u),v(B))},[i,y]);function R(u){var C;if(!y&&u.actionType===Ge)return!1;if(y){let B=y.find(H=>H.flowId===u.flowSlug);if(u.actionType===Ge&&(!(B!=null&&B.stepStates[u.stepId])||B.stepStates[u.stepId].actionType===Ge)||B&&((C=B.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||B&&B.flowState===ie&&u.actionType===ie)return!1}return!0}function ke(u,C){let B=G(u,C);return I?null:B?B.actionType:Ge}function le(u,C){let B=G(u,C);return B?B.blocked:!1}function L(u,C){let B=G(u,C);return B?B.hidden:!1}function G(u,C){if(I)return null;let B=y==null?void 0:y.find(H=>H.flowId===u);return!B||!B.stepStates[C]?null:B.stepStates[C]??null}function K(u){var B;if(I||!y)return null;if(me(u)===Xe)return $(u)[0]??null;let C=(B=y.find(H=>H.flowId===u))==null?void 0:B.lastStepId;return C?$(u).find(H=>H.id===C):null}function de(u){let C=K(u);if(!C)return 0;let B=$(u).findIndex(H=>H.id===C.id)??0;return ke(u,C.id)===Je&&B<$(u).length-1?B+1:B}function ce(u){if(!u.completionCriteria)return;let C=qr(u.completionCriteria);if(C===null)return;let B=ct(C),H=Ye(C);return H===0?void 0:B/H}function me(u){let C=y==null?void 0:y.find(B=>B.flowId===u);return C?C.flowState:null}function ct(u){let C=$(u);return C.length===0?0:C.filter(H=>ke(u,H.id)===Je).length}function Ye(u){return $(u).length}function Y(u){let C=o.find(B=>B.slug===u);return C?JSON.parse(C.data):null}function _e(u){if(h)return!1;if(I)return!0;if(u!=null&&u.targetingLogic&&y){let C=y.find(B=>B.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&i&&i.startsWith("guest_"))}function co(u){return!_e(U(u))}function No(){i&&w()}return{getFlow:U,getFlowData:Y,isLoading:I||_,getStepStatus:ke,getFlowSteps:$,getCurrentStepIndex:de,markStepStarted:Z,markStepCompleted:j,markFlowNotStarted:ve,markFlowStarted:je,markFlowCompleted:Ie,markFlowAborted:Se,markStepNotStarted:V,getFlowStatus:me,getNumberOfStepsCompleted:ct,getNumberOfSteps:Ye,targetingLogicShouldHideFlow:_e,setCustomVariable:re,updateCustomVariables:Fe,customVariables:s,getStepOptionalProgress:ce,getFlowMetadata:W,isStepBlocked:le,isStepHidden:L,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:co,refresh:No}}var It=require("react");var jt="guest_";function Gt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=(0,It.useContext)(X),{config:n,apiUrl:s}=et(),{mutateUserFlowState:p}=$e(),c=zt(),{verifySDKInitiated:a}=Wt();(0,It.useEffect)(()=>{if(e&&!t){if(e.startsWith(jt))return;let h=`frigade-user-registered-${e}`;localStorage.getItem(h)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(h,"true"))}},[e,i,t]);let x=(0,It.useCallback)(async h=>{if(!a())return;let b={foreignId:e,properties:h};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),r(T=>({...T,...h})),p()},[e,n,i,p]),d=(0,It.useCallback)(async(h,b)=>{if(!a())return;let v={foreignId:e,events:[{event:h,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(v)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:x,trackEventForUser:d}}var Zi=require("uuid");var Le=f(require("react"));var Me=f(require("react")),go=f(require("styled-components"));var Jr=f(require("react")),Qr=f(require("styled-components"));var Xr="fr-",uo="cfr-";function l(e,t){let o=`${Xr}${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+" "+uo+e}return o}function P(e){if(!e.className||e.className.indexOf(uo)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Xr)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function cr(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function mt(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${cr(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Ne(...e){return e.filter(Boolean).join(" ")}function fo(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Ql=Qr.default.div`
+var _l=Object.create;var Oo=Object.defineProperty;var zl=Object.getOwnPropertyDescriptor;var Wl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Vl=Object.prototype.hasOwnProperty;var jl=(e,t)=>{for(var o in t)Oo(e,o,{get:t[o],enumerable:!0})},Hr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Wl(t))!Vl.call(e,i)&&i!==o&&Oo(e,i,{get:()=>t[i],enumerable:!(r=zl(t,i))||r.enumerable});return e};var f=(e,t,o)=>(o=e!=null?_l(Hl(e)):{},Hr(t||!e||!e.__esModule?Oo(o,"default",{value:e,enumerable:!0}):o,e)),Gl=e=>Hr(Oo({},"__esModule",{value:!0}),e);var Wp={};jl(Wp,{Box:()=>Zt,Button:()=>Ul,CheckBox:()=>rt,FormLabel:()=>ft,FormTextField:()=>Go,FrigadeBanner:()=>Bl,FrigadeChecklist:()=>sr,FrigadeDefaultAppearance:()=>tt,FrigadeEmbeddedTip:()=>wl,FrigadeForm:()=>wr,FrigadeGuide:()=>el,FrigadeHeroChecklist:()=>Ws,FrigadeNPSSurvey:()=>Dl,FrigadeProgressBadge:()=>Zs,FrigadeProvider:()=>mn,FrigadeSupportWidget:()=>hl,FrigadeTour:()=>sl,ProgressRing:()=>Nt,Text:()=>pr,tokens:()=>er,useFlowOpens:()=>De,useFlowResponses:()=>Vt,useFlows:()=>ee,useOrganization:()=>Qo,useUser:()=>Gt,useUserFlowStates:()=>$e});module.exports=Gl(Wp);var J=f(require("react")),pn=require("styled-components");var xe=f(require("react"));var Ke=require("react");var Et=f(require("react"));var Vr="1.35.1 ";var Ge="NOT_STARTED_STEP",ie="COMPLETED_FLOW",Lo="ABORTED_FLOW",At="STARTED_FLOW",Xe="NOT_STARTED_FLOW",Je="COMPLETED_STEP",Do="STARTED_STEP";function et(){let{publicApiKey:e,userId:t,apiUrl:o}=Et.default.useContext(X);return{config:(0,Et.useMemo)(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Vr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:(0,Et.useMemo)(()=>`${o}/v1/public/`,[o])}}var Kl="frigade-last-call-at-",ql="frigade-last-call-data-";function zt(){let{shouldGracefullyDegrade:e,readonly:t}=Et.default.useContext(X);return async(o,r)=>{if(t&&(r.method==="POST"||r.method==="PUT"||r.method==="DELETE"))return _t();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),_t();let i=Kl+o,n=ql+o;if(window&&window.localStorage&&r&&r.body&&r.method==="POST"){let p=window.localStorage.getItem(i),c=window.localStorage.getItem(n);if(p&&c&&c==r.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return _t()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,r.body)}let s;try{s=await fetch(o,r)}catch(p){return _t(p)}return s?s.ok?s:_t(s.statusText):_t()}}function _t(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Wt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Et.default.useContext(X);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}var mo=require("react");var Ht=require("react");var Gr=f(require("swr"));var jr=require("react");function De(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=(0,jr.useContext)(X);function n(d,h=!1){return e[d]??h}function s(d,h){t(b=>({...b,[d]:h}))}function p(d){t(h=>{let{[d]:b,...T}=h;return{...T}})}function c(d){i.includes(d)||r(h=>[...h,d])}function a(d){return i.includes(d)}function x(d){return Object.entries(e).some(([h,b])=>b&&h!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}var Kr=f(require("swr/immutable")),Yl="unknown";function $e(){let{config:e,apiUrl:t}=et(),{publicApiKey:o,userId:r,organizationId:i,flows:n,setShouldGracefullyDegrade:s,readonly:p}=(0,Ht.useContext)(X),{resetOpenFlowState:c}=De(),[a,x]=(0,Ht.useState)(!1),d={data:n.map(k=>({flowId:k.id,flowState:ie,lastStepId:null,userId:r,foreignUserId:r,stepStates:{},shouldTrigger:!1}))},h=k=>fetch(k,e).then(F=>{if(F.ok)return F.json();throw new Error("Failed to fetch user flow states")}).catch(F=>(console.log(`Error fetching ${k}: ${F}. Will gracefully degrade and hide Frigade`),s(!0),d)),b=o&&n&&r?`${t}userFlowStates?foreignUserId=${encodeURIComponent(r)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:T,isLoading:v,mutate:g,error:A}=p?(0,Kr.default)(b,h):(0,Gr.default)(b,h,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),w=T==null?void 0:T.data;(0,Ht.useEffect)(()=>{!a&&!v&&w&&x(!0)},[w,a,v]);async function y(k){if(w&&!p){let F=w.find(D=>D.flowId===k);F&&F.flowState!==ie&&(F.flowState=ie),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function I(k,F,D){if(w){let N=w.find(_=>_.flowId===k);N&&(N.stepStates[F]=D,N.flowState=At),await g(Promise.resolve({...T,data:w}),{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function S(k,F,D){if(w){let N=w.find(_=>_.flowId===k);N&&(N.lastStepId=F,N.stepStates[F]=D,N.flowState=At),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}async function m(k){if(w){let F=w.find(D=>D.flowId===k);F&&F.flowState!==Xe&&(F.flowState=Xe,F.lastStepId=Yl,Object.keys(F.stepStates).forEach(D=>{F.stepStates[D].actionType=Ge,F.stepStates[D].createdAt=new Date().toISOString()}),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1}),c(k))}}async function E(k,F){if(w){let D=w.find(N=>N.flowId===k);D&&D.stepStates[F]!==Ge&&(D.stepStates[F]=Ge),await g({...T,data:w},{optimisticData:{...T,data:w},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:w,isLoadingUserFlowStateData:!a,mutateUserFlowState:g,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:I,optimisticallyMarkStepNotStarted:E,optimisticallyMarkStepStarted:S,error:A}}function Vt(){let{config:e,apiUrl:t}=et(),{userFlowStatesData:o,mutateUserFlowState:r}=$e(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=(0,mo.useContext)(X),[c,a]=(0,mo.useState)(new Set),[x,d]=(0,mo.useState)(new Set),h=zt();function b(g){let A=JSON.stringify(g);if(c.has(A))return null;c.add(A),a(c),x.add(g),d(x);let w=s==null?void 0:s.find(y=>y.flowSlug===g.flowSlug&&y.stepId===g.stepId&&y.actionType===g.actionType&&y.createdAt===g.createdAt);return h(`${t}flowResponses`,{...e,method:"POST",body:A}).then(y=>{y.status!==200&&y.status!==201?(console.log("Failed to send flow response for step "+g.stepId+". Will retry again later."),n([...i,g])):w||p(I=>[...I??[],g])})}async function T(g){g.foreignUserId&&(g.actionType===At||g.actionType===Xe?await b(g):g.actionType===ie?await b(g):g.actionType===Do?await b(g):g.actionType===Je?await b(g):g.actionType===Lo?await b(g):g.actionType===Ge&&await b(g))}function v(){let g=[];return o==null||o.forEach(A=>{if(A&&A.stepStates&&Object.keys(A.stepStates).length!==0)for(let w in A.stepStates){let y=A.stepStates[w];g.push({foreignUserId:A.foreignUserId,flowSlug:A.flowId,stepId:y.stepId,actionType:y.actionType,data:{},createdAt:new Date(y.createdAt),blocked:y.blocked,hidden:y.hidden})}}),[...g,...s]}return{addResponse:T,setFlowResponses:p,getFlowResponses:v}}var Yr=f(require("swr"));var Xl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,qr=e=>{let t=Xl.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=Jl(r,"'","");n.startsWith("flow_")&&(o=n)}),o},Jl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function ee(){let{config:e,apiUrl:t}=et(),{flows:o,setFlows:r,userId:i,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:x,setShouldGracefullyDegrade:d,readonly:h}=(0,Ke.useContext)(X),b={data:[]},{verifySDKInitiated:T}=Wt(),{addResponse:v,getFlowResponses:g}=Vt(),A=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),b)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),d(!0),b)),{mutateUserFlowState:w,userFlowStatesData:y,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:E,optimisticallyMarkStepNotStarted:k,optimisticallyMarkStepStarted:F}=$e(),{data:D,error:N,isLoading:_}=(0,Yr.default)(n?`${t}flows${h?"?readonly=true":""}`:null,A,{keepPreviousData:!0});(0,Ke.useEffect)(()=>{if(N){console.error(N);return}D&&D.data&&r(D.data)},[D,N]);function U(u){if(_)return null;let C=o.find(B=>B.slug===u);return!C&&o.length>0&&!I&&!_?(console.log(`Flow with slug ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function $(u){var H;if(!U(u))return[];let C=U(u).data;return C?(C=se(C),(((H=JSON.parse(C))==null?void 0:H.data)??[]).map(Be=>{let Wr=ce(Be);return{handleSecondaryButtonClick:()=>{Be.skippable===!0&&j(u,Be.id,{skipped:!0})},...Be,complete:ke(u,Be.id)===Je||Wr>=1,blocked:le(u,Be.id),hidden:L(u,Be.id),handlePrimaryButtonClick:()=>{(!Be.completionCriteria&&(Be.autoMarkCompleted||Be.autoMarkCompleted===void 0)||Be.completionCriteria&&Be.autoMarkCompleted===!0)&&j(u,Be.id)},progress:Wr}}).filter(Be=>Be.hidden!==!0)):[]}function se(u){return u.replaceAll(/\${(.*?)}/g,(C,B)=>s[B]===void 0?"":String(s[B]).replace(/[\u00A0-\u9999<>\&]/g,function(H){return"&#"+H.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function W(u){if(!U(u))return[];let C=U(u).data;return C?(C=se(C),JSON.parse(C)??{}):[]}function re(u,C){p(B=>({...B,[u]:C}))}function Fe(u){!I&&!_&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{re(C,u[C])})}let Z=(0,Ke.useCallback)(async(u,C,B)=>{if(!T())return;let H={foreignUserId:i,flowSlug:u,stepId:C,actionType:Do,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};R(H)&&(await F(u,C,H),v(H))},[i,y]),V=(0,Ke.useCallback)(async(u,C,B)=>{if(!T())return;let H={foreignUserId:i,flowSlug:u,stepId:C,actionType:Ge,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};R(H)&&(await k(u,C),v(H))},[i,y]),j=(0,Ke.useCallback)(async(u,C,B)=>{if(!T())return;let H={foreignUserId:i,flowSlug:u,stepId:C,actionType:Je,data:B??{},createdAt:new Date,blocked:!1,hidden:!1};R(H)&&(await E(u,C,H),v(H))},[i,y]),ve=(0,Ke.useCallback)(async(u,C)=>{if(!T()||me(u)===Xe)return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:Xe,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),R(B)&&v(B)},[i,y]),je=(0,Ke.useCallback)(async(u,C)=>{if(!T())return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:At,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};R(B)&&v(B)},[i,y]),Ie=(0,Ke.useCallback)(async(u,C)=>{if(!T())return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:ie,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};R(B)&&(await S(u),v(B))},[i,y]),Se=(0,Ke.useCallback)(async(u,C)=>{if(!T())return;let B={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:Lo,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};R(B)&&(await S(u),v(B))},[i,y]);function R(u){var C;if(!y&&u.actionType===Ge)return!1;if(y){let B=y.find(H=>H.flowId===u.flowSlug);if(u.actionType===Ge&&(!(B!=null&&B.stepStates[u.stepId])||B.stepStates[u.stepId].actionType===Ge)||B&&((C=B.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||B&&B.flowState===ie&&u.actionType===ie)return!1}return!0}function ke(u,C){let B=G(u,C);return I?null:B?B.actionType:Ge}function le(u,C){let B=G(u,C);return B?B.blocked:!1}function L(u,C){let B=G(u,C);return B?B.hidden:!1}function G(u,C){if(I)return null;let B=y==null?void 0:y.find(H=>H.flowId===u);return!B||!B.stepStates[C]?null:B.stepStates[C]??null}function K(u){var B;if(I||!y)return null;if(me(u)===Xe)return $(u)[0]??null;let C=(B=y.find(H=>H.flowId===u))==null?void 0:B.lastStepId;return C?$(u).find(H=>H.id===C):null}function de(u){let C=K(u);if(!C)return 0;let B=$(u).findIndex(H=>H.id===C.id)??0;return ke(u,C.id)===Je&&B<$(u).length-1?B+1:B}function ce(u){if(!u.completionCriteria)return;let C=qr(u.completionCriteria);if(C===null)return;let B=ct(C),H=Ye(C);return H===0?void 0:B/H}function me(u){let C=y==null?void 0:y.find(B=>B.flowId===u);return C?C.flowState:null}function ct(u){let C=$(u);return C.length===0?0:C.filter(H=>ke(u,H.id)===Je).length}function Ye(u){return $(u).length}function Y(u){let C=o.find(B=>B.slug===u);return C?JSON.parse(C.data):null}function _e(u){if(h)return!1;if(I)return!0;if(u!=null&&u.targetingLogic&&y){let C=y.find(B=>B.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&i&&i.startsWith("guest_"))}function co(u){return!_e(U(u))}function No(){i&&w()}return{getFlow:U,getFlowData:Y,isLoading:I||_,getStepStatus:ke,getFlowSteps:$,getCurrentStepIndex:de,markStepStarted:Z,markStepCompleted:j,markFlowNotStarted:ve,markFlowStarted:je,markFlowCompleted:Ie,markFlowAborted:Se,markStepNotStarted:V,getFlowStatus:me,getNumberOfStepsCompleted:ct,getNumberOfSteps:Ye,targetingLogicShouldHideFlow:_e,setCustomVariable:re,updateCustomVariables:Fe,customVariables:s,getStepOptionalProgress:ce,getFlowMetadata:W,isStepBlocked:le,isStepHidden:L,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:co,refresh:No}}var It=require("react");var jt="guest_";function Gt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=(0,It.useContext)(X),{config:n,apiUrl:s}=et(),{mutateUserFlowState:p}=$e(),c=zt(),{verifySDKInitiated:a}=Wt();(0,It.useEffect)(()=>{if(e&&!t){if(e.startsWith(jt))return;let h=`frigade-user-registered-${e}`;localStorage.getItem(h)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(h,"true"))}},[e,i,t]);let x=(0,It.useCallback)(async h=>{if(!a())return;let b={foreignId:e,properties:h};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),r(T=>({...T,...h})),p()},[e,n,i,p]),d=(0,It.useCallback)(async(h,b)=>{if(!a())return;let v={foreignId:e,events:[{event:h,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(v)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:x,trackEventForUser:d}}var Zi=require("uuid");var Le=f(require("react"));var Me=f(require("react")),go=f(require("styled-components"));var Jr=f(require("react")),Qr=f(require("styled-components"));var Xr="fr-",uo="cfr-";function l(e,t){let o=`${Xr}${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+" "+uo+e}return o}function P(e){if(!e.className||e.className.indexOf(uo)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Xr)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function cr(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function mt(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${cr(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Ne(...e){return e.filter(Boolean).join(" ")}function fo(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Ql=Qr.default.div`
   display: flex;
   justify-content: center;
   position: fixed;
@@ -320,7 +320,7 @@ var _l=Object.create;var Oo=Object.defineProperty;var zl=Object.getOwnPropertyDe
   -webkit-print-color-adjust: exact;
 `;function Si({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){var x,d,h,b,T,v;let n=e,[s,p]=(0,Pe.useState)(((x=r==null?void 0:r.choice)==null?void 0:x[0])||""),[c,a]=(0,Pe.useState)(!1);return(0,Pe.useEffect)(()=>{var g,A,w,y;if(s===""&&!c){if(a(!0),n.requireSelection){p(gr);return}if(n.defaultValue&&((g=n.props.options)!=null&&g.find(I=>I.id===n.defaultValue))){let I=(A=n.props.options)==null?void 0:A.find(S=>S.id===n.defaultValue);p(I.id),o({choice:[I.id]})}else p(((w=n.props.options)==null?void 0:w[0].id)||""),o({choice:[((y=n.props.options)==null?void 0:y[0].id)||""]})}},[]),(0,Pe.useEffect)(()=>{n.requireSelection&&s===gr?i([{message:"Please select an option",id:n.id}]):i([])},[s]),Pe.default.createElement(da,null,Pe.default.createElement(ft,{title:n.title,required:!1,appearance:t.appearance}),Pe.default.createElement(ca,{value:s,onChange:g=>{p(g.target.value),o({choice:[g.target.value]})},placeholder:n.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},n.requireSelection&&Pe.default.createElement("option",{key:"null-value",value:gr,disabled:!0},n.placeholder??"Select an option"),(d=n.props.options)==null?void 0:d.map(g=>Pe.default.createElement("option",{key:g.id,value:g.id},g.title))),((b=(h=n.props.options)==null?void 0:h.find(g=>g.id===s))==null?void 0:b.isOpenEnded)&&Pe.default.createElement(Pe.default.Fragment,null,Pe.default.createElement(ft,{title:((v=(T=n.props.options)==null?void 0:T.find(g=>g.id===s))==null?void 0:v.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),Pe.default.createElement(fr,{type:"text",placeholder:"Enter your answer here",onChange:g=>{o({choice:[g.target.value]})},appearance:t.appearance})),Pe.default.createElement(Kt,{title:n.subtitle,appearance:t.appearance}))}var We=f(require("react")),hr=f(require("styled-components"));var Yt=f(require("react"));var qt=f(require("react")),yi=({color:e,percentage:t,size:o})=>{let r=o*.5-2,i=2*Math.PI*r,n=(1-t)*i;return qt.default.createElement("circle",{r,cx:o*.5,cy:o*.5,fill:"transparent",stroke:n!==i?e:"",strokeWidth:"3px",strokeDasharray:i,strokeDashoffset:t?n:0})},ma=({fillColor:e,size:t,percentage:o,children:r,bgColor:i="#D9D9D9",className:n,style:s})=>qt.default.createElement("svg",{style:s,className:n,width:t,height:t,overflow:"visible"},qt.default.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},qt.default.createElement(yi,{color:i,size:t}),qt.default.createElement(yi,{color:e,percentage:o,size:t})),r),Nt=ma;var bi=f(require("styled-components")),ua=({color:e="#FFFFFF"})=>Yt.default.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Yt.default.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),fa={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ga={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},xa={border:"1px solid #000000",color:"#FFFFFF"},ha={border:"1px solid #C5CBD3"},Ca={color:"#FFFFFF"},Sa={border:"1px solid #C5CBD3"},ya=e=>e==="square"?fa:ga,ba=(e,t)=>e==="square"?t?xa:ha:t?Ca:Sa,wa=bi.default.div`
   ${e=>mt(e)}
-`,rt=({value:e,type:t="square",primaryColor:o="#000000",progress:r,appearance:i=tt,style:n,className:s})=>{let p=ya(t),c=ba(t,e);return e===!0?p={...p,...c,backgroundColor:i.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}:p={...p,...c},e!==!0&&t==="round"&&r!==void 0&&r!==1?Yt.default.createElement(Nt,{fillColor:o,percentage:r,size:22}):Yt.default.createElement(wa,{styleOverrides:p,style:n,role:"checkbox",className:Ne(l("checkIconContainer",i),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",i),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Yt.default.createElement(ua,{color:"#FFFFFF"}))};var Ta=hr.default.div`
+`,rt=({value:e,type:t="round",primaryColor:o="#000000",progress:r,appearance:i=tt,style:n,className:s})=>{let p=ya(t),c=ba(t,e);return e===!0?p={...p,...c,backgroundColor:i.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}:p={...p,...c},e!==!0&&t==="round"&&r!==void 0&&r!==1?Yt.default.createElement(Nt,{fillColor:o,percentage:r,size:22}):Yt.default.createElement(wa,{styleOverrides:p,style:n,role:"checkbox",className:Ne(l("checkIconContainer",i),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",i),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Yt.default.createElement(ua,{color:"#FFFFFF"}))};var Ta=hr.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -652,7 +652,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${uo}${i}.${uo}${i} { ${Object.entries(n).map
   padding-bottom: 20px;
   border-top: 1px solid ${e=>e.theme.colorBorder};
   width: 100%;
-`,tr=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:s="square",appearance:p})=>Ft.default.createElement(Ft.default.Fragment,null,Ft.default.createElement(rp,{className:l("checklistStepsContainer",p),appearance:p,style:{...i}},r==="left"&&e&&Ft.default.createElement(un,{className:l("checklistStepLabel",p),style:o},e),Ft.default.createElement(rt,{appearance:p,value:t,type:s,primaryColor:n}),r==="right"&&e&&Ft.default.createElement(un,{className:l("checklistStepLabel",p),style:o},e)),Ft.default.createElement(pe,{appearance:p}));var eo=f(require("styled-components")),fn=eo.default.div`
+`,tr=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:s="round",appearance:p})=>Ft.default.createElement(Ft.default.Fragment,null,Ft.default.createElement(rp,{className:l("checklistStepsContainer",p),appearance:p,style:{...i}},r==="left"&&e&&Ft.default.createElement(un,{className:l("checklistStepLabel",p),style:o},e),Ft.default.createElement(rt,{appearance:p,value:t,type:s,primaryColor:n}),r==="right"&&e&&Ft.default.createElement(un,{className:l("checklistStepLabel",p),style:o},e)),Ft.default.createElement(pe,{appearance:p}));var eo=f(require("styled-components")),fn=eo.default.div`
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
@@ -1153,6 +1153,8 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${uo}${i}.${uo}${i} { ${Object.entries(n).map
   width: 100%;
   flex-direction: column;
   justify-content: space-between;
+  padding: 24px;
+  border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
   background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
 `;var Pp=({title:e,subtitle:t,steps:o,onClose:r,visible:i,autoExpandFirstIncompleteStep:n=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:c,setSelectedStep:a,appearance:x,type:d,className:h,customStepTypes:b,style:T})=>{let v=o.filter(S=>S.complete).length,[g,A]=(0,fe.useState)(Array(o.length).fill(!0));(0,fe.useEffect)(()=>{let S=[...g];if(n){for(let m=0;m<o.length;m++)if(!o[m].complete){S[m]=!1;break}A(S)}},[]),(0,fe.useEffect)(()=>{w(c)},[c]);let w=S=>{let m=[...g];if(s)for(let E=0;E<g.length;++E)E!==S&&(m[E]=!0);m[S]=!m[S],A(m)};if(!i&&d=="modal")return fe.default.createElement(fe.default.Fragment,null);let y=fe.default.createElement(fe.default.Fragment,null,fe.default.createElement(hs,null,fe.default.createElement(Cs,{appearance:x,className:l("checklistTitle",x),dangerouslySetInnerHTML:ye(e)}),fe.default.createElement(Ss,{appearance:x,className:l("checklistSubtitle",x),dangerouslySetInnerHTML:ye(t)})),fe.default.createElement(qe,{display:"percent",count:v,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:x})),I=fe.default.createElement(ys,{className:Ne(l("checklistContainer",x),h)},o.map((S,m)=>{let E=g[m];return fe.default.createElement(xs,{appearance:x,stepData:S,collapsed:E,key:`modal-checklist-${S.id??m}`,onClick:()=>{if(c===m){w(m);return}a(m)},onPrimaryButtonClick:()=>{S.handlePrimaryButtonClick&&S.handlePrimaryButtonClick(),p&&!S.completionCriteria&&m<g.length-1&&g[m+1]&&a(m+1)},onSecondaryButtonClick:()=>{S.handleSecondaryButtonClick&&S.handleSecondaryButtonClick()},customStepTypes:b})}));return d==="inline"?fe.default.createElement(bs,{appearance:x,className:Ne(l("checklistInlineContainer",x),h),style:T},y,I):fe.default.createElement(fe.default.Fragment,null,fe.default.createElement(St,{onClose:r,visible:i,appearance:x,style:{maxWidth:"600px"},headerContent:y},I))},Ir=Pp;var z=f(require("react"));var nr=require("react"),ws=()=>{let e={isSmall:"(max-width: 480px)",isMedium:"(min-width: 481px) AND (max-width: 1023px)",isLarge:"(min-width: 1025px)"},t=Object.fromEntries(Object.entries(e).map(([p])=>[p,!1])),[o,r]=(0,nr.useState)(t),i=null,n=()=>{i!==null?clearTimeout(i):s(),i=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([c,a])=>{if(!window)return[c,!1];let x=window.matchMedia(a);return x.addEventListener("change",n),[c,x.matches]}));r(p)};return(0,nr.useEffect)(()=>{s()},[]),o};var Mt=f(require("react"));var Q=f(require("styled-components"));var Ts=Q.css`
   border: 1px solid ${({theme:e})=>e.colorBorder};