@threekit-tools/treble 0.0.99 → 0.0.100

package/dist/Treble/Treble.d.ts

@@ -22,7 +22,7 @@ declare class Treble {
     _player: IThreekitPrivatePlayer;
     wishlist: IWishlist;
     private _snapshots;
-    takeSnapshots: typeof snapshots['takeSnapshots'];
+    takeSnapshots: (typeof snapshots)['takeSnapshots'];
     _debugMode: boolean;
     constructor({ player, orgId }: ITreble);
     createOrder: (order?: IOrder) => Promise<import("../http/orders").IOrderResponse>;

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

@@ -1,6 +1,3 @@
-import { Session } from '@threekit/analytics';
-declare type UseAnalyticsSessionSuccess = Session;
-declare type UseAnalyticsSessionError = undefined;
-declare type UseAnalyticsSession = UseAnalyticsSessionSuccess | UseAnalyticsSessionError;
+declare type UseAnalyticsSession = undefined;
 declare const useAnalyticsSession: () => UseAnalyticsSession;
 export default useAnalyticsSession;

package/dist/hooks/useAnalyticsSession/index.js

@@ -1,17 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var analytics_1 = require("@threekit/analytics");
-var connection_1 = require("../../connection");
 var useAnalyticsSession = function () {
-    var connection = new connection_1.ThreekitConnection();
-    var auth = {
-        orgId: connection._orgId,
-        host: connection._threekitDomain,
-        publicToken: connection._authToken,
-    };
-    var analyticsSession = (0, analytics_1.getSession)({ auth: auth });
-    if (!analyticsSession)
-        return undefined;
-    return analyticsSession;
+    return undefined;
 };
 exports.default = useAnalyticsSession;

package/dist/hooks/useAttribute/index.js

@@ -35,23 +35,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
 var attributes_1 = require("../../store/attributes");
 var utils_1 = require("../../utils");
 var utils_2 = require("../../utils");
-var useAnalyticsSession_1 = __importDefault(require("../useAnalyticsSession"));
-var rest_api_1 = require("@threekit/rest-api");
 var useAttribute = function (attributeName) {
     var _a;
     if (!attributeName)
         return [undefined, undefined];
     var dispatch = (0, store_1.useThreekitDispatch)();
     var _b = (0, store_1.useThreekitSelector)(attributes_1.getHydrationData), attributes = _b[0], translations = _b[1];
-    var analyticsSession = (0, useAnalyticsSession_1.default)();
     if (!attributeName || !attributes)
         return [undefined, undefined];
     var attribute = attributes[attributeName];
@@ -71,17 +65,6 @@ var useAttribute = function (attributeName) {
                 case 1: return [4, window.threekit.player.uploadImage(value)];
                 case 2:
                     uploadId = _b.sent();
-                    try {
-                        analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.imageUpload({
-                            assetId: window.threekit.player.assetId,
-                            imageUploadId: attributeName,
-                            imageUploadFileId: uploadId,
-                            configuration: window.threekit.configurator.getFullConfiguration(),
-                        });
-                    }
-                    catch (e) {
-                        console.log('v2Analytics: Error reporting imageUpload event:', e);
-                    }
                     if (uploadId)
                         preppedValue = (0, utils_1.selectionToConfiguration)(uploadId, attribute.type);
                     _b.label = 3;
@@ -93,17 +76,6 @@ var useAttribute = function (attributeName) {
                     dispatch((0, attributes_1.setConfiguration)((_a = {},
                         _a[attributeName] = preppedValue,
                         _a)));
-                    try {
-                        analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.optionInteraction({
-                            optionsSetId: attribute.id,
-                            optionId: attribute.name,
-                            interactionType: rest_api_1.OptionInteractionType.Select,
-                            configuration: window.threekit.configurator.getFullConfiguration(),
-                        });
-                    }
-                    catch (e) {
-                        console.log('v2Analytics: Error reporting optionInteraction event:', e);
-                    }
                     return [2];
             }
         });

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

@@ -1,3 +1,4 @@
-declare type UsePlayer = [undefined] | [(node: null | HTMLDivElement) => void];
+/// <reference types="react" />
+declare type UsePlayer = [React.RefCallback<HTMLDivElement>];
 declare const usePlayer: () => UsePlayer;
 export default usePlayer;

package/dist/hooks/usePlayer/index.js

@@ -2,37 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
-var treble_1 = require("../../store/treble");
 var constants_1 = require("../../constants");
+var treble_1 = require("../../store/treble");
 var usePlayer = function () {
-    var playerElRef = (0, react_1.useRef)(null);
-    var playerLoaderRef = (0, react_1.useRef)(null);
-    var playerWrapperRef = (0, react_1.useRef)(null);
     var playerElementId = (0, react_redux_1.useSelector)(treble_1.getPlayerElementId);
+    var playerWrapperRef = (0, react_1.useRef)(null);
+    var playerElRef = (0, react_1.useRef)(null);
     var playerRef = (0, react_1.useCallback)(function (node) {
-        var _a;
-        if (node !== null) {
-            playerWrapperRef.current = node;
-            if (!playerElementId)
-                return;
-            playerElRef.current = document.getElementById(playerElementId);
-            (_a = playerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(playerElRef.current);
+        if (node == null || !playerElementId)
             return;
-        }
+        var playerNode = document.getElementById(playerElementId);
+        if (playerNode == null)
+            return;
+        playerWrapperRef.current = node;
+        playerElRef.current = playerNode;
+        node.appendChild(playerNode);
     }, [playerElementId]);
-    (0, react_1.useEffect)(function () { return function () {
-        if (!playerElRef.current)
+    (0, react_1.useLayoutEffect)(function () { return function () {
+        var node = playerWrapperRef.current;
+        var playerNode = playerElRef.current;
+        if (node == null || playerNode == null)
+            return;
+        var stillOwnsPlayer = node.contains(playerNode);
+        if (!stillOwnsPlayer)
             return;
-        if (!playerLoaderRef.current)
-            playerLoaderRef.current = document.getElementById(constants_1.TK_PLAYER_LOADER_DIV);
-        if (!playerElRef.current)
-            throw new Error('Move from element not found');
-        if (!playerLoaderRef.current)
+        var loader = document.getElementById(constants_1.TK_PLAYER_LOADER_DIV);
+        if (!loader)
             throw new Error('Player Loader element not found');
-        playerLoaderRef.current.appendChild(playerElRef.current);
+        loader.appendChild(playerNode);
     }; }, []);
-    if (!playerElementId)
-        return [undefined];
     return [playerRef];
 };
 exports.default = usePlayer;

package/dist/hooks/useShare/index.js

@@ -43,13 +43,10 @@ var store_1 = require("../../store");
 var treble_1 = require("../../store/treble");
 var message_1 = __importDefault(require("../../components/message"));
 var utils_1 = require("../../utils");
-var useAnalyticsSession_1 = __importDefault(require("../useAnalyticsSession"));
-var rest_api_1 = require("@threekit/rest-api");
 var useShare = function () {
     var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     if (!isLoaded)
         return undefined;
-    var analyticsSession = (0, useAnalyticsSession_1.default)();
     var handleShare = function (msg) {
         if (msg === void 0) { msg = 'Link copied'; }
         return __awaiter(void 0, void 0, void 0, function () {
@@ -66,18 +63,6 @@ var useShare = function () {
                         (0, utils_1.copyToClipboard)(configuration.resumableUrl);
                         if (msg === null || msg === void 0 ? void 0 : msg.length)
                             message_1.default.info(msg);
-                        try {
-                            analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.share({
-                                shareLink: configuration.resumableUrl,
-                                shareType: rest_api_1.ShareType.Share,
-                                assetId: window.threekit.player.assetId,
-                                configurationId: configuration.id,
-                                configuration: window.threekit.configurator.getFullConfiguration(),
-                            });
-                        }
-                        catch (e) {
-                            console.log('v2Analytics: Error reporting share event.');
-                        }
                         return [2, Promise.resolve((configuration === null || configuration === void 0 ? void 0 : configuration.resumableUrl) || undefined)];
                 }
             });

package/dist/icons/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface IIconProps {
     color?: string;
 }

package/dist/utils.d.ts

@@ -48,8 +48,6 @@ export declare const downloadSnapshot: (snapshot: string, filename: string) => P
 export declare const copyToClipboard: (data: string | Record<string, string | number | boolean>) => void;
 export declare const easeInOutCubic: (val: number) => number;
 export declare const metadataValueToObject: (data: string) => Record<string, string | number>;
-export declare const recordOptionsShowAnalytics: (attributes: Record<string, IThreekitDisplayAttribute>) => void;
-export declare const recordOptionInteractionAnalytics: (attribute: IThreekitDisplayAttribute, chosenAttribute: string, configuration?: IConfiguration) => void;
 export declare const hydrateAttribute: (data: [Record<string, IThreekitDisplayAttribute>, ITranslationsMap], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>, configuration?: IConfiguration) => Record<string, IHydratedAttribute>;
 export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: ATTRIBUTE_TYPES) => string | number | boolean | File | IConfigurationColor | {
     assetId: RawAttributeValue;

package/dist/utils.js

@@ -44,15 +44,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadTrebleConfig = exports.runDebugger = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.hydrateAttribute = exports.recordOptionInteractionAnalytics = exports.recordOptionsShowAnalytics = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.isIOS = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
+exports.loadTrebleConfig = exports.runDebugger = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.hydrateAttribute = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.isIOS = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
 var constants_1 = require("./constants");
 var types_1 = require("./types");
-var useAnalyticsSession_1 = __importDefault(require("./hooks/useAnalyticsSession"));
-var rest_api_1 = require("@threekit/rest-api");
 var generateClassName = function (baseClass) {
     return function (component, customClassName, title) {
         var result = "".concat(baseClass, "-").concat(component);
@@ -308,65 +303,10 @@ var metadataValueToObject = function (data) {
     }, {});
 };
 exports.metadataValueToObject = metadataValueToObject;
-var recordOptionsShowAnalytics = function (attributes) {
-    var analyticsSession = (0, useAnalyticsSession_1.default)();
-    Object.values(attributes).forEach(function (attribute) {
-        if ((attribute.type === 'String' || attribute.type === 'Asset') &&
-            attribute.values.length) {
-            analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.optionsShow({
-                optionsSetId: attribute.id,
-                optionsSetName: attribute.name,
-                options: attribute.values,
-                optionsType: attribute.type === 'Asset' ? rest_api_1.OptionsType.Asset : rest_api_1.OptionsType.Value,
-            });
-        }
-    });
-};
-exports.recordOptionsShowAnalytics = recordOptionsShowAnalytics;
-var recordOptionInteractionAnalytics = function (attribute, chosenAttribute, configuration) {
-    var analyticsSession = (0, useAnalyticsSession_1.default)();
-    var castedConfiguration = configuration;
-    var id = attribute.type === 'Asset' ? attribute.value.assetId : attribute.id;
-    if (attribute.type === 'String') {
-        if (attribute.values.length > 0) {
-            analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.optionInteraction({
-                optionsSetId: id,
-                optionId: chosenAttribute,
-                interactionType: rest_api_1.OptionInteractionType.Select,
-                configuration: castedConfiguration,
-            });
-        }
-        else {
-            analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.personalizeText({
-                assetId: id,
-                configuration: castedConfiguration,
-                personalizeId: attribute.id,
-                personalizedText: attribute.value,
-            });
-        }
-    }
-    if (attribute.type === 'Asset' || attribute.type === 'Color') {
-        analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.optionInteraction({
-            optionsSetId: id,
-            optionId: chosenAttribute,
-            interactionType: rest_api_1.OptionInteractionType.Select,
-            configuration: castedConfiguration,
-        });
-    }
-    if (attribute.type === 'Number') {
-        analyticsSession === null || analyticsSession === void 0 ? void 0 : analyticsSession.parametricValue({
-            parametricId: id,
-            parametricValue: attribute.value,
-            configuration: castedConfiguration,
-        });
-    }
-};
-exports.recordOptionInteractionAnalytics = recordOptionInteractionAnalytics;
 var hydrateAttribute = function (data, optionSelectionHandler, configuration) {
     var _a, _b;
     var attributes = data[0], translations = data[1];
     var resolvedConfig = configuration !== null && configuration !== void 0 ? configuration : (_b = (_a = window.threekit) === null || _a === void 0 ? void 0 : _a.configurator) === null || _b === void 0 ? void 0 : _b.getResolvedConfiguration();
-    (0, exports.recordOptionsShowAnalytics)(attributes);
     return Object.values(attributes).reduce(function (output, attribute) {
         var _a;
         var _b;
@@ -381,7 +321,6 @@ var hydrateAttribute = function (data, optionSelectionHandler, configuration) {
                             label: (_a = translations[el.label]) !== null && _a !== void 0 ? _a : el.label,
                             handleSelect: function () {
                                 var _a;
-                                (0, exports.recordOptionInteractionAnalytics)(attribute, attribute.value, configuration);
                                 optionSelectionHandler((_a = {},
                                     _a[attribute.name] = el.value,
                                     _a));
@@ -398,7 +337,6 @@ var hydrateAttribute = function (data, optionSelectionHandler, configuration) {
                                 label: (_a = translations[el.name]) !== null && _a !== void 0 ? _a : el.name,
                                 handleSelect: function () {
                                     var _a;
-                                    (0, exports.recordOptionInteractionAnalytics)(attribute, attribute.label, configuration);
                                     optionSelectionHandler((_a = {},
                                         _a[attribute.name] = { assetId: el.assetId },
                                         _a));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.99",
+  "version": "0.0.100",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
@@ -82,10 +82,8 @@
     "typescript": ">=4.4.4"
   },
   "peerDependencies": {
-    "@threekit/analytics": "0.2.13",
-    "@threekit/rest-api": ">=0.2.2",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   },
   "gitHead": "2e16bcf98f81e16bb1768072fdb3968122e7966f"
-}
+}