@sprucelabs/spruce-appointment-utils 5.1.4

package/README.md

@@ -0,0 +1,5 @@
+# [Spruce Appointment Utils]
+
+## Useful links
+
+- [Spruce Developer Documentation: https://developer.spruce.ai](https://developer.spruce.ai)

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

@@ -0,0 +1,7 @@
+export { default as AbstractCapabilityCardViewController } from './viewControllers/AbstractCapabilityCardViewController';
+export { default as DurationCardViewController } from './viewControllers/DurationCard.vc';
+export { default as DurationListViewController } from './viewControllers/DurationList.vc';
+export { default as EditOverrideDetailsCardViewController } from './viewControllers/EditOverrideDetailsCard.vc';
+export { default as EditTimeBlockTitleCardViewController } from './viewControllers/EditTimeBlockTitleCard.vc';
+export { default as RolesCardViewController } from './viewControllers/RolesCard.vc';
+export * from './types-module';

package/build/esm/index-module.js

@@ -0,0 +1,7 @@
+export { default as AbstractCapabilityCardViewController } from './viewControllers/AbstractCapabilityCardViewController.js';
+export { default as DurationCardViewController } from './viewControllers/DurationCard.vc.js';
+export { default as DurationListViewController } from './viewControllers/DurationList.vc.js';
+export { default as EditOverrideDetailsCardViewController } from './viewControllers/EditOverrideDetailsCard.vc.js';
+export { default as EditTimeBlockTitleCardViewController } from './viewControllers/EditTimeBlockTitleCard.vc.js';
+export { default as RolesCardViewController } from './viewControllers/RolesCard.vc.js';
+export * from './types-module.js';

package/build/esm/types-module.d.ts

@@ -0,0 +1,21 @@
+import DurationCardViewController, { DurationCardViewControllerOptions } from './viewControllers/DurationCard.vc';
+import DurationListViewController, { DurationListViewControllerOptions } from './viewControllers/DurationList.vc';
+import EditOverrideDetailsCardViewController, { EditOverrideDetailsCardViewControllerOptions } from './viewControllers/EditOverrideDetailsCard.vc';
+import EditTimeBlockTitleCardViewController, { EditTimeBlockTitleCardViewControllerOptions } from './viewControllers/EditTimeBlockTitleCard.vc';
+import RolesCardViewController, { RolesCardViewControllerOptions } from './viewControllers/RolesCard.vc';
+declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.types' {
+    interface ViewControllerMap {
+        durationCard: DurationCardViewController;
+        durationList: DurationListViewController;
+        editOverrideDetailsCard: EditOverrideDetailsCardViewController;
+        editTimeBlockTitleCard: EditTimeBlockTitleCardViewController;
+        rolesCard: RolesCardViewController;
+    }
+    interface ViewControllerOptionsMap {
+        durationCard: DurationCardViewControllerOptions;
+        durationList: DurationListViewControllerOptions;
+        editOverrideDetailsCard: EditOverrideDetailsCardViewControllerOptions;
+        editTimeBlockTitleCard: EditTimeBlockTitleCardViewControllerOptions;
+        rolesCard: RolesCardViewControllerOptions;
+    }
+}

package/build/esm/types-module.js

@@ -0,0 +1 @@
+export {};

package/build/esm/viewControllers/AbstractCapabilityCardViewController.d.ts

@@ -0,0 +1,32 @@
+import { AbstractViewController, ActiveRecordCardViewController, SpruceSchemas } from '@sprucelabs/heartwood-view-controllers';
+import EditOverrideDetailsCardViewController from './EditOverrideDetailsCard.vc';
+declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+declare type ToggleHandler = (serviceId: string, isSelected: boolean) => void;
+declare type Service = SpruceSchemas.Appointments.v2021_06_23.ListService;
+export default abstract class AbstractCapabilityCardViewController extends AbstractViewController<Card> {
+    protected activeRecordCardVc: ActiveRecordCardViewController;
+    protected onUpdateHasCapability?: ToggleHandler;
+    protected onEdit?: (row: any) => void;
+    protected capabilities: any[];
+    protected locationId?: string;
+    protected organizationId?: string;
+    protected editVc?: EditOverrideDetailsCardViewController;
+    protected abstract insertOrUpdateCapability(serviceId: string, values: any, capability: SpruceSchemas.Appointments.v2021_06_23.ListRoleCapability | undefined): Promise<SpruceSchemas.Appointments.v2021_06_23.ListRoleCapability | undefined>;
+    protected abstract loadCapabilities(): Promise<any>;
+    ActiveRecordCard(row: any): ActiveRecordCardViewController;
+    protected buildRow(service: Service): any;
+    private handleEdit;
+    private upsertCapabilities;
+    private handleToggleChange;
+    protected loadVc(organizationId: string): Promise<void>;
+    private calculateDuration;
+    getCardVc(): import("@sprucelabs/heartwood-view-controllers").CardViewController;
+    getActiveRecordVc(): ActiveRecordCardViewController;
+    getListVc(): import("@sprucelabs/heartwood-view-controllers").ListViewController;
+    getEditVc(): EditOverrideDetailsCardViewController | undefined;
+    getOrganizationId(): string | undefined;
+    getCapabilities(): any[];
+    getLocationId(): string;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export {};

package/build/esm/viewControllers/AbstractCapabilityCardViewController.js

@@ -0,0 +1,143 @@
+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 { durationUtil } from '@sprucelabs/calendar-utils';
+import { AbstractViewController, buildActiveRecordCard, } from '@sprucelabs/heartwood-view-controllers';
+export default class AbstractCapabilityCardViewController extends AbstractViewController {
+    constructor() {
+        super(...arguments);
+        this.capabilities = [];
+    }
+    ActiveRecordCard(row) {
+        return this.Controller('activeRecordCard', buildActiveRecordCard({
+            id: row.id,
+            columnWidths: ['fill'],
+            shouldRenderRowDividers: true,
+            header: {
+                title: row.name,
+            },
+            eventName: 'appointments.list-services::v2021_06_23',
+            responseKey: 'services',
+            footer: {},
+            rowTransformer: this.buildRow.bind(this),
+        }));
+    }
+    buildRow(service) {
+        var _a, _b, _c, _d;
+        const serviceCapability = (_a = this.capabilities) === null || _a === void 0 ? void 0 : _a.find((r) => r.serviceId === service.id);
+        return {
+            id: service.id,
+            onClick: () => __awaiter(this, void 0, void 0, function* () {
+                yield this.handleEdit(service, serviceCapability);
+            }),
+            cells: [
+                {
+                    text: {
+                        content: service.name,
+                    },
+                    subText: {
+                        content: `$${(_b = serviceCapability === null || serviceCapability === void 0 ? void 0 : serviceCapability.price) !== null && _b !== void 0 ? _b : service.price} - ${this.calculateDuration((_c = serviceCapability === null || serviceCapability === void 0 ? void 0 : serviceCapability.timeBlocks) !== null && _c !== void 0 ? _c : service.timeBlocks)}`,
+                    },
+                },
+                {
+                    toggleInput: {
+                        name: 'isEnabled',
+                        value: (_d = serviceCapability === null || serviceCapability === void 0 ? void 0 : serviceCapability.isEnabled) !== null && _d !== void 0 ? _d : false,
+                        onChange: (value) => __awaiter(this, void 0, void 0, function* () {
+                            yield this.handleToggleChange(service, value !== null && value !== void 0 ? value : false, serviceCapability);
+                        }),
+                    },
+                },
+            ].filter((c) => !!c),
+        };
+    }
+    handleEdit(serviceRow, serviceRoleCapability) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.editVc = this.Controller('appointments.edit-override-details-card', {
+                onCancel: () => { },
+                onSubmit: (price, timeBlocks, serviceRow, serviceRoleCapability) => __awaiter(this, void 0, void 0, function* () {
+                    yield dlgVc.hide();
+                    const newServiceCapability = yield this.insertOrUpdateCapability(serviceRow.id, { price, timeBlocks, isEnabled: true }, serviceRoleCapability);
+                    if (newServiceCapability) {
+                        this.upsertCapabilities(newServiceCapability, serviceRow);
+                    }
+                }),
+                service: serviceRow,
+                serviceRoleCapability,
+            });
+            const dlgVc = this.renderInDialog(Object.assign({}, this.editVc.render()));
+            return (_a = this.onEdit) === null || _a === void 0 ? void 0 : _a.call(this, serviceRow);
+        });
+    }
+    upsertCapabilities(newServiceCapability, service) {
+        var _a;
+        const listVc = this.getListVc();
+        if (newServiceCapability) {
+            this.capabilities = (_a = this.capabilities) === null || _a === void 0 ? void 0 : _a.filter((r) => r.id !== newServiceCapability.id);
+            this.capabilities.push(newServiceCapability);
+            listVc.upsertRow(service.id, Object.assign({}, this.buildRow(service)));
+            listVc.triggerRender();
+            this.getActiveRecordVc().triggerRender();
+        }
+    }
+    handleToggleChange(service, value, capability) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            (_a = this.onUpdateHasCapability) === null || _a === void 0 ? void 0 : _a.call(this, service, value);
+            const newCapability = yield this.insertOrUpdateCapability(service.id, { isEnabled: value }, capability);
+            if (newCapability) {
+                this.upsertCapabilities(newCapability, service);
+            }
+        });
+    }
+    loadVc(organizationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.organizationId = organizationId;
+            this.activeRecordCardVc.setTarget({ organizationId });
+            this.activeRecordCardVc.getCardVc().setIsBusy(false);
+            yield this.loadCapabilities();
+            yield this.activeRecordCardVc.load();
+        });
+    }
+    calculateDuration(timeblocks) {
+        const duration = timeblocks
+            .map((a) => a.durationMinutes)
+            .reduce(function (a, b) {
+            return a + b;
+        });
+        const r = durationUtil.msToFriendly(duration * 60000);
+        return r;
+    }
+    getCardVc() {
+        return this.activeRecordCardVc.getCardVc();
+    }
+    getActiveRecordVc() {
+        return this.activeRecordCardVc;
+    }
+    getListVc() {
+        return this.activeRecordCardVc.getListVc();
+    }
+    getEditVc() {
+        return this.editVc;
+    }
+    getOrganizationId() {
+        return this.organizationId;
+    }
+    getCapabilities() {
+        return this.capabilities;
+    }
+    getLocationId() {
+        var _a;
+        return (_a = this.locationId) !== null && _a !== void 0 ? _a : 'no location id';
+    }
+    render() {
+        return this.activeRecordCardVc.render();
+    }
+}

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

@@ -0,0 +1,33 @@
+import { SpruceSchemas as SpruceSchemasCalendarUtils } from '@sprucelabs/calendar-utils';
+import { AbstractViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import DurationListViewController from './DurationList.vc';
+export declare type EventTimeBlock = Omit<SpruceSchemasCalendarUtils.CalendarUtils.v2021_05_19.EventTimeBlock, 'durationMinutes'> & {
+    durationMinutes?: number;
+};
+declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+export declare type DurationCardViewControllerOptions = ViewControllerOptions;
+export default class DurationCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    private listVc;
+    private cardVc;
+    constructor(options: DurationCardViewControllerOptions);
+    private CardVc;
+    load(timeBlocks?: EventTimeBlock[]): void;
+    setValues(timeBlocks?: EventTimeBlock[]): void;
+    private handleClickAddTimeBlock;
+    private ListVc;
+    getEditTitleFormVc(): import("./EditTimeBlockTitleCard.vc").FormVc | undefined;
+    payAttentionToMe(): void;
+    getDurationListVc(): DurationListViewController;
+    getTimeBlocks(): {
+        title?: string | null | undefined;
+        subtitle?: string | null | undefined;
+        isBusy: boolean;
+        rightIcons?: SpruceSchemasCalendarUtils.CalendarUtils.v2021_05_19.CalendarEventLineIcon[] | null | undefined;
+        leftIcons?: SpruceSchemasCalendarUtils.CalendarUtils.v2021_05_19.CalendarEventLineIcon[] | null | undefined;
+        durationMinutes?: number | undefined;
+        id: string;
+    }[];
+    render(): SpruceSchemasCalendarUtils.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export {};

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

@@ -0,0 +1,75 @@
+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';
+export default class DurationCardViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.listVc = this.ListVc();
+        this.cardVc = this.CardVc();
+    }
+    CardVc() {
+        return this.Controller('card', {
+            id: 'durations',
+            header: {
+                title: 'Durations',
+                subtitle: 'You can set how long a services going to take. You can even break a service up into distinct blocks of time to handle things like setup, teardown, breaks, or whenever!',
+            },
+            body: {
+                isBusy: true,
+                sections: [
+                    {
+                        list: this.listVc.render(),
+                    },
+                ],
+            },
+            footer: {
+                buttons: [
+                    {
+                        label: 'Add block of time',
+                        id: 'addDuration',
+                        type: 'primary',
+                        onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            this.handleClickAddTimeBlock();
+                        }),
+                    },
+                ],
+            },
+        });
+    }
+    load(timeBlocks) {
+        this.setValues(timeBlocks);
+        this.cardVc.setIsBusy(false);
+    }
+    setValues(timeBlocks) {
+        this.listVc.setValues(timeBlocks);
+    }
+    handleClickAddTimeBlock() {
+        this.listVc.addNewTimeBlock();
+    }
+    ListVc() {
+        return this.Controller('appointments.duration-list', {});
+    }
+    getEditTitleFormVc() {
+        return this.listVc.getEditTitleFormVc();
+    }
+    payAttentionToMe() {
+        this.cardVc.payAttentionToMe();
+    }
+    getDurationListVc() {
+        return this.listVc;
+    }
+    getTimeBlocks() {
+        return this.listVc.getTimeBlocks();
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+DurationCardViewController.id = 'duration-card';

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

@@ -0,0 +1,37 @@
+import { AbstractViewController, ListViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { EventTimeBlock } from './DurationCard.vc';
+import { FormVc } from './EditTimeBlockTitleCard.vc';
+declare type List = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.List;
+declare type TimeBlockWithId = EventTimeBlock & {
+    id: string;
+};
+export declare type DurationListViewControllerOptions = ViewControllerOptions;
+export default class DurationListViewController extends AbstractViewController<List> {
+    static id: string;
+    private listVc;
+    private timeBlocksWithId;
+    private timeBlockRowIdx;
+    private editTitleFormVc?;
+    constructor(options: DurationListViewControllerOptions);
+    private ListVc;
+    setValues(timeBlocks: EventTimeBlock[] | undefined): void;
+    private generateBlockId;
+    private addRow;
+    getListVc(): ListViewController;
+    getTimeBlocks(): {
+        title?: string | null | undefined;
+        subtitle?: string | null | undefined;
+        isBusy: boolean;
+        rightIcons?: SpruceSchemas.CalendarUtils.v2021_05_19.CalendarEventLineIcon[] | null | undefined;
+        leftIcons?: SpruceSchemas.CalendarUtils.v2021_05_19.CalendarEventLineIcon[] | null | undefined;
+        durationMinutes?: number | undefined;
+        id: string;
+    }[];
+    private buildRow;
+    addNewTimeBlock(): void;
+    handleClickEditTitle(timeBlock: TimeBlockWithId): Promise<void>;
+    private handleClickDelete;
+    getEditTitleFormVc(): FormVc | undefined;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.List;
+}
+export {};

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

@@ -0,0 +1,188 @@
+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());
+    });
+};
+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 { AbstractViewController, } from '@sprucelabs/heartwood-view-controllers';
+export default class DurationListViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.timeBlocksWithId = [];
+        this.timeBlockRowIdx = 0;
+        this.listVc = this.ListVc();
+    }
+    ListVc() {
+        return this.Controller('list', {
+            columnWidths: ['content', 'content', 'fill'],
+            rows: [],
+        });
+    }
+    setValues(timeBlocks) {
+        if (!timeBlocks || timeBlocks.length === 0) {
+            timeBlocks = [
+                { title: 'Duration', isBusy: true, durationMinutes: undefined },
+            ];
+        }
+        this.timeBlocksWithId = timeBlocks.map((tb) => (Object.assign({ id: this.generateBlockId() }, tb)));
+        for (const timeBlock of this.timeBlocksWithId) {
+            this.addRow(timeBlock);
+        }
+    }
+    generateBlockId() {
+        return `timeblock-${this.timeBlockRowIdx++}`;
+    }
+    addRow(timeBlock) {
+        this.listVc.addRow(this.buildRow(timeBlock));
+    }
+    getListVc() {
+        return this.listVc;
+    }
+    getTimeBlocks() {
+        return this.timeBlocksWithId.map((tb) => {
+            const values = __rest(tb
+            //@ts-ignore
+            , []);
+            //@ts-ignore
+            delete values.id;
+            return values;
+        });
+    }
+    buildRow(timeBlockWithId) {
+        var _a, _b;
+        const { id: rowId } = timeBlockWithId, timeBlock = __rest(timeBlockWithId, ["id"]);
+        return {
+            id: rowId,
+            height: 'content',
+            cells: [
+                {
+                    button: {
+                        id: 'edit-title',
+                        lineIcon: 'edit-line',
+                        onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            yield this.handleClickEditTitle(timeBlockWithId);
+                        }),
+                    },
+                },
+                {
+                    text: {
+                        content: (_a = timeBlock.title) !== null && _a !== void 0 ? _a : 'Duration',
+                    },
+                },
+                {
+                    textInput: {
+                        name: 'durationMinutes',
+                        label: 'Minutes',
+                        value: (timeBlock === null || timeBlock === void 0 ? void 0 : timeBlock.durationMinutes)
+                            ? `${timeBlock === null || timeBlock === void 0 ? void 0 : timeBlock.durationMinutes}`
+                            : undefined,
+                        onChange: (value) => __awaiter(this, void 0, void 0, function* () {
+                            if (value) {
+                                const cleaned = value.replace(/[^0-9]/, '');
+                                if (cleaned !== value) {
+                                    yield this.listVc
+                                        .getRowVc(rowId)
+                                        .setValue('durationMinutes', cleaned);
+                                    return false;
+                                }
+                                timeBlockWithId.durationMinutes = parseInt(value, 10);
+                            }
+                            return true;
+                        }),
+                    },
+                },
+                {
+                    toggleInput: {
+                        name: 'isBusy',
+                        value: (_b = timeBlock === null || timeBlock === void 0 ? void 0 : timeBlock.isBusy) !== null && _b !== void 0 ? _b : true,
+                        onChange: (value) => {
+                            timeBlockWithId.isBusy = value !== null && value !== void 0 ? value : false;
+                        },
+                    },
+                },
+                {
+                    button: {
+                        lineIcon: 'help-circle',
+                        onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            yield this.alert({
+                                style: 'info',
+                                title: 'Mark time as busy?',
+                                message: `This toggle is how you set this time to be marked as busy or not. If the time is busy, nobody can book the provider during this time. If the time is not busy, people can book over this time.`,
+                            });
+                        }),
+                    },
+                },
+                {
+                    button: {
+                        id: 'delete',
+                        lineIcon: 'delete',
+                        type: 'destructive',
+                        onClick: () => {
+                            return this.handleClickDelete(timeBlockWithId);
+                        },
+                    },
+                },
+            ],
+        };
+    }
+    addNewTimeBlock() {
+        const timeBlock = {
+            id: this.generateBlockId(),
+            isBusy: true,
+        };
+        this.timeBlocksWithId.push(timeBlock);
+        this.addRow(timeBlock);
+    }
+    handleClickEditTitle(timeBlock) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const editVc = this.Controller('appointments.edit-time-block-title-card', {
+                onCancel: () => { },
+                onSubmit: (title) => __awaiter(this, void 0, void 0, function* () {
+                    timeBlock.title = title;
+                    this.listVc.upsertRow(timeBlock.id, Object.assign({}, this.buildRow(timeBlock)));
+                    this.listVc.triggerRender();
+                    yield dlgVc.hide();
+                }),
+                title: (_a = timeBlock === null || timeBlock === void 0 ? void 0 : timeBlock.title) !== null && _a !== void 0 ? _a : '',
+            });
+            this.editTitleFormVc = editVc.getFormVc();
+            const dlgVc = this.renderInDialog(Object.assign({}, editVc.render()));
+        });
+    }
+    handleClickDelete(timeBlock) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const shouldDelete = yield this.confirm({
+                title: `You sure?`,
+                isDestructive: true,
+            });
+            if (!shouldDelete) {
+                return;
+            }
+            this.listVc.deleteRow(timeBlock.id);
+            const idx = this.timeBlocksWithId.indexOf(timeBlock);
+            this.timeBlocksWithId.splice(idx, 1);
+        });
+    }
+    getEditTitleFormVc() {
+        return this.editTitleFormVc;
+    }
+    render() {
+        return this.listVc.render();
+    }
+}
+DurationListViewController.id = 'duration-list';

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

@@ -0,0 +1,44 @@
+import { SpruceSchemas as SpruceSchemasCalendarUtils } from '@sprucelabs/calendar-utils';
+import { AbstractViewController, FormViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import DurationCardViewController from './DurationCard.vc';
+declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+declare type EventTimeBlock = Omit<SpruceSchemasCalendarUtils.CalendarUtils.v2021_05_19.EventTimeBlock, 'durationMinutes'> & {
+    durationMinutes?: number;
+};
+declare const schema: {
+    id: string;
+    fields: {
+        price: {
+            type: "text";
+            label: string;
+        };
+    };
+};
+declare type Schema = typeof schema;
+export declare type FormVc = FormViewController<Schema>;
+interface EditOverrideDetailsOptions {
+    service?: any;
+    serviceRoleCapability?: any;
+    onCancel: () => void;
+    onSubmit: (price: string | undefined, timeBlocks: EventTimeBlock[] | undefined, service: any | undefined, serviceRoleCapability: any | undefined) => void;
+}
+export declare type EditOverrideDetailsCardViewControllerOptions = ViewControllerOptions & EditOverrideDetailsOptions;
+export default class EditOverrideDetailsCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    private cardVc;
+    private formVc;
+    private durationVc;
+    private durationListVc;
+    private onSubmitHandler;
+    private onCancelHandler;
+    private service;
+    private serviceRoleCapability;
+    constructor(options: EditOverrideDetailsCardViewControllerOptions);
+    private FormVc;
+    private handleClickAddTimeBlock;
+    private CardVc;
+    getFormVc(): FormVc;
+    getDurationVc(): DurationCardViewController;
+    render(): SpruceSchemasCalendarUtils.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export {};