@threekit-tools/treble 0.0.89 → 0.0.90-next-01

package/dist/Treble/Treble.d.ts

@@ -26,7 +26,7 @@ declare class Treble {
     _debugMode: boolean;
     constructor({ player, orgId }: ITreble);
     createOrder: (order?: IOrder) => Promise<import("../http/orders").IOrderResponse>;
-    saveConfiguration: (config?: Partial<Omit<ISaveConfiguration, 'configuration'>>) => Promise<{
+    saveConfiguration: (config?: Partial<ISaveConfiguration>) => Promise<{
         resumableUrl: string;
     } & import("../http/configurations").IConfigurationResponse & {
         thumbnail: string;

package/dist/Treble/Treble.js

@@ -80,18 +80,18 @@ var Treble = (function () {
             });
         }); };
         this.saveConfiguration = function (config) { return __awaiter(_this, void 0, void 0, function () {
-            var threekitDomain, _a, customerId, metadata, productVersion, attachments, player, response, params, url;
+            var threekitDomain, _a, customerId, metadata, configuration, productVersion, attachments, player, response, params, url;
             var _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
                         threekitDomain = connection_1.default.getConnection().threekitDomain;
-                        _a = Object.assign({}, config), customerId = _a.customerId, metadata = _a.metadata, productVersion = _a.productVersion, attachments = _a.attachments;
+                        _a = Object.assign({}, config), customerId = _a.customerId, metadata = _a.metadata, configuration = _a.configuration, productVersion = _a.productVersion, attachments = _a.attachments;
                         player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
                         return [4, api_1.default.configurations.save({
                                 assetId: window.threekit.player.assetId,
-                                configuration: player.getConfigurator().getFullConfiguration(),
+                                configuration: configuration || player.getConfigurator().getFullConfiguration(),
                                 customerId: customerId,
                                 metadata: metadata,
                                 productVersion: productVersion,

package/dist/components/AttributeValue/index.js

@@ -17,6 +17,8 @@ var AttributeValue = function (props) {
     if (!attributeData)
         return null;
     var value;
+    if (attributeData.type === types_1.ATTRIBUTE_TYPES.ARRAY)
+        return null;
     if (attributeData.type === types_1.ATTRIBUTE_TYPES.ASSET) {
         var assetAttribute_1 = attributeData;
         if (!((_a = assetAttribute_1.value) === null || _a === void 0 ? void 0 : _a.assetId))

package/dist/components/BreatheAnimation/index.js

@@ -40,10 +40,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useAnimationStart_1 = __importDefault(require("../../hooks/useAnimationStart"));
+var usePlayerReady_1 = __importDefault(require("../../hooks/usePlayerReady"));
 var types_1 = require("../../types");
 var BreatheAnimation = function (props) {
-    var readyToAnimate = (0, useAnimationStart_1.default)();
+    var readyToAnimate = (0, usePlayerReady_1.default)();
     var initialTranslation = (0, react_1.useRef)(null);
     var initialRotation = (0, react_1.useRef)(null);
     var animationInProgress = (0, react_1.useRef)(false);

package/dist/components/TurntableAnimation/index.js

@@ -40,7 +40,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useAnimationStart_1 = __importDefault(require("../../hooks/useAnimationStart"));
+var usePlayerReady_1 = __importDefault(require("../../hooks/usePlayerReady"));
 var types_1 = require("../../types");
 var RotationDirections;
 (function (RotationDirections) {
@@ -48,7 +48,7 @@ var RotationDirections;
     RotationDirections["COUNTER_CLOCKWISE"] = "counter-clockwise";
 })(RotationDirections || (RotationDirections = {}));
 var TurntableAnimation = function (props) {
-    var readyToAnimate = (0, useAnimationStart_1.default)();
+    var readyToAnimate = (0, usePlayerReady_1.default)();
     var initialRotation = (0, react_1.useRef)(null);
     var animationInProgress = (0, react_1.useRef)(false);
     var rotationNodeId = (0, react_1.useRef)(undefined);

package/dist/components/Wishlist/index.d.ts

@@ -27,6 +27,6 @@ export declare const Wishlist: {
         type: string;
     };
     componentName: string;
-    Icon: import("../../icons").IIcon;
+    Icon: import("../../icons/types").IIcon;
 };
 export default Wishlist;

package/dist/components/Zoom/index.d.ts

@@ -29,7 +29,7 @@ export declare const Zoom: {
         type: string;
     };
     componentName: string;
-    Icon: import("../../icons").IIcon;
+    Icon: import("../../icons/types").IIcon;
     ZoomOut: (props: ZoomComponentProps) => JSX.Element | null;
     ZoomIn: (props: ZoomComponentProps) => JSX.Element | null;
 };

package/dist/components/containers/formInputContainer.d.ts

@@ -41,7 +41,7 @@ interface IHydrateAttributeConfig {
     sort?: string;
 }
 export declare const hydrateAttributeForComponent: (attribute: IHydratedAttribute, config: IHydrateAttributeConfig) => {
-    selected: string | number | boolean | import("../../types").IConfigurationAsset | import("../../types").IConfigurationColor;
+    selected: string | number | boolean | import("../../types").IConfigurationAsset | import("../../types").IConfigurationArray | import("../../types").IConfigurationColor;
     options: {
         name: string;
         handleSelect: () => Promise<void>;

package/dist/components/containers/formInputContainer.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.hydrateAttributeForComponent = void 0;
 var react_1 = __importDefault(require("react"));
 var useAttribute_1 = __importDefault(require("../../hooks/useAttribute"));
-var usePlayerLoadingStatus_1 = __importDefault(require("../../hooks/usePlayerLoadingStatus"));
+var useConfigurationChangeStatus_1 = __importDefault(require("../../hooks/useConfigurationChangeStatus"));
 var utils_1 = require("../../utils");
 var constants_1 = require("../../constants");
 var hydrateAttributeForComponent = function (attribute, config) {
@@ -80,7 +80,7 @@ exports.hydrateAttributeForComponent = hydrateAttributeForComponent;
 function formComponentContainer(FormComponent) {
     return function (props) {
         var attribute = props.attribute, metadataKeyThumbnail = props.metadataKeyThumbnail, metadataKeyDescription = props.metadataKeyDescription, metadataKeyPrice = props.metadataKeyPrice, hideAttributeTitle = props.hideAttributeTitle, sort = props.sort;
-        var isLoading = (0, usePlayerLoadingStatus_1.default)();
+        var isConfigurationChanging = (0, useConfigurationChangeStatus_1.default)();
         var _a = (0, useAttribute_1.default)(attribute), attributeData = _a[0], setAttribute = _a[1];
         if (!attribute)
             return react_1.default.createElement(FormComponent, __assign({}, props));
@@ -104,7 +104,7 @@ function formComponentContainer(FormComponent) {
         var preppedProps = __assign({}, props);
         if (!hideAttributeTitle && !preppedProps.title)
             preppedProps.title = attributeData.label;
-        return (react_1.default.createElement(FormComponent, __assign({}, preppedProps, { value: selected, onClick: handleSetAttribute, onChange: handleSetAttribute, options: options, isPlayerLoading: isLoading })));
+        return (react_1.default.createElement(FormComponent, __assign({}, preppedProps, { value: selected, onClick: handleSetAttribute, onChange: handleSetAttribute, options: options, isPlayerLoading: isConfigurationChanging })));
     };
 }
 exports.default = formComponentContainer;

package/dist/hooks/useConfigurationChangeStatus/index.d.ts

@@ -0,0 +1,2 @@
+declare const useConfigurationChangeStatus: () => boolean;
+export default useConfigurationChangeStatus;

package/dist/hooks/{usePlayerLoadingStatus → useConfigurationChangeStatus}/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
 var treble_1 = require("../../store/treble");
-var usePlayerLoadingStatus = function () {
+var useConfigurationChangeStatus = function () {
     return (0, store_1.useThreekitSelector)(treble_1.isPlayerLoading);
 };
-exports.default = usePlayerLoadingStatus;
+exports.default = useConfigurationChangeStatus;

package/dist/hooks/useNestedConfigurator/index.js

@@ -57,8 +57,7 @@ var useNestedConfigurator = function (address) {
                 return;
             if (playerLoading)
                 return;
-            configurator.current =
-                window.threekit.treble.getNestedConfigurator(address);
+            configurator.current = window.threekit.configurator.getNestedConfigurator([address].flat());
             if (!configurator.current)
                 return;
             var updatedAttrs = configurator.current.getDisplayAttributes();

package/dist/hooks/usePlayerReady/index.d.ts

@@ -0,0 +1,2 @@
+declare const usePlayerReady: () => boolean;
+export default usePlayerReady;

package/dist/hooks/{useAnimationStart → usePlayerReady}/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
 var treble_1 = require("../../store/treble");
-var useAnimationStart = function () {
+var usePlayerReady = function () {
     return (0, store_1.useThreekitSelector)(treble_1.isFirstRenderComplete);
 };
-exports.default = useAnimationStart;
+exports.default = usePlayerReady;

package/dist/hooks/useRoomBuilder/RoomBuilderLayout.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ICoordinate2D } from './types';
+interface IRoomBuilderLayout {
+    loops?: Array<ICoordinate2D[]>;
+    size?: number;
+}
+export default function RoomBuilderLayout(props: IRoomBuilderLayout): JSX.Element;
+export {};

package/dist/hooks/useRoomBuilder/RoomBuilderLayout.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+function RoomBuilderLayout(props) {
+    var loops = props.loops;
+    var size = props.size || 20;
+    if (!(loops === null || loops === void 0 ? void 0 : loops.length))
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    var paths = loops.map(function (loop) {
+        return loop
+            .map(function (_a, i) {
+            var x = _a[0], y = _a[1];
+            return (i === 0 ? 'M ' : 'L ') + x + ' ' + y;
+        })
+            .join(' ') + ' Z';
+    });
+    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: "none", xmlns: "http://www.w3.org/2000/svg" }, paths.map(function (path, i) { return (react_1.default.createElement("path", { key: "path-".concat(i), d: path, stroke: "white", strokeWidth: 1 })); })));
+}
+exports.default = RoomBuilderLayout;

package/dist/hooks/useRoomBuilder/RoomBuilderState.d.ts

@@ -0,0 +1,132 @@
+import { IWalls, IVerticesState, ICoordinate2D, IFeature, IFeatures, ICoordinatesLine, IRoomBuilderStateProps, IElementAddress, IFeatureName, IVertex, IFeaturesHydrated, IElementUi, IElementName, IActiveElement, IEnclosedSpace } from './types';
+import type { IHydratedAttribute } from '../../types';
+export declare class RoomBuilderState {
+    private _config;
+    private _attributesState;
+    private _newWall;
+    private _activeElement;
+    private _selectedElement;
+    private _highlightedElement;
+    private _errorElement;
+    private _showDimensions;
+    private _angleSnappingEnabled;
+    private _canvasDimensions;
+    private _zoom;
+    private _zoomLimits;
+    private _translate;
+    private _translateLimits;
+    private _state;
+    constructor(config: IRoomBuilderStateProps);
+    get walls(): IWalls;
+    get wallsToDraw(): {
+        line: ICoordinatesLine;
+        path: undefined;
+        assetId: string;
+        height?: number | undefined;
+        thickness?: number | undefined;
+        connections: [elementType: IFeatureName, index: number][];
+    }[];
+    set walls(walls: IWalls);
+    get wallCount(): number;
+    get wallLines(): ICoordinatesLine[];
+    get vertices(): IVerticesState;
+    get verticesToDraw(): IVerticesState;
+    set vertices(vertices: IVerticesState);
+    get verticesList(): Array<IVertex>;
+    get verticesListToDraw(): Array<IVertex>;
+    get features(): IFeatures;
+    get featuresToDraw(): Record<string, IFeature[]>;
+    set features(features: IFeatures);
+    get getHydratedFeatures(): undefined | IFeaturesHydrated;
+    get featureCount(): number;
+    get activeElement(): IActiveElement | null;
+    get selectedElement(): null | IElementAddress;
+    set selectedElement(element: null | IElementAddress);
+    get showDimensions(): boolean;
+    set showDimensions(val: boolean);
+    get angleSnappingEnabled(): boolean;
+    set angleSnappingEnabled(val: boolean);
+    get enclosedSpacesToDraw(): Array<IEnclosedSpace>;
+    get canvasDimensions(): ICoordinate2D;
+    get canvasWidth(): number;
+    get canvasHeight(): number;
+    set canvasDimensions(dimensions: ICoordinate2D);
+    get zoom(): number;
+    get zoomFactor(): number;
+    get zoomMin(): number;
+    get zoomMax(): number;
+    setZoom(delta: number): number | undefined;
+    get translate(): ICoordinate2D;
+    get translateMin(): ICoordinate2D;
+    get translateMax(): ICoordinate2D;
+    set translate(position: ICoordinate2D);
+    get isDrawWallActive(): boolean;
+    transformLengthFromCanvas(length: number): number;
+    transformLengthToCanvas(length: number): number;
+    transformPointToCanvas(point: ICoordinate2D): ICoordinate2D;
+    transformPointFromCanvas(point: ICoordinate2D): ICoordinate2D;
+    transformLineToCanvas(line: ICoordinatesLine): ICoordinatesLine;
+    transformLineFromCanvas(line: ICoordinatesLine): ICoordinatesLine;
+    private getWall;
+    private addWall;
+    private addWalls;
+    private updateWall;
+    private getWallConnectionCount;
+    private getWallConnectionsHydrated;
+    private getWallDimensions;
+    private getWallDetailedDimensions;
+    private getAllWallDimensionsToDraw;
+    private shiftAllFeaturesOnWall;
+    private addFeatureToWall;
+    private removeFeatureFromWall;
+    private splitWall;
+    deleteWall(index: number): void;
+    private getFirstVacantLocation;
+    getWallUiAnchorPoint(index: number): undefined | ICoordinate2D;
+    private getVertex;
+    private getWallsConnectedToVertex;
+    private repositionVertex;
+    private getFeatureType;
+    private setFeatureType;
+    private getFeature;
+    private updateFeature;
+    private repositionFeature;
+    addFeature(type: IFeatureName, feature: Omit<IFeature, 'path' | 'connectedTo' | 'offset'> & {
+        offset?: number;
+    }, addToWallIndex?: number): void;
+    deleteFeature(type: IFeatureName, index: number): void;
+    private getHydratedFeature;
+    getFeatureUiAnchorPoint(type: IFeatureName, index: number): undefined | ICoordinate2D;
+    deleteElement(type: IElementName, index: number): void;
+    private getVertexInProximity;
+    private getWallInProximity;
+    private snapPointToVertex;
+    private snapPointToWall;
+    private snapPointToAbsoluteAngle;
+    private snapVertexToAbsoluteAngle;
+    private getFeatureAtPoint;
+    private getElementAtPoint;
+    getClickedElement(cursorPoint: ICoordinate2D): undefined | IElementUi;
+    private getPointProximity;
+    private reevaluateFeatureConnections;
+    private pushStateToConfigurator;
+    setAttributesToState(attributes?: Record<string, IHydratedAttribute>): void;
+    deleteAll(): void;
+    private resetInternalState;
+    highlightElementIfInProximity(canvas: HTMLCanvasElement, cursorPoint: ICoordinate2D): void;
+    startDrawNewWall(startPoint: ICoordinate2D): void;
+    drawNewWall(canvas: HTMLCanvasElement, endPoint: ICoordinate2D): void;
+    cancelDrawNewWall(canvas: HTMLCanvasElement): void;
+    finishDrawNewWall(canvas: HTMLCanvasElement, assetId: string): Promise<void>;
+    drawNewWallGuides(canvas: HTMLCanvasElement, cursorPoint: ICoordinate2D): void;
+    private moveActiveVertex;
+    private finishMoveActiveVertex;
+    private moveActiveFeature;
+    private finishMoveActiveFeature;
+    selectElementIfInProximity(canvas: HTMLCanvasElement, cursorPoint: ICoordinate2D): void;
+    moveActiveElement(canvas: HTMLCanvasElement, moveToPoint: ICoordinate2D): void;
+    finishMoveActiveElement(canvas: HTMLCanvasElement): void;
+    cancelMoveActiveElement(canvas: HTMLCanvasElement): void;
+    drawRoom(canvas: HTMLCanvasElement | null): void;
+}
+export default RoomBuilderState;