@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.
Files changed (101) hide show
  1. package/dist/Treble/Treble.d.ts +9 -3
  2. package/dist/Treble/Treble.js +40 -11
  3. package/dist/Treble/index.d.ts +2 -2
  4. package/dist/Treble/index.js +2 -2
  5. package/dist/Treble/{Snapshots.d.ts → snapshots.d.ts} +4 -9
  6. package/dist/Treble/snapshots.js +247 -0
  7. package/dist/Treble/{Wishlist.d.ts → wishlist.d.ts} +2 -6
  8. package/dist/Treble/wishlist.js +135 -0
  9. package/dist/api/catalog.js +6 -6
  10. package/dist/api/configurations.js +3 -3
  11. package/dist/api/datatables.js +5 -5
  12. package/dist/api/orders.d.ts +5 -7
  13. package/dist/api/orders.js +12 -12
  14. package/dist/api/price.js +2 -2
  15. package/dist/api/products.js +2 -2
  16. package/dist/components/Accordion/index.js +1 -6
  17. package/dist/components/AttributeTitle/index.d.ts +0 -9
  18. package/dist/components/AttributeTitle/index.js +0 -9
  19. package/dist/components/AttributeValue/index.d.ts +0 -6
  20. package/dist/components/AttributeValue/index.js +2 -8
  21. package/dist/components/Button/index.d.ts +0 -27
  22. package/dist/components/Button/index.js +0 -27
  23. package/dist/components/Cards/index.d.ts +2 -55
  24. package/dist/components/Cards/index.js +3 -60
  25. package/dist/components/Drawer/index.js +0 -13
  26. package/dist/components/Dropdown/index.d.ts +2 -59
  27. package/dist/components/Dropdown/index.js +4 -69
  28. package/dist/components/FlatForm/index.d.ts +0 -21
  29. package/dist/components/FlatForm/index.js +5 -24
  30. package/dist/components/Modal/index.js +0 -13
  31. package/dist/components/Player/index.d.ts +1 -1
  32. package/dist/components/PortalToElement/index.js +0 -8
  33. package/dist/components/ProductDescription/index.d.ts +0 -6
  34. package/dist/components/ProductDescription/index.js +0 -6
  35. package/dist/components/ProductName/index.d.ts +0 -9
  36. package/dist/components/ProductName/index.js +0 -9
  37. package/dist/components/Share/index.d.ts +2 -12
  38. package/dist/components/Share/index.js +139 -21
  39. package/dist/components/Share/share.styles.d.ts +9 -0
  40. package/dist/components/Share/share.styles.js +23 -0
  41. package/dist/components/Snapshots/index.d.ts +0 -8
  42. package/dist/components/Snapshots/index.js +0 -8
  43. package/dist/components/Strips/index.d.ts +2 -55
  44. package/dist/components/Strips/index.js +3 -60
  45. package/dist/components/Swatch/index.d.ts +2 -64
  46. package/dist/components/Swatch/index.js +3 -69
  47. package/dist/components/Switch/index.d.ts +2 -34
  48. package/dist/components/Switch/index.js +2 -38
  49. package/dist/components/TextInput/index.d.ts +2 -1
  50. package/dist/components/TextInput/index.js +2 -3
  51. package/dist/components/Tiles/index.d.ts +2 -29
  52. package/dist/components/Tiles/index.js +3 -33
  53. package/dist/components/TilesGroup/index.d.ts +2 -26
  54. package/dist/components/TilesGroup/index.js +3 -30
  55. package/dist/components/TotalPrice/index.d.ts +0 -6
  56. package/dist/components/TotalPrice/index.js +0 -6
  57. package/dist/components/Upload/index.d.ts +2 -1
  58. package/dist/components/Upload/index.js +7 -8
  59. package/dist/components/UploadArea/index.d.ts +2 -1
  60. package/dist/components/UploadArea/index.js +6 -7
  61. package/dist/components/Wishlist/index.d.ts +1 -4
  62. package/dist/components/Wishlist/index.js +2 -5
  63. package/dist/components/Zoom/index.d.ts +1 -18
  64. package/dist/components/Zoom/index.js +0 -17
  65. package/dist/components/formComponents.d.ts +12 -0
  66. package/dist/components/formComponents.js +5 -7
  67. package/dist/components/message/index.d.ts +0 -9
  68. package/dist/components/message/index.js +0 -9
  69. package/dist/connection.js +2 -2
  70. package/dist/constants.d.ts +0 -49
  71. package/dist/constants.js +1 -59
  72. package/dist/hooks/useAttribute/index.js +6 -6
  73. package/dist/hooks/useConfigurationLoader/index.js +5 -5
  74. package/dist/hooks/useNestedConfigurator/index.js +2 -2
  75. package/dist/hooks/useShare/index.js +3 -3
  76. package/dist/hooks/useSingleAnimation/index.js +20 -25
  77. package/dist/http/datatables.js +0 -1
  78. package/dist/http/orders.d.ts +6 -8
  79. package/dist/icons/index.d.ts +0 -41
  80. package/dist/icons/index.js +0 -42
  81. package/dist/index.d.ts +42 -3
  82. package/dist/index.js +84 -30
  83. package/dist/store/attributes.d.ts +0 -12
  84. package/dist/store/attributes.js +2 -15
  85. package/dist/store/price.d.ts +0 -12
  86. package/dist/store/price.js +2 -16
  87. package/dist/store/product.d.ts +2 -17
  88. package/dist/store/product.js +26 -38
  89. package/dist/store/translations.d.ts +0 -12
  90. package/dist/store/translations.js +2 -12
  91. package/dist/store/treble.d.ts +0 -15
  92. package/dist/store/treble.js +31 -66
  93. package/dist/store/wishlist.d.ts +0 -12
  94. package/dist/store/wishlist.js +4 -17
  95. package/dist/types.d.ts +71 -58
  96. package/dist/types.js +54 -0
  97. package/dist/utils.d.ts +2 -2
  98. package/dist/utils.js +8 -16
  99. package/package.json +18 -4
  100. package/dist/Treble/Snapshots.js +0 -251
  101. package/dist/Treble/Wishlist.js +0 -136
@@ -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.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 = exports.TREBLE_DEBUG = void 0;
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 /*break*/, 4];
66
- if (!!value) return [3 /*break*/, 1];
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 /*break*/, 3];
69
- case 1: return [4 /*yield*/, api_1.default.catalog.uploadAsset(value)];
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 /*break*/, 5];
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 /*return*/];
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 /*return*/];
54
- return [4 /*yield*/, api_1.default.configurations.fetch(configurationId)];
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 /*return*/];
59
- return [4 /*yield*/, dispatch((0, attributes_1.setConfiguration)(configuration.data.variant))];
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 /*return*/, Promise.resolve()];
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 /*yield*/, ((_a = configurator.current) === null || _a === void 0 ? void 0 : _a.setConfiguration(config))];
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 /*return*/];
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 /*yield*/, window.threekit.treble.saveConfiguration()];
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 /*return*/, Promise.resolve(undefined)];
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 /*return*/, Promise.resolve((configuration === null || configuration === void 0 ? void 0 : configuration.resumableUrl) || undefined)];
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('player');
64
- return [4 /*yield*/, player.getAssetInstance(window.threekit.player.scene.find({
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: 'Proxy',
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: 'Transform',
85
- property: 'translation',
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: 'Transform',
97
- property: 'rotation',
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: 'Transform',
109
- property: 'scale',
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 /*return*/];
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: 'Transform',
194
- property: 'translation',
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: 'Transform',
212
- property: 'rotation',
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: 'Transform',
230
- property: 'scale',
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 /*break*/, 2];
250
- return [4 /*yield*/, prepAnimateConfig(animationConfig)];
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 /*return*/];
253
+ return [2];
259
254
  }
260
255
  });
261
256
  }); };
@@ -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;
@@ -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: null | Record<string, string>;
5
+ metadata?: null | Record<string, string>;
6
6
  configurationId: string;
7
7
  }
8
- export interface ICart {
9
- cart: Array<ICartItem>;
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: ICart) => Promise<import("axios").AxiosResponse<IOrderResponse>>;
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 {};
@@ -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
  };
@@ -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
- 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, icons, TrebleApp, ProductLayout, };
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, };