@sprucelabs/heartwood-view-controllers 118.1.0 → 118.2.1

package/build/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema.d.ts

@@ -0,0 +1,3 @@
+import { SpruceSchemas } from '../../schemas.types';
+declare const webRtcCropPointSchema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPointSchema;
+export default webRtcCropPointSchema;

package/build/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schema_1 = require("@sprucelabs/schema");
+const webRtcCropPointSchema = {
+    id: 'webRtcCropPoint',
+    version: 'v2021_02_11',
+    namespace: 'HeartwoodViewControllers',
+    name: '',
+    moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers',
+    fields: {
+        /** . */
+        'xPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+        /** . */
+        'yPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+        /** . */
+        'widthPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+        /** . */
+        'heightPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+    }
+};
+schema_1.SchemaRegistry.getInstance().trackSchema(webRtcCropPointSchema);
+exports.default = webRtcCropPointSchema;

package/build/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema.js

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const schema_1 = require("@sprucelabs/schema");
+const webRtcCropPoint_schema_1 = __importDefault(require("./webRtcCropPoint.schema"));
 const webRtcPlayerSchema = {
     id: 'webRtcPlayer',
     version: 'v2021_02_11',
@@ -29,6 +33,11 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`, }
         },
         /** . */
+        'crop': {
+            type: 'schema',
+            options: { schema: webRtcCropPoint_schema_1.default, }
+        },
+        /** . */
         'connection': {
             type: 'raw',
             options: { valueType: `HeartwoodTypes.WebRtcConnection`, }

package/build/.spruce/schemas/schemas.types.d.ts

@@ -704,12 +704,56 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         interface InputEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.InputSchema> {
         }
     }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface WebRtcCropPoint {
+            'xPercent': number;
+            'yPercent': number;
+            'widthPercent': number;
+            'heightPercent': number;
+        }
+        interface WebRtcCropPointSchema extends SpruceSchema.Schema {
+            id: 'webRtcCropPoint';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'xPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'yPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'widthPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'heightPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+            };
+        }
+        interface WebRtcCropPointEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPointSchema> {
+        }
+    }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
         interface WebRtcPlayer {
             'id'?: string | undefined | null;
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
             'shouldAllowCropping'?: boolean | undefined | null;
             'onCrop'?: (HeartwoodTypes.WebRtcPlayerCropHandler) | undefined | null;
+            'crop'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint | undefined | null;
             'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
         }
@@ -745,6 +789,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'crop': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPointSchema;
+                    };
+                };
+                /** . */
                 'connection': {
                     type: 'raw';
                     options: {

package/build/esm/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema.d.ts

@@ -0,0 +1,3 @@
+import { SpruceSchemas } from '../../schemas.types';
+declare const webRtcCropPointSchema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPointSchema;
+export default webRtcCropPointSchema;

package/build/esm/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema.js

@@ -0,0 +1,36 @@
+import { SchemaRegistry } from '@sprucelabs/schema';
+const webRtcCropPointSchema = {
+    id: 'webRtcCropPoint',
+    version: 'v2021_02_11',
+    namespace: 'HeartwoodViewControllers',
+    name: '',
+    moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers',
+    fields: {
+        /** . */
+        'xPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+        /** . */
+        'yPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+        /** . */
+        'widthPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+        /** . */
+        'heightPercent': {
+            type: 'number',
+            isRequired: true,
+            options: undefined
+        },
+    }
+};
+SchemaRegistry.getInstance().trackSchema(webRtcCropPointSchema);
+export default webRtcCropPointSchema;

package/build/esm/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema.js

@@ -1,4 +1,5 @@
 import { SchemaRegistry } from '@sprucelabs/schema';
+import webRtcCropPointSchema_v2021_02_11 from './webRtcCropPoint.schema.js';
 const webRtcPlayerSchema = {
     id: 'webRtcPlayer',
     version: 'v2021_02_11',
@@ -27,6 +28,11 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`, }
         },
         /** . */
+        'crop': {
+            type: 'schema',
+            options: { schema: webRtcCropPointSchema_v2021_02_11, }
+        },
+        /** . */
         'connection': {
             type: 'raw',
             options: { valueType: `HeartwoodTypes.WebRtcConnection`, }

package/build/esm/.spruce/schemas/schemas.types.d.ts

@@ -704,12 +704,56 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         interface InputEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.InputSchema> {
         }
     }
+    namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
+        interface WebRtcCropPoint {
+            'xPercent': number;
+            'yPercent': number;
+            'widthPercent': number;
+            'heightPercent': number;
+        }
+        interface WebRtcCropPointSchema extends SpruceSchema.Schema {
+            id: 'webRtcCropPoint';
+            version: 'v2021_02_11';
+            namespace: 'HeartwoodViewControllers';
+            name: '';
+            moduleToImportFromWhenRemote: '@sprucelabs/heartwood-view-controllers';
+            fields: {
+                /** . */
+                'xPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'yPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'widthPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+                /** . */
+                'heightPercent': {
+                    type: 'number';
+                    isRequired: true;
+                    options: undefined;
+                };
+            };
+        }
+        interface WebRtcCropPointEntity extends SchemaEntity<SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPointSchema> {
+        }
+    }
     namespace SpruceSchemas.HeartwoodViewControllers.v2021_02_11 {
         interface WebRtcPlayer {
             'id'?: string | undefined | null;
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
             'shouldAllowCropping'?: boolean | undefined | null;
             'onCrop'?: (HeartwoodTypes.WebRtcPlayerCropHandler) | undefined | null;
+            'crop'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint | undefined | null;
             'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
         }
@@ -745,6 +789,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'crop': {
+                    type: 'schema';
+                    options: {
+                        schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPointSchema;
+                    };
+                };
+                /** . */
                 'connection': {
                     type: 'raw';
                     options: {

package/build/esm/index.d.ts

@@ -152,6 +152,7 @@ export { default as polarAreaSchema } from './.spruce/schemas/heartwoodViewContr
 export { default as polarAreaDataItemSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/polarAreaDataItem.schema';
 export { default as pagerSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/pager.schema';
 export { default as webRtcPlayerSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema';
+export { default as webRtcCropPointSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema';
 export { default as ViewControllerExporter } from './viewControllers/ViewControllerExporter';
 export { default as ViewControllerImporter } from './viewControllers/ViewControllerImporter';
 export { default as ViewControllerFactory } from './viewControllers/ViewControllerFactory';
@@ -175,6 +176,8 @@ export { default as listAssert } from './tests/utilities/listAssert';
 export { default as autocompleteAssert } from './tests/utilities/autocompleteAssert';
 export { default as formAssert } from './tests/utilities/formAssert';
 export { default as webRtcAssert } from './tests/utilities/webRtcAssert';
+export * from './tests/utilities/webRtcAssert';
+export { default as webRtcInteractor } from './tests/utilities/webRtcInteractor';
 export { default as autocompleteInteractor } from './tests/utilities/autocompleteInteractor';
 export { normalizeScopeFromVc } from './tests/utilities/vcAssert';
 export { default as interactor } from './tests/utilities/interactor';

package/build/esm/index.js

@@ -151,6 +151,7 @@ export { default as polarAreaSchema } from './.spruce/schemas/heartwoodViewContr
 export { default as polarAreaDataItemSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/polarAreaDataItem.schema.js';
 export { default as pagerSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/pager.schema.js';
 export { default as webRtcPlayerSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema.js';
+export { default as webRtcCropPointSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema.js';
 export { default as ViewControllerExporter } from './viewControllers/ViewControllerExporter.js';
 export { default as ViewControllerImporter } from './viewControllers/ViewControllerImporter.js';
 export { default as ViewControllerFactory } from './viewControllers/ViewControllerFactory.js';
@@ -174,6 +175,8 @@ export { default as listAssert } from './tests/utilities/listAssert.js';
 export { default as autocompleteAssert } from './tests/utilities/autocompleteAssert.js';
 export { default as formAssert } from './tests/utilities/formAssert.js';
 export { default as webRtcAssert } from './tests/utilities/webRtcAssert.js';
+export * from './tests/utilities/webRtcAssert.js';
+export { default as webRtcInteractor } from './tests/utilities/webRtcInteractor.js';
 export { default as autocompleteInteractor } from './tests/utilities/autocompleteInteractor.js';
 export { normalizeScopeFromVc } from './tests/utilities/vcAssert.js';
 export { default as interactor } from './tests/utilities/interactor.js';

package/build/esm/schemas/v2021_02_11/webRtcPlayer.builder.d.ts

@@ -19,6 +19,32 @@ declare const _default: {
                 valueType: string;
             };
         };
+        crop: {
+            type: "schema";
+            options: {
+                schema: {
+                    id: string;
+                    fields: {
+                        xPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                        yPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                        widthPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                        heightPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                    };
+                };
+            };
+        };
         connection: {
             type: "raw";
             options: {

package/build/esm/schemas/v2021_02_11/webRtcPlayer.builder.js

@@ -20,6 +20,32 @@ export default buildSchema({
                 valueType: 'HeartwoodTypes.WebRtcPlayerCropHandler',
             },
         },
+        crop: {
+            type: 'schema',
+            options: {
+                schema: buildSchema({
+                    id: 'webRtcCropPoint',
+                    fields: {
+                        xPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                        yPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                        widthPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                        heightPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                    },
+                }),
+            },
+        },
         connection: {
             type: 'raw',
             options: {

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

@@ -1,6 +1,17 @@
-import { ViewController, Card } from '../../types/heartwood.types';
+import { ViewController, Card, SimpleViewControllerFactory } from '../../types/heartwood.types';
 import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
 declare const webRtcAssert: {
+    beforeEach: (views: SimpleViewControllerFactory) => void;
     cardRendersPlayer: (vc: ViewController<Card>, id?: string) => WebRtcPlayerViewController;
+    actionCreatesOffer: (vc: WebRtcPlayerViewController, action: () => void | Promise<void>, expectedOptions?: RTCOfferOptions) => Promise<void>;
+    answerSet: (vc: WebRtcPlayerViewController, answerSdp?: string) => Promise<void>;
 };
 export default webRtcAssert;
+export declare class AssertingWebRtcPlayerViewController extends WebRtcPlayerViewController {
+    private onCreateOfferHandler?;
+    private passedAnswer?;
+    onCreateOffer(cb: (offerOptions: RTCOfferOptions) => void): void;
+    createOffer(offerOptions: RTCOfferOptions): Promise<string>;
+    setAnswer(answerSdp: string): Promise<void>;
+    assertAnswerWasSet(answerSdp?: string): void;
+}

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

@@ -1,8 +1,21 @@
+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 { assertOptions } from '@sprucelabs/schema';
-import { assert } from '@sprucelabs/test-utils';
+import { assert, generateId } from '@sprucelabs/test-utils';
 import renderUtil from '../../utilities/render.utility.js';
+import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc.js';
 import { pluckAllFromView } from './assertSupport.js';
 const webRtcAssert = {
+    beforeEach: (views) => {
+        views.setController('web-rtc-player', AssertingWebRtcPlayerViewController);
+    },
     cardRendersPlayer: (vc, id) => {
         assertOptions({ vc }, ['vc']);
         const model = renderUtil.render(vc);
@@ -18,5 +31,53 @@ const webRtcAssert = {
         }
         return players[0].controller;
     },
+    actionCreatesOffer: (vc, action, expectedOptions) => __awaiter(void 0, void 0, void 0, function* () {
+        assertOptions({ vc, action }, ['vc', 'action']);
+        const assertingVc = assertCalledBeforeEach(vc);
+        let wasHit = false;
+        let passedOptions;
+        assertingVc.onCreateOffer((options) => {
+            passedOptions = options;
+            wasHit = true;
+        });
+        yield action();
+        if (expectedOptions) {
+            assert.isEqualDeep(passedOptions, expectedOptions, `The options you passed to createOffer did not matching.`);
+        }
+        assert.isTrue(wasHit, `You did not create an offer. Try 'const offer = await this.plaperVc.createOffer()'`);
+    }),
+    answerSet: (vc, answerSdp) => __awaiter(void 0, void 0, void 0, function* () {
+        assertOptions({ vc }, ['vc']);
+        const assertingVc = assertCalledBeforeEach(vc);
+        assertingVc.assertAnswerWasSet(answerSdp);
+    }),
 };
 export default webRtcAssert;
+export class AssertingWebRtcPlayerViewController extends WebRtcPlayerViewController {
+    onCreateOffer(cb) {
+        this.onCreateOfferHandler = cb;
+    }
+    createOffer(offerOptions) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            (_a = this.onCreateOfferHandler) === null || _a === void 0 ? void 0 : _a.call(this, offerOptions);
+            return generateId();
+        });
+    }
+    setAnswer(answerSdp) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.passedAnswer = answerSdp;
+        });
+    }
+    assertAnswerWasSet(answerSdp) {
+        assert.isTruthy(this.passedAnswer, `You did not call setAnswer. Try 'await this.playerVc.setAnswer(offer)'`);
+        if (answerSdp) {
+            assert.isEqual(this.passedAnswer, answerSdp, `The answer you passed to 'await this.playerVc.setAnswer(...)' did not match expected.`);
+        }
+    }
+}
+function assertCalledBeforeEach(vc) {
+    assert.isInstanceOf(vc, AssertingWebRtcPlayerViewController, `You have to run webRtcAssert.beforeEach(this.views) in your beforeEach before you create any ViewControllers.`);
+    const assertingVc = vc;
+    return assertingVc;
+}

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

@@ -0,0 +1,6 @@
+import { WebRtcCropPoint } from '../../types/heartwood.types';
+import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
+declare const webRtcInteractor: {
+    simulateCrop: (vc: WebRtcPlayerViewController, cropPoint?: WebRtcCropPoint) => Promise<void>;
+};
+export default webRtcInteractor;

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

@@ -0,0 +1,20 @@
+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 { assertOptions } from '@sprucelabs/schema';
+import renderUtil from '../../utilities/render.utility.js';
+const webRtcInteractor = {
+    simulateCrop: (vc, cropPoint) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        assertOptions({ vc }, ['vc']);
+        const model = renderUtil.render(vc);
+        yield ((_a = model.onCrop) === null || _a === void 0 ? void 0 : _a.call(model, cropPoint));
+    }),
+};
+export default webRtcInteractor;

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

@@ -216,7 +216,7 @@ export type Button = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Button;
 export type ToolBelt = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBelt;
 export type Feed = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Feed;
 export type Layout = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Layout;
-export type SimpleViewControllerFactory = Pick<ViewControllerFactory, 'Controller'>;
+export type SimpleViewControllerFactory = Pick<ViewControllerFactory, 'Controller' | 'setController'>;
 export type CalendarSelectedDate = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarSelectedDate;
 export type FormSection<S extends Schema> = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FormSection<S>;
 export type Map = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Map;
@@ -258,13 +258,8 @@ export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
 export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
 export * from '../webRtcStreaming/WebRtcConnection';
-export interface Point {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export type WebRtcPlayerCropHandler = (point?: Point) => void;
+export type WebRtcCropPoint = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint;
+export type WebRtcPlayerCropHandler = (point?: WebRtcCropPoint) => void | Promise<void>;
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;

package/build/esm/viewControllers/webRtcStreaming/WebRtcPlayer.vc.d.ts

@@ -1,4 +1,4 @@
-import { ViewControllerOptions, WebRtcPlayer } from '../../types/heartwood.types';
+import { ViewControllerOptions, WebRtcCropPoint, WebRtcPlayer } from '../../types/heartwood.types';
 import { WebRtcStreamer } from '../../webRtcStreaming/WebRtcStreamer';
 import AbstractViewController from '../Abstract.vc';
 export default class WebRtcPlayerViewController extends AbstractViewController<WebRtcPlayer> {
@@ -9,6 +9,10 @@ export default class WebRtcPlayerViewController extends AbstractViewController<W
     setStreamer(streamer: WebRtcStreamer): void;
     createOffer(offerOptions: RTCOfferOptions): Promise<string>;
     setAnswer(answerSdp: string): Promise<void>;
+    getCrop(): import("@sprucelabs/mercury-types").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint | null | undefined;
+    enableCropping(): void;
+    disableCropping(): void;
+    setCrop(point?: WebRtcCropPoint): void;
     render(): WebRtcPlayer;
 }
 export interface WebRtcPlayerOptions extends WebRtcPlayer {

package/build/esm/viewControllers/webRtcStreaming/WebRtcPlayer.vc.js

@@ -42,8 +42,27 @@ class WebRtcPlayerViewController extends AbstractViewController {
             yield this.model.streamer.setAnswer(answerSdp);
         });
     }
+    getCrop() {
+        return this.model.crop;
+    }
+    enableCropping() {
+        this.model.shouldAllowCropping = true;
+        this.triggerRender();
+    }
+    disableCropping() {
+        this.model.shouldAllowCropping = false;
+        this.triggerRender();
+    }
+    setCrop(point) {
+        var _a, _b;
+        this.model.crop = point;
+        void ((_b = (_a = this.model).onCrop) === null || _b === void 0 ? void 0 : _b.call(_a, point));
+        this.triggerRender();
+    }
     render() {
-        return this.model;
+        return Object.assign(Object.assign({}, this.model), { onCrop: (point) => {
+                this.setCrop(point);
+            } });
     }
 }
 WebRtcPlayerViewController.id = 'web-rtc-player-card';

package/build/esm/webRtcStreaming/WebRtcConnection.d.ts

@@ -1,7 +1,7 @@
 import MockRtcPeerConnection from '../tests/MockRtcPeerConnection';
 import { WebRtcStreamer } from './WebRtcStreamer';
 export default class WebRtcConnectionImpl implements WebRtcConnection {
-    static Class: new () => WebRtcConnection;
+    static Class?: new () => WebRtcConnection;
     static get RTCPeerConnection(): new (config: RTCConfiguration) => RTCPeerConnection | MockRtcPeerConnection;
     static set RTCPeerConnection(value: new (config: RTCConfiguration) => RTCPeerConnection | MockRtcPeerConnection);
     private stateChangeListeners;

package/build/index.d.ts

@@ -152,6 +152,7 @@ export { default as polarAreaSchema } from './.spruce/schemas/heartwoodViewContr
 export { default as polarAreaDataItemSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/polarAreaDataItem.schema';
 export { default as pagerSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/pager.schema';
 export { default as webRtcPlayerSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema';
+export { default as webRtcCropPointSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema';
 export { default as ViewControllerExporter } from './viewControllers/ViewControllerExporter';
 export { default as ViewControllerImporter } from './viewControllers/ViewControllerImporter';
 export { default as ViewControllerFactory } from './viewControllers/ViewControllerFactory';
@@ -175,6 +176,8 @@ export { default as listAssert } from './tests/utilities/listAssert';
 export { default as autocompleteAssert } from './tests/utilities/autocompleteAssert';
 export { default as formAssert } from './tests/utilities/formAssert';
 export { default as webRtcAssert } from './tests/utilities/webRtcAssert';
+export * from './tests/utilities/webRtcAssert';
+export { default as webRtcInteractor } from './tests/utilities/webRtcInteractor';
 export { default as autocompleteInteractor } from './tests/utilities/autocompleteInteractor';
 export { normalizeScopeFromVc } from './tests/utilities/vcAssert';
 export { default as interactor } from './tests/utilities/interactor';

package/build/index.js

@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebRtcConnectionImpl = exports.MockRtcPeerConnection = exports.WebRtcStreamerImpl = exports.buildSkillView = exports.buildForm = exports.buildBigForm = exports.AuthenticatorImpl = exports.PolarAreaViewController = exports.SpyViewControllerExporter = exports.lockScreenAssert = exports.MockActiveRecordCard = exports.activeRecordCardAssert = exports.buildActiveRecordList = exports.buildActiveRecordCard = exports.AbstractInputViewController = exports.AutocompleteInputViewController = exports.AbstractCalendarEventViewController = exports.RatingsViewController = exports.ProgressViewController = exports.StatsViewController = exports.FeedViewController = exports.ActiveRecordListViewController = exports.ActiveRecordCardViewController = exports.TalkingSprucebotViewController = exports.ButtonBarViewController = exports.CalendarViewController = exports.SwipeCardViewControllerImpl = exports.SwipeViewControllerImpl = exports.WebRtcPlayerViewController = exports.PagerViewController = exports.ProgressNavigatorViewController = exports.CountdownTimerViewController = exports.FormBuilderCardViewControllerImpl = exports.LoginViewController = exports.LineGraphViewController = exports.BarChartViewController = exports.ToolBeltViewController = exports.FormViewControllerImpl = exports.ListCellViewController = exports.ListRowViewController = exports.ListViewController = exports.NavigationViewController = exports.LockScreenSkillViewController = exports.DialogViewController = exports.ConfirmViewController = exports.CardViewControllerImpl = exports.ButtonGroupViewController = exports.AbstractAppController = exports.AbstractViewController = exports.AbstractSkillViewController = void 0;
 exports.buttonBarButtonSchema = exports.buttonBarSchema = exports.toolBeltToolSchema = exports.toolBeltSchema = exports.calendarTimeSchema = exports.calendarPersonSchema = exports.calendarSchema = exports.themePropsSchema = exports.themeSchema = exports.cardFooterButtonSchema = exports.criticalErrorSchema = exports.sprucebotTypedMessageSentenceSchema = exports.sprucebotTypedMessageAvatarSchema = exports.selectInputChoiceSchema = exports.calendarEventColorOverrideSchema = exports.portalSchema = exports.listTextInputSchema = exports.listSelectInputSchema = exports.listCellButtonSchema = exports.dropdownButtonSchema = exports.bigFormSectionSchema = exports.textInputSchema = exports.phoneInputSchema = exports.inputSchema = exports.dropdownSchema = exports.sprucebotTypedMessageSchema = exports.talkingSprucebotSchema = exports.sprucebotAvatarSchema = exports.formBuilderImportExportObjectSchema = exports.listCellSchema = exports.listRowSchema = exports.listSchema = exports.layoutSchema = exports.cardSectionSchema = exports.cardHeaderSchema = exports.cardFooterSchema = exports.cardBodySchema = exports.cardSchema = exports.formSectionSchema = exports.formSchema = exports.textSchema = exports.lockScreenSchema = exports.dialogSchema = exports.buttonSchema = exports.lineIconSchema = exports.fancyIconSchema = exports.selectInputSchema = exports.skillViewSchema = exports.bigFormSchema = exports.calendarEventColorsSchema = void 0;
-exports.listAssert = exports.buttonAssert = exports.deviceAssert = exports.navigationAssert = exports.toolBeltAssert = exports.toastAssert = exports.vcPluginAssert = exports.vcDurationAssert = exports.pagerAssert = exports.vcAssert = exports.vcAssertUtil = exports.feedAssert = exports.feedInteractor = exports.normalizeFormSectionFieldNamesUtil = exports.ViewControllerError = exports.SpyDevice = exports.StubStorage = exports.ViewControllerFactory = exports.ViewControllerImporter = exports.ViewControllerExporter = exports.webRtcPlayerSchema = exports.pagerSchema = exports.polarAreaDataItemSchema = exports.polarAreaSchema = exports.inputButtonSchema = exports.mapPinSchema = exports.mapSchema = exports.latLngSchema = exports.formBuilderImportExportPageSchema = exports.autocompleteSuggestionSchema = exports.autocompleteInputSchema = exports.feedSchema = exports.calendarShiftSchema = exports.receiptTotalSchema = exports.receiptSectionSchema = exports.receiptLineItemSchema = exports.receiptHeaderSchema = exports.receiptSchema = exports.listDateInputSchema = exports.calendarSelectedDateSchema = exports.calendarEventSchema = exports.ratingsInputSchema = exports.listRatingsInputSchema = exports.ratingsSchema = exports.progressSchema = exports.statsStatSchema = exports.statsSchema = exports.toggleInputSchema = exports.listToggleInputSchema = exports.addressInputSchema = void 0;
-exports.navigationRouteSchema = exports.routerDestinationSchema = exports.navigationDropdownButtonSchema = exports.navigationButtonDropdownSchema = exports.chartDataSetSchema = exports.chartDataPointSchema = exports.lineGraphSchema = exports.barChartSchema = exports.progressDetailsSchema = exports.progressNavigatorStepSchema = exports.progressNavigatorSchema = exports.countdownTimerSchema = exports.permissionContractReferenceSchema = exports.navigationButtonSchema = exports.navigationSchema = exports.ToolBeltStateMachine = exports.removeUniversalViewOptions = exports.buildSkillViewLayout = exports.splitCardsIntoLayouts = exports.listUtil = exports.mapInteractor = exports.mapAssert = exports.renderUtil = exports.routerTestPatcher = exports.dialogTestPatcher = exports.confirmTestPatcher = exports.calendarSeeder = exports.interactionUtil = exports.chartAssert = exports.progressNavigatorAssert = exports.countdownTimerInteractor = exports.countdownTimerAssert = exports.calendarInteractor = exports.interactor = exports.normalizeScopeFromVc = exports.autocompleteInteractor = exports.webRtcAssert = exports.formAssert = exports.autocompleteAssert = void 0;
+exports.buttonAssert = exports.deviceAssert = exports.navigationAssert = exports.toolBeltAssert = exports.toastAssert = exports.vcPluginAssert = exports.vcDurationAssert = exports.pagerAssert = exports.vcAssert = exports.vcAssertUtil = exports.feedAssert = exports.feedInteractor = exports.normalizeFormSectionFieldNamesUtil = exports.ViewControllerError = exports.SpyDevice = exports.StubStorage = exports.ViewControllerFactory = exports.ViewControllerImporter = exports.ViewControllerExporter = exports.webRtcCropPointSchema = exports.webRtcPlayerSchema = exports.pagerSchema = exports.polarAreaDataItemSchema = exports.polarAreaSchema = exports.inputButtonSchema = exports.mapPinSchema = exports.mapSchema = exports.latLngSchema = exports.formBuilderImportExportPageSchema = exports.autocompleteSuggestionSchema = exports.autocompleteInputSchema = exports.feedSchema = exports.calendarShiftSchema = exports.receiptTotalSchema = exports.receiptSectionSchema = exports.receiptLineItemSchema = exports.receiptHeaderSchema = exports.receiptSchema = exports.listDateInputSchema = exports.calendarSelectedDateSchema = exports.calendarEventSchema = exports.ratingsInputSchema = exports.listRatingsInputSchema = exports.ratingsSchema = exports.progressSchema = exports.statsStatSchema = exports.statsSchema = exports.toggleInputSchema = exports.listToggleInputSchema = exports.addressInputSchema = void 0;
+exports.navigationRouteSchema = exports.routerDestinationSchema = exports.navigationDropdownButtonSchema = exports.navigationButtonDropdownSchema = exports.chartDataSetSchema = exports.chartDataPointSchema = exports.lineGraphSchema = exports.barChartSchema = exports.progressDetailsSchema = exports.progressNavigatorStepSchema = exports.progressNavigatorSchema = exports.countdownTimerSchema = exports.permissionContractReferenceSchema = exports.navigationButtonSchema = exports.navigationSchema = exports.ToolBeltStateMachine = exports.removeUniversalViewOptions = exports.buildSkillViewLayout = exports.splitCardsIntoLayouts = exports.listUtil = exports.mapInteractor = exports.mapAssert = exports.renderUtil = exports.routerTestPatcher = exports.dialogTestPatcher = exports.confirmTestPatcher = exports.calendarSeeder = exports.interactionUtil = exports.chartAssert = exports.progressNavigatorAssert = exports.countdownTimerInteractor = exports.countdownTimerAssert = exports.calendarInteractor = exports.interactor = exports.normalizeScopeFromVc = exports.autocompleteInteractor = exports.webRtcInteractor = exports.webRtcAssert = exports.formAssert = exports.autocompleteAssert = exports.listAssert = void 0;
 __exportStar(require("./constants"), exports);
 __exportStar(require("./types/heartwood.types"), exports);
 __exportStar(require("./utilities/removeUniversalViewOptions"), exports);
@@ -304,6 +304,8 @@ var pager_schema_1 = require("./.spruce/schemas/heartwoodViewControllers/v2021_0
 Object.defineProperty(exports, "pagerSchema", { enumerable: true, get: function () { return __importDefault(pager_schema_1).default; } });
 var webRtcPlayer_schema_1 = require("./.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema");
 Object.defineProperty(exports, "webRtcPlayerSchema", { enumerable: true, get: function () { return __importDefault(webRtcPlayer_schema_1).default; } });
+var webRtcCropPoint_schema_1 = require("./.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcCropPoint.schema");
+Object.defineProperty(exports, "webRtcCropPointSchema", { enumerable: true, get: function () { return __importDefault(webRtcCropPoint_schema_1).default; } });
 var ViewControllerExporter_1 = require("./viewControllers/ViewControllerExporter");
 Object.defineProperty(exports, "ViewControllerExporter", { enumerable: true, get: function () { return __importDefault(ViewControllerExporter_1).default; } });
 var ViewControllerImporter_1 = require("./viewControllers/ViewControllerImporter");
@@ -350,6 +352,9 @@ var formAssert_1 = require("./tests/utilities/formAssert");
 Object.defineProperty(exports, "formAssert", { enumerable: true, get: function () { return __importDefault(formAssert_1).default; } });
 var webRtcAssert_1 = require("./tests/utilities/webRtcAssert");
 Object.defineProperty(exports, "webRtcAssert", { enumerable: true, get: function () { return __importDefault(webRtcAssert_1).default; } });
+__exportStar(require("./tests/utilities/webRtcAssert"), exports);
+var webRtcInteractor_1 = require("./tests/utilities/webRtcInteractor");
+Object.defineProperty(exports, "webRtcInteractor", { enumerable: true, get: function () { return __importDefault(webRtcInteractor_1).default; } });
 var autocompleteInteractor_1 = require("./tests/utilities/autocompleteInteractor");
 Object.defineProperty(exports, "autocompleteInteractor", { enumerable: true, get: function () { return __importDefault(autocompleteInteractor_1).default; } });
 var vcAssert_2 = require("./tests/utilities/vcAssert");

package/build/schemas/v2021_02_11/webRtcPlayer.builder.d.ts

@@ -19,6 +19,32 @@ declare const _default: {
                 valueType: string;
             };
         };
+        crop: {
+            type: "schema";
+            options: {
+                schema: {
+                    id: string;
+                    fields: {
+                        xPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                        yPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                        widthPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                        heightPercent: {
+                            type: "number";
+                            isRequired: true;
+                        };
+                    };
+                };
+            };
+        };
         connection: {
             type: "raw";
             options: {

package/build/schemas/v2021_02_11/webRtcPlayer.builder.js

@@ -22,6 +22,32 @@ exports.default = (0, schema_1.buildSchema)({
                 valueType: 'HeartwoodTypes.WebRtcPlayerCropHandler',
             },
         },
+        crop: {
+            type: 'schema',
+            options: {
+                schema: (0, schema_1.buildSchema)({
+                    id: 'webRtcCropPoint',
+                    fields: {
+                        xPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                        yPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                        widthPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                        heightPercent: {
+                            type: 'number',
+                            isRequired: true,
+                        },
+                    },
+                }),
+            },
+        },
         connection: {
             type: 'raw',
             options: {

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

@@ -1,6 +1,17 @@
-import { ViewController, Card } from '../../types/heartwood.types';
+import { ViewController, Card, SimpleViewControllerFactory } from '../../types/heartwood.types';
 import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
 declare const webRtcAssert: {
+    beforeEach: (views: SimpleViewControllerFactory) => void;
     cardRendersPlayer: (vc: ViewController<Card>, id?: string) => WebRtcPlayerViewController;
+    actionCreatesOffer: (vc: WebRtcPlayerViewController, action: () => void | Promise<void>, expectedOptions?: RTCOfferOptions) => Promise<void>;
+    answerSet: (vc: WebRtcPlayerViewController, answerSdp?: string) => Promise<void>;
 };
 export default webRtcAssert;
+export declare class AssertingWebRtcPlayerViewController extends WebRtcPlayerViewController {
+    private onCreateOfferHandler?;
+    private passedAnswer?;
+    onCreateOffer(cb: (offerOptions: RTCOfferOptions) => void): void;
+    createOffer(offerOptions: RTCOfferOptions): Promise<string>;
+    setAnswer(answerSdp: string): Promise<void>;
+    assertAnswerWasSet(answerSdp?: string): void;
+}

package/build/tests/utilities/webRtcAssert.js

@@ -3,11 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssertingWebRtcPlayerViewController = void 0;
 const schema_1 = require("@sprucelabs/schema");
 const test_utils_1 = require("@sprucelabs/test-utils");
 const render_utility_1 = __importDefault(require("../../utilities/render.utility"));
+const WebRtcPlayer_vc_1 = __importDefault(require("../../viewControllers/webRtcStreaming/WebRtcPlayer.vc"));
 const assertSupport_1 = require("./assertSupport");
 const webRtcAssert = {
+    beforeEach: (views) => {
+        views.setController('web-rtc-player', AssertingWebRtcPlayerViewController);
+    },
     cardRendersPlayer: (vc, id) => {
         (0, schema_1.assertOptions)({ vc }, ['vc']);
         const model = render_utility_1.default.render(vc);
@@ -23,5 +28,49 @@ const webRtcAssert = {
         }
         return players[0].controller;
     },
+    actionCreatesOffer: async (vc, action, expectedOptions) => {
+        (0, schema_1.assertOptions)({ vc, action }, ['vc', 'action']);
+        const assertingVc = assertCalledBeforeEach(vc);
+        let wasHit = false;
+        let passedOptions;
+        assertingVc.onCreateOffer((options) => {
+            passedOptions = options;
+            wasHit = true;
+        });
+        await action();
+        if (expectedOptions) {
+            test_utils_1.assert.isEqualDeep(passedOptions, expectedOptions, `The options you passed to createOffer did not matching.`);
+        }
+        test_utils_1.assert.isTrue(wasHit, `You did not create an offer. Try 'const offer = await this.plaperVc.createOffer()'`);
+    },
+    answerSet: async (vc, answerSdp) => {
+        (0, schema_1.assertOptions)({ vc }, ['vc']);
+        const assertingVc = assertCalledBeforeEach(vc);
+        assertingVc.assertAnswerWasSet(answerSdp);
+    },
 };
 exports.default = webRtcAssert;
+class AssertingWebRtcPlayerViewController extends WebRtcPlayer_vc_1.default {
+    onCreateOffer(cb) {
+        this.onCreateOfferHandler = cb;
+    }
+    async createOffer(offerOptions) {
+        this.onCreateOfferHandler?.(offerOptions);
+        return (0, test_utils_1.generateId)();
+    }
+    async setAnswer(answerSdp) {
+        this.passedAnswer = answerSdp;
+    }
+    assertAnswerWasSet(answerSdp) {
+        test_utils_1.assert.isTruthy(this.passedAnswer, `You did not call setAnswer. Try 'await this.playerVc.setAnswer(offer)'`);
+        if (answerSdp) {
+            test_utils_1.assert.isEqual(this.passedAnswer, answerSdp, `The answer you passed to 'await this.playerVc.setAnswer(...)' did not match expected.`);
+        }
+    }
+}
+exports.AssertingWebRtcPlayerViewController = AssertingWebRtcPlayerViewController;
+function assertCalledBeforeEach(vc) {
+    test_utils_1.assert.isInstanceOf(vc, AssertingWebRtcPlayerViewController, `You have to run webRtcAssert.beforeEach(this.views) in your beforeEach before you create any ViewControllers.`);
+    const assertingVc = vc;
+    return assertingVc;
+}

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

@@ -0,0 +1,6 @@
+import { WebRtcCropPoint } from '../../types/heartwood.types';
+import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
+declare const webRtcInteractor: {
+    simulateCrop: (vc: WebRtcPlayerViewController, cropPoint?: WebRtcCropPoint) => Promise<void>;
+};
+export default webRtcInteractor;

package/build/tests/utilities/webRtcInteractor.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 schema_1 = require("@sprucelabs/schema");
+const render_utility_1 = __importDefault(require("../../utilities/render.utility"));
+const webRtcInteractor = {
+    simulateCrop: async (vc, cropPoint) => {
+        (0, schema_1.assertOptions)({ vc }, ['vc']);
+        const model = render_utility_1.default.render(vc);
+        await model.onCrop?.(cropPoint);
+    },
+};
+exports.default = webRtcInteractor;

package/build/types/heartwood.types.d.ts

@@ -216,7 +216,7 @@ export type Button = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Button;
 export type ToolBelt = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ToolBelt;
 export type Feed = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Feed;
 export type Layout = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Layout;
-export type SimpleViewControllerFactory = Pick<ViewControllerFactory, 'Controller'>;
+export type SimpleViewControllerFactory = Pick<ViewControllerFactory, 'Controller' | 'setController'>;
 export type CalendarSelectedDate = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.CalendarSelectedDate;
 export type FormSection<S extends Schema> = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.FormSection<S>;
 export type Map = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Map;
@@ -258,13 +258,8 @@ export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
 export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
 export * from '../webRtcStreaming/WebRtcConnection';
-export interface Point {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export type WebRtcPlayerCropHandler = (point?: Point) => void;
+export type WebRtcCropPoint = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint;
+export type WebRtcPlayerCropHandler = (point?: WebRtcCropPoint) => void | Promise<void>;
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;

package/build/viewControllers/webRtcStreaming/WebRtcPlayer.vc.d.ts

@@ -1,4 +1,4 @@
-import { ViewControllerOptions, WebRtcPlayer } from '../../types/heartwood.types';
+import { ViewControllerOptions, WebRtcCropPoint, WebRtcPlayer } from '../../types/heartwood.types';
 import { WebRtcStreamer } from '../../webRtcStreaming/WebRtcStreamer';
 import AbstractViewController from '../Abstract.vc';
 export default class WebRtcPlayerViewController extends AbstractViewController<WebRtcPlayer> {
@@ -9,6 +9,10 @@ export default class WebRtcPlayerViewController extends AbstractViewController<W
     setStreamer(streamer: WebRtcStreamer): void;
     createOffer(offerOptions: RTCOfferOptions): Promise<string>;
     setAnswer(answerSdp: string): Promise<void>;
+    getCrop(): import("@sprucelabs/mercury-types").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint | null | undefined;
+    enableCropping(): void;
+    disableCropping(): void;
+    setCrop(point?: WebRtcCropPoint): void;
     render(): WebRtcPlayer;
 }
 export interface WebRtcPlayerOptions extends WebRtcPlayer {

package/build/viewControllers/webRtcStreaming/WebRtcPlayer.vc.js

@@ -38,8 +38,29 @@ class WebRtcPlayerViewController extends Abstract_vc_1.default {
         }
         await this.model.streamer.setAnswer(answerSdp);
     }
+    getCrop() {
+        return this.model.crop;
+    }
+    enableCropping() {
+        this.model.shouldAllowCropping = true;
+        this.triggerRender();
+    }
+    disableCropping() {
+        this.model.shouldAllowCropping = false;
+        this.triggerRender();
+    }
+    setCrop(point) {
+        this.model.crop = point;
+        void this.model.onCrop?.(point);
+        this.triggerRender();
+    }
     render() {
-        return this.model;
+        return {
+            ...this.model,
+            onCrop: (point) => {
+                this.setCrop(point);
+            },
+        };
     }
 }
 WebRtcPlayerViewController.id = 'web-rtc-player-card';

package/build/webRtcStreaming/WebRtcConnection.d.ts

@@ -1,7 +1,7 @@
 import MockRtcPeerConnection from '../tests/MockRtcPeerConnection';
 import { WebRtcStreamer } from './WebRtcStreamer';
 export default class WebRtcConnectionImpl implements WebRtcConnection {
-    static Class: new () => WebRtcConnection;
+    static Class?: new () => WebRtcConnection;
     static get RTCPeerConnection(): new (config: RTCConfiguration) => RTCPeerConnection | MockRtcPeerConnection;
     static set RTCPeerConnection(value: new (config: RTCConfiguration) => RTCPeerConnection | MockRtcPeerConnection);
     private stateChangeListeners;

package/package.json

@@ -13,7 +13,7 @@
   "sideEffects": false,
   "license": "MIT",
   "description": "All the power of Heartwood in one, convenient package.",
-  "version": "118.1.0",
+  "version": "118.2.1",
   "skill": {
     "namespace": "HeartwoodViewControllers",
     "commandOverrides": {