@servicetitan/onboarding-ui 7.1.0 → 7.3.0

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-export * from './company-profile';
 export * from './address-suggestion-popover';
+export * from './company-profile';
+export * from './components';
+export * from './customer-types';
 export * from './hooks';
+export * from './pusher';
 export * from './utils';
-export * from './customer-types';
-export * from './components';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,7 +1,8 @@
-export * from './company-profile';
 export * from './address-suggestion-popover';
+export * from './company-profile';
+export * from './components';
+export * from './customer-types';
 export * from './hooks';
+export * from './pusher';
 export * from './utils';
-export * from './customer-types';
-export * from './components';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/pusher/index.d.ts

@@ -0,0 +1,3 @@
+export * from './presence.store';
+export * from './pusher.store';
+//# sourceMappingURL=index.d.ts.map

package/dist/pusher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pusher/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/dist/pusher/index.js

@@ -0,0 +1,3 @@
+export * from './presence.store';
+export * from './pusher.store';
+//# sourceMappingURL=index.js.map

package/dist/pusher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pusher/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/dist/pusher/presence.store.d.ts

@@ -0,0 +1,26 @@
+import { PusherStore } from './pusher.store';
+interface MemberInfo {
+    EnteredDate: number;
+    Name: string;
+    IsFromAdmin: boolean;
+}
+interface Member {
+    id: string;
+    info: MemberInfo;
+}
+export declare class PresenceStore {
+    private pusherStore;
+    private instance?;
+    constructor(pusherStore: PusherStore);
+    initialize: (channelName: string) => Promise<void>;
+    dispose: () => void;
+    get first(): Member;
+    get amIFirst(): boolean;
+    private get channel();
+    get allMembers(): Member[];
+    get users(): Member[];
+    private get me();
+    get lastUser(): string;
+}
+export {};
+//# sourceMappingURL=presence.store.d.ts.map

package/dist/pusher/presence.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.store.d.ts","sourceRoot":"","sources":["../../src/pusher/presence.store.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,UAAU,UAAU;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACxB;AACD,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;CACpB;AAED,qBACa,aAAa;IAGW,OAAO,CAAC,WAAW;IAFxC,OAAO,CAAC,QAAQ,CAAC,CAAkB;gBAEN,WAAW,EAAE,WAAW;IAKjE,UAAU,gBAAuB,MAAM,mBAOrC;IAGF,OAAO,aAGL;IAEF,IACI,KAAK,WAER;IAED,IACI,QAAQ,YAEX;IAGD,OAAO,KAAK,OAAO,GAKlB;IAED,IACI,UAAU,aAMb;IAED,IACI,KAAK,aAIR;IAGD,OAAO,KAAK,EAAE,GAEb;IAED,IACI,QAAQ,WAEX;CACJ"}

package/dist/pusher/presence.store.js

@@ -0,0 +1,151 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { inject, injectable } from '@servicetitan/react-ioc';
+import { action, computed, makeObservable, observable } from 'mobx';
+import { PresenceChannel } from 'pusher-js';
+import { sortBy } from '../utils';
+import { PusherStore } from './pusher.store';
+let PresenceStore = class PresenceStore {
+    constructor(pusherStore) {
+        Object.defineProperty(this, "pusherStore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: pusherStore
+        });
+        Object.defineProperty(this, "instance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "initialize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (channelName) => __awaiter(this, void 0, void 0, function* () {
+                const presenceChannelName = this.pusherStore.combinePresenceChannelName(channelName);
+                this.instance = this.pusherStore.pusher.subscribe(presenceChannelName);
+                return new Promise((resolve, reject) => {
+                    this.channel.bind('pusher:subscription_succeeded', resolve);
+                    this.channel.bind('pusher:subscription_error', reject);
+                });
+            })
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.pusherStore.pusher.unsubscribe(this.channel.name);
+                this.instance = undefined;
+            }
+        });
+        makeObservable(this);
+    }
+    get first() {
+        return this.users[0];
+    }
+    get amIFirst() {
+        var _a, _b;
+        return ((_a = this.first) === null || _a === void 0 ? void 0 : _a.id) === ((_b = this.me) === null || _b === void 0 ? void 0 : _b.id);
+    }
+    get channel() {
+        if (!this.instance) {
+            throw new Error('Presence channel is not initialized');
+        }
+        return this.instance;
+    }
+    get allMembers() {
+        const result = [];
+        for (const id in this.channel.members.members) {
+            result.push(this.channel.members.get(id));
+        }
+        return result;
+    }
+    get users() {
+        return this.allMembers
+            .filter(({ info: { IsFromAdmin } }) => !IsFromAdmin)
+            .sort(sortBy(member => member.info.EnteredDate));
+    }
+    get me() {
+        return this.channel.members.me;
+    }
+    get lastUser() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.users[this.users.length - 1]) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.Name) !== null && _c !== void 0 ? _c : '-';
+    }
+};
+__decorate([
+    observable,
+    __metadata("design:type", PresenceChannel)
+], PresenceStore.prototype, "instance", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PresenceStore.prototype, "initialize", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PresenceStore.prototype, "dispose", void 0);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "first", null);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "amIFirst", null);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "channel", null);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "allMembers", null);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "users", null);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "me", null);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PresenceStore.prototype, "lastUser", null);
+PresenceStore = __decorate([
+    injectable(),
+    __param(0, inject(PusherStore)),
+    __metadata("design:paramtypes", [PusherStore])
+], PresenceStore);
+export { PresenceStore };
+//# sourceMappingURL=presence.store.js.map

package/dist/pusher/presence.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.store.js","sourceRoot":"","sources":["../../src/pusher/presence.store.ts"],"names":[],"mappings":"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"}

package/dist/pusher/pusher.store.d.ts

@@ -0,0 +1,21 @@
+import Pusher, { Channel } from 'pusher-js';
+export interface PusherConfig {
+    authEndpoint: string;
+    tenantId: string;
+    pusherNamespace: string;
+    globalPusherChannelName?: string;
+    appKey?: string;
+}
+export declare class PusherStore {
+    private instance?;
+    private config?;
+    constructor();
+    initialize: (config: PusherConfig) => void;
+    findChannel: (channelName: string) => Channel | undefined;
+    combineChannelName: (channelName: string) => string;
+    combinePresenceChannelName: (channelName: string) => string;
+    dispose: () => void;
+    private combineChannelSuffix;
+    get pusher(): Pusher;
+}
+//# sourceMappingURL=pusher.store.d.ts.map

package/dist/pusher/pusher.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pusher.store.d.ts","sourceRoot":"","sources":["../../src/pusher/pusher.store.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,qBACa,WAAW;IACR,OAAO,CAAC,QAAQ,CAAC,CAAS;IAC1B,OAAO,CAAC,MAAM,CAAC,CAAe;;IAO1C,UAAU,WAAY,YAAY,UAOhC;IAGF,WAAW,gBAAiB,MAAM,KAAG,OAAO,GAAG,SAAS,CAEtD;IAGF,kBAAkB,gBAAiB,MAAM,YACe;IAGxD,0BAA0B,gBAAiB,MAAM,YACQ;IAGzD,OAAO,aAGL;IAEF,OAAO,CAAC,oBAAoB,CACkD;IAE9E,IACI,MAAM,WAKT;CACJ"}

package/dist/pusher/pusher.store.js

@@ -0,0 +1,125 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { injectable } from '@servicetitan/react-ioc';
+import { action, computed, makeObservable, observable } from 'mobx';
+import Pusher from 'pusher-js';
+const APP_KEY = '59831c16dcf080351f5b';
+let PusherStore = class PusherStore {
+    constructor() {
+        Object.defineProperty(this, "instance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "initialize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (config) => {
+                var _a;
+                this.instance = new Pusher((_a = config.appKey) !== null && _a !== void 0 ? _a : APP_KEY, {
+                    authEndpoint: config.authEndpoint,
+                    cluster: 'mt1',
+                });
+                this.config = config;
+                this.pusher.subscribe(this.combineChannelName('global'));
+            }
+        });
+        Object.defineProperty(this, "findChannel", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (channelName) => {
+                return this.pusher.channels.find(this.combineChannelName(channelName));
+            }
+        });
+        Object.defineProperty(this, "combineChannelName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (channelName) => `private-${this.combineChannelSuffix(channelName)}`
+        });
+        Object.defineProperty(this, "combinePresenceChannelName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (channelName) => `presence-${this.combineChannelSuffix(channelName)}`
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a;
+                (_a = this.instance) === null || _a === void 0 ? void 0 : _a.disconnect();
+                this.instance = undefined;
+            }
+        });
+        Object.defineProperty(this, "combineChannelSuffix", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (channelName) => { var _a, _b; return `${(_a = this.config) === null || _a === void 0 ? void 0 : _a.pusherNamespace}-${channelName}-${(_b = this.config) === null || _b === void 0 ? void 0 : _b.tenantId}`; }
+        });
+        makeObservable(this);
+    }
+    get pusher() {
+        if (!this.instance) {
+            throw new Error('Pusher instance is not initialized');
+        }
+        return this.instance;
+    }
+};
+__decorate([
+    observable,
+    __metadata("design:type", Pusher)
+], PusherStore.prototype, "instance", void 0);
+__decorate([
+    observable,
+    __metadata("design:type", Object)
+], PusherStore.prototype, "config", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PusherStore.prototype, "initialize", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PusherStore.prototype, "findChannel", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PusherStore.prototype, "combineChannelName", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PusherStore.prototype, "combinePresenceChannelName", void 0);
+__decorate([
+    action,
+    __metadata("design:type", Object)
+], PusherStore.prototype, "dispose", void 0);
+__decorate([
+    computed,
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [])
+], PusherStore.prototype, "pusher", null);
+PusherStore = __decorate([
+    injectable(),
+    __metadata("design:paramtypes", [])
+], PusherStore);
+export { PusherStore };
+//# sourceMappingURL=pusher.store.js.map

package/dist/pusher/pusher.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pusher.store.js","sourceRoot":"","sources":["../../src/pusher/pusher.store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,MAAmB,MAAM,WAAW,CAAC;AAS5C,MAAM,OAAO,GAAG,sBAAsB,CAAC;AAGvC,IAAa,WAAW,GAAxB,MAAa,WAAW;IAIpB;QAHY;;;;;WAA0B;QAC1B;;;;;WAA8B;QAO1C;;;;mBAAa,CAAC,MAAoB,EAAE,EAAE;;gBAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,MAAM,CAAC,MAAA,MAAM,CAAC,MAAM,mCAAI,OAAO,EAAE;oBACjD,YAAY,EAAE,MAAM,CAAC,YAAY;oBACjC,OAAO,EAAE,KAAK;iBACjB,CAAC,CAAC;gBACH,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;gBACrB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC7D,CAAC;WAAC;QAGF;;;;mBAAc,CAAC,WAAmB,EAAuB,EAAE;gBACvD,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;YAC3E,CAAC;WAAC;QAGF;;;;mBAAqB,CAAC,WAAmB,EAAE,EAAE,CACzC,WAAW,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE;WAAC;QAGxD;;;;mBAA6B,CAAC,WAAmB,EAAE,EAAE,CACjD,YAAY,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE;WAAC;QAGzD;;;;mBAAU,GAAG,EAAE;;gBACX,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,EAAE,CAAC;gBAC5B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC9B,CAAC;WAAC;QAEF;;;;mBAA+B,CAAC,WAAmB,EAAE,EAAE,eACnD,OAAA,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,eAAe,IAAI,WAAW,IAAI,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,EAAE,CAAA,EAAA;WAAC;QAjC1E,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAmCD,IAAI,MAAM;QACN,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;SACzD;QACD,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;CACJ,CAAA;AA9Ce;IAAX,UAAU;8BAAoB,MAAM;6CAAC;AAC1B;IAAX,UAAU;;2CAA+B;AAO1C;IADC,MAAM;;+CAQL;AAGF;IADC,MAAM;;gDAGL;AAGF;IADC,MAAM;;uDAEiD;AAGxD;IADC,MAAM;;+DAEkD;AAGzD;IADC,MAAM;;4CAIL;AAMF;IADC,QAAQ;;;yCAMR;AA9CQ,WAAW;IADvB,UAAU,EAAE;;GACA,WAAW,CA+CvB;SA/CY,WAAW"}

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
-export * from './step-version-helper';
 export * from './country-helpers';
+export * from './sort-by';
+export * from './step-version-helper';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC"}

package/dist/utils/index.js

@@ -1,3 +1,4 @@
-export * from './step-version-helper';
 export * from './country-helpers';
+export * from './sort-by';
+export * from './step-version-helper';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC"}

package/dist/utils/sort-by.d.ts

@@ -0,0 +1,2 @@
+export declare const sortBy: <T>(selector: (item: T) => string | number, order?: 'asc' | 'desc') => (a: T, b: T) => number;
+//# sourceMappingURL=sort-by.d.ts.map

package/dist/utils/sort-by.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-by.d.ts","sourceRoot":"","sources":["../../src/utils/sort-by.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6BACY,MAAM,GAAG,MAAM,UAAS,KAAK,GAAG,MAAM,2BAWhE,CAAC"}

package/dist/utils/sort-by.js

@@ -0,0 +1,13 @@
+export const sortBy = (selector, order = 'asc') => (a, b) => {
+    const aValue = selector(a);
+    const bValue = selector(b);
+    let result = 0;
+    if (aValue < bValue) {
+        result = -1;
+    }
+    else if (aValue > bValue) {
+        result = 1;
+    }
+    return order === 'asc' ? result : -result;
+};
+//# sourceMappingURL=sort-by.js.map

package/dist/utils/sort-by.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-by.js","sourceRoot":"","sources":["../../src/utils/sort-by.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GACf,CAAI,QAAsC,EAAE,QAAwB,KAAK,EAAE,EAAE,CAC7E,CAAC,CAAI,EAAE,CAAI,EAAE,EAAE;IACX,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,MAAM,GAAG,MAAM,EAAE;QACjB,MAAM,GAAG,CAAC,CAAC,CAAC;KACf;SAAM,IAAI,MAAM,GAAG,MAAM,EAAE;QACxB,MAAM,GAAG,CAAC,CAAC;KACd;IACD,OAAO,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9C,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/onboarding-ui",
-    "version": "7.1.0",
+    "version": "7.3.0",
     "description": "Shared components between servicetitan monolith and Onboarding",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "devDependencies": {
         "@servicetitan/confirm": "^24.0.0",
-        "@servicetitan/culture": ">=22.0.0",
+        "@servicetitan/culture": "^25.8.0",
         "@servicetitan/data-query": ">=22.0.0",
         "@servicetitan/design-system": ">=13.2.1",
         "@servicetitan/form": "^24.3.0",
@@ -57,6 +57,7 @@
         "@types/google.maps": "^3.45.6",
         "classnames": "~2.3.1",
         "contentful-resolve-response": "^1.3.0",
+        "pusher-js": "^8.3.0",
         "query-string": "^7.0.1",
         "react-input-mask": "^2.0.4"
     },
@@ -71,5 +72,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "66af05bc2547584bc9eb034dfcd692ef256ba379"
+    "gitHead": "d29437d247da3428ed25fd9fc4004c1f3a94cf1e"
 }

package/src/index.ts

@@ -1,6 +1,7 @@
-export * from './company-profile';
 export * from './address-suggestion-popover';
+export * from './company-profile';
+export * from './components';
+export * from './customer-types';
 export * from './hooks';
+export * from './pusher';
 export * from './utils';
-export * from './customer-types';
-export * from './components';

package/src/pusher/index.ts

@@ -0,0 +1,2 @@
+export * from './presence.store';
+export * from './pusher.store';

package/src/pusher/presence.store.ts

@@ -0,0 +1,84 @@
+import { inject, injectable } from '@servicetitan/react-ioc';
+import { action, computed, makeObservable, observable } from 'mobx';
+import { PresenceChannel } from 'pusher-js';
+import { sortBy } from '../utils';
+import { PusherStore } from './pusher.store';
+
+interface MemberInfo {
+    EnteredDate: number;
+    Name: string;
+    IsFromAdmin: boolean;
+}
+interface Member {
+    id: string;
+    info: MemberInfo;
+}
+
+@injectable()
+export class PresenceStore {
+    @observable private instance?: PresenceChannel;
+
+    constructor(@inject(PusherStore) private pusherStore: PusherStore) {
+        makeObservable(this);
+    }
+
+    @action
+    initialize = async (channelName: string) => {
+        const presenceChannelName = this.pusherStore.combinePresenceChannelName(channelName);
+        this.instance = this.pusherStore.pusher.subscribe(presenceChannelName) as PresenceChannel;
+        return new Promise<void>((resolve, reject) => {
+            this.channel.bind('pusher:subscription_succeeded', resolve);
+            this.channel.bind('pusher:subscription_error', reject);
+        });
+    };
+
+    @action
+    dispose = () => {
+        this.pusherStore.pusher.unsubscribe(this.channel.name);
+        this.instance = undefined;
+    };
+
+    @computed
+    get first() {
+        return this.users[0];
+    }
+
+    @computed
+    get amIFirst() {
+        return this.first?.id === this.me?.id;
+    }
+
+    @computed
+    private get channel() {
+        if (!this.instance) {
+            throw new Error('Presence channel is not initialized');
+        }
+        return this.instance;
+    }
+
+    @computed
+    get allMembers() {
+        const result: Member[] = [];
+        for (const id in this.channel.members.members) {
+            result.push(this.channel.members.get(id));
+        }
+        return result;
+    }
+
+    @computed
+    get users() {
+        return this.allMembers
+            .filter(({ info: { IsFromAdmin } }) => !IsFromAdmin)
+            .sort(sortBy(member => member.info.EnteredDate));
+    }
+
+    @computed
+    private get me() {
+        return this.channel.members.me as Member;
+    }
+
+    @computed
+    get lastUser() {
+        return this.users[this.users.length - 1]?.info?.Name ?? '-';
+    }
+}

package/src/pusher/pusher.store.ts

@@ -0,0 +1,62 @@
+import { injectable } from '@servicetitan/react-ioc';
+import { action, computed, makeObservable, observable } from 'mobx';
+import Pusher, { Channel } from 'pusher-js';
+
+export interface PusherConfig {
+    authEndpoint: string;
+    tenantId: string;
+    pusherNamespace: string;
+    globalPusherChannelName?: string;
+    appKey?: string;
+}
+const APP_KEY = '59831c16dcf080351f5b';
+
+@injectable()
+export class PusherStore {
+    @observable private instance?: Pusher;
+    @observable private config?: PusherConfig;
+
+    constructor() {
+        makeObservable(this);
+    }
+
+    @action
+    initialize = (config: PusherConfig) => {
+        this.instance = new Pusher(config.appKey ?? APP_KEY, {
+            authEndpoint: config.authEndpoint,
+            cluster: 'mt1',
+        });
+        this.config = config;
+        this.pusher.subscribe(this.combineChannelName('global'));
+    };
+
+    @action
+    findChannel = (channelName: string): Channel | undefined => {
+        return this.pusher.channels.find(this.combineChannelName(channelName));
+    };
+
+    @action
+    combineChannelName = (channelName: string) =>
+        `private-${this.combineChannelSuffix(channelName)}`;
+
+    @action
+    combinePresenceChannelName = (channelName: string) =>
+        `presence-${this.combineChannelSuffix(channelName)}`;
+
+    @action
+    dispose = () => {
+        this.instance?.disconnect();
+        this.instance = undefined;
+    };
+
+    private combineChannelSuffix = (channelName: string) =>
+        `${this.config?.pusherNamespace}-${channelName}-${this.config?.tenantId}`;
+
+    @computed
+    get pusher() {
+        if (!this.instance) {
+            throw new Error('Pusher instance is not initialized');
+        }
+        return this.instance;
+    }
+}

package/src/utils/index.ts

@@ -1,2 +1,3 @@
-export * from './step-version-helper';
 export * from './country-helpers';
+export * from './sort-by';
+export * from './step-version-helper';

package/src/utils/sort-by.ts

@@ -0,0 +1,13 @@
+export const sortBy =
+    <T>(selector: (item: T) => string | number, order: 'asc' | 'desc' = 'asc') =>
+    (a: T, b: T) => {
+        const aValue = selector(a);
+        const bValue = selector(b);
+        let result = 0;
+        if (aValue < bValue) {
+            result = -1;
+        } else if (aValue > bValue) {
+            result = 1;
+        }
+        return order === 'asc' ? result : -result;
+    };