@sprucelabs/spruce-location-utils 2.0.16 → 2.1.3

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

@@ -1 +1,2 @@
 export { default as organizationAssert } from './tests/utilities/organizationAssert';
+export { default as LocationListViewController } from './viewControllers/LocationListCard.vc';

package/build/esm/index-module.js

@@ -1 +1,2 @@
 export { default as organizationAssert } from './tests/utilities/organizationAssert.js';
+export { default as LocationListViewController } from './viewControllers/LocationListCard.vc.js';

package/build/esm/tests/utilities/organizationAssert.d.ts

@@ -2,15 +2,15 @@ import { SkillViewController } from '@sprucelabs/heartwood-view-controllers';
 import { OrganizationFixture, ViewFixture } from '@sprucelabs/spruce-test-fixtures';
 declare const organizationAssert: {
     assertRedirectsToAddOrgIfNoOrgExists(options: {
-        viewFixture: ViewFixture;
-        organizationFixture: OrganizationFixture;
+        views: ViewFixture;
+        organizations: OrganizationFixture;
         vc: SkillViewController<any>;
         didAddOrgRedirectDestination: string;
     }): Promise<void>;
     assertDoesNotRedirectToAddAOrgIfOrgExists(options: {
         vc: SkillViewController<any>;
-        viewFixture: ViewFixture;
-        organizationFixture: OrganizationFixture;
+        views: ViewFixture;
+        organizations: OrganizationFixture;
     }): Promise<void>;
 };
 export default organizationAssert;

package/build/esm/tests/utilities/organizationAssert.js

@@ -15,18 +15,18 @@ const organizationAssert = {
     assertRedirectsToAddOrgIfNoOrgExists(options) {
         return __awaiter(this, void 0, void 0, function* () {
             assertOptions(options, [
-                'viewFixture',
+                'views',
                 'vc',
-                'organizationFixture',
+                'organizations',
                 'didAddOrgRedirectDestination',
             ]);
-            const { viewFixture, vc, organizationFixture, didAddOrgRedirectDestination: redirectDestination, } = options;
-            yield organizationFixture.deleteAllOrganizations();
+            const { views, vc, organizations, didAddOrgRedirectDestination: redirectDestination, } = options;
+            yield organizations.deleteAllOrganizations();
             TestRouter.setShouldThrowWhenRedirectingToBadSvc(false);
-            const router = viewFixture.getRouter();
+            const router = views.getRouter();
             yield vcAssertUtil.assertActionRedirects({
                 router,
-                action: () => viewFixture.load(vc),
+                action: () => views.load(vc),
                 destination: {
                     id: 'organization.add',
                     args: {
@@ -41,19 +41,19 @@ const organizationAssert = {
     },
     assertDoesNotRedirectToAddAOrgIfOrgExists(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            assertOptions(options, ['viewFixture', 'vc', 'organizationFixture']);
-            const { vc, viewFixture, organizationFixture } = options;
-            yield viewFixture.loginAsDemoPerson();
-            const latest = yield organizationFixture.getNewestOrganization();
+            assertOptions(options, ['views', 'vc', 'organizations']);
+            const { vc, views, organizations } = options;
+            yield views.loginAsDemoPerson();
+            const latest = yield organizations.getNewestOrganization();
             if (!latest) {
-                yield organizationFixture.seedDemoOrganization();
+                yield organizations.seedDemoOrganization();
             }
             let wasHit = false;
-            yield viewFixture.getRouter().on('did-redirect', () => {
+            yield views.getRouter().on('did-redirect', () => {
                 wasHit = true;
             });
             TestRouter.setShouldThrowWhenRedirectingToBadSvc(false);
-            yield viewFixture.load(vc);
+            yield views.load(vc);
             TestRouter.setShouldThrowWhenRedirectingToBadSvc(true);
             assert.isFalse(wasHit, `I was redirected and didn't expect to be.`);
         });

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

@@ -0,0 +1,28 @@
+import { AbstractViewController, SpruceSchemas, ViewControllerOptions, ActiveRecordCardViewController } from '@sprucelabs/heartwood-view-controllers';
+declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+declare type Location = SpruceSchemas.Spruce.v2020_07_22.Location;
+declare type Button = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Button;
+export default class LocationListCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    private onDelete?;
+    private selectedLocationId?;
+    private onEdit?;
+    private activeRecordCardVc;
+    constructor(options: ViewControllerOptions & {
+        onDelete?: (location: Location) => void;
+        onEdit?: (location: Location) => void;
+        currentOrganizationId: string;
+        selectedLocationId?: string;
+        footerButtons?: Button[];
+    });
+    private ActiveRecordCardVc;
+    private buildRow;
+    private handleDeleteLocation;
+    getCardVc(): import("@sprucelabs/heartwood-view-controllers").CardViewController;
+    getActiveRecordVc(): ActiveRecordCardViewController;
+    getSelectedLocationId(): string | undefined;
+    getListVc(): import("@sprucelabs/heartwood-view-controllers").ListViewController;
+    load(): Promise<void>;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export {};

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

@@ -0,0 +1,126 @@
+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, buildActiveRecordCard, } from '@sprucelabs/heartwood-view-controllers';
+import { eventResponseUtil } from '@sprucelabs/spruce-event-utils';
+export default class LocationListCardViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        const { onDelete, selectedLocationId, footerButtons, currentOrganizationId, onEdit, } = options;
+        this.onDelete = onDelete;
+        this.selectedLocationId = selectedLocationId;
+        this.onEdit = onEdit;
+        this.activeRecordCardVc = this.ActiveRecordCardVc(currentOrganizationId, footerButtons);
+    }
+    ActiveRecordCardVc(currentOrganizationId, footerButtons) {
+        return this.Controller('activeRecordCard', buildActiveRecordCard({
+            header: {
+                title: 'Your locations',
+            },
+            eventName: 'list-locations::v2020_12_25',
+            target: {
+                organizationId: currentOrganizationId,
+            },
+            payload: {
+                includePrivateLocations: true,
+            },
+            responseKey: 'locations',
+            rowTransformer: this.buildRow.bind(this),
+            footer: footerButtons && {
+                buttons: footerButtons,
+            },
+        }));
+    }
+    buildRow(location) {
+        return {
+            id: location.id,
+            isSelected: this.selectedLocationId === location.id,
+            onClick: () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                return (_a = this.onEdit) === null || _a === void 0 ? void 0 : _a.call(this, location);
+            }),
+            cells: [
+                {
+                    text: {
+                        content: location.name,
+                    },
+                    subText: {
+                        content: `${location.address
+                            ? `${location.address.street1}${location.address.street2
+                                ? ` ${location.address.street2}`
+                                : ``} ${location.address.city} ${location.address.zip}`
+                            : ``}`,
+                    },
+                },
+                {
+                    button: {
+                        id: 'delete',
+                        lineIcon: 'delete',
+                        type: 'destructive',
+                        onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            return this.handleDeleteLocation(location);
+                        }),
+                    },
+                },
+            ].filter((c) => !!c),
+        };
+    }
+    handleDeleteLocation(location) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const shouldDelete = yield this.confirm({
+                title: `Delete ${location.name}`,
+                isDestructive: true,
+            });
+            if (!shouldDelete) {
+                return;
+            }
+            this.activeRecordCardVc.setIsBusy(true);
+            try {
+                const client = yield this.connectToApi();
+                const results = yield client.emit('delete-location::v2020_12_25', {
+                    target: {
+                        locationId: location.id,
+                    },
+                });
+                eventResponseUtil.getFirstResponseOrThrow(results);
+                (_a = this.onDelete) === null || _a === void 0 ? void 0 : _a.call(this, location);
+                this.activeRecordCardVc.deleteRow(location.id);
+            }
+            catch (err) {
+                yield this.alert({
+                    message: err.message,
+                    style: 'error',
+                });
+            }
+            this.activeRecordCardVc.setIsBusy(false);
+        });
+    }
+    getCardVc() {
+        return this.activeRecordCardVc.getCardVc();
+    }
+    getActiveRecordVc() {
+        return this.activeRecordCardVc;
+    }
+    getSelectedLocationId() {
+        return this.selectedLocationId;
+    }
+    getListVc() {
+        return this.activeRecordCardVc.getListVc();
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.activeRecordCardVc.load();
+        });
+    }
+    render() {
+        return this.activeRecordCardVc.render();
+    }
+}
+LocationListCardViewController.id = 'location-list-card';

package/build/index-module.d.ts

@@ -1 +1,2 @@
 export { default as organizationAssert } from './tests/utilities/organizationAssert';
+export { default as LocationListViewController } from './viewControllers/LocationListCard.vc';

package/build/index-module.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.organizationAssert = void 0;
+exports.LocationListViewController = exports.organizationAssert = void 0;
 var organizationAssert_1 = require("./tests/utilities/organizationAssert");
 Object.defineProperty(exports, "organizationAssert", { enumerable: true, get: function () { return __importDefault(organizationAssert_1).default; } });
+var LocationListCard_vc_1 = require("./viewControllers/LocationListCard.vc");
+Object.defineProperty(exports, "LocationListViewController", { enumerable: true, get: function () { return __importDefault(LocationListCard_vc_1).default; } });

package/build/tests/utilities/organizationAssert.d.ts

@@ -2,15 +2,15 @@ import { SkillViewController } from '@sprucelabs/heartwood-view-controllers';
 import { OrganizationFixture, ViewFixture } from '@sprucelabs/spruce-test-fixtures';
 declare const organizationAssert: {
     assertRedirectsToAddOrgIfNoOrgExists(options: {
-        viewFixture: ViewFixture;
-        organizationFixture: OrganizationFixture;
+        views: ViewFixture;
+        organizations: OrganizationFixture;
         vc: SkillViewController<any>;
         didAddOrgRedirectDestination: string;
     }): Promise<void>;
     assertDoesNotRedirectToAddAOrgIfOrgExists(options: {
         vc: SkillViewController<any>;
-        viewFixture: ViewFixture;
-        organizationFixture: OrganizationFixture;
+        views: ViewFixture;
+        organizations: OrganizationFixture;
     }): Promise<void>;
 };
 export default organizationAssert;

package/build/tests/utilities/organizationAssert.js

@@ -7,18 +7,18 @@ const test_1 = require("@sprucelabs/test");
 const organizationAssert = {
     async assertRedirectsToAddOrgIfNoOrgExists(options) {
         (0, schema_1.assertOptions)(options, [
-            'viewFixture',
+            'views',
             'vc',
-            'organizationFixture',
+            'organizations',
             'didAddOrgRedirectDestination',
         ]);
-        const { viewFixture, vc, organizationFixture, didAddOrgRedirectDestination: redirectDestination, } = options;
-        await organizationFixture.deleteAllOrganizations();
+        const { views, vc, organizations, didAddOrgRedirectDestination: redirectDestination, } = options;
+        await organizations.deleteAllOrganizations();
         spruce_test_fixtures_1.TestRouter.setShouldThrowWhenRedirectingToBadSvc(false);
-        const router = viewFixture.getRouter();
+        const router = views.getRouter();
         await heartwood_view_controllers_1.vcAssertUtil.assertActionRedirects({
             router,
-            action: () => viewFixture.load(vc),
+            action: () => views.load(vc),
             destination: {
                 id: 'organization.add',
                 args: {
@@ -31,19 +31,19 @@ const organizationAssert = {
         spruce_test_fixtures_1.TestRouter.setShouldThrowWhenRedirectingToBadSvc(true);
     },
     async assertDoesNotRedirectToAddAOrgIfOrgExists(options) {
-        (0, schema_1.assertOptions)(options, ['viewFixture', 'vc', 'organizationFixture']);
-        const { vc, viewFixture, organizationFixture } = options;
-        await viewFixture.loginAsDemoPerson();
-        const latest = await organizationFixture.getNewestOrganization();
+        (0, schema_1.assertOptions)(options, ['views', 'vc', 'organizations']);
+        const { vc, views, organizations } = options;
+        await views.loginAsDemoPerson();
+        const latest = await organizations.getNewestOrganization();
         if (!latest) {
-            await organizationFixture.seedDemoOrganization();
+            await organizations.seedDemoOrganization();
         }
         let wasHit = false;
-        await viewFixture.getRouter().on('did-redirect', () => {
+        await views.getRouter().on('did-redirect', () => {
             wasHit = true;
         });
         spruce_test_fixtures_1.TestRouter.setShouldThrowWhenRedirectingToBadSvc(false);
-        await viewFixture.load(vc);
+        await views.load(vc);
         spruce_test_fixtures_1.TestRouter.setShouldThrowWhenRedirectingToBadSvc(true);
         test_1.assert.isFalse(wasHit, `I was redirected and didn't expect to be.`);
     },

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

@@ -0,0 +1,28 @@
+import { AbstractViewController, SpruceSchemas, ViewControllerOptions, ActiveRecordCardViewController } from '@sprucelabs/heartwood-view-controllers';
+declare type Card = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+declare type Location = SpruceSchemas.Spruce.v2020_07_22.Location;
+declare type Button = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Button;
+export default class LocationListCardViewController extends AbstractViewController<Card> {
+    static id: string;
+    private onDelete?;
+    private selectedLocationId?;
+    private onEdit?;
+    private activeRecordCardVc;
+    constructor(options: ViewControllerOptions & {
+        onDelete?: (location: Location) => void;
+        onEdit?: (location: Location) => void;
+        currentOrganizationId: string;
+        selectedLocationId?: string;
+        footerButtons?: Button[];
+    });
+    private ActiveRecordCardVc;
+    private buildRow;
+    private handleDeleteLocation;
+    getCardVc(): import("@sprucelabs/heartwood-view-controllers").CardViewController;
+    getActiveRecordVc(): ActiveRecordCardViewController;
+    getSelectedLocationId(): string | undefined;
+    getListVc(): import("@sprucelabs/heartwood-view-controllers").ListViewController;
+    load(): Promise<void>;
+    render(): SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+export {};

package/build/viewControllers/LocationListCard.vc.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
+const spruce_event_utils_1 = require("@sprucelabs/spruce-event-utils");
+class LocationListCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    constructor(options) {
+        super(options);
+        const { onDelete, selectedLocationId, footerButtons, currentOrganizationId, onEdit, } = options;
+        this.onDelete = onDelete;
+        this.selectedLocationId = selectedLocationId;
+        this.onEdit = onEdit;
+        this.activeRecordCardVc = this.ActiveRecordCardVc(currentOrganizationId, footerButtons);
+    }
+    ActiveRecordCardVc(currentOrganizationId, footerButtons) {
+        return this.Controller('activeRecordCard', (0, heartwood_view_controllers_1.buildActiveRecordCard)({
+            header: {
+                title: 'Your locations',
+            },
+            eventName: 'list-locations::v2020_12_25',
+            target: {
+                organizationId: currentOrganizationId,
+            },
+            payload: {
+                includePrivateLocations: true,
+            },
+            responseKey: 'locations',
+            rowTransformer: this.buildRow.bind(this),
+            footer: footerButtons && {
+                buttons: footerButtons,
+            },
+        }));
+    }
+    buildRow(location) {
+        return {
+            id: location.id,
+            isSelected: this.selectedLocationId === location.id,
+            onClick: async () => {
+                var _a;
+                return (_a = this.onEdit) === null || _a === void 0 ? void 0 : _a.call(this, location);
+            },
+            cells: [
+                {
+                    text: {
+                        content: location.name,
+                    },
+                    subText: {
+                        content: `${location.address
+                            ? `${location.address.street1}${location.address.street2
+                                ? ` ${location.address.street2}`
+                                : ``} ${location.address.city} ${location.address.zip}`
+                            : ``}`,
+                    },
+                },
+                {
+                    button: {
+                        id: 'delete',
+                        lineIcon: 'delete',
+                        type: 'destructive',
+                        onClick: async () => {
+                            return this.handleDeleteLocation(location);
+                        },
+                    },
+                },
+            ].filter((c) => !!c),
+        };
+    }
+    async handleDeleteLocation(location) {
+        var _a;
+        const shouldDelete = await this.confirm({
+            title: `Delete ${location.name}`,
+            isDestructive: true,
+        });
+        if (!shouldDelete) {
+            return;
+        }
+        this.activeRecordCardVc.setIsBusy(true);
+        try {
+            const client = await this.connectToApi();
+            const results = await client.emit('delete-location::v2020_12_25', {
+                target: {
+                    locationId: location.id,
+                },
+            });
+            spruce_event_utils_1.eventResponseUtil.getFirstResponseOrThrow(results);
+            (_a = this.onDelete) === null || _a === void 0 ? void 0 : _a.call(this, location);
+            this.activeRecordCardVc.deleteRow(location.id);
+        }
+        catch (err) {
+            await this.alert({
+                message: err.message,
+                style: 'error',
+            });
+        }
+        this.activeRecordCardVc.setIsBusy(false);
+    }
+    getCardVc() {
+        return this.activeRecordCardVc.getCardVc();
+    }
+    getActiveRecordVc() {
+        return this.activeRecordCardVc;
+    }
+    getSelectedLocationId() {
+        return this.selectedLocationId;
+    }
+    getListVc() {
+        return this.activeRecordCardVc.getListVc();
+    }
+    async load() {
+        await this.activeRecordCardVc.load();
+    }
+    render() {
+        return this.activeRecordCardVc.render();
+    }
+}
+exports.default = LocationListCardViewController;
+LocationListCardViewController.id = 'location-list-card';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-location-utils",
   "description": "Location Utilities",
-  "version": "2.0.16",
+  "version": "2.1.3",
   "skill": {
     "namespace": "locations"
   },
@@ -18,10 +18,14 @@
     "build/index-module.d.ts",
     "build/tests/utilities/organizationAssert.js",
     "build/tests/utilities/organizationAssert.d.ts",
+    "build/viewControllers/LocationListCard.vc.js",
+    "build/viewControllers/LocationListCard.vc.d.ts",
     "build/esm/index-module.js",
     "build/esm/index-module.d.ts",
     "build/esm/tests/utilities/organizationAssert.js",
-    "build/esm/tests/utilities/organizationAssert.d.ts"
+    "build/esm/tests/utilities/organizationAssert.d.ts",
+    "build/esm/viewControllers/LocationListCard.vc.js",
+    "build/esm/viewControllers/LocationListCard.vc.d.ts"
   ],
   "keywords": [],
   "scripts": {
@@ -29,6 +33,7 @@
   },
   "dependencies": {
     "@sprucelabs/heartwood-view-controllers": "latest",
+    "@sprucelabs/spruce-event-utils": "latest",
     "@sprucelabs/spruce-test-fixtures": "latest",
     "@sprucelabs/test": "latest"
   },