@sprucelabs/spruce-profile-utils 2.1.35 → 3.0.0

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

@@ -1,2 +1,4 @@
 export { default as RoleSelectCardViewController } from './adding/RoleSelectCard.vc';
+export { default as ProfileCardViewController } from './root/ProfileCard.vc';
 export * from './types-module';
+export * from './profile.types';

package/build/esm/index-module.js

@@ -1,2 +1,4 @@
 export { default as RoleSelectCardViewController } from './adding/RoleSelectCard.vc.js';
+export { default as ProfileCardViewController } from './root/ProfileCard.vc.js';
 export * from './types-module.js';
+export * from './profile.types.js';

package/build/esm/profile.types.d.ts

@@ -0,0 +1,4 @@
+import { SpruceSchemas } from '@sprucelabs/mercury-types';
+export type Person = SpruceSchemas.Spruce.v2020_07_22.Person;
+export type PersonSchema = SpruceSchemas.Spruce.v2020_07_22.PersonSchema;
+export type FormForPerson = SpruceSchemas.Forms.v2021_07_02.FormForPerson;

package/build/esm/profile.types.js

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

package/build/esm/root/ProfileCard.vc.d.ts

@@ -0,0 +1,27 @@
+import { Locale } from '@sprucelabs/calendar-utils';
+import { AbstractViewController, Authenticator, Card, CardViewController, FormViewController, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { Person, PersonSchema } from '../profile.types';
+export default class ProfileCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    protected cardVc: CardViewController;
+    protected formVc: FormViewController<PersonSchema>;
+    protected person?: Person;
+    protected authenticator: Authenticator;
+    protected onSubmitHandler?: OnSubmitHandler;
+    constructor(options: ViewControllerOptions & ProfileCardViewControllerOptions);
+    private CardVc;
+    private FormVc;
+    private handleSubmit;
+    load(options: LoadOptions): Promise<void>;
+    render(): import("@sprucelabs/calendar-utils").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+interface LoadOptions {
+    person: Person;
+    authenticator: Authenticator;
+    locale: Locale;
+}
+type OnSubmitHandler = (person?: Person) => Promise<void>;
+export interface ProfileCardViewControllerOptions {
+    onSubmit?: OnSubmitHandler;
+}
+export {};

package/build/esm/root/ProfileCard.vc.js

@@ -0,0 +1,113 @@
+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 { sortTimezoneChoices } from '@sprucelabs/calendar-utils';
+import { AbstractViewController, buildForm, } from '@sprucelabs/heartwood-view-controllers';
+import { assertOptions } from '@sprucelabs/schema';
+import { personSchema } from '@sprucelabs/spruce-core-schemas';
+class ProfileCardViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        const { onSubmit } = options;
+        this.onSubmitHandler = onSubmit;
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+    }
+    CardVc() {
+        return this.Controller('card', {
+            id: 'profile',
+            header: {
+                title: 'Your profile',
+            },
+            body: {
+                isBusy: true,
+                sections: [{ form: this.formVc.render() }],
+            },
+        });
+    }
+    FormVc() {
+        var _a, _b;
+        return this.Controller('form', buildForm({
+            id: 'profile',
+            schema: personSchema,
+            shouldShowCancelButton: false,
+            onChange: () => {
+                this.formVc.enable();
+            },
+            onSubmit: this.handleSubmit.bind(this),
+            isEnabled: false,
+            values: {
+                firstName: (_a = this.person) === null || _a === void 0 ? void 0 : _a.firstName,
+                lastName: (_b = this.person) === null || _b === void 0 ? void 0 : _b.lastName,
+                timezone: 'America/Boise',
+            },
+            submitButtonLabel: 'Save changes',
+            sections: [
+                {
+                    title: 'Personal info',
+                    fields: ['firstName', 'lastName'],
+                },
+                {
+                    title: 'Location info',
+                    fields: ['timezone'],
+                },
+            ],
+        }));
+    }
+    handleSubmit() {
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const client = yield this.connectToApi();
+                const values = this.formVc.getValues();
+                yield client.emitAndFlattenResponses('update-person::v2020_12_25', {
+                    payload: Object.assign({}, values),
+                });
+                const token = (_a = this.authenticator) === null || _a === void 0 ? void 0 : _a.getSessionToken();
+                const current = (_b = this.authenticator) === null || _b === void 0 ? void 0 : _b.getPerson();
+                const updatedPerson = Object.assign(Object.assign({}, current), values);
+                (_c = this.authenticator) === null || _c === void 0 ? void 0 : _c.setSessionToken(token, updatedPerson);
+                yield this.alert({
+                    title: 'Changes saved!',
+                    message: 'Your profile has been updated. This is so much fun!',
+                    style: 'success',
+                });
+                yield ((_d = this.onSubmitHandler) === null || _d === void 0 ? void 0 : _d.call(this, updatedPerson));
+            }
+            catch (err) {
+                yield this.alert({ message: err.message, style: 'error' });
+            }
+            this.formVc.disable();
+        });
+    }
+    load(options) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const { person, authenticator, locale } = assertOptions(options !== null && options !== void 0 ? options : {}, [
+                'person',
+                'authenticator',
+                'locale',
+            ]);
+            const sortedSchema = sortTimezoneChoices(locale, personSchema, 'timezone');
+            this.person = person;
+            this.authenticator = authenticator;
+            this.formVc.updateField('timezone', {
+                fieldDefinition: Object.assign({}, sortedSchema.fields.timezone),
+            });
+            yield this.formVc.setValues(Object.assign(Object.assign({}, options.person), { timezone: (_a = person.timezone) !== null && _a !== void 0 ? _a : locale.getZoneName() }));
+            this.formVc.disable();
+            this.cardVc.setIsBusy(false);
+        });
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+ProfileCardViewController.id = 'profile-card';
+export default ProfileCardViewController;

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

@@ -1,14 +1,17 @@
 import { Card, SkillViewControllerLoadOptions, ViewController } from '@sprucelabs/heartwood-view-controllers';
 import RoleSelectCardViewController, { RoleSelectCardViewControllerOptions } from './adding/RoleSelectCard.vc';
+import ProfileCardViewController from './root/ProfileCard.vc';
 export { ProfileRole } from './adding/RoleSelectCard.vc';
 export type RemoteProfileCard = ViewController<Card> & {
     load?: (options: SkillViewControllerLoadOptions) => Promise<void> | void;
 };
 declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.types' {
     interface ViewControllerMap {
-        roleSelectCard: RoleSelectCardViewController;
+        'profile.role-select-card': RoleSelectCardViewController;
+        'profile.profile-card': ProfileCardViewController;
     }
     interface ViewControllerOptionsMap {
-        roleSelectCard: RoleSelectCardViewControllerOptions;
+        'profile.role-select-card': RoleSelectCardViewControllerOptions;
+        'profile.profile-card': ConstructorParameters<typeof ProfileCardViewController>[0];
     }
 }

package/build/index-module.d.ts

@@ -1,2 +1,4 @@
 export { default as RoleSelectCardViewController } from './adding/RoleSelectCard.vc';
+export { default as ProfileCardViewController } from './root/ProfileCard.vc';
 export * from './types-module';
+export * from './profile.types';

package/build/index-module.js

@@ -17,7 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoleSelectCardViewController = void 0;
+exports.ProfileCardViewController = exports.RoleSelectCardViewController = void 0;
 var RoleSelectCard_vc_1 = require("./adding/RoleSelectCard.vc");
 Object.defineProperty(exports, "RoleSelectCardViewController", { enumerable: true, get: function () { return __importDefault(RoleSelectCard_vc_1).default; } });
+var ProfileCard_vc_1 = require("./root/ProfileCard.vc");
+Object.defineProperty(exports, "ProfileCardViewController", { enumerable: true, get: function () { return __importDefault(ProfileCard_vc_1).default; } });
 __exportStar(require("./types-module"), exports);
+__exportStar(require("./profile.types"), exports);

package/build/profile.types.d.ts

@@ -0,0 +1,4 @@
+import { SpruceSchemas } from '@sprucelabs/mercury-types';
+export type Person = SpruceSchemas.Spruce.v2020_07_22.Person;
+export type PersonSchema = SpruceSchemas.Spruce.v2020_07_22.PersonSchema;
+export type FormForPerson = SpruceSchemas.Forms.v2021_07_02.FormForPerson;

package/build/profile.types.js

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

package/build/root/ProfileCard.vc.d.ts

@@ -0,0 +1,27 @@
+import { Locale } from '@sprucelabs/calendar-utils';
+import { AbstractViewController, Authenticator, Card, CardViewController, FormViewController, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { Person, PersonSchema } from '../profile.types';
+export default class ProfileCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    protected cardVc: CardViewController;
+    protected formVc: FormViewController<PersonSchema>;
+    protected person?: Person;
+    protected authenticator: Authenticator;
+    protected onSubmitHandler?: OnSubmitHandler;
+    constructor(options: ViewControllerOptions & ProfileCardViewControllerOptions);
+    private CardVc;
+    private FormVc;
+    private handleSubmit;
+    load(options: LoadOptions): Promise<void>;
+    render(): import("@sprucelabs/calendar-utils").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+interface LoadOptions {
+    person: Person;
+    authenticator: Authenticator;
+    locale: Locale;
+}
+type OnSubmitHandler = (person?: Person) => Promise<void>;
+export interface ProfileCardViewControllerOptions {
+    onSubmit?: OnSubmitHandler;
+}
+export {};

package/build/root/ProfileCard.vc.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const calendar_utils_1 = require("@sprucelabs/calendar-utils");
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+const schema_1 = require("@sprucelabs/schema");
+const spruce_core_schemas_1 = require("@sprucelabs/spruce-core-schemas");
+class ProfileCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        const { onSubmit } = options;
+        this.onSubmitHandler = onSubmit;
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+    }
+    CardVc() {
+        return this.Controller('card', {
+            id: 'profile',
+            header: {
+                title: 'Your profile',
+            },
+            body: {
+                isBusy: true,
+                sections: [{ form: this.formVc.render() }],
+            },
+        });
+    }
+    FormVc() {
+        var _a, _b;
+        return this.Controller('form', (0, heartwood_view_controllers_1.buildForm)({
+            id: 'profile',
+            schema: spruce_core_schemas_1.personSchema,
+            shouldShowCancelButton: false,
+            onChange: () => {
+                this.formVc.enable();
+            },
+            onSubmit: this.handleSubmit.bind(this),
+            isEnabled: false,
+            values: {
+                firstName: (_a = this.person) === null || _a === void 0 ? void 0 : _a.firstName,
+                lastName: (_b = this.person) === null || _b === void 0 ? void 0 : _b.lastName,
+                timezone: 'America/Boise',
+            },
+            submitButtonLabel: 'Save changes',
+            sections: [
+                {
+                    title: 'Personal info',
+                    fields: ['firstName', 'lastName'],
+                },
+                {
+                    title: 'Location info',
+                    fields: ['timezone'],
+                },
+            ],
+        }));
+    }
+    async handleSubmit() {
+        var _a, _b, _c, _d;
+        try {
+            const client = await this.connectToApi();
+            const values = this.formVc.getValues();
+            await client.emitAndFlattenResponses('update-person::v2020_12_25', {
+                payload: Object.assign({}, values),
+            });
+            const token = (_a = this.authenticator) === null || _a === void 0 ? void 0 : _a.getSessionToken();
+            const current = (_b = this.authenticator) === null || _b === void 0 ? void 0 : _b.getPerson();
+            const updatedPerson = Object.assign(Object.assign({}, current), values);
+            (_c = this.authenticator) === null || _c === void 0 ? void 0 : _c.setSessionToken(token, updatedPerson);
+            await this.alert({
+                title: 'Changes saved!',
+                message: 'Your profile has been updated. This is so much fun!',
+                style: 'success',
+            });
+            await ((_d = this.onSubmitHandler) === null || _d === void 0 ? void 0 : _d.call(this, updatedPerson));
+        }
+        catch (err) {
+            await this.alert({ message: err.message, style: 'error' });
+        }
+        this.formVc.disable();
+    }
+    async load(options) {
+        var _a;
+        const { person, authenticator, locale } = (0, schema_1.assertOptions)(options !== null && options !== void 0 ? options : {}, [
+            'person',
+            'authenticator',
+            'locale',
+        ]);
+        const sortedSchema = (0, calendar_utils_1.sortTimezoneChoices)(locale, spruce_core_schemas_1.personSchema, 'timezone');
+        this.person = person;
+        this.authenticator = authenticator;
+        this.formVc.updateField('timezone', {
+            fieldDefinition: Object.assign({}, sortedSchema.fields.timezone),
+        });
+        await this.formVc.setValues(Object.assign(Object.assign({}, options.person), { timezone: (_a = person.timezone) !== null && _a !== void 0 ? _a : locale.getZoneName() }));
+        this.formVc.disable();
+        this.cardVc.setIsBusy(false);
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+ProfileCardViewController.id = 'profile-card';
+exports.default = ProfileCardViewController;

package/build/types-module.d.ts

@@ -1,14 +1,17 @@
 import { Card, SkillViewControllerLoadOptions, ViewController } from '@sprucelabs/heartwood-view-controllers';
 import RoleSelectCardViewController, { RoleSelectCardViewControllerOptions } from './adding/RoleSelectCard.vc';
+import ProfileCardViewController from './root/ProfileCard.vc';
 export { ProfileRole } from './adding/RoleSelectCard.vc';
 export type RemoteProfileCard = ViewController<Card> & {
     load?: (options: SkillViewControllerLoadOptions) => Promise<void> | void;
 };
 declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.types' {
     interface ViewControllerMap {
-        roleSelectCard: RoleSelectCardViewController;
+        'profile.role-select-card': RoleSelectCardViewController;
+        'profile.profile-card': ProfileCardViewController;
     }
     interface ViewControllerOptionsMap {
-        roleSelectCard: RoleSelectCardViewControllerOptions;
+        'profile.role-select-card': RoleSelectCardViewControllerOptions;
+        'profile.profile-card': ConstructorParameters<typeof ProfileCardViewController>[0];
     }
 }

package/package.json

@@ -1,40 +1,48 @@
 {
-  "name": "@sprucelabs/spruce-profile-utils",
-  "description": "Useeful utilities",
-  "version": "2.1.35",
-  "skill": {
-    "namespace": "profile"
-  },
-  "homepage": "https://github.com/sprucelabsai/spruce-profile-skill",
-  "bugs": {
-    "url": "https://github.com/sprucelabsai/spruce-profile-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/adding/RoleSelectCard.vc.js",
-    "build/adding/RoleSelectCard.vc.d.ts",
-    "build/esm/index-module.js",
-    "build/esm/index-module.d.ts",
-    "build/esm/adding/RoleSelectCard.vc.js",
-    "build/esm/adding/RoleSelectCard.vc.d.ts",
-    "build/types-module.js",
-    "build/types-module.d.ts",
-    "build/esm/types-module.js",
-    "build/esm/types-module.d.ts"
-  ],
-  "keywords": [],
-  "scripts": {
-    "release": "npm publish"
-  },
-  "dependencies": {
-    "@sprucelabs/heartwood-view-controllers": "latest"
-  },
-  "engines": {
-    "yarn": "1.x"
-  }
+	"name": "@sprucelabs/spruce-profile-utils",
+	"description": "Useeful utilities",
+	"version": "3.0.0",
+	"skill": {
+		"namespace": "profile"
+	},
+	"homepage": "https://github.com/sprucelabsai/spruce-profile-skill",
+	"bugs": {
+		"url": "https://github.com/sprucelabsai/spruce-profile-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/adding/RoleSelectCard.vc.js",
+		"build/adding/RoleSelectCard.vc.d.ts",
+		"build/esm/adding/RoleSelectCard.vc.js",
+		"build/esm/adding/RoleSelectCard.vc.d.ts",
+		"build/root/ProfileCard.vc.js",
+		"build/root/ProfileCard.vc.d.ts",
+		"build/esm/root/ProfileCard.vc.js",
+		"build/esm/root/ProfileCard.vc.d.ts",
+		"build/profile.types.js",
+		"build/profile.types.d.ts",
+		"build/esm/profile.types.js",
+		"build/esm/profile.types.d.ts",
+		"build/types-module.js",
+		"build/types-module.d.ts",
+		"build/esm/types-module.js",
+		"build/esm/types-module.d.ts"
+	],
+	"keywords": [],
+	"scripts": {
+		"release": "npm publish"
+	},
+	"dependencies": {
+		"@sprucelabs/heartwood-view-controllers": "latest"
+	},
+	"engines": {
+		"yarn": "1.x"
+	}
 }