@frigade/js 0.9.3 → 0.9.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var st=Object.defineProperty,ot=Object.defineProperties;var at=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var rt=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var H=(d,o,t)=>o in d?st(d,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[o]=t,S=(d,o)=>{for(var t in o||(o={}))rt.call(o,t)&&H(d,t,o[t]);if(N)for(var t of N(o))nt.call(o,t)&&H(d,t,o[t]);return d},E=(d,o)=>ot(d,at(o));var h=(d,o,t)=>new Promise((e,i)=>{var n=s=>{try{f(t.next(s))}catch(r){i(r)}},c=s=>{try{f(t.throw(s))}catch(r){i(r)}},f=s=>s.done?e(s.value):Promise.resolve(s.value).then(n,c);f((t=t.apply(d,o)).next())});var L=(t=>(t.MANUAL="MANUAL",t.AUTOMATIC="AUTOMATIC",t))(L||{}),M=(e=>(e.DRAFT="DRAFT",e.ACTIVE="ACTIVE",e.ARCHIVED="ARCHIVED",e))(M||{});var U=(a=>(a.ANNOUNCEMENT="ANNOUNCEMENT",a.CHECKLIST="CHECKLIST",a.FORM="FORM",a.TOUR="TOUR",a.SUPPORT="SUPPORT",a.CUSTOM="CUSTOM",a.BANNER="BANNER",a.EMBEDDED_TIP="EMBEDDED_TIP",a.NPS_SURVEY="NPS_SURVEY",a.SURVEY="SURVEY",a.CARD="CARD",a))(U||{});import{v4 as Q}from"uuid";var w={};function F(d){return`${d.__instanceId}-${d.apiKey}`}var T=class{constructor(o){this.config={apiKey:"",apiUrl:"https://api.frigade.com",userId:B(),__instanceId:Math.random().toString(12).substring(4),generateGuestId:!0,__refreshIntervalInMS:100};let t=Object.fromEntries(Object.entries(o).filter(([e,i])=>i!=null));this.config=S(S({},this.config),t)}fetch(o,t){return h(this,null,function*(){return this.config.__readOnly?y():W(this.getAPIUrl(o),S(S({keepalive:!0},t!=null?t:{}),V(this.config)))})}getAPIUrl(o){return`${this.config.apiUrl.replace(/\/$/,"")}/${o.replace(/^\//,"")}`}getGlobalState(){let o=F(this.config);if(!w[o])throw new Error("Frigade has not yet been initialized");return w[o]}};var I=class extends T{constructor({config:t,id:e}){super(t);this.props={};this._isVisible=!1;this.lastStepUpdate=new Map;this.id=e,this.init()}get isVisible(){return this._isVisible}set isVisible(t){this._isVisible=t}reload(){this.init()}resyncState(t){var i,n,c,f,s,r;let e=C(t!=null?t:this.getStatefulFlow());this.rawData=e,this.title=(i=e==null?void 0:e.data)==null?void 0:i.title,this.subtitle=(n=e==null?void 0:e.data)==null?void 0:n.subtitle,this.type=(c=e==null?void 0:e.data)==null?void 0:c.type,this.props=(s=(f=e==null?void 0:e.data)==null?void 0:f.props)!=null?s:{},this.version=e==null?void 0:e.version,this.isCompleted=e.$state.completed,this.isStarted=e.$state.started,this.isSkipped=e.$state.skipped,this._isVisible=e.$state.visible,e.data.steps.forEach((g,a)=>{var u;let l=this.initStepFromStatefulStep(g,a),p=(u=this.steps)==null?void 0:u.get(g.id);p&&Object.keys(l).forEach(b=>{p[b]=l[b]})}),this.getGlobalState().variables[this.id]?this.applyVariablesInternal((r=this.getGlobalState().variables[this.id])!=null?r:{}):this.applyVariablesInternal({})}initStepFromStatefulStep(t,e){return E(S({},t),{flow:this,$state:E(S({},t.$state),{lastActionAt:t.$state.lastActionAt?new Date(t.$state.lastActionAt):void 0}),order:e})}init(){let t=this.getStatefulFlow(),e=new Map;t.data.steps.forEach((i,n)=>{let c=this.initStepFromStatefulStep(i,n);c.start=s=>h(this,null,function*(){let r=this.steps.get(i.id);if(this.getCurrentStep().id===r.id&&r.$state.started)return;let g=C(this.getGlobalState().flowStates[this.id]);g.data.steps[r.order].$state.started=!0,g.data.steps[r.order].$state.lastActionAt=new Date,g.$state.lastActionAt=new Date,g.$state.currentStepId=r.id,g.$state.currentStepIndex=r.order,this.getGlobalState().flowStates[this.id]=g,this.resyncState(),yield this.sendFlowStateToAPI(x,s,r.id)});let f=(s,r,g=!0)=>h(this,null,function*(){let a=this.steps.get(i.id);if((a.$state.completed||a.$state.skipped)&&g){let u=this.getStepByIndex(a.order+1);for(;u&&!u.$state.visible&&u.order!==this.steps.size-1;)u=this.getStepByIndex(u.order+1);if(u){let b=C(this.getGlobalState().flowStates[this.id]);b.$state.currentStepId=this.getStepByIndex(a.order+1).id,b.$state.currentStepIndex=a.order+1,b.data.steps[a.order+1].$state.started=!0,this.getGlobalState().flowStates[this.id]=b,yield this.sendFlowStateToAPI(x,void 0,u.id),this.resyncState()}return}let l=this.getCurrentStepOrder()+1===this.getNumberOfAvailableSteps(),p=Array.from(this.steps.values()).filter(u=>u.$state.visible&&!u.$state.completed&&!u.$state.skipped).length===1&&l;if(g){let u=C(this.getGlobalState().flowStates[this.id]);if(u.$state.started=!0,s=="complete"?u.data.steps[a.order].$state.completed=!0:u.data.steps[a.order].$state.skipped=!0,u.data.steps[a.order].$state.started=!0,u.data.steps[a.order].$state.lastActionAt=new Date,!l){let b=this.getNextVisibleStepIndexAfterIndex(a.order);b!==-1&&(u.$state.currentStepId=this.getStepByIndex(b).id,u.$state.currentStepIndex=b,u.data.steps[b].$state.started=!0)}p&&(u.$state.completed=!0,u.$state.visible=!1),this.getGlobalState().flowStates[this.id]=u,this.resyncState(),p&&this.optimisticallyMarkFlowCompleted()}yield this.sendFlowStateToAPI(s=="complete"?z:Y,r,a.id),p&&(yield this.sendFlowStateToAPI(O,r))});c.complete=(s,r=!0)=>h(this,null,function*(){yield f("complete",s,r)}),c.skip=(s,r=!0)=>h(this,null,function*(){yield f("skip",s,r)}),c.reset=()=>h(this,null,function*(){let s=this.steps.get(i.id);if(!s.$state.completed)return;let r=C(this.getGlobalState().flowStates[this.id]);r.data.steps[s.order].$state.started=!1,r.data.steps[s.order].$state.completed=!1,r.data.steps[s.order].$state.lastActionAt=void 0,this.getGlobalState().flowStates[this.id]=r,this.resyncState(),yield this.sendFlowStateToAPI(q,void 0,s.id)}),c.onStateChange=s=>{let r=g=>{if(g.id!==this.id)return;let a=g.steps.get(i.id),l=this.lastStepUpdate.get(s);(a.$state.completed!==(l==null?void 0:l.$state.completed)||a.$state.started!==(l==null?void 0:l.$state.started)||a.$state.visible!==(l==null?void 0:l.$state.visible)||a.$state.blocked!==(l==null?void 0:l.$state.blocked))&&(s(a,l!=null?l:C(a)),this.lastStepUpdate.set(s,C(a)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(s,r),this.getGlobalState().onFlowStateChangeHandlers.push(r)},c.removeStateChangeHandler=s=>{let r=this.getGlobalState().onStepStateChangeHandlerWrappers.get(s);r&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(g=>g!==r))},e.set(i.id,c)}),this.steps=e,this.resyncState()}start(t){return h(this,null,function*(){this.isStarted||this.isCompleted||(this.optimisticallyMarkFlowStarted(),yield this.sendFlowStateToAPI(J,t))})}complete(t){return h(this,null,function*(){this.isCompleted||(this.optimisticallyMarkFlowCompleted(),yield this.sendFlowStateToAPI(O,t))})}skip(t){return h(this,null,function*(){this.isSkipped||(this.optimisticallyMarkFlowSkipped(),yield this.sendFlowStateToAPI(K,t))})}forward(t){return h(this,null,function*(){let e=this.getStepByIndex(this.getNextVisibleStepIndexAfterIndex(this.getCurrentStepIndex()));e&&(yield e.start(t))})}back(t){return h(this,null,function*(){let e=this.getStepByIndex(this.getCurrentStepIndex()-1);for(;e&&!e.$state.visible&&e.order!==0;)e=this.getStepByIndex(e.order-1);e&&(yield e.start(t))})}restart(){return h(this,null,function*(){yield this.sendFlowStateToAPI(j)})}getStepByIndex(t){return this.steps.get(Array.from(this.steps.keys())[t])}getCurrentStep(){let t=this.steps.get(this.getStatefulFlow().$state.currentStepId);return t||(t=this.getFirstVisibleStep(),t)}getFirstVisibleStep(){return this.getStepByIndex(this.getNextVisibleStepIndexAfterIndex(-1))}getNextVisibleStepIndexAfterIndex(t){let e=Array.from(this.steps.values());for(let i=t+1;i<e.length;i++)if(e[i].$state.visible)return i;return-1}getCurrentStepIndex(){let t=this.getCurrentStep();return Array.from(this.steps.keys()).indexOf(t.id)}getNumberOfCompletedSteps(){return Array.from(this.steps.values()).filter(t=>t.$state.completed).length}getNumberOfAvailableSteps(){return Array.from(this.steps.values()).filter(t=>t.$state.visible).length}getCurrentStepOrder(){let t=this.getCurrentStep();return Array.from(this.steps.values()).filter(e=>e.$state.visible).indexOf(t)}getProgress(){return(this.getNumberOfCompletedSteps()||0)/(this.getNumberOfAvailableSteps()||1)}onStateChange(t){let e=(i,n)=>{i.id===this.id&&(i.isCompleted!==(n==null?void 0:n.isCompleted)||i.isStarted!==(n==null?void 0:n.isStarted)||i.isSkipped!==(n==null?void 0:n.isSkipped)||i.isVisible!==(n==null?void 0:n.isVisible)||JSON.stringify(i.steps)!==JSON.stringify(n==null?void 0:n.steps))&&t(i,n)};this.getGlobalState().onFlowStateChangeHandlerWrappers.set(t,e),this.getGlobalState().onFlowStateChangeHandlers.push(e)}removeStateChangeHandler(t){let e=this.getGlobalState().onFlowStateChangeHandlerWrappers.get(t);e&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(i=>i!==e))}applyVariables(t){this.applyVariablesInternal(t,!0)}applyVariablesInternal(t,e=!1){var c,f;let i=s=>{let r=s.match(/\${(.*?)}/g);return r&&r.forEach(g=>{let a=g.replace("${","").replace("}","");if(!t[a]){s=s.replace(g,"");return}s=s.replace(g,t[a])}),s};this.title=i((c=this.title)!=null?c:""),this.subtitle=i((f=this.subtitle)!=null?f:"");let n=s=>{s&&Object.keys(s).forEach(r=>{typeof s[r]=="string"?s[r]=i(s[r]):typeof s[r]=="object"?n(s[r]):Array.isArray(s[r])&&s[r].forEach(g=>{n(g)})})};this.steps&&this.steps.forEach(s=>{try{n(s)}catch(r){}}),this.getGlobalState().variables[this.id]=S(S({},this.getGlobalState().variables[this.id]),t),e&&this.resyncState()}getStatefulFlow(){return this.getGlobalState().flowStates[this.id]}optimisticallyMarkFlowCompleted(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.completed=!0,t.$state.started=!0,t.$state.visible=!1,this.getGlobalState().flowStates[this.id]=t,this.getGlobalState().collections.ingestCollectionsData(new Map),this.resyncState()}optimisticallyMarkFlowStarted(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.started=!0,this.getGlobalState().flowStates[this.id]=t,this.getGlobalState().collections.ingestCollectionsData(new Map),this.resyncState()}sendFlowStateToAPI(t,e,i){return h(this,null,function*(){var f;let n=new Date;this.getGlobalState().lastFlowSyncDate[this.id]=n,this.getGlobalState().pendingRequests[this.id]=((f=this.getGlobalState().pendingRequests[this.id])!=null?f:0)+1;let c=yield this.fetch("/v1/public/flowStates",{method:"POST",body:JSON.stringify({userId:this.getGlobalState().config.userId,groupId:this.getGlobalState().config.groupId,flowSlug:this.id,stepId:i,data:e||{},actionType:t,createdAt:n,context:A(this.getGlobalState())})});this.getGlobalState().pendingRequests[this.id]-=1,!(n<this.getGlobalState().lastFlowSyncDate[this.id]||this.getGlobalState().pendingRequests[this.id]>0)&&(yield this.getGlobalState().refreshStateFromAPI(c))})}optimisticallyMarkFlowSkipped(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.skipped=!0,t.$state.visible=!1,this.getGlobalState().flowStates[this.id]=t,this.getGlobalState().collections.ingestCollectionsData(new Map),this.resyncState()}register(t){this.getGlobalState().collections.register(this.id,i=>{let n=this.getGlobalState().previousFlows.get(this.id);(n==null?void 0:n._isVisible)!==i&&this.getGlobalState().onFlowStateChangeHandlers.forEach(c=>{c(this,n),this.getGlobalState().previousFlows.set(this.id,P(this))}),t==null||t(i)})}unregister(){this.getGlobalState().collections&&this.getGlobalState().collections.unregister(this.id)}};var X="0.9.3";var q="NOT_STARTED_STEP",O="COMPLETED_FLOW",K="SKIPPED_FLOW",J="STARTED_FLOW",j="NOT_STARTED_FLOW",z="COMPLETED_STEP",Y="SKIPPED_STEP",x="STARTED_STEP",Z="frigade-guest-key",v="guest_",lt="get-cache-",$="fr-js-",tt="Redundant call to Frigade API removed";function P(d){return new I({config:d.config,id:d.id})}function C(d){return JSON.parse(JSON.stringify(d))}function V(d){var o,t;return{headers:{Authorization:`Bearer ${d.apiKey}`,"Content-Type":"application/json","x-frigade-sdk-version":(o=d.__platformVersion)!=null?o:X,"x-frigade-sdk-platform":(t=d.__platformName)!=null?t:"Javascript"}}}function ct(d){if(m())try{return window.localStorage.getItem(`${$}${d}`)}catch(o){return console.debug("Error getting localStorage:",o),null}return null}function dt(d,o){if(m())try{window.localStorage.setItem(`${$}${d}`,o)}catch(t){console.debug("Error setting localStorage:",t)}}function et(){Object.keys(w).forEach(d=>{d.startsWith(lt)&&delete w[d]})}function it(){m()&&Object.keys(window.localStorage).forEach(d=>{d.startsWith($)&&window.localStorage.removeItem(d)})}var G=class{constructor(){this.queue=[];this.ttlInMS=250;this.cacheSize=10}push(o,t){let e=new Date;this.queue.length>=this.cacheSize&&this.queue.shift(),this.queue.push({call:o,time:e.getTime(),response:t!=null?t:null})}hasIdenticalRecentCall(o){let t=new Date;return this.queue=this.queue.filter(e=>t.getTime()-e.time<this.ttlInMS),this.queue.find(e=>e.call===o)}hasCall(o){return this.queue.find(t=>t.call===o)}cancelAllPendingRequests(){this.queue=[]}};globalThis.callQueue=new G;function W(d,o){return h(this,null,function*(){var n;if(typeof globalThis.fetch!="function")return y("- Attempted to call fetch() in an environment that doesn't support it.");let t=`${d}${JSON.stringify((n=o.body)!=null?n:{})}`,e,i=m()&&o&&o.body&&o.method==="POST";if(i){let c=globalThis.callQueue.hasIdenticalRecentCall(t);c!=null&&c.response!=null&&(e=(yield c.response).clone())}if(!e)try{let c=fetch(d,o);i&&globalThis.callQueue.push(t,c.then(f=>f.clone()).catch(()=>y())),e=yield c,i&&!globalThis.callQueue.hasCall(t)&&(e=y(tt))}catch(c){return y(c)}if(!e)return y("Received an empty response");if(e.status>=400)return y(e.statusText);try{if(e.status===204)return y();let c;try{c=yield e.json()}catch(f){return y()}return c.error?y(c.error):c}catch(c){return y(c)}})}function y(d){return d&&(d===tt?console.debug(d):console.warn("Call to Frigade failed:",d)),{json:()=>({}),clone:()=>({})}}function B(){if(m()){let d=ct(Z);return d||(d=`${v}${Q()}`,dt(Z,d)),d}else return`${v}${Q()}`}function m(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}function A(d){let o={registeredCollectionIds:Array.from(d.registeredCollectionIds)};return m()?S({url:d.currentUrl,userAgent:navigator.userAgent},o):o}var R=class{constructor(o){this.registry=new Map;this.registryStateLocked=!1;this.collections=new Map;this.flowsInCollections=new Set;this.hasChanges=!1;this.ingestCollectionsData(o)}getCollection(o){return this.collections.get(o)}getCollections(){return this.collections}collectionsHaveChanged(){return this.hasChanges}ingestCollectionsData(o){if(this.hasChanges=!0,this.checkIfCollectionsHaveChanged(o),!!this.hasChanges){this.collections=o;for(let[,t]of this.collections)for(let{flowId:e}of t.flows)this.flowsInCollections.add(e);this.registry.size>0&&(this.registryStateLocked||this.resetRegistryState(),this.processCollections()),this.fireCallbacks()}}checkIfCollectionsHaveChanged(o){var i,n,c,f,s,r;let t=this.collections,e=o;t.size!==e.size&&(this.hasChanges=!0);for(let[g,a]of t){let l=e.get(g);if(((i=a==null?void 0:a.flows)==null?void 0:i.length)!==((n=l==null?void 0:l.flows)==null?void 0:n.length)){this.hasChanges=!0;break}for(let p=0;p<a.flows.length;p++)if(((c=a==null?void 0:a.flows[p])==null?void 0:c.flowId)!==((f=l==null?void 0:l.flows[p])==null?void 0:f.flowId)||((s=a==null?void 0:a.flows[p])==null?void 0:s.visible)!==((r=l==null?void 0:l.flows[p])==null?void 0:r.visible)){this.hasChanges=!0;break}}}fireCallbacks(){for(let[o,{callback:t}]of this.registry)typeof t=="function"&&t(this.isFlowVisible(o))}isFlowVisible(o){let t=this.registry.get(o),e=this.flowsInCollections.has(o);return t==null||!e?!0:t.visible}lockRegistryState(){this.registryStateLocked=!0}unlockRegistryState(){this.registryStateLocked=!1}resetRegistryState(){for(let[o,t]of this.registry)t.visible=!1,t.visited=!1,this.registry.set(o,t)}processCollections(){for(let[,o]of this.collections)for(let{flowId:t,visible:e}of o.flows){let i=this.registry.get(t);if(i==null)continue;if(e===!1&&i.visible!==!0){this.visit(t,!1);continue}if(i.visited&&this.registryStateLocked)continue;let n=o.flows.map(({flowId:c})=>c).filter(c=>c!==t);this.visit(t)}}register(o,t){if(Array.isArray(o)){this.batchRegister(o);return}this.registry.set(o,{callback:t!=null?t:()=>{},visible:!1,visited:!1}),this.registryStateLocked||this.resetRegistryState(),this.processCollections(),this.fireCallbacks()}batchRegister(o){o.forEach(([t,e])=>{this.registry.set(t,{callback:e!=null?e:()=>{},visible:!1,visited:!1})}),this.registryStateLocked||this.resetRegistryState(),this.processCollections(),this.lockRegistryState(),this.fireCallbacks()}unregister(o){this.registry.delete(o),this.resetRegistryState(),this.processCollections(),this.fireCallbacks()}visit(o,t=!0){var i;let e=(i=this.registry.get(o))!=null?i:{callback:()=>{},visible:t,visited:!0};e.visible=t,e.visited=!0,this.registry.set(o,e)}};var D=class extends T{constructor(t,e){super(S({apiKey:t},e));this.flows=[];this.hasFailed=!1;this.eventHandlers=new Map;this.refreshTimeout=null;this.queuedRefresh=!1;this.visibilityChangeHandler=()=>{document.visibilityState==="visible"&&this.queueRefreshStateFromAPI()};this.init(this.config).then(()=>{m()&&this.config.syncOnWindowUpdates!==!1&&(document.addEventListener("visibilitychange",this.visibilityChangeHandler),window.navigation&&window.navigation.addEventListener("navigate",i=>h(this,null,function*(){try{if(this.getGlobalState().currentUrl===i.destination.url||i.destination.url&&this.getGlobalState().currentUrl&&i.destination.url.split("#")[0]===this.getGlobalState().currentUrl.split("#")[0])return;this.queueRefreshStateFromAPI()}catch(n){}})))})}queueRefreshStateFromAPI(){var t;this.queuedRefresh=!0,!this.refreshTimeout&&(this.refreshTimeout=setTimeout(()=>h(this,null,function*(){this.queuedRefresh&&(this.getGlobalState().currentUrl=window.location.href,yield this.refreshStateFromAPI(),this.queuedRefresh=!1),this.refreshTimeout=null}),(t=this.getGlobalState().config.__refreshIntervalInMS)!=null?t:100))}getConfig(){return this.config}destroy(){if(m()){document.removeEventListener("visibilitychange",this.visibilityChangeHandler);let t=F(this.config);w[t]&&(w[t].onFlowStateChangeHandlers=[])}}init(t){return h(this,null,function*(){if(this.updateConfig(S(S({},this.config),t)),!!this.config.userId)return this.initPromise=(()=>h(this,null,function*(){var e;this.config.__readOnly||(e=this.config.userId)!=null&&e.startsWith(v)||(this.config.userId&&this.config.groupId?yield this.session({userId:this.config.userId,groupId:this.config.groupId,userProperties:this.config.userProperties,groupProperties:this.config.groupProperties}):this.config.userId&&(yield this.session({userId:this.config.userId,userProperties:this.config.userProperties}))),yield this.refreshStateFromAPI()}))(),this.initPromise})}identify(t,e){return h(this,null,function*(){t!==this.config.userId&&(yield this.updateConfig(E(S({},this.config),{userId:t})),yield this.reload()),yield this.initIfNeeded(),(yield this.session({userId:this.config.userId,userProperties:e}))&&(yield this.resync())})}group(t,e){return h(this,null,function*(){yield this.initIfNeeded(),this.updateConfig(E(S({},this.config),{groupId:t})),yield this.session({userId:this.config.userId,groupId:this.config.groupId,groupProperties:e}),yield this.resync()})}track(t,e){return h(this,null,function*(){if(yield this.initIfNeeded(),!t){console.error("Event name is required to track an event");return}this.config.userId&&this.config.groupId?yield this.session({userId:this.config.userId,groupId:this.config.groupId,groupEvents:[{event:t,properties:e}],userEvents:[{event:t,properties:e}]}):this.config.userId&&(yield this.session({userId:this.config.userId,userEvents:[{event:t,properties:e}]})),yield this.resync()})}session(t){return h(this,null,function*(){let e=this.lastSessionDTO;return e&&JSON.stringify(e)===JSON.stringify(t)?!1:(yield this.fetch("/v1/public/sessions",{method:"POST",body:JSON.stringify(t)}),this.lastSessionDTO=t,!0)})}isReady(){return!!(this.config.__instanceId&&this.config.apiKey&&this.initPromise&&w[F(this.config)])}getFlow(t){return h(this,null,function*(){if(!(this.getConfig().generateGuestId===!1&&this.getConfig().userId&&this.getConfig().userId.startsWith(v)))return yield this.initIfNeeded(),this.getFlowSync(t)})}getFlowSync(t){return this.flows.find(e=>e.id==t)}getFlows(){return h(this,null,function*(){var t;return yield this.initIfNeeded(),this.config.generateGuestId===!1&&((t=this.getConfig().userId)!=null&&t.startsWith(v))?[]:this.flows})}getCollection(t){return h(this,null,function*(){yield this.initIfNeeded();let e=this.getGlobalState().collections.getCollection(t);if(e==null)return;this.registerCollection(t);let i=yield Promise.all(e.flows.map(n=>h(this,null,function*(){return E(S({},n),{flow:yield this.getFlow(n.flowId)})})));return e.flows=i,e})}registerCollection(t){return h(this,null,function*(){yield this.initIfNeeded(),t&&this.getGlobalState().registeredCollectionIds.add(t)})}getCollectionSync(t){let e=this.getGlobalState().collections.getCollection(t);if(e!=null)return this.getGlobalState().registeredCollectionIds.add(t),e}getCollectionsSync(){return this.getGlobalState().collections.getCollections()}getCollections(){return h(this,null,function*(){if(yield this.initIfNeeded(),!this.config.userId&&this.config.generateGuestId===!1)return;let t=this.getGlobalState().collections.getCollections();if(t!=null)return t})}reload(t){return h(this,null,function*(){it(),et(),t&&(yield this.updateConfig(t),this.mockFlowStates(F(this.config))),this.initPromise=null,yield this.init(this.config),this.triggerAllLegacyEventHandlers(),this.triggerAllEventHandlers()})}triggerAllLegacyEventHandlers(){this.flows.forEach(t=>{this.getGlobalState().onFlowStateChangeHandlers.forEach(e=>{let i=this.getGlobalState().previousFlows.get(t.id);e(t,i),this.getGlobalState().previousFlows.set(t.id,P(t))})})}triggerAllEventHandlers(){this.flows.forEach(t=>{let e=this.getGlobalState().previousFlows.get(t.id);this.triggerEventHandlers(t.rawData,e==null?void 0:e.rawData)})}resync(){return h(this,null,function*(){yield this.refreshStateFromAPI()})}onStateChange(t){return h(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers.push(t)})}on(t,e){return h(this,null,function*(){var i;this.eventHandlers.set(t,[...(i=this.eventHandlers.get(t))!=null?i:[],e])})}off(t,e){return h(this,null,function*(){var i;this.eventHandlers.set(t,((i=this.eventHandlers.get(t))!=null?i:[]).filter(n=>n!==e))})}hasFailedToLoad(){return this.hasFailed}removeStateChangeHandler(t){return h(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(e=>e!==t)})}initIfNeeded(){return h(this,null,function*(){return this.initPromise?this.initPromise:this.init(this.config)})}refreshStateFromAPI(){return h(this,null,function*(){let t=F(this.config);if(!w[t]){let e=this,i={set:function(n,c,f){if(n[c]){let s=n[c],r=f;JSON.stringify(s)!==JSON.stringify(r)&&(e.triggerDeprecatedEventHandlers(r,s),e.triggerEventHandlers(r,s))}return n[c]=f,!0}};if(w[t]={refreshStateFromAPI:()=>h(this,null,function*(){}),collections:new R(new Map),registeredCollectionIds:new Set,flowStates:new Proxy({},i),onFlowStateChangeHandlerWrappers:new Map,onStepStateChangeHandlerWrappers:new Map,onFlowStateChangeHandlers:[],previousFlows:new Map,variables:{},config:this.config,currentUrl:m()?window.location.href:"",pendingRequests:new Map,lastFlowSyncDate:new Map},this.config.__readOnly&&this.config.__flowStateOverrides){this.mockFlowStates(t);return}w[t].refreshStateFromAPI=n=>h(this,null,function*(){var s,r;if(this.config.__readOnly)return;let c=n||(yield this.fetch("/v1/public/flowStates",{method:"POST",body:JSON.stringify({userId:this.getGlobalState().config.userId,groupId:this.getGlobalState().config.groupId,context:A(this.getGlobalState())})})),f=new Map;(r=(s=c.collections)==null?void 0:s.computedOrder)==null||r.forEach(({allowedComponents:g,collectionId:a,collectionType:l,flowId:p,visible:u})=>{var k;let b=(k=f.get(a))!=null?k:{allowedComponents:g,collectionType:l,flows:[]};b.flows.push({flowId:p,visible:u}),f.set(a,b)}),f.size>0&&(w[t].collections.ingestCollectionsData(f),w[t].collections.collectionsHaveChanged()&&!n&&(this.triggerAllLegacyEventHandlers(),this.triggerAllEventHandlers())),c&&c.eligibleFlows?(c.eligibleFlows.forEach(g=>{w[t].flowStates[g.flowSlug]=g,this.flows.find(a=>a.id==g.flowSlug)?this.flows.forEach(a=>{a.id==g.flowSlug&&a.resyncState(g)}):this.flows.push(new I({config:this.config,id:g.flowSlug}))}),this.hasFailed=!1):this.hasFailed=!0})}yield w[t].refreshStateFromAPI(void 0)})}mockFlowStates(t){Object.keys(this.config.__flowStateOverrides).forEach(e=>{w[t].flowStates[e]=this.config.__flowStateOverrides[e],this.flows.find(i=>i.id==e)?this.flows.forEach(i=>{i.id==e&&i.resyncState(this.config.__flowStateOverrides[e])}):this.flows.push(new I({config:this.config,id:e}))})}updateConfig(t){return h(this,null,function*(){this.config=S(S({},this.config),t),w[F(this.config)]&&(this.getGlobalState().config=this.config)})}triggerDeprecatedEventHandlers(t,e){return h(this,null,function*(){t&&this.flows.forEach(i=>{i.id==e.flowSlug&&this.getGlobalState().onFlowStateChangeHandlers.forEach(n=>{let c=this.getGlobalState().previousFlows.get(i.id);i.resyncState(t),n(i,c),this.getGlobalState().previousFlows.set(i.id,P(i))})})})}triggerEventHandlers(t,e){var i,n,c,f;if(t){for(let s of this.flows)if(s.id==t.flowSlug){let r=this.getGlobalState().previousFlows.get(s.id);s.resyncState(t);for(let[g,a]of this.eventHandlers.entries())switch(g){case"flow.complete":t.$state.completed&&(e==null?void 0:e.$state.completed)===!1&&a.forEach(l=>l(g,s,r));break;case"flow.restart":!t.$state.started&&(e==null?void 0:e.$state.started)===!0&&a.forEach(l=>l(g,s,r));break;case"flow.skip":t.$state.skipped&&(e==null?void 0:e.$state.skipped)===!1&&a.forEach(l=>l(g,s,r));break;case"flow.start":t.$state.started&&(e==null?void 0:e.$state.started)===!1&&a.forEach(l=>l(g,s,r));break;case"step.complete":for(let l of(i=t.data.steps)!=null?i:[])l.$state.completed&&!(e!=null&&e.data.steps.find(p=>p.id===l.id&&p.$state.completed))&&a.forEach(p=>p(g,s,r,s.steps.get(l.id)));break;case"step.reset":for(let l of(n=t.data.steps)!=null?n:[]){let p=e==null?void 0:e.data.steps.find(u=>u.id===l.id);l.$state.started==!1&&!l.$state.lastActionAt&&(p!=null&&p.$state.started)&&(p!=null&&p.$state.lastActionAt)&&a.forEach(u=>u(g,s,r,s.steps.get(l.id)))}break;case"step.skip":for(let l of(c=t.data.steps)!=null?c:[])l.$state.skipped&&!(e!=null&&e.data.steps.find(p=>p.id===l.id&&p.$state.skipped))&&a.forEach(p=>p(g,s,r,s.steps.get(l.id)));break;case"step.start":for(let l of(f=t.data.steps)!=null?f:[])l.$state.started&&(e!=null&&e.data.steps.find(p=>p.id===l.id&&p.$state.started===!1))&&a.forEach(p=>p(g,s,r,s.steps.get(l.id)));break;case"flow.any":JSON.stringify(t)!==JSON.stringify(e!=null?e:{})&&a.forEach(l=>l(g,s,r));break}this.getGlobalState().previousFlows.set(s.id,P(s))}}}batchRegister(t){return h(this,null,function*(){let e=t.map(c=>h(this,[c],function*([i,n]){let f=yield this.getFlow(i);return[i,r=>{let g=this.getGlobalState().previousFlows.get(i);(g==null?void 0:g.isVisible)!==r&&this.getGlobalState().onFlowStateChangeHandlers.forEach(a=>{a(f,g),this.getGlobalState().previousFlows.set(i,P(f))}),n==null||n(r)}]}));Promise.all(e).then(i=>{this.getGlobalState().collections.batchRegister(i)})})}};export{I as Flow,M as FlowStatus,U as FlowType,D as Frigade,L as TriggerType};
|
|
2
|
+
var st=Object.defineProperty,ot=Object.defineProperties;var rt=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var at=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var H=(d,o,t)=>o in d?st(d,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[o]=t,S=(d,o)=>{for(var t in o||(o={}))at.call(o,t)&&H(d,t,o[t]);if(N)for(var t of N(o))nt.call(o,t)&&H(d,t,o[t]);return d},E=(d,o)=>ot(d,rt(o));var p=(d,o,t)=>new Promise((e,i)=>{var n=s=>{try{f(t.next(s))}catch(a){i(a)}},c=s=>{try{f(t.throw(s))}catch(a){i(a)}},f=s=>s.done?e(s.value):Promise.resolve(s.value).then(n,c);f((t=t.apply(d,o)).next())});var L=(t=>(t.MANUAL="MANUAL",t.AUTOMATIC="AUTOMATIC",t))(L||{}),M=(e=>(e.DRAFT="DRAFT",e.ACTIVE="ACTIVE",e.ARCHIVED="ARCHIVED",e))(M||{});var U=(r=>(r.ANNOUNCEMENT="ANNOUNCEMENT",r.CHECKLIST="CHECKLIST",r.FORM="FORM",r.TOUR="TOUR",r.SUPPORT="SUPPORT",r.CUSTOM="CUSTOM",r.BANNER="BANNER",r.EMBEDDED_TIP="EMBEDDED_TIP",r.NPS_SURVEY="NPS_SURVEY",r.SURVEY="SURVEY",r.CARD="CARD",r))(U||{});import{v4 as Q}from"uuid";var b={};function F(d){return`${d.__instanceId}-${d.apiKey}`}var T=class{constructor(o){this.config={apiKey:"",apiUrl:"https://api.frigade.com",userId:B(),__instanceId:Math.random().toString(12).substring(4),generateGuestId:!0,__refreshIntervalInMS:100};let t=Object.fromEntries(Object.entries(o).filter(([e,i])=>i!=null));this.config=S(S({},this.config),t)}fetch(o,t){return p(this,null,function*(){return this.config.__readOnly?y():W(this.getAPIUrl(o),S(S({keepalive:!0},t!=null?t:{}),V(this.config)))})}getAPIUrl(o){return`${this.config.apiUrl.replace(/\/$/,"")}/${o.replace(/^\//,"")}`}getGlobalState(){let o=F(this.config);if(!b[o])throw new Error("Frigade has not yet been initialized");return b[o]}};var I=class extends T{constructor({config:t,id:e}){super(t);this.props={};this._isVisible=!1;this.lastStepUpdate=new Map;this.id=e,this.init()}get isVisible(){return this._isVisible}set isVisible(t){this._isVisible=t}reload(){this.init()}resyncState(t){var i,n,c,f,s,a;let e=C(t!=null?t:this.getStatefulFlow());this.rawData=e,this.title=(i=e==null?void 0:e.data)==null?void 0:i.title,this.subtitle=(n=e==null?void 0:e.data)==null?void 0:n.subtitle,this.type=(c=e==null?void 0:e.data)==null?void 0:c.type,this.props=(s=(f=e==null?void 0:e.data)==null?void 0:f.props)!=null?s:{},this.version=e==null?void 0:e.version,this.isCompleted=e.$state.completed,this.isStarted=e.$state.started,this.isSkipped=e.$state.skipped,this._isVisible=e.$state.visible,e.data.steps.forEach((g,r)=>{var h;let l=this.initStepFromStatefulStep(g,r),u=(h=this.steps)==null?void 0:h.get(g.id);u&&Object.keys(l).forEach(w=>{u[w]=l[w]})}),this.getGlobalState().variables[this.id]?this.applyVariablesInternal((a=this.getGlobalState().variables[this.id])!=null?a:{}):this.applyVariablesInternal({})}initStepFromStatefulStep(t,e){return E(S({},t),{flow:this,$state:E(S({},t.$state),{lastActionAt:t.$state.lastActionAt?new Date(t.$state.lastActionAt):void 0}),order:e})}init(){let t=this.getStatefulFlow(),e=new Map;t.data.steps.forEach((i,n)=>{let c=this.initStepFromStatefulStep(i,n);c.start=s=>p(this,null,function*(){let a=this.steps.get(i.id);if(this.getCurrentStep().id===a.id&&a.$state.started)return;let g=C(this.getGlobalState().flowStates[this.id]);g.data.steps[a.order].$state.started=!0,g.data.steps[a.order].$state.lastActionAt=new Date,g.$state.lastActionAt=new Date,g.$state.currentStepId=a.id,g.$state.currentStepIndex=a.order,this.getGlobalState().flowStates[this.id]=g,this.resyncState(),yield this.sendFlowStateToAPI(x,s,a.id)});let f=(s,a,g=!0)=>p(this,null,function*(){let r=this.steps.get(i.id);if((r.$state.completed||r.$state.skipped)&&g){let h=this.getStepByIndex(r.order+1);for(;h&&!h.$state.visible&&h.order!==this.steps.size-1;)h=this.getStepByIndex(h.order+1);if(h){let w=C(this.getGlobalState().flowStates[this.id]);w.$state.currentStepId=this.getStepByIndex(r.order+1).id,w.$state.currentStepIndex=r.order+1,w.data.steps[r.order+1].$state.started=!0,this.getGlobalState().flowStates[this.id]=w,yield this.sendFlowStateToAPI(x,void 0,h.id),this.resyncState()}return}let l=this.getCurrentStepOrder()+1===this.getNumberOfAvailableSteps(),u=Array.from(this.steps.values()).filter(h=>h.$state.visible&&!h.$state.completed&&!h.$state.skipped).length===1&&l;if(g){let h=C(this.getGlobalState().flowStates[this.id]);if(h.$state.started=!0,s=="complete"?h.data.steps[r.order].$state.completed=!0:h.data.steps[r.order].$state.skipped=!0,h.data.steps[r.order].$state.started=!0,h.data.steps[r.order].$state.lastActionAt=new Date,!l){let w=this.getNextVisibleStepIndexAfterIndex(r.order);w!==-1&&(h.$state.currentStepId=this.getStepByIndex(w).id,h.$state.currentStepIndex=w,h.data.steps[w].$state.started=!0)}u&&(h.$state.completed=!0,h.$state.visible=!1),this.getGlobalState().flowStates[this.id]=h,this.resyncState(),u&&this.optimisticallyMarkFlowCompleted()}yield this.sendFlowStateToAPI(s=="complete"?z:Y,a,r.id),u&&(yield this.sendFlowStateToAPI(_,a))});c.complete=(s,a=!0)=>p(this,null,function*(){yield f("complete",s,a)}),c.skip=(s,a=!0)=>p(this,null,function*(){yield f("skip",s,a)}),c.reset=()=>p(this,null,function*(){let s=this.steps.get(i.id);if(!s.$state.completed)return;let a=C(this.getGlobalState().flowStates[this.id]);a.data.steps[s.order].$state.started=!1,a.data.steps[s.order].$state.completed=!1,a.data.steps[s.order].$state.lastActionAt=void 0,this.getGlobalState().flowStates[this.id]=a,this.resyncState(),yield this.sendFlowStateToAPI(q,void 0,s.id)}),c.onStateChange=s=>{let a=g=>{if(g.id!==this.id)return;let r=g.steps.get(i.id),l=this.lastStepUpdate.get(s);(r.$state.completed!==(l==null?void 0:l.$state.completed)||r.$state.started!==(l==null?void 0:l.$state.started)||r.$state.visible!==(l==null?void 0:l.$state.visible)||r.$state.blocked!==(l==null?void 0:l.$state.blocked))&&(s(r,l!=null?l:C(r)),this.lastStepUpdate.set(s,C(r)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(s,a),this.getGlobalState().onFlowStateChangeHandlers.push(a)},c.removeStateChangeHandler=s=>{let a=this.getGlobalState().onStepStateChangeHandlerWrappers.get(s);a&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(g=>g!==a))},e.set(i.id,c)}),this.steps=e,this.resyncState()}start(t){return p(this,null,function*(){this.isStarted||this.isCompleted||(this.optimisticallyMarkFlowStarted(),yield this.sendFlowStateToAPI(J,t))})}complete(t){return p(this,null,function*(){this.isCompleted||(this.optimisticallyMarkFlowCompleted(),yield this.sendFlowStateToAPI(_,t))})}skip(t){return p(this,null,function*(){this.isSkipped||(this.optimisticallyMarkFlowSkipped(),yield this.sendFlowStateToAPI(K,t))})}forward(t){return p(this,null,function*(){let e=this.getStepByIndex(this.getNextVisibleStepIndexAfterIndex(this.getCurrentStepIndex()));e&&(yield e.start(t))})}back(t){return p(this,null,function*(){let e=this.getStepByIndex(this.getCurrentStepIndex()-1);for(;e&&!e.$state.visible&&e.order!==0;)e=this.getStepByIndex(e.order-1);e&&(yield e.start(t))})}restart(){return p(this,null,function*(){yield this.sendFlowStateToAPI(j)})}getStepByIndex(t){return this.steps.get(Array.from(this.steps.keys())[t])}getCurrentStep(){let t=this.steps.get(this.getStatefulFlow().$state.currentStepId);return t||(t=this.getFirstVisibleStep(),t)}getFirstVisibleStep(){return this.getStepByIndex(this.getNextVisibleStepIndexAfterIndex(-1))}getNextVisibleStepIndexAfterIndex(t){let e=Array.from(this.steps.values());for(let i=t+1;i<e.length;i++)if(e[i].$state.visible)return i;return-1}getCurrentStepIndex(){let t=this.getCurrentStep();return Array.from(this.steps.keys()).indexOf(t.id)}getNumberOfCompletedSteps(){return Array.from(this.steps.values()).filter(t=>t.$state.completed).length}getNumberOfAvailableSteps(){return Array.from(this.steps.values()).filter(t=>t.$state.visible).length}getCurrentStepOrder(){let t=this.getCurrentStep();return Array.from(this.steps.values()).filter(e=>e.$state.visible).indexOf(t)}getProgress(){return(this.getNumberOfCompletedSteps()||0)/(this.getNumberOfAvailableSteps()||1)}onStateChange(t){let e=(i,n)=>{i.id===this.id&&(i.isCompleted!==(n==null?void 0:n.isCompleted)||i.isStarted!==(n==null?void 0:n.isStarted)||i.isSkipped!==(n==null?void 0:n.isSkipped)||i.isVisible!==(n==null?void 0:n.isVisible)||JSON.stringify(i.steps)!==JSON.stringify(n==null?void 0:n.steps))&&t(i,n)};this.getGlobalState().onFlowStateChangeHandlerWrappers.set(t,e),this.getGlobalState().onFlowStateChangeHandlers.push(e)}removeStateChangeHandler(t){let e=this.getGlobalState().onFlowStateChangeHandlerWrappers.get(t);e&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(i=>i!==e))}applyVariables(t){this.applyVariablesInternal(t,!0)}applyVariablesInternal(t,e=!1){var c,f;let i=s=>{let a=s.match(/\${(.*?)}/g);return a&&a.forEach(g=>{let r=g.replace("${","").replace("}","");if(!t[r]){s=s.replace(g,"");return}s=s.replace(g,t[r])}),s};this.title=i((c=this.title)!=null?c:""),this.subtitle=i((f=this.subtitle)!=null?f:"");let n=s=>{s&&Object.keys(s).forEach(a=>{typeof s[a]=="string"?s[a]=i(s[a]):typeof s[a]=="object"?n(s[a]):Array.isArray(s[a])&&s[a].forEach(g=>{n(g)})})};this.steps&&this.steps.forEach(s=>{try{n(s)}catch(a){}}),this.getGlobalState().variables[this.id]=S(S({},this.getGlobalState().variables[this.id]),t),e&&this.resyncState()}getStatefulFlow(){return this.getGlobalState().flowStates[this.id]}optimisticallyMarkFlowCompleted(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.completed=!0,t.$state.started=!0,t.$state.visible=!1,this.getGlobalState().flowStates[this.id]=t,this.getGlobalState().collections.ingestCollectionsData(new Map),this.resyncState()}optimisticallyMarkFlowStarted(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.started=!0,this.getGlobalState().flowStates[this.id]=t,this.getGlobalState().collections.ingestCollectionsData(new Map),this.resyncState()}sendFlowStateToAPI(t,e,i){return p(this,null,function*(){var f;let n=new Date;this.getGlobalState().lastFlowSyncDate[this.id]=n,this.getGlobalState().pendingRequests[this.id]=((f=this.getGlobalState().pendingRequests[this.id])!=null?f:0)+1;let c=yield this.fetch("/v1/public/flowStates",{method:"POST",body:JSON.stringify({userId:this.getGlobalState().config.userId,groupId:this.getGlobalState().config.groupId,flowSlug:this.id,stepId:i,data:e||{},actionType:t,createdAt:n,context:A(this.getGlobalState())})});this.getGlobalState().pendingRequests[this.id]-=1,!(n<this.getGlobalState().lastFlowSyncDate[this.id]||this.getGlobalState().pendingRequests[this.id]>0)&&(yield this.getGlobalState().refreshStateFromAPI(c))})}optimisticallyMarkFlowSkipped(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.skipped=!0,t.$state.visible=!1,this.getGlobalState().flowStates[this.id]=t,this.getGlobalState().collections.ingestCollectionsData(new Map),this.resyncState()}register(t){this.getGlobalState().collections.register(this.id,i=>{let n=this.getGlobalState().previousFlows.get(this.id);(n==null?void 0:n._isVisible)!==i&&this.getGlobalState().onFlowStateChangeHandlers.forEach(c=>{c(this,n),this.getGlobalState().previousFlows.set(this.id,P(this))}),t==null||t(i)})}unregister(){this.getGlobalState().collections&&this.getGlobalState().collections.unregister(this.id)}};var X="0.9.5";var q="NOT_STARTED_STEP",_="COMPLETED_FLOW",K="SKIPPED_FLOW",J="STARTED_FLOW",j="NOT_STARTED_FLOW",z="COMPLETED_STEP",Y="SKIPPED_STEP",x="STARTED_STEP",Z="frigade-guest-key",v="guest_",lt="get-cache-",$="fr-js-",tt="Redundant call to Frigade API removed";function P(d){return new I({config:d.config,id:d.id})}function C(d){return JSON.parse(JSON.stringify(d))}function V(d){var o,t;return{headers:{Authorization:`Bearer ${d.apiKey}`,"Content-Type":"application/json","x-frigade-sdk-version":(o=d.__platformVersion)!=null?o:X,"x-frigade-sdk-platform":(t=d.__platformName)!=null?t:"Javascript"}}}function ct(d){if(m())try{return window.localStorage.getItem(`${$}${d}`)}catch(o){return console.debug("Error getting localStorage:",o),null}return null}function dt(d,o){if(m())try{window.localStorage.setItem(`${$}${d}`,o)}catch(t){console.debug("Error setting localStorage:",t)}}function et(){Object.keys(b).forEach(d=>{d.startsWith(lt)&&delete b[d]})}function it(){m()&&Object.keys(window.localStorage).forEach(d=>{d.startsWith($)&&window.localStorage.removeItem(d)})}var G=class{constructor(){this.queue=[];this.ttlInMS=250;this.cacheSize=10}push(o,t){let e=new Date;this.queue.length>=this.cacheSize&&this.queue.shift(),this.queue.push({call:o,time:e.getTime(),response:t!=null?t:null})}hasIdenticalRecentCall(o){let t=new Date;return this.queue=this.queue.filter(e=>t.getTime()-e.time<this.ttlInMS),this.queue.find(e=>e.call===o)}hasCall(o){return this.queue.find(t=>t.call===o)}cancelAllPendingRequests(){this.queue=[]}};globalThis.callQueue=new G;function W(d,o){return p(this,null,function*(){var n;if(typeof globalThis.fetch!="function")return y("- Attempted to call fetch() in an environment that doesn't support it.");let t=`${d}${JSON.stringify((n=o.body)!=null?n:{})}`,e,i=m()&&o&&o.body&&o.method==="POST";if(i){let c=globalThis.callQueue.hasIdenticalRecentCall(t);c!=null&&c.response!=null&&(e=(yield c.response).clone())}if(!e)try{let c=fetch(d,o);i&&globalThis.callQueue.push(t,c.then(f=>f.clone()).catch(()=>y())),e=yield c,i&&!globalThis.callQueue.hasCall(t)&&(e=y(tt))}catch(c){return y(c)}if(!e)return y("Received an empty response");if(e.status>=400)return y(e.statusText);try{if(e.status===204)return y();let c;try{c=yield e.json()}catch(f){return y()}return c.error?y(c.error):c}catch(c){return y(c)}})}function y(d){return d&&(d===tt?console.debug(d):console.warn("Call to Frigade failed:",d)),{json:()=>({}),clone:()=>({})}}function B(){if(m()){let d=ct(Z);return d||(d=`${v}${Q()}`,dt(Z,d)),d}else return`${v}${Q()}`}function m(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}function A(d){let o={registeredCollectionIds:Array.from(d.registeredCollectionIds)};return m()?S({url:d.currentUrl,userAgent:navigator.userAgent},o):o}var R=class{constructor(o){this.registry=new Map;this.registryStateLocked=!1;this.collections=new Map;this.flowsInCollections=new Set;this.hasChanges=!1;this.ingestCollectionsData(o)}getCollection(o){return this.collections.get(o)}getCollections(){return this.collections}collectionsHaveChanged(){return this.hasChanges}ingestCollectionsData(o){if(this.hasChanges=!0,this.checkIfCollectionsHaveChanged(o),!!this.hasChanges){this.collections=o;for(let[,t]of this.collections)for(let{flowId:e}of t.flows)this.flowsInCollections.add(e);this.registry.size>0&&(this.registryStateLocked||this.resetRegistryState(),this.processCollections()),this.fireCallbacks()}}checkIfCollectionsHaveChanged(o){var i,n,c,f,s,a;let t=this.collections,e=o;t.size!==e.size&&(this.hasChanges=!0);for(let[g,r]of t){let l=e.get(g);if(((i=r==null?void 0:r.flows)==null?void 0:i.length)!==((n=l==null?void 0:l.flows)==null?void 0:n.length)){this.hasChanges=!0;break}for(let u=0;u<r.flows.length;u++)if(((c=r==null?void 0:r.flows[u])==null?void 0:c.flowId)!==((f=l==null?void 0:l.flows[u])==null?void 0:f.flowId)||((s=r==null?void 0:r.flows[u])==null?void 0:s.visible)!==((a=l==null?void 0:l.flows[u])==null?void 0:a.visible)){this.hasChanges=!0;break}}}fireCallbacks(){for(let[o,{callback:t}]of this.registry)typeof t=="function"&&t(this.isFlowVisible(o))}isFlowVisible(o){let t=this.registry.get(o),e=this.flowsInCollections.has(o);return t==null||!e?!0:t.visible}lockRegistryState(){this.registryStateLocked=!0}unlockRegistryState(){this.registryStateLocked=!1}resetRegistryState(){for(let[o,t]of this.registry)t.visible=!1,t.visited=!1,this.registry.set(o,t)}processCollections(){for(let[,o]of this.collections)for(let{flowId:t,visible:e}of o.flows){let i=this.registry.get(t);if(i==null)continue;if(e===!1&&i.visible!==!0){this.visit(t,!1);continue}if(i.visited&&this.registryStateLocked)continue;let n=o.flows.map(({flowId:c})=>c).filter(c=>c!==t);this.visit(t)}}register(o,t){if(Array.isArray(o)){this.batchRegister(o);return}this.registry.set(o,{callback:t!=null?t:()=>{},visible:!1,visited:!1}),this.registryStateLocked||this.resetRegistryState(),this.processCollections(),this.fireCallbacks()}batchRegister(o){o.forEach(([t,e])=>{this.registry.set(t,{callback:e!=null?e:()=>{},visible:!1,visited:!1})}),this.registryStateLocked||this.resetRegistryState(),this.processCollections(),this.lockRegistryState(),this.fireCallbacks()}unregister(o){this.registry.delete(o),this.resetRegistryState(),this.processCollections(),this.fireCallbacks()}visit(o,t=!0){var i;let e=(i=this.registry.get(o))!=null?i:{callback:()=>{},visible:t,visited:!0};e.visible=t,e.visited=!0,this.registry.set(o,e)}};var D=class extends T{constructor(t,e){super(S({apiKey:t},e));this.flows=[];this.hasFailed=!1;this.eventHandlers=new Map;this.refreshTimeout=null;this.queuedRefresh=!1;this.visibilityChangeHandler=()=>{document.visibilityState==="visible"&&this.queueRefreshStateFromAPI()};this.init(this.config).then(()=>{m()&&this.config.syncOnWindowUpdates!==!1&&(document.addEventListener("visibilitychange",this.visibilityChangeHandler),window.navigation?window.navigation.addEventListener("navigate",i=>p(this,null,function*(){try{if(this.getGlobalState().currentUrl===i.destination.url||i.destination.url&&this.getGlobalState().currentUrl&&i.destination.url.split("#")[0]===this.getGlobalState().currentUrl.split("#")[0])return;this.queueRefreshStateFromAPI()}catch(n){}})):new MutationObserver(()=>{try{if(this.getGlobalState().currentUrl===location.href||location.href&&this.getGlobalState().currentUrl&&location.href.split("#")[0]===this.getGlobalState().currentUrl.split("#")[0])return;this.queueRefreshStateFromAPI()}catch(i){}}).observe(document,{subtree:!0,childList:!0}))})}queueRefreshStateFromAPI(){var t;this.queuedRefresh=!0,!this.refreshTimeout&&(this.refreshTimeout=setTimeout(()=>p(this,null,function*(){this.queuedRefresh&&(this.getGlobalState().currentUrl=window.location.href,yield this.refreshStateFromAPI(),this.queuedRefresh=!1),this.refreshTimeout=null}),(t=this.getGlobalState().config.__refreshIntervalInMS)!=null?t:100))}getConfig(){return this.config}destroy(){if(m()){document.removeEventListener("visibilitychange",this.visibilityChangeHandler);let t=F(this.config);b[t]&&(b[t].onFlowStateChangeHandlers=[])}}init(t){return p(this,null,function*(){if(this.updateConfig(S(S({},this.config),t)),!!this.config.userId)return this.initPromise=(()=>p(this,null,function*(){var e;this.config.__readOnly||(e=this.config.userId)!=null&&e.startsWith(v)||(this.config.userId&&this.config.groupId?yield this.session({userId:this.config.userId,groupId:this.config.groupId,userProperties:this.config.userProperties,groupProperties:this.config.groupProperties}):this.config.userId&&(yield this.session({userId:this.config.userId,userProperties:this.config.userProperties}))),yield this.refreshStateFromAPI()}))(),this.initPromise})}identify(t,e){return p(this,null,function*(){t!==this.config.userId&&(yield this.updateConfig(E(S({},this.config),{userId:t})),yield this.reload()),yield this.initIfNeeded(),(yield this.session({userId:this.config.userId,userProperties:e}))&&(yield this.resync())})}group(t,e){return p(this,null,function*(){yield this.initIfNeeded(),this.updateConfig(E(S({},this.config),{groupId:t})),yield this.session({userId:this.config.userId,groupId:this.config.groupId,groupProperties:e}),yield this.resync()})}track(t,e){return p(this,null,function*(){if(yield this.initIfNeeded(),!t){console.error("Event name is required to track an event");return}this.config.userId&&this.config.groupId?yield this.session({userId:this.config.userId,groupId:this.config.groupId,groupEvents:[{event:t,properties:e}],userEvents:[{event:t,properties:e}]}):this.config.userId&&(yield this.session({userId:this.config.userId,userEvents:[{event:t,properties:e}]})),yield this.resync()})}session(t){return p(this,null,function*(){let e=this.lastSessionDTO;return e&&JSON.stringify(e)===JSON.stringify(t)?!1:(yield this.fetch("/v1/public/sessions",{method:"POST",body:JSON.stringify(t)}),this.lastSessionDTO=t,!0)})}isReady(){return!!(this.config.__instanceId&&this.config.apiKey&&this.initPromise&&b[F(this.config)])}getFlow(t){return p(this,null,function*(){if(!(this.getConfig().generateGuestId===!1&&this.getConfig().userId&&this.getConfig().userId.startsWith(v)))return yield this.initIfNeeded(),this.getFlowSync(t)})}getFlowSync(t){return this.flows.find(e=>e.id==t)}getFlows(){return p(this,null,function*(){var t;return yield this.initIfNeeded(),this.config.generateGuestId===!1&&((t=this.getConfig().userId)!=null&&t.startsWith(v))?[]:this.flows})}getCollection(t){return p(this,null,function*(){yield this.initIfNeeded();let e=this.getGlobalState().collections.getCollection(t);if(e==null)return;this.registerCollection(t);let i=yield Promise.all(e.flows.map(n=>p(this,null,function*(){return E(S({},n),{flow:yield this.getFlow(n.flowId)})})));return e.flows=i,e})}registerCollection(t){return p(this,null,function*(){yield this.initIfNeeded(),t&&this.getGlobalState().registeredCollectionIds.add(t)})}getCollectionSync(t){let e=this.getGlobalState().collections.getCollection(t);if(e!=null)return this.getGlobalState().registeredCollectionIds.add(t),e}getCollectionsSync(){return this.getGlobalState().collections.getCollections()}getCollections(){return p(this,null,function*(){if(yield this.initIfNeeded(),!this.config.userId&&this.config.generateGuestId===!1)return;let t=this.getGlobalState().collections.getCollections();if(t!=null)return t})}reload(t){return p(this,null,function*(){it(),et(),t&&(yield this.updateConfig(t),this.mockFlowStates(F(this.config))),this.initPromise=null,yield this.init(this.config),this.triggerAllLegacyEventHandlers(),this.triggerAllEventHandlers()})}triggerAllLegacyEventHandlers(){this.flows.forEach(t=>{this.getGlobalState().onFlowStateChangeHandlers.forEach(e=>{let i=this.getGlobalState().previousFlows.get(t.id);e(t,i),this.getGlobalState().previousFlows.set(t.id,P(t))})})}triggerAllEventHandlers(){this.flows.forEach(t=>{let e=this.getGlobalState().previousFlows.get(t.id);this.triggerEventHandlers(t.rawData,e==null?void 0:e.rawData)})}resync(){return p(this,null,function*(){yield this.refreshStateFromAPI()})}onStateChange(t){return p(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers.push(t)})}on(t,e){return p(this,null,function*(){var i;this.eventHandlers.set(t,[...(i=this.eventHandlers.get(t))!=null?i:[],e])})}off(t,e){return p(this,null,function*(){var i;this.eventHandlers.set(t,((i=this.eventHandlers.get(t))!=null?i:[]).filter(n=>n!==e))})}hasFailedToLoad(){return this.hasFailed}removeStateChangeHandler(t){return p(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(e=>e!==t)})}initIfNeeded(){return p(this,null,function*(){return this.initPromise?this.initPromise:this.init(this.config)})}refreshStateFromAPI(){return p(this,null,function*(){let t=F(this.config);if(!b[t]){let e=this,i={set:function(n,c,f){if(n[c]){let s=n[c],a=f;JSON.stringify(s)!==JSON.stringify(a)&&(e.triggerDeprecatedEventHandlers(a,s),e.triggerEventHandlers(a,s))}return n[c]=f,!0}};if(b[t]={refreshStateFromAPI:()=>p(this,null,function*(){}),collections:new R(new Map),registeredCollectionIds:new Set,flowStates:new Proxy({},i),onFlowStateChangeHandlerWrappers:new Map,onStepStateChangeHandlerWrappers:new Map,onFlowStateChangeHandlers:[],previousFlows:new Map,variables:{},config:this.config,currentUrl:m()?window.location.href:"",pendingRequests:new Map,lastFlowSyncDate:new Map},this.config.__readOnly&&this.config.__flowStateOverrides){this.mockFlowStates(t);return}b[t].refreshStateFromAPI=n=>p(this,null,function*(){var s,a;if(this.config.__readOnly)return;let c=n||(yield this.fetch("/v1/public/flowStates",{method:"POST",body:JSON.stringify({userId:this.getGlobalState().config.userId,groupId:this.getGlobalState().config.groupId,context:A(this.getGlobalState())})})),f=new Map;(a=(s=c.collections)==null?void 0:s.computedOrder)==null||a.forEach(({allowedComponents:g,collectionId:r,collectionType:l,flowId:u,visible:h})=>{var k;let w=(k=f.get(r))!=null?k:{allowedComponents:g,collectionType:l,flows:[]};w.flows.push({flowId:u,visible:h}),f.set(r,w)}),f.size>0&&(b[t].collections.ingestCollectionsData(f),b[t].collections.collectionsHaveChanged()&&!n&&(this.triggerAllLegacyEventHandlers(),this.triggerAllEventHandlers())),c&&c.eligibleFlows?(c.eligibleFlows.forEach(g=>{b[t].flowStates[g.flowSlug]=g,this.flows.find(r=>r.id==g.flowSlug)?this.flows.forEach(r=>{r.id==g.flowSlug&&r.resyncState(g)}):this.flows.push(new I({config:this.config,id:g.flowSlug}))}),this.hasFailed=!1):this.hasFailed=!0})}yield b[t].refreshStateFromAPI(void 0)})}mockFlowStates(t){Object.keys(this.config.__flowStateOverrides).forEach(e=>{b[t].flowStates[e]=this.config.__flowStateOverrides[e],this.flows.find(i=>i.id==e)?this.flows.forEach(i=>{i.id==e&&i.resyncState(this.config.__flowStateOverrides[e])}):this.flows.push(new I({config:this.config,id:e}))})}updateConfig(t){return p(this,null,function*(){this.config=S(S({},this.config),t),b[F(this.config)]&&(this.getGlobalState().config=this.config)})}triggerDeprecatedEventHandlers(t,e){return p(this,null,function*(){t&&this.flows.forEach(i=>{i.id==e.flowSlug&&this.getGlobalState().onFlowStateChangeHandlers.forEach(n=>{let c=this.getGlobalState().previousFlows.get(i.id);i.resyncState(t),n(i,c),this.getGlobalState().previousFlows.set(i.id,P(i))})})})}triggerEventHandlers(t,e){var i,n,c,f;if(t){for(let s of this.flows)if(s.id==t.flowSlug){let a=this.getGlobalState().previousFlows.get(s.id);s.resyncState(t);for(let[g,r]of this.eventHandlers.entries())switch(g){case"flow.complete":t.$state.completed&&(e==null?void 0:e.$state.completed)===!1&&r.forEach(l=>l(g,s,a));break;case"flow.restart":!t.$state.started&&(e==null?void 0:e.$state.started)===!0&&r.forEach(l=>l(g,s,a));break;case"flow.skip":t.$state.skipped&&(e==null?void 0:e.$state.skipped)===!1&&r.forEach(l=>l(g,s,a));break;case"flow.start":t.$state.started&&(e==null?void 0:e.$state.started)===!1&&r.forEach(l=>l(g,s,a));break;case"step.complete":for(let l of(i=t.data.steps)!=null?i:[]){let u=e==null?void 0:e.data.steps.find(h=>h.id===l.id);l.$state.completed&&u&&u.$state.completed!==l.$state.completed&&r.forEach(h=>h(g,s,a,s.steps.get(l.id)))}break;case"step.reset":for(let l of(n=t.data.steps)!=null?n:[]){let u=e==null?void 0:e.data.steps.find(h=>h.id===l.id);l.$state.started==!1&&!l.$state.lastActionAt&&u&&(u!=null&&u.$state.started)&&(u!=null&&u.$state.lastActionAt)&&r.forEach(h=>h(g,s,a,s.steps.get(l.id)))}break;case"step.skip":for(let l of(c=t.data.steps)!=null?c:[]){let u=e==null?void 0:e.data.steps.find(h=>h.id===l.id);l.$state.skipped&&u&&u.$state.skipped!==l.$state.skipped&&r.forEach(h=>h(g,s,a,s.steps.get(l.id)))}break;case"step.start":for(let l of(f=t.data.steps)!=null?f:[]){let u=e==null?void 0:e.data.steps.find(h=>h.id===l.id);l.$state.started&&u&&u.$state.started===!1&&r.forEach(h=>h(g,s,a,s.steps.get(l.id)))}break;case"flow.any":JSON.stringify(t)!==JSON.stringify(e!=null?e:{})&&r.forEach(l=>l(g,s,a));break}this.getGlobalState().previousFlows.set(s.id,P(s))}}}batchRegister(t){return p(this,null,function*(){let e=t.map(c=>p(this,[c],function*([i,n]){let f=yield this.getFlow(i);return[i,a=>{let g=this.getGlobalState().previousFlows.get(i);(g==null?void 0:g.isVisible)!==a&&this.getGlobalState().onFlowStateChangeHandlers.forEach(r=>{r(f,g),this.getGlobalState().previousFlows.set(i,P(f))}),n==null||n(a)}]}));Promise.all(e).then(i=>{this.getGlobalState().collections.batchRegister(i)})})}};export{I as Flow,M as FlowStatus,U as FlowType,D as Frigade,L as TriggerType};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|