@sprucelabs/spruce-appointment-utils 5.1.4

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

@@ -0,0 +1,98 @@
+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, buildForm, } from '@sprucelabs/heartwood-view-controllers';
+import { assertOptions, buildSchema } from '@sprucelabs/schema';
+const schema = buildSchema({
+    id: 'priceSchema',
+    fields: {
+        price: {
+            type: 'text',
+            label: 'Price',
+        },
+    },
+});
+export default class EditOverrideDetailsCardViewController extends AbstractViewController {
+    constructor(options) {
+        var _a, _b, _c;
+        super(options);
+        assertOptions(options, ['onCancel', 'onSubmit']);
+        this.service = options === null || options === void 0 ? void 0 : options.service;
+        this.serviceRoleCapability = options === null || options === void 0 ? void 0 : options.serviceRoleCapability;
+        this.onSubmitHandler = options.onSubmit;
+        this.onCancelHandler = options.onCancel;
+        this.durationVc = this.Controller('appointments.duration-card', {});
+        void this.durationVc.load((_b = (_a = this.serviceRoleCapability) === null || _a === void 0 ? void 0 : _a.timeBlocks) !== null && _b !== void 0 ? _b : (_c = this.service) === null || _c === void 0 ? void 0 : _c.timeBlocks);
+        this.durationListVc = this.durationVc.getDurationListVc();
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+    }
+    FormVc() {
+        var _a, _b, _c;
+        return this.Controller('form', buildForm({
+            id: 'editOverrideForm',
+            schema,
+            shouldShowCancelButton: false,
+            onSubmit: ({ values }) => {
+                var _a;
+                this.onSubmitHandler((_a = values.price) !== null && _a !== void 0 ? _a : undefined, this.getDurationVc().getTimeBlocks(), this.service, this.serviceRoleCapability);
+            },
+            onCancel: () => {
+                this.onCancelHandler();
+            },
+            sections: [
+                {
+                    fields: ['price'],
+                },
+                {
+                    title: 'Duration',
+                    list: this.durationVc.getDurationListVc().render(),
+                },
+            ],
+            footer: {
+                buttons: [
+                    {
+                        id: 'addDuration',
+                        label: 'Add block of time',
+                        onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            this.handleClickAddTimeBlock();
+                        }),
+                    },
+                ],
+            },
+            values: {
+                price: (_b = (_a = this.serviceRoleCapability) === null || _a === void 0 ? void 0 : _a.price) !== null && _b !== void 0 ? _b : (_c = this.service) === null || _c === void 0 ? void 0 : _c.price,
+            },
+        }));
+    }
+    handleClickAddTimeBlock() {
+        this.durationListVc.addNewTimeBlock();
+    }
+    CardVc() {
+        return this.Controller('card', {
+            header: {
+                title: 'Overrides',
+                subtitle: `You can set a custom price and duration for this service!`,
+            },
+            body: {
+                sections: [{ form: this.formVc.render() }],
+            },
+        });
+    }
+    getFormVc() {
+        return this.formVc;
+    }
+    getDurationVc() {
+        return this.durationVc;
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+EditOverrideDetailsCardViewController.id = 'edit-override-details-card';

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

@@ -0,0 +1,33 @@
+import { AbstractViewController, FormViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+declare const schema: {
+    id: string;
+    fields: {
+        title: {
+            type: "text";
+            label: string;
+        };
+    };
+};
+declare type Schema = typeof schema;
+export declare type FormVc = FormViewController<Schema>;
+interface EditTimeBlockOptions {
+    title?: string;
+    onCancel: () => void;
+    onSubmit: (title: string | undefined) => void;
+}
+export declare type EditTimeBlockTitleCardViewControllerOptions = ViewControllerOptions & EditTimeBlockOptions;
+export default class EditTimeBlockTitleCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    private cardVc;
+    private formVc;
+    private onSubmitHandler;
+    private onCancelHandler;
+    private title?;
+    constructor(options: EditTimeBlockTitleCardViewControllerOptions);
+    private FormVc;
+    private CardVc;
+    getFormVc(): FormVc;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export {};

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

@@ -0,0 +1,69 @@
+import { AbstractViewController, buildForm, } from '@sprucelabs/heartwood-view-controllers';
+import { assertOptions, buildSchema } from '@sprucelabs/schema';
+const schema = buildSchema({
+    id: 'titleSchema',
+    fields: {
+        title: {
+            type: 'text',
+            label: 'Name of timeblock',
+        },
+    },
+});
+export default class EditTimeBlockTitleCardViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        assertOptions(options, ['onCancel', 'onSubmit']);
+        this.title = options === null || options === void 0 ? void 0 : options.title;
+        this.onSubmitHandler = options.onSubmit;
+        this.onCancelHandler = options.onCancel;
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+    }
+    FormVc() {
+        return this.Controller('form', buildForm({
+            id: 'titleForm',
+            schema,
+            shouldShowCancelButton: false,
+            onSubmit: ({ values }) => {
+                var _a;
+                this.onSubmitHandler((_a = values.title) !== null && _a !== void 0 ? _a : undefined);
+            },
+            onCancel: () => {
+                this.onCancelHandler();
+            },
+            sections: [
+                {
+                    fields: ['title'],
+                },
+            ],
+            values: { title: this.title },
+        }));
+    }
+    CardVc() {
+        return this.Controller('card', {
+            header: {
+                title: 'Name this block of time!',
+                subtitle: `You only need to think about this if a service takes more than one discrete chunk of time.`,
+            },
+            body: {
+                sections: [
+                    {
+                        text: {
+                            content: 'Here we go!',
+                        },
+                    },
+                    {
+                        form: this.formVc.render(),
+                    },
+                ],
+            },
+        });
+    }
+    getFormVc() {
+        return this.formVc;
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+EditTimeBlockTitleCardViewController.id = 'edit-time-block-title-card';

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

@@ -0,0 +1,22 @@
+import { SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import AbstractCapabilityCardViewController from './AbstractCapabilityCardViewController';
+declare type Role = SpruceSchemas.Spruce.v2020_07_22.Role;
+declare type ToggleHandler = (serviceId: string, isSelected: boolean) => void;
+export declare type RolesCardViewControllerOptions = ViewControllerOptions & {
+    role: Role;
+    onUpdateHasCapability?: ToggleHandler;
+    onEdit?: (row: any) => void;
+};
+export default class RolesCardViewController extends AbstractCapabilityCardViewController {
+    static id: string;
+    private role;
+    constructor(options: RolesCardViewControllerOptions);
+    load(options: {
+        organizationId?: string;
+        shouldIncludePrivateFields?: boolean;
+    }): Promise<void>;
+    protected loadCapabilities(): Promise<void>;
+    protected insertOrUpdateCapability(serviceId: string, values: any, serviceCapability: SpruceSchemas.Appointments.v2021_06_23.ListRoleCapability | undefined): Promise<SpruceSchemas.Appointments.v2021_06_23.ListRoleCapability | undefined>;
+    getCapabilities(): any[];
+}
+export {};

package/build/esm/viewControllers/RolesCard.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 { eventResponseUtil } from '@sprucelabs/spruce-event-utils';
+import AbstractCapabilityCardViewController from './AbstractCapabilityCardViewController.js';
+export default class RolesCardViewController extends AbstractCapabilityCardViewController {
+    constructor(options) {
+        super(options);
+        this.role = options.role;
+        this.onUpdateHasCapability = options.onUpdateHasCapability;
+        this.onEdit = options.onEdit;
+        this.activeRecordCardVc = this.ActiveRecordCard(options.role);
+    }
+    load(options) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.loadVc((_a = options.organizationId) !== null && _a !== void 0 ? _a : 'missing-org');
+        });
+    }
+    loadCapabilities() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const client = yield this.connectToApi();
+            const results = yield client.emit('appointments.list-role-capabilities::v2021_06_23', {
+                target: {
+                    organizationId: this.organizationId,
+                    roleId: this.role.id,
+                },
+            });
+            const { capabilities } = eventResponseUtil.getFirstResponseOrThrow(results);
+            this.capabilities = capabilities;
+        });
+    }
+    insertOrUpdateCapability(serviceId, values, serviceCapability) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            const client = yield this.connectToApi();
+            try {
+                if (serviceCapability) {
+                    const [{ capability }] = yield client.emitAndFlattenResponses('appointments.update-role-capability::v2021_06_23', {
+                        target: {
+                            organizationId: (_a = this.organizationId) !== null && _a !== void 0 ? _a : 'org id',
+                            capabilityId: serviceCapability.id,
+                        },
+                        payload: Object.assign({}, values),
+                    });
+                    return capability;
+                }
+                else {
+                    const [{ capability }] = yield client.emitAndFlattenResponses('appointments.create-role-capability::v2021_06_23', {
+                        target: {
+                            organizationId: (_b = this.organizationId) !== null && _b !== void 0 ? _b : 'org id',
+                            roleId: this.role.id,
+                        },
+                        payload: Object.assign({ serviceId, isEnabled: true }, values),
+                    });
+                    return capability;
+                }
+            }
+            catch (err) {
+                yield this.alert({ message: err.message });
+            }
+            return;
+        });
+    }
+    getCapabilities() {
+        return this.capabilities;
+    }
+}
+RolesCardViewController.id = 'roles-card';

package/build/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/index-module.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RolesCardViewController = exports.EditTimeBlockTitleCardViewController = exports.EditOverrideDetailsCardViewController = exports.DurationListViewController = exports.DurationCardViewController = exports.AbstractCapabilityCardViewController = void 0;
+var AbstractCapabilityCardViewController_1 = require("./viewControllers/AbstractCapabilityCardViewController");
+Object.defineProperty(exports, "AbstractCapabilityCardViewController", { enumerable: true, get: function () { return __importDefault(AbstractCapabilityCardViewController_1).default; } });
+var DurationCard_vc_1 = require("./viewControllers/DurationCard.vc");
+Object.defineProperty(exports, "DurationCardViewController", { enumerable: true, get: function () { return __importDefault(DurationCard_vc_1).default; } });
+var DurationList_vc_1 = require("./viewControllers/DurationList.vc");
+Object.defineProperty(exports, "DurationListViewController", { enumerable: true, get: function () { return __importDefault(DurationList_vc_1).default; } });
+var EditOverrideDetailsCard_vc_1 = require("./viewControllers/EditOverrideDetailsCard.vc");
+Object.defineProperty(exports, "EditOverrideDetailsCardViewController", { enumerable: true, get: function () { return __importDefault(EditOverrideDetailsCard_vc_1).default; } });
+var EditTimeBlockTitleCard_vc_1 = require("./viewControllers/EditTimeBlockTitleCard.vc");
+Object.defineProperty(exports, "EditTimeBlockTitleCardViewController", { enumerable: true, get: function () { return __importDefault(EditTimeBlockTitleCard_vc_1).default; } });
+var RolesCard_vc_1 = require("./viewControllers/RolesCard.vc");
+Object.defineProperty(exports, "RolesCardViewController", { enumerable: true, get: function () { return __importDefault(RolesCard_vc_1).default; } });
+__exportStar(require("./types-module"), exports);

package/build/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/types-module.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/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/viewControllers/AbstractCapabilityCardViewController.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const calendar_utils_1 = require("@sprucelabs/calendar-utils");
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+class AbstractCapabilityCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor() {
+        super(...arguments);
+        this.capabilities = [];
+    }
+    ActiveRecordCard(row) {
+        return this.Controller('activeRecordCard', (0, heartwood_view_controllers_1.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: async () => {
+                await 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: async (value) => {
+                            await this.handleToggleChange(service, value !== null && value !== void 0 ? value : false, serviceCapability);
+                        },
+                    },
+                },
+            ].filter((c) => !!c),
+        };
+    }
+    async handleEdit(serviceRow, serviceRoleCapability) {
+        var _a;
+        this.editVc = this.Controller('appointments.edit-override-details-card', {
+            onCancel: () => { },
+            onSubmit: async (price, timeBlocks, serviceRow, serviceRoleCapability) => {
+                await dlgVc.hide();
+                const newServiceCapability = await 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();
+        }
+    }
+    async handleToggleChange(service, value, capability) {
+        var _a;
+        (_a = this.onUpdateHasCapability) === null || _a === void 0 ? void 0 : _a.call(this, service, value);
+        const newCapability = await this.insertOrUpdateCapability(service.id, { isEnabled: value }, capability);
+        if (newCapability) {
+            this.upsertCapabilities(newCapability, service);
+        }
+    }
+    async loadVc(organizationId) {
+        this.organizationId = organizationId;
+        this.activeRecordCardVc.setTarget({ organizationId });
+        this.activeRecordCardVc.getCardVc().setIsBusy(false);
+        await this.loadCapabilities();
+        await this.activeRecordCardVc.load();
+    }
+    calculateDuration(timeblocks) {
+        const duration = timeblocks
+            .map((a) => a.durationMinutes)
+            .reduce(function (a, b) {
+            return a + b;
+        });
+        const r = calendar_utils_1.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();
+    }
+}
+exports.default = AbstractCapabilityCardViewController;

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+class DurationCardViewController extends heartwood_view_controllers_1.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: async () => {
+                            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();
+    }
+}
+exports.default = DurationCardViewController;
+DurationCardViewController.id = 'duration-card';