@threekit-tools/treble 0.0.81 → 0.0.84
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 +11 -5
- package/dist/Treble/Treble.js +41 -12
- package/dist/Treble/index.d.ts +2 -2
- package/dist/Treble/index.js +7 -3
- 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/index.js +5 -1
- 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 +6 -7
- 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 +7 -16
- package/dist/components/Dropdown/index.d.ts +2 -59
- package/dist/components/Dropdown/index.js +11 -72
- package/dist/components/FlatForm/index.d.ts +0 -21
- package/dist/components/FlatForm/index.js +10 -25
- package/dist/components/Modal/index.js +2 -15
- package/dist/components/Player/index.d.ts +1 -1
- package/dist/components/PortalToArOverlay/index.js +5 -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 +0 -12
- package/dist/components/Share/index.js +2 -14
- package/dist/components/Snapshots/index.d.ts +0 -8
- package/dist/components/Snapshots/index.js +2 -10
- 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/Tabs/index.js +5 -1
- package/dist/components/TextInput/index.d.ts +2 -1
- package/dist/components/TextInput/index.js +2 -3
- package/dist/components/ThreekitProvider/index.js +5 -1
- 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/TrebleApp/index.js +5 -1
- package/dist/components/Upload/index.d.ts +2 -1
- package/dist/components/Upload/index.js +21 -17
- package/dist/components/UploadArea/index.d.ts +2 -1
- package/dist/components/UploadArea/index.js +18 -15
- package/dist/components/Wishlist/index.d.ts +0 -3
- package/dist/components/Wishlist/index.js +12 -10
- package/dist/components/Zoom/index.d.ts +0 -17
- package/dist/components/Zoom/index.js +5 -21
- package/dist/components/formComponents.d.ts +12 -0
- package/dist/components/formComponents.js +10 -8
- package/dist/components/message/index.d.ts +0 -9
- package/dist/components/message/index.js +4 -31
- package/dist/connection.js +2 -2
- package/dist/constants.d.ts +0 -49
- package/dist/constants.js +1 -59
- package/dist/hooks/useAttribute/index.d.ts +1 -1
- 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/index.js +5 -1
- package/dist/http/orders.d.ts +6 -8
- package/dist/icons/Spinner.js +5 -1
- 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 -26
- package/dist/store/attributes.d.ts +0 -12
- package/dist/store/attributes.js +2 -15
- package/dist/store/index.d.ts +1 -1
- package/dist/store/price.d.ts +0 -12
- package/dist/store/price.js +2 -16
- package/dist/store/product.d.ts +6 -21
- package/dist/store/product.js +26 -38
- package/dist/store/translations.d.ts +1 -13
- package/dist/store/translations.js +2 -12
- package/dist/store/treble.d.ts +1 -16
- 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 +118 -65
- package/dist/types.js +54 -0
- package/dist/utils.d.ts +10 -10
- package/dist/utils.js +8 -16
- package/package.json +16 -4
- package/dist/Treble/Snapshots.js +0 -251
- package/dist/Treble/Wishlist.js +0 -136
- package/dist/hooks/useImageEditor/index.d.ts +0 -14
- package/dist/hooks/useImageEditor/index.js +0 -320
|
@@ -19,7 +19,8 @@ var react_1 = __importDefault(require("react"));
|
|
|
19
19
|
var prop_types_1 = __importDefault(require("prop-types"));
|
|
20
20
|
var shared_styles_1 = require("../shared.styles");
|
|
21
21
|
var Button_1 = __importDefault(require("../Button"));
|
|
22
|
-
var
|
|
22
|
+
var ZoomIn_1 = __importDefault(require("../../icons/ZoomIn"));
|
|
23
|
+
var ZoomOut_1 = __importDefault(require("../../icons/ZoomOut"));
|
|
23
24
|
var useThreekitInitStatus_1 = __importDefault(require("../../hooks/useThreekitInitStatus"));
|
|
24
25
|
var useZoom_1 = __importDefault(require("../../hooks/useZoom"));
|
|
25
26
|
var utils_1 = require("../../utils");
|
|
@@ -40,7 +41,7 @@ var ZoomOutComponent = function (props) {
|
|
|
40
41
|
return null;
|
|
41
42
|
var handleZoomOut = function () { return zoomOut(Math.abs(step)); };
|
|
42
43
|
var cls = (0, utils_1.generateWidgetClassName)('zoom', className);
|
|
43
|
-
return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-out"), shape: shape, type: type, icon:
|
|
44
|
+
return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-out"), shape: shape, type: type, icon: ZoomOut_1.default.iconName, onClick: handleZoomOut }));
|
|
44
45
|
};
|
|
45
46
|
exports.ZoomOutComponent = ZoomOutComponent;
|
|
46
47
|
var ZoomInComponent = function (props) {
|
|
@@ -55,7 +56,7 @@ var ZoomInComponent = function (props) {
|
|
|
55
56
|
return null;
|
|
56
57
|
var handleZoomOut = function () { return zoomIn(Math.abs(step)); };
|
|
57
58
|
var cls = (0, utils_1.generateWidgetClassName)('zoom', className);
|
|
58
|
-
return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-in"), shape: shape, type: type, icon:
|
|
59
|
+
return (react_1.default.createElement(Button_1.default, { className: "".concat(cls, " zoom-in"), shape: shape, type: type, icon: ZoomIn_1.default.iconName, onClick: handleZoomOut }));
|
|
59
60
|
};
|
|
60
61
|
exports.ZoomInComponent = ZoomInComponent;
|
|
61
62
|
var Zoom = function (props) {
|
|
@@ -82,27 +83,10 @@ var Zoom = function (props) {
|
|
|
82
83
|
};
|
|
83
84
|
exports.Zoom = Zoom;
|
|
84
85
|
exports.Zoom.propTypes = {
|
|
85
|
-
/**
|
|
86
|
-
* The number of steps, for both zoom-in and out, that we want to increment the zoom by.
|
|
87
|
-
*/
|
|
88
86
|
step: prop_types_1.default.number,
|
|
89
|
-
/**
|
|
90
|
-
* Used to the set the orientation/alignment of the buttons.
|
|
91
|
-
*/
|
|
92
87
|
orientation: prop_types_1.default.string,
|
|
93
|
-
/**
|
|
94
|
-
* Custom classNames applied to the HTML Element to apply custom CSS styling.
|
|
95
|
-
*/
|
|
96
88
|
className: prop_types_1.default.string,
|
|
97
|
-
/**
|
|
98
|
-
* The presentational type of the input component. Options
|
|
99
|
-
* include: `hollow`, `standard`, `accent`, `primary`
|
|
100
|
-
*/
|
|
101
89
|
type: prop_types_1.default.string,
|
|
102
|
-
/**
|
|
103
|
-
* Used to set the shape of the Widget button. Options
|
|
104
|
-
* include: `square`, `round`
|
|
105
|
-
*/
|
|
106
90
|
shape: prop_types_1.default.string,
|
|
107
91
|
};
|
|
108
92
|
exports.Zoom.defaultProps = {
|
|
@@ -113,7 +97,7 @@ exports.Zoom.defaultProps = {
|
|
|
113
97
|
type: 'threekit',
|
|
114
98
|
};
|
|
115
99
|
exports.Zoom.componentName = 'zoom';
|
|
116
|
-
exports.Zoom.Icon =
|
|
100
|
+
exports.Zoom.Icon = ZoomIn_1.default;
|
|
117
101
|
exports.Zoom.ZoomOut = exports.ZoomOutComponent;
|
|
118
102
|
exports.Zoom.ZoomIn = exports.ZoomInComponent;
|
|
119
103
|
exports.default = exports.Zoom;
|
|
@@ -8,5 +8,17 @@ export declare const formComponents: {
|
|
|
8
8
|
} | {
|
|
9
9
|
[x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
|
|
10
10
|
};
|
|
11
|
+
Asset: {
|
|
12
|
+
[x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null);
|
|
13
|
+
};
|
|
14
|
+
String: {
|
|
15
|
+
[x: string]: ((props: import("./Cards").ICards) => JSX.Element | null) | ((props: import("./Tiles").ITiles) => JSX.Element | null) | ((props: import("./TextInput").ITextInput) => JSX.Element | null);
|
|
16
|
+
};
|
|
17
|
+
upload: {
|
|
18
|
+
[x: string]: (props: import("./Upload").IUpload) => JSX.Element | null;
|
|
19
|
+
};
|
|
20
|
+
Boolean: {
|
|
21
|
+
[x: string]: (props: import("./Switch").ISwitch) => JSX.Element | null;
|
|
22
|
+
};
|
|
11
23
|
};
|
|
12
24
|
export default formComponents;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -21,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
21
25
|
var _a, _b, _c, _d, _e, _f;
|
|
22
26
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
27
|
exports.formComponents = exports.FORM_COMPONENT_TYPES = void 0;
|
|
24
|
-
var
|
|
28
|
+
var types_1 = require("../types");
|
|
25
29
|
var Cards_1 = __importStar(require("./Cards"));
|
|
26
30
|
var Dropdown_1 = __importStar(require("./Dropdown"));
|
|
27
31
|
var Strips_1 = __importStar(require("./Strips"));
|
|
@@ -29,15 +33,13 @@ var Swatch_1 = __importStar(require("./Swatch"));
|
|
|
29
33
|
var Tiles_1 = __importStar(require("./Tiles"));
|
|
30
34
|
var TilesGroup_1 = __importStar(require("./TilesGroup"));
|
|
31
35
|
var Upload_1 = __importStar(require("./Upload"));
|
|
32
|
-
// import UploadArea, { UploadArea as UploadAreaComponent } from './UploadArea';
|
|
33
36
|
var TextInput_1 = __importStar(require("./TextInput"));
|
|
34
37
|
var Switch_1 = __importStar(require("./Switch"));
|
|
35
38
|
exports.FORM_COMPONENT_TYPES = {
|
|
36
39
|
stringInput: 'string-input',
|
|
37
40
|
};
|
|
38
|
-
// First option for each attribute type is the default value
|
|
39
41
|
exports.formComponents = (_a = {},
|
|
40
|
-
_a[
|
|
42
|
+
_a[types_1.ATTRIBUTE_TYPES.ASSET] = (_b = {},
|
|
41
43
|
_b[Strips_1.Strips.componentName] = Strips_1.default,
|
|
42
44
|
_b[Cards_1.Cards.componentName] = Cards_1.default,
|
|
43
45
|
_b[Dropdown_1.Dropdown.componentName] = Dropdown_1.default,
|
|
@@ -45,7 +47,7 @@ exports.formComponents = (_a = {},
|
|
|
45
47
|
_b[Tiles_1.Tiles.componentName] = Tiles_1.default,
|
|
46
48
|
_b[TilesGroup_1.TilesGroup.componentName] = TilesGroup_1.default,
|
|
47
49
|
_b),
|
|
48
|
-
_a[
|
|
50
|
+
_a[types_1.ATTRIBUTE_TYPES.STRING] = (_c = {},
|
|
49
51
|
_c[Tiles_1.Tiles.componentName] = Tiles_1.default,
|
|
50
52
|
_c[Dropdown_1.Dropdown.componentName] = Dropdown_1.default,
|
|
51
53
|
_c[Cards_1.Cards.componentName] = Cards_1.default,
|
|
@@ -57,10 +59,10 @@ exports.formComponents = (_a = {},
|
|
|
57
59
|
_a[exports.FORM_COMPONENT_TYPES.stringInput] = (_d = {},
|
|
58
60
|
_d[TextInput_1.TextInput.componentName] = TextInput_1.default,
|
|
59
61
|
_d),
|
|
60
|
-
_a[
|
|
62
|
+
_a[types_1.ASSET_TYPES.UPLOAD] = (_e = {},
|
|
61
63
|
_e[Upload_1.Upload.componentName] = Upload_1.default,
|
|
62
64
|
_e),
|
|
63
|
-
_a[
|
|
65
|
+
_a[types_1.ATTRIBUTE_TYPES.BOOLEAN] = (_f = {},
|
|
64
66
|
_f[Switch_1.Switch.componentName] = Switch_1.default,
|
|
65
67
|
_f),
|
|
66
68
|
_a);
|
|
@@ -12,17 +12,8 @@ interface MessageComponentProps {
|
|
|
12
12
|
export declare const MessageComponent: {
|
|
13
13
|
(props: MessageComponentProps): JSX.Element | null;
|
|
14
14
|
propTypes: {
|
|
15
|
-
/**
|
|
16
|
-
* The content to be displayed in the message
|
|
17
|
-
*/
|
|
18
15
|
content: PropTypes.Requireable<string>;
|
|
19
|
-
/**
|
|
20
|
-
* The icon to display before the message
|
|
21
|
-
*/
|
|
22
16
|
icon: PropTypes.Requireable<string>;
|
|
23
|
-
/**
|
|
24
|
-
* Used to add a custom class name to each of the components html elements
|
|
25
|
-
*/
|
|
26
17
|
className: PropTypes.Requireable<string>;
|
|
27
18
|
};
|
|
28
19
|
defaultProps: {
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
4
|
};
|
|
@@ -27,7 +8,8 @@ var react_1 = __importDefault(require("react"));
|
|
|
27
8
|
var react_dom_1 = __importDefault(require("react-dom"));
|
|
28
9
|
var prop_types_1 = __importDefault(require("prop-types"));
|
|
29
10
|
var message_styles_1 = require("./message.styles");
|
|
30
|
-
var icons_1 =
|
|
11
|
+
var icons_1 = __importDefault(require("../../icons"));
|
|
12
|
+
var Info_1 = __importDefault(require("../../icons/Info"));
|
|
31
13
|
var styled_components_1 = require("styled-components");
|
|
32
14
|
var theme_1 = __importDefault(require("../../theme"));
|
|
33
15
|
var messagesEl;
|
|
@@ -57,7 +39,7 @@ var MessageComponent = function (props) {
|
|
|
57
39
|
var content = props.content, icon = props.icon;
|
|
58
40
|
if (!content)
|
|
59
41
|
return null;
|
|
60
|
-
var Icon = icon ? icons_1.default[icon] :
|
|
42
|
+
var Icon = icon ? icons_1.default[icon] : Info_1.default;
|
|
61
43
|
return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
|
|
62
44
|
react_1.default.createElement(message_styles_1.Wrapper, null,
|
|
63
45
|
react_1.default.createElement(message_styles_1.IconWrapper, null,
|
|
@@ -90,22 +72,13 @@ var info = function (content, icon) {
|
|
|
90
72
|
}, (messagesConfig.duration || 2 + (typeof content === 'string' ? 0.05 * content.length : 0.5)) * 1000);
|
|
91
73
|
};
|
|
92
74
|
exports.MessageComponent.propTypes = {
|
|
93
|
-
/**
|
|
94
|
-
* The content to be displayed in the message
|
|
95
|
-
*/
|
|
96
75
|
content: prop_types_1.default.string,
|
|
97
|
-
/**
|
|
98
|
-
* The icon to display before the message
|
|
99
|
-
*/
|
|
100
76
|
icon: prop_types_1.default.string,
|
|
101
|
-
/**
|
|
102
|
-
* Used to add a custom class name to each of the components html elements
|
|
103
|
-
*/
|
|
104
77
|
className: prop_types_1.default.string,
|
|
105
78
|
};
|
|
106
79
|
exports.MessageComponent.defaultProps = {
|
|
107
80
|
content: undefined,
|
|
108
|
-
icon:
|
|
81
|
+
icon: Info_1.default.iconName,
|
|
109
82
|
className: undefined,
|
|
110
83
|
};
|
|
111
84
|
exports.default = { config: config, info: info };
|
package/dist/connection.js
CHANGED
|
@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.ThreekitConnection = void 0;
|
|
40
|
-
var ThreekitConnection =
|
|
40
|
+
var ThreekitConnection = (function () {
|
|
41
41
|
function ThreekitConnection() {
|
|
42
42
|
this._authToken = '';
|
|
43
43
|
this._orgId = '';
|
|
@@ -58,7 +58,7 @@ var ThreekitConnection = /** @class */ (function () {
|
|
|
58
58
|
this._serverUrl = config.serverUrl;
|
|
59
59
|
if (config.threekitDomain)
|
|
60
60
|
this._threekitDomain = "https://".concat(config.threekitDomain);
|
|
61
|
-
return [2
|
|
61
|
+
return [2];
|
|
62
62
|
});
|
|
63
63
|
});
|
|
64
64
|
};
|
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',
|
|
@@ -6,5 +6,5 @@ declare type UseAttributeSuccess = [
|
|
|
6
6
|
(val: RawAttributeValue) => Promise<void>
|
|
7
7
|
];
|
|
8
8
|
declare type UseAttributeHook = UseAttributeError | UseAttributeSuccess;
|
|
9
|
-
declare const useAttribute: (attributeName?: string
|
|
9
|
+
declare const useAttribute: (attributeName?: string) => UseAttributeHook;
|
|
10
10
|
export default useAttribute;
|
|
@@ -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
|
});
|