@nyaruka/temba-components 0.107.1 → 0.108.0

package/temba-modules.ts

@@ -60,7 +60,7 @@ import { MediaPicker } from './src/mediapicker/MediaPicker';
 import { ContactNotepad } from './src/contacts/ContactNotepad';
 import { OutboxMonitor } from './src/outboxmonitor/OutboxMonitor';
 import { ProgressBar } from './src/progress/ProgressBar';
-import { FlowStartProgress } from './src/progress/FlowStartProgress';
+import { StartProgress } from './src/progress/StartProgress';
 
 export function addCustomElement(name: string, comp: any) {
   if (!window.customElements.get(name)) {
@@ -131,4 +131,4 @@ addCustomElement('temba-media-picker', MediaPicker);
 addCustomElement('temba-contact-notepad', ContactNotepad);
 addCustomElement('temba-outbox-monitor', OutboxMonitor);
 addCustomElement('temba-progress', ProgressBar);
-addCustomElement('temba-flowstart-progress', FlowStartProgress);
+addCustomElement('temba-start-progress', StartProgress);

package/out-tsc/src/progress/FlowStartProgress.js

@@ -1,69 +0,0 @@
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { RapidElement } from '../RapidElement';
-import { property } from 'lit/decorators.js';
-import { fetchResults } from '../utils';
-export class FlowStartProgress extends RapidElement {
-    constructor() {
-        super(...arguments);
-        this.refreshes = 0;
-    }
-    updated(changes) {
-        super.updated(changes);
-        if (changes.has('uuid')) {
-            this.refresh();
-        }
-    }
-    refresh() {
-        fetchResults(`/api/v2/flow_starts.json?uuid=${this.uuid}`).then((data) => {
-            if (data.length > 0) {
-                this.refreshes++;
-                const start = data[0];
-                this.started = start.progress.started;
-                this.total = start.progress.total;
-                const elapsed = new Date().getTime() - new Date(start.created_on).getTime();
-                const rate = this.started / elapsed;
-                // calculate the estimated time of arrival
-                const eta = new Date(new Date().getTime() + (this.total - this.started) / rate);
-                // Don't bother with estimates months out
-                const nextMonth = new Date();
-                nextMonth.setMonth(nextMonth.getMonth() + 2);
-                if (eta > nextMonth) {
-                    this.eta = null;
-                }
-                else {
-                    this.eta = eta.toISOString();
-                }
-                if (this.started < this.total) {
-                    // refresh with a backoff up to 1 minute
-                    setTimeout(() => {
-                        this.refresh();
-                    }, Math.min(1000 * this.refreshes, 60000));
-                }
-            }
-        });
-    }
-    render() {
-        return html `<temba-progress
-      total=${this.total}
-      current=${this.started}
-      eta=${this.eta}
-    ></temba-progress>`;
-    }
-}
-__decorate([
-    property({ type: String })
-], FlowStartProgress.prototype, "uuid", void 0);
-__decorate([
-    property({ type: Number })
-], FlowStartProgress.prototype, "started", void 0);
-__decorate([
-    property({ type: Number })
-], FlowStartProgress.prototype, "total", void 0);
-__decorate([
-    property({ type: Number })
-], FlowStartProgress.prototype, "refreshes", void 0);
-__decorate([
-    property({ type: String })
-], FlowStartProgress.prototype, "eta", void 0);
-//# sourceMappingURL=FlowStartProgress.js.map

package/out-tsc/src/progress/FlowStartProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowStartProgress.js","sourceRoot":"","sources":["../../../src/progress/FlowStartProgress.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, PropertyValueMap, TemplateResult } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { property } from 'lit/decorators.js';\nimport { fetchResults } from '../utils';\n\nexport class FlowStartProgress extends RapidElement {\n  @property({ type: String })\n  uuid: string;\n\n  @property({ type: Number })\n  started: number;\n\n  @property({ type: Number })\n  total: number;\n\n  @property({ type: Number })\n  refreshes: number = 0;\n\n  @property({ type: String })\n  eta: string;\n\n  public updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n    if (changes.has('uuid')) {\n      this.refresh();\n    }\n  }\n\n  public refresh(): void {\n    fetchResults(`/api/v2/flow_starts.json?uuid=${this.uuid}`).then(\n      (data: any) => {\n        if (data.length > 0) {\n          this.refreshes++;\n          const start = data[0];\n          this.started = start.progress.started;\n          this.total = start.progress.total;\n\n          const elapsed =\n            new Date().getTime() - new Date(start.created_on).getTime();\n          const rate = this.started / elapsed;\n\n          // calculate the estimated time of arrival\n          const eta = new Date(\n            new Date().getTime() + (this.total - this.started) / rate\n          );\n\n          // Don't bother with estimates months out\n          const nextMonth = new Date();\n          nextMonth.setMonth(nextMonth.getMonth() + 2);\n          if (eta > nextMonth) {\n            this.eta = null;\n          } else {\n            this.eta = eta.toISOString();\n          }\n\n          if (this.started < this.total) {\n            // refresh with a backoff up to 1 minute\n            setTimeout(() => {\n              this.refresh();\n            }, Math.min(1000 * this.refreshes, 60000));\n          }\n        }\n      }\n    );\n  }\n\n  public render(): TemplateResult {\n    return html`<temba-progress\n      total=${this.total}\n      current=${this.started}\n      eta=${this.eta}\n    ></temba-progress>`;\n  }\n}\n"]}

package/src/progress/FlowStartProgress.ts

@@ -1,76 +0,0 @@
-import { html, PropertyValueMap, TemplateResult } from 'lit';
-import { RapidElement } from '../RapidElement';
-import { property } from 'lit/decorators.js';
-import { fetchResults } from '../utils';
-
-export class FlowStartProgress extends RapidElement {
-  @property({ type: String })
-  uuid: string;
-
-  @property({ type: Number })
-  started: number;
-
-  @property({ type: Number })
-  total: number;
-
-  @property({ type: Number })
-  refreshes: number = 0;
-
-  @property({ type: String })
-  eta: string;
-
-  public updated(
-    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>
-  ): void {
-    super.updated(changes);
-    if (changes.has('uuid')) {
-      this.refresh();
-    }
-  }
-
-  public refresh(): void {
-    fetchResults(`/api/v2/flow_starts.json?uuid=${this.uuid}`).then(
-      (data: any) => {
-        if (data.length > 0) {
-          this.refreshes++;
-          const start = data[0];
-          this.started = start.progress.started;
-          this.total = start.progress.total;
-
-          const elapsed =
-            new Date().getTime() - new Date(start.created_on).getTime();
-          const rate = this.started / elapsed;
-
-          // calculate the estimated time of arrival
-          const eta = new Date(
-            new Date().getTime() + (this.total - this.started) / rate
-          );
-
-          // Don't bother with estimates months out
-          const nextMonth = new Date();
-          nextMonth.setMonth(nextMonth.getMonth() + 2);
-          if (eta > nextMonth) {
-            this.eta = null;
-          } else {
-            this.eta = eta.toISOString();
-          }
-
-          if (this.started < this.total) {
-            // refresh with a backoff up to 1 minute
-            setTimeout(() => {
-              this.refresh();
-            }, Math.min(1000 * this.refreshes, 60000));
-          }
-        }
-      }
-    );
-  }
-
-  public render(): TemplateResult {
-    return html`<temba-progress
-      total=${this.total}
-      current=${this.started}
-      eta=${this.eta}
-    ></temba-progress>`;
-  }
-}