@frigade/js 0.2.39 → 0.3.0

package/dist/index.d.ts

@@ -1,18 +1,197 @@
-interface FlowDataRaw {
-    id: number;
-    name: string;
-    description: string;
-    data: string;
-    createdAt: string;
-    modifiedAt: string;
-    slug: string;
-    targetingLogic: string;
-    type: FlowType;
-    triggerType: TriggerType;
-    status: FlowStatus;
-    version: number;
-    active: boolean;
+interface RulesGraphNode {
+    visible: boolean;
+    edges: RulesGraphEdge[];
 }
+interface RulesGraphEdge {
+    head: string;
+    ruleId: string;
+}
+type RulesGraphRegistryCallback = (visible: boolean) => void;
+declare class RulesGraph {
+    private graph;
+    private readonly registry;
+    private readonly _rawGraphData;
+    get rawGraphData(): Record<string, RulesGraphNode>;
+    constructor(graphData: Record<string, RulesGraphNode>, registry?: Map<string, RulesGraphRegistryCallback>);
+    ingestGraphData(graphData: Record<string, RulesGraphNode>): void;
+    fireCallbacks(): void;
+    isFlowVisible(flowId: string): boolean;
+    register(flowId: string, callback?: RulesGraphRegistryCallback): void;
+    unregister(flowId: string): void;
+    getRegistry(): Map<string, RulesGraphRegistryCallback>;
+    private findRegisteredDescendant;
+}
+
+interface FrigadeGlobalState {
+    refreshStateFromAPI: () => Promise<void>;
+    flowStates: Record<string, StatefulFlow>;
+    rulesGraph: RulesGraph;
+    onFlowStateChangeHandlerWrappers: Map<(flow: Flow, previousFlow: Flow) => void, (flow: Flow, previousFlow: Flow) => void>;
+    onStepStateChangeHandlerWrappers: Map<(step: FlowStep, previousStep: FlowStep) => void, (flow: Flow, previousFlow: Flow) => void>;
+    onFlowStateChangeHandlers: ((flow: Flow, previousFlow: Flow) => void)[];
+    previousFlows: Map<string, Flow>;
+    variables: Record<string, Record<string, any>>;
+}
+
+declare class Fetchable {
+    config: FrigadeConfig;
+    constructor(config: FrigadeConfig);
+    /**
+     * @ignore
+     */
+    fetch(path: string, options?: Record<any, any>): Promise<any>;
+    private getAPIUrl;
+    /**
+     * @ignore
+     */
+    protected getGlobalState(): FrigadeGlobalState;
+}
+
+declare class Flow extends Fetchable {
+    /**
+     * The Flow's ID.
+     */
+    id: string;
+    /**
+     * Ordered map of the Steps in the Flow.
+     * See [Flow Step Definition](https://docs.frigade.com/v2/sdk/js/step) for more information.
+     */
+    steps: Map<string, FlowStep>;
+    /**
+     * The user-facing title of the Flow, if defined at the top level of the YAML config.
+     */
+    title?: string;
+    /**
+     * The user-facing description of the Flow, if defined at the top level of the YAML config.
+     */
+    subtitle?: string;
+    /**
+     * The metadata of the Flow.
+     * @ignore
+     */
+    rawData: StatefulFlow;
+    /**
+     * Whether the Flow is completed or not.
+     */
+    isCompleted: boolean;
+    /**
+     * Whether the Flow is started or not.
+     */
+    isStarted: boolean;
+    /**
+     * Whether the Flow has been skipped or not.
+     */
+    isSkipped: boolean;
+    /**
+     * @ignore
+     */
+    private _isVisible;
+    /**
+     * Whether the Flow is visible to the user based on the current user/group's state.
+     */
+    get isVisible(): boolean;
+    set isVisible(visible: boolean);
+    /**
+     * @ignore
+     */
+    private lastStepUpdate;
+    constructor({ config, id }: {
+        config: FrigadeConfig;
+        id: string;
+    });
+    /**
+     * Reload the Flow data from the server
+     */
+    reload(): void;
+    /**
+     * @ignore
+     */
+    resyncState(overrideStatefulFlow?: StatefulFlow): void;
+    /**
+     * @ignore
+     */
+    private initStepFromStatefulStep;
+    /**
+     * @ignore
+     */
+    private init;
+    /**
+     * Marks the flow started
+     */
+    start(properties?: Record<string | number, any>): Promise<void>;
+    /**
+     * Marks the flow completed
+     */
+    complete(properties?: Record<string | number, any>): Promise<void>;
+    /**
+     * Marks the flow skipped
+     */
+    skip(properties?: Record<string | number, any>): Promise<void>;
+    /**
+     * Navigates the flow to the next step if one exists. This will mark that step started, but will not complete the previous step.
+     */
+    forward(properties?: Record<string | number, any>): Promise<void>;
+    /**
+     * Navigates the flow to the previous step if one exists. This will mark that step started, but will not complete the previous step.
+     */
+    back(properties?: Record<string | number, any>): Promise<void>;
+    /**
+     * Restarts the flow/marks it not started
+     */
+    restart(): Promise<void>;
+    /**
+     * Get a step by index
+     * @param index
+     */
+    getStepByIndex(index: number): FlowStep | undefined;
+    /**
+     * Gets current step
+     */
+    getCurrentStep(): FlowStep;
+    /**
+     * Get the index of the current step. Starts at 0
+     */
+    getCurrentStepIndex(): number;
+    /**
+     * Get the number of completed steps for the current user in the current flow
+     */
+    getNumberOfCompletedSteps(): number;
+    /**
+     * Get the number of available steps for the current user in the current flow. This is the number of steps that are not hidden.
+     */
+    getNumberOfAvailableSteps(): number;
+    /**
+     * @ignore
+     */
+    onStateChange(handler: (flow: Flow, previousFlow: Flow) => void): void;
+    /**
+     * @ignore
+     */
+    removeStateChangeHandler(handler: (flow: Flow, previousFlow: Flow) => void): void;
+    /**
+     * @ignore
+     */
+    applyVariables(variables: Record<string, any>): void;
+    /**
+     * @ignore
+     */
+    private getStatefulFlow;
+    /**
+     * @ignore
+     */
+    private refreshStateFromAPI;
+    /**
+     * @ignore
+     */
+    private optimisticallyMarkFlowCompleted;
+    /**
+     * @ignore
+     */
+    private optimisticallyMarkFlowSkipped;
+    register(callback?: RulesGraphRegistryCallback): void;
+    unregister(): void;
+}
+
 declare enum TriggerType {
     MANUAL = "MANUAL",
     AUTOMATIC = "AUTOMATIC"
@@ -22,11 +201,8 @@ declare enum FlowStatus {
     ACTIVE = "ACTIVE",
     ARCHIVED = "ARCHIVED"
 }
-interface FlowStep {
-    /**
-     * Unique identifier for the step.
-     */
-    id: string;
+type StepAction = 'flow.back' | 'flow.complete' | 'flow.forward' | 'flow.restart' | 'flow.skip' | 'flow.start' | 'step.complete' | 'step.reset' | 'step.start' | false;
+interface FlowStep extends StatefulStep {
     /**
      * Order of the step in the Flow.
      */
@@ -44,27 +220,75 @@ interface FlowStep {
      */
     subtitle?: string;
     /**
+     * Config for the primary button in this step
+     */
+    primaryButton?: {
+        /**
+         * Primary button action. (defaults to step.complete)
+         */
+        action?: StepAction;
+        /**
+         * Primary button URI target (defaults to _self).
+         */
+        target?: string;
+        /**
+         * Primary button title. If omitted, the primary button will not be shown.
+         */
+        title?: string;
+        /**
+         * Primary button URI.
+         */
+        uri?: string;
+    };
+    /**
+     * @deprecated use primaryButton.title instead
      * Primary button title. If omitted, the primary button will not be shown.
      */
     primaryButtonTitle?: string;
     /**
+     * @deprecated use primaryButton.uri instead
      * Primary button URI.
      */
     primaryButtonUri?: string;
     /**
-     * Primary button URI target (either _blank or _self).
+     * @deprecated use primaryButton.target instead
+     * Primary button URI target (defaults to _self).
      */
     primaryButtonUriTarget?: string;
     /**
+     * Config for the secondary button in this step
+     */
+    secondaryButton?: {
+        /**
+         * Secondary button action. (defaults to step.complete)
+         */
+        action?: StepAction;
+        /**
+         * Secondary button URI target (defaults to _self).
+         */
+        target?: string;
+        /**
+         * Secondary button title. If omitted, the secondary button will not be shown.
+         */
+        title?: string;
+        /**
+         * Secondary button URI.
+         */
+        uri?: string;
+    };
+    /**
+     * @deprecated use secondaryButton.title instead
      * Secondary button title. If omitted, the secondary button will not be shown.
      */
     secondaryButtonTitle?: string;
     /**
+     * @deprecated use secondaryButton.uri instead
      * Secondary button URI.
      */
     secondaryButtonUri?: string;
     /**
-     * Secondary button URI target (either _blank or _self)
+     * @deprecated use secondaryButton.target instead
+     * Secondary button URI target (defaults to _self)
      */
     secondaryButtonUriTarget?: string;
     /**
@@ -87,26 +311,6 @@ interface FlowStep {
      * Automatically mark the step as completed when the primary button is clicked. Default is false.
      */
     autoMarkCompleted?: boolean;
-    /**
-     * Whether the step has been completed (equivalent to step status === COMPLETED_STEP).
-     */
-    isCompleted: boolean;
-    /**
-     * Whether the step has been completed (equivalent to step status === COMPLETED_STEP).
-     */
-    isStarted: boolean;
-    /**
-     * Whether the step is blocked (can't be accessed yet) based on `startCriteria`.
-     */
-    isBlocked: boolean;
-    /**
-     * Whether the step is hidden (not shown in the list view) based on `visibilityCriteria`.
-     */
-    isHidden: boolean;
-    /**
-     * Last state update.
-     */
-    lastActionAt?: Date;
     /**
      * @ignore
      */
@@ -151,13 +355,17 @@ interface FlowStep {
      */
     reset: () => Promise<void>;
     /**
-     * Event handler for this given step's state changes.
+     * Event handler called when this step's state changes.
      */
     onStateChange: (callback: (step: FlowStep, previousStep?: FlowStep) => void) => void;
     /**
      * Removes the given callback from the list of event handlers.
      */
     removeStateChangeHandler: (callback: (step: FlowStep, previousStep?: FlowStep) => void) => void;
+    /**
+     * Reference to this step's parent Flow
+     */
+    flow: Flow;
 }
 interface FrigadeConfig {
     /**
@@ -192,23 +400,34 @@ interface FrigadeConfig {
      */
     __instanceId?: string;
 }
-interface UserFlowState {
-    flowId: string;
-    flowState: 'COMPLETED_FLOW' | 'STARTED_FLOW' | 'SKIPPED_FLOW' | 'NOT_STARTED_FLOW';
-    lastStepId: string;
-    userId: string;
-    foreignUserId: string;
-    stepStates: Record<string, UserFlowStepState>;
-    shouldTrigger: boolean;
+interface StatefulStep {
+    id: string;
+    $state: {
+        completed: boolean;
+        started: boolean;
+        visible: boolean;
+        blocked: boolean;
+        lastActionAt?: Date;
+    };
+    [key: string]: any;
 }
-interface UserFlowStepState {
-    stepId: string;
+interface StatefulFlow {
     flowSlug: string;
-    actionType: 'NOT_STARTED_STEP' | 'STARTED_STEP' | 'COMPLETED_STEP';
-    createdAt: string;
-    blocked: boolean;
-    hidden: boolean;
-    lastActionAt?: string;
+    flowName: string;
+    flowType: FlowType;
+    data: {
+        steps: StatefulStep[];
+        [key: string]: any;
+    };
+    $state: {
+        currentStepId: string;
+        currentStepIndex: number;
+        completed: boolean;
+        started: boolean;
+        skipped: boolean;
+        visible: boolean;
+        lastActionAt?: Date;
+    };
 }
 declare enum FlowType {
     ANNOUNCEMENT = "ANNOUNCEMENT",
@@ -224,174 +443,6 @@ declare enum FlowType {
     CARD = "CARD"
 }
 
-interface FrigadeGlobalState {
-    refreshUserFlowStates: () => Promise<void>;
-    userFlowStates: Record<string, UserFlowState>;
-    onFlowStateChangeHandlerWrappers: Map<(flow: Flow, previousFlow: Flow) => void, (flow: Flow, previousFlow: Flow) => void>;
-    onStepStateChangeHandlerWrappers: Map<(step: FlowStep, previousStep: FlowStep) => void, (flow: Flow, previousFlow: Flow) => void>;
-    onFlowStateChangeHandlers: ((flow: Flow, previousFlow: Flow) => void)[];
-    previousFlows: Map<string, Flow>;
-    variables: Record<string, Record<string, any>>;
-}
-
-declare class Fetchable {
-    config: FrigadeConfig;
-    constructor(config: FrigadeConfig);
-    /**
-     * @ignore
-     */
-    fetch(path: string, options?: Record<any, any>): Promise<any>;
-    private getAPIUrl;
-    /**
-     * @ignore
-     */
-    protected getGlobalState(): FrigadeGlobalState;
-}
-
-declare class Flow extends Fetchable {
-    /**
-     * The Flow's ID.
-     */
-    id: string;
-    /**
-     * The raw data defined in `config.yml` as a JSON decoded object.
-     * @ignore
-     */
-    configYmlAsJson: any;
-    /**
-     * Ordered map of the Steps in the Flow.
-     * See [Flow Step Definition](https://docs.frigade.com/v2/sdk/js/step) for more information.
-     */
-    steps: Map<string, FlowStep>;
-    /**
-     * The user-facing title of the Flow, if defined at the top level of the YAML config.
-     */
-    title?: string;
-    /**
-     * The user-facing description of the Flow, if defined at the top level of the YAML config.
-     */
-    subtitle?: string;
-    /**
-     * The metadata of the Flow.
-     * @ignore
-     */
-    rawData: FlowDataRaw;
-    /**
-     * Whether the Flow is completed or not.
-     */
-    isCompleted: boolean;
-    /**
-     * Whether the Flow is started or not.
-     */
-    isStarted: boolean;
-    /**
-     * Whether the Flow has been skipped or not.
-     */
-    isSkipped: boolean;
-    /**
-     * Whether the Flow is visible to the user based on the current user/group's state.
-     */
-    isVisible: boolean;
-    /**
-     * Whether the Flow targeting logic/audience matches the current user/group.
-     */
-    isTargeted: boolean;
-    /**
-     * @ignore
-     */
-    private readonly flowDataRaw;
-    /**
-     * @ignore
-     */
-    private userFlowStateRaw?;
-    /**
-     * @ignore
-     */
-    private lastStepUpdate;
-    constructor(config: FrigadeConfig, flowDataRaw: FlowDataRaw);
-    /**
-     * Reload the Flow data from the server
-     */
-    reload(): void;
-    /**
-     * @ignore
-     */
-    private initFromRawData;
-    /**
-     * Marks the flow started
-     */
-    start(properties?: Record<string | number, any>): Promise<void>;
-    /**
-     * Marks the flow completed
-     */
-    complete(properties?: Record<string | number, any>): Promise<void>;
-    /**
-     * @ignore
-     */
-    private optimisticallyMarkFlowCompleted;
-    /**
-     * @ignore
-     */
-    private optimisticallyMarkFlowSkipped;
-    /**
-     * Marks the flow skipped
-     */
-    skip(properties?: Record<string | number, any>): Promise<void>;
-    /**
-     * Navigates the flow to the next step if one exists. This will mark that step started, but will not complete the previous step.
-     */
-    forward(properties?: Record<string | number, any>): Promise<void>;
-    /**
-     * Navigates the flow to the previous step if one exists. This will mark that step started, but will not complete the previous step.
-     */
-    back(properties?: Record<string | number, any>): Promise<void>;
-    /**
-     * Restarts the flow/marks it not started
-     */
-    restart(): Promise<void>;
-    /**
-     * Get a step by index
-     * @param index
-     */
-    getStepByIndex(index: number): FlowStep | undefined;
-    /**
-     * Gets current step
-     */
-    getCurrentStep(): FlowStep;
-    /**
-     * Get the index of the current step. Starts at 0
-     */
-    getCurrentStepIndex(): number;
-    /**
-     * Get the number of completed steps for the current user in the current flow
-     */
-    getNumberOfCompletedSteps(): number;
-    /**
-     * Get the number of available steps for the current user in the current flow. This is the number of steps that are not hidden.
-     */
-    getNumberOfAvailableSteps(): number;
-    /**
-     * @ignore
-     */
-    onStateChange(handler: (flow: Flow, previousFlow: Flow) => void): void;
-    /**
-     * @ignore
-     */
-    removeStateChangeHandler(handler: (flow: Flow, previousFlow: Flow) => void): void;
-    /**
-     * @ignore
-     */
-    applyVariables(variables: Record<string, any>): void;
-    /**
-     * @ignore
-     */
-    private getUserFlowState;
-    /**
-     * @ignore
-     */
-    private refreshUserFlowState;
-}
-
 declare class Frigade extends Fetchable {
     /**
      * @ignore
@@ -473,11 +524,7 @@ declare class Frigade extends Fetchable {
     /**
      * @ignore
      */
-    private refreshUserFlowStates;
-    /**
-     * @ignore
-     */
-    private refreshFlows;
+    private refreshStateFromAPI;
     /**
      * @ignore
      */
@@ -485,7 +532,7 @@ declare class Frigade extends Fetchable {
     /**
      * @ignore
      */
-    private mockUserFlowStates;
+    private mockFlowStates;
     /**
      * @ignore
      */

package/dist/index.js

@@ -1,3 +1,3 @@
 "use client";
-var at=Object.defineProperty,ot=Object.defineProperties;var rt=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var nt=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable;var z=(s,o,t)=>o in s?at(s,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[o]=t,F=(s,o)=>{for(var t in o||(o={}))nt.call(o,t)&&z(s,t,o[t]);if(X)for(var t of X(o))lt.call(o,t)&&z(s,t,o[t]);return s},G=(s,o)=>ot(s,rt(o));var d=(s,o,t)=>new Promise((e,i)=>{var a=h=>{try{r(t.next(h))}catch(p){i(p)}},g=h=>{try{r(t.throw(h))}catch(p){i(p)}},r=h=>h.done?e(h.value):Promise.resolve(h.value).then(a,g);r((t=t.apply(s,o)).next())});var L=(t=>(t.MANUAL="MANUAL",t.AUTOMATIC="AUTOMATIC",t))(L||{}),H=(e=>(e.DRAFT="DRAFT",e.ACTIVE="ACTIVE",e.ARCHIVED="ARCHIVED",e))(H||{}),x=(S=>(S.ANNOUNCEMENT="ANNOUNCEMENT",S.CHECKLIST="CHECKLIST",S.FORM="FORM",S.TOUR="TOUR",S.SUPPORT="SUPPORT",S.CUSTOM="CUSTOM",S.BANNER="BANNER",S.EMBEDDED_TIP="EMBEDDED_TIP",S.NPS_SURVEY="NPS_SURVEY",S.SURVEY="SURVEY",S.CARD="CARD",S))(x||{});var q="0.2.20";import dt from"cross-fetch";import{v4 as gt}from"uuid";var f={};function v(s){var o,t;return`${s.__instanceId}-${s.apiKey}:${(o=s.userId)!=null?o:""}:${(t=s.groupId)!=null?t:""}`}var R=class{constructor(o){this.config={apiKey:"",apiUrl:"https://api.frigade.com/v1/public",userId:tt(),__instanceId:Math.random().toString(36).substring(7)};let t=Object.fromEntries(Object.entries(o).filter(([e,i])=>i!=null));this.config=F(F({},this.config),t)}fetch(o,t){return d(this,null,function*(){return this.config.__readOnly?b():Z(this.getAPIUrl(o),F(F({keepalive:!0},t!=null?t:{}),Q(this.config.apiKey)))})}getAPIUrl(o){let t="/v1/public";return new URL(`${t}${o}`,this.config.apiUrl.replace(t,"")).toString()}getGlobalState(){let o=v(this.config);if(!f[o])throw new Error("Frigade not initialized");return f[o]}};var T=class extends R{constructor(t,e){super(t);this.isVisible=!1;this.isTargeted=!1;this.lastStepUpdate=new Map;this.flowDataRaw=e,this.initFromRawData(e)}reload(){this.initFromRawData(this.flowDataRaw)}initFromRawData(t){var p,O;let e=JSON.parse(t.data),i=(O=(p=e.steps)!=null?p:e.data)!=null?O:[];this.id=t.slug,this.rawData=t,this.configYmlAsJson=e,this.title=this.configYmlAsJson.title,this.subtitle=this.configYmlAsJson.subtitle;let a=this.getUserFlowState();if(!a)return;this.userFlowStateRaw=a,this.isCompleted=a.flowState==P,this.isStarted=a.flowState==D,this.isSkipped=a.flowState==N;let g=this.isCompleted||this.isSkipped,r=t.targetingLogic&&a.shouldTrigger===!1;this.isVisible=!g&&!r,this.flowDataRaw.active===!1&&(this.isVisible=!1),this.isTargeted=t.targetingLogic?r===!1:!0;let h=new Map;i.forEach((S,$)=>{let E=a.stepStates[S.id],A=G(F({},S),{isCompleted:E.actionType==I,isStarted:E.actionType==y,isHidden:E.hidden,isBlocked:E.blocked,lastActionAt:E.lastActionAt?new Date(E.lastActionAt):void 0,order:$});A.start=n=>d(this,null,function*(){let l=this.steps.get(S.id);if(this.getCurrentStep().id===l.id&&l.isStarted)return;l.isStarted=!0;let w=m(this.getGlobalState().userFlowStates[this.id]);w.stepStates[l.id].actionType=y,w.stepStates[l.id].lastActionAt=new Date().toISOString(),w.lastStepId=l.id,this.getGlobalState().userFlowStates[this.id]=w,l.isCompleted||(yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:l.id,data:n!=null?n:{},createdAt:n!=null&&n.createdAt?new Date(n.createdAt):new Date().toISOString(),actionType:y})}),yield this.refreshUserFlowState());let u=this.getUserFlowState();l.isCompleted=u.stepStates[l.id].actionType==I,l.isStarted=u.stepStates[l.id].actionType==y,l.lastActionAt=new Date}),A.complete=n=>d(this,null,function*(){let l=this.steps.get(S.id);if(l.isCompleted)return;let u=this.getNumberOfCompletedSteps()+1==this.steps.size;l.isCompleted=!0,this.isStarted=!0;let c=m(this.getGlobalState().userFlowStates[this.id]);c.stepStates[l.id].actionType=I,c.stepStates[l.id].lastActionAt=new Date().toISOString(),c.flowState=u?P:D;let _=Array.from(this.steps.keys())[$+1];if(_){c.lastStepId=_,c.stepStates[_].actionType=y;let Y=new Date;c.stepStates[_].lastActionAt=Y.toISOString(),this.steps.get(_).isStarted=!0,this.steps.get(_).lastActionAt=Y}u&&this.optimisticallyMarkFlowCompleted(),this.getGlobalState().userFlowStates[this.id]=c,yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:l.id,data:n!=null?n:{},createdAt:n!=null&&n.createdAt?new Date(n.createdAt):new Date().toISOString(),actionType:I})}),yield this.refreshUserFlowState();let j=this.getUserFlowState();l.isCompleted=j.stepStates[l.id].actionType==I,l.isStarted=j.stepStates[l.id].actionType==y,l.lastActionAt=new Date}),A.reset=()=>d(this,null,function*(){let n=this.steps.get(S.id);if(!n.isCompleted)return;n.isCompleted=!1,n.isStarted=!1,n.lastActionAt=void 0;let l=m(this.getGlobalState().userFlowStates[this.id]);l.stepStates[n.id].actionType=M,l.stepStates[n.id].lastActionAt=void 0,l.flowState=D,this.getGlobalState().userFlowStates[this.id]=l,yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:n.id,data:{},createdAt:new Date().toISOString(),actionType:M})}),yield this.refreshUserFlowState();let w=this.getUserFlowState();n.isCompleted=w.stepStates[n.id].actionType==I,n.isStarted=w.stepStates[n.id].actionType==y,n.lastActionAt=void 0}),A.onStateChange=n=>{let l=w=>{if(w.id!==this.id)return;let u=w.steps.get(S.id),c=this.lastStepUpdate.get(n);(u.isCompleted!==(c==null?void 0:c.isCompleted)||u.isStarted!==(c==null?void 0:c.isStarted)||u.isHidden!==(c==null?void 0:c.isHidden)||u.isBlocked!==(c==null?void 0:c.isBlocked))&&(n(u,c!=null?c:m(u)),this.lastStepUpdate.set(n,m(u)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(n,l),this.getGlobalState().onFlowStateChangeHandlers.push(l)},A.removeStateChangeHandler=n=>{let l=this.getGlobalState().onStepStateChangeHandlerWrappers.get(n);l&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(w=>w!==l))},h.set(S.id,A)}),this.steps=h,this.getGlobalState().variables&&this.getGlobalState().variables[this.id]&&Object.keys(this.getGlobalState().variables[this.id]).length>0&&this.applyVariables(this.getGlobalState().variables[this.id])}start(t){return d(this,null,function*(){if(this.isStarted||this.isCompleted)return;this.isStarted=!0;let e=m(this.getGlobalState().userFlowStates[this.id]);e.flowState=D,this.getGlobalState().userFlowStates[this.id]=e,yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:this.getCurrentStep().id,data:t!=null?t:{},createdAt:new Date().toISOString(),actionType:D})}),yield this.refreshUserFlowState(),this.initFromRawData(this.flowDataRaw)})}complete(t){return d(this,null,function*(){this.isCompleted||(this.optimisticallyMarkFlowCompleted(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:this.getCurrentStep().id,data:t!=null?t:{},createdAt:t!=null&&t.createdAt?new Date(t.createdAt):new Date().toISOString(),actionType:P})}),yield this.refreshUserFlowState(),this.initFromRawData(this.flowDataRaw))})}optimisticallyMarkFlowCompleted(){this.isStarted=!0,this.isCompleted=!0;let t=m(this.getGlobalState().userFlowStates[this.id]);t.flowState=P,this.getGlobalState().userFlowStates[this.id]=t,this.isVisible=!1}optimisticallyMarkFlowSkipped(){this.isSkipped=!0;let t=m(this.getGlobalState().userFlowStates[this.id]);t.flowState=N,this.getGlobalState().userFlowStates[this.id]=t,this.isVisible=!1}skip(t){return d(this,null,function*(){this.isSkipped||(this.optimisticallyMarkFlowSkipped(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:this.getCurrentStep().id,data:t!=null?t:{},createdAt:t!=null&&t.createdAt?new Date(t.createdAt):new Date().toISOString(),actionType:N})}),yield this.refreshUserFlowState(),this.initFromRawData(this.flowDataRaw))})}forward(t){return d(this,null,function*(){let e=this.getStepByIndex(this.getCurrentStepIndex()+1);e&&(yield e.start(t))})}back(t){return d(this,null,function*(){let e=this.getStepByIndex(this.getCurrentStepIndex()-1);e&&(yield e.start(t))})}restart(){return d(this,null,function*(){yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:"unknown",data:{},createdAt:new Date().toISOString(),actionType:et})}),yield this.refreshUserFlowState(),this.initFromRawData(this.flowDataRaw)})}getStepByIndex(t){return this.steps.get(Array.from(this.steps.keys())[t])}getCurrentStep(){let t=Array.from(this.steps.keys()).find(i=>this.steps.get(i).isCompleted===!1&&this.steps.get(i).isHidden===!1);Array.from(this.steps.keys()).forEach(i=>{var a,g;this.steps.get(i).isStarted&&this.steps.get(i).lastActionAt&&this.steps.get(i).lastActionAt>((g=(a=this.steps.get(t))==null?void 0:a.lastActionAt)!=null?g:new Date(0))&&(t=i)});let e=t!=null?t:Array.from(this.steps.keys())[0];return this.steps.get(e)}getCurrentStepIndex(){let t=this.getCurrentStep();return Array.from(this.steps.keys()).indexOf(t.id)}getNumberOfCompletedSteps(){return Array.from(this.steps.values()).filter(t=>t.isCompleted).length}getNumberOfAvailableSteps(){return Array.from(this.steps.values()).filter(t=>!t.isHidden).length}onStateChange(t){let e=(i,a)=>{(i.id===this.id&&(i.isCompleted!==a.isCompleted||i.isStarted!==a.isStarted||i.isSkipped!==a.isSkipped||i.isVisible!==a.isVisible)||JSON.stringify(i.steps)!==JSON.stringify(a.steps))&&t(i,a)};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){var i,a;let e=g=>{let r=g.match(/\${(.*?)}/g);return r&&r.forEach(h=>{let p=h.replace("${","").replace("}","");t[p]&&(g=g.replace(h,t[p]))}),g};this.title=e((i=this.title)!=null?i:""),this.subtitle=e((a=this.subtitle)!=null?a:""),this.steps.forEach(g=>{Object.keys(g).forEach(r=>{typeof g[r]=="string"&&(g[r]=e(g[r]))})}),this.getGlobalState().variables={},this.getGlobalState().variables[this.id]=t}getUserFlowState(){return this.getGlobalState().userFlowStates[this.id]}refreshUserFlowState(){return d(this,null,function*(){yield this.getGlobalState().refreshUserFlowStates()})}};var M="NOT_STARTED_STEP",P="COMPLETED_FLOW",N="SKIPPED_FLOW",D="STARTED_FLOW",et="NOT_STARTED_FLOW",I="COMPLETED_STEP",y="STARTED_STEP",ct="frigade-last-call-at-",ht="frigade-last-call-data-",it="frigade-guest-key",J="guest_",St="get-cache-";var ft=1e3,K="fr-js-";function U(s){let o=new T(s.config,s.rawData);return o.isCompleted=s.isCompleted,o.isStarted=s.isStarted,o.isSkipped=s.isSkipped,o.isVisible=s.isVisible,o.steps=s.steps,o}function m(s){return JSON.parse(JSON.stringify(s))}function Q(s){return{headers:{Authorization:`Bearer ${s}`,"Content-Type":"application/json","X-Frigade-SDK-Version":q,"X-Frigade-SDK-Platform":"Javascript"}}}function k(s){return C()?window.localStorage.getItem(`${K}${s}`):null}function W(s,o){C()&&window.localStorage.setItem(`${K}${s}`,o)}function V(){Object.keys(f).forEach(s=>{s.startsWith(St)&&delete f[s]})}function st(){C()&&Object.keys(window.localStorage).forEach(s=>{s.startsWith(K)&&window.localStorage.removeItem(s)})}function Z(s,o){return d(this,null,function*(){let t=ct+s,e=ht+s;if(C()&&o&&o.body&&o.method==="POST"){let a=k(t),g=k(e);if(a&&g&&g==o.body){let r=new Date(a);if(new Date().getTime()-r.getTime()<ft)return b()}W(t,new Date().toISOString()),W(e,o.body),V()}let i;try{i=dt(s,o),i=yield i}catch(a){return b(a)}if(!i)return b("Received an empty response");if(i.status>=400)return b(i.statusText);try{if(i.status===204||i.status===201)return b();let a=yield i.json();return a.error?b(a.error):a}catch(a){return b(a)}})}function b(s){return s&&console.log("Call to Frigade failed",s),{json:()=>({})}}function tt(){if(C()){let s=k(it);return s||(s=`${J}${gt()}`,W(it,s)),s}}function C(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}var B=class extends R{constructor(t,e){super(F({apiKey:t},e));this.flows=[];this.hasFailed=!1;this.visibilityChangeHandler=()=>d(this,null,function*(){document.visibilityState==="visible"&&(yield this.refreshFlows(),yield this.refreshUserFlowStates(),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,U(t))})}))});this.init(this.config),C()&&document.addEventListener("visibilitychange",this.visibilityChangeHandler)}destroy(){if(C()){document.removeEventListener("visibilitychange",this.visibilityChangeHandler);let t=v(this.config);f[t]&&(f[t].onFlowStateChangeHandlers=[])}}init(t){return d(this,null,function*(){return this.config=F(F({},this.config),t),this.initPromise=(()=>d(this,null,function*(){var e;this.config.userId&&!((e=this.config.userId)!=null&&e.startsWith(J))&&(yield this.fetch("/users",{method:"POST",body:JSON.stringify({foreignId:this.config.userId})})),yield this.refreshUserFlowStates(),yield this.refreshFlows()}))(),this.initPromise})}identify(t,e){return d(this,null,function*(){this.config=G(F({},this.config),{userId:t}),yield this.initIfNeeded(),yield this.fetch("/users",{method:"POST",body:JSON.stringify({foreignId:this.config.userId,properties:e})}),yield this.resync()})}group(t,e){return d(this,null,function*(){yield this.initIfNeeded(),this.config.groupId=t,yield this.fetch("/userGroups",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,properties:e})}),yield this.resync()})}track(t,e){return d(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.fetch("/userGroups",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,events:[{event:t,properties:e}]})}):this.config.userId&&(yield this.fetch("/users",{method:"POST",body:JSON.stringify({foreignId:this.config.userId,events:[{event:t,properties:e}]})})),yield this.resync()})}isReady(){return!!(this.config.__instanceId&&this.config.apiKey&&this.initPromise)}getFlow(t){return d(this,null,function*(){return yield this.initIfNeeded(),this.flows.find(e=>e.id==t)})}getFlows(){return d(this,null,function*(){return yield this.initIfNeeded(),this.flows})}reload(){return d(this,null,function*(){st(),V(),yield this.refreshUserFlowStates(),yield this.refreshFlows(),this.initPromise=null,yield this.init(this.config),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,U(t))})})})}resync(){return d(this,null,function*(){this.initPromise=null,yield this.init(this.config),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,U(t))})})})}onStateChange(t){return d(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers.push(t)})}hasFailedToLoad(){return this.hasFailed}removeStateChangeHandler(t){return d(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(e=>e!==t)})}initIfNeeded(){return d(this,null,function*(){return this.initPromise!==null?this.initPromise:this.init(this.config)})}refreshUserFlowStates(){return d(this,null,function*(){let t=v(this.config);if(!f[t]){let e=this,i={set:function(a,g,r){return a[g]&&a[g].flowState&&(JSON.stringify(a[g].flowState)!==JSON.stringify(r==null?void 0:r.flowState)||JSON.stringify(a[g].stepStates)!==JSON.stringify(r==null?void 0:r.stepStates)||JSON.stringify(a[g].shouldTrigger)!==JSON.stringify(r==null?void 0:r.shouldTrigger))&&e.triggerEventHandlers(a[g]),a[g]=r,!0}};if(f[t]={refreshUserFlowStates:()=>d(this,null,function*(){}),userFlowStates:new Proxy({},i),onFlowStateChangeHandlerWrappers:new Map,onStepStateChangeHandlerWrappers:new Map,onFlowStateChangeHandlers:[],previousFlows:new Map,variables:{}},this.config.__readOnly&&this.config.__flowConfigOverrides){this.mockUserFlowStates(t);return}f[t].refreshUserFlowStates=()=>d(this,null,function*(){if(this.config.__readOnly)return;let a=yield this.fetch(`/userFlowStates?foreignUserId=${encodeURIComponent(this.config.userId)}${this.config.groupId?`&foreignUserGroupId=${encodeURIComponent(this.config.groupId)}`:""}`);a&&a.data?(a.data.forEach(r=>{let h=!1,p=f[t].userFlowStates[r.flowId];p&&p.shouldTrigger==!1&&r.shouldTrigger==!0&&(h=!0),f[t].userFlowStates[r.flowId]=r,h&&this.flows.forEach(O=>{O.id==r.flowId&&(O.reload(),this.triggerEventHandlers(f[t].userFlowStates[O.id]))})}),this.hasFailed=!1):this.hasFailed=!0})}yield f[t].refreshUserFlowStates()})}refreshFlows(){return d(this,null,function*(){if(this.flows=[],this.config.__flowConfigOverrides){this.mockFlowConfigs();return}let t=yield this.fetch("/flows");t&&t.data?t.data.forEach(i=>{this.flows.push(new T(this.config,i)),this.getGlobalState().previousFlows.set(i.slug,U(this.flows[this.flows.length-1]))}):this.hasFailed=!0})}mockFlowConfigs(){Object.keys(this.config.__flowConfigOverrides).forEach(t=>{this.flows.push(new T(this.config,{id:-1,name:"",description:"",data:this.config.__flowConfigOverrides[t],createdAt:new Date().toISOString(),modifiedAt:new Date().toISOString(),slug:t,targetingLogic:"",type:"CHECKLIST",triggerType:"MANUAL",status:"ACTIVE",version:1,active:!0}))})}mockUserFlowStates(t){Object.keys(this.config.__flowConfigOverrides).forEach(e=>{var a,g;let i=JSON.parse(this.config.__flowConfigOverrides[e]);f[t].userFlowStates[e]={flowId:e,flowState:"NOT_STARTED_FLOW",lastStepId:null,userId:this.config.userId,foreignUserId:this.config.userId,stepStates:(g=(a=i==null?void 0:i.steps)==null?void 0:a.reduce((r,h)=>(r[h.id]={stepId:h.id,flowSlug:e,actionType:"NOT_STARTED_STEP",createdAt:new Date().toISOString(),blocked:!1,hidden:!1},r),{}))!=null?g:{},shouldTrigger:!1}})}triggerEventHandlers(t){return d(this,null,function*(){t&&this.flows.forEach(e=>{e.id==t.flowId&&this.getGlobalState().onFlowStateChangeHandlers.forEach(i=>{let a=this.getGlobalState().previousFlows.get(e.id);i(e,a),this.getGlobalState().previousFlows.set(e.id,U(e))})})})}};export{T as Flow,H as FlowStatus,x as FlowType,B as Frigade,L as TriggerType};
+var Z=Object.defineProperty,tt=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var it=Object.prototype.hasOwnProperty,st=Object.prototype.propertyIsEnumerable;var $=(o,a,t)=>a in o?Z(o,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[a]=t,p=(o,a)=>{for(var t in a||(a={}))it.call(a,t)&&$(o,t,a[t]);if(D)for(var t of D(a))st.call(a,t)&&$(o,t,a[t]);return o},y=(o,a)=>tt(o,et(a));var g=(o,a,t)=>new Promise((e,i)=>{var s=n=>{try{r(t.next(n))}catch(c){i(c)}},l=n=>{try{r(t.throw(n))}catch(c){i(c)}},r=n=>n.done?e(n.value):Promise.resolve(n.value).then(s,l);r((t=t.apply(o,a)).next())});var N="0.2.20";import at from"cross-fetch";import{v4 as rt}from"uuid";var h={};function I(o){var a,t;return`${o.__instanceId}-${o.apiKey}:${(a=o.userId)!=null?a:""}:${(t=o.groupId)!=null?t:""}`}var F=class{constructor(a){this.config={apiKey:"",apiUrl:"https://api.frigade.com/v1/public",userId:k(),__instanceId:Math.random().toString(36).substring(7)};let t=Object.fromEntries(Object.entries(a).filter(([e,i])=>i!=null));this.config=p(p({},this.config),t)}fetch(a,t){return g(this,null,function*(){return this.config.__readOnly?u():U(this.getAPIUrl(a),p(p({keepalive:!0},t!=null?t:{}),x(this.config.apiKey)))})}getAPIUrl(a){let t="/v1/public";return new URL(`${t}${a}`,this.config.apiUrl.replace(t,"")).toString()}getGlobalState(){let a=I(this.config);if(!h[a])throw new Error("Frigade not initialized");return h[a]}};var w=class extends F{constructor({config:t,id:e}){super(t);this._isVisible=!1;this.lastStepUpdate=new Map;this.id=e,this.init()}get isVisible(){return this._isVisible===!1?!1:this.getGlobalState().rulesGraph.isFlowVisible(this.id)}set isVisible(t){this._isVisible=t}reload(){this.init()}resyncState(t){var i,s;let e=t!=null?t:this.getStatefulFlow();this.rawData=e,this.title=(i=e==null?void 0:e.data)==null?void 0:i.title,this.subtitle=(s=e==null?void 0:e.data)==null?void 0:s.subtitle,this.isCompleted=e.$state.completed,this.isStarted=e.$state.started,this.isSkipped=e.$state.skipped,this._isVisible=e.$state.visible,e.data.steps.forEach((l,r)=>{var f;let n=this.initStepFromStatefulStep(l,r),c=(f=this.steps)==null?void 0:f.get(l.id);c&&(c.$state=n.$state)})}initStepFromStatefulStep(t,e){return y(p({},t),{flow:this,$state:y(p({},t.$state),{lastActionAt:t.$state.lastActionAt?new Date(t.$state.lastActionAt):void 0}),order:e})}init(){let t=this.getStatefulFlow();this.resyncState();let e=new Map;t.data.steps.forEach((i,s)=>{let l=this.initStepFromStatefulStep(i,s);l.start=r=>g(this,null,function*(){let n=this.steps.get(i.id);if(this.getCurrentStep().id===n.id&&n.$state.started)return;let c=b(this.getGlobalState().flowStates[this.id]);c.data.steps[n.order].$state.started=!0,c.data.steps[n.order].$state.lastActionAt=new Date,c.$state.lastActionAt=new Date,c.$state.currentStepId=n.id,c.$state.currentStepIndex=n.order,this.getGlobalState().flowStates[this.id]=c,this.resyncState(),n.$state.completed||(yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:n.id,data:r!=null?r:{},createdAt:r!=null&&r.createdAt?new Date(r.createdAt):new Date().toISOString(),actionType:J})}),yield this.refreshStateFromAPI())}),l.complete=r=>g(this,null,function*(){let n=this.steps.get(i.id);if(n.$state.completed)return;let f=this.getNumberOfCompletedSteps()+1==this.steps.size,d=b(this.getGlobalState().flowStates[this.id]);d.$state.started=!0,d.data.steps[n.order].$state.completed=!0,d.data.steps[n.order].$state.started=!0,d.data.steps[n.order].$state.lastActionAt=new Date,f&&(d.$state.completed=!0);let S=Array.from(this.steps.keys())[s+1];S&&(d.$state.currentStepId=S,d.data.steps[s+1].$state.started=!0,d.data.steps[s+1].$state.lastActionAt=new Date),this.getGlobalState().flowStates[this.id]=d,this.resyncState(),f&&this.optimisticallyMarkFlowCompleted(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:n.id,data:r!=null?r:{},createdAt:r!=null&&r.createdAt?new Date(r.createdAt):new Date().toISOString(),actionType:K})}),yield this.refreshStateFromAPI()}),l.reset=()=>g(this,null,function*(){let r=this.steps.get(i.id);if(!r.$state.completed)return;let n=b(this.getGlobalState().flowStates[this.id]);n.data.steps[r.order].$state.started=!1,n.data.steps[r.order].$state.completed=!1,n.data.steps[r.order].$state.lastActionAt=void 0,this.getGlobalState().flowStates[this.id]=n,this.resyncState(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:r.id,data:{},createdAt:new Date().toISOString(),actionType:L})}),yield this.refreshStateFromAPI()}),l.onStateChange=r=>{let n=c=>{if(c.id!==this.id)return;let f=c.steps.get(i.id),d=this.lastStepUpdate.get(r);(f.$state.completed!==(d==null?void 0:d.$state.completed)||f.$state.started!==(d==null?void 0:d.$state.started)||f.$state.visible!==(d==null?void 0:d.$state.visible)||f.$state.blocked!==(d==null?void 0:d.$state.blocked))&&(r(f,d!=null?d:b(f)),this.lastStepUpdate.set(r,b(f)))};this.getGlobalState().onStepStateChangeHandlerWrappers.set(r,n),this.getGlobalState().onFlowStateChangeHandlers.push(n)},l.removeStateChangeHandler=r=>{let n=this.getGlobalState().onStepStateChangeHandlerWrappers.get(r);n&&(this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(c=>c!==n))},e.set(i.id,l)}),this.steps=e,this.getGlobalState().variables&&this.getGlobalState().variables[this.id]&&Object.keys(this.getGlobalState().variables[this.id]).length>0&&this.applyVariables(this.getGlobalState().variables[this.id])}start(t){return g(this,null,function*(){if(this.isStarted||this.isCompleted)return;let e=b(this.getGlobalState().flowStates[this.id]);e.$state.started=!0,this.getGlobalState().flowStates[this.id]=e,this.resyncState(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:this.getCurrentStep().id,data:t!=null?t:{},createdAt:new Date().toISOString(),actionType:W})}),yield this.refreshStateFromAPI()})}complete(t){return g(this,null,function*(){this.isCompleted||(this.optimisticallyMarkFlowCompleted(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:this.getCurrentStep().id,data:t!=null?t:{},createdAt:t!=null&&t.createdAt?new Date(t.createdAt):new Date().toISOString(),actionType:H})}),yield this.refreshStateFromAPI())})}skip(t){return g(this,null,function*(){this.isSkipped||(this.optimisticallyMarkFlowSkipped(),yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:this.getCurrentStep().id,data:t!=null?t:{},createdAt:t!=null&&t.createdAt?new Date(t.createdAt):new Date().toISOString(),actionType:M})}),yield this.refreshStateFromAPI())})}forward(t){return g(this,null,function*(){let e=this.getStepByIndex(this.getCurrentStepIndex()+1);e&&(yield e.start(t))})}back(t){return g(this,null,function*(){let e=this.getStepByIndex(this.getCurrentStepIndex()-1);e&&(yield e.start(t))})}restart(){return g(this,null,function*(){yield this.fetch("/flowResponses",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,flowSlug:this.id,stepId:"unknown",data:{},createdAt:new Date().toISOString(),actionType:V})}),yield this.refreshStateFromAPI()})}getStepByIndex(t){return this.steps.get(Array.from(this.steps.keys())[t])}getCurrentStep(){let t=Array.from(this.steps.keys()).find(i=>this.steps.get(i).$state.completed===!1&&this.steps.get(i).$state.visible!==!1);Array.from(this.steps.keys()).forEach(i=>{var s,l;this.steps.get(i).$state.started&&this.steps.get(i).$state.lastActionAt&&this.steps.get(i).$state.lastActionAt>((l=(s=this.steps.get(t))==null?void 0:s.$state.lastActionAt)!=null?l:new Date(0))&&(t=i)});let e=t!=null?t:Array.from(this.steps.keys())[0];return this.steps.get(e)}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}onStateChange(t){let e=(i,s)=>{(i.id===this.id&&(i.isCompleted!==(s==null?void 0:s.isCompleted)||i.isStarted!==(s==null?void 0:s.isStarted)||i.isSkipped!==(s==null?void 0:s.isSkipped)||i.isVisible!==(s==null?void 0:s.isVisible))||JSON.stringify(i.steps)!==JSON.stringify(s==null?void 0:s.steps))&&t(i,s)};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){var i,s;let e=l=>{let r=l.match(/\${(.*?)}/g);return r&&r.forEach(n=>{let c=n.replace("${","").replace("}","");t[c]&&(l=l.replace(n,t[c]))}),l};this.title=e((i=this.title)!=null?i:""),this.subtitle=e((s=this.subtitle)!=null?s:""),this.steps.forEach(l=>{Object.keys(l).forEach(r=>{typeof l[r]=="string"&&(l[r]=e(l[r]))})}),this.getGlobalState().variables={},this.getGlobalState().variables[this.id]=t}getStatefulFlow(){return this.getGlobalState().flowStates[this.id]}refreshStateFromAPI(){return g(this,null,function*(){yield this.getGlobalState().refreshStateFromAPI(),this.resyncState()})}optimisticallyMarkFlowCompleted(){let t=b(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()}optimisticallyMarkFlowSkipped(){let t=b(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().rulesGraph.register(this.id,t)}unregister(){this.getGlobalState().rulesGraph.unregister(this.id)}};var L="NOT_STARTED_STEP",H="COMPLETED_FLOW",M="SKIPPED_FLOW",W="STARTED_FLOW",V="NOT_STARTED_FLOW",K="COMPLETED_STEP",J="STARTED_STEP",ot="frigade-last-call-at-",nt="frigade-last-call-data-",B="frigade-guest-key",R="guest_",lt="get-cache-";var dt=1e3,v="fr-js-";function C(o){return new w({config:o.config,id:o.id})}function b(o){return JSON.parse(JSON.stringify(o))}function x(o){return{headers:{Authorization:`Bearer ${o}`,"Content-Type":"application/json","X-Frigade-SDK-Version":N,"X-Frigade-SDK-Platform":"Javascript"}}}function E(o){return m()?window.localStorage.getItem(`${v}${o}`):null}function O(o,a){m()&&window.localStorage.setItem(`${v}${o}`,a)}function _(){Object.keys(h).forEach(o=>{o.startsWith(lt)&&delete h[o]})}function j(){m()&&Object.keys(window.localStorage).forEach(o=>{o.startsWith(v)&&window.localStorage.removeItem(o)})}function U(o,a){return g(this,null,function*(){let t=ot+o,e=nt+o;if(m()&&a&&a.body&&a.method==="POST"){let s=E(t),l=E(e);if(s&&l&&l==a.body){let r=new Date(s);if(new Date().getTime()-r.getTime()<dt)return u()}O(t,new Date().toISOString()),O(e,a.body),_()}let i;try{i=at(o,a),i=yield i}catch(s){return u(s)}if(!i)return u("Received an empty response");if(i.status>=400)return u(i.statusText);try{if(i.status===204||i.status===201)return u();let s=yield i.json();return s.error?u(s.error):s}catch(s){return u(s)}})}function u(o){return o&&console.log("Call to Frigade failed",o),{json:()=>({})}}function k(){if(m()){let o=E(B);return o||(o=`${R}${rt()}`,O(B,o)),o}}function m(){return typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.localStorage!="undefined"}var A=class{constructor(a,t){this.graph=new Map;this.registry=new Map;this._rawGraphData=a,t&&(this.registry=t),this.ingestGraphData(a)}get rawGraphData(){return this._rawGraphData}ingestGraphData(a){this.graph=new Map(Object.entries(a)),this.fireCallbacks()}fireCallbacks(){for(let[a,t]of this.registry)typeof t=="function"&&t(this.isFlowVisible(a))}isFlowVisible(a){let t=this.graph.get(a);return t?t.visible===!1?!1:t.edges.length===0?!0:this.findRegisteredDescendant(a)==null:!0}register(a,t){this.registry.set(a,t),this.fireCallbacks()}unregister(a){this.registry.delete(a),this.fireCallbacks()}getRegistry(){return this.registry}findRegisteredDescendant(a,t=a,e){let i=this.graph.get(a);if(i==null)return;if(this.registry.has(a)&&t!==a)return i;let s;if(i.edges.length>0)for(let l of i.edges){if(e!=null&&l.ruleId!==e)continue;let r=this.findRegisteredDescendant(l.head,t,e!=null?e:l.ruleId);if(r!=null&&r.visible){s=r;break}}return s}};var P=class extends F{constructor(t,e){super(p({apiKey:t},e));this.flows=[];this.hasFailed=!1;this.visibilityChangeHandler=()=>g(this,null,function*(){document.visibilityState==="visible"&&(yield this.refreshStateFromAPI())});this.init(this.config),m()&&document.addEventListener("visibilitychange",this.visibilityChangeHandler)}destroy(){if(m()){document.removeEventListener("visibilitychange",this.visibilityChangeHandler);let t=I(this.config);h[t]&&(h[t].onFlowStateChangeHandlers=[])}}init(t){return g(this,null,function*(){return this.config=p(p({},this.config),t),this.initPromise=(()=>g(this,null,function*(){var e;this.config.userId&&!((e=this.config.userId)!=null&&e.startsWith(R))&&(yield this.fetch("/users",{method:"POST",body:JSON.stringify({foreignId:this.config.userId})})),yield this.refreshStateFromAPI()}))(),this.initPromise})}identify(t,e){return g(this,null,function*(){this.config=y(p({},this.config),{userId:t}),yield this.initIfNeeded(),yield this.fetch("/users",{method:"POST",body:JSON.stringify({foreignId:this.config.userId,properties:e})}),yield this.resync()})}group(t,e){return g(this,null,function*(){yield this.initIfNeeded(),this.config.groupId=t,yield this.fetch("/userGroups",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,properties:e})}),yield this.resync()})}track(t,e){return g(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.fetch("/userGroups",{method:"POST",body:JSON.stringify({foreignUserId:this.config.userId,foreignUserGroupId:this.config.groupId,events:[{event:t,properties:e}]})}):this.config.userId&&(yield this.fetch("/users",{method:"POST",body:JSON.stringify({foreignId:this.config.userId,events:[{event:t,properties:e}]})})),yield this.resync()})}isReady(){return!!(this.config.__instanceId&&this.config.apiKey&&this.initPromise)}getFlow(t){return g(this,null,function*(){return yield this.initIfNeeded(),this.flows.find(e=>e.id==t)})}getFlows(){return g(this,null,function*(){return yield this.initIfNeeded(),this.flows})}reload(){return g(this,null,function*(){j(),_(),yield this.refreshStateFromAPI(),this.initPromise=null,yield this.init(this.config),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,C(t))})})})}resync(){return g(this,null,function*(){this.initPromise=null,yield this.init(this.config),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,C(t))})})})}onStateChange(t){return g(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers.push(t)})}hasFailedToLoad(){return this.hasFailed}removeStateChangeHandler(t){return g(this,null,function*(){yield this.initIfNeeded(),this.getGlobalState().onFlowStateChangeHandlers=this.getGlobalState().onFlowStateChangeHandlers.filter(e=>e!==t)})}initIfNeeded(){return g(this,null,function*(){return this.initPromise!==null?this.initPromise:this.init(this.config)})}refreshStateFromAPI(){return g(this,null,function*(){let t=I(this.config);if(!h[t]){let e=this,i={set:function(s,l,r){if(s[l]){let n=s[l],c=r;JSON.stringify(n)!==JSON.stringify(c)&&e.triggerEventHandlers(c,n)}return s[l]=r,!0}};if(h[t]={refreshStateFromAPI:()=>g(this,null,function*(){}),rulesGraph:new A({}),flowStates:new Proxy({},i),onFlowStateChangeHandlerWrappers:new Map,onStepStateChangeHandlerWrappers:new Map,onFlowStateChangeHandlers:[],previousFlows:new Map,variables:{}},this.config.__readOnly&&this.config.__flowConfigOverrides){this.mockFlowStates(t);return}h[t].refreshStateFromAPI=()=>g(this,null,function*(){var r,n,c,f,d;if(this.config.__readOnly)return;let s=yield this.fetch(`/flowStates?userId=${encodeURIComponent(this.config.userId)}${this.config.groupId?`&groupId=${encodeURIComponent(this.config.groupId)}`:""}`),l=JSON.stringify(h[t].rulesGraph.rawGraphData)!==JSON.stringify((r=s.ruleGraph)==null?void 0:r.graph);h[t].rulesGraph=new A((c=(n=s.ruleGraph)==null?void 0:n.graph)!=null?c:{},(d=(f=h[t])==null?void 0:f.rulesGraph)==null?void 0:d.getRegistry()),l&&this.flows.forEach(S=>{var T;if((T=s.ruleGraph)!=null&&T.graph[S.id]){let q=s.eligibleFlows.find(G=>G.flowSlug===S.id),Q=this.getGlobalState().previousFlows.get(S.id);S.resyncState(q),this.getGlobalState().onFlowStateChangeHandlers.forEach(G=>{G(S,Q),this.getGlobalState().previousFlows.set(S.id,C(S))})}}),s&&s.eligibleFlows?(s.eligibleFlows.forEach(S=>{h[t].flowStates[S.flowSlug]=S,this.flows.find(T=>T.id==S.flowSlug)||this.flows.push(new w({config:this.config,id:S.flowSlug}))}),this.hasFailed=!1):this.hasFailed=!0})}yield h[t].refreshStateFromAPI()})}mockFlowConfigs(){Object.keys(this.config.__flowConfigOverrides).forEach(t=>{this.flows.push(new w({config:this.config,id:t}))})}mockFlowStates(t){Object.keys(this.config.__flowConfigOverrides).forEach(e=>{var s,l,r;let i=JSON.parse(this.config.__flowConfigOverrides[e]);h[t].flowStates[e]={flowSlug:e,flowName:(s=i==null?void 0:i.name)!=null?s:e,flowType:(l=i==null?void 0:i.type)!=null?l:"CHECKLIST",data:y(p({},i),{steps:((r=i==null?void 0:i.steps)!=null?r:[]).map(n=>p({id:n.id,$state:{completed:!1,started:!1,visible:!0,blocked:!1}},n))}),$state:{currentStepId:null,currentStepIndex:-1,completed:!1,started:!1,skipped:!1,visible:!0}},this.flows.push(new w({config:this.config,id:e}))})}triggerEventHandlers(t,e){return g(this,null,function*(){t&&this.flows.forEach(i=>{i.id==e.flowSlug&&this.getGlobalState().onFlowStateChangeHandlers.forEach(s=>{let l=this.getGlobalState().previousFlows.get(i.id);i.resyncState(t),s(i,l),this.getGlobalState().previousFlows.set(i.id,C(i))})})})}};var X=(t=>(t.MANUAL="MANUAL",t.AUTOMATIC="AUTOMATIC",t))(X||{}),Y=(e=>(e.DRAFT="DRAFT",e.ACTIVE="ACTIVE",e.ARCHIVED="ARCHIVED",e))(Y||{}),z=(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))(z||{});export{w as Flow,Y as FlowStatus,z as FlowType,P as Frigade,X as TriggerType};
 //# sourceMappingURL=index.js.map