@frigade/js 0.7.22 → 0.7.24
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.d.ts +5 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -408,7 +408,7 @@ interface FlowStep extends StatefulStep {
|
|
|
408
408
|
*/
|
|
409
409
|
[x: string | number | symbol]: unknown;
|
|
410
410
|
/**
|
|
411
|
-
* Marks the step started.
|
|
411
|
+
* Marks the step started. This will move the current step index to the given step.
|
|
412
412
|
*/
|
|
413
413
|
start: (properties?: PropertyPayload) => Promise<void>;
|
|
414
414
|
/**
|
|
@@ -592,6 +592,10 @@ declare class Frigade extends Fetchable {
|
|
|
592
592
|
* @ignore
|
|
593
593
|
*/
|
|
594
594
|
private hasFailed;
|
|
595
|
+
/**
|
|
596
|
+
* @ignore
|
|
597
|
+
*/
|
|
598
|
+
private lastSessionDTO?;
|
|
595
599
|
/**
|
|
596
600
|
* @ignore
|
|
597
601
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var rt=Object.defineProperty,at=Object.defineProperties;var nt=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var lt=Object.prototype.hasOwnProperty,ct=Object.prototype.propertyIsEnumerable;var M=(n,s,t)=>s in n?rt(n,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[s]=t,S=(n,s)=>{for(var t in s||(s={}))lt.call(s,t)&&M(n,t,s[t]);if(N)for(var t of N(s))ct.call(s,t)&&M(n,t,s[t]);return n},I=(n,s)=>at(n,nt(s));var c=(n,s,t)=>new Promise((e,i)=>{var r=o=>{try{l(t.next(o))}catch(a){i(a)}},g=o=>{try{l(t.throw(o))}catch(a){i(a)}},l=o=>o.done?e(o.value):Promise.resolve(o.value).then(r,g);l((t=t.apply(n,s)).next())});import{v4 as Y}from"uuid";var u={};function P(n){return`${n.__instanceId}-${n.apiKey}`}var v=class{constructor(s){this.config={apiKey:"",apiUrl:"https://api.frigade.com",userId:V(),__instanceId:Math.random().toString(12).substring(4),generateGuestId:!0};let t=Object.fromEntries(Object.entries(s).filter(([e,i])=>i!=null));!s.userId&&s.generateGuestId===!1&&delete this.config.userId,this.config=S(S({},this.config),t)}fetch(s,t,e=!1){return c(this,null,function*(){return this.config.__readOnly?y():U(this.getAPIUrl(s),S(S({keepalive:!0},t!=null?t:{}),H(this.config)),e)})}getAPIUrl(s){return`${this.config.apiUrl.replace(/\/$/,"")}/${s.replace(/^\//,"")}`}getGlobalState(){let s=P(this.config);if(!u[s])throw new Error("Frigade has not yet been initialized");return u[s]}};var F=class extends v{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,g,l,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=(g=e==null?void 0:e.data)==null?void 0:g.type,this.props=(o=(l=e==null?void 0:e.data)==null?void 0:l.props)!=null?o:{},this.isCompleted=e.$state.completed,this.isStarted=e.$state.started,this.isSkipped=e.$state.skipped,this._isVisible=e.$state.visible,e.data.steps.forEach((p,d)=>{var f;let h=this.initStepFromStatefulStep(p,d),b=(f=this.steps)==null?void 0:f.get(p.id);b&&Object.keys(h).forEach(w=>{b[w]=h[w]})}),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 g=this.initStepFromStatefulStep(i,r);g.start=o=>c(this,null,function*(){let a=this.steps.get(i.id);if(this.getCurrentStep().id===a.id&&a.$state.started)return;let p=C(this.getGlobalState().flowStates[this.id]);p.data.steps[a.order].$state.started=!0,p.data.steps[a.order].$state.lastActionAt=new Date,p.$state.lastActionAt=new Date,p.$state.currentStepId=a.id,p.$state.currentStepIndex=a.order,this.getGlobalState().flowStates[this.id]=p,this.resyncState(),yield this.sendFlowStateToAPI(G,o,a.id)});let l=(o,a,p=!0)=>c(this,null,function*(){let d=this.steps.get(i.id);if((d.$state.completed||d.$state.skipped)&&p){let f=this.getStepByIndex(d.order+1);for(;f&&!f.$state.visible&&f.order!==this.steps.size-1;)f=this.getStepByIndex(f.order+1);if(f){let w=C(this.getGlobalState().flowStates[this.id]);w.$state.currentStepId=this.getStepByIndex(d.order+1).id,w.$state.currentStepIndex=d.order+1,w.data.steps[d.order+1].$state.started=!0,this.getGlobalState().flowStates[this.id]=w,yield this.sendFlowStateToAPI(G,void 0,f.id),this.resyncState()}return}let h=this.getCurrentStepOrder()+1===this.getNumberOfAvailableSteps(),b=Array.from(this.steps.values()).filter(f=>f.$state.visible&&!f.$state.completed&&!f.$state.skipped).length===1&&h;if(p){let f=C(this.getGlobalState().flowStates[this.id]);if(f.$state.started=!0,o=="complete"?f.data.steps[d.order].$state.completed=!0:f.data.steps[d.order].$state.skipped=!0,f.data.steps[d.order].$state.started=!0,f.data.steps[d.order].$state.lastActionAt=new Date,!h){let w=this.getNextVisibleStepIndexAfterIndex(d.order);w!==-1&&(f.$state.currentStepId=this.getStepByIndex(w).id,f.$state.currentStepIndex=w,f.data.steps[w].$state.started=!0)}b&&(f.$state.completed=!0,f.$state.visible=!1),this.getGlobalState().flowStates[this.id]=f,this.resyncState(),b&&this.optimisticallyMarkFlowCompleted()}yield this.sendFlowStateToAPI(o=="complete"?j:J,a,d.id),b&&(yield this.sendFlowStateToAPI(R,a))});g.complete=(o,a=!0)=>c(this,null,function*(){yield l("complete",o,a)}),g.skip=(o,a=!0)=>c(this,null,function*(){yield l("skip",o,a)}),g.reset=()=>c(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(W,void 0,o.id)}),g.onStateChange=o=>{let a=p=>{if(p.id!==this.id)return;let d=p.steps.get(i.id),h=this.lastStepUpdate.get(o);(d.$state.completed!==(h==null?void 0:h.$state.completed)||d.$state.started!==(h==null?void 0:h.$state.started)||d.$state.visible!==(h==null?void 0:h.$state.visible)||d.$state.blocked!==(h==null?void 0:h.$state.blocked))&&(o(d,h!=null?h:C(d)),this.lastStepUpdate.set(o,C(d)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(o,a),this.getGlobalState().onFlowStateChangeHandlers.push(a)},g.removeStateChangeHandler=o=>{let a=this.getGlobalState().onStepStateChangeHandlerWrappers.get(o);a&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(p=>p!==a))},e.set(i.id,g)}),this.steps=e,this.resyncState()}start(t){return c(this,null,function*(){this.isStarted||this.isCompleted||(this.optimisticallyMarkFlowStarted(),yield this.sendFlowStateToAPI(K,t))})}complete(t){return c(this,null,function*(){this.isCompleted||(this.optimisticallyMarkFlowCompleted(),yield this.sendFlowStateToAPI(R,t))})}skip(t){return c(this,null,function*(){this.isSkipped||(this.optimisticallyMarkFlowSkipped(),yield this.sendFlowStateToAPI(B,t))})}forward(t){return c(this,null,function*(){let e=this.getStepByIndex(this.getNextVisibleStepIndexAfterIndex(this.getCurrentStepIndex()));e&&(yield e.start(t))})}back(t){return c(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 c(this,null,function*(){yield this.sendFlowStateToAPI(q)})}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 g,l;let i=o=>{let a=o.match(/\${(.*?)}/g);return a&&a.forEach(p=>{let d=p.replace("${","").replace("}","");if(!t[d]){o=o.replace(p,"");return}o=o.replace(p,t[d])}),o};this.title=i((g=this.title)!=null?g:""),this.subtitle=i((l=this.subtitle)!=null?l:"");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(p=>{r(p)})})};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 c(this,null,function*(){var l;let r=new Date;this.getGlobalState().lastFlowSyncDate[this.id]=r,this.getGlobalState().pendingRequests[this.id]=((l=this.getGlobalState().pendingRequests[this.id])!=null?l:0)+1;let g=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:T(this.getGlobalState())})});this.getGlobalState().pendingRequests[this.id]-=1,!(r<this.getGlobalState().lastFlowSyncDate[this.id]||this.getGlobalState().pendingRequests[this.id]>0)&&(yield this.getGlobalState().refreshStateFromAPI(g))})}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(g=>{g(this,r),this.getGlobalState().previousFlows.set(this.id,E(this))}),t==null||t(i)})}unregister(){this.getGlobalState().collections&&this.getGlobalState().collections.unregister(this.id)}};var z="0.7.22";var W="NOT_STARTED_STEP",R="COMPLETED_FLOW",B="SKIPPED_FLOW",K="STARTED_FLOW",q="NOT_STARTED_FLOW",j="COMPLETED_STEP",J="SKIPPED_STEP",G="STARTED_STEP",X="frigade-guest-key",x="guest_",dt="get-cache-",D="fr-js-",Q="Redundant call to Frigade API removed";function E(n){return new F({config:n.config,id:n.id})}function C(n){return JSON.parse(JSON.stringify(n))}function H(n){var s,t;return{headers:{Authorization:`Bearer ${n.apiKey}`,"Content-Type":"application/json","x-frigade-sdk-version":(s=n.__platformVersion)!=null?s:z,"x-frigade-sdk-platform":(t=n.__platformName)!=null?t:"Javascript"}}}function gt(n){if(m())try{return window.localStorage.getItem(`${D}${n}`)}catch(s){return console.debug("Error getting localStorage:",s),null}return null}function pt(n,s){if(m())try{window.localStorage.setItem(`${D}${n}`,s)}catch(t){console.debug("Error setting localStorage:",t)}}function Z(){Object.keys(u).forEach(n=>{n.startsWith(dt)&&delete u[n]})}function tt(){m()&&Object.keys(window.localStorage).forEach(n=>{n.startsWith(D)&&window.localStorage.removeItem(n)})}var _=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=[]}},A=new _;function U(n,s,t=!1){return c(this,null,function*(){var g;if(typeof globalThis.fetch!="function")return y("- Attempted to call fetch() in an environment that doesn't support it.");let e=`${n}${JSON.stringify((g=s.body)!=null?g:{})}`,i,r=m()&&s&&s.body&&s.method==="POST";if(r&&!t){let l=A.hasIdenticalRecentCall(e);l!=null&&l.response!=null&&(i=(yield l.response).clone())}if(!i)try{t&&A.cancelAllPendingRequests();let l=fetch(n,s);r&&A.push(e,l.then(o=>o.clone()).catch(()=>y())),i=yield l,r&&!A.hasCall(e)&&(i=y(Q))}catch(l){return y(l)}if(!i)return y("Received an empty response");if(i.status>=400)return y(i.statusText);try{if(i.status===204)return y();let l;try{l=yield i.json()}catch(o){return y()}return l.error?y(l.error):l}catch(l){return y(l)}})}function y(n){return n&&(n===Q?console.debug(n):console.warn("Call to Frigade failed:",n)),{json:()=>({}),clone:()=>({})}}function V(){if(m()){let n=gt(X);return n||(n=`${x}${Y()}`,pt(X,n)),n}else return`${x}${Y()}`}function m(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}function T(n){let s={registeredCollectionIds:Array.from(n.registeredCollectionIds)};return m()?S({url:n.currentUrl,userAgent:navigator.userAgent},s):s}var O=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 g=e.get(i);if(r.flows.length!==g.flows.length){this.hasChanges=!0;break}for(let l=0;l<r.flows.length;l++)if(r.flows[l].flowId!==g.flows[l].flowId||r.flows[l].visible!==g.flows[l].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:g})=>g).filter(g=>g!==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 $=class extends v{constructor(t,e){super(S({apiKey:t},e));this.flows=[];this.hasFailed=!1;this.visibilityChangeHandler=()=>c(this,null,function*(){document.visibilityState==="visible"&&(yield this.refreshStateFromAPI())});this.init(this.config),m()&&this.config.syncOnWindowUpdates!==!1&&(document.addEventListener("visibilitychange",this.visibilityChangeHandler),window.navigation&&window.navigation.addEventListener("navigate",i=>c(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.getGlobalState().currentUrl=i.destination.url,this.refreshStateFromAPI(!0)}catch(r){}})))}getConfig(){return this.config}destroy(){if(m()){document.removeEventListener("visibilitychange",this.visibilityChangeHandler);let t=P(this.config);u[t]&&(u[t].onFlowStateChangeHandlers=[])}}init(t){return c(this,null,function*(){if(this.updateConfig(S(S({},this.config),t)),!(!this.config.userId&&this.config.generateGuestId===!1))return this.initPromise=(()=>c(this,null,function*(){var e;this.config.__readOnly||(e=this.config.userId)!=null&&e.startsWith(x)||(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 c(this,null,function*(){yield this.updateConfig(I(S({},this.config),{userId:t})),yield this.initIfNeeded(),yield this.session({userId:this.config.userId,userProperties:e}),yield this.resync()})}group(t,e){return c(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 c(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 c(this,null,function*(){yield this.fetch("/v1/public/sessions",{method:"POST",body:JSON.stringify(t)})})}isReady(){return!!(this.config.__instanceId&&this.config.apiKey&&this.initPromise)}getFlow(t){return c(this,null,function*(){return yield this.initIfNeeded(),this.getFlowSync(t)})}getFlowSync(t){return this.flows.find(e=>e.id==t)}getFlows(){return c(this,null,function*(){return yield this.initIfNeeded(),this.flows})}getCollection(t){return c(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=>c(this,null,function*(){return I(S({},r),{flow:yield this.getFlow(r.flowId)})})));return e.flows=i,e})}registerCollection(t){return c(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 c(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 c(this,null,function*(){tt(),Z(),t&&(yield this.updateConfig(t),this.mockFlowStates(P(this.config))),this.initPromise=null,yield this.init(this.config),this.triggerAllEventHandlers()})}triggerAllEventHandlers(){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,E(t))})})}resync(){return c(this,null,function*(){yield this.refreshStateFromAPI()})}onStateChange(t){return c(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers.push(t)})}hasFailedToLoad(){return this.hasFailed}removeStateChangeHandler(t){return c(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(e=>e!==t)})}initIfNeeded(){return c(this,null,function*(){return this.initPromise?this.initPromise:this.init(this.config)})}refreshStateFromAPI(t=!1){return c(this,null,function*(){let e=P(this.config);if(!u[e]){let i=this,r={set:function(g,l,o){if(g[l]){let a=g[l],p=o;JSON.stringify(a)!==JSON.stringify(p)&&i.triggerEventHandlers(p,a)}return g[l]=o,!0}};if(u[e]={refreshStateFromAPI:()=>c(this,null,function*(){}),collections:new O(new Map),registeredCollectionIds:new Set,flowStates:new Proxy({},r),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(e);return}u[e].refreshStateFromAPI=(g,l)=>c(this,null,function*(){var p,d;if(this.config.__readOnly)return;let o=g||(yield this.fetch("/v1/public/flowStates",{method:"POST",body:JSON.stringify({userId:this.getGlobalState().config.userId,groupId:this.getGlobalState().config.groupId,context:T(this.getGlobalState())})},l)),a=new Map;(d=(p=o.collections)==null?void 0:p.computedOrder)==null||d.forEach(({allowedComponents:h,collectionId:b,collectionType:f,flowId:w,visible:ot})=>{var L;let k=(L=a.get(b))!=null?L:{allowedComponents:h,collectionType:f,flows:[]};k.flows.push({flowId:w,visible:ot}),a.set(b,k)}),a.size>0&&(u[e].collections.ingestCollectionsData(a),u[e].collections.collectionsHaveChanged()&&!g&&this.triggerAllEventHandlers()),o&&o.eligibleFlows?(o.eligibleFlows.forEach(h=>{u[e].flowStates[h.flowSlug]=h,this.flows.find(b=>b.id==h.flowSlug)?this.flows.forEach(b=>{b.id==h.flowSlug&&b.resyncState(h)}):this.flows.push(new F({config:this.config,id:h.flowSlug}))}),this.hasFailed=!1):this.hasFailed=!0})}yield u[e].refreshStateFromAPI(void 0,t)})}mockFlowStates(t){Object.keys(this.config.__flowStateOverrides).forEach(e=>{u[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 c(this,null,function*(){this.config=S(S({},this.config),t),u[P(this.config)]&&(this.getGlobalState().config=this.config)})}triggerEventHandlers(t,e){return c(this,null,function*(){t&&this.flows.forEach(i=>{i.id==e.flowSlug&&this.getGlobalState().onFlowStateChangeHandlers.forEach(r=>{let g=this.getGlobalState().previousFlows.get(i.id);i.resyncState(t),r(i,g),this.getGlobalState().previousFlows.set(i.id,E(i))})})})}batchRegister(t){return c(this,null,function*(){let e=t.map(g=>c(this,[g],function*([i,r]){let l=yield this.getFlow(i);return[i,a=>{let p=this.getGlobalState().previousFlows.get(i);(p==null?void 0:p.isVisible)!==a&&this.getGlobalState().onFlowStateChangeHandlers.forEach(d=>{d(l,p),this.getGlobalState().previousFlows.set(i,E(l))}),r==null||r(a)}]}));Promise.all(e).then(i=>{this.getGlobalState().collections.batchRegister(i)})})}};var et=(t=>(t.MANUAL="MANUAL",t.AUTOMATIC="AUTOMATIC",t))(et||{}),it=(e=>(e.DRAFT="DRAFT",e.ACTIVE="ACTIVE",e.ARCHIVED="ARCHIVED",e))(it||{});var st=(d=>(d.ANNOUNCEMENT="ANNOUNCEMENT",d.CHECKLIST="CHECKLIST",d.FORM="FORM",d.TOUR="TOUR",d.SUPPORT="SUPPORT",d.CUSTOM="CUSTOM",d.BANNER="BANNER",d.EMBEDDED_TIP="EMBEDDED_TIP",d.NPS_SURVEY="NPS_SURVEY",d.SURVEY="SURVEY",d.CARD="CARD",d))(st||{});export{F as Flow,it as FlowStatus,st as FlowType,$ as Frigade,et as TriggerType};
|
|
2
|
+
var ot=Object.defineProperty,rt=Object.defineProperties;var at=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var nt=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable;var L=(n,s,t)=>s in n?ot(n,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[s]=t,u=(n,s)=>{for(var t in s||(s={}))nt.call(s,t)&&L(n,t,s[t]);if(N)for(var t of N(s))lt.call(s,t)&&L(n,t,s[t]);return n},I=(n,s)=>rt(n,at(s));var c=(n,s,t)=>new Promise((e,i)=>{var r=o=>{try{l(t.next(o))}catch(a){i(a)}},g=o=>{try{l(t.throw(o))}catch(a){i(a)}},l=o=>o.done?e(o.value):Promise.resolve(o.value).then(r,g);l((t=t.apply(n,s)).next())});import{v4 as z}from"uuid";var S={};function P(n){return`${n.__instanceId}-${n.apiKey}`}var v=class{constructor(s){this.config={apiKey:"",apiUrl:"https://api.frigade.com",userId:U(),__instanceId:Math.random().toString(12).substring(4),generateGuestId:!0};let t=Object.fromEntries(Object.entries(s).filter(([e,i])=>i!=null));this.config=u(u({},this.config),t)}fetch(s,t,e=!1){return c(this,null,function*(){return this.config.__readOnly?y():H(this.getAPIUrl(s),u(u({keepalive:!0},t!=null?t:{}),M(this.config)),e)})}getAPIUrl(s){return`${this.config.apiUrl.replace(/\/$/,"")}/${s.replace(/^\//,"")}`}getGlobalState(){let s=P(this.config);if(!S[s])throw new Error("Frigade has not yet been initialized");return S[s]}};var F=class extends v{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,g,l,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=(g=e==null?void 0:e.data)==null?void 0:g.type,this.props=(o=(l=e==null?void 0:e.data)==null?void 0:l.props)!=null?o:{},this.isCompleted=e.$state.completed,this.isStarted=e.$state.started,this.isSkipped=e.$state.skipped,this._isVisible=e.$state.visible,e.data.steps.forEach((p,d)=>{var f;let h=this.initStepFromStatefulStep(p,d),b=(f=this.steps)==null?void 0:f.get(p.id);b&&Object.keys(h).forEach(w=>{b[w]=h[w]})}),this.getGlobalState().variables[this.id]?this.applyVariablesInternal((a=this.getGlobalState().variables[this.id])!=null?a:{}):this.applyVariablesInternal({})}initStepFromStatefulStep(t,e){return I(u({},t),{flow:this,$state:I(u({},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 g=this.initStepFromStatefulStep(i,r);g.start=o=>c(this,null,function*(){let a=this.steps.get(i.id);if(this.getCurrentStep().id===a.id&&a.$state.started)return;let p=C(this.getGlobalState().flowStates[this.id]);p.data.steps[a.order].$state.started=!0,p.data.steps[a.order].$state.lastActionAt=new Date,p.$state.lastActionAt=new Date,p.$state.currentStepId=a.id,p.$state.currentStepIndex=a.order,this.getGlobalState().flowStates[this.id]=p,this.resyncState(),yield this.sendFlowStateToAPI(R,o,a.id)});let l=(o,a,p=!0)=>c(this,null,function*(){let d=this.steps.get(i.id);if((d.$state.completed||d.$state.skipped)&&p){let f=this.getStepByIndex(d.order+1);for(;f&&!f.$state.visible&&f.order!==this.steps.size-1;)f=this.getStepByIndex(f.order+1);if(f){let w=C(this.getGlobalState().flowStates[this.id]);w.$state.currentStepId=this.getStepByIndex(d.order+1).id,w.$state.currentStepIndex=d.order+1,w.data.steps[d.order+1].$state.started=!0,this.getGlobalState().flowStates[this.id]=w,yield this.sendFlowStateToAPI(R,void 0,f.id),this.resyncState()}return}let h=this.getCurrentStepOrder()+1===this.getNumberOfAvailableSteps(),b=Array.from(this.steps.values()).filter(f=>f.$state.visible&&!f.$state.completed&&!f.$state.skipped).length===1&&h;if(p){let f=C(this.getGlobalState().flowStates[this.id]);if(f.$state.started=!0,o=="complete"?f.data.steps[d.order].$state.completed=!0:f.data.steps[d.order].$state.skipped=!0,f.data.steps[d.order].$state.started=!0,f.data.steps[d.order].$state.lastActionAt=new Date,!h){let w=this.getNextVisibleStepIndexAfterIndex(d.order);w!==-1&&(f.$state.currentStepId=this.getStepByIndex(w).id,f.$state.currentStepIndex=w,f.data.steps[w].$state.started=!0)}b&&(f.$state.completed=!0,f.$state.visible=!1),this.getGlobalState().flowStates[this.id]=f,this.resyncState(),b&&this.optimisticallyMarkFlowCompleted()}yield this.sendFlowStateToAPI(o=="complete"?q:j,a,d.id),b&&(yield this.sendFlowStateToAPI(x,a))});g.complete=(o,a=!0)=>c(this,null,function*(){yield l("complete",o,a)}),g.skip=(o,a=!0)=>c(this,null,function*(){yield l("skip",o,a)}),g.reset=()=>c(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(V,void 0,o.id)}),g.onStateChange=o=>{let a=p=>{if(p.id!==this.id)return;let d=p.steps.get(i.id),h=this.lastStepUpdate.get(o);(d.$state.completed!==(h==null?void 0:h.$state.completed)||d.$state.started!==(h==null?void 0:h.$state.started)||d.$state.visible!==(h==null?void 0:h.$state.visible)||d.$state.blocked!==(h==null?void 0:h.$state.blocked))&&(o(d,h!=null?h:C(d)),this.lastStepUpdate.set(o,C(d)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(o,a),this.getGlobalState().onFlowStateChangeHandlers.push(a)},g.removeStateChangeHandler=o=>{let a=this.getGlobalState().onStepStateChangeHandlerWrappers.get(o);a&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(p=>p!==a))},e.set(i.id,g)}),this.steps=e,this.resyncState()}start(t){return c(this,null,function*(){this.isStarted||this.isCompleted||(this.optimisticallyMarkFlowStarted(),yield this.sendFlowStateToAPI(B,t))})}complete(t){return c(this,null,function*(){this.isCompleted||(this.optimisticallyMarkFlowCompleted(),yield this.sendFlowStateToAPI(x,t))})}skip(t){return c(this,null,function*(){this.isSkipped||(this.optimisticallyMarkFlowSkipped(),yield this.sendFlowStateToAPI(W,t))})}forward(t){return c(this,null,function*(){let e=this.getStepByIndex(this.getNextVisibleStepIndexAfterIndex(this.getCurrentStepIndex()));e&&(yield e.start(t))})}back(t){return c(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 c(this,null,function*(){yield this.sendFlowStateToAPI(K)})}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 g,l;let i=o=>{let a=o.match(/\${(.*?)}/g);return a&&a.forEach(p=>{let d=p.replace("${","").replace("}","");if(!t[d]){o=o.replace(p,"");return}o=o.replace(p,t[d])}),o};this.title=i((g=this.title)!=null?g:""),this.subtitle=i((l=this.subtitle)!=null?l:"");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(p=>{r(p)})})};this.steps&&this.steps.forEach(o=>{try{r(o)}catch(a){}}),this.getGlobalState().variables[this.id]=u(u({},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 c(this,null,function*(){var l;let r=new Date;this.getGlobalState().lastFlowSyncDate[this.id]=r,this.getGlobalState().pendingRequests[this.id]=((l=this.getGlobalState().pendingRequests[this.id])!=null?l:0)+1;let g=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(g))})}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(g=>{g(this,r),this.getGlobalState().previousFlows.set(this.id,E(this))}),t==null||t(i)})}unregister(){this.getGlobalState().collections&&this.getGlobalState().collections.unregister(this.id)}};var J="0.7.24";var V="NOT_STARTED_STEP",x="COMPLETED_FLOW",W="SKIPPED_FLOW",B="STARTED_FLOW",K="NOT_STARTED_FLOW",q="COMPLETED_STEP",j="SKIPPED_STEP",R="STARTED_STEP",Y="frigade-guest-key",T="guest_",ct="get-cache-",_="fr-js-",X="Redundant call to Frigade API removed";function E(n){return new F({config:n.config,id:n.id})}function C(n){return JSON.parse(JSON.stringify(n))}function M(n){var s,t;return{headers:{Authorization:`Bearer ${n.apiKey}`,"Content-Type":"application/json","x-frigade-sdk-version":(s=n.__platformVersion)!=null?s:J,"x-frigade-sdk-platform":(t=n.__platformName)!=null?t:"Javascript"}}}function dt(n){if(m())try{return window.localStorage.getItem(`${_}${n}`)}catch(s){return console.debug("Error getting localStorage:",s),null}return null}function gt(n,s){if(m())try{window.localStorage.setItem(`${_}${n}`,s)}catch(t){console.debug("Error setting localStorage:",t)}}function Q(){Object.keys(S).forEach(n=>{n.startsWith(ct)&&delete S[n]})}function Z(){m()&&Object.keys(window.localStorage).forEach(n=>{n.startsWith(_)&&window.localStorage.removeItem(n)})}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 H(n,s,t=!1){return c(this,null,function*(){var g;if(typeof globalThis.fetch!="function")return y("- Attempted to call fetch() in an environment that doesn't support it.");let e=`${n}${JSON.stringify((g=s.body)!=null?g:{})}`,i,r=m()&&s&&s.body&&s.method==="POST";if(r&&!t){let l=globalThis.callQueue.hasIdenticalRecentCall(e);l!=null&&l.response!=null&&(i=(yield l.response).clone())}if(!i)try{let l=fetch(n,s);r&&globalThis.callQueue.push(e,l.then(o=>o.clone()).catch(()=>y())),i=yield l,r&&!globalThis.callQueue.hasCall(e)&&(i=y(X))}catch(l){return y(l)}if(!i)return y("Received an empty response");if(i.status>=400)return y(i.statusText);try{if(i.status===204)return y();let l;try{l=yield i.json()}catch(o){return y()}return l.error?y(l.error):l}catch(l){return y(l)}})}function y(n){return n&&(n===X?console.debug(n):console.warn("Call to Frigade failed:",n)),{json:()=>({}),clone:()=>({})}}function U(){if(m()){let n=dt(Y);return n||(n=`${T}${z()}`,gt(Y,n)),n}else return`${T}${z()}`}function m(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}function A(n){let s={registeredCollectionIds:Array.from(n.registeredCollectionIds)};return m()?u({url:n.currentUrl,userAgent:navigator.userAgent},s):s}var O=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 g=e.get(i);if(r.flows.length!==g.flows.length){this.hasChanges=!0;break}for(let l=0;l<r.flows.length;l++)if(r.flows[l].flowId!==g.flows[l].flowId||r.flows[l].visible!==g.flows[l].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:g})=>g).filter(g=>g!==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 v{constructor(t,e){super(u({apiKey:t},e));this.flows=[];this.hasFailed=!1;this.visibilityChangeHandler=()=>c(this,null,function*(){document.visibilityState==="visible"&&(yield this.refreshStateFromAPI())});this.init(this.config),m()&&this.config.syncOnWindowUpdates!==!1&&(document.addEventListener("visibilitychange",this.visibilityChangeHandler),window.navigation&&window.navigation.addEventListener("navigate",i=>c(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.getGlobalState().currentUrl=i.destination.url,this.refreshStateFromAPI(!0)}catch(r){}})))}getConfig(){return this.config}destroy(){if(m()){document.removeEventListener("visibilitychange",this.visibilityChangeHandler);let t=P(this.config);S[t]&&(S[t].onFlowStateChangeHandlers=[])}}init(t){return c(this,null,function*(){if(this.updateConfig(u(u({},this.config),t)),!!this.config.userId)return this.initPromise=(()=>c(this,null,function*(){var e;this.config.__readOnly||(e=this.config.userId)!=null&&e.startsWith(T)||(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 c(this,null,function*(){t!==this.config.userId&&(yield this.updateConfig(I(u({},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 c(this,null,function*(){yield this.initIfNeeded(),this.updateConfig(I(u({},this.config),{groupId:t})),yield this.session({userId:this.config.userId,groupId:this.config.groupId,groupProperties:e}),yield this.resync()})}track(t,e){return c(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 c(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 c(this,null,function*(){if(!(this.getConfig().generateGuestId===!1&&this.getConfig().userId&&this.getConfig().userId.startsWith(T)))return yield this.initIfNeeded(),this.getFlowSync(t)})}getFlowSync(t){return this.flows.find(e=>e.id==t)}getFlows(){return c(this,null,function*(){var t;return yield this.initIfNeeded(),this.config.generateGuestId===!1&&((t=this.getConfig().userId)!=null&&t.startsWith(T))?[]:this.flows})}getCollection(t){return c(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=>c(this,null,function*(){return I(u({},r),{flow:yield this.getFlow(r.flowId)})})));return e.flows=i,e})}registerCollection(t){return c(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 c(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 c(this,null,function*(){Z(),Q(),t&&(yield this.updateConfig(t),this.mockFlowStates(P(this.config))),this.initPromise=null,yield this.init(this.config),this.triggerAllEventHandlers()})}triggerAllEventHandlers(){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,E(t))})})}resync(){return c(this,null,function*(){yield this.refreshStateFromAPI()})}onStateChange(t){return c(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers.push(t)})}hasFailedToLoad(){return this.hasFailed}removeStateChangeHandler(t){return c(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(e=>e!==t)})}initIfNeeded(){return c(this,null,function*(){return this.initPromise?this.initPromise:this.init(this.config)})}refreshStateFromAPI(t=!1){return c(this,null,function*(){let e=P(this.config);if(!S[e]){let i=this,r={set:function(g,l,o){if(g[l]){let a=g[l],p=o;JSON.stringify(a)!==JSON.stringify(p)&&i.triggerEventHandlers(p,a)}return g[l]=o,!0}};if(S[e]={refreshStateFromAPI:()=>c(this,null,function*(){}),collections:new O(new Map),registeredCollectionIds:new Set,flowStates:new Proxy({},r),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(e);return}S[e].refreshStateFromAPI=(g,l)=>c(this,null,function*(){var p,d;if(this.config.__readOnly)return;let o=g||(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())})},l)),a=new Map;(d=(p=o.collections)==null?void 0:p.computedOrder)==null||d.forEach(({allowedComponents:h,collectionId:b,collectionType:f,flowId:w,visible:st})=>{var k;let $=(k=a.get(b))!=null?k:{allowedComponents:h,collectionType:f,flows:[]};$.flows.push({flowId:w,visible:st}),a.set(b,$)}),a.size>0&&(S[e].collections.ingestCollectionsData(a),S[e].collections.collectionsHaveChanged()&&!g&&this.triggerAllEventHandlers()),o&&o.eligibleFlows?(o.eligibleFlows.forEach(h=>{S[e].flowStates[h.flowSlug]=h,this.flows.find(b=>b.id==h.flowSlug)?this.flows.forEach(b=>{b.id==h.flowSlug&&b.resyncState(h)}):this.flows.push(new F({config:this.config,id:h.flowSlug}))}),this.hasFailed=!1):this.hasFailed=!0})}yield S[e].refreshStateFromAPI(void 0,t)})}mockFlowStates(t){Object.keys(this.config.__flowStateOverrides).forEach(e=>{S[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 c(this,null,function*(){this.config=u(u({},this.config),t),S[P(this.config)]&&(this.getGlobalState().config=this.config)})}triggerEventHandlers(t,e){return c(this,null,function*(){t&&this.flows.forEach(i=>{i.id==e.flowSlug&&this.getGlobalState().onFlowStateChangeHandlers.forEach(r=>{let g=this.getGlobalState().previousFlows.get(i.id);i.resyncState(t),r(i,g),this.getGlobalState().previousFlows.set(i.id,E(i))})})})}batchRegister(t){return c(this,null,function*(){let e=t.map(g=>c(this,[g],function*([i,r]){let l=yield this.getFlow(i);return[i,a=>{let p=this.getGlobalState().previousFlows.get(i);(p==null?void 0:p.isVisible)!==a&&this.getGlobalState().onFlowStateChangeHandlers.forEach(d=>{d(l,p),this.getGlobalState().previousFlows.set(i,E(l))}),r==null||r(a)}]}));Promise.all(e).then(i=>{this.getGlobalState().collections.batchRegister(i)})})}};var tt=(t=>(t.MANUAL="MANUAL",t.AUTOMATIC="AUTOMATIC",t))(tt||{}),et=(e=>(e.DRAFT="DRAFT",e.ACTIVE="ACTIVE",e.ARCHIVED="ARCHIVED",e))(et||{});var it=(d=>(d.ANNOUNCEMENT="ANNOUNCEMENT",d.CHECKLIST="CHECKLIST",d.FORM="FORM",d.TOUR="TOUR",d.SUPPORT="SUPPORT",d.CUSTOM="CUSTOM",d.BANNER="BANNER",d.EMBEDDED_TIP="EMBEDDED_TIP",d.NPS_SURVEY="NPS_SURVEY",d.SURVEY="SURVEY",d.CARD="CARD",d))(it||{});export{F as Flow,et as FlowStatus,it as FlowType,D as Frigade,tt as TriggerType};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|