@sprucelabs/spruce-appointment-utils 5.1.4

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

@@ -0,0 +1,178 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+class DurationListViewController extends heartwood_view_controllers_1.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: async () => {
+                            await 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: async (value) => {
+                            if (value) {
+                                const cleaned = value.replace(/[^0-9]/, '');
+                                if (cleaned !== value) {
+                                    await 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: async () => {
+                            await 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);
+    }
+    async handleClickEditTitle(timeBlock) {
+        var _a;
+        const editVc = this.Controller('appointments.edit-time-block-title-card', {
+            onCancel: () => { },
+            onSubmit: async (title) => {
+                timeBlock.title = title;
+                this.listVc.upsertRow(timeBlock.id, Object.assign({}, this.buildRow(timeBlock)));
+                this.listVc.triggerRender();
+                await 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()));
+    }
+    async handleClickDelete(timeBlock) {
+        const shouldDelete = await 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();
+    }
+}
+exports.default = DurationListViewController;
+DurationListViewController.id = 'duration-list';

package/build/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 {};

package/build/viewControllers/EditOverrideDetailsCard.vc.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+const schema_1 = require("@sprucelabs/schema");
+const schema = (0, schema_1.buildSchema)({
+    id: 'priceSchema',
+    fields: {
+        price: {
+            type: 'text',
+            label: 'Price',
+        },
+    },
+});
+class EditOverrideDetailsCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        var _a, _b, _c;
+        super(options);
+        (0, schema_1.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', (0, heartwood_view_controllers_1.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: async () => {
+                            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();
+    }
+}
+exports.default = EditOverrideDetailsCardViewController;
+EditOverrideDetailsCardViewController.id = 'edit-override-details-card';

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+const schema_1 = require("@sprucelabs/schema");
+const schema = (0, schema_1.buildSchema)({
+    id: 'titleSchema',
+    fields: {
+        title: {
+            type: 'text',
+            label: 'Name of timeblock',
+        },
+    },
+});
+class EditTimeBlockTitleCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        (0, schema_1.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', (0, heartwood_view_controllers_1.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();
+    }
+}
+exports.default = EditTimeBlockTitleCardViewController;
+EditTimeBlockTitleCardViewController.id = 'edit-time-block-title-card';

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

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const spruce_event_utils_1 = require("@sprucelabs/spruce-event-utils");
+const AbstractCapabilityCardViewController_1 = __importDefault(require("./AbstractCapabilityCardViewController"));
+class RolesCardViewController extends AbstractCapabilityCardViewController_1.default {
+    constructor(options) {
+        super(options);
+        this.role = options.role;
+        this.onUpdateHasCapability = options.onUpdateHasCapability;
+        this.onEdit = options.onEdit;
+        this.activeRecordCardVc = this.ActiveRecordCard(options.role);
+    }
+    async load(options) {
+        var _a;
+        await this.loadVc((_a = options.organizationId) !== null && _a !== void 0 ? _a : 'missing-org');
+    }
+    async loadCapabilities() {
+        const client = await this.connectToApi();
+        const results = await client.emit('appointments.list-role-capabilities::v2021_06_23', {
+            target: {
+                organizationId: this.organizationId,
+                roleId: this.role.id,
+            },
+        });
+        const { capabilities } = spruce_event_utils_1.eventResponseUtil.getFirstResponseOrThrow(results);
+        this.capabilities = capabilities;
+    }
+    async insertOrUpdateCapability(serviceId, values, serviceCapability) {
+        var _a, _b;
+        const client = await this.connectToApi();
+        try {
+            if (serviceCapability) {
+                const [{ capability }] = await 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 }] = await 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) {
+            await this.alert({ message: err.message });
+        }
+        return;
+    }
+    getCapabilities() {
+        return this.capabilities;
+    }
+}
+exports.default = RolesCardViewController;
+RolesCardViewController.id = 'roles-card';

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@sprucelabs/spruce-appointment-utils",
+  "description": "",
+  "version": "5.1.4",
+  "skill": {
+    "namespace": "appointments"
+  },
+  "homepage": "https://github.com/sprucelabsai/spruce-appointments-skill",
+  "bugs": {
+    "url": "https://github.com/sprucelabsai/spruce-appointments-skill/issues"
+  },
+  "main": "./build/index-module.js",
+  "types": "./build/index-module.d.ts",
+  "module": "./build/esm/index-module.js",
+  "sideEffects": false,
+  "files": [
+    "build/index-module.js",
+    "build/index-module.d.ts",
+    "build/types-module.js",
+    "build/types-module.d.ts",
+    "build/viewControllers/AbstractCapabilityCardViewController.js",
+    "build/viewControllers/AbstractCapabilityCardViewController.d.ts",
+    "build/viewControllers/DurationCard.vc.js",
+    "build/viewControllers/DurationCard.vc.d.ts",
+    "build/viewControllers/DurationList.vc.js",
+    "build/viewControllers/DurationList.vc.d.ts",
+    "build/viewControllers/EditOverrideDetailsCard.vc.js",
+    "build/viewControllers/EditOverrideDetailsCard.vc.d.ts",
+    "build/viewControllers/EditTimeBlockTitleCard.vc.js",
+    "build/viewControllers/EditTimeBlockTitleCard.vc.d.ts",
+    "build/viewControllers/RolesCard.vc.js",
+    "build/viewControllers/RolesCard.vc.d.ts",
+    "build/esm/index-module.js",
+    "build/esm/index-module.d.ts",
+    "build/esm/types-module.js",
+    "build/esm/types-module.d.ts",
+    "build/esm/viewControllers/AbstractCapabilityCardViewController.js",
+    "build/esm/viewControllers/AbstractCapabilityCardViewController.d.ts",
+    "build/esm/viewControllers/DurationCard.vc.js",
+    "build/esm/viewControllers/DurationCard.vc.d.ts",
+    "build/esm/viewControllers/DurationList.vc.js",
+    "build/esm/viewControllers/DurationList.vc.d.ts",
+    "build/esm/viewControllers/EditOverrideDetailsCard.vc.js",
+    "build/esm/viewControllers/EditOverrideDetailsCard.vc.d.ts",
+    "build/esm/viewControllers/EditTimeBlockTitleCard.vc.js",
+    "build/esm/viewControllers/EditTimeBlockTitleCard.vc.d.ts",
+    "build/esm/viewControllers/RolesCard.vc.js",
+    "build/esm/viewControllers/RolesCard.vc.d.ts"
+  ],
+  "keywords": [],
+  "scripts": {
+    "release": "npm publish"
+  },
+  "dependencies": {
+    "@sprucelabs/calendar-utils": "latest",
+    "@sprucelabs/heartwood-view-controllers": "latest",
+    "@sprucelabs/schema": "latest",
+    "@sprucelabs/spruce-event-utils": "latest"
+  },
+  "engines": {
+    "node": "16.x",
+    "yarn": "1.x"
+  }
+}