@sprucelabs/spruce-calendar-components 19.2.0 → 20.0.0

package/build/esm/stores/RemoteEventStore.d.ts

@@ -4,13 +4,13 @@ import { UpdateEvent } from '../types/calendar.types';
 export interface RemoteEventStoreOptions {
     client: MercuryClient;
     calendarId?: string;
-    organizationId: string;
+    locationId: string;
 }
 declare type FullEvent = SpruceSchemas.CalendarUtils.v2021_05_19.CalendarEvent;
 export default class RemoteEventStore {
     private client;
     private calendarId?;
-    private organizationId;
+    private locationId;
     private pendingEvent?;
     private draftIdMap;
     private promises;

package/build/esm/stores/RemoteEventStore.js

@@ -28,10 +28,10 @@ export default class RemoteEventStore {
         this.queueByEventId = {};
         this.busyByEvent = {};
         this.lastSavedById = {};
-        assertOptions(options, ['client', 'organizationId']);
+        assertOptions(options, ['client', 'locationId']);
         this.client = options.client;
         this.calendarId = options.calendarId;
-        this.organizationId = options.organizationId;
+        this.locationId = options.locationId;
     }
     persist(event) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -141,7 +141,7 @@ export default class RemoteEventStore {
         payload = this.cleanPayload(payload);
         return {
             payload,
-            target: Object.assign(Object.assign({}, target), { calendarEventPersonId: personId, organizationId: this.organizationId }),
+            target: Object.assign(Object.assign({}, target), { calendarEventPersonId: personId, locationId: this.locationId }),
         };
     }
     cleanTarget(target) {
@@ -195,7 +195,7 @@ export default class RemoteEventStore {
             else {
                 yield this.client.emitAndFlattenResponses('calendar.delete-calendar-event::v2021_05_19', {
                     target: {
-                        organizationId: this.organizationId,
+                        locationId: this.locationId,
                         calendarEventId: id,
                     },
                 });

package/build/esm/toolBelt/states/AbstractCalendarEventToolBeltState.d.ts

@@ -18,7 +18,7 @@ export default abstract class AbstractCalendarEventToolBeltState implements Tool
     private handleDidUpdateContext;
     private getContext;
     clearPendingContextChanges(): Promise<void>;
-    addTool(options: AddToolOptions): Promise<void>;
+    addTool(options: AddToolOptions): Promise<CalendarTool>;
     private buildVcConstructorOptions;
     private addVc;
     protected getPersonFromEvent(): ReturnType<GetPersonFromEventHandler>;

package/build/esm/toolBelt/states/AbstractCalendarEventToolBeltState.js

@@ -22,10 +22,7 @@ export default class AbstractCalendarEventToolBeltState {
             this.sm = sm;
             this.toolBeltVc = sm.getToolBeltVc();
             this._isLoaded = true;
-            this.controlsVc = sm.Controller('calendar.event-controls-card', {
-                onCancel: this.clearPendingContextChanges.bind(this),
-                onSave: this.handleClickSave.bind(this),
-            });
+            this.controlsVc = sm.Controller('calendar.event-controls-card', Object.assign({ onCancel: this.clearPendingContextChanges.bind(this), onSave: this.handleClickSave.bind(this) }, this.buildVcConstructorOptions('controls')));
             this.toolBeltVc.clearTools();
             this.toolBeltVc.setStickyTool({
                 card: this.controlsVc.render(),
@@ -79,6 +76,7 @@ export default class AbstractCalendarEventToolBeltState {
             const { cardVcId, lineIcon, id } = options;
             const vc = this.sm.Controller(cardVcId, this.buildVcConstructorOptions(id));
             yield this.addVc(id, lineIcon, vc);
+            return vc;
         });
     }
     buildVcConstructorOptions(id) {
@@ -86,6 +84,7 @@ export default class AbstractCalendarEventToolBeltState {
             updateContext: (updates, options) => this.handleUpdateContextFromTool(updates, id, options),
             getContext: () => this.getContext(),
             getPersonFromEvent: () => this.getPersonFromEvent(),
+            getHasPendingContextChanges: () => Object.keys(this.pendingContextUpdates).length > 0,
         };
     }
     addVc(toolId, lineIcon, vc) {

package/build/esm/types/calendar.types.d.ts

@@ -34,10 +34,12 @@ export interface UpdateCalendarContextOptions {
 export declare type UpdateCalendarToolBeltContextHandler = (context: Partial<CalendarToolBeltContext>, options?: UpdateCalendarContextOptions) => Promise<void>;
 export declare type GetCalendarToolBeltContextHandler = () => CalendarToolBeltContext;
 export declare type GetPersonFromEventHandler = () => Promise<Person | null>;
+export declare type GetHasPendingContextChangesHandler = () => boolean;
 export interface CalendarToolOptions {
     updateContext: UpdateCalendarToolBeltContextHandler;
     getContext: GetCalendarToolBeltContextHandler;
     getPersonFromEvent: GetPersonFromEventHandler;
+    getHasPendingContextChanges: GetHasPendingContextChangesHandler;
 }
 export interface EventWithToolBeltState {
     getToolBeltState(): ToolBeltState;

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

@@ -1,7 +1,7 @@
 import { AbstractViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
-import { CalendarTool } from '../types/calendar.types';
+import { CalendarTool, CalendarToolOptions } from '../types/calendar.types';
 declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
-export interface EventControlsCardOptions {
+export interface EventControlsCardOptions extends CalendarToolOptions {
     onCancel: () => Promise<void | boolean> | void | boolean;
     onSave: () => Promise<void | boolean> | void | boolean;
 }
@@ -10,6 +10,8 @@ export default class EventControlsCardViewController extends AbstractViewControl
     private cardVc;
     private saveHandler;
     private cancelHandler;
+    private getHasPendingContextChangesHandler;
+    private getContext;
     constructor(options: ViewControllerOptions & EventControlsCardOptions);
     private handleClickCancel;
     private handleClickSave;

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

@@ -9,12 +9,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { AbstractViewController, } from '@sprucelabs/heartwood-view-controllers';
 import { assertOptions } from '@sprucelabs/schema';
+import draftEventGenerator from '../utilities/draftGenerator.js';
 export default class EventControlsCardViewController extends AbstractViewController {
     constructor(options) {
         super(options);
-        const { onSave, onCancel } = assertOptions(options, ['onCancel', 'onSave']);
+        const { onSave, onCancel, getHasPendingContextChanges, getContext } = assertOptions(options, [
+            'onCancel',
+            'onSave',
+            'getHasPendingContextChanges',
+            'getContext',
+        ]);
         this.saveHandler = onSave;
         this.cancelHandler = onCancel;
+        this.getHasPendingContextChangesHandler = getHasPendingContextChanges;
+        this.getContext = getContext;
         this.cardVc = this.Controller('card', {
             footer: {
                 isEnabled: false,
@@ -50,7 +58,29 @@ export default class EventControlsCardViewController extends AbstractViewControl
         });
     }
     handleUpdateContext() {
-        this.cardVc.enableFooter();
+        var _a;
+        if (this.getHasPendingContextChangesHandler()) {
+            this.cardVc.enableFooter();
+        }
+        else {
+            this.cardVc.disableFooter();
+        }
+        const { event } = this.getContext();
+        if ((event === null || event === void 0 ? void 0 : event.id) && !draftEventGenerator.isDraftId(event.id)) {
+            this.cardVc.setBody({
+                sections: [
+                    {
+                        buttons: [
+                            {
+                                id: 'cancel-event',
+                                label: `Cancel ${(_a = event.eventTypeSlug) !== null && _a !== void 0 ? _a : 'event'}`,
+                                type: 'destructive',
+                            },
+                        ],
+                    },
+                ],
+            });
+        }
     }
     render() {
         return this.cardVc.render();

package/build/stores/RemoteEventStore.d.ts

@@ -4,13 +4,13 @@ import { UpdateEvent } from '../types/calendar.types';
 export interface RemoteEventStoreOptions {
     client: MercuryClient;
     calendarId?: string;
-    organizationId: string;
+    locationId: string;
 }
 declare type FullEvent = SpruceSchemas.CalendarUtils.v2021_05_19.CalendarEvent;
 export default class RemoteEventStore {
     private client;
     private calendarId?;
-    private organizationId;
+    private locationId;
     private pendingEvent?;
     private draftIdMap;
     private promises;

package/build/stores/RemoteEventStore.js

@@ -24,10 +24,10 @@ class RemoteEventStore {
         this.queueByEventId = {};
         this.busyByEvent = {};
         this.lastSavedById = {};
-        (0, schema_1.assertOptions)(options, ['client', 'organizationId']);
+        (0, schema_1.assertOptions)(options, ['client', 'locationId']);
         this.client = options.client;
         this.calendarId = options.calendarId;
-        this.organizationId = options.organizationId;
+        this.locationId = options.locationId;
     }
     async persist(event) {
         if (!this.resolveCalendarId(event)) {
@@ -127,7 +127,7 @@ class RemoteEventStore {
         payload = this.cleanPayload(payload);
         return {
             payload,
-            target: Object.assign(Object.assign({}, target), { calendarEventPersonId: personId, organizationId: this.organizationId }),
+            target: Object.assign(Object.assign({}, target), { calendarEventPersonId: personId, locationId: this.locationId }),
         };
     }
     cleanTarget(target) {
@@ -178,7 +178,7 @@ class RemoteEventStore {
         else {
             await this.client.emitAndFlattenResponses('calendar.delete-calendar-event::v2021_05_19', {
                 target: {
-                    organizationId: this.organizationId,
+                    locationId: this.locationId,
                     calendarEventId: id,
                 },
             });

package/build/toolBelt/states/AbstractCalendarEventToolBeltState.d.ts

@@ -18,7 +18,7 @@ export default abstract class AbstractCalendarEventToolBeltState implements Tool
     private handleDidUpdateContext;
     private getContext;
     clearPendingContextChanges(): Promise<void>;
-    addTool(options: AddToolOptions): Promise<void>;
+    addTool(options: AddToolOptions): Promise<CalendarTool>;
     private buildVcConstructorOptions;
     private addVc;
     protected getPersonFromEvent(): ReturnType<GetPersonFromEventHandler>;

package/build/toolBelt/states/AbstractCalendarEventToolBeltState.js

@@ -17,10 +17,7 @@ class AbstractCalendarEventToolBeltState {
         this.sm = sm;
         this.toolBeltVc = sm.getToolBeltVc();
         this._isLoaded = true;
-        this.controlsVc = sm.Controller('calendar.event-controls-card', {
-            onCancel: this.clearPendingContextChanges.bind(this),
-            onSave: this.handleClickSave.bind(this),
-        });
+        this.controlsVc = sm.Controller('calendar.event-controls-card', Object.assign({ onCancel: this.clearPendingContextChanges.bind(this), onSave: this.handleClickSave.bind(this) }, this.buildVcConstructorOptions('controls')));
         this.toolBeltVc.clearTools();
         this.toolBeltVc.setStickyTool({
             card: this.controlsVc.render(),
@@ -64,12 +61,14 @@ class AbstractCalendarEventToolBeltState {
         const { cardVcId, lineIcon, id } = options;
         const vc = this.sm.Controller(cardVcId, this.buildVcConstructorOptions(id));
         await this.addVc(id, lineIcon, vc);
+        return vc;
     }
     buildVcConstructorOptions(id) {
         return {
             updateContext: (updates, options) => this.handleUpdateContextFromTool(updates, id, options),
             getContext: () => this.getContext(),
             getPersonFromEvent: () => this.getPersonFromEvent(),
+            getHasPendingContextChanges: () => Object.keys(this.pendingContextUpdates).length > 0,
         };
     }
     async addVc(toolId, lineIcon, vc) {

package/build/types/calendar.types.d.ts

@@ -34,10 +34,12 @@ export interface UpdateCalendarContextOptions {
 export declare type UpdateCalendarToolBeltContextHandler = (context: Partial<CalendarToolBeltContext>, options?: UpdateCalendarContextOptions) => Promise<void>;
 export declare type GetCalendarToolBeltContextHandler = () => CalendarToolBeltContext;
 export declare type GetPersonFromEventHandler = () => Promise<Person | null>;
+export declare type GetHasPendingContextChangesHandler = () => boolean;
 export interface CalendarToolOptions {
     updateContext: UpdateCalendarToolBeltContextHandler;
     getContext: GetCalendarToolBeltContextHandler;
     getPersonFromEvent: GetPersonFromEventHandler;
+    getHasPendingContextChanges: GetHasPendingContextChangesHandler;
 }
 export interface EventWithToolBeltState {
     getToolBeltState(): ToolBeltState;

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

@@ -1,7 +1,7 @@
 import { AbstractViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
-import { CalendarTool } from '../types/calendar.types';
+import { CalendarTool, CalendarToolOptions } from '../types/calendar.types';
 declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
-export interface EventControlsCardOptions {
+export interface EventControlsCardOptions extends CalendarToolOptions {
     onCancel: () => Promise<void | boolean> | void | boolean;
     onSave: () => Promise<void | boolean> | void | boolean;
 }
@@ -10,6 +10,8 @@ export default class EventControlsCardViewController extends AbstractViewControl
     private cardVc;
     private saveHandler;
     private cancelHandler;
+    private getHasPendingContextChangesHandler;
+    private getContext;
     constructor(options: ViewControllerOptions & EventControlsCardOptions);
     private handleClickCancel;
     private handleClickSave;

package/build/viewControllers/EventControlsCard.vc.js

@@ -1,13 +1,24 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
+const draftGenerator_1 = __importDefault(require("../utilities/draftGenerator"));
 class EventControlsCardViewController extends heartwood_view_controllers_1.AbstractViewController {
     constructor(options) {
         super(options);
-        const { onSave, onCancel } = (0, schema_1.assertOptions)(options, ['onCancel', 'onSave']);
+        const { onSave, onCancel, getHasPendingContextChanges, getContext } = (0, schema_1.assertOptions)(options, [
+            'onCancel',
+            'onSave',
+            'getHasPendingContextChanges',
+            'getContext',
+        ]);
         this.saveHandler = onSave;
         this.cancelHandler = onCancel;
+        this.getHasPendingContextChangesHandler = getHasPendingContextChanges;
+        this.getContext = getContext;
         this.cardVc = this.Controller('card', {
             footer: {
                 isEnabled: false,
@@ -39,7 +50,29 @@ class EventControlsCardViewController extends heartwood_view_controllers_1.Abstr
         this.cardVc.disableFooter();
     }
     handleUpdateContext() {
-        this.cardVc.enableFooter();
+        var _a;
+        if (this.getHasPendingContextChangesHandler()) {
+            this.cardVc.enableFooter();
+        }
+        else {
+            this.cardVc.disableFooter();
+        }
+        const { event } = this.getContext();
+        if ((event === null || event === void 0 ? void 0 : event.id) && !draftGenerator_1.default.isDraftId(event.id)) {
+            this.cardVc.setBody({
+                sections: [
+                    {
+                        buttons: [
+                            {
+                                id: 'cancel-event',
+                                label: `Cancel ${(_a = event.eventTypeSlug) !== null && _a !== void 0 ? _a : 'event'}`,
+                                type: 'destructive',
+                            },
+                        ],
+                    },
+                ],
+            });
+        }
     }
     render() {
         return this.cardVc.render();

package/package.json

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