@sprucelabs/spruce-people-utils 1.0.16 → 1.0.19

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

@@ -1,6 +1,7 @@
 import PersonSelectInputViewController from '../../../viewControllers/PersonSelectInput.vc';
 import SpyPersonInviteViewController from '../inviting/SpyPersonInviteViewController';
 export default class SpyPersonSelectInput extends PersonSelectInputViewController {
+    getLastLoadedPersonId(): string | undefined;
     getOrganizationId(): string | undefined;
     getLocationId(): string | undefined;
     getAutocompleteVc(): import("@sprucelabs/heartwood-view-controllers").AutocompleteInputViewController;

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

@@ -5,6 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const PersonSelectInput_vc_1 = __importDefault(require("../../../viewControllers/PersonSelectInput.vc"));
 class SpyPersonSelectInput extends PersonSelectInput_vc_1.default {
+    getLastLoadedPersonId() {
+        return this.lastLoadedPersonId;
+    }
     getOrganizationId() {
         return this.organizationId;
     }

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

@@ -1,6 +1,7 @@
 import PersonSelectInputViewController from '../../../viewControllers/PersonSelectInput.vc';
 import SpyPersonInviteViewController from '../inviting/SpyPersonInviteViewController';
 export default class SpyPersonSelectInput extends PersonSelectInputViewController {
+    getLastLoadedPersonId(): string | undefined;
     getOrganizationId(): string | undefined;
     getLocationId(): string | undefined;
     getAutocompleteVc(): import("@sprucelabs/heartwood-view-controllers").AutocompleteInputViewController;

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

@@ -1,5 +1,8 @@
 import PersonSelectInputViewController from '../../../viewControllers/PersonSelectInput.vc.js';
 export default class SpyPersonSelectInput extends PersonSelectInputViewController {
+    getLastLoadedPersonId() {
+        return this.lastLoadedPersonId;
+    }
     getOrganizationId() {
         return this.organizationId;
     }

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

@@ -1,12 +1,15 @@
-import { AbstractViewController, AutocompleteInputViewController, FormInputViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { AbstractViewController, AutocompleteInputViewController, FormInputOptions, FormInputViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
 export default class PersonSelectInputViewController extends AbstractViewController<AutocompleteInput> implements FormInputViewController<AutocompleteInput> {
     static id: string;
     protected autoCompleteVc: AutocompleteInputViewController;
     protected organizationId?: string;
     protected locationId?: string;
     protected shouldIgnoreNextChange: boolean;
+    protected lastLoadedPersonId?: string;
+    private loadingPromise?;
     constructor(options: ViewControllerOptions & PersonSelectInputOptions);
     private handleFocusInput;
+    private renderAnonSuggestion;
     private handleOnChangeRenderedValue;
     private populateSuggestions;
     private handleClickInviteAnonymous;
@@ -16,14 +19,17 @@ export default class PersonSelectInputViewController extends AbstractViewControl
     private handleClickSuggestion;
     setOrganizationId(orgId: string): void;
     setLocationId(locationId: string): void;
+    waitForLoading(): Promise<void | undefined>;
     getValue(): any;
     setValue(value: string, renderedValue?: string | null | undefined): Promise<void>;
     setRenderedValue(renderedValue: string): Promise<void>;
     getRenderedValue(): any;
+    private loadCurrentPerson;
+    private _loadCurrentPerson;
     render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
 }
 declare type AutocompleteInput = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
-export interface PersonSelectInputOptions {
+export interface PersonSelectInputOptions extends Pick<FormInputOptions, 'value'> {
     organizationId?: string;
     locationId?: string;
 }

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

@@ -16,25 +16,22 @@ export default class PersonSelectInputViewController extends AbstractViewControl
         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),
-        });
+        this.autoCompleteVc = this.Controller('autocompleteInput', Object.assign(Object.assign({}, options), { 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),
-                    },
-                ]);
+                this.autoCompleteVc.showSuggestions([this.renderAnonSuggestion()]);
             }
         });
     }
+    renderAnonSuggestion() {
+        return {
+            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) {
@@ -56,11 +53,7 @@ export default class PersonSelectInputViewController extends AbstractViewControl
                         label: 'Invite person',
                         onClick: this.handleClickInvitePerson.bind(this),
                     },
-                    {
-                        id: 'anonymous',
-                        label: 'Add anonymously',
-                        onClick: this.handleClickInviteAnonymous.bind(this),
-                    },
+                    this.renderAnonSuggestion(),
                 ]);
             }
             catch (err) {
@@ -123,6 +116,7 @@ export default class PersonSelectInputViewController extends AbstractViewControl
     handleClickSuggestion(person) {
         return __awaiter(this, void 0, void 0, function* () {
             this.shouldIgnoreNextChange = true;
+            this.lastLoadedPersonId = person.id;
             yield this.autoCompleteVc.setRenderedValue(renderLabel(person));
             yield this.autoCompleteVc.setValue(person.id);
             this.autoCompleteVc.hideSuggestions();
@@ -134,6 +128,11 @@ export default class PersonSelectInputViewController extends AbstractViewControl
     setLocationId(locationId) {
         this.locationId = locationId;
     }
+    waitForLoading() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.loadingPromise;
+        });
+    }
     getValue() {
         return this.autoCompleteVc.getValue();
     }
@@ -146,7 +145,37 @@ export default class PersonSelectInputViewController extends AbstractViewControl
     getRenderedValue() {
         return this.autoCompleteVc.getRenderedValue();
     }
+    loadCurrentPerson() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.loadingPromise = this._loadCurrentPerson();
+            return this.loadingPromise;
+        });
+    }
+    _loadCurrentPerson() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const id = this.getValue();
+            if (id && this.lastLoadedPersonId !== id) {
+                this.lastLoadedPersonId = id;
+                yield this.setRenderedValue('Loading...');
+                try {
+                    const client = yield this.connectToApi();
+                    const [{ person }] = yield client.emitAndFlattenResponses('people.get::v2022_05_29', {
+                        target: {
+                            organizationId: this.organizationId,
+                            searchPersonId: id,
+                        },
+                    });
+                    yield this.setRenderedValue(renderLabel(person));
+                }
+                catch (err) {
+                    console.error(err);
+                    yield this.setRenderedValue('*** Failed loading person ***');
+                }
+            }
+        });
+    }
     render() {
+        void this.loadCurrentPerson();
         return this.autoCompleteVc.render();
     }
 }

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

@@ -1,4 +1,11 @@
 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[];
+declare type SuggestionClickHandler = (person: SearchPerson) => Promise<void> | void;
+export default function searchPeopleToSuggestions(people: SearchPerson[], cb?: SuggestionClickHandler): AutocompleteSuggestion[];
+export declare function searchPersonToSuggestion(person: SearchPerson, cb?: SuggestionClickHandler): {
+    id: string;
+    label: string;
+    onClick: () => void | Promise<void> | undefined;
+};
 export declare function renderLabel(p: SearchPerson): string;
+export {};

package/build/esm/viewControllers/searchPeopleToSuggestions.js

@@ -1,9 +1,12 @@
 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),
-    }));
+    return people.map((person) => searchPersonToSuggestion(person, cb));
+}
+export function searchPersonToSuggestion(person, cb) {
+    return {
+        id: person.id,
+        label: renderLabel(person),
+        onClick: () => cb === null || cb === void 0 ? void 0 : cb(person),
+    };
 }
 export function renderLabel(p) {
     return `${p.fullName} (${p.phone})`;

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

@@ -1,12 +1,15 @@
-import { AbstractViewController, AutocompleteInputViewController, FormInputViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { AbstractViewController, AutocompleteInputViewController, FormInputOptions, FormInputViewController, SpruceSchemas, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
 export default class PersonSelectInputViewController extends AbstractViewController<AutocompleteInput> implements FormInputViewController<AutocompleteInput> {
     static id: string;
     protected autoCompleteVc: AutocompleteInputViewController;
     protected organizationId?: string;
     protected locationId?: string;
     protected shouldIgnoreNextChange: boolean;
+    protected lastLoadedPersonId?: string;
+    private loadingPromise?;
     constructor(options: ViewControllerOptions & PersonSelectInputOptions);
     private handleFocusInput;
+    private renderAnonSuggestion;
     private handleOnChangeRenderedValue;
     private populateSuggestions;
     private handleClickInviteAnonymous;
@@ -16,14 +19,17 @@ export default class PersonSelectInputViewController extends AbstractViewControl
     private handleClickSuggestion;
     setOrganizationId(orgId: string): void;
     setLocationId(locationId: string): void;
+    waitForLoading(): Promise<void | undefined>;
     getValue(): any;
     setValue(value: string, renderedValue?: string | null | undefined): Promise<void>;
     setRenderedValue(renderedValue: string): Promise<void>;
     getRenderedValue(): any;
+    private loadCurrentPerson;
+    private _loadCurrentPerson;
     render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
 }
 declare type AutocompleteInput = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.AutocompleteInput;
-export interface PersonSelectInputOptions {
+export interface PersonSelectInputOptions extends Pick<FormInputOptions, 'value'> {
     organizationId?: string;
     locationId?: string;
 }

package/build/viewControllers/PersonSelectInput.vc.js

@@ -32,23 +32,20 @@ class PersonSelectInputViewController extends heartwood_view_controllers_1.Abstr
         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),
-        });
+        this.autoCompleteVc = this.Controller('autocompleteInput', Object.assign(Object.assign({}, options), { 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),
-                },
-            ]);
+            this.autoCompleteVc.showSuggestions([this.renderAnonSuggestion()]);
         }
     }
+    renderAnonSuggestion() {
+        return {
+            id: 'anonymous',
+            label: 'Add anonymous',
+            onClick: this.handleClickInviteAnonymous.bind(this),
+        };
+    }
     async handleOnChangeRenderedValue(value) {
         if (!this.shouldIgnoreNextChange && value.length > 2) {
             await this.populateSuggestions(value);
@@ -67,11 +64,7 @@ class PersonSelectInputViewController extends heartwood_view_controllers_1.Abstr
                     label: 'Invite person',
                     onClick: this.handleClickInvitePerson.bind(this),
                 },
-                {
-                    id: 'anonymous',
-                    label: 'Add anonymously',
-                    onClick: this.handleClickInviteAnonymous.bind(this),
-                },
+                this.renderAnonSuggestion(),
             ]);
         }
         catch (err) {
@@ -126,6 +119,7 @@ class PersonSelectInputViewController extends heartwood_view_controllers_1.Abstr
     }
     async handleClickSuggestion(person) {
         this.shouldIgnoreNextChange = true;
+        this.lastLoadedPersonId = person.id;
         await this.autoCompleteVc.setRenderedValue((0, searchPeopleToSuggestions_1.renderLabel)(person));
         await this.autoCompleteVc.setValue(person.id);
         this.autoCompleteVc.hideSuggestions();
@@ -136,6 +130,9 @@ class PersonSelectInputViewController extends heartwood_view_controllers_1.Abstr
     setLocationId(locationId) {
         this.locationId = locationId;
     }
+    async waitForLoading() {
+        return this.loadingPromise;
+    }
     getValue() {
         return this.autoCompleteVc.getValue();
     }
@@ -148,7 +145,33 @@ class PersonSelectInputViewController extends heartwood_view_controllers_1.Abstr
     getRenderedValue() {
         return this.autoCompleteVc.getRenderedValue();
     }
+    async loadCurrentPerson() {
+        this.loadingPromise = this._loadCurrentPerson();
+        return this.loadingPromise;
+    }
+    async _loadCurrentPerson() {
+        const id = this.getValue();
+        if (id && this.lastLoadedPersonId !== id) {
+            this.lastLoadedPersonId = id;
+            await this.setRenderedValue('Loading...');
+            try {
+                const client = await this.connectToApi();
+                const [{ person }] = await client.emitAndFlattenResponses('people.get::v2022_05_29', {
+                    target: {
+                        organizationId: this.organizationId,
+                        searchPersonId: id,
+                    },
+                });
+                await this.setRenderedValue((0, searchPeopleToSuggestions_1.renderLabel)(person));
+            }
+            catch (err) {
+                console.error(err);
+                await this.setRenderedValue('*** Failed loading person ***');
+            }
+        }
+    }
     render() {
+        void this.loadCurrentPerson();
         return this.autoCompleteVc.render();
     }
 }

package/build/viewControllers/searchPeopleToSuggestions.d.ts

@@ -1,4 +1,11 @@
 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[];
+declare type SuggestionClickHandler = (person: SearchPerson) => Promise<void> | void;
+export default function searchPeopleToSuggestions(people: SearchPerson[], cb?: SuggestionClickHandler): AutocompleteSuggestion[];
+export declare function searchPersonToSuggestion(person: SearchPerson, cb?: SuggestionClickHandler): {
+    id: string;
+    label: string;
+    onClick: () => void | Promise<void> | undefined;
+};
 export declare function renderLabel(p: SearchPerson): string;
+export {};

package/build/viewControllers/searchPeopleToSuggestions.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-people-utils",
   "description": "People Utilities",
-  "version": "1.0.16",
+  "version": "1.0.19",
   "skill": {
     "namespace": "invite"
   },