@threekit-tools/treble 0.0.49 → 0.0.53

package/dist/components/formComponents.js

@@ -18,7 +18,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var _a, _b, _c;
+var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formComponents = void 0;
 var constants_1 = require("../constants");
@@ -28,6 +28,7 @@ var Strips_1 = __importStar(require("./Strips"));
 var Swatch_1 = __importStar(require("./Swatch"));
 var Tiles_1 = __importStar(require("./Tiles"));
 var TilesGroup_1 = __importStar(require("./TilesGroup"));
+var Upload_1 = __importStar(require("./Upload"));
 exports.formComponents = (_a = {},
     _a[constants_1.ATTRIBUTE_TYPES.asset] = (_b = {},
         //  First option is default
@@ -47,5 +48,8 @@ exports.formComponents = (_a = {},
         _c[Swatch_1.Swatch.componentName] = Swatch_1.default,
         _c[TilesGroup_1.TilesGroup.componentName] = TilesGroup_1.default,
         _c),
+    _a[constants_1.ASSET_TYPES.upload] = (_d = {},
+        _d[Upload_1.Upload.componentName] = Upload_1.default,
+        _d),
     _a);
 exports.default = exports.formComponents;

package/dist/constants.d.ts

@@ -41,6 +41,10 @@ export declare const ATTRIBUTE_TYPES: {
     color: string;
     boolean: string;
 };
+export declare const ASSET_TYPES: {
+    item: string;
+    upload: string;
+};
 export declare const SORT_OPTIONS: {
     ascending: string;
     descending: string;

package/dist/constants.js

@@ -4,7 +4,7 @@
  ****************************************************/
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WISHLIST_LOCALSTORAGE_KEY = exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = exports.ATTRIBUTE_TYPES = exports.DEFAULT_PLAYER_CONFIG = exports.TK_PLAYER_ROOT_DIV = exports.TK_PLAYER_LOADER_DIV = exports.TK_SAVED_CONFIG_PARAM_KEY = exports.TK_PRODUCT_ID_PARAM_KEY = exports.IS_TREBLE_SCRIPTS = exports.FORM_CLASS_NAME = exports.DISPLAY_CLASS_NAME = exports.TOOL_CLASS_NAME = exports.LAYOUT_CLASS_NAME = exports.WIDGET_CLASS_NAME = exports.INPUT_COMPONENT_CLASS_NAME = exports.CLASS_NAME_PREFIX = exports.DEFAULT_CLASS_NAME = void 0;
+exports.WISHLIST_LOCALSTORAGE_KEY = exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = exports.ASSET_TYPES = exports.ATTRIBUTE_TYPES = exports.DEFAULT_PLAYER_CONFIG = exports.TK_PLAYER_ROOT_DIV = exports.TK_PLAYER_LOADER_DIV = exports.TK_SAVED_CONFIG_PARAM_KEY = exports.TK_PRODUCT_ID_PARAM_KEY = exports.IS_TREBLE_SCRIPTS = exports.FORM_CLASS_NAME = exports.DISPLAY_CLASS_NAME = exports.TOOL_CLASS_NAME = exports.LAYOUT_CLASS_NAME = exports.WIDGET_CLASS_NAME = exports.INPUT_COMPONENT_CLASS_NAME = exports.CLASS_NAME_PREFIX = exports.DEFAULT_CLASS_NAME = void 0;
 exports.DEFAULT_CLASS_NAME = 'threekit-react';
 exports.CLASS_NAME_PREFIX = 'tk';
 exports.INPUT_COMPONENT_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-input");
@@ -54,6 +54,10 @@ exports.ATTRIBUTE_TYPES = {
     color: 'Color',
     boolean: 'Boolean',
 };
+exports.ASSET_TYPES = {
+    item: 'item',
+    upload: 'upload',
+};
 exports.SORT_OPTIONS = {
     ascending: 'ascending',
     descending: 'descending',

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

@@ -0,0 +1,2 @@
+export declare type AttributeIdentifier = string | RegExp;
+export declare const useArrayAttribute: (attributeIdentifier: AttributeIdentifier) => string | RegExp | never[];

package/dist/hooks/useArrayAttribute/index.js

@@ -0,0 +1,184 @@
+"use strict";
+// import { useThreekitSelector, useThreekitDispatch } from '../../store';
+// import { getAttributes, setConfiguration } from '../../store/attributes';
+// import { selectionToConfiguration } from '../../utils';
+// import {
+//   IConfigurationColor,
+//   ISetConfiguration,
+//   IThreekitDisplayAttribute,
+// } from '../../threekit';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useArrayAttribute = void 0;
+// export type AttributeValue = string | number | boolean | IConfigurationColor;
+// type UseAttributeError = [undefined, undefined];
+// type UseAttributeSuccess = [
+//   IThreekitDisplayAttribute,
+//   (val: AttributeValue) => void
+// ];
+var useArrayAttribute = function (attributeIdentifier) {
+    if (!attributeIdentifier)
+        return [];
+    return attributeIdentifier;
+};
+exports.useArrayAttribute = useArrayAttribute;
+//  Ordinal Configurator (Psuedo-Array type attribute)
+// export const addItemToArray = (arrayLabel) => (
+//     assetId,
+//     addToIdx = undefined
+//   ) => async (dispatch, getState) => {
+//     if (!assetId?.length) return;
+//     const { threekit } = getState();
+//     const attributesRegExp = new RegExp(`${arrayLabel} [0-9]`);
+//     const arrayAttributes = filterAttributesArray(
+//       attributesRegExp,
+//       threekit.attributes
+//     );
+//     let updateAttrIdx = addToIdx;
+//     let attributeToUpdate;
+//     if (isNaN(updateAttrIdx))
+//       attributeToUpdate = Object.values(arrayAttributes).find((el, idx) => {
+//         if (!el.value.assetId?.length) {
+//           updateAttrIdx = idx;
+//           return true;
+//         }
+//       });
+//     else attributeToUpdate = arrayAttributes[updateAttrIdx];
+//     if (!attributeToUpdate) return message.info('Max items reached');
+//     let error;
+//     const options = Object.values(arrayAttributes)[0].values.reduce(
+//       (output, item) => Object.assign(output, { [item.assetId]: item }),
+//       {}
+//     );
+//     const updatedArray = Object.values(arrayAttributes).reduce(
+//       (output, attr, i) => {
+//         if (i !== updateAttrIdx) output.push(attr);
+//         else output.push({ ...attr, value: { assetId } });
+//         return output;
+//       },
+//       []
+//     );
+//     //  Default Validator
+//     error = arrayValidator(options, updatedArray);
+//     if (error) return message.info(error);
+//     //  Custom Validator
+//     if (MIDDLEWARE.arrayValidation?.[arrayLabel])
+//       error = MIDDLEWARE.arrayValidation?.[arrayLabel](options, updatedArray);
+//     if (error) return message.info(error);
+//     dispatch(setConfiguration({ [attributeToUpdate.name]: { assetId } }));
+//   };
+//   export const deleteItemFromArray = (arrayLabel) => (idx) => async (
+//     dispatch,
+//     getState
+//   ) => {
+//     if (isNaN(idx)) return;
+//     const { threekit } = getState();
+//     const attributesRegExp = new RegExp(`${arrayLabel} [0-9]`);
+//     const arrayAttributes = filterAttributesArray(
+//       attributesRegExp,
+//       threekit.attributes
+//     );
+//     let error;
+//     const options = Object.values(arrayAttributes)[0].values.reduce(
+//       (output, item) => Object.assign(output, { [item.assetId]: item }),
+//       {}
+//     );
+//     const updatedArray = Object.values(arrayAttributes).filter(
+//       (_, i) => i !== idx
+//     );
+//     //  Default Validator
+//     error = arrayValidator(options, updatedArray);
+//     if (error) return message.info(error);
+//     //  Custom Validator
+//     if (MIDDLEWARE.arrayValidation?.[arrayLabel])
+//       error = MIDDLEWARE.arrayValidation?.[arrayLabel](options, updatedArray);
+//     if (error) return message.info(error);
+//     const arrayConfigurationObj = filterAttributesArray(
+//       attributesRegExp,
+//       window.threekit.configurator.getConfiguration()
+//     );
+//     const arrayConfiguration = Object.entries(arrayConfigurationObj);
+//     const updatedConfiguration = arrayConfiguration.reduce(
+//       (output, [attributeName], i) => {
+//         if (i < idx) return output;
+//         if (!arrayConfiguration[i + 1])
+//           return Object.assign(output, { [attributeName]: { assetId: '' } });
+//         return Object.assign(output, {
+//           [attributeName]: arrayConfiguration[i + 1][1],
+//         });
+//       },
+//       {}
+//     );
+//     dispatch(setConfiguration(updatedConfiguration));
+//   };
+//   export const moveItemWithinArray = (arrayLabel) => (
+//   fromIdx,
+//   toIdx,
+//   config
+// ) => async (dispatch, getState) => {
+//   if (isNaN(fromIdx) || isNaN(fromIdx)) return;
+//   const { threekit } = getState();
+//   const { method } = Object.assign({ method: 'move' }, config);
+//   const attributesRegExp =
+//     typeof arrayLabel === 'string'
+//       ? new RegExp(`${arrayLabel} [0-9]`)
+//       : arrayLabel;
+//   const arrayAttributes = filterAttributesArray(
+//     attributesRegExp,
+//     threekit.attributes
+//   );
+//   let error;
+//   const options = Object.values(arrayAttributes)[0].values.reduce(
+//     (output, item) => Object.assign(output, { [item.assetId]: item }),
+//     {}
+//   );
+//   let updatedArray;
+//   switch (method) {
+//     case 'move':
+//       updatedArray = Object.values(arrayAttributes).reduce(
+//         (output, attr, idx, srcArray) => {
+//           if (idx === fromIdx) return output;
+//           output.push(attr);
+//           if (idx === toIdx) output.push(srcArray[fromIdx]);
+//           return output;
+//         },
+//         []
+//       );
+//       break;
+//     default:
+//       break;
+//   }
+//   //  Default Validator
+//   error = arrayValidator(options, updatedArray);
+//   if (error) return message.info(error);
+//   //  Custom Validator
+//   if (MIDDLEWARE.arrayValidation?.[arrayLabel])
+//     error = MIDDLEWARE.arrayValidation?.[arrayLabel](options, updatedArray);
+//   if (error) return message.info(error);
+//   const arrayConfigurationObj = filterAttributesArray(
+//     attributesRegExp,
+//     window.threekit.configurator.getConfiguration()
+//   );
+//   const attributeKeys = Object.keys(arrayConfigurationObj);
+//   const arrayConfiguration = Object.values(arrayConfigurationObj);
+//   let updatedConfiguration;
+//   switch (method) {
+//     case 'move':
+//       updatedConfiguration = arrayConfiguration.reduce(
+//         (output, configuration, idx, srcArray) => {
+//           if (idx === fromIdx) return output;
+//           output = Object.assign(output, {
+//             [attributeKeys.shift()]: configuration,
+//           });
+//           if (idx === toIdx)
+//             output = Object.assign(output, {
+//               [attributeKeys.shift()]: srcArray[fromIdx],
+//             });
+//           return output;
+//         },
+//         {}
+//       );
+//       break;
+//     default:
+//       break;
+//   }
+//   dispatch(setConfiguration(updatedConfiguration));

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

@@ -1,9 +1,9 @@
-import { IConfigurationColor, IThreekitDisplayAttribute } from '../../threekit';
-export declare type AttributeValue = string | number | boolean | IConfigurationColor;
+import { IThreekitDisplayAttribute, IConfigurationColor } from '../../threekit';
+export declare type RawAttributeValue = string | number | boolean | IConfigurationColor | File;
 declare type UseAttributeError = [undefined, undefined];
 declare type UseAttributeSuccess = [
     IThreekitDisplayAttribute,
-    (val: AttributeValue) => void
+    (val: RawAttributeValue) => Promise<void>
 ];
 declare type UseAttributeHook = UseAttributeError | UseAttributeSuccess;
 declare const useAttribute: (attributeName?: string | undefined) => UseAttributeHook;

package/dist/hooks/useAttribute/index.js

@@ -1,25 +1,84 @@
 "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 };
+    }
+};
+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 threekit_1 = require("../../store/threekit");
+var attributes_1 = require("../../store/attributes");
 var utils_1 = require("../../utils");
+var constants_1 = require("../../constants");
+var api_1 = __importDefault(require("../../api"));
 var useAttribute = function (attributeName) {
     if (!attributeName)
         return [undefined, undefined];
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var attributes = (0, store_1.useThreekitSelector)(threekit_1.getAttributes);
+    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getAttributes);
     if (!attributeName || !attributes)
         return [undefined, undefined];
     var attribute = attributes[attributeName];
     if (!attribute)
         return [undefined, undefined];
-    var handleChange = function (value) {
+    var handleChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        var preppedValue, assetId;
         var _a;
-        var preppedValue = (0, utils_1.selectionToConfiguration)(value, attribute.type);
-        dispatch((0, threekit_1.setConfiguration)((_a = {},
-            _a[attributeName] = preppedValue,
-            _a)));
-    };
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(attribute.type === 'Asset' &&
+                        attribute.assetType === constants_1.ASSET_TYPES.upload)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, api_1.default.catalog.uploadAsset(value)];
+                case 1:
+                    assetId = _b.sent();
+                    if (assetId)
+                        preppedValue = (0, utils_1.selectionToConfiguration)(assetId, attribute.type);
+                    return [3 /*break*/, 3];
+                case 2:
+                    preppedValue = (0, utils_1.selectionToConfiguration)(value, attribute.type);
+                    _b.label = 3;
+                case 3:
+                    dispatch((0, attributes_1.setConfiguration)((_a = {},
+                        _a[attributeName] = preppedValue,
+                        _a)));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     return [attribute, handleChange];
 };
 exports.default = useAttribute;

package/dist/hooks/useConfigurator/index.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var threekit_1 = require("../../store/threekit");
+var attributes_1 = require("../../store/attributes");
 var store_1 = require("../../store");
 var useConfigurator = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var attributes = (0, store_1.useThreekitSelector)(threekit_1.getAttributes);
+    var attributes = (0, store_1.useThreekitSelector)(attributes_1.getAttributes);
     if (!attributes)
         return [undefined, undefined];
     var handleChange = function (configuration) {
-        return dispatch((0, threekit_1.setConfiguration)(configuration));
+        return dispatch((0, attributes_1.setConfiguration)(configuration));
     };
     return [attributes, handleChange];
 };

package/dist/hooks/useMetadata/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var product_1 = require("../../store/product");
 var useMetadata = function () {
-    var metadata = (0, store_1.useThreekitSelector)(threekit_1.getMetadata);
+    var metadata = (0, store_1.useThreekitSelector)(product_1.getMetadata);
     return metadata;
 };
 exports.default = useMetadata;

package/dist/hooks/useName/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
-var useName = function () { return (0, store_1.useThreekitSelector)(threekit_1.getName); };
+var product_1 = require("../../store/product");
+var useName = function () { return (0, store_1.useThreekitSelector)(product_1.getName); };
 exports.default = useName;

package/dist/hooks/usePlayerLoadingStatus/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var usePlayerLoadingStatus = function () {
-    return (0, store_1.useThreekitSelector)(threekit_1.isPlayerLoading);
+    return (0, store_1.useThreekitSelector)(treble_1.isPlayerLoading);
 };
 exports.default = usePlayerLoadingStatus;

package/dist/hooks/usePlayerPortal/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var constants_1 = require("../../constants");
 var usePlayerPortal = function () {
     var htmlElements = (0, react_1.useRef)({
@@ -10,7 +10,7 @@ var usePlayerPortal = function () {
         playerLoader: null,
         playerWrapper: null,
     });
-    var playerElementId = (0, react_redux_1.useSelector)(threekit_1.getPlayerElementId);
+    var playerElementId = (0, react_redux_1.useSelector)(treble_1.getPlayerElementId);
     if (!playerElementId)
         return [undefined, undefined];
     var portalPlayerTo = function (toEl) {

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

@@ -1,3 +1,3 @@
-import { IPrice } from '../../store/threekit';
+import { IPrice } from '../../store/price';
 declare const usePrice: () => IPrice | undefined;
 export default usePrice;

package/dist/hooks/usePrice/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
-var usePrice = function () { return (0, store_1.useThreekitSelector)(threekit_1.getPrice); };
+var price_1 = require("../../store/price");
+var usePrice = function () { return (0, store_1.useThreekitSelector)(price_1.getPrice); };
 exports.default = usePrice;

package/dist/hooks/useShare/index.js

@@ -40,11 +40,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var message_1 = __importDefault(require("../../components/message"));
 var utils_1 = require("../../utils");
 var useShare = function () {
-    var isLoaded = (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     if (!isLoaded)
         return undefined;
     var handleShare = function (msg) {

package/dist/hooks/useSnapshot/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var useSnapshot = function (cameras, config) {
-    var isLoaded = (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
     if (!isLoaded)
         return undefined;
     var takeSnapshot = function () {

package/dist/hooks/useThreekitInitStatus/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var store_1 = require("../../store");
-var threekit_1 = require("../../store/threekit");
+var treble_1 = require("../../store/treble");
 var useThreekitInitStatus = function () {
-    return (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
+    return (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
 };
 exports.default = useThreekitInitStatus;

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

@@ -1,7 +1,7 @@
 import { ISaveConfigurationConfig, WishlistArray } from '../../Treble';
 declare type UseWishlistHook = [
     WishlistArray,
-    (config?: ISaveConfigurationConfig) => Promise<void>,
+    (config?: ISaveConfigurationConfig) => void,
     (idx: number) => void,
     (idx: number) => void,
     (idx: number) => void,

package/dist/hooks/useWishlist/index.js

@@ -3,25 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var threekit_1 = require("../../store/threekit");
+var wishlist_1 = require("../../store/wishlist");
+var treble_1 = require("../../store/treble");
 var store_1 = require("../../store");
 var utils_1 = require("../../utils");
 var message_1 = __importDefault(require("../../components/message"));
 var useWishlist = function () {
     var dispatch = (0, store_1.useThreekitDispatch)();
-    var isLoaded = (0, store_1.useThreekitSelector)(threekit_1.isThreekitLoaded);
-    var wishlist = (0, store_1.useThreekitSelector)(threekit_1.getWishlist);
+    var isLoaded = (0, store_1.useThreekitSelector)(treble_1.isThreekitInitialized);
+    var wishlist = (0, store_1.useThreekitSelector)(wishlist_1.getWishlist);
     if (!isLoaded)
         return [undefined, undefined, undefined, undefined, undefined, undefined];
     var handleAddToWishlist = function (config) {
-        return dispatch((0, threekit_1.addToWishlist)(config));
+        return dispatch((0, wishlist_1.addToWishlist)(config));
     };
     var handleRemoveFromWishlist = function (idx) {
-        dispatch((0, threekit_1.removeFromWishlist)(idx));
+        dispatch((0, wishlist_1.removeFromWishlist)(idx));
         message_1.default.info('Item removed from wishlist');
     };
     var handleResumeItem = function (idx) {
-        dispatch((0, threekit_1.resumeFromWishlist)(idx));
+        dispatch((0, wishlist_1.resumeFromWishlist)(idx));
     };
     var handleShareItem = function (idx) {
         var url = (0, utils_1.getResumableUrl)(wishlist[idx].shortId);
@@ -29,7 +30,7 @@ var useWishlist = function () {
         message_1.default.info('Link copied!');
     };
     var handleClearWishlist = function () {
-        dispatch(threekit_1.clearWishlist);
+        dispatch(wishlist_1.clearWishlist);
     };
     return [
         wishlist,

package/dist/http/catalog.d.ts

@@ -1,2 +1,53 @@
-export declare const uploadAsset: (formData: FormData) => Promise<import("axios").AxiosResponse<unknown>>;
-export declare const getJobStatus: (jobId: string) => Promise<import("axios").AxiosResponse<unknown>>;
+export interface IJob {
+    createdAt: string;
+    createdBy: string;
+    duration: null;
+    id: string;
+    orgId: string;
+    parameters: {
+        files: Array<any>;
+        image: string;
+    };
+    priority: number;
+    schedulerState: string | 'active';
+    status: string | 'pending' | 'stopped';
+    taskCount: number;
+    taskProgress: null | number;
+    taskResultFailures: number;
+    taskResultSuccesses: number;
+    taskStatusPending: number;
+    taskStatusRunning: number;
+    taskStatusStopped: number;
+    tasks: Array<any>;
+    timeElapsed: string;
+    timeRemaining: string;
+    title: string;
+    type: string | 'import';
+    updatedAt: string;
+}
+export interface IUploadAsset {
+    name: string;
+    assetId: string;
+}
+export interface IUploadResponse {
+    job: IJob;
+    jobId: string;
+    msg: string;
+}
+export interface IJobResponse {
+    job: IJob;
+    output?: {
+        font: Array<any>;
+        lut: Array<any>;
+        material: Array<any>;
+        model: Array<any>;
+        scene: Array<any>;
+        texture: Array<IUploadAsset>;
+        upload: Array<any>;
+        vector: Array<IUploadAsset>;
+        vfb: Array<any>;
+        video: Array<any>;
+    };
+}
+export declare const uploadAsset: (formData: FormData) => Promise<import("axios").AxiosResponse<IUploadResponse[]>>;
+export declare const getJobStatus: (jobId: string) => Promise<import("axios").AxiosResponse<IJobResponse>>;

package/dist/http/catalog.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getJobStatus = exports.uploadAsset = void 0;
 var request_1 = __importDefault(require("./request"));
-var CONFIGURATIONS_API_ROUTE = "/api/catalog";
+var CATALOG_API_ROUTE = "/api/catalog";
 var uploadAsset = function (formData) {
     var error;
     if (!formData)
@@ -13,7 +13,7 @@ var uploadAsset = function (formData) {
     if (error)
         throw new Error(error);
     return request_1.default.post({
-        url: "".concat(CONFIGURATIONS_API_ROUTE, "/assets/upload"),
+        url: "".concat(CATALOG_API_ROUTE, "/assets/upload"),
         formData: formData,
     });
 };
@@ -24,6 +24,6 @@ var getJobStatus = function (jobId) {
         error = 'Requires a jobId';
     if (error)
         throw new Error(error);
-    return request_1.default.get("".concat(CONFIGURATIONS_API_ROUTE, "/jobs/").concat(jobId));
+    return request_1.default.get("".concat(CATALOG_API_ROUTE, "/jobs/").concat(jobId));
 };
 exports.getJobStatus = getJobStatus;

package/dist/http/index.d.ts

@@ -2,10 +2,12 @@ import * as orders from './orders';
 import * as products from './products';
 import * as configurations from './configurations';
 import * as pricebook from './pricebook';
+import * as catalog from './catalog';
 declare const _default: {
     orders: typeof orders;
     products: typeof products;
     configurations: typeof configurations;
     pricebook: typeof pricebook;
+    catalog: typeof catalog;
 };
 export default _default;

package/dist/http/index.js

@@ -23,9 +23,11 @@ var orders = __importStar(require("./orders"));
 var products = __importStar(require("./products"));
 var configurations = __importStar(require("./configurations"));
 var pricebook = __importStar(require("./pricebook"));
+var catalog = __importStar(require("./catalog"));
 exports.default = {
     orders: orders,
     products: products,
     configurations: configurations,
     pricebook: pricebook,
+    catalog: catalog,
 };