@sprucelabs/spruce-people-utils 0.9.3 → 1.0.4

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

@@ -1,4 +1,14 @@
-export { default as PersonSelectInput } from './viewControllers/PersonSelectInput.vc';
+import PersonSelectInputViewController from './viewControllers/PersonSelectInput.vc';
+export { default as PersonSelectInputViewController } from './viewControllers/PersonSelectInput.vc';
 export * from './viewControllers/PersonSelectInput.vc';
 export { default as SpyPersonSelectInput } from './__tests__/behavioral/searching/SpyPersonSelectInput';
 export { default as SpyPersonInviteViewController } from './__tests__/behavioral/inviting/SpyPersonInviteViewController';
+export { default as InvitePersonCardViewController } from './inviting/InvitePersonCard.vc';
+declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.types' {
+    interface ViewControllerMap {
+        'people.person-select-input': PersonSelectInputViewController;
+    }
+    interface ViewControllerOptionsMap {
+        'people.person-select-input': ConstructorParameters<typeof PersonSelectInputViewController>[0];
+    }
+}

package/build/esm/index-module.js

@@ -1,4 +1,5 @@
-export { default as PersonSelectInput } from './viewControllers/PersonSelectInput.vc.js';
+export { default as PersonSelectInputViewController } from './viewControllers/PersonSelectInput.vc.js';
 export * from './viewControllers/PersonSelectInput.vc.js';
 export { default as SpyPersonSelectInput } from './__tests__/behavioral/searching/SpyPersonSelectInput.js';
 export { default as SpyPersonInviteViewController } from './__tests__/behavioral/inviting/SpyPersonInviteViewController.js';
+export { default as InvitePersonCardViewController } from './inviting/InvitePersonCard.vc.js';

package/build/esm/inviting/InvitePersonCard.vc.d.ts

@@ -0,0 +1,56 @@
+import { AbstractViewController, FormViewController, ViewControllerOptions, SwipeCardViewController, TalkingSprucebotViewController, SpruceSchemas, Card } from '@sprucelabs/heartwood-view-controllers';
+import { SendInvite } from '../types/people-module.types';
+export default class InvitePersonCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    protected cardVc: SwipeCardViewController;
+    protected organizationId: string;
+    protected locationId?: string;
+    protected formVc: FormViewController<InviteFormSchema>;
+    protected talkingVc: TalkingSprucebotViewController;
+    protected pendingInvite?: SendInvite;
+    private isLoaded;
+    private doneHandler?;
+    private client;
+    private invitedPersonId?;
+    constructor(options: ViewControllerOptions & InvitePersonOptions);
+    private TalkingVc;
+    private CardVc;
+    private handleSlideChange;
+    private updateTalkingSprucebot;
+    private updateFooter;
+    private handleClickDone;
+    private handleClickBack;
+    private updateHeader;
+    private get slideIdx();
+    private FormVc;
+    destroy(): Promise<void>;
+    private handleSubmitNamePhoneForm;
+    getIsLoaded(): boolean;
+    load(): Promise<void>;
+    private _handleDidAcceptInvite;
+    private handleDidAcceptInvite;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export declare type DoneHandler = (personId: string) => void | Promise<void>;
+export interface InvitePersonOptions {
+    organizationId?: string;
+    locationId?: string;
+    onDone?: DoneHandler;
+}
+declare const inviteFormSchema: {
+    id: string;
+    fields: {
+        firstName: {
+            type: "text";
+        };
+        lastName: {
+            type: "text";
+        };
+        phone: {
+            type: "phone";
+            isRequired: true;
+        };
+    };
+};
+declare type InviteFormSchema = typeof inviteFormSchema;
+export {};

package/build/esm/inviting/InvitePersonCard.vc.js

@@ -0,0 +1,222 @@
+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';
+import { inviteCardHeaders } from './inviteCardHeaders.js';
+export default class InvitePersonCardViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.isLoaded = false;
+        const required = [];
+        if (!options.locationId) {
+            required.push('organizationId');
+        }
+        if (!options.organizationId) {
+            required.push('locationId');
+        }
+        const { organizationId, locationId, onDone } = assertOptions(options, required);
+        this.organizationId = organizationId;
+        this.locationId = locationId;
+        this.talkingVc = this.TalkingVc();
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+        this.doneHandler = onDone;
+        this._handleDidAcceptInvite = this._handleDidAcceptInvite.bind(this);
+    }
+    TalkingVc() {
+        return this.Controller('talkingSprucebot', {
+            id: 'wait',
+            avatar: {
+                size: 'medium',
+                stateOfMind: 'chill',
+            },
+            isPlaying: false,
+            sentences: [
+                {
+                    words: 'Ready when you are!',
+                },
+            ],
+        });
+    }
+    CardVc() {
+        return this.Controller('swipeCard', {
+            header: {
+                title: 'Invite a person!',
+            },
+            isBusy: true,
+            onSlideChange: this.handleSlideChange.bind(this),
+            slides: [
+                {
+                    form: this.formVc.render(),
+                },
+                {
+                    talkingSprucebot: this.talkingVc.render(),
+                },
+            ],
+        });
+    }
+    handleSlideChange() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.updateHeader();
+            this.updateFooter();
+            yield this.updateTalkingSprucebot();
+        });
+    }
+    updateTalkingSprucebot() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const name = this.formVc.getValue('firstName');
+            switch (this.slideIdx) {
+                case 1:
+                    this.talkingVc.setSentences([
+                        {
+                            words: `Tell ${name} to check their phone and to click the link I just sent!`,
+                        },
+                    ]);
+                    yield this.talkingVc.play();
+                    break;
+                default:
+                    this.talkingVc.pause();
+            }
+        });
+    }
+    updateFooter() {
+        if (this.slideIdx > 0) {
+            this.cardVc.setFooter({
+                buttons: [
+                    {
+                        id: this.slideIdx === 2 ? 'done' : 'back',
+                        label: this.slideIdx === 2 ? 'Done' : 'Back',
+                        onClick: this.slideIdx === 2
+                            ? this.handleClickDone.bind(this)
+                            : this.handleClickBack.bind(this),
+                    },
+                ],
+            });
+        }
+        else {
+            this.cardVc.setFooter(null);
+        }
+    }
+    handleClickDone() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield ((_a = this.doneHandler) === null || _a === void 0 ? void 0 : _a.call(this, this.invitedPersonId));
+        });
+    }
+    handleClickBack() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.pendingInvite = undefined;
+            yield this.cardVc.jumpToSlide(0);
+        });
+    }
+    updateHeader() {
+        var _a, _b;
+        const header = inviteCardHeaders[this.slideIdx];
+        this.cardVc.setHeaderTitle((_a = header.title) !== null && _a !== void 0 ? _a : null);
+        this.cardVc.setHeaderSubtitle((_b = header.subtitle) !== null && _b !== void 0 ? _b : null);
+    }
+    get slideIdx() {
+        return this.cardVc.getPresentSlide();
+    }
+    FormVc() {
+        return this.Controller('form', buildForm({
+            schema: inviteFormSchema,
+            shouldShowCancelButton: false,
+            onSubmit: this.handleSubmitNamePhoneForm.bind(this),
+            sections: [
+                {
+                    fields: ['firstName', 'lastName', 'phone'],
+                },
+            ],
+        }));
+    }
+    destroy() {
+        const _super = Object.create(null, {
+            destroy: { get: () => super.destroy }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.client.off('invite.did-accept::v2021_12_16', this._handleDidAcceptInvite);
+            return _super.destroy.call(this);
+        });
+    }
+    handleSubmitNamePhoneForm() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.cardVc.setIsBusy(true);
+            yield this.cardVc.jumpToSlide(1);
+            try {
+                const client = yield this.connectToApi();
+                const [{ invite }] = yield client.emitAndFlattenResponses('invite.send::v2021_12_16', {
+                    target: {
+                        phone: this.formVc.getValue('phone'),
+                        inviteOrganizationId: this.organizationId,
+                        inviteLocationId: this.locationId,
+                    },
+                    payload: {
+                        firstName: this.formVc.getValue('firstName'),
+                        destination: {
+                            id: 'heartwood.root',
+                        },
+                        message: 'approve your account',
+                    },
+                });
+                this.pendingInvite = invite;
+            }
+            catch (err) {
+                yield this.alert({ title: 'Invite failed!', message: err.message });
+                yield this.cardVc.jumpToSlide(0);
+            }
+            this.cardVc.setIsBusy(false);
+        });
+    }
+    getIsLoaded() {
+        return this.isLoaded;
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoaded = true;
+            this.cardVc.setIsBusy(false);
+            this.client = yield this.connectToApi();
+            yield this.client.on('invite.did-accept::v2021_12_16', this._handleDidAcceptInvite);
+        });
+    }
+    _handleDidAcceptInvite({ payload, }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.handleDidAcceptInvite(payload.inviteId, payload.personId);
+        });
+    }
+    handleDidAcceptInvite(inviteId, personId) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (((_a = this.pendingInvite) === null || _a === void 0 ? void 0 : _a.id) === inviteId) {
+                yield this.cardVc.jumpToSlide(2);
+                this.invitedPersonId = personId;
+            }
+        });
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+InvitePersonCardViewController.id = 'invite-person-card';
+const inviteFormSchema = buildSchema({
+    id: 'inviteForm',
+    fields: {
+        firstName: {
+            type: 'text',
+        },
+        lastName: {
+            type: 'text',
+        },
+        phone: {
+            type: 'phone',
+            isRequired: true,
+        },
+    },
+});

package/build/esm/inviting/inviteCardHeaders.d.ts

@@ -0,0 +1,2 @@
+import { CardHeader } from '@sprucelabs/heartwood-view-controllers';
+export declare const inviteCardHeaders: CardHeader[];

package/build/esm/inviting/inviteCardHeaders.js

@@ -0,0 +1,13 @@
+export const inviteCardHeaders = [
+    {
+        title: 'Invite a person!',
+    },
+    {
+        title: 'Invite sent',
+        subtitle: 'Hang tight until the invite is accepted!',
+    },
+    {
+        title: 'All done!',
+        subtitle: 'You are good to go!',
+    },
+];

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

@@ -0,0 +1,22 @@
+export interface SearchPerson {
+    id: string;
+    fullName: string;
+    phone: string;
+}
+export interface SendInvite {
+    id: string;
+    dateCreated: number;
+    status: 'pending' | 'accepted';
+    firstName?: string | undefined | null;
+    destination: Destination;
+    viewContext: ViewContext;
+    message: string;
+    introduction?: string | undefined | null;
+}
+export interface Destination {
+    id: string;
+    args?: Record<string, any> | undefined | null;
+}
+export interface ViewContext {
+    roleName?: string | undefined | null;
+}

package/build/esm/types/people-module.types.js

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

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

@@ -11,7 +11,7 @@ export default class PersonSelectInputViewController extends AbstractInputViewCo
     private populateSuggestions;
     private handleClickInviteAnonymous;
     private handleClickInvitePerson;
-    protected InvitePersonVc(): import("../inviting/InvitePersonCard.vc").default;
+    protected InvitePersonVc(): import("../index-module").InvitePersonCardViewController;
     private search;
     private handleClickSuggestion;
     setOrganizationId(orgId: string): void;

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

@@ -0,0 +1,4 @@
+import { AutocompleteSuggestion } from '@sprucelabs/heartwood-view-controllers';
+import { SearchPerson } from '../types/people-module.types';
+export default function searchPeopleToSuggestions(people: SearchPerson[], cb?: (person: SearchPerson) => Promise<void> | void): AutocompleteSuggestion[];
+export declare function renderLabel(p: SearchPerson): string;

package/build/esm/viewControllers/searchPeopleToSuggestions.js

@@ -0,0 +1,10 @@
+export default function searchPeopleToSuggestions(people, cb) {
+    return people.map((p) => ({
+        id: p.id,
+        label: renderLabel(p),
+        onClick: () => cb === null || cb === void 0 ? void 0 : cb(p),
+    }));
+}
+export function renderLabel(p) {
+    return `${p.fullName} (${p.phone})`;
+}

package/build/index-module.d.ts

@@ -1,4 +1,14 @@
-export { default as PersonSelectInput } from './viewControllers/PersonSelectInput.vc';
+import PersonSelectInputViewController from './viewControllers/PersonSelectInput.vc';
+export { default as PersonSelectInputViewController } from './viewControllers/PersonSelectInput.vc';
 export * from './viewControllers/PersonSelectInput.vc';
 export { default as SpyPersonSelectInput } from './__tests__/behavioral/searching/SpyPersonSelectInput';
 export { default as SpyPersonInviteViewController } from './__tests__/behavioral/inviting/SpyPersonInviteViewController';
+export { default as InvitePersonCardViewController } from './inviting/InvitePersonCard.vc';
+declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.types' {
+    interface ViewControllerMap {
+        'people.person-select-input': PersonSelectInputViewController;
+    }
+    interface ViewControllerOptionsMap {
+        'people.person-select-input': ConstructorParameters<typeof PersonSelectInputViewController>[0];
+    }
+}

package/build/index-module.js

@@ -17,11 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpyPersonInviteViewController = exports.SpyPersonSelectInput = exports.PersonSelectInput = void 0;
+exports.InvitePersonCardViewController = exports.SpyPersonInviteViewController = exports.SpyPersonSelectInput = exports.PersonSelectInputViewController = void 0;
 var PersonSelectInput_vc_1 = require("./viewControllers/PersonSelectInput.vc");
-Object.defineProperty(exports, "PersonSelectInput", { enumerable: true, get: function () { return __importDefault(PersonSelectInput_vc_1).default; } });
+Object.defineProperty(exports, "PersonSelectInputViewController", { enumerable: true, get: function () { return __importDefault(PersonSelectInput_vc_1).default; } });
 __exportStar(require("./viewControllers/PersonSelectInput.vc"), exports);
 var SpyPersonSelectInput_1 = require("./__tests__/behavioral/searching/SpyPersonSelectInput");
 Object.defineProperty(exports, "SpyPersonSelectInput", { enumerable: true, get: function () { return __importDefault(SpyPersonSelectInput_1).default; } });
 var SpyPersonInviteViewController_1 = require("./__tests__/behavioral/inviting/SpyPersonInviteViewController");
 Object.defineProperty(exports, "SpyPersonInviteViewController", { enumerable: true, get: function () { return __importDefault(SpyPersonInviteViewController_1).default; } });
+var InvitePersonCard_vc_1 = require("./inviting/InvitePersonCard.vc");
+Object.defineProperty(exports, "InvitePersonCardViewController", { enumerable: true, get: function () { return __importDefault(InvitePersonCard_vc_1).default; } });

package/build/inviting/InvitePersonCard.vc.d.ts

@@ -0,0 +1,56 @@
+import { AbstractViewController, FormViewController, ViewControllerOptions, SwipeCardViewController, TalkingSprucebotViewController, SpruceSchemas, Card } from '@sprucelabs/heartwood-view-controllers';
+import { SendInvite } from '../types/people-module.types';
+export default class InvitePersonCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    protected cardVc: SwipeCardViewController;
+    protected organizationId: string;
+    protected locationId?: string;
+    protected formVc: FormViewController<InviteFormSchema>;
+    protected talkingVc: TalkingSprucebotViewController;
+    protected pendingInvite?: SendInvite;
+    private isLoaded;
+    private doneHandler?;
+    private client;
+    private invitedPersonId?;
+    constructor(options: ViewControllerOptions & InvitePersonOptions);
+    private TalkingVc;
+    private CardVc;
+    private handleSlideChange;
+    private updateTalkingSprucebot;
+    private updateFooter;
+    private handleClickDone;
+    private handleClickBack;
+    private updateHeader;
+    private get slideIdx();
+    private FormVc;
+    destroy(): Promise<void>;
+    private handleSubmitNamePhoneForm;
+    getIsLoaded(): boolean;
+    load(): Promise<void>;
+    private _handleDidAcceptInvite;
+    private handleDidAcceptInvite;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export declare type DoneHandler = (personId: string) => void | Promise<void>;
+export interface InvitePersonOptions {
+    organizationId?: string;
+    locationId?: string;
+    onDone?: DoneHandler;
+}
+declare const inviteFormSchema: {
+    id: string;
+    fields: {
+        firstName: {
+            type: "text";
+        };
+        lastName: {
+            type: "text";
+        };
+        phone: {
+            type: "phone";
+            isRequired: true;
+        };
+    };
+};
+declare type InviteFormSchema = typeof inviteFormSchema;
+export {};

package/build/inviting/InvitePersonCard.vc.js

@@ -0,0 +1,195 @@
+"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 inviteCardHeaders_1 = require("./inviteCardHeaders");
+class InvitePersonCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.isLoaded = false;
+        const required = [];
+        if (!options.locationId) {
+            required.push('organizationId');
+        }
+        if (!options.organizationId) {
+            required.push('locationId');
+        }
+        const { organizationId, locationId, onDone } = (0, schema_1.assertOptions)(options, required);
+        this.organizationId = organizationId;
+        this.locationId = locationId;
+        this.talkingVc = this.TalkingVc();
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+        this.doneHandler = onDone;
+        this._handleDidAcceptInvite = this._handleDidAcceptInvite.bind(this);
+    }
+    TalkingVc() {
+        return this.Controller('talkingSprucebot', {
+            id: 'wait',
+            avatar: {
+                size: 'medium',
+                stateOfMind: 'chill',
+            },
+            isPlaying: false,
+            sentences: [
+                {
+                    words: 'Ready when you are!',
+                },
+            ],
+        });
+    }
+    CardVc() {
+        return this.Controller('swipeCard', {
+            header: {
+                title: 'Invite a person!',
+            },
+            isBusy: true,
+            onSlideChange: this.handleSlideChange.bind(this),
+            slides: [
+                {
+                    form: this.formVc.render(),
+                },
+                {
+                    talkingSprucebot: this.talkingVc.render(),
+                },
+            ],
+        });
+    }
+    async handleSlideChange() {
+        this.updateHeader();
+        this.updateFooter();
+        await this.updateTalkingSprucebot();
+    }
+    async updateTalkingSprucebot() {
+        const name = this.formVc.getValue('firstName');
+        switch (this.slideIdx) {
+            case 1:
+                this.talkingVc.setSentences([
+                    {
+                        words: `Tell ${name} to check their phone and to click the link I just sent!`,
+                    },
+                ]);
+                await this.talkingVc.play();
+                break;
+            default:
+                this.talkingVc.pause();
+        }
+    }
+    updateFooter() {
+        if (this.slideIdx > 0) {
+            this.cardVc.setFooter({
+                buttons: [
+                    {
+                        id: this.slideIdx === 2 ? 'done' : 'back',
+                        label: this.slideIdx === 2 ? 'Done' : 'Back',
+                        onClick: this.slideIdx === 2
+                            ? this.handleClickDone.bind(this)
+                            : this.handleClickBack.bind(this),
+                    },
+                ],
+            });
+        }
+        else {
+            this.cardVc.setFooter(null);
+        }
+    }
+    async handleClickDone() {
+        var _a;
+        await ((_a = this.doneHandler) === null || _a === void 0 ? void 0 : _a.call(this, this.invitedPersonId));
+    }
+    async handleClickBack() {
+        this.pendingInvite = undefined;
+        await this.cardVc.jumpToSlide(0);
+    }
+    updateHeader() {
+        var _a, _b;
+        const header = inviteCardHeaders_1.inviteCardHeaders[this.slideIdx];
+        this.cardVc.setHeaderTitle((_a = header.title) !== null && _a !== void 0 ? _a : null);
+        this.cardVc.setHeaderSubtitle((_b = header.subtitle) !== null && _b !== void 0 ? _b : null);
+    }
+    get slideIdx() {
+        return this.cardVc.getPresentSlide();
+    }
+    FormVc() {
+        return this.Controller('form', (0, heartwood_view_controllers_1.buildForm)({
+            schema: inviteFormSchema,
+            shouldShowCancelButton: false,
+            onSubmit: this.handleSubmitNamePhoneForm.bind(this),
+            sections: [
+                {
+                    fields: ['firstName', 'lastName', 'phone'],
+                },
+            ],
+        }));
+    }
+    async destroy() {
+        await this.client.off('invite.did-accept::v2021_12_16', this._handleDidAcceptInvite);
+        return super.destroy();
+    }
+    async handleSubmitNamePhoneForm() {
+        this.cardVc.setIsBusy(true);
+        await this.cardVc.jumpToSlide(1);
+        try {
+            const client = await this.connectToApi();
+            const [{ invite }] = await client.emitAndFlattenResponses('invite.send::v2021_12_16', {
+                target: {
+                    phone: this.formVc.getValue('phone'),
+                    inviteOrganizationId: this.organizationId,
+                    inviteLocationId: this.locationId,
+                },
+                payload: {
+                    firstName: this.formVc.getValue('firstName'),
+                    destination: {
+                        id: 'heartwood.root',
+                    },
+                    message: 'approve your account',
+                },
+            });
+            this.pendingInvite = invite;
+        }
+        catch (err) {
+            await this.alert({ title: 'Invite failed!', message: err.message });
+            await this.cardVc.jumpToSlide(0);
+        }
+        this.cardVc.setIsBusy(false);
+    }
+    getIsLoaded() {
+        return this.isLoaded;
+    }
+    async load() {
+        this.isLoaded = true;
+        this.cardVc.setIsBusy(false);
+        this.client = await this.connectToApi();
+        await this.client.on('invite.did-accept::v2021_12_16', this._handleDidAcceptInvite);
+    }
+    async _handleDidAcceptInvite({ payload, }) {
+        return this.handleDidAcceptInvite(payload.inviteId, payload.personId);
+    }
+    async handleDidAcceptInvite(inviteId, personId) {
+        var _a;
+        if (((_a = this.pendingInvite) === null || _a === void 0 ? void 0 : _a.id) === inviteId) {
+            await this.cardVc.jumpToSlide(2);
+            this.invitedPersonId = personId;
+        }
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+exports.default = InvitePersonCardViewController;
+InvitePersonCardViewController.id = 'invite-person-card';
+const inviteFormSchema = (0, schema_1.buildSchema)({
+    id: 'inviteForm',
+    fields: {
+        firstName: {
+            type: 'text',
+        },
+        lastName: {
+            type: 'text',
+        },
+        phone: {
+            type: 'phone',
+            isRequired: true,
+        },
+    },
+});

package/build/inviting/inviteCardHeaders.d.ts

@@ -0,0 +1,2 @@
+import { CardHeader } from '@sprucelabs/heartwood-view-controllers';
+export declare const inviteCardHeaders: CardHeader[];

package/build/inviting/inviteCardHeaders.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inviteCardHeaders = void 0;
+exports.inviteCardHeaders = [
+    {
+        title: 'Invite a person!',
+    },
+    {
+        title: 'Invite sent',
+        subtitle: 'Hang tight until the invite is accepted!',
+    },
+    {
+        title: 'All done!',
+        subtitle: 'You are good to go!',
+    },
+];

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

@@ -0,0 +1,22 @@
+export interface SearchPerson {
+    id: string;
+    fullName: string;
+    phone: string;
+}
+export interface SendInvite {
+    id: string;
+    dateCreated: number;
+    status: 'pending' | 'accepted';
+    firstName?: string | undefined | null;
+    destination: Destination;
+    viewContext: ViewContext;
+    message: string;
+    introduction?: string | undefined | null;
+}
+export interface Destination {
+    id: string;
+    args?: Record<string, any> | undefined | null;
+}
+export interface ViewContext {
+    roleName?: string | undefined | null;
+}

package/build/types/people-module.types.js

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

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

@@ -11,7 +11,7 @@ export default class PersonSelectInputViewController extends AbstractInputViewCo
     private populateSuggestions;
     private handleClickInviteAnonymous;
     private handleClickInvitePerson;
-    protected InvitePersonVc(): import("../inviting/InvitePersonCard.vc").default;
+    protected InvitePersonVc(): import("../index-module").InvitePersonCardViewController;
     private search;
     private handleClickSuggestion;
     setOrganizationId(orgId: string): void;

package/build/viewControllers/searchPeopleToSuggestions.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteSuggestion } from '@sprucelabs/heartwood-view-controllers';
+import { SearchPerson } from '../types/people-module.types';
+export default function searchPeopleToSuggestions(people: SearchPerson[], cb?: (person: SearchPerson) => Promise<void> | void): AutocompleteSuggestion[];
+export declare function renderLabel(p: SearchPerson): string;

package/build/viewControllers/searchPeopleToSuggestions.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLabel = void 0;
+function searchPeopleToSuggestions(people, cb) {
+    return people.map((p) => ({
+        id: p.id,
+        label: renderLabel(p),
+        onClick: () => cb === null || cb === void 0 ? void 0 : cb(p),
+    }));
+}
+exports.default = searchPeopleToSuggestions;
+function renderLabel(p) {
+    return `${p.fullName} (${p.phone})`;
+}
+exports.renderLabel = renderLabel;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-people-utils",
   "description": "People Utilities",
-  "version": "0.9.3",
+  "version": "1.0.4",
   "skill": {
     "namespace": "invite"
   },
@@ -20,14 +20,30 @@
     "build/esm/index-module.d.ts",
     "build/viewControllers/PersonSelectInput.vc.js",
     "build/viewControllers/PersonSelectInput.vc.d.ts",
-    "build/__tests__/behavioral/searching/SpyPersonSelectInput.js",
-    "build/__tests__/behavioral/searching/SpyPersonSelectInput.d.ts",
-    "build/__tests__/behavioral/inviting/SpyPersonInviteViewController.js",
-    "build/__tests__/behavioral/inviting/SpyPersonInviteViewController.d.ts",
     "build/esm/viewControllers/PersonSelectInput.vc.js",
     "build/esm/viewControllers/PersonSelectInput.vc.d.ts",
+    "build/viewControllers/searchPeopleToSuggestions.js",
+    "build/viewControllers/searchPeopleToSuggestions.d.ts",
+    "build/esm/viewControllers/searchPeopleToSuggestions.js",
+    "build/esm/viewControllers/searchPeopleToSuggestions.d.ts",
+    "build/inviting/InvitePersonCard.vc.js",
+    "build/inviting/InvitePersonCard.vc.d.ts",
+    "build/esm/inviting/InvitePersonCard.vc.js",
+    "build/esm/inviting/InvitePersonCard.vc.d.ts",
+    "build/inviting/inviteCardHeaders.js",
+    "build/inviting/inviteCardHeaders.d.ts",
+    "build/esm/inviting/inviteCardHeaders.js",
+    "build/esm/inviting/inviteCardHeaders.d.ts",
+    "build/types/people-module.types.js",
+    "build/types/people-module.types.d.ts",
+    "build/esm/types/people-module.types.js",
+    "build/esm/types/people-module.types.d.ts",
+    "build/__tests__/behavioral/searching/SpyPersonSelectInput.js",
+    "build/__tests__/behavioral/searching/SpyPersonSelectInput.d.ts",
     "build/esm/__tests__/behavioral/searching/SpyPersonSelectInput.js",
     "build/esm/__tests__/behavioral/searching/SpyPersonSelectInput.d.ts",
+    "build/__tests__/behavioral/inviting/SpyPersonInviteViewController.js",
+    "build/__tests__/behavioral/inviting/SpyPersonInviteViewController.d.ts",
     "build/esm/__tests__/behavioral/inviting/SpyPersonInviteViewController.js",
     "build/esm/__tests__/behavioral/inviting/SpyPersonInviteViewController.d.ts"
   ],