@threekit-tools/treble 0.0.82 → 0.0.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Treble/Treble.d.ts +9 -3
- package/dist/Treble/Treble.js +40 -11
- package/dist/Treble/index.d.ts +2 -2
- package/dist/Treble/index.js +2 -2
- package/dist/Treble/{Snapshots.d.ts → snapshots.d.ts} +4 -9
- package/dist/Treble/snapshots.js +247 -0
- package/dist/Treble/{Wishlist.d.ts → wishlist.d.ts} +2 -6
- package/dist/Treble/wishlist.js +135 -0
- package/dist/api/catalog.js +6 -6
- package/dist/api/configurations.js +3 -3
- package/dist/api/datatables.js +5 -5
- package/dist/api/orders.d.ts +5 -7
- package/dist/api/orders.js +12 -12
- package/dist/api/price.js +2 -2
- package/dist/api/products.js +2 -2
- package/dist/components/Accordion/index.js +1 -6
- package/dist/components/AttributeTitle/index.d.ts +0 -9
- package/dist/components/AttributeTitle/index.js +0 -9
- package/dist/components/AttributeValue/index.d.ts +0 -6
- package/dist/components/AttributeValue/index.js +2 -8
- package/dist/components/Button/index.d.ts +0 -27
- package/dist/components/Button/index.js +0 -27
- package/dist/components/Cards/index.d.ts +2 -55
- package/dist/components/Cards/index.js +3 -60
- package/dist/components/Drawer/index.js +0 -13
- package/dist/components/Dropdown/index.d.ts +2 -59
- package/dist/components/Dropdown/index.js +4 -69
- package/dist/components/FlatForm/index.d.ts +0 -21
- package/dist/components/FlatForm/index.js +5 -24
- package/dist/components/Modal/index.js +0 -13
- package/dist/components/Player/index.d.ts +1 -1
- package/dist/components/PortalToElement/index.js +0 -8
- package/dist/components/ProductDescription/index.d.ts +0 -6
- package/dist/components/ProductDescription/index.js +0 -6
- package/dist/components/ProductName/index.d.ts +0 -9
- package/dist/components/ProductName/index.js +0 -9
- package/dist/components/Share/index.d.ts +2 -12
- package/dist/components/Share/index.js +139 -21
- package/dist/components/Share/share.styles.d.ts +9 -0
- package/dist/components/Share/share.styles.js +23 -0
- package/dist/components/Snapshots/index.d.ts +0 -8
- package/dist/components/Snapshots/index.js +0 -8
- package/dist/components/Strips/index.d.ts +2 -55
- package/dist/components/Strips/index.js +3 -60
- package/dist/components/Swatch/index.d.ts +2 -64
- package/dist/components/Swatch/index.js +3 -69
- package/dist/components/Switch/index.d.ts +2 -34
- package/dist/components/Switch/index.js +2 -38
- package/dist/components/TextInput/index.d.ts +2 -1
- package/dist/components/TextInput/index.js +2 -3
- package/dist/components/Tiles/index.d.ts +2 -29
- package/dist/components/Tiles/index.js +3 -33
- package/dist/components/TilesGroup/index.d.ts +2 -26
- package/dist/components/TilesGroup/index.js +3 -30
- package/dist/components/TotalPrice/index.d.ts +0 -6
- package/dist/components/TotalPrice/index.js +0 -6
- package/dist/components/Upload/index.d.ts +2 -1
- package/dist/components/Upload/index.js +7 -8
- package/dist/components/UploadArea/index.d.ts +2 -1
- package/dist/components/UploadArea/index.js +6 -7
- package/dist/components/Wishlist/index.d.ts +1 -4
- package/dist/components/Wishlist/index.js +2 -5
- package/dist/components/Zoom/index.d.ts +1 -18
- package/dist/components/Zoom/index.js +0 -17
- package/dist/components/formComponents.d.ts +12 -0
- package/dist/components/formComponents.js +5 -7
- package/dist/components/message/index.d.ts +0 -9
- package/dist/components/message/index.js +0 -9
- package/dist/connection.js +2 -2
- package/dist/constants.d.ts +0 -49
- package/dist/constants.js +1 -59
- package/dist/hooks/useAttribute/index.js +6 -6
- package/dist/hooks/useConfigurationLoader/index.js +5 -5
- package/dist/hooks/useNestedConfigurator/index.js +2 -2
- package/dist/hooks/useShare/index.js +3 -3
- package/dist/hooks/useSingleAnimation/index.js +20 -25
- package/dist/http/datatables.js +0 -1
- package/dist/http/orders.d.ts +6 -8
- package/dist/icons/index.d.ts +0 -41
- package/dist/icons/index.js +0 -42
- package/dist/index.d.ts +42 -3
- package/dist/index.js +84 -30
- package/dist/store/attributes.d.ts +0 -12
- package/dist/store/attributes.js +2 -15
- package/dist/store/price.d.ts +0 -12
- package/dist/store/price.js +2 -16
- package/dist/store/product.d.ts +2 -17
- package/dist/store/product.js +26 -38
- package/dist/store/translations.d.ts +0 -12
- package/dist/store/translations.js +2 -12
- package/dist/store/treble.d.ts +0 -15
- package/dist/store/treble.js +31 -66
- package/dist/store/wishlist.d.ts +0 -12
- package/dist/store/wishlist.js +4 -17
- package/dist/types.d.ts +71 -58
- package/dist/types.js +54 -0
- package/dist/utils.d.ts +2 -2
- package/dist/utils.js +8 -16
- package/package.json +18 -4
- package/dist/Treble/Snapshots.js +0 -251
- package/dist/Treble/Wishlist.js +0 -136
package/dist/constants.d.ts
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
/*****************************************************
|
|
2
|
-
* Treble Config
|
|
3
|
-
****************************************************/
|
|
4
1
|
export declare const TREBLE_DEBUG: boolean;
|
|
5
2
|
export declare const DEFAULT_CLASS_NAME = "threekit-react";
|
|
6
3
|
export declare const CLASS_NAME_PREFIX = "tk";
|
|
@@ -11,17 +8,8 @@ export declare const TOOL_CLASS_NAME: string;
|
|
|
11
8
|
export declare const DISPLAY_CLASS_NAME: string;
|
|
12
9
|
export declare const FORM_CLASS_NAME: string;
|
|
13
10
|
export declare const IS_TREBLE_SCRIPTS: boolean;
|
|
14
|
-
/*****************************************************
|
|
15
|
-
* Treble Products Workflow
|
|
16
|
-
****************************************************/
|
|
17
11
|
export declare const TK_PRODUCT_ID_PARAM_KEY = "tkProduct";
|
|
18
|
-
/*****************************************************
|
|
19
|
-
* Saved Configuration Workflow
|
|
20
|
-
****************************************************/
|
|
21
12
|
export declare const TK_SAVED_CONFIG_PARAM_KEY = "tkConfigId";
|
|
22
|
-
/*****************************************************
|
|
23
|
-
* Threekit Player Initialization Defaults
|
|
24
|
-
****************************************************/
|
|
25
13
|
export declare const TK_PLAYER_LOADER_DIV = "tk-ply-loader";
|
|
26
14
|
export declare const TK_PLAYER_ROOT_DIV = "tk-ply-root";
|
|
27
15
|
export declare const DEFAULT_PLAYER_CONFIG: {
|
|
@@ -32,20 +20,6 @@ export declare const DEFAULT_PLAYER_CONFIG: {
|
|
|
32
20
|
showShare: boolean;
|
|
33
21
|
allowMobileVerticalOrbit: boolean;
|
|
34
22
|
};
|
|
35
|
-
/*****************************************************
|
|
36
|
-
* Attributes
|
|
37
|
-
****************************************************/
|
|
38
|
-
export declare const ATTRIBUTE_TYPES: {
|
|
39
|
-
asset: string;
|
|
40
|
-
string: string;
|
|
41
|
-
number: string;
|
|
42
|
-
color: string;
|
|
43
|
-
boolean: string;
|
|
44
|
-
};
|
|
45
|
-
export declare const ASSET_TYPES: {
|
|
46
|
-
item: string;
|
|
47
|
-
upload: string;
|
|
48
|
-
};
|
|
49
23
|
export declare const SORT_OPTIONS: {
|
|
50
24
|
ascending: string;
|
|
51
25
|
descending: string;
|
|
@@ -53,9 +27,6 @@ export declare const SORT_OPTIONS: {
|
|
|
53
27
|
export declare const ATTRIBUTES_RESERVED: {
|
|
54
28
|
camera: string;
|
|
55
29
|
};
|
|
56
|
-
/*****************************************************
|
|
57
|
-
* Reserved Catalog Item Metadata Properties
|
|
58
|
-
****************************************************/
|
|
59
30
|
export declare const METADATA_RESERVED: {
|
|
60
31
|
description: string;
|
|
61
32
|
thumbnail: string;
|
|
@@ -67,27 +38,7 @@ export declare const METADATA_RESERVED: {
|
|
|
67
38
|
rotate: string;
|
|
68
39
|
scale: string;
|
|
69
40
|
};
|
|
70
|
-
/*****************************************************
|
|
71
|
-
* Snapshot
|
|
72
|
-
****************************************************/
|
|
73
|
-
export declare const SNAPSHOT_FORMATS: {
|
|
74
|
-
png: string;
|
|
75
|
-
jpeg: string;
|
|
76
|
-
};
|
|
77
|
-
export declare const SNAPSHOT_OUTPUTS: {
|
|
78
|
-
url: string;
|
|
79
|
-
download: string;
|
|
80
|
-
dataUrl: string;
|
|
81
|
-
blob: string;
|
|
82
|
-
file: string;
|
|
83
|
-
};
|
|
84
|
-
/*****************************************************
|
|
85
|
-
* Wishlist
|
|
86
|
-
****************************************************/
|
|
87
41
|
export declare const WISHLIST_LOCALSTORAGE_KEY = "tk_wishlist";
|
|
88
|
-
/*****************************************************
|
|
89
|
-
* Datatables
|
|
90
|
-
****************************************************/
|
|
91
42
|
export declare const DATATABLE_FORMATS: {
|
|
92
43
|
csv: string;
|
|
93
44
|
json: string;
|
package/dist/constants.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
/*****************************************************
|
|
3
|
-
* Treble Config
|
|
4
|
-
****************************************************/
|
|
5
2
|
var _a;
|
|
6
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.DATATABLE_FORMATS = exports.WISHLIST_LOCALSTORAGE_KEY = exports.
|
|
4
|
+
exports.DATATABLE_FORMATS = exports.WISHLIST_LOCALSTORAGE_KEY = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = 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 = exports.TREBLE_DEBUG = void 0;
|
|
8
5
|
exports.TREBLE_DEBUG = !!process.env.TREBLE_DEBUG;
|
|
9
6
|
exports.DEFAULT_CLASS_NAME = 'threekit-react';
|
|
10
7
|
exports.CLASS_NAME_PREFIX = 'tk';
|
|
@@ -15,49 +12,17 @@ exports.TOOL_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(expo
|
|
|
15
12
|
exports.DISPLAY_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-display");
|
|
16
13
|
exports.FORM_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-form");
|
|
17
14
|
exports.IS_TREBLE_SCRIPTS = ((_a = process.env.TREBLE_SCRIPTS) === null || _a === void 0 ? void 0 : _a.toString()) === 'true';
|
|
18
|
-
/*****************************************************
|
|
19
|
-
* Treble Products Workflow
|
|
20
|
-
****************************************************/
|
|
21
15
|
exports.TK_PRODUCT_ID_PARAM_KEY = 'tkProduct';
|
|
22
|
-
/*****************************************************
|
|
23
|
-
* Saved Configuration Workflow
|
|
24
|
-
****************************************************/
|
|
25
16
|
exports.TK_SAVED_CONFIG_PARAM_KEY = 'tkConfigId';
|
|
26
|
-
/*****************************************************
|
|
27
|
-
* Threekit Player Initialization Defaults
|
|
28
|
-
****************************************************/
|
|
29
17
|
exports.TK_PLAYER_LOADER_DIV = 'tk-ply-loader';
|
|
30
18
|
exports.TK_PLAYER_ROOT_DIV = 'tk-ply-root';
|
|
31
19
|
exports.DEFAULT_PLAYER_CONFIG = {
|
|
32
|
-
// authToken: undefined,
|
|
33
|
-
// elementId: undefined,
|
|
34
|
-
// cache: undefined,
|
|
35
|
-
// stageId: undefined,
|
|
36
|
-
// assetId: undefined,
|
|
37
20
|
showConfigurator: false,
|
|
38
|
-
// initialConfiguration: undefined,
|
|
39
21
|
showLoadingThumbnail: false,
|
|
40
22
|
showLoadingProgress: true,
|
|
41
|
-
// onLoadingProgress: undefined,
|
|
42
23
|
showAR: false,
|
|
43
24
|
showShare: false,
|
|
44
|
-
// locale: undefined,
|
|
45
25
|
allowMobileVerticalOrbit: false,
|
|
46
|
-
// publishStage: undefined,
|
|
47
|
-
};
|
|
48
|
-
/*****************************************************
|
|
49
|
-
* Attributes
|
|
50
|
-
****************************************************/
|
|
51
|
-
exports.ATTRIBUTE_TYPES = {
|
|
52
|
-
asset: 'Asset',
|
|
53
|
-
string: 'String',
|
|
54
|
-
number: 'Number',
|
|
55
|
-
color: 'Color',
|
|
56
|
-
boolean: 'Boolean',
|
|
57
|
-
};
|
|
58
|
-
exports.ASSET_TYPES = {
|
|
59
|
-
item: 'item',
|
|
60
|
-
upload: 'upload',
|
|
61
26
|
};
|
|
62
27
|
exports.SORT_OPTIONS = {
|
|
63
28
|
ascending: 'ascending',
|
|
@@ -66,9 +31,6 @@ exports.SORT_OPTIONS = {
|
|
|
66
31
|
exports.ATTRIBUTES_RESERVED = {
|
|
67
32
|
camera: '_camera',
|
|
68
33
|
};
|
|
69
|
-
/*****************************************************
|
|
70
|
-
* Reserved Catalog Item Metadata Properties
|
|
71
|
-
****************************************************/
|
|
72
34
|
exports.METADATA_RESERVED = {
|
|
73
35
|
description: '_description',
|
|
74
36
|
thumbnail: '_thumbnail',
|
|
@@ -80,27 +42,7 @@ exports.METADATA_RESERVED = {
|
|
|
80
42
|
rotate: '_rotate',
|
|
81
43
|
scale: '_scale',
|
|
82
44
|
};
|
|
83
|
-
/*****************************************************
|
|
84
|
-
* Snapshot
|
|
85
|
-
****************************************************/
|
|
86
|
-
exports.SNAPSHOT_FORMATS = {
|
|
87
|
-
png: 'png',
|
|
88
|
-
jpeg: 'jpeg',
|
|
89
|
-
};
|
|
90
|
-
exports.SNAPSHOT_OUTPUTS = {
|
|
91
|
-
url: 'url',
|
|
92
|
-
download: 'download',
|
|
93
|
-
dataUrl: 'dataUrl',
|
|
94
|
-
blob: 'blob',
|
|
95
|
-
file: 'file',
|
|
96
|
-
};
|
|
97
|
-
/*****************************************************
|
|
98
|
-
* Wishlist
|
|
99
|
-
****************************************************/
|
|
100
45
|
exports.WISHLIST_LOCALSTORAGE_KEY = 'tk_wishlist';
|
|
101
|
-
/*****************************************************
|
|
102
|
-
* Datatables
|
|
103
|
-
****************************************************/
|
|
104
46
|
exports.DATATABLE_FORMATS = {
|
|
105
47
|
csv: 'csv',
|
|
106
48
|
json: 'json',
|
|
@@ -62,17 +62,17 @@ var useAttribute = function (attributeName) {
|
|
|
62
62
|
return __generator(this, function (_b) {
|
|
63
63
|
switch (_b.label) {
|
|
64
64
|
case 0:
|
|
65
|
-
if (!(attribute.type === 'Asset' && attribute.assetType === 'upload')) return [3
|
|
66
|
-
if (!!value) return [3
|
|
65
|
+
if (!(attribute.type === 'Asset' && attribute.assetType === 'upload')) return [3, 4];
|
|
66
|
+
if (!!value) return [3, 1];
|
|
67
67
|
preppedValue = (0, utils_1.selectionToConfiguration)('', attribute.type);
|
|
68
|
-
return [3
|
|
69
|
-
case 1: return [4
|
|
68
|
+
return [3, 3];
|
|
69
|
+
case 1: return [4, api_1.default.catalog.uploadAsset(value)];
|
|
70
70
|
case 2:
|
|
71
71
|
assetId = _b.sent();
|
|
72
72
|
if (assetId)
|
|
73
73
|
preppedValue = (0, utils_1.selectionToConfiguration)(assetId, attribute.type);
|
|
74
74
|
_b.label = 3;
|
|
75
|
-
case 3: return [3
|
|
75
|
+
case 3: return [3, 5];
|
|
76
76
|
case 4:
|
|
77
77
|
preppedValue = (0, utils_1.selectionToConfiguration)(value, attribute.type);
|
|
78
78
|
_b.label = 5;
|
|
@@ -80,7 +80,7 @@ var useAttribute = function (attributeName) {
|
|
|
80
80
|
dispatch((0, attributes_1.setConfiguration)((_a = {},
|
|
81
81
|
_a[attributeName] = preppedValue,
|
|
82
82
|
_a)));
|
|
83
|
-
return [2
|
|
83
|
+
return [2];
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
86
|
}); };
|
|
@@ -50,16 +50,16 @@ var useConfigurationLoader = function () {
|
|
|
50
50
|
switch (_a.label) {
|
|
51
51
|
case 0:
|
|
52
52
|
if (!configurationId)
|
|
53
|
-
return [2
|
|
54
|
-
return [4
|
|
53
|
+
return [2];
|
|
54
|
+
return [4, api_1.default.configurations.fetch(configurationId)];
|
|
55
55
|
case 1:
|
|
56
56
|
configuration = _a.sent();
|
|
57
57
|
if (!configuration)
|
|
58
|
-
return [2
|
|
59
|
-
return [4
|
|
58
|
+
return [2];
|
|
59
|
+
return [4, dispatch((0, attributes_1.setConfiguration)(configuration.data.variant))];
|
|
60
60
|
case 2:
|
|
61
61
|
_a.sent();
|
|
62
|
-
return [2
|
|
62
|
+
return [2, Promise.resolve()];
|
|
63
63
|
}
|
|
64
64
|
});
|
|
65
65
|
}); };
|
|
@@ -75,14 +75,14 @@ var useNestedConfigurator = function (address) {
|
|
|
75
75
|
switch (_c.label) {
|
|
76
76
|
case 0:
|
|
77
77
|
dispatch((0, treble_1.setPlayerLoading)(true));
|
|
78
|
-
return [4
|
|
78
|
+
return [4, ((_a = configurator.current) === null || _a === void 0 ? void 0 : _a.setConfiguration(config))];
|
|
79
79
|
case 1:
|
|
80
80
|
_c.sent();
|
|
81
81
|
dispatch((0, treble_1.setPlayerLoading)(false));
|
|
82
82
|
updatedAttrs = (_b = configurator.current) === null || _b === void 0 ? void 0 : _b.getDisplayAttributes();
|
|
83
83
|
if (updatedAttrs)
|
|
84
84
|
setAttributes(updatedAttrs);
|
|
85
|
-
return [2
|
|
85
|
+
return [2];
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
88
|
}); };
|
|
@@ -53,15 +53,15 @@ var useShare = function () {
|
|
|
53
53
|
var configuration;
|
|
54
54
|
return __generator(this, function (_a) {
|
|
55
55
|
switch (_a.label) {
|
|
56
|
-
case 0: return [4
|
|
56
|
+
case 0: return [4, window.threekit.treble.saveConfiguration()];
|
|
57
57
|
case 1:
|
|
58
58
|
configuration = _a.sent();
|
|
59
59
|
if (!configuration)
|
|
60
|
-
return [2
|
|
60
|
+
return [2, Promise.resolve(undefined)];
|
|
61
61
|
(0, utils_1.copyToClipboard)(configuration.resumableUrl);
|
|
62
62
|
if (msg === null || msg === void 0 ? void 0 : msg.length)
|
|
63
63
|
message_1.default.info(msg);
|
|
64
|
-
return [2
|
|
64
|
+
return [2, Promise.resolve((configuration === null || configuration === void 0 ? void 0 : configuration.resumableUrl) || undefined)];
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
67
|
});
|
|
@@ -53,6 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
53
53
|
var react_1 = require("react");
|
|
54
54
|
var useThreekitInitStatus_1 = __importDefault(require("../useThreekitInitStatus"));
|
|
55
55
|
var utils_1 = require("../../utils");
|
|
56
|
+
var types_1 = require("../../types");
|
|
56
57
|
var prepAnimateConfig = function (config) {
|
|
57
58
|
return new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
|
|
58
59
|
var totalDuration, player, assetId, nodesRaw, nodes;
|
|
@@ -60,10 +61,10 @@ var prepAnimateConfig = function (config) {
|
|
|
60
61
|
switch (_a.label) {
|
|
61
62
|
case 0:
|
|
62
63
|
totalDuration = config.duration * 1000 || 0;
|
|
63
|
-
player = window.threekit.player.enableApi(
|
|
64
|
-
return [4
|
|
64
|
+
player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
|
|
65
|
+
return [4, player.getAssetInstance(window.threekit.player.scene.find({
|
|
65
66
|
id: window.threekit.player.instanceId,
|
|
66
|
-
plug:
|
|
67
|
+
plug: types_1.PLUG_TYPES.PROXY,
|
|
67
68
|
property: 'asset',
|
|
68
69
|
}))];
|
|
69
70
|
case 1:
|
|
@@ -81,8 +82,8 @@ var prepAnimateConfig = function (config) {
|
|
|
81
82
|
window.threekit.player.scene.get({
|
|
82
83
|
from: assetId,
|
|
83
84
|
id: nodeId,
|
|
84
|
-
plug:
|
|
85
|
-
property:
|
|
85
|
+
plug: types_1.PLUG_TYPES.TRANSFORM,
|
|
86
|
+
property: types_1.TRANSFORM_PROPERTY_TYPES.TRANSLATION,
|
|
86
87
|
}),
|
|
87
88
|
Object.assign({ x: 0, y: 0, z: 0 }, nodeData.translation),
|
|
88
89
|
],
|
|
@@ -93,8 +94,8 @@ var prepAnimateConfig = function (config) {
|
|
|
93
94
|
window.threekit.player.scene.get({
|
|
94
95
|
from: assetId,
|
|
95
96
|
id: nodeId,
|
|
96
|
-
plug:
|
|
97
|
-
property:
|
|
97
|
+
plug: types_1.PLUG_TYPES.TRANSFORM,
|
|
98
|
+
property: types_1.TRANSFORM_PROPERTY_TYPES.ROTATION,
|
|
98
99
|
}),
|
|
99
100
|
Object.assign({ x: 0, y: 0, z: 0 }, nodeData.rotation),
|
|
100
101
|
],
|
|
@@ -105,8 +106,8 @@ var prepAnimateConfig = function (config) {
|
|
|
105
106
|
window.threekit.player.scene.get({
|
|
106
107
|
from: assetId,
|
|
107
108
|
id: nodeId,
|
|
108
|
-
plug:
|
|
109
|
-
property:
|
|
109
|
+
plug: types_1.PLUG_TYPES.TRANSFORM,
|
|
110
|
+
property: types_1.TRANSFORM_PROPERTY_TYPES.SCALE,
|
|
110
111
|
}),
|
|
111
112
|
Object.assign({ x: 0, y: 0, z: 0 }, nodeData.scale),
|
|
112
113
|
],
|
|
@@ -129,7 +130,7 @@ var prepAnimateConfig = function (config) {
|
|
|
129
130
|
_b));
|
|
130
131
|
}, {});
|
|
131
132
|
resolve([assetId, totalDuration, nodes]);
|
|
132
|
-
return [2
|
|
133
|
+
return [2];
|
|
133
134
|
}
|
|
134
135
|
});
|
|
135
136
|
}); });
|
|
@@ -147,25 +148,19 @@ var useAnimation = function (animationConfig) {
|
|
|
147
148
|
if (!isLoaded)
|
|
148
149
|
return [undefined, undefined];
|
|
149
150
|
var animateFrame = function (timestamp) {
|
|
150
|
-
// if (startTime.current === undefined) startTime.current = timestamp;
|
|
151
|
-
// const elapsed = timestamp - startTime.current;
|
|
152
151
|
if (ref.current.startTime === undefined)
|
|
153
152
|
ref.current.startTime = timestamp;
|
|
154
153
|
var elapsed = timestamp - ref.current.startTime;
|
|
155
154
|
Object.values(ref.current.nodes).forEach(function (nodeConfig) {
|
|
156
155
|
if (!ref.current.isTransformed) {
|
|
157
|
-
// If its too early we don't animate
|
|
158
156
|
if (elapsed < nodeConfig.paddingStart)
|
|
159
157
|
return;
|
|
160
|
-
// If its too early we don't animate
|
|
161
158
|
if (elapsed > nodeConfig.duration + nodeConfig.paddingStart)
|
|
162
159
|
return;
|
|
163
160
|
}
|
|
164
161
|
else if (ref.current.isTransformed) {
|
|
165
|
-
// If its too early we don't animate
|
|
166
162
|
if (elapsed < nodeConfig.paddingEnd)
|
|
167
163
|
return;
|
|
168
|
-
// If its too early we don't animate
|
|
169
164
|
if (elapsed > nodeConfig.duration + nodeConfig.paddingEnd)
|
|
170
165
|
return;
|
|
171
166
|
}
|
|
@@ -190,8 +185,8 @@ var useAnimation = function (animationConfig) {
|
|
|
190
185
|
window.threekit.player.scene.set({
|
|
191
186
|
from: ref.current.assetId,
|
|
192
187
|
id: nodeConfig.nodeId,
|
|
193
|
-
plug:
|
|
194
|
-
property:
|
|
188
|
+
plug: types_1.PLUG_TYPES.TRANSFORM,
|
|
189
|
+
property: types_1.TRANSFORM_PROPERTY_TYPES.TRANSLATION,
|
|
195
190
|
}, translation);
|
|
196
191
|
}
|
|
197
192
|
if ('rotation' in nodeConfig) {
|
|
@@ -208,8 +203,8 @@ var useAnimation = function (animationConfig) {
|
|
|
208
203
|
window.threekit.player.scene.set({
|
|
209
204
|
from: ref.current.assetId,
|
|
210
205
|
id: nodeConfig.nodeId,
|
|
211
|
-
plug:
|
|
212
|
-
property:
|
|
206
|
+
plug: types_1.PLUG_TYPES.TRANSFORM,
|
|
207
|
+
property: types_1.TRANSFORM_PROPERTY_TYPES.ROTATION,
|
|
213
208
|
}, rotation);
|
|
214
209
|
}
|
|
215
210
|
if ('scale' in nodeConfig) {
|
|
@@ -226,8 +221,8 @@ var useAnimation = function (animationConfig) {
|
|
|
226
221
|
window.threekit.player.scene.set({
|
|
227
222
|
from: ref.current.assetId,
|
|
228
223
|
id: nodeConfig.nodeId,
|
|
229
|
-
plug:
|
|
230
|
-
property:
|
|
224
|
+
plug: types_1.PLUG_TYPES.TRANSFORM,
|
|
225
|
+
property: types_1.TRANSFORM_PROPERTY_TYPES.SCALE,
|
|
231
226
|
}, scale);
|
|
232
227
|
}
|
|
233
228
|
});
|
|
@@ -246,8 +241,8 @@ var useAnimation = function (animationConfig) {
|
|
|
246
241
|
switch (_b.label) {
|
|
247
242
|
case 0:
|
|
248
243
|
ref.current.startTime = undefined;
|
|
249
|
-
if (!!ref.current.nodes) return [3
|
|
250
|
-
return [4
|
|
244
|
+
if (!!ref.current.nodes) return [3, 2];
|
|
245
|
+
return [4, prepAnimateConfig(animationConfig)];
|
|
251
246
|
case 1:
|
|
252
247
|
_a = _b.sent(), ref.current.assetId = _a[0], ref.current.totalDuration = _a[1], ref.current.nodes = _a[2];
|
|
253
248
|
ref.current.isTransformed = false;
|
|
@@ -255,7 +250,7 @@ var useAnimation = function (animationConfig) {
|
|
|
255
250
|
case 2:
|
|
256
251
|
setAnimationInProgress(true);
|
|
257
252
|
window.requestAnimationFrame(animateFrame);
|
|
258
|
-
return [2
|
|
253
|
+
return [2];
|
|
259
254
|
}
|
|
260
255
|
});
|
|
261
256
|
}); };
|
package/dist/http/datatables.js
CHANGED
|
@@ -16,7 +16,6 @@ var getDatatable = function (datatableId) {
|
|
|
16
16
|
error = 'Requires a datatableId';
|
|
17
17
|
if (error)
|
|
18
18
|
throw new Error(error);
|
|
19
|
-
// return threekitRequest.get<Array<IDatatable>>(
|
|
20
19
|
return request_1.default.get("".concat(DATATABLES_API_ROUTE, "/").concat(datatableId, "/download"));
|
|
21
20
|
};
|
|
22
21
|
exports.getDatatable = getDatatable;
|
package/dist/http/orders.d.ts
CHANGED
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { IMultiPageResponse } from './request';
|
|
2
2
|
export declare type STATUSES = 'List';
|
|
3
|
-
interface ICartItem {
|
|
3
|
+
export interface ICartItem {
|
|
4
4
|
count: number;
|
|
5
|
-
metadata
|
|
5
|
+
metadata?: null | Record<string, string>;
|
|
6
6
|
configurationId: string;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
interface IOrderShared extends ICart {
|
|
12
|
-
name: string;
|
|
8
|
+
interface IOrderShared {
|
|
9
|
+
name?: string;
|
|
13
10
|
orgId: string;
|
|
14
11
|
platform: Record<string, any>;
|
|
15
12
|
metadata: Record<string, string>;
|
|
16
13
|
status: STATUSES;
|
|
14
|
+
cart: Array<ICartItem>;
|
|
17
15
|
}
|
|
18
16
|
interface IOrderRequest extends IOrderShared {
|
|
19
17
|
}
|
|
@@ -30,7 +28,7 @@ interface IOrdersResponse extends IMultiPageResponse {
|
|
|
30
28
|
orders: Array<IOrderResponse>;
|
|
31
29
|
}
|
|
32
30
|
export declare const createOrder: (data: IOrderRequest) => Promise<import("axios").AxiosResponse<IOrderResponse>>;
|
|
33
|
-
export declare const editOrderCart: (orderId: string, data:
|
|
31
|
+
export declare const editOrderCart: (orderId: string, data: Array<ICartItem>) => Promise<import("axios").AxiosResponse<IOrderResponse>>;
|
|
34
32
|
export declare const getOrder: (orderId: string) => Promise<import("axios").AxiosResponse<IOrderResponse>>;
|
|
35
33
|
export declare const fetchOrders: () => Promise<import("axios").AxiosResponse<IOrdersResponse>>;
|
|
36
34
|
export {};
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -1,49 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import AddIcon from './Add';
|
|
3
|
-
import ArrowLeftIcon from './ArrowLeft';
|
|
4
|
-
import ArrowRightIcon from './ArrowRight';
|
|
5
|
-
import CameraIcon from './Camera';
|
|
6
|
-
import CaretDownIcon from './CaretDown';
|
|
7
|
-
import CaretUpIcon from './CaretUp';
|
|
8
|
-
import CaretLeftIcon from './CaretLeft';
|
|
9
|
-
import CaretRightIcon from './CaretRight';
|
|
10
|
-
import CartIcon from './Cart';
|
|
11
|
-
import CheckmateIcon from './Checkmate';
|
|
12
|
-
import ClipboardIcon from './Clipboard';
|
|
13
|
-
import ColorPickerIcon from './ColorPicker';
|
|
14
|
-
import CopyIcon from './Copy';
|
|
15
|
-
import DeleteIcon from './Delete';
|
|
16
|
-
import DoubleCaretLeftIcon from './DoubleCaretLeft';
|
|
17
|
-
import DoubleCaretRightIcon from './DoubleCaretRight';
|
|
18
|
-
import DownloadIcon from './Download';
|
|
19
|
-
import DragIcon from './Drag';
|
|
20
|
-
import EditIcon from './Edit';
|
|
21
|
-
import HeartIcon from './Heart';
|
|
22
|
-
import ImageIcon from './Image';
|
|
23
|
-
import InfoIcon from './Info';
|
|
24
|
-
import MailIcon from './Mail';
|
|
25
|
-
import MenuIcon from './Menu';
|
|
26
|
-
import MoreIcon from './More';
|
|
27
|
-
import NewWindowIcon from './NewWindow';
|
|
28
|
-
import PauseIcon from './Pause';
|
|
29
|
-
import PlayIcon from './Play';
|
|
30
|
-
import RedoIcon from './Redo';
|
|
31
|
-
import RemoveIcon from './Remove';
|
|
32
|
-
import RulerIcon from './Ruler';
|
|
33
|
-
import SearchIcon from './Search';
|
|
34
|
-
import SettingsIcon from './Settings';
|
|
35
|
-
import ShareIcon from './Share';
|
|
36
|
-
import SwitchIcon from './Switch';
|
|
37
|
-
import TagIcon from './Tag';
|
|
38
|
-
import UndoIcon from './Undo';
|
|
39
|
-
import WishlistIcon from './Wishlist';
|
|
40
|
-
import ZoomInIcon from './ZoomIn';
|
|
41
|
-
import ZoomOutIcon from './ZoomOut';
|
|
42
2
|
import SpinnerIcon from './Spinner';
|
|
43
3
|
export interface IIcon extends React.FC {
|
|
44
4
|
iconName: string;
|
|
45
5
|
}
|
|
46
|
-
export { AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, };
|
|
47
6
|
declare const _default: {
|
|
48
7
|
[x: string]: IIcon | typeof SpinnerIcon;
|
|
49
8
|
};
|
package/dist/icons/index.js
CHANGED
|
@@ -4,89 +4,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
var _a;
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.SpinnerIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.WishlistIcon = exports.UndoIcon = exports.TagIcon = exports.SwitchIcon = exports.ShareIcon = exports.SettingsIcon = exports.SearchIcon = exports.RulerIcon = exports.RemoveIcon = exports.RedoIcon = exports.PlayIcon = exports.PauseIcon = exports.NewWindowIcon = exports.MoreIcon = exports.MenuIcon = exports.MailIcon = exports.InfoIcon = exports.ImageIcon = exports.HeartIcon = exports.EditIcon = exports.DragIcon = exports.DownloadIcon = exports.DoubleCaretRightIcon = exports.DoubleCaretLeftIcon = exports.DeleteIcon = exports.CopyIcon = exports.ColorPickerIcon = exports.ClipboardIcon = exports.CheckmateIcon = exports.CartIcon = exports.CaretRightIcon = exports.CaretLeftIcon = exports.CaretUpIcon = exports.CaretDownIcon = exports.CameraIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AddIcon = void 0;
|
|
8
7
|
var Add_1 = __importDefault(require("./Add"));
|
|
9
|
-
exports.AddIcon = Add_1.default;
|
|
10
8
|
var ArrowLeft_1 = __importDefault(require("./ArrowLeft"));
|
|
11
|
-
exports.ArrowLeftIcon = ArrowLeft_1.default;
|
|
12
9
|
var ArrowRight_1 = __importDefault(require("./ArrowRight"));
|
|
13
|
-
exports.ArrowRightIcon = ArrowRight_1.default;
|
|
14
10
|
var Camera_1 = __importDefault(require("./Camera"));
|
|
15
|
-
exports.CameraIcon = Camera_1.default;
|
|
16
11
|
var CaretDown_1 = __importDefault(require("./CaretDown"));
|
|
17
|
-
exports.CaretDownIcon = CaretDown_1.default;
|
|
18
12
|
var CaretUp_1 = __importDefault(require("./CaretUp"));
|
|
19
|
-
exports.CaretUpIcon = CaretUp_1.default;
|
|
20
13
|
var CaretLeft_1 = __importDefault(require("./CaretLeft"));
|
|
21
|
-
exports.CaretLeftIcon = CaretLeft_1.default;
|
|
22
14
|
var CaretRight_1 = __importDefault(require("./CaretRight"));
|
|
23
|
-
exports.CaretRightIcon = CaretRight_1.default;
|
|
24
15
|
var Cart_1 = __importDefault(require("./Cart"));
|
|
25
|
-
exports.CartIcon = Cart_1.default;
|
|
26
16
|
var Checkmate_1 = __importDefault(require("./Checkmate"));
|
|
27
|
-
exports.CheckmateIcon = Checkmate_1.default;
|
|
28
17
|
var Clipboard_1 = __importDefault(require("./Clipboard"));
|
|
29
|
-
exports.ClipboardIcon = Clipboard_1.default;
|
|
30
18
|
var ColorPicker_1 = __importDefault(require("./ColorPicker"));
|
|
31
|
-
exports.ColorPickerIcon = ColorPicker_1.default;
|
|
32
19
|
var Copy_1 = __importDefault(require("./Copy"));
|
|
33
|
-
exports.CopyIcon = Copy_1.default;
|
|
34
20
|
var Delete_1 = __importDefault(require("./Delete"));
|
|
35
|
-
exports.DeleteIcon = Delete_1.default;
|
|
36
21
|
var DoubleCaretLeft_1 = __importDefault(require("./DoubleCaretLeft"));
|
|
37
|
-
exports.DoubleCaretLeftIcon = DoubleCaretLeft_1.default;
|
|
38
22
|
var DoubleCaretRight_1 = __importDefault(require("./DoubleCaretRight"));
|
|
39
|
-
exports.DoubleCaretRightIcon = DoubleCaretRight_1.default;
|
|
40
23
|
var Download_1 = __importDefault(require("./Download"));
|
|
41
|
-
exports.DownloadIcon = Download_1.default;
|
|
42
24
|
var Drag_1 = __importDefault(require("./Drag"));
|
|
43
|
-
exports.DragIcon = Drag_1.default;
|
|
44
25
|
var Edit_1 = __importDefault(require("./Edit"));
|
|
45
|
-
exports.EditIcon = Edit_1.default;
|
|
46
26
|
var Heart_1 = __importDefault(require("./Heart"));
|
|
47
|
-
exports.HeartIcon = Heart_1.default;
|
|
48
27
|
var Image_1 = __importDefault(require("./Image"));
|
|
49
|
-
exports.ImageIcon = Image_1.default;
|
|
50
28
|
var Info_1 = __importDefault(require("./Info"));
|
|
51
|
-
exports.InfoIcon = Info_1.default;
|
|
52
29
|
var Mail_1 = __importDefault(require("./Mail"));
|
|
53
|
-
exports.MailIcon = Mail_1.default;
|
|
54
30
|
var Menu_1 = __importDefault(require("./Menu"));
|
|
55
|
-
exports.MenuIcon = Menu_1.default;
|
|
56
31
|
var More_1 = __importDefault(require("./More"));
|
|
57
|
-
exports.MoreIcon = More_1.default;
|
|
58
32
|
var NewWindow_1 = __importDefault(require("./NewWindow"));
|
|
59
|
-
exports.NewWindowIcon = NewWindow_1.default;
|
|
60
33
|
var Pause_1 = __importDefault(require("./Pause"));
|
|
61
|
-
exports.PauseIcon = Pause_1.default;
|
|
62
34
|
var Play_1 = __importDefault(require("./Play"));
|
|
63
|
-
exports.PlayIcon = Play_1.default;
|
|
64
35
|
var Redo_1 = __importDefault(require("./Redo"));
|
|
65
|
-
exports.RedoIcon = Redo_1.default;
|
|
66
36
|
var Remove_1 = __importDefault(require("./Remove"));
|
|
67
|
-
exports.RemoveIcon = Remove_1.default;
|
|
68
37
|
var Ruler_1 = __importDefault(require("./Ruler"));
|
|
69
|
-
exports.RulerIcon = Ruler_1.default;
|
|
70
38
|
var Search_1 = __importDefault(require("./Search"));
|
|
71
|
-
exports.SearchIcon = Search_1.default;
|
|
72
39
|
var Settings_1 = __importDefault(require("./Settings"));
|
|
73
|
-
exports.SettingsIcon = Settings_1.default;
|
|
74
40
|
var Share_1 = __importDefault(require("./Share"));
|
|
75
|
-
exports.ShareIcon = Share_1.default;
|
|
76
41
|
var Switch_1 = __importDefault(require("./Switch"));
|
|
77
|
-
exports.SwitchIcon = Switch_1.default;
|
|
78
42
|
var Tag_1 = __importDefault(require("./Tag"));
|
|
79
|
-
exports.TagIcon = Tag_1.default;
|
|
80
43
|
var Undo_1 = __importDefault(require("./Undo"));
|
|
81
|
-
exports.UndoIcon = Undo_1.default;
|
|
82
44
|
var Wishlist_1 = __importDefault(require("./Wishlist"));
|
|
83
|
-
exports.WishlistIcon = Wishlist_1.default;
|
|
84
45
|
var ZoomIn_1 = __importDefault(require("./ZoomIn"));
|
|
85
|
-
exports.ZoomInIcon = ZoomIn_1.default;
|
|
86
46
|
var ZoomOut_1 = __importDefault(require("./ZoomOut"));
|
|
87
|
-
exports.ZoomOutIcon = ZoomOut_1.default;
|
|
88
47
|
var Spinner_1 = __importDefault(require("./Spinner"));
|
|
89
|
-
exports.SpinnerIcon = Spinner_1.default;
|
|
90
48
|
exports.default = (_a = {},
|
|
91
49
|
_a[Add_1.default.iconName] = Add_1.default,
|
|
92
50
|
_a[ArrowLeft_1.default.iconName] = ArrowLeft_1.default,
|
package/dist/index.d.ts
CHANGED
|
@@ -44,8 +44,47 @@ import Zoom from './components/Zoom';
|
|
|
44
44
|
import Snapshots from './components/Snapshots';
|
|
45
45
|
import Wishlist from './components/Wishlist';
|
|
46
46
|
import Share from './components/Share';
|
|
47
|
-
import icons from './icons';
|
|
48
|
-
export * from './icons';
|
|
49
47
|
import TrebleApp from './components/TrebleApp';
|
|
50
48
|
import ProductLayout from './components/ProductLayout';
|
|
51
|
-
|
|
49
|
+
import AddIcon from './icons/Add';
|
|
50
|
+
import ArrowLeftIcon from './icons/ArrowLeft';
|
|
51
|
+
import ArrowRightIcon from './icons/ArrowRight';
|
|
52
|
+
import CameraIcon from './icons/Camera';
|
|
53
|
+
import CaretDownIcon from './icons/CaretDown';
|
|
54
|
+
import CaretUpIcon from './icons/CaretUp';
|
|
55
|
+
import CaretLeftIcon from './icons/CaretLeft';
|
|
56
|
+
import CaretRightIcon from './icons/CaretRight';
|
|
57
|
+
import CartIcon from './icons/Cart';
|
|
58
|
+
import CheckmateIcon from './icons/Checkmate';
|
|
59
|
+
import ClipboardIcon from './icons/Clipboard';
|
|
60
|
+
import ColorPickerIcon from './icons/ColorPicker';
|
|
61
|
+
import CopyIcon from './icons/Copy';
|
|
62
|
+
import DeleteIcon from './icons/Delete';
|
|
63
|
+
import DoubleCaretLeftIcon from './icons/DoubleCaretLeft';
|
|
64
|
+
import DoubleCaretRightIcon from './icons/DoubleCaretRight';
|
|
65
|
+
import DownloadIcon from './icons/Download';
|
|
66
|
+
import DragIcon from './icons/Drag';
|
|
67
|
+
import EditIcon from './icons/Edit';
|
|
68
|
+
import HeartIcon from './icons/Heart';
|
|
69
|
+
import ImageIcon from './icons/Image';
|
|
70
|
+
import InfoIcon from './icons/Info';
|
|
71
|
+
import MailIcon from './icons/Mail';
|
|
72
|
+
import MenuIcon from './icons/Menu';
|
|
73
|
+
import MoreIcon from './icons/More';
|
|
74
|
+
import NewWindowIcon from './icons/NewWindow';
|
|
75
|
+
import PauseIcon from './icons/Pause';
|
|
76
|
+
import PlayIcon from './icons/Play';
|
|
77
|
+
import RedoIcon from './icons/Redo';
|
|
78
|
+
import RemoveIcon from './icons/Remove';
|
|
79
|
+
import RulerIcon from './icons/Ruler';
|
|
80
|
+
import SearchIcon from './icons/Search';
|
|
81
|
+
import SettingsIcon from './icons/Settings';
|
|
82
|
+
import ShareIcon from './icons/Share';
|
|
83
|
+
import SwitchIcon from './icons/Switch';
|
|
84
|
+
import TagIcon from './icons/Tag';
|
|
85
|
+
import UndoIcon from './icons/Undo';
|
|
86
|
+
import WishlistIcon from './icons/Wishlist';
|
|
87
|
+
import ZoomInIcon from './icons/ZoomIn';
|
|
88
|
+
import ZoomOutIcon from './icons/ZoomOut';
|
|
89
|
+
import SpinnerIcon from './icons/Spinner';
|
|
90
|
+
export { useAttribute, useConfigurator, useConfigurationLoader, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, useLoadingProgress, usePlayer, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToArOverlay, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, TrebleApp, ProductLayout, AddIcon, ArrowLeftIcon, ArrowRightIcon, CameraIcon, CaretDownIcon, CaretUpIcon, CaretLeftIcon, CaretRightIcon, CartIcon, CheckmateIcon, ClipboardIcon, ColorPickerIcon, CopyIcon, DeleteIcon, DoubleCaretLeftIcon, DoubleCaretRightIcon, DownloadIcon, DragIcon, EditIcon, HeartIcon, ImageIcon, InfoIcon, MailIcon, MenuIcon, MoreIcon, NewWindowIcon, PauseIcon, PlayIcon, RedoIcon, RemoveIcon, RulerIcon, SearchIcon, SettingsIcon, ShareIcon, SwitchIcon, TagIcon, UndoIcon, WishlistIcon, ZoomInIcon, ZoomOutIcon, SpinnerIcon, };
|