@sprucelabs/spruce-people-utils 0.8.0

package/README.md

@@ -0,0 +1,4 @@
+# [Your Skill Name]
+
+## Useful links
+* [Spruce Developer Documentation: https://developer.spruce.ai](https://developer.spruce.ai)

package/build/__tests__/behavioral/inviting/SpyPersonInviteViewController.d.ts

@@ -0,0 +1,5 @@
+import InvitePersonCardViewController from '../../../inviting/InvitePersonCard.vc';
+export default class SpyPersonInviteViewController extends InvitePersonCardViewController {
+    getLocationId(): string | undefined;
+    getOrganizationId(): string;
+}

package/build/__tests__/behavioral/inviting/SpyPersonInviteViewController.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const InvitePersonCard_vc_1 = __importDefault(require("../../../inviting/InvitePersonCard.vc"));
+class SpyPersonInviteViewController extends InvitePersonCard_vc_1.default {
+    getLocationId() {
+        return this.locationId;
+    }
+    getOrganizationId() {
+        return this.organizationId;
+    }
+}
+exports.default = SpyPersonInviteViewController;

package/build/__tests__/behavioral/searching/SpyPersonSelectInput.d.ts

@@ -0,0 +1,8 @@
+import PersonSelectInputViewController from '../../../viewControllers/PersonSelectInput.vc';
+import SpyPersonInviteViewController from '../inviting/SpyPersonInviteViewController';
+export default class SpyPersonSelectInput extends PersonSelectInputViewController {
+    getLocationId(): string | undefined;
+    getAutocompleteVc(): import("@sprucelabs/heartwood-view-controllers").AutocompleteInputViewController;
+    clearOrgId(): void;
+    InvitePersonVc(): SpyPersonInviteViewController;
+}

package/build/__tests__/behavioral/searching/SpyPersonSelectInput.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const PersonSelectInput_vc_1 = __importDefault(require("../../../viewControllers/PersonSelectInput.vc"));
+class SpyPersonSelectInput extends PersonSelectInput_vc_1.default {
+    getLocationId() {
+        return this.locationId;
+    }
+    getAutocompleteVc() {
+        return this.autoCompleteVc;
+    }
+    clearOrgId() {
+        this.organizationId = undefined;
+    }
+    InvitePersonVc() {
+        const vc = super.InvitePersonVc();
+        return vc;
+    }
+}
+exports.default = SpyPersonSelectInput;

package/build/esm/__tests__/behavioral/inviting/SpyPersonInviteViewController.d.ts

@@ -0,0 +1,5 @@
+import InvitePersonCardViewController from '../../../inviting/InvitePersonCard.vc';
+export default class SpyPersonInviteViewController extends InvitePersonCardViewController {
+    getLocationId(): string | undefined;
+    getOrganizationId(): string;
+}

package/build/esm/__tests__/behavioral/inviting/SpyPersonInviteViewController.js

@@ -0,0 +1,9 @@
+import InvitePersonCardViewController from '../../../inviting/InvitePersonCard.vc.js';
+export default class SpyPersonInviteViewController extends InvitePersonCardViewController {
+    getLocationId() {
+        return this.locationId;
+    }
+    getOrganizationId() {
+        return this.organizationId;
+    }
+}

package/build/esm/__tests__/behavioral/searching/SpyPersonSelectInput.d.ts

@@ -0,0 +1,8 @@
+import PersonSelectInputViewController from '../../../viewControllers/PersonSelectInput.vc';
+import SpyPersonInviteViewController from '../inviting/SpyPersonInviteViewController';
+export default class SpyPersonSelectInput extends PersonSelectInputViewController {
+    getLocationId(): string | undefined;
+    getAutocompleteVc(): import("@sprucelabs/heartwood-view-controllers").AutocompleteInputViewController;
+    clearOrgId(): void;
+    InvitePersonVc(): SpyPersonInviteViewController;
+}

package/build/esm/__tests__/behavioral/searching/SpyPersonSelectInput.js

@@ -0,0 +1,16 @@
+import PersonSelectInputViewController from '../../../viewControllers/PersonSelectInput.vc.js';
+export default class SpyPersonSelectInput extends PersonSelectInputViewController {
+    getLocationId() {
+        return this.locationId;
+    }
+    getAutocompleteVc() {
+        return this.autoCompleteVc;
+    }
+    clearOrgId() {
+        this.organizationId = undefined;
+    }
+    InvitePersonVc() {
+        const vc = super.InvitePersonVc();
+        return vc;
+    }
+}

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

@@ -0,0 +1,4 @@
+export { default as PersonSelectInput } 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';

package/build/esm/index-module.js

@@ -0,0 +1,4 @@
+export { default as PersonSelectInput } 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';

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

@@ -0,0 +1,26 @@
+import { AbstractViewController, AutocompleteInputViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+export default class PersonSelectInputViewController extends AbstractViewController<AutocompleteInput> {
+    static id: string;
+    protected autoCompleteVc: AutocompleteInputViewController;
+    protected organizationId?: string;
+    protected locationId?: string;
+    protected shouldIgnoreNextChange: boolean;
+    constructor(options: ViewControllerOptions & PersonSelectInputOptions);
+    private handleFocusInput;
+    private handleOnChangeRenderedValue;
+    private populateSuggestions;
+    private handleClickInviteAnonymous;
+    private handleClickInvitePerson;
+    protected InvitePersonVc(): import("../inviting/InvitePersonCard.vc").default;
+    private search;
+    private handleClickSuggestion;
+    setOrganizationId(orgId: string): void;
+    setLocationId(locationId: string): void;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
+}
+declare type AutocompleteInput = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
+export interface PersonSelectInputOptions {
+    organizationId?: string;
+    locationId?: string;
+}
+export {};

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

@@ -0,0 +1,133 @@
+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';
+import { assertOptions } from '@sprucelabs/schema';
+import searchPeopleToSuggestions, { renderLabel, } from './searchPeopleToSuggestions.js';
+export default class PersonSelectInputViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.shouldIgnoreNextChange = false;
+        this.organizationId = options.organizationId;
+        this.locationId = options.locationId;
+        this.autoCompleteVc = this.Controller('autocompleteInput', {
+            onChangeRenderedValue: this.handleOnChangeRenderedValue.bind(this),
+            renderedValue: '',
+            onFocus: this.handleFocusInput.bind(this),
+        });
+    }
+    handleFocusInput() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.autoCompleteVc.getRenderedValue() === '') {
+                this.autoCompleteVc.showSuggestions([
+                    {
+                        id: 'anonymous',
+                        label: 'Add anonymous',
+                        onClick: this.handleClickInviteAnonymous.bind(this),
+                    },
+                ]);
+            }
+        });
+    }
+    handleOnChangeRenderedValue(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.shouldIgnoreNextChange && value.length > 2) {
+                yield this.populateSuggestions(value);
+            }
+            this.shouldIgnoreNextChange = false;
+        });
+    }
+    populateSuggestions(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const people = yield this.search(value);
+            const suggestions = searchPeopleToSuggestions(people, (person) => __awaiter(this, void 0, void 0, function* () { return this.handleClickSuggestion(person); }));
+            this.autoCompleteVc.showSuggestions([
+                ...suggestions,
+                {
+                    id: 'invite',
+                    label: 'Invite person',
+                    onClick: this.handleClickInvitePerson.bind(this),
+                },
+                {
+                    id: 'anonymous',
+                    label: 'Add anonymously',
+                    onClick: this.handleClickInviteAnonymous.bind(this),
+                },
+            ]);
+        });
+    }
+    handleClickInviteAnonymous() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.autoCompleteVc.hideSuggestions();
+            const confirm = yield this.confirm({
+                message: "You wanna add this person under the anonymous account? They won't get any messages or be able to login!",
+            });
+            if (!confirm) {
+                return;
+            }
+            const client = yield this.connectToApi();
+            const [{ person }] = yield client.emitAndFlattenResponses('get-anonymous-person::v2020_12_25', {
+                target: {
+                    organizationId: this.organizationId,
+                    locationId: this.locationId,
+                },
+            });
+            this.shouldIgnoreNextChange = true;
+            yield this.autoCompleteVc.setValue(person.id);
+            yield this.autoCompleteVc.setRenderedValue(person.casualName);
+        });
+    }
+    handleClickInvitePerson() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const vc = this.InvitePersonVc();
+            this.renderInDialog(vc.render());
+            yield vc.load();
+        });
+    }
+    InvitePersonVc() {
+        const vc = this.Controller('people.invite-person-card', {
+            organizationId: this.organizationId,
+            locationId: this.locationId,
+        });
+        return vc;
+    }
+    search(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { organizationId } = assertOptions({ organizationId: this.organizationId }, ['organizationId'], `You gotta set an organizationId to your person select input for it to function. Try using 'this.vc.setOrganizationId(...)'!`);
+            const client = yield this.connectToApi();
+            const [{ people }] = yield client.emitAndFlattenResponses('people.search::v2022_05_29', {
+                target: {
+                    organizationId,
+                },
+                payload: {
+                    query: value,
+                },
+            });
+            return people;
+        });
+    }
+    handleClickSuggestion(person) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.shouldIgnoreNextChange = true;
+            yield this.autoCompleteVc.setRenderedValue(renderLabel(person));
+            yield this.autoCompleteVc.setValue(person.id);
+            this.autoCompleteVc.hideSuggestions();
+        });
+    }
+    setOrganizationId(orgId) {
+        this.organizationId = orgId;
+    }
+    setLocationId(locationId) {
+        this.locationId = locationId;
+    }
+    render() {
+        return this.autoCompleteVc.render();
+    }
+}
+PersonSelectInputViewController.id = 'person-select-input';

package/build/index-module.d.ts

@@ -0,0 +1,4 @@
+export { default as PersonSelectInput } 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';

package/build/index-module.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.SpyPersonInviteViewController = exports.SpyPersonSelectInput = exports.PersonSelectInput = void 0;
+var PersonSelectInput_vc_1 = require("./viewControllers/PersonSelectInput.vc");
+Object.defineProperty(exports, "PersonSelectInput", { 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; } });

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

@@ -0,0 +1,26 @@
+import { AbstractViewController, AutocompleteInputViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+export default class PersonSelectInputViewController extends AbstractViewController<AutocompleteInput> {
+    static id: string;
+    protected autoCompleteVc: AutocompleteInputViewController;
+    protected organizationId?: string;
+    protected locationId?: string;
+    protected shouldIgnoreNextChange: boolean;
+    constructor(options: ViewControllerOptions & PersonSelectInputOptions);
+    private handleFocusInput;
+    private handleOnChangeRenderedValue;
+    private populateSuggestions;
+    private handleClickInviteAnonymous;
+    private handleClickInvitePerson;
+    protected InvitePersonVc(): import("../inviting/InvitePersonCard.vc").default;
+    private search;
+    private handleClickSuggestion;
+    setOrganizationId(orgId: string): void;
+    setLocationId(locationId: string): void;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
+}
+declare type AutocompleteInput = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
+export interface PersonSelectInputOptions {
+    organizationId?: string;
+    locationId?: string;
+}
+export {};

package/build/viewControllers/PersonSelectInput.vc.js

@@ -0,0 +1,136 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+const schema_1 = require("@sprucelabs/schema");
+const searchPeopleToSuggestions_1 = __importStar(require("./searchPeopleToSuggestions"));
+class PersonSelectInputViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.shouldIgnoreNextChange = false;
+        this.organizationId = options.organizationId;
+        this.locationId = options.locationId;
+        this.autoCompleteVc = this.Controller('autocompleteInput', {
+            onChangeRenderedValue: this.handleOnChangeRenderedValue.bind(this),
+            renderedValue: '',
+            onFocus: this.handleFocusInput.bind(this),
+        });
+    }
+    async handleFocusInput() {
+        if (this.autoCompleteVc.getRenderedValue() === '') {
+            this.autoCompleteVc.showSuggestions([
+                {
+                    id: 'anonymous',
+                    label: 'Add anonymous',
+                    onClick: this.handleClickInviteAnonymous.bind(this),
+                },
+            ]);
+        }
+    }
+    async handleOnChangeRenderedValue(value) {
+        if (!this.shouldIgnoreNextChange && value.length > 2) {
+            await this.populateSuggestions(value);
+        }
+        this.shouldIgnoreNextChange = false;
+    }
+    async populateSuggestions(value) {
+        const people = await this.search(value);
+        const suggestions = (0, searchPeopleToSuggestions_1.default)(people, async (person) => this.handleClickSuggestion(person));
+        this.autoCompleteVc.showSuggestions([
+            ...suggestions,
+            {
+                id: 'invite',
+                label: 'Invite person',
+                onClick: this.handleClickInvitePerson.bind(this),
+            },
+            {
+                id: 'anonymous',
+                label: 'Add anonymously',
+                onClick: this.handleClickInviteAnonymous.bind(this),
+            },
+        ]);
+    }
+    async handleClickInviteAnonymous() {
+        this.autoCompleteVc.hideSuggestions();
+        const confirm = await this.confirm({
+            message: "You wanna add this person under the anonymous account? They won't get any messages or be able to login!",
+        });
+        if (!confirm) {
+            return;
+        }
+        const client = await this.connectToApi();
+        const [{ person }] = await client.emitAndFlattenResponses('get-anonymous-person::v2020_12_25', {
+            target: {
+                organizationId: this.organizationId,
+                locationId: this.locationId,
+            },
+        });
+        this.shouldIgnoreNextChange = true;
+        await this.autoCompleteVc.setValue(person.id);
+        await this.autoCompleteVc.setRenderedValue(person.casualName);
+    }
+    async handleClickInvitePerson() {
+        const vc = this.InvitePersonVc();
+        this.renderInDialog(vc.render());
+        await vc.load();
+    }
+    InvitePersonVc() {
+        const vc = this.Controller('people.invite-person-card', {
+            organizationId: this.organizationId,
+            locationId: this.locationId,
+        });
+        return vc;
+    }
+    async search(value) {
+        const { organizationId } = (0, schema_1.assertOptions)({ organizationId: this.organizationId }, ['organizationId'], `You gotta set an organizationId to your person select input for it to function. Try using 'this.vc.setOrganizationId(...)'!`);
+        const client = await this.connectToApi();
+        const [{ people }] = await client.emitAndFlattenResponses('people.search::v2022_05_29', {
+            target: {
+                organizationId,
+            },
+            payload: {
+                query: value,
+            },
+        });
+        return people;
+    }
+    async handleClickSuggestion(person) {
+        this.shouldIgnoreNextChange = true;
+        await this.autoCompleteVc.setRenderedValue((0, searchPeopleToSuggestions_1.renderLabel)(person));
+        await this.autoCompleteVc.setValue(person.id);
+        this.autoCompleteVc.hideSuggestions();
+    }
+    setOrganizationId(orgId) {
+        this.organizationId = orgId;
+    }
+    setLocationId(locationId) {
+        this.locationId = locationId;
+    }
+    render() {
+        return this.autoCompleteVc.render();
+    }
+}
+exports.default = PersonSelectInputViewController;
+PersonSelectInputViewController.id = 'person-select-input';

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@sprucelabs/spruce-people-utils",
+  "description": "People Utilities",
+  "version": "0.8.0",
+  "skill": {
+    "namespace": "invite"
+  },
+  "homepage": "https://github.com/sprucelabsai/spruce-people-skill",
+  "bugs": {
+    "url": "https://github.com/sprucelabsai/spruce-people-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/esm/index-module.js",
+    "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/esm/__tests__/behavioral/searching/SpyPersonSelectInput.js",
+    "build/esm/__tests__/behavioral/searching/SpyPersonSelectInput.d.ts",
+    "build/esm/__tests__/behavioral/inviting/SpyPersonInviteViewController.js",
+    "build/esm/__tests__/behavioral/inviting/SpyPersonInviteViewController.d.ts"
+  ],
+  "keywords": [],
+  "scripts": {
+    "release": "npm publish"
+  },
+  "dependencies": {
+    "@sprucelabs/schema": "latest"
+  },
+  "engines": {
+    "node": "16.x",
+    "yarn": "1.x"
+  }
+}