bm-webapp-sdk 0.1.3 → 0.1.5

package/dist/bm-webapp-sdk.min.js

@@ -1 +1 @@
-(()=>{"use strict";var t={d:(e,s)=>{for(var i in s)t.o(s,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:s[i]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{WebAppHandler:()=>i});const s={retryDelayOnTimeout:2e3,requestTimeout:6e4,responseVar:"response",apiEndpoint:"https://console.bot-marketing.com/api/public"};class i{constructor(t){this.options={...s,...t}}isActive(){return"active"===this.data?.statusName}async init(){if(this.data)throw new Error("Handler already initialized");if(this.options.sessionHash)return await this.refreshData(),!this.isActive()&&this.isTelegramInitAvailable()?this.initNewSession():this;if(this.isTelegramInitAvailable())return this.initNewSession();throw new Error("Failed to init handler. You must specify `sessionId`, or `scenarioId` when working with Telegram")}async refreshData(){const t=this.data?.hash||this.options.sessionHash;if(!t)throw new Error("Cannot refresh data: session id is missing");try{return this.data=await this.makeRequest("GET",`tunnelSessions/${t}`),this}catch(t){throw new Error(`Failed to get session data: ${t.message}`)}}async request(t,e,s){if(this.currentRequest)throw new Error("Please wait until pending request is finished");if(this.data||await this.init(),!this.isActive())throw new Error("Cannot make request: session is not active");if(s)return this.makeRequest("POST",`tunnelSessions/${this.data.hash}/request`,{code:t,params:e}),this;try{return this.currentRequest={controller:new AbortController,timeoutId:setTimeout((()=>this.abort()),this.options.requestTimeout)},this.data=await this.makeRequest("POST",`tunnelSessions/${this.data.hash}/request`,{code:t,params:e},this.currentRequest.controller.signal),this.currentRequest=null,this}catch(t){if("request_timeout"===t.message)return this.waitUntilSessionFinishesTransition();throw this.currentRequest=null,t}}abort(){this.currentRequest&&(this.currentRequest.controller?this.currentRequest.controller.abort("Request timeout"):(clearTimeout(this.currentRequest.retryTimeoutId),this.currentRequest.reject("Request timeout"),this.currentRequest=null))}isTelegramInitAvailable(){return void 0!==window.Telegram&&void 0!==this.options.scenarioCode}async initNewSession(){try{return this.data=await this.makeRequest("POST",`tunnel/${this.options.scenarioCode}/initWebApp`,{initData:Telegram.WebApp.initData,botTokenParamName:this.options.botTokenParamName,variables:this.options.initVariables}),this}catch(t){throw new Error(`Failed to init new session: ${t.message}`)}}async makeRequest(t,e,s,i){const r=await fetch(`${this.options.apiEndpoint}/${e}`,{method:t,signal:i,..."POST"===t?{body:JSON.stringify(s),headers:{"Content-Type":"application/json",Accept:"application/json"}}:{headers:{Accept:"application/json"}}});if(r.status>=400){const t=await r.json();throw new Error(t.message||`Http Error ${r.status}`)}return r.json()}waitUntilSessionFinishesTransition(){return new Promise(((t,e)=>{this.currentRequest.reject=e;const s=()=>{this.currentRequest.retryTimeoutId=setTimeout((async()=>{await this.refreshData(),this.data.isTransitioning?s():t(this)}),this.options.retryDelayOnTimeout)};s()}))}}window.BotMarketing=e})();
+(()=>{"use strict";var t={d:(e,i)=>{for(var s in i)t.o(i,s)&&!t.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:i[s]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{WebAppHandler:()=>s});const i={retryDelayOnTimeout:2e3,requestTimeout:6e4,responseVar:"response",apiEndpoint:"https://console.bot-marketing.com/api/public"};class s{constructor(t){this.options={...i,...t}}isActive(){var t;return"active"===(null===(t=this.data)||void 0===t?void 0:t.statusName)}async init(){if(this.data)throw new Error("Handler already initialized");if(this.options.sessionHash)return await this.refreshData(),!this.isActive()&&this.isTelegramInitAvailable()?this.initNewSession():this;if(this.isTelegramInitAvailable())return this.initNewSession();throw new Error("Failed to init handler. You must specify `sessionId`, or `scenarioId` when working with Telegram")}async refreshData(){var t;const e=(null===(t=this.data)||void 0===t?void 0:t.hash)||this.options.sessionHash;if(!e)throw new Error("Cannot refresh data: session id is missing");try{return this.data=await this.makeRequest("GET",`tunnelSessions/${e}`),this}catch(t){throw new Error(`Failed to get session data: ${t.message}`)}}async request(t,e,i){if(this.currentRequest)throw new Error("Please wait until pending request is finished");if(this.data||await this.init(),!this.isActive())throw new Error("Cannot make request: session is not active");if(i)return this.makeRequest("POST",`tunnelSessions/${this.data.hash}/request`,{code:t,params:e}),this;try{return this.currentRequest={controller:new AbortController,timeoutId:setTimeout((()=>this.abort()),this.options.requestTimeout)},this.data=await this.makeRequest("POST",`tunnelSessions/${this.data.hash}/request`,{code:t,params:e},this.currentRequest.controller.signal),this.currentRequest=null,this}catch(t){if("request_timeout"===t.message)return this.waitUntilSessionFinishesTransition();throw this.currentRequest=null,t}}abort(){this.currentRequest&&(this.currentRequest.controller?this.currentRequest.controller.abort("Request timeout"):(clearTimeout(this.currentRequest.retryTimeoutId),this.currentRequest.reject("Request timeout"),this.currentRequest=null))}isTelegramInitAvailable(){return void 0!==window.Telegram&&void 0!==this.options.scenarioCode}async initNewSession(){try{return this.data=await this.makeRequest("POST",`tunnel/${this.options.scenarioCode}/initWebApp`,{initData:Telegram.WebApp.initData,botTokenParamName:this.options.botTokenParamName,variables:this.options.initVariables}),this}catch(t){throw new Error(`Failed to init new session: ${t.message}`)}}async makeRequest(t,e,i,s){const r=await fetch(`${this.options.apiEndpoint}/${e}`,{method:t,signal:s,..."POST"===t?{body:JSON.stringify(i),headers:{"Content-Type":"application/json",Accept:"application/json"}}:{headers:{Accept:"application/json"}}});if(r.status>=400){const t=await r.json();throw new Error(t.message||`Http Error ${r.status}`)}return r.json()}waitUntilSessionFinishesTransition(){return new Promise(((t,e)=>{this.currentRequest.reject=e;const i=()=>{this.currentRequest.retryTimeoutId=setTimeout((async()=>{await this.refreshData(),this.data.isTransitioning?i():t(this)}),this.options.retryDelayOnTimeout)};i()}))}}window.BotMarketing=e})();

package/dist/index.d.ts

@@ -1,7 +1,69 @@
-import WebAppHandler from './WebAppHandler';
+export interface HandlerOptions {
+    sessionHash?: string;
+    scenarioCode?: string;
+    initVariables?: TData;
+    botTokenParamName?: string;
+    userApiToken?: string;
+    retryDelayOnTimeout?: number;
+    requestTimeout?: number;
+    responseVar?: string;
+    apiEndpoint?: string;
+}
+export type TData = {
+    [key: string]: any;
+};
+export interface INodeEventsDecl {
+    inbox: boolean;
+    outbox: boolean;
+    anyInbox: boolean;
+    dialogClosed: boolean;
+    invoicePaid: boolean;
+    externalRequest: boolean;
+    buttons: boolean;
+    customEvents: boolean;
+}
+export interface INode {
+    id: number;
+    title: string;
+    typeName: "basic" | "event" | "eventListener" | "condition" | "conditionBranch";
+    waitingForEvents?: INodeEventsDecl;
+}
+export type TScenarioSessionStatus = "active" | "stopped" | "ended" | "unknownError" | "tunnelDisabled" | "expired" | "userDisabled" | "stepDeleted" | "transitionsLimit" | "parentStopped";
+export interface ScenarioSession {
+    id: number;
+    hash: string;
+    statusName: TScenarioSessionStatus;
+    ref: string | null;
+    variables: TData;
+    isTransitioning: boolean;
+    currentNode: INode | null;
+}
+export interface ICurrentRequest {
+    controller: AbortController | null;
+    timeoutId: number;
+    retryTimeoutId?: number;
+    reject?: (reason?: any) => void;
+}
+export default class WebAppHandler {
+    readonly options: HandlerOptions;
+    data?: ScenarioSession;
+    private currentRequest?;
+    constructor(options: HandlerOptions);
+    isActive(): boolean;
+    init(): Promise<WebAppHandler>;
+    refreshData(): Promise<WebAppHandler>;
+    request(code: string, params?: TData, async?: boolean): Promise<WebAppHandler>;
+    abort(): void;
+    isTelegramInitAvailable(): boolean;
+    protected initNewSession(): Promise<WebAppHandler>;
+    protected makeRequest(method: string, path: string, json?: TData, signal?: AbortSignal): Promise<any>;
+    private waitUntilSessionFinishesTransition;
+}
+
 export { WebAppHandler };
 declare global {
     interface Window {
         Telegram: any;
     }
 }
+

package/es2019/WebAppHandler.d.ts

@@ -0,0 +1,61 @@
+export interface HandlerOptions {
+    sessionHash?: string;
+    scenarioCode?: string;
+    initVariables?: TData;
+    botTokenParamName?: string;
+    userApiToken?: string;
+    retryDelayOnTimeout?: number;
+    requestTimeout?: number;
+    responseVar?: string;
+    apiEndpoint?: string;
+}
+export type TData = {
+    [key: string]: any;
+};
+export interface INodeEventsDecl {
+    inbox: boolean;
+    outbox: boolean;
+    anyInbox: boolean;
+    dialogClosed: boolean;
+    invoicePaid: boolean;
+    externalRequest: boolean;
+    buttons: boolean;
+    customEvents: boolean;
+}
+export interface INode {
+    id: number;
+    title: string;
+    typeName: "basic" | "event" | "eventListener" | "condition" | "conditionBranch";
+    waitingForEvents?: INodeEventsDecl;
+}
+export type TScenarioSessionStatus = "active" | "stopped" | "ended" | "unknownError" | "tunnelDisabled" | "expired" | "userDisabled" | "stepDeleted" | "transitionsLimit" | "parentStopped";
+export interface ScenarioSession {
+    id: number;
+    hash: string;
+    statusName: TScenarioSessionStatus;
+    ref: string | null;
+    variables: TData;
+    isTransitioning: boolean;
+    currentNode: INode | null;
+}
+export interface ICurrentRequest {
+    controller: AbortController | null;
+    timeoutId: number;
+    retryTimeoutId?: number;
+    reject?: (reason?: any) => void;
+}
+export default class WebAppHandler {
+    readonly options: HandlerOptions;
+    data?: ScenarioSession;
+    private currentRequest?;
+    constructor(options: HandlerOptions);
+    isActive(): boolean;
+    init(): Promise<WebAppHandler>;
+    refreshData(): Promise<WebAppHandler>;
+    request(code: string, params?: TData, async?: boolean): Promise<WebAppHandler>;
+    abort(): void;
+    isTelegramInitAvailable(): boolean;
+    protected initNewSession(): Promise<WebAppHandler>;
+    protected makeRequest(method: string, path: string, json?: TData, signal?: AbortSignal): Promise<any>;
+    private waitUntilSessionFinishesTransition;
+}

package/es2019/WebAppHandler.js

@@ -0,0 +1,140 @@
+const DEFAULTS = {
+    retryDelayOnTimeout: 2000,
+    requestTimeout: 60000,
+    responseVar: 'response',
+    apiEndpoint: 'https://console.bot-marketing.com/api/public',
+};
+export default class WebAppHandler {
+    constructor(options) {
+        this.options = { ...DEFAULTS, ...options };
+    }
+    isActive() {
+        var _a;
+        return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.statusName) === "active";
+    }
+    async init() {
+        if (this.data)
+            throw new Error("Handler already initialized");
+        if (this.options.sessionHash) {
+            await this.refreshData();
+            if (!this.isActive() && this.isTelegramInitAvailable())
+                return this.initNewSession();
+            return this;
+        }
+        else if (this.isTelegramInitAvailable()) {
+            return this.initNewSession();
+        }
+        else {
+            throw new Error('Failed to init handler. You must specify `sessionId`, or `scenarioId` when working with Telegram');
+        }
+    }
+    async refreshData() {
+        var _a;
+        const sessionId = ((_a = this.data) === null || _a === void 0 ? void 0 : _a.hash) || this.options.sessionHash;
+        if (!sessionId)
+            throw new Error('Cannot refresh data: session id is missing');
+        try {
+            this.data = await this.makeRequest("GET", `tunnelSessions/${sessionId}`);
+            return this;
+        }
+        catch (error) {
+            throw new Error(`Failed to get session data: ${error.message}`);
+        }
+    }
+    async request(code, params, async) {
+        if (this.currentRequest)
+            throw new Error('Please wait until pending request is finished');
+        if (!this.data)
+            await this.init();
+        if (!this.isActive())
+            throw new Error('Cannot make request: session is not active');
+        if (async) {
+            // noinspection ES6MissingAwait
+            this.makeRequest("POST", `tunnelSessions/${this.data.hash}/request`, { code, params });
+            return this;
+        }
+        try {
+            this.currentRequest = {
+                controller: new AbortController(),
+                timeoutId: setTimeout(() => this.abort(), this.options.requestTimeout),
+            };
+            this.data = await this.makeRequest("POST", `tunnelSessions/${this.data.hash}/request`, { code, params, }, this.currentRequest.controller.signal);
+            this.currentRequest = null;
+            return this;
+        }
+        catch (error) {
+            if (error.message === 'request_timeout')
+                return this.waitUntilSessionFinishesTransition();
+            this.currentRequest = null;
+            throw error;
+        }
+    }
+    abort() {
+        if (!this.currentRequest)
+            return;
+        // Main request is still running, we can just abort it
+        // The rest is done inside request method
+        if (this.currentRequest.controller) {
+            this.currentRequest.controller.abort('Request timeout');
+        }
+        else {
+            // At this point we are trying to wait until session is finished transitioning
+            clearTimeout(this.currentRequest.retryTimeoutId);
+            this.currentRequest.reject('Request timeout');
+            this.currentRequest = null;
+        }
+    }
+    isTelegramInitAvailable() {
+        return window.Telegram !== undefined && this.options.scenarioCode !== undefined;
+    }
+    async initNewSession() {
+        try {
+            this.data = await this.makeRequest("POST", `tunnel/${this.options.scenarioCode}/initWebApp`, {
+                initData: Telegram.WebApp.initData,
+                botTokenParamName: this.options.botTokenParamName,
+                variables: this.options.initVariables,
+            });
+            return this;
+        }
+        catch (error) {
+            throw new Error(`Failed to init new session: ${error.message}`);
+        }
+    }
+    async makeRequest(method, path, json, signal) {
+        const resp = await fetch(`${this.options.apiEndpoint}/${path}`, {
+            method: method,
+            signal,
+            ...(method === "POST" ? {
+                body: JSON.stringify(json),
+                headers: {
+                    "Content-Type": "application/json",
+                    "Accept": "application/json",
+                },
+            } : {
+                headers: { "Accept": "application/json" },
+            }),
+        });
+        if (resp.status >= 400) {
+            const data = await resp.json();
+            throw new Error(data.message || `Http Error ${resp.status}`);
+        }
+        return resp.json();
+    }
+    waitUntilSessionFinishesTransition() {
+        return new Promise((resolve, reject) => {
+            this.currentRequest.reject = reject;
+            const resetTimeout = () => {
+                this.currentRequest.retryTimeoutId = setTimeout(async () => {
+                    await this.refreshData();
+                    if (this.data.isTransitioning) {
+                        resetTimeout();
+                    }
+                    else {
+                        resolve(this);
+                    }
+                }, this.options.retryDelayOnTimeout);
+            };
+            resetTimeout();
+        });
+    }
+}

package/es2019/index.d.ts

@@ -0,0 +1,7 @@
+import WebAppHandler from './WebAppHandler';
+export { WebAppHandler };
+declare global {
+    interface Window {
+        Telegram: any;
+    }
+}

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "bm-webapp-sdk",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "",
-  "main": "esm/index.js",
-  "types": "esm/index.d.ts",
+  "main": "src/index.ts",
+  "types": "dist/index.d.ts",
   "scripts": {
     "develop": "webpack-dev-server --mode development",
     "build": "webpack --mode production"
   },
   "repository": "https://gitlab.com/b4494/bm-webapp-sdk",
   "files": [
-    "/dist"
+    "/dist",
+    "/es2019"
   ],
   "keywords": [],
   "author": "lazychaser@gmail.com",

package/src/index.ts

@@ -0,0 +1,9 @@
+import WebAppHandler from './WebAppHandler';
+
+export { WebAppHandler };
+
+declare global {
+    interface Window {
+        Telegram: any;
+    }
+}