@threekit-tools/treble 0.0.87 → 0.0.89-next-001

package/dist/Treble/Treble.d.ts

@@ -1,5 +1,5 @@
 import threekitAPI from '../api';
-import { IThreekitPlayer, IThreekitPrivatePlayer, IConfiguration, ISetConfiguration, IThreekitPrivateConfigurator } from '../types';
+import { IThreekitPlayer, IThreekitPrivatePlayer, IThreekitPrivateConfigurator } from '../types';
 import { IWishlist } from './wishlist';
 import snapshots from './snapshots';
 import { ISaveConfiguration } from '../api/configurations';
@@ -8,7 +8,6 @@ import { ICartItem } from '../http/orders';
 interface ITreble {
     player: IThreekitPlayer;
     orgId: string;
-    initialConfiguration: IConfiguration;
 }
 interface IEmailShareCredentials {
     to: string;
@@ -22,11 +21,10 @@ declare class Treble {
     _api: typeof threekitAPI;
     _player: IThreekitPrivatePlayer;
     wishlist: IWishlist;
-    private _initialConfiguration;
     private _snapshots;
     takeSnapshots: typeof snapshots['takeSnapshots'];
     _debugMode: boolean;
-    constructor({ player, orgId, initialConfiguration }: ITreble);
+    constructor({ player, orgId }: ITreble);
     createOrder: (order?: IOrder) => Promise<import("../http/orders").IOrderResponse>;
     saveConfiguration: (config?: Partial<Omit<ISaveConfiguration, 'configuration'>>) => Promise<{
         resumableUrl: string;
@@ -34,7 +32,6 @@ declare class Treble {
         thumbnail: string;
     }>;
     getNestedConfigurator: (address: string | Array<string>) => undefined | IThreekitPrivateConfigurator;
-    resetConfiguration: (configuration?: ISetConfiguration) => void;
     sendEmail: (credentials: IEmailShareCredentials, templateData: Record<string, any>) => Promise<import("../http/server").IPostEmailResponse>;
 }
 export default Treble;

package/dist/Treble/Treble.js

@@ -48,7 +48,7 @@ var wishlist_1 = __importDefault(require("./wishlist"));
 var snapshots_1 = __importDefault(require("./snapshots"));
 var Treble = (function () {
     function Treble(_a) {
-        var player = _a.player, orgId = _a.orgId, initialConfiguration = _a.initialConfiguration;
+        var player = _a.player, orgId = _a.orgId;
         var _this = this;
         this.createOrder = function (order) { return __awaiter(_this, void 0, void 0, function () {
             var updatedOrder, configuration, response;
@@ -129,11 +129,6 @@ var Treble = (function () {
                 })) === null || _a === void 0 ? void 0 : _a.configurator;
             }, player.getConfigurator());
         };
-        this.resetConfiguration = function (configuration) {
-            var initialConfiguration = JSON.parse(_this._initialConfiguration);
-            var updateConfiguration = Object.assign(initialConfiguration, configuration);
-            window.threekit.configurator.setConfiguration(updateConfiguration);
-        };
         this.sendEmail = function (credentials, templateData) {
             if (!credentials)
                 throw new Error('sendEmail is missing credentials object');
@@ -155,7 +150,6 @@ var Treble = (function () {
         this._snapshots = snapshots_1.default;
         this.takeSnapshots = this._snapshots.takeSnapshots;
         this._player = player.enableApi(types_1.PRIVATE_APIS.PLAYER);
-        this._initialConfiguration = JSON.stringify(initialConfiguration);
         this._debugMode = constants_1.TREBLE_DEBUG;
     }
     return Treble;

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/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/connection.d.ts

@@ -1,9 +1,11 @@
+import { ICacheParameters } from './types';
 export interface IConnectionConfig {
     authToken?: string;
     orgId?: string;
     assetId?: string;
     threekitDomain?: string;
     serverUrl?: string;
+    cacheParameters?: ICacheParameters;
 }
 export declare class ThreekitConnection {
     _authToken: string;
@@ -11,6 +13,7 @@ export declare class ThreekitConnection {
     _assetId: string;
     _threekitDomain: string;
     _serverUrl: string;
+    _cacheParameters?: ICacheParameters;
     constructor();
     connect(config: IConnectionConfig): Promise<void>;
     getConnection(): {
@@ -19,6 +22,7 @@ export declare class ThreekitConnection {
         assetId: string;
         threekitDomain: string;
         serverUrl: string;
+        cacheParameters: ICacheParameters | undefined;
     };
 }
 declare const _default: ThreekitConnection;

package/dist/connection.js

@@ -58,6 +58,8 @@ var ThreekitConnection = (function () {
                     this._serverUrl = config.serverUrl;
                 if (config.threekitDomain)
                     this._threekitDomain = "https://".concat(config.threekitDomain);
+                if (config.cacheParameters)
+                    this._cacheParameters = config.cacheParameters;
                 return [2];
             });
         });
@@ -72,6 +74,7 @@ var ThreekitConnection = (function () {
             assetId: this._assetId,
             threekitDomain: this._threekitDomain,
             serverUrl: this._serverUrl,
+            cacheParameters: this._cacheParameters,
         };
     };
     return ThreekitConnection;

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

@@ -1,6 +1,6 @@
 import { CachedProduct, LoadProductConfig } from '../../store/product';
 import { IReloadConfig } from '../../store/treble';
-interface HydratedCacheProduct extends Pick<CachedProduct, 'name' | 'label' | 'thumbnail'> {
+interface HydratedCacheProduct extends Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'> {
     selected: boolean;
     handleSelect: () => Promise<void>;
     handleRemove: () => Promise<void>;
@@ -14,6 +14,7 @@ interface UseProductCache {
     cache: Array<HydratedCacheProduct>;
     products: Array<ISelectableProduct>;
     onLoadNewProduct: (config?: string | IReloadConfig) => Promise<void>;
+    onResetProduct: () => Promise<void>;
 }
 declare const useProductCache: () => UseProductCache;
 export default useProductCache;

package/dist/hooks/useProductCache/index.js

@@ -1,4 +1,40 @@
 "use strict";
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var product_1 = require("../../store/product");
 var store_1 = require("../../store");
@@ -9,6 +45,12 @@ var useProductCache = function () {
     var onLoadNewProduct = function (config) {
         return dispatch((0, product_1.loadNewProduct)(config));
     };
+    var onResetProduct = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, dispatch((0, product_1.resetProductConfiguration)())];
+            case 1: return [2, _a.sent()];
+        }
+    }); }); };
     var hydratedCache = cache.map(function (el, i) {
         return Object.assign({}, el, {
             selected: activeProductIdx === i,
@@ -25,6 +67,6 @@ var useProductCache = function () {
             return dispatch((0, product_1.loadProduct)(prod, config));
         },
     }); });
-    return { cache: hydratedCache, products: products, onLoadNewProduct: onLoadNewProduct };
+    return { cache: hydratedCache, products: products, onLoadNewProduct: onLoadNewProduct, onResetProduct: onResetProduct };
 };
 exports.default = useProductCache;

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

@@ -0,0 +1,3 @@
+declare type UseShareHook = undefined | (() => Promise<void>);
+declare const useResetProduct: () => UseShareHook;
+export default useResetProduct;

package/dist/hooks/useResetProduct/index.js

@@ -0,0 +1,55 @@
+"use strict";
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var store_1 = require("../../store");
+var treble_1 = require("../../store/treble");
+var product_1 = require("../../store/product");
+var useResetProduct = function () {
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
+    var dispatch = (0, store_1.useThreekitDispatch)();
+    if (!isLoaded)
+        return undefined;
+    var handleReset = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, dispatch((0, product_1.resetProductConfiguration)())];
+            case 1: return [2, _a.sent()];
+        }
+    }); }); };
+    return handleReset;
+};
+exports.default = useResetProduct;

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

@@ -0,0 +1,93 @@
+import { IWalls, IVerticesState, ICoordinate2D, IFeature, IFeatures, ICoordinatesLine, IRoomBuilderStateProps, IElementAddress, IFeatureName, IVertex, IFeaturesHydrated, IElementUi, IElementName, IActiveElement } 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 _state;
+    constructor(config: IRoomBuilderStateProps);
+    get walls(): IWalls;
+    set walls(walls: IWalls);
+    get wallCount(): number;
+    get wallLines(): ICoordinatesLine[];
+    get vertices(): IVerticesState;
+    set vertices(vertices: IVerticesState);
+    get verticesList(): Array<IVertex>;
+    get features(): IFeatures;
+    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 enclosedSpaces(): ICoordinatesLine[][];
+    private getWall;
+    private addWall;
+    private addWalls;
+    private updateWall;
+    private getWallConnectionCount;
+    private getWallConnectionsHydrated;
+    private getWallDimensions;
+    private getWallDetailedDimensions;
+    private getAllWallDimensions;
+    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(point: ICoordinate2D): undefined | IElementUi;
+    private getPointProximity;
+    private reevaluateFeatureConnections;
+    private pushStateToConfigurator;
+    setAttributesToState(attributes?: Record<string, IHydratedAttribute>): void;
+    deleteAll(): void;
+    private resetInternalState;
+    highlightElementIfInProximity(canvas: HTMLCanvasElement, point: ICoordinate2D): void;
+    startDrawNewWall(startPoint: ICoordinate2D): void;
+    drawNewWall(canvas: HTMLCanvasElement, endPoint: ICoordinate2D): void;
+    finishDrawNewWall(canvas: HTMLCanvasElement, assetId: string): Promise<void>;
+    private moveActiveVertex;
+    private finishMoveActiveVertex;
+    private moveActiveFeature;
+    private finishMoveActiveFeature;
+    selectElementIfInProximity(canvas: HTMLCanvasElement, point: ICoordinate2D): void;
+    moveActiveElement(canvas: HTMLCanvasElement, moveToPoint: ICoordinate2D): void;
+    finishMoveActiveElement(canvas: HTMLCanvasElement): void;
+    drawRoom(canvas: HTMLCanvasElement | null): void;
+}
+export default RoomBuilderState;