@sprucelabs/spruce-calendar-components 22.4.13 → 22.6.0

package/build/esm/skillViewControllers/Root.svc.d.ts

@@ -57,6 +57,12 @@ export default class RootSkillViewController extends AbstractSkillViewController
     getCalendarSelectVc(): import("../viewControllers/CalendarSelectTool.vc").default | undefined;
     getCalendarVc(): CalendarViewController;
     load(options: SkillViewControllerLoadOptions<Args>): Promise<void>;
+    private setupEventListeners;
+    private handleDidCancelEvent;
+    private handleDidCreateOrUpdate;
+    private loadEventStore;
+    private loadPeople;
+    private loadScope;
     private syncPeopleOnCalendar;
     private syncOffsetWithLocale;
     private loadEvents;

package/build/esm/skillViewControllers/Root.svc.js

@@ -287,28 +287,16 @@ export default class RootSkillViewController extends AbstractSkillViewController
             yield this.sm.updateContext(Object.assign(Object.assign({}, options), { people: this.people, events: this.events }));
             this.client = yield this.connectToApi();
             const { scope, locale, args, router } = options;
-            yield locale.on('did-change-timezones', () => {
-                return this.syncOffsetWithLocale(locale);
-            });
-            const [location] = yield Promise.all([
-                scope.getCurrentLocation(),
-                this.loadLoggedInPerson(),
+            yield Promise.all([
+                this.setupEventListeners(),
+                locale.on('did-change-timezones', () => {
+                    return this.syncOffsetWithLocale(locale);
+                }),
+                this.loadScope(scope),
             ]);
-            this.organizationId = location === null || location === void 0 ? void 0 : location.organizationId;
-            this.locationId = location === null || location === void 0 ? void 0 : location.id;
             try {
                 yield this.preferences.load(this.organizationId);
-                yield this.people.on('did-update', this.syncPeopleOnCalendar.bind(this));
-                yield this.people.load({
-                    loggedInPerson: this.person,
-                    locationId: this.locationId,
-                    organizationId: this.organizationId,
-                });
-                yield this.remoteEventStore.load({
-                    locationId: this.locationId,
-                    organizationId: this.organizationId,
-                });
-                yield this.events.load();
+                yield Promise.all([this.loadPeople(), this.loadEventStore()]);
             }
             catch (err) {
                 yield this.alert({
@@ -326,6 +314,68 @@ export default class RootSkillViewController extends AbstractSkillViewController
             yield this.waitUntilDoneSaving();
         });
     }
+    setupEventListeners() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.all([
+                this.client.on('calendar.did-create-calendar-event::v2021_05_19', this.handleDidCreateOrUpdate.bind(this)),
+                this.client.on('calendar.did-update-calendar-event::v2021_05_19', this.handleDidCreateOrUpdate.bind(this)),
+                this.client.on('calendar.did-cancel-calendar-event::v2021_05_19', this.handleDidCancelEvent.bind(this)),
+            ]);
+        });
+    }
+    handleDidCancelEvent({ target }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { calendarEventId } = target;
+            if (this.events.hasEvent(calendarEventId)) {
+                yield this.events.removeEvent(calendarEventId, { shouldPersist: false });
+            }
+        });
+    }
+    handleDidCreateOrUpdate({ payload, target, }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { calendarEvent } = payload;
+            const { locationId } = target;
+            if (calendarEvent.style !== 'draft' && locationId === this.locationId) {
+                if (this.events.hasEvent(calendarEvent.id)) {
+                    this.events.updateEvent(calendarEvent.id, Object.assign(Object.assign({}, calendarEvent), { shouldPersist: false }));
+                }
+                else {
+                    this.events.addEvent(calendarEvent);
+                }
+            }
+        });
+    }
+    loadEventStore() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.remoteEventStore.load({
+                locationId: this.locationId,
+                organizationId: this.organizationId,
+            });
+            yield this.events.load();
+        });
+    }
+    loadPeople() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Promise.all([
+                this.people.on('did-update', this.syncPeopleOnCalendar.bind(this)),
+                this.people.load({
+                    loggedInPerson: this.person,
+                    locationId: this.locationId,
+                    organizationId: this.organizationId,
+                }),
+            ]);
+        });
+    }
+    loadScope(scope) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const [location] = yield Promise.all([
+                scope.getCurrentLocation(),
+                this.loadLoggedInPerson(),
+            ]);
+            this.organizationId = location === null || location === void 0 ? void 0 : location.organizationId;
+            this.locationId = location === null || location === void 0 ? void 0 : location.id;
+        });
+    }
     syncPeopleOnCalendar() {
         const visiblePeople = this.people.getVisiblePeople();
         this.calendarVc.setPeople(visiblePeople);

package/build/esm/utilities/CalendarEventManager.d.ts

@@ -39,17 +39,21 @@ export default class CalendarEventManager {
     getEventsByGroupId(groupId: string): import("@sprucelabs/calendar-utils").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEvent[];
     getCalendars(): import("@sprucelabs/calendar-utils").SpruceSchemas.Calendar.v2021_05_19.Calendar[];
     addDraftEvent(event: CalendarEvent, shouldSelectEvent?: boolean): Promise<void>;
+    addEvent(event: CalendarEvent): void;
     silentlySwapEvent(oldId: string, event: CalendarEvent): Promise<void>;
     handleDropEvent(id: string, updates: Partial<CalendarEvent>): Promise<boolean>;
     reset(): Promise<void>;
     restoreEventToDraftOnStateLoadError(): Promise<void>;
     getVisibleCalendarIds(): string[];
-    removeEvent(id: string): Promise<void>;
+    removeEvent(id: string, options?: {
+        shouldPersist?: boolean;
+    }): Promise<void>;
     makeCalendarVisible(calendarId: string): Promise<void>;
     makeCalendarHidden(calendarId: string): Promise<void>;
     updateEvent(id: string, updates: Partial<CalendarEvent> & {
         dateToUpdate?: number;
         shouldUpdateAllEventsGoingForward?: boolean;
+        shouldPersist?: boolean;
     }): void;
     loadEvents(startDate: number, endDate: number, peopleIds: string[]): Promise<void>;
     setCalendarVisibility(calendarId: string, shouldBeVisible: boolean): Promise<void>;

package/build/esm/utilities/CalendarEventManager.js

@@ -7,6 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { calendarEventSchema, } from '@sprucelabs/heartwood-view-controllers';
 import { assertOptions, normalizeSchemaValues } from '@sprucelabs/schema';
 import SpruceError from '../errors/SpruceError.js';
@@ -89,6 +100,10 @@ export default class CalendarEventManager {
             }
         });
     }
+    addEvent(event) {
+        this.allEvents.push(Object.assign({}, event));
+        this.calendarVc.addEvent(event);
+    }
     silentlySwapEvent(oldId, event) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
@@ -129,12 +144,15 @@ export default class CalendarEventManager {
     getVisibleCalendarIds() {
         return this.visibleCalendarIds;
     }
-    removeEvent(id) {
+    removeEvent(id, options) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.allEvents = this.allEvents.filter((e) => e.id !== id);
             const event = this.calendarVc.getEvent(id);
             this.calendarVc.removeEvent(id);
+            if ((options === null || options === void 0 ? void 0 : options.shouldPersist) === false) {
+                return;
+            }
             try {
                 yield this.events.cancelEvent(event.id);
             }
@@ -168,14 +186,15 @@ export default class CalendarEventManager {
     }
     updateEvent(id, updates) {
         var _a;
-        this.calendarVc.updateEvent(id, updates);
+        const { shouldPersist } = updates, rest = __rest(updates, ["shouldPersist"]);
+        this.calendarVc.updateEvent(id, Object.assign(Object.assign({}, rest), { shouldPersist }));
         const idx = this.allEvents.findIndex((e) => e.id === id);
-        this.allEvents[idx] = Object.assign(Object.assign({}, this.allEvents[idx]), updates);
+        this.allEvents[idx] = Object.assign(Object.assign({}, this.allEvents[idx]), rest);
         this.refreshShifts();
         if (this.shouldUpdateContextOnNextSave &&
             ((_a = this.sm.getContext().event) === null || _a === void 0 ? void 0 : _a.id) === id) {
             this.shouldIgnoreNextContextUpdate = true;
-            void this.updateEventInContext(updates);
+            void this.updateEventInContext(rest);
         }
         this.shouldUpdateContextOnNextSave = true;
     }

package/build/esm/viewControllers/Calendar.vc.d.ts

@@ -69,7 +69,9 @@ export default class CalendarViewController extends CoreCalendarViewController {
     }>;
     getIsSwappingEvent(): boolean;
     private swapEvent;
-    updateEvent(id: string, updates: Partial<UpdateEvent>): any;
+    updateEvent(id: string, updates: Partial<UpdateEvent> & {
+        shouldPersist?: boolean;
+    }): any;
     private persist;
     getPeople(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarPerson[];
     render(): {

package/build/esm/viewControllers/Calendar.vc.js

@@ -171,9 +171,12 @@ export default class CalendarViewController extends CoreCalendarViewController {
         });
     }
     updateEvent(id, updates) {
+        const { shouldPersist } = updates, rest = __rest(updates, ["shouldPersist"]);
         try {
-            const updated = super.updateEvent(id, Object.assign(Object.assign({}, updates), { isBusy: true }));
-            void this.persist(updated);
+            const updated = super.updateEvent(id, Object.assign(Object.assign({}, rest), { isBusy: true }));
+            if (shouldPersist !== false) {
+                void this.persist(updated);
+            }
             return updated;
             // eslint-disable-next-line no-empty
         }

package/build/skillViewControllers/Root.svc.d.ts

@@ -57,6 +57,12 @@ export default class RootSkillViewController extends AbstractSkillViewController
     getCalendarSelectVc(): import("../viewControllers/CalendarSelectTool.vc").default | undefined;
     getCalendarVc(): CalendarViewController;
     load(options: SkillViewControllerLoadOptions<Args>): Promise<void>;
+    private setupEventListeners;
+    private handleDidCancelEvent;
+    private handleDidCreateOrUpdate;
+    private loadEventStore;
+    private loadPeople;
+    private loadScope;
     private syncPeopleOnCalendar;
     private syncOffsetWithLocale;
     private loadEvents;

package/build/skillViewControllers/Root.svc.js

@@ -250,28 +250,16 @@ class RootSkillViewController extends heartwood_view_controllers_1.AbstractSkill
         await this.sm.updateContext(Object.assign(Object.assign({}, options), { people: this.people, events: this.events }));
         this.client = await this.connectToApi();
         const { scope, locale, args, router } = options;
-        await locale.on('did-change-timezones', () => {
-            return this.syncOffsetWithLocale(locale);
-        });
-        const [location] = await Promise.all([
-            scope.getCurrentLocation(),
-            this.loadLoggedInPerson(),
+        await Promise.all([
+            this.setupEventListeners(),
+            locale.on('did-change-timezones', () => {
+                return this.syncOffsetWithLocale(locale);
+            }),
+            this.loadScope(scope),
         ]);
-        this.organizationId = location === null || location === void 0 ? void 0 : location.organizationId;
-        this.locationId = location === null || location === void 0 ? void 0 : location.id;
         try {
             await this.preferences.load(this.organizationId);
-            await this.people.on('did-update', this.syncPeopleOnCalendar.bind(this));
-            await this.people.load({
-                loggedInPerson: this.person,
-                locationId: this.locationId,
-                organizationId: this.organizationId,
-            });
-            await this.remoteEventStore.load({
-                locationId: this.locationId,
-                organizationId: this.organizationId,
-            });
-            await this.events.load();
+            await Promise.all([this.loadPeople(), this.loadEventStore()]);
         }
         catch (err) {
             await this.alert({
@@ -288,6 +276,56 @@ class RootSkillViewController extends heartwood_view_controllers_1.AbstractSkill
         this.setSelectedDateInDateSelectVc(startDate);
         await this.waitUntilDoneSaving();
     }
+    async setupEventListeners() {
+        await Promise.all([
+            this.client.on('calendar.did-create-calendar-event::v2021_05_19', this.handleDidCreateOrUpdate.bind(this)),
+            this.client.on('calendar.did-update-calendar-event::v2021_05_19', this.handleDidCreateOrUpdate.bind(this)),
+            this.client.on('calendar.did-cancel-calendar-event::v2021_05_19', this.handleDidCancelEvent.bind(this)),
+        ]);
+    }
+    async handleDidCancelEvent({ target }) {
+        const { calendarEventId } = target;
+        if (this.events.hasEvent(calendarEventId)) {
+            await this.events.removeEvent(calendarEventId, { shouldPersist: false });
+        }
+    }
+    async handleDidCreateOrUpdate({ payload, target, }) {
+        const { calendarEvent } = payload;
+        const { locationId } = target;
+        if (calendarEvent.style !== 'draft' && locationId === this.locationId) {
+            if (this.events.hasEvent(calendarEvent.id)) {
+                this.events.updateEvent(calendarEvent.id, Object.assign(Object.assign({}, calendarEvent), { shouldPersist: false }));
+            }
+            else {
+                this.events.addEvent(calendarEvent);
+            }
+        }
+    }
+    async loadEventStore() {
+        await this.remoteEventStore.load({
+            locationId: this.locationId,
+            organizationId: this.organizationId,
+        });
+        await this.events.load();
+    }
+    async loadPeople() {
+        await Promise.all([
+            this.people.on('did-update', this.syncPeopleOnCalendar.bind(this)),
+            this.people.load({
+                loggedInPerson: this.person,
+                locationId: this.locationId,
+                organizationId: this.organizationId,
+            }),
+        ]);
+    }
+    async loadScope(scope) {
+        const [location] = await Promise.all([
+            scope.getCurrentLocation(),
+            this.loadLoggedInPerson(),
+        ]);
+        this.organizationId = location === null || location === void 0 ? void 0 : location.organizationId;
+        this.locationId = location === null || location === void 0 ? void 0 : location.id;
+    }
     syncPeopleOnCalendar() {
         const visiblePeople = this.people.getVisiblePeople();
         this.calendarVc.setPeople(visiblePeople);

package/build/utilities/CalendarEventManager.d.ts

@@ -39,17 +39,21 @@ export default class CalendarEventManager {
     getEventsByGroupId(groupId: string): import("@sprucelabs/calendar-utils").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEvent[];
     getCalendars(): import("@sprucelabs/calendar-utils").SpruceSchemas.Calendar.v2021_05_19.Calendar[];
     addDraftEvent(event: CalendarEvent, shouldSelectEvent?: boolean): Promise<void>;
+    addEvent(event: CalendarEvent): void;
     silentlySwapEvent(oldId: string, event: CalendarEvent): Promise<void>;
     handleDropEvent(id: string, updates: Partial<CalendarEvent>): Promise<boolean>;
     reset(): Promise<void>;
     restoreEventToDraftOnStateLoadError(): Promise<void>;
     getVisibleCalendarIds(): string[];
-    removeEvent(id: string): Promise<void>;
+    removeEvent(id: string, options?: {
+        shouldPersist?: boolean;
+    }): Promise<void>;
     makeCalendarVisible(calendarId: string): Promise<void>;
     makeCalendarHidden(calendarId: string): Promise<void>;
     updateEvent(id: string, updates: Partial<CalendarEvent> & {
         dateToUpdate?: number;
         shouldUpdateAllEventsGoingForward?: boolean;
+        shouldPersist?: boolean;
     }): void;
     loadEvents(startDate: number, endDate: number, peopleIds: string[]): Promise<void>;
     setCalendarVisibility(calendarId: string, shouldBeVisible: boolean): Promise<void>;

package/build/utilities/CalendarEventManager.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -83,6 +94,10 @@ class CalendarEventManager {
             await this.updateEventInContext(event);
         }
     }
+    addEvent(event) {
+        this.allEvents.push(Object.assign({}, event));
+        this.calendarVc.addEvent(event);
+    }
     async silentlySwapEvent(oldId, event) {
         var _a;
         const events = this.getEvents().filter((e) => e.id !== oldId);
@@ -115,11 +130,14 @@ class CalendarEventManager {
     getVisibleCalendarIds() {
         return this.visibleCalendarIds;
     }
-    async removeEvent(id) {
+    async removeEvent(id, options) {
         var _a;
         this.allEvents = this.allEvents.filter((e) => e.id !== id);
         const event = this.calendarVc.getEvent(id);
         this.calendarVc.removeEvent(id);
+        if ((options === null || options === void 0 ? void 0 : options.shouldPersist) === false) {
+            return;
+        }
         try {
             await this.events.cancelEvent(event.id);
         }
@@ -148,14 +166,15 @@ class CalendarEventManager {
     }
     updateEvent(id, updates) {
         var _a;
-        this.calendarVc.updateEvent(id, updates);
+        const { shouldPersist } = updates, rest = __rest(updates, ["shouldPersist"]);
+        this.calendarVc.updateEvent(id, Object.assign(Object.assign({}, rest), { shouldPersist }));
         const idx = this.allEvents.findIndex((e) => e.id === id);
-        this.allEvents[idx] = Object.assign(Object.assign({}, this.allEvents[idx]), updates);
+        this.allEvents[idx] = Object.assign(Object.assign({}, this.allEvents[idx]), rest);
         this.refreshShifts();
         if (this.shouldUpdateContextOnNextSave &&
             ((_a = this.sm.getContext().event) === null || _a === void 0 ? void 0 : _a.id) === id) {
             this.shouldIgnoreNextContextUpdate = true;
-            void this.updateEventInContext(updates);
+            void this.updateEventInContext(rest);
         }
         this.shouldUpdateContextOnNextSave = true;
     }

package/build/viewControllers/Calendar.vc.d.ts

@@ -69,7 +69,9 @@ export default class CalendarViewController extends CoreCalendarViewController {
     }>;
     getIsSwappingEvent(): boolean;
     private swapEvent;
-    updateEvent(id: string, updates: Partial<UpdateEvent>): any;
+    updateEvent(id: string, updates: Partial<UpdateEvent> & {
+        shouldPersist?: boolean;
+    }): any;
     private persist;
     getPeople(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarPerson[];
     render(): {

package/build/viewControllers/Calendar.vc.js

@@ -152,9 +152,12 @@ class CalendarViewController extends heartwood_view_controllers_1.CalendarViewCo
         this.enableAnimation();
     }
     updateEvent(id, updates) {
+        const { shouldPersist } = updates, rest = __rest(updates, ["shouldPersist"]);
         try {
-            const updated = super.updateEvent(id, Object.assign(Object.assign({}, updates), { isBusy: true }));
-            void this.persist(updated);
+            const updated = super.updateEvent(id, Object.assign(Object.assign({}, rest), { isBusy: true }));
+            if (shouldPersist !== false) {
+                void this.persist(updated);
+            }
             return updated;
             // eslint-disable-next-line no-empty
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-calendar-components",
   "description": "Calendar components for working with calendars and Sprucebot.",
-  "version": "22.4.13",
+  "version": "22.6.0",
   "skill": {
     "namespace": "calendar"
   },