@sprucelabs/spruce-calendar-components 19.1.2 → 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,13 +76,15 @@ 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) {
         return {
-            updateContext: (updates) => this.handleUpdateContextFromTool(updates, id),
+            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) {
@@ -122,7 +121,7 @@ export default class AbstractCalendarEventToolBeltState {
             return null;
         });
     }
-    handleUpdateContextFromTool(updates, fromToolId) {
+    handleUpdateContextFromTool(updates, fromToolId, options) {
         return __awaiter(this, void 0, void 0, function* () {
             const pendingUpdates = Object.assign(Object.assign({}, this.pendingContextUpdates), updates);
             if (equalDeep(this.pendingContextUpdates, pendingUpdates)) {
@@ -131,7 +130,8 @@ export default class AbstractCalendarEventToolBeltState {
             this.pendingContextUpdates = pendingUpdates;
             yield this.handleDidUpdateContext(fromToolId);
             const vc = this.getVcForTool(fromToolId);
-            if (vc === null || vc === void 0 ? void 0 : vc.shouldPersistContextChangesImmediately) {
+            if ((vc === null || vc === void 0 ? void 0 : vc.shouldPersistContextChangesImmediately) ||
+                (options === null || options === void 0 ? void 0 : options.shouldPersistContextChangesImmediately)) {
                 yield this.sm.updateContext(Object.assign({}, updates));
             }
         });

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

@@ -28,13 +28,18 @@ export interface CalendarTool extends AbstractViewController<Card> {
     handleUpdateContext(context: CalendarToolBeltContext): Promise<void> | void;
     load?: () => Promise<void> | void;
 }
-export declare type UpdateCalendarToolBeltContextHandler = (context: Partial<CalendarToolBeltContext>) => Promise<void>;
+export interface UpdateCalendarContextOptions {
+    shouldPersistContextChangesImmediately?: boolean;
+}
+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/Calendar.vc.d.ts

@@ -38,7 +38,8 @@ export default class CalendarViewController extends CoreCalendarViewController {
     private handleClick;
     private getDraftEvent;
     private removeDraftEvent;
-    private addDraftEvent;
+    private addDraftEventFromClick;
+    addDraftEvent(event: Event): Promise<SpruceSchemas.CalendarUtils.v2021_05_19.CalendarEvent | UpdateEvent | undefined>;
     getIsSwappingEvent(): boolean;
     private swapEvent;
     updateEvent(id: string, updates: Partial<UpdateEvent>): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEvent;

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

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { PeopleSorter } from '@sprucelabs/calendar-utils';
 import { CalendarViewController as CoreCalendarViewController, } from '@sprucelabs/heartwood-view-controllers';
-import { assertOptions } from '@sprucelabs/schema';
+import { assertOptions, SchemaError } from '@sprucelabs/schema';
 import draftEventGenerator from '../utilities/draftGenerator.js';
 export default class CalendarViewController extends CoreCalendarViewController {
     constructor(options) {
@@ -43,13 +43,13 @@ export default class CalendarViewController extends CoreCalendarViewController {
     handleDropEvent(options) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            const { event, blockUpdates, newPerson, newStartDateTimeMs } = options;
+            const { event, blockUpdates, newPersonId, newStartDateTimeMs } = options;
             const updates = {};
             if (newStartDateTimeMs) {
                 updates.startDateTimeMs = newStartDateTimeMs;
             }
-            if (newPerson) {
-                updates.target = Object.assign(Object.assign({}, event.target), { personId: newPerson.id });
+            if (newPersonId) {
+                updates.target = Object.assign(Object.assign({}, event.target), { personId: newPersonId });
             }
             if (blockUpdates) {
                 updates.timeBlocks = [...event.timeBlocks];
@@ -84,7 +84,7 @@ export default class CalendarViewController extends CoreCalendarViewController {
             }
             const draft = this.getDraftEvent();
             if (!draft) {
-                yield this.addDraftEvent(options);
+                yield this.addDraftEventFromClick(options);
             }
             else {
                 yield this.removeDraftEvent(draft.id);
@@ -108,16 +108,30 @@ export default class CalendarViewController extends CoreCalendarViewController {
             catch (_c) { }
         });
     }
-    addDraftEvent(options) {
+    addDraftEventFromClick(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            const { person, time } = options;
-            const personId = person === null || person === void 0 ? void 0 : person.id;
-            const event = Object.assign({}, draftEventGenerator.generate(time !== null && time !== void 0 ? time : 0, personId));
+            const { personId, dateTimeMs } = options;
+            const event = Object.assign({}, draftEventGenerator.generate(dateTimeMs !== null && dateTimeMs !== void 0 ? dateTimeMs : 0, personId !== null && personId !== void 0 ? personId : '**missing**'));
+            //@ts-ignore
+            delete event.id;
+            return yield this.addDraftEvent(event);
+        });
+    }
+    addDraftEvent(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (event.id) {
+                throw new SchemaError({
+                    code: 'UNEXPECTED_PARAMETERS',
+                    parameters: ['id'],
+                });
+            }
+            event.id = draftEventGenerator.generateId();
             this.addEvent(event);
             this.selectEvent(event.id);
             const draftAddedPromise = this.draftAddedHandler(event);
-            yield this.persist(event);
+            const saved = yield this.persist(event);
             yield draftAddedPromise;
+            return saved;
         });
     }
     getIsSwappingEvent() {
@@ -180,12 +194,14 @@ export default class CalendarViewController extends CoreCalendarViewController {
                 else {
                     _super.updateEvent.call(this, saved.id, { isBusy, error: undefined });
                 }
+                return saved;
             }
             catch (err) {
                 if (this.hasEvent(id)) {
                     _super.updateEvent.call(this, id, { error: err, isBusy: false });
                 }
             }
+            return event;
         });
     }
     getPeople() {

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/esm/viewControllers/RepeatingControlsList.vc.js

@@ -336,8 +336,8 @@ export default class RepeatingControlsListViewController extends AbstractViewCon
         return this.Controller('calendar', {
             onClick: (options) => __awaiter(this, void 0, void 0, function* () {
                 var _b;
-                if (options.date) {
-                    this.changeCalendarSelectedDate(options.date);
+                if (options.dateTimeMs) {
+                    this.changeCalendarSelectedDate(options.dateTimeMs);
                     (_b = this.didChangeRepeating) === null || _b === void 0 ? void 0 : _b.call(this, this.repeating);
                 }
             }),

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) => this.handleUpdateContextFromTool(updates, id),
+            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) {
@@ -102,7 +101,7 @@ class AbstractCalendarEventToolBeltState {
         }
         return null;
     }
-    async handleUpdateContextFromTool(updates, fromToolId) {
+    async handleUpdateContextFromTool(updates, fromToolId, options) {
         const pendingUpdates = Object.assign(Object.assign({}, this.pendingContextUpdates), updates);
         if ((0, isEqual_1.default)(this.pendingContextUpdates, pendingUpdates)) {
             return;
@@ -110,7 +109,8 @@ class AbstractCalendarEventToolBeltState {
         this.pendingContextUpdates = pendingUpdates;
         await this.handleDidUpdateContext(fromToolId);
         const vc = this.getVcForTool(fromToolId);
-        if (vc === null || vc === void 0 ? void 0 : vc.shouldPersistContextChangesImmediately) {
+        if ((vc === null || vc === void 0 ? void 0 : vc.shouldPersistContextChangesImmediately) ||
+            (options === null || options === void 0 ? void 0 : options.shouldPersistContextChangesImmediately)) {
             await this.sm.updateContext(Object.assign({}, updates));
         }
     }

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

@@ -28,13 +28,18 @@ export interface CalendarTool extends AbstractViewController<Card> {
     handleUpdateContext(context: CalendarToolBeltContext): Promise<void> | void;
     load?: () => Promise<void> | void;
 }
-export declare type UpdateCalendarToolBeltContextHandler = (context: Partial<CalendarToolBeltContext>) => Promise<void>;
+export interface UpdateCalendarContextOptions {
+    shouldPersistContextChangesImmediately?: boolean;
+}
+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/Calendar.vc.d.ts

@@ -38,7 +38,8 @@ export default class CalendarViewController extends CoreCalendarViewController {
     private handleClick;
     private getDraftEvent;
     private removeDraftEvent;
-    private addDraftEvent;
+    private addDraftEventFromClick;
+    addDraftEvent(event: Event): Promise<SpruceSchemas.CalendarUtils.v2021_05_19.CalendarEvent | UpdateEvent | undefined>;
     getIsSwappingEvent(): boolean;
     private swapEvent;
     updateEvent(id: string, updates: Partial<UpdateEvent>): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarEvent;

package/build/viewControllers/Calendar.vc.js

@@ -38,13 +38,13 @@ class CalendarViewController extends heartwood_view_controllers_1.CalendarViewCo
     }
     async handleDropEvent(options) {
         var _a;
-        const { event, blockUpdates, newPerson, newStartDateTimeMs } = options;
+        const { event, blockUpdates, newPersonId, newStartDateTimeMs } = options;
         const updates = {};
         if (newStartDateTimeMs) {
             updates.startDateTimeMs = newStartDateTimeMs;
         }
-        if (newPerson) {
-            updates.target = Object.assign(Object.assign({}, event.target), { personId: newPerson.id });
+        if (newPersonId) {
+            updates.target = Object.assign(Object.assign({}, event.target), { personId: newPersonId });
         }
         if (blockUpdates) {
             updates.timeBlocks = [...event.timeBlocks];
@@ -77,7 +77,7 @@ class CalendarViewController extends heartwood_view_controllers_1.CalendarViewCo
         }
         const draft = this.getDraftEvent();
         if (!draft) {
-            await this.addDraftEvent(options);
+            await this.addDraftEventFromClick(options);
         }
         else {
             await this.removeDraftEvent(draft.id);
@@ -98,15 +98,27 @@ class CalendarViewController extends heartwood_view_controllers_1.CalendarViewCo
         }
         catch (_c) { }
     }
-    async addDraftEvent(options) {
-        const { person, time } = options;
-        const personId = person === null || person === void 0 ? void 0 : person.id;
-        const event = Object.assign({}, draftGenerator_1.default.generate(time !== null && time !== void 0 ? time : 0, personId));
+    async addDraftEventFromClick(options) {
+        const { personId, dateTimeMs } = options;
+        const event = Object.assign({}, draftGenerator_1.default.generate(dateTimeMs !== null && dateTimeMs !== void 0 ? dateTimeMs : 0, personId !== null && personId !== void 0 ? personId : '**missing**'));
+        //@ts-ignore
+        delete event.id;
+        return await this.addDraftEvent(event);
+    }
+    async addDraftEvent(event) {
+        if (event.id) {
+            throw new schema_1.SchemaError({
+                code: 'UNEXPECTED_PARAMETERS',
+                parameters: ['id'],
+            });
+        }
+        event.id = draftGenerator_1.default.generateId();
         this.addEvent(event);
         this.selectEvent(event.id);
         const draftAddedPromise = this.draftAddedHandler(event);
-        await this.persist(event);
+        const saved = await this.persist(event);
         await draftAddedPromise;
+        return saved;
     }
     getIsSwappingEvent() {
         return this.isSwapping;
@@ -159,12 +171,14 @@ class CalendarViewController extends heartwood_view_controllers_1.CalendarViewCo
             else {
                 super.updateEvent(saved.id, { isBusy, error: undefined });
             }
+            return saved;
         }
         catch (err) {
             if (this.hasEvent(id)) {
                 super.updateEvent(id, { error: err, isBusy: false });
             }
         }
+        return event;
     }
     getPeople() {
         const people = super.getPeople();

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/build/viewControllers/RepeatingControlsList.vc.js

@@ -329,8 +329,8 @@ class RepeatingControlsListViewController extends heartwood_view_controllers_1.A
         return this.Controller('calendar', {
             onClick: async (options) => {
                 var _a;
-                if (options.date) {
-                    this.changeCalendarSelectedDate(options.date);
+                if (options.dateTimeMs) {
+                    this.changeCalendarSelectedDate(options.dateTimeMs);
                     (_a = this.didChangeRepeating) === null || _a === void 0 ? void 0 : _a.call(this, this.repeating);
                 }
             },

package/package.json

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