@frigade/js 0.9.1 → 0.9.3
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 rt=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var at=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var H=(c,s,t)=>s in c?st(c,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[s]=t,S=(c,s)=>{for(var t in s||(s={}))at.call(s,t)&&H(c,t,s[t]);if(N)for(var t of N(s))nt.call(s,t)&&H(c,t,s[t]);return c},I=(c,s)=>ot(c,rt(s));var h=(c,s,t)=>new Promise((e,i)=>{var r=o=>{try{p(t.next(o))}catch(a){i(a)}},n=o=>{try{p(t.throw(o))}catch(a){i(a)}},p=o=>o.done?e(o.value):Promise.resolve(o.value).then(r,n);p((t=t.apply(c,s)).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=(l=>(l.ANNOUNCEMENT="ANNOUNCEMENT",l.CHECKLIST="CHECKLIST",l.FORM="FORM",l.TOUR="TOUR",l.SUPPORT="SUPPORT",l.CUSTOM="CUSTOM",l.BANNER="BANNER",l.EMBEDDED_TIP="EMBEDDED_TIP",l.NPS_SURVEY="NPS_SURVEY",l.SURVEY="SURVEY",l.CARD="CARD",l))(U||{});import{v4 as Q}from"uuid";var w={};function E(c){return`${c.__instanceId}-${c.apiKey}`}var T=class{constructor(s){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(s).filter(([e,i])=>i!=null));this.config=S(S({},this.config),t)}fetch(s,t){return h(this,null,function*(){return this.config.__readOnly?y():W(this.getAPIUrl(s),S(S({keepalive:!0},t!=null?t:{}),V(this.config)))})}getAPIUrl(s){return`${this.config.apiUrl.replace(/\/$/,"")}/${s.replace(/^\//,"")}`}getGlobalState(){let s=E(this.config);if(!w[s])throw new Error("Frigade has not yet been initialized");return w[s]}};var F=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,r,n,p,o,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=(r=e==null?void 0:e.data)==null?void 0:r.subtitle,this.type=(n=e==null?void 0:e.data)==null?void 0:n.type,this.props=(o=(p=e==null?void 0:e.data)==null?void 0:p.props)!=null?o:{},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,l)=>{var f;let d=this.initStepFromStatefulStep(g,l),u=(f=this.steps)==null?void 0:f.get(g.id);u&&Object.keys(d).forEach(b=>{u[b]=d[b]})}),this.getGlobalState().variables[this.id]?this.applyVariablesInternal((a=this.getGlobalState().variables[this.id])!=null?a:{}):this.applyVariablesInternal({})}initStepFromStatefulStep(t,e){return I(S({},t),{flow:this,$state:I(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,r)=>{let n=this.initStepFromStatefulStep(i,r);n.start=o=>h(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,o,a.id)});let p=(o,a,g=!0)=>h(this,null,function*(){let l=this.steps.get(i.id);if((l.$state.completed||l.$state.skipped)&&g){let f=this.getStepByIndex(l.order+1);for(;f&&!f.$state.visible&&f.order!==this.steps.size-1;)f=this.getStepByIndex(f.order+1);if(f){let b=C(this.getGlobalState().flowStates[this.id]);b.$state.currentStepId=this.getStepByIndex(l.order+1).id,b.$state.currentStepIndex=l.order+1,b.data.steps[l.order+1].$state.started=!0,this.getGlobalState().flowStates[this.id]=b,yield this.sendFlowStateToAPI(x,void 0,f.id),this.resyncState()}return}let d=this.getCurrentStepOrder()+1===this.getNumberOfAvailableSteps(),u=Array.from(this.steps.values()).filter(f=>f.$state.visible&&!f.$state.completed&&!f.$state.skipped).length===1&&d;if(g){let f=C(this.getGlobalState().flowStates[this.id]);if(f.$state.started=!0,o=="complete"?f.data.steps[l.order].$state.completed=!0:f.data.steps[l.order].$state.skipped=!0,f.data.steps[l.order].$state.started=!0,f.data.steps[l.order].$state.lastActionAt=new Date,!d){let b=this.getNextVisibleStepIndexAfterIndex(l.order);b!==-1&&(f.$state.currentStepId=this.getStepByIndex(b).id,f.$state.currentStepIndex=b,f.data.steps[b].$state.started=!0)}u&&(f.$state.completed=!0,f.$state.visible=!1),this.getGlobalState().flowStates[this.id]=f,this.resyncState(),u&&this.optimisticallyMarkFlowCompleted()}yield this.sendFlowStateToAPI(o=="complete"?z:Y,a,l.id),u&&(yield this.sendFlowStateToAPI(O,a))});n.complete=(o,a=!0)=>h(this,null,function*(){yield p("complete",o,a)}),n.skip=(o,a=!0)=>h(this,null,function*(){yield p("skip",o,a)}),n.reset=()=>h(this,null,function*(){let o=this.steps.get(i.id);if(!o.$state.completed)return;let a=C(this.getGlobalState().flowStates[this.id]);a.data.steps[o.order].$state.started=!1,a.data.steps[o.order].$state.completed=!1,a.data.steps[o.order].$state.lastActionAt=void 0,this.getGlobalState().flowStates[this.id]=a,this.resyncState(),yield this.sendFlowStateToAPI(q,void 0,o.id)}),n.onStateChange=o=>{let a=g=>{if(g.id!==this.id)return;let l=g.steps.get(i.id),d=this.lastStepUpdate.get(o);(l.$state.completed!==(d==null?void 0:d.$state.completed)||l.$state.started!==(d==null?void 0:d.$state.started)||l.$state.visible!==(d==null?void 0:d.$state.visible)||l.$state.blocked!==(d==null?void 0:d.$state.blocked))&&(o(l,d!=null?d:C(l)),this.lastStepUpdate.set(o,C(l)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(o,a),this.getGlobalState().onFlowStateChangeHandlers.push(a)},n.removeStateChangeHandler=o=>{let a=this.getGlobalState().onStepStateChangeHandlerWrappers.get(o);a&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(g=>g!==a))},e.set(i.id,n)}),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,r)=>{i.id===this.id&&(i.isCompleted!==(r==null?void 0:r.isCompleted)||i.isStarted!==(r==null?void 0:r.isStarted)||i.isSkipped!==(r==null?void 0:r.isSkipped)||i.isVisible!==(r==null?void 0:r.isVisible)||JSON.stringify(i.steps)!==JSON.stringify(r==null?void 0:r.steps))&&t(i,r)};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 n,p;let i=o=>{let a=o.match(/\${(.*?)}/g);return a&&a.forEach(g=>{let l=g.replace("${","").replace("}","");if(!t[l]){o=o.replace(g,"");return}o=o.replace(g,t[l])}),o};this.title=i((n=this.title)!=null?n:""),this.subtitle=i((p=this.subtitle)!=null?p:"");let r=o=>{o&&Object.keys(o).forEach(a=>{typeof o[a]=="string"?o[a]=i(o[a]):typeof o[a]=="object"?r(o[a]):Array.isArray(o[a])&&o[a].forEach(g=>{r(g)})})};this.steps&&this.steps.forEach(o=>{try{r(o)}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.resyncState()}optimisticallyMarkFlowStarted(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.started=!0,this.getGlobalState().flowStates[this.id]=t,this.resyncState()}sendFlowStateToAPI(t,e,i){return h(this,null,function*(){var p;let r=new Date;this.getGlobalState().lastFlowSyncDate[this.id]=r,this.getGlobalState().pendingRequests[this.id]=((p=this.getGlobalState().pendingRequests[this.id])!=null?p:0)+1;let n=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:r,context:A(this.getGlobalState())})});this.getGlobalState().pendingRequests[this.id]-=1,!(r<this.getGlobalState().lastFlowSyncDate[this.id]||this.getGlobalState().pendingRequests[this.id]>0)&&(yield this.getGlobalState().refreshStateFromAPI(n))})}optimisticallyMarkFlowSkipped(){let t=C(this.getGlobalState().flowStates[this.id]);t.$state.skipped=!0,t.$state.visible=!1,this.getGlobalState().flowStates[this.id]=t,this.resyncState()}register(t){this.getGlobalState().collections.register(this.id,i=>{let r=this.getGlobalState().previousFlows.get(this.id);(r==null?void 0:r._isVisible)!==i&&this.getGlobalState().onFlowStateChangeHandlers.forEach(n=>{n(this,r),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.1";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(c){return new F({config:c.config,id:c.id})}function C(c){return JSON.parse(JSON.stringify(c))}function V(c){var s,t;return{headers:{Authorization:`Bearer ${c.apiKey}`,"Content-Type":"application/json","x-frigade-sdk-version":(s=c.__platformVersion)!=null?s:X,"x-frigade-sdk-platform":(t=c.__platformName)!=null?t:"Javascript"}}}function ct(c){if(m())try{return window.localStorage.getItem(`${$}${c}`)}catch(s){return console.debug("Error getting localStorage:",s),null}return null}function dt(c,s){if(m())try{window.localStorage.setItem(`${$}${c}`,s)}catch(t){console.debug("Error setting localStorage:",t)}}function et(){Object.keys(w).forEach(c=>{c.startsWith(lt)&&delete w[c]})}function it(){m()&&Object.keys(window.localStorage).forEach(c=>{c.startsWith($)&&window.localStorage.removeItem(c)})}var G=class{constructor(){this.queue=[];this.ttlInMS=250;this.cacheSize=10}push(s,t){let e=new Date;this.queue.length>=this.cacheSize&&this.queue.shift(),this.queue.push({call:s,time:e.getTime(),response:t!=null?t:null})}hasIdenticalRecentCall(s){let t=new Date;return this.queue=this.queue.filter(e=>t.getTime()-e.time<this.ttlInMS),this.queue.find(e=>e.call===s)}hasCall(s){return this.queue.find(t=>t.call===s)}cancelAllPendingRequests(){this.queue=[]}};globalThis.callQueue=new G;function W(c,s){return h(this,null,function*(){var r;if(typeof globalThis.fetch!="function")return y("- Attempted to call fetch() in an environment that doesn't support it.");let t=`${c}${JSON.stringify((r=s.body)!=null?r:{})}`,e,i=m()&&s&&s.body&&s.method==="POST";if(i){let n=globalThis.callQueue.hasIdenticalRecentCall(t);n!=null&&n.response!=null&&(e=(yield n.response).clone())}if(!e)try{let n=fetch(c,s);i&&globalThis.callQueue.push(t,n.then(p=>p.clone()).catch(()=>y())),e=yield n,i&&!globalThis.callQueue.hasCall(t)&&(e=y(tt))}catch(n){return y(n)}if(!e)return y("Received an empty response");if(e.status>=400)return y(e.statusText);try{if(e.status===204)return y();let n;try{n=yield e.json()}catch(p){return y()}return n.error?y(n.error):n}catch(n){return y(n)}})}function y(c){return c&&(c===tt?console.debug(c):console.warn("Call to Frigade failed:",c)),{json:()=>({}),clone:()=>({})}}function B(){if(m()){let c=ct(Z);return c||(c=`${v}${Q()}`,dt(Z,c)),c}else return`${v}${Q()}`}function m(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}function A(c){let s={registeredCollectionIds:Array.from(c.registeredCollectionIds)};return m()?S({url:c.currentUrl,userAgent:navigator.userAgent},s):s}var R=class{constructor(s){this.registry=new Map;this.registryStateLocked=!1;this.collections=new Map;this.flowsInCollections=new Set;this.hasChanges=!1;this.ingestCollectionsData(s)}getCollection(s){return this.collections.get(s)}getCollections(){return this.collections}collectionsHaveChanged(){return this.hasChanges}ingestCollectionsData(s){if(this.hasChanges=!0,this.checkIfCollectionsHaveChanged(s),!!this.hasChanges){this.collections=s;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(s){let t=this.collections,e=s;t.size!==e.size&&(this.hasChanges=!0);for(let[i,r]of t){let n=e.get(i);if(r.flows.length!==n.flows.length){this.hasChanges=!0;break}for(let p=0;p<r.flows.length;p++)if(r.flows[p].flowId!==n.flows[p].flowId||r.flows[p].visible!==n.flows[p].visible){this.hasChanges=!0;break}}}fireCallbacks(){for(let[s,{callback:t}]of this.registry)typeof t=="function"&&t(this.isFlowVisible(s))}isFlowVisible(s){let t=this.registry.get(s),e=this.flowsInCollections.has(s);return t==null||!e?!0:t.visible}lockRegistryState(){this.registryStateLocked=!0}unlockRegistryState(){this.registryStateLocked=!1}resetRegistryState(){for(let[s,t]of this.registry)t.visible=!1,t.visited=!1,this.registry.set(s,t)}processCollections(){for(let[,s]of this.collections)for(let{flowId:t,visible:e}of s.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 r=s.flows.map(({flowId:n})=>n).filter(n=>n!==t);this.visit(t)}}register(s,t){if(Array.isArray(s)){this.batchRegister(s);return}this.registry.set(s,{callback:t!=null?t:()=>{},visible:!1,visited:!1}),this.registryStateLocked||this.resetRegistryState(),this.processCollections(),this.fireCallbacks()}batchRegister(s){s.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(s){this.registry.delete(s),this.resetRegistryState(),this.processCollections(),this.fireCallbacks()}visit(s,t=!0){var i;let e=(i=this.registry.get(s))!=null?i:{callback:()=>{},visible:t,visited:!0};e.visible=t,e.visited=!0,this.registry.set(s,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),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(r){}})))}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=E(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(I(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(I(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)}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(r=>h(this,null,function*(){return I(S({},r),{flow:yield this.getFlow(r.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(E(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(r=>r!==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=E(this.config);if(!w[t]){let e=this,i={set:function(r,n,p){if(r[n]){let o=r[n],a=p;JSON.stringify(o)!==JSON.stringify(a)&&(e.triggerDeprecatedEventHandlers(a,o),e.triggerEventHandlers(a,o))}return r[n]=p,!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=r=>h(this,null,function*(){var o,a;if(this.config.__readOnly)return;let n=r||(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())})})),p=new Map;(a=(o=n.collections)==null?void 0:o.computedOrder)==null||a.forEach(({allowedComponents:g,collectionId:l,collectionType:d,flowId:u,visible:f})=>{var k;let b=(k=p.get(l))!=null?k:{allowedComponents:g,collectionType:d,flows:[]};b.flows.push({flowId:u,visible:f}),p.set(l,b)}),p.size>0&&(w[t].collections.ingestCollectionsData(p),w[t].collections.collectionsHaveChanged()&&!r&&(this.triggerAllLegacyEventHandlers(),this.triggerAllEventHandlers())),n&&n.eligibleFlows?(n.eligibleFlows.forEach(g=>{w[t].flowStates[g.flowSlug]=g,this.flows.find(l=>l.id==g.flowSlug)?this.flows.forEach(l=>{l.id==g.flowSlug&&l.resyncState(g)}):this.flows.push(new F({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 F({config:this.config,id:e}))})}updateConfig(t){return h(this,null,function*(){this.config=S(S({},this.config),t),w[E(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(r=>{let n=this.getGlobalState().previousFlows.get(i.id);i.resyncState(t),r(i,n),this.getGlobalState().previousFlows.set(i.id,P(i))})})})}triggerEventHandlers(t,e){var i,r,n,p;if(t){for(let o of this.flows)if(o.id==t.flowSlug){let a=this.getGlobalState().previousFlows.get(o.id);o.resyncState(t);for(let[g,l]of this.eventHandlers.entries())switch(g){case"flow.complete":t.$state.completed&&(e==null?void 0:e.$state.completed)===!1&&l.forEach(d=>d(g,o,a));break;case"flow.restart":!t.$state.started&&(e==null?void 0:e.$state.started)===!0&&l.forEach(d=>d(g,o,a));break;case"flow.skip":t.$state.skipped&&(e==null?void 0:e.$state.skipped)===!1&&l.forEach(d=>d(g,o,a));break;case"flow.start":t.$state.started&&(e==null?void 0:e.$state.started)===!1&&l.forEach(d=>d(g,o,a));break;case"step.complete":for(let d of(i=t.data.steps)!=null?i:[])d.$state.completed&&!(e!=null&&e.data.steps.find(u=>u.id===d.id&&u.$state.completed))&&l.forEach(u=>u(g,o,a,o.steps.get(d.id)));break;case"step.reset":for(let d of(r=t.data.steps)!=null?r:[]){let u=e==null?void 0:e.data.steps.find(f=>f.id===d.id);d.$state.started==!1&&!d.$state.lastActionAt&&(u!=null&&u.$state.started)&&(u!=null&&u.$state.lastActionAt)&&l.forEach(f=>f(g,o,a,o.steps.get(d.id)))}break;case"step.skip":for(let d of(n=t.data.steps)!=null?n:[])d.$state.skipped&&!(e!=null&&e.data.steps.find(u=>u.id===d.id&&u.$state.skipped))&&l.forEach(u=>u(g,o,a,o.steps.get(d.id)));break;case"step.start":for(let d of(p=t.data.steps)!=null?p:[])d.$state.started&&(e!=null&&e.data.steps.find(u=>u.id===d.id&&u.$state.started===!1))&&l.forEach(u=>u(g,o,a,o.steps.get(d.id)));break;case"flow.any":JSON.stringify(t)!==JSON.stringify(e!=null?e:{})&&l.forEach(d=>d(g,o,a));break}this.getGlobalState().previousFlows.set(o.id,P(o))}}}batchRegister(t){return h(this,null,function*(){let e=t.map(n=>h(this,[n],function*([i,r]){let p=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(l=>{l(p,g),this.getGlobalState().previousFlows.set(i,P(p))}),r==null||r(a)}]}));Promise.all(e).then(i=>{this.getGlobalState().collections.batchRegister(i)})})}};export{F as Flow,M as FlowStatus,U as FlowType,D as Frigade,L as TriggerType};
|
|
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};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|