@sprucelabs/spruce-calendar-components 38.1.6 → 38.1.8

package/build/__tests__/support/utilities/mixinViewControllersForTests.js

@@ -9,6 +9,7 @@ const EventDateTimeTool_vc_1 = __importDefault(require("../../../tools/EventDate
 const EventDurationTool_vc_1 = __importDefault(require("../../../tools/EventDurationTool.vc"));
 const EventRepeatingTool_vc_1 = __importDefault(require("../../../tools/EventRepeatingTool.vc"));
 const EventTitleTool_vc_1 = __importDefault(require("../../../tools/EventTitleTool.vc"));
+const VenueSelectionTool_vc_1 = __importDefault(require("../../../tools/VenueSelectionTool.vc"));
 const EventControlsCard_vc_1 = __importDefault(require("../../../viewControllers/EventControlsCard.vc"));
 const RepeatingControlsList_vc_1 = __importDefault(require("../../../viewControllers/RepeatingControlsList.vc"));
 const UniversalCalendarEvent_vc_1 = __importDefault(require("../../../viewControllers/UniversalCalendarEvent.vc"));
@@ -28,4 +29,5 @@ const vcs = {
     ['calendar.event-title-tool']: EventTitleTool_vc_1.default,
     ['calendar.event-controls-card']: EventControlsCard_vc_1.default,
     ['calendar.universal-calendar-event']: UniversalCalendarEvent_vc_1.default,
+    ['calendar.venue-selection-tool']: VenueSelectionTool_vc_1.default,
 };

package/build/esm/__tests__/support/utilities/mixinViewControllersForTests.js

@@ -3,6 +3,7 @@ import EventDateTimeToolViewController from '../../../tools/EventDateTimeTool.vc
 import EventDurationToolViewController from '../../../tools/EventDurationTool.vc.js';
 import EventRepeatingToolViewController from '../../../tools/EventRepeatingTool.vc.js';
 import EventTitleToolViewController from '../../../tools/EventTitleTool.vc.js';
+import VenueSelectionToolViewController from '../../../tools/VenueSelectionTool.vc.js';
 import EventControlsCardViewController from '../../../viewControllers/EventControlsCard.vc.js';
 import RepeatingControlsListViewController from '../../../viewControllers/RepeatingControlsList.vc.js';
 import UniversalCalendarEventViewController from '../../../viewControllers/UniversalCalendarEvent.vc.js';
@@ -22,4 +23,5 @@ const vcs = {
     ['calendar.event-title-tool']: EventTitleToolViewController,
     ['calendar.event-controls-card']: EventControlsCardViewController,
     ['calendar.universal-calendar-event']: UniversalCalendarEventViewController,
+    ['calendar.venue-selection-tool']: VenueSelectionToolViewController,
 };

package/build/esm/index-components.d.ts

@@ -12,7 +12,6 @@ import EventTitleToolViewController from './tools/EventTitleTool.vc';
 import VenueSelectionToolViewController from './tools/VenueSelectionTool.vc';
 import EventControlsCardViewController from './viewControllers/EventControlsCard.vc';
 import RepeatingControlsListViewController from './viewControllers/RepeatingControlsList.vc';
-import VenuesListViewController from './viewControllers/VenuesList.vc';
 export { default as calculateCalendarEventDifferences } from './calendar/calculateCalendarEventDifferences';
 export { default as RepeatingCardViewController } from './tools/EventRepeatingTool.vc';
 export * from './tools/EventRepeatingTool.vc';
@@ -26,8 +25,6 @@ export { default as EventDateTimeToolViewController } from './tools/EventDateTim
 export * from './tools/EventDateTimeTool.vc';
 export { default as VenueSelectionToolViewController } from './tools/VenueSelectionTool.vc';
 export * from './tools/VenueSelectionTool.vc';
-export { default as VenuesListViewController } from './viewControllers/VenuesList.vc';
-export * from './viewControllers/VenuesList.vc';
 export { default as EventRepeatingToolViewController } from './tools/EventRepeatingTool.vc';
 export * from './tools/EventRepeatingTool.vc';
 export { default as EventDurationToolViewController } from './tools/EventDurationTool.vc';
@@ -50,7 +47,6 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.event-title-tool': EventTitleToolViewController;
         'calendar.event-controls-card': EventControlsCardViewController;
         'calendar.venue-selection-tool': VenueSelectionToolViewController;
-        'calendar.venues-list': VenuesListViewController;
     }
     interface ViewControllerOptionsMap {
         'calendar.repeating-controls-list': ConstructorParameters<typeof RepeatingControlsListViewController>[0];
@@ -60,6 +56,5 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.event-repeating-tool': ConstructorParameters<typeof EventRepeatingToolViewController>[0];
         'calendar.event-title-tool': ConstructorParameters<typeof EventTitleToolViewController>[0];
         'calendar.venue-selection-tool': ConstructorParameters<typeof VenueSelectionToolViewController>[0];
-        'calendar.venues-list': ConstructorParameters<typeof VenuesListViewController>[0];
     }
 }

package/build/esm/index-components.js

@@ -17,8 +17,6 @@ export { default as EventDateTimeToolViewController } from './tools/EventDateTim
 export * from './tools/EventDateTimeTool.vc.js';
 export { default as VenueSelectionToolViewController } from './tools/VenueSelectionTool.vc.js';
 export * from './tools/VenueSelectionTool.vc.js';
-export { default as VenuesListViewController } from './viewControllers/VenuesList.vc.js';
-export * from './viewControllers/VenuesList.vc.js';
 export { default as EventRepeatingToolViewController } from './tools/EventRepeatingTool.vc.js';
 export * from './tools/EventRepeatingTool.vc.js';
 export { default as EventDurationToolViewController } from './tools/EventDurationTool.vc.js';

package/build/esm/tools/VenueSelectionTool.vc.d.ts

@@ -0,0 +1,23 @@
+import { AbstractViewController, ViewControllerOptions, Card } from '@sprucelabs/heartwood-view-controllers';
+import { CalendarTool, CalendarToolBeltContext, CalendarToolOptions } from '../types/calendar.types';
+import VenuesListViewController from '../viewControllers/VenuesList.vc';
+export default class VenueSelectionToolViewController extends AbstractViewController<Card> implements CalendarTool {
+    static id: string;
+    private cardVc;
+    protected venueListVc: VenuesListViewController;
+    private updateContextHandler;
+    private getContext;
+    private isLoaded;
+    constructor(options: ViewControllerOptions & CalendarToolOptions);
+    private VenueListVc;
+    private get router();
+    private CardVc;
+    handleUpdateContext(context: CalendarToolBeltContext): Promise<void>;
+    load(): Promise<void>;
+    private get event();
+    private get scope();
+    private get context();
+    private get venue();
+    setCriticalError(): void;
+    render(): import("@sprucelabs/heartwood-view-controllers").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}

package/build/esm/tools/VenueSelectionTool.vc.js

@@ -0,0 +1,85 @@
+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 { AbstractViewController, } from '@sprucelabs/heartwood-view-controllers';
+class VenueSelectionToolViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.isLoaded = false;
+        const { getContext, updateContext } = options;
+        this.getContext = getContext;
+        this.updateContextHandler = updateContext;
+        this.venueListVc = this.VenueListVc();
+        this.cardVc = this.CardVc();
+    }
+    VenueListVc() {
+        return this.Controller('calendar.venues-list', {
+            router: this.router,
+            onSelect: (venue) => __awaiter(this, void 0, void 0, function* () {
+                yield this.updateContextHandler({
+                    'event.venue': venue,
+                });
+            }),
+        });
+    }
+    get router() {
+        return this.context.router;
+    }
+    CardVc() {
+        return this.Controller('card', {
+            body: {
+                sections: [
+                    {
+                        list: this.venueListVc.render(),
+                    },
+                ],
+            },
+        });
+    }
+    handleUpdateContext(context) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const provider = (_a = context.event.venue) === null || _a === void 0 ? void 0 : _a.provider;
+            if (provider && this.isLoaded) {
+                yield this.venueListVc.selectVenue(provider);
+            }
+        });
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const organization = yield this.scope.getCurrentOrganization();
+            this.isLoaded = true;
+            yield this.venueListVc.load({
+                organizationId: organization.id,
+            });
+            if ((_a = this.venue) === null || _a === void 0 ? void 0 : _a.provider) {
+                yield this.venueListVc.selectVenue(this.venue.provider);
+            }
+        });
+    }
+    get event() {
+        return this.context.event;
+    }
+    get scope() {
+        return this.context.scope;
+    }
+    get context() {
+        return this.getContext();
+    }
+    get venue() {
+        return this.event.venue;
+    }
+    setCriticalError() { }
+    render() {
+        return this.cardVc.render();
+    }
+}
+VenueSelectionToolViewController.id = 'venue-selection-tool';
+export default VenueSelectionToolViewController;

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

@@ -0,0 +1,25 @@
+import { AbstractViewController, ViewControllerOptions, List, ListViewController, Router } from '@sprucelabs/heartwood-view-controllers';
+import { Venue } from '../types/calendar.types';
+export default class VenuesListViewController extends AbstractViewController<List> {
+    static id: string;
+    protected listVc: ListViewController;
+    private venues;
+    protected onSelectHandler?: (venue: Venue) => void;
+    private router;
+    constructor(options: ViewControllerOptions & VenuesListConstructorOptions);
+    private ListVc;
+    load(options: VenuesListLoadOptions): Promise<void>;
+    private populateList;
+    private renderVenueRow;
+    selectVenue(provider: string): Promise<void>;
+    private handleOnClickJoinUrl;
+    private handleChange;
+    render(): import("@sprucelabs/heartwood-view-controllers").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.List;
+}
+export interface VenuesListLoadOptions {
+    organizationId: string;
+}
+export interface VenuesListConstructorOptions {
+    router: Router;
+    onSelect?: (venue: Venue) => void;
+}

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

@@ -0,0 +1,118 @@
+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 { AbstractViewController, } from '@sprucelabs/heartwood-view-controllers';
+class VenuesListViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.venues = [];
+        const { router, onSelect } = options;
+        this.onSelectHandler = onSelect;
+        this.router = router;
+        this.listVc = this.ListVc();
+    }
+    ListVc() {
+        return this.Controller('list', {
+            id: 'venues-list',
+        });
+    }
+    load(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { organizationId } = options;
+            const client = yield this.connectToApi();
+            try {
+                const [{ venues }] = yield client.emitAndFlattenResponses('calendar.register-venues::v2021_05_19', {
+                    target: {
+                        organizationId,
+                    },
+                });
+                this.venues.push(...venues);
+                this.populateList();
+            }
+            catch (err) {
+                yield this.alert({
+                    message: `We had trouble loading your venues. Please try again later. Error: ${err.message}`,
+                });
+            }
+        });
+    }
+    populateList() {
+        this.venues.forEach((venue) => this.listVc.addRow(this.renderVenueRow(venue)));
+    }
+    renderVenueRow(venue) {
+        return {
+            id: venue.provider,
+            cells: [
+                {
+                    checkboxInput: {
+                        name: 'isSelected',
+                        value: false,
+                        onChange: (value) => {
+                            if (value) {
+                                this.handleChange(venue);
+                            }
+                        },
+                    },
+                },
+                { text: { content: venue.label } },
+                (venue.joinUrl
+                    ? {
+                        button: {
+                            id: `joinUrl`,
+                            label: venue.label,
+                            lineIcon: 'link-angle',
+                            onClick: this.handleOnClickJoinUrl.bind(this, venue.joinUrl),
+                        },
+                    }
+                    : {}),
+            ],
+        };
+    }
+    selectVenue(provider) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.listVc.getRowVc(provider).setValue('isSelected', true);
+        });
+    }
+    handleOnClickJoinUrl(joinUrl) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.router.redirect(joinUrl);
+        });
+    }
+    handleChange(venue) {
+        var _a;
+        this.venues.forEach((v) => __awaiter(this, void 0, void 0, function* () {
+            if (v.provider === venue.provider) {
+                if (venue.details) {
+                    const index = this.listVc
+                        .getRowVcs()
+                        .findIndex((r) => r.getId() === v.provider);
+                    this.listVc.addRow({
+                        id: 'details',
+                        atIndex: index + 1,
+                        cells: [
+                            {
+                                text: {
+                                    markdown: venue.details,
+                                },
+                            },
+                        ],
+                    });
+                }
+                return;
+            }
+            yield this.listVc.getRowVc(v.provider).setValue('isSelected', false);
+        }));
+        (_a = this.onSelectHandler) === null || _a === void 0 ? void 0 : _a.call(this, venue);
+    }
+    render() {
+        return this.listVc.render();
+    }
+}
+VenuesListViewController.id = 'venues-list';
+export default VenuesListViewController;

package/build/index-components.d.ts

@@ -12,7 +12,6 @@ import EventTitleToolViewController from './tools/EventTitleTool.vc';
 import VenueSelectionToolViewController from './tools/VenueSelectionTool.vc';
 import EventControlsCardViewController from './viewControllers/EventControlsCard.vc';
 import RepeatingControlsListViewController from './viewControllers/RepeatingControlsList.vc';
-import VenuesListViewController from './viewControllers/VenuesList.vc';
 export { default as calculateCalendarEventDifferences } from './calendar/calculateCalendarEventDifferences';
 export { default as RepeatingCardViewController } from './tools/EventRepeatingTool.vc';
 export * from './tools/EventRepeatingTool.vc';
@@ -26,8 +25,6 @@ export { default as EventDateTimeToolViewController } from './tools/EventDateTim
 export * from './tools/EventDateTimeTool.vc';
 export { default as VenueSelectionToolViewController } from './tools/VenueSelectionTool.vc';
 export * from './tools/VenueSelectionTool.vc';
-export { default as VenuesListViewController } from './viewControllers/VenuesList.vc';
-export * from './viewControllers/VenuesList.vc';
 export { default as EventRepeatingToolViewController } from './tools/EventRepeatingTool.vc';
 export * from './tools/EventRepeatingTool.vc';
 export { default as EventDurationToolViewController } from './tools/EventDurationTool.vc';
@@ -50,7 +47,6 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.event-title-tool': EventTitleToolViewController;
         'calendar.event-controls-card': EventControlsCardViewController;
         'calendar.venue-selection-tool': VenueSelectionToolViewController;
-        'calendar.venues-list': VenuesListViewController;
     }
     interface ViewControllerOptionsMap {
         'calendar.repeating-controls-list': ConstructorParameters<typeof RepeatingControlsListViewController>[0];
@@ -60,6 +56,5 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.event-repeating-tool': ConstructorParameters<typeof EventRepeatingToolViewController>[0];
         'calendar.event-title-tool': ConstructorParameters<typeof EventTitleToolViewController>[0];
         'calendar.venue-selection-tool': ConstructorParameters<typeof VenueSelectionToolViewController>[0];
-        'calendar.venues-list': ConstructorParameters<typeof VenuesListViewController>[0];
     }
 }

package/build/index-components.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.peopleToPeopleWithoutSchedules = exports.draftEventGenerator = exports.AbstractCalendarEventToolBeltState = exports.CalendarToolRegistrar = exports.EventDurationToolViewController = exports.EventRepeatingToolViewController = exports.VenuesListViewController = exports.VenueSelectionToolViewController = exports.EventDateTimeToolViewController = exports.EventControlsCardViewController = exports.CalendarViewController = exports.RepeatingControlsListViewController = exports.RepeatingCardViewController = exports.calculateCalendarEventDifferences = exports.SpyEventManager = exports.calendarToolBeltInteractor = exports.CalendarToolTestFactory = exports.CalendarToolBeltStateMachineTestFactory = exports.calendarSkillAssert = void 0;
+exports.peopleToPeopleWithoutSchedules = exports.draftEventGenerator = exports.AbstractCalendarEventToolBeltState = exports.CalendarToolRegistrar = exports.EventDurationToolViewController = exports.EventRepeatingToolViewController = exports.VenueSelectionToolViewController = exports.EventDateTimeToolViewController = exports.EventControlsCardViewController = exports.CalendarViewController = exports.RepeatingControlsListViewController = exports.RepeatingCardViewController = exports.calculateCalendarEventDifferences = exports.SpyEventManager = exports.calendarToolBeltInteractor = exports.CalendarToolTestFactory = exports.CalendarToolBeltStateMachineTestFactory = exports.calendarSkillAssert = void 0;
 var calendarSkillAssert_1 = require("./__tests__/support/utilities/calendarSkillAssert");
 Object.defineProperty(exports, "calendarSkillAssert", { enumerable: true, get: function () { return __importDefault(calendarSkillAssert_1).default; } });
 var CalendarToolBeltStateMachineTestFactory_1 = require("./__tests__/support/CalendarToolBeltStateMachineTestFactory");
@@ -49,9 +49,6 @@ __exportStar(require("./tools/EventDateTimeTool.vc"), exports);
 var VenueSelectionTool_vc_1 = require("./tools/VenueSelectionTool.vc");
 Object.defineProperty(exports, "VenueSelectionToolViewController", { enumerable: true, get: function () { return __importDefault(VenueSelectionTool_vc_1).default; } });
 __exportStar(require("./tools/VenueSelectionTool.vc"), exports);
-var VenuesList_vc_1 = require("./viewControllers/VenuesList.vc");
-Object.defineProperty(exports, "VenuesListViewController", { enumerable: true, get: function () { return __importDefault(VenuesList_vc_1).default; } });
-__exportStar(require("./viewControllers/VenuesList.vc"), exports);
 var EventRepeatingTool_vc_2 = require("./tools/EventRepeatingTool.vc");
 Object.defineProperty(exports, "EventRepeatingToolViewController", { enumerable: true, get: function () { return __importDefault(EventRepeatingTool_vc_2).default; } });
 __exportStar(require("./tools/EventRepeatingTool.vc"), exports);

package/build/tools/VenueSelectionTool.vc.d.ts

@@ -0,0 +1,23 @@
+import { AbstractViewController, ViewControllerOptions, Card } from '@sprucelabs/heartwood-view-controllers';
+import { CalendarTool, CalendarToolBeltContext, CalendarToolOptions } from '../types/calendar.types';
+import VenuesListViewController from '../viewControllers/VenuesList.vc';
+export default class VenueSelectionToolViewController extends AbstractViewController<Card> implements CalendarTool {
+    static id: string;
+    private cardVc;
+    protected venueListVc: VenuesListViewController;
+    private updateContextHandler;
+    private getContext;
+    private isLoaded;
+    constructor(options: ViewControllerOptions & CalendarToolOptions);
+    private VenueListVc;
+    private get router();
+    private CardVc;
+    handleUpdateContext(context: CalendarToolBeltContext): Promise<void>;
+    load(): Promise<void>;
+    private get event();
+    private get scope();
+    private get context();
+    private get venue();
+    setCriticalError(): void;
+    render(): import("@sprucelabs/heartwood-view-controllers").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}

package/build/tools/VenueSelectionTool.vc.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+class VenueSelectionToolViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.isLoaded = false;
+        const { getContext, updateContext } = options;
+        this.getContext = getContext;
+        this.updateContextHandler = updateContext;
+        this.venueListVc = this.VenueListVc();
+        this.cardVc = this.CardVc();
+    }
+    VenueListVc() {
+        return this.Controller('calendar.venues-list', {
+            router: this.router,
+            onSelect: async (venue) => {
+                await this.updateContextHandler({
+                    'event.venue': venue,
+                });
+            },
+        });
+    }
+    get router() {
+        return this.context.router;
+    }
+    CardVc() {
+        return this.Controller('card', {
+            body: {
+                sections: [
+                    {
+                        list: this.venueListVc.render(),
+                    },
+                ],
+            },
+        });
+    }
+    async handleUpdateContext(context) {
+        const provider = context.event.venue?.provider;
+        if (provider && this.isLoaded) {
+            await this.venueListVc.selectVenue(provider);
+        }
+    }
+    async load() {
+        const organization = await this.scope.getCurrentOrganization();
+        this.isLoaded = true;
+        await this.venueListVc.load({
+            organizationId: organization.id,
+        });
+        if (this.venue?.provider) {
+            await this.venueListVc.selectVenue(this.venue.provider);
+        }
+    }
+    get event() {
+        return this.context.event;
+    }
+    get scope() {
+        return this.context.scope;
+    }
+    get context() {
+        return this.getContext();
+    }
+    get venue() {
+        return this.event.venue;
+    }
+    setCriticalError() { }
+    render() {
+        return this.cardVc.render();
+    }
+}
+VenueSelectionToolViewController.id = 'venue-selection-tool';
+exports.default = VenueSelectionToolViewController;

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

@@ -0,0 +1,25 @@
+import { AbstractViewController, ViewControllerOptions, List, ListViewController, Router } from '@sprucelabs/heartwood-view-controllers';
+import { Venue } from '../types/calendar.types';
+export default class VenuesListViewController extends AbstractViewController<List> {
+    static id: string;
+    protected listVc: ListViewController;
+    private venues;
+    protected onSelectHandler?: (venue: Venue) => void;
+    private router;
+    constructor(options: ViewControllerOptions & VenuesListConstructorOptions);
+    private ListVc;
+    load(options: VenuesListLoadOptions): Promise<void>;
+    private populateList;
+    private renderVenueRow;
+    selectVenue(provider: string): Promise<void>;
+    private handleOnClickJoinUrl;
+    private handleChange;
+    render(): import("@sprucelabs/heartwood-view-controllers").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.List;
+}
+export interface VenuesListLoadOptions {
+    organizationId: string;
+}
+export interface VenuesListConstructorOptions {
+    router: Router;
+    onSelect?: (venue: Venue) => void;
+}

package/build/viewControllers/VenuesList.vc.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+class VenuesListViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.venues = [];
+        const { router, onSelect } = options;
+        this.onSelectHandler = onSelect;
+        this.router = router;
+        this.listVc = this.ListVc();
+    }
+    ListVc() {
+        return this.Controller('list', {
+            id: 'venues-list',
+        });
+    }
+    async load(options) {
+        const { organizationId } = options;
+        const client = await this.connectToApi();
+        try {
+            const [{ venues }] = await client.emitAndFlattenResponses('calendar.register-venues::v2021_05_19', {
+                target: {
+                    organizationId,
+                },
+            });
+            this.venues.push(...venues);
+            this.populateList();
+        }
+        catch (err) {
+            await this.alert({
+                message: `We had trouble loading your venues. Please try again later. Error: ${err.message}`,
+            });
+        }
+    }
+    populateList() {
+        this.venues.forEach((venue) => this.listVc.addRow(this.renderVenueRow(venue)));
+    }
+    renderVenueRow(venue) {
+        return {
+            id: venue.provider,
+            cells: [
+                {
+                    checkboxInput: {
+                        name: 'isSelected',
+                        value: false,
+                        onChange: (value) => {
+                            if (value) {
+                                this.handleChange(venue);
+                            }
+                        },
+                    },
+                },
+                { text: { content: venue.label } },
+                (venue.joinUrl
+                    ? {
+                        button: {
+                            id: `joinUrl`,
+                            label: venue.label,
+                            lineIcon: 'link-angle',
+                            onClick: this.handleOnClickJoinUrl.bind(this, venue.joinUrl),
+                        },
+                    }
+                    : {}),
+            ],
+        };
+    }
+    async selectVenue(provider) {
+        await this.listVc.getRowVc(provider).setValue('isSelected', true);
+    }
+    async handleOnClickJoinUrl(joinUrl) {
+        await this.router.redirect(joinUrl);
+    }
+    handleChange(venue) {
+        this.venues.forEach(async (v) => {
+            if (v.provider === venue.provider) {
+                if (venue.details) {
+                    const index = this.listVc
+                        .getRowVcs()
+                        .findIndex((r) => r.getId() === v.provider);
+                    this.listVc.addRow({
+                        id: 'details',
+                        atIndex: index + 1,
+                        cells: [
+                            {
+                                text: {
+                                    markdown: venue.details,
+                                },
+                            },
+                        ],
+                    });
+                }
+                return;
+            }
+            await this.listVc.getRowVc(v.provider).setValue('isSelected', false);
+        });
+        this.onSelectHandler?.(venue);
+    }
+    render() {
+        return this.listVc.render();
+    }
+}
+VenuesListViewController.id = 'venues-list';
+exports.default = VenuesListViewController;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-calendar-components",
   "description": "Calendar components for working with calendars and Sprucebot.",
-  "version": "38.1.6",
+  "version": "38.1.8",
   "skill": {
     "namespace": "calendar"
   },
@@ -193,7 +193,18 @@
     "build/viewControllers/UniversalCalendarEvent.vc.js",
     "build/viewControllers/UniversalCalendarEvent.vc.d.ts",
     "build/esm/viewControllers/UniversalCalendarEvent.vc.js",
-    "build/esm/viewControllers/UniversalCalendarEvent.vc.d.ts"
+    "build/esm/viewControllers/UniversalCalendarEvent.vc.d.ts",
+
+    "build/tools/VenueSelectionTool.vc.js",
+    "build/tools/VenueSelectionTool.vc.d.ts",
+    "build/esm/tools/VenueSelectionTool.vc.js",
+    "build/esm/tools/VenueSelectionTool.vc.d.ts",
+
+    "build/viewControllers/VenuesList.vc.js",
+    "build/viewControllers/VenuesList.vc.d.ts",
+    "build/esm/viewControllers/VenuesList.vc.js",
+    "build/esm/viewControllers/VenuesList.vc.d.ts"
+
   ],
   "keywords": [],
   "scripts": {