@threekit-tools/treble 0.0.61 → 0.0.64

package/dist/Treble/Treble.d.ts

@@ -1,4 +1,3 @@
-import threekitAPI from '../api';
 import { IThreekitPlayer, IConfiguration, ISetConfiguration, IThreekitPrivateConfigurator } from '../threekit';
 import { IWishlist } from './Wishlist';
 import Snapshots from './Snapshots';
@@ -14,7 +13,6 @@ interface IEmailShareCredentials {
     templateId: string;
 }
 declare class Treble {
-    _api: typeof threekitAPI;
     _player: IThreekitPlayer;
     wishlist: IWishlist;
     private _initialConfiguration;

package/dist/Treble/Treble.js

@@ -120,7 +120,6 @@ var Treble = /** @class */ (function () {
             return api_1.default.server.sendEmail(data);
         };
         //  Threekit API
-        this._api = api_1.default;
         this._player = player;
         this.wishlist = (0, Wishlist_1.default)(orgId);
         this._snapshots = new Snapshots_1.default();

package/dist/api/datatables.d.ts

@@ -0,0 +1,7 @@
+interface IDatatableConfig {
+    format: string;
+}
+export declare const getDatatable: (datatableId: string, config: IDatatableConfig) => Promise<string | {
+    [key: string]: any;
+}[] | undefined>;
+export {};

package/dist/api/datatables.js

@@ -0,0 +1,90 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDatatable = void 0;
+var http_1 = __importDefault(require("../http"));
+var utils_1 = require("../utils");
+var constants_1 = require("../constants");
+var getDatatable = function (datatableId, config) { return __awaiter(void 0, void 0, void 0, function () {
+    var message, format, response, csvData, headings, datatableJson;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                if (!datatableId)
+                    message = 'Requires a datatable ID';
+                if (message)
+                    return [2 /*return*/, Promise.resolve(undefined)];
+                format = Object.assign({ format: constants_1.DATATABLE_FORMATS.json }, config).format;
+                return [4 /*yield*/, http_1.default.datatables.getDatatable(datatableId)];
+            case 1:
+                response = _a.sent();
+                if (response.status !== 200)
+                    return [2 /*return*/, Promise.resolve(undefined)];
+                if (format.toLowerCase() === constants_1.DATATABLE_FORMATS.csv)
+                    return [2 /*return*/, Promise.resolve(response.data)];
+                csvData = response.data
+                    .replace(/"/g, '')
+                    .split('\n')
+                    .map(function (el) { return el.split(','); });
+                headings = csvData[0];
+                datatableJson = csvData.reduce(function (output, row, idx) {
+                    if (!idx)
+                        return output;
+                    var rowOutput = row.reduce(function (result, el, i) {
+                        var _a;
+                        if (!i)
+                            return result;
+                        return Object.assign(result, (_a = {},
+                            _a[headings[i]] = el.length
+                                ? (0, utils_1.isJsonString)(el)
+                                    ? JSON.parse(el)
+                                    : el
+                                : undefined,
+                            _a));
+                    }, {});
+                    output.push(rowOutput);
+                    return output;
+                }, []);
+                return [2 /*return*/, Promise.resolve(datatableJson)];
+        }
+    });
+}); };
+exports.getDatatable = getDatatable;

package/dist/api/index.d.ts

@@ -3,6 +3,7 @@ import * as configurations from './configurations';
 import * as price from './price';
 import * as orders from './orders';
 import * as catalog from './catalog';
+import * as datatables from './datatables';
 import * as server from './server';
 declare const _default: {
     products: typeof products;
@@ -10,6 +11,7 @@ declare const _default: {
     price: typeof price;
     orders: typeof orders;
     catalog: typeof catalog;
+    datatables: typeof datatables;
     server: typeof server;
 };
 export default _default;

package/dist/api/index.js

@@ -24,6 +24,7 @@ var configurations = __importStar(require("./configurations"));
 var price = __importStar(require("./price"));
 var orders = __importStar(require("./orders"));
 var catalog = __importStar(require("./catalog"));
+var datatables = __importStar(require("./datatables"));
 var server = __importStar(require("./server"));
 exports.default = {
     products: products,
@@ -31,5 +32,6 @@ exports.default = {
     price: price,
     orders: orders,
     catalog: catalog,
+    datatables: datatables,
     server: server,
 };

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { IFormComponentProps, IOption } from '../containers/formInputContainer';
+export interface ISwitch extends IFormComponentProps<IOption> {
+    showDescription?: boolean;
+}
+export declare const Switch: {
+    (props: ISwitch): JSX.Element;
+    propTypes: {
+        /**
+         * Is the attribute name on the initialized asset that we are
+         * using this component for. If the attribute prop is used,
+         * the component will ignore the props for: `value`, `options`, `onClick`.
+         */
+        attribute: PropTypes.Requireable<string>;
+        /**
+         * Used to add a title to the input
+         */
+        title: PropTypes.Requireable<string>;
+        /**
+         * Used to provide a custom description for the input component
+         */
+        description: PropTypes.Requireable<string>;
+        /**
+         * Selected value from the option set. Should match the 'value' property
+         * of one of the items in the options array.
+         */
+        value: PropTypes.Requireable<boolean>;
+        /**
+         * The size of the for a Switch option. The size should be a valid CSS
+         * height/width property.
+         *
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Used to add a custom class name to each of the components html elements
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * By default the description is soruced from the `_description` metadata
+         * key in the option's Catalog Item. This metadata key can be overwritten
+         * by passing in the prefered key value to the **metadataKeyDescription**
+         * prop.
+         */
+        metadataKeyDescription: PropTypes.Requireable<string>;
+        /**
+         * A boolean to set whether or all the Cards should display the description
+         * for the options.
+         */
+        showDescription: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        description: undefined;
+        className: undefined;
+        attribute: undefined;
+        metadataKeyDescription: undefined;
+        showDescription: boolean;
+        title: undefined;
+        value: undefined;
+        onClick: undefined;
+    };
+    componentName: string;
+    compatibleAttributes: Set<string>;
+};
+declare const _default: (props: ISwitch) => JSX.Element | null;
+export default _default;

package/dist/components/Switch/index.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var FormComponentTitle_1 = __importDefault(require("../FormComponentTitle"));
+var FormComponentDescription_1 = __importDefault(require("../FormComponentDescription"));
+var switch_styles_1 = require("./switch.styles");
+var shared_styles_1 = require("../shared.styles");
+var utils_1 = require("../../utils");
+var constants_1 = require("../../constants");
+var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
+var Switch = function (props) {
+    var title = props.title, value = props.value, onChange = props.onChange, description = props.description, customClassName = props.className, showDescription = props.showDescription;
+    var cls = (0, utils_1.generateInputClassName)('Switch', customClassName, title);
+    return (react_1.default.createElement(shared_styles_1.FormComponentWrapper, { className: cls },
+        react_1.default.createElement(FormComponentTitle_1.default, { title: title, className: cls }),
+        react_1.default.createElement(FormComponentDescription_1.default, { description: showDescription ? description : undefined, className: cls }),
+        react_1.default.createElement(switch_styles_1.SwitchWrapper, null,
+            react_1.default.createElement(switch_styles_1.Checkbox, { type: "checkbox", checked: !!value, onChange: function () { return onChange === null || onChange === void 0 ? void 0 : onChange(!!!value); } }),
+            react_1.default.createElement(switch_styles_1.Knob, null),
+            react_1.default.createElement(switch_styles_1.Layer, null))));
+};
+exports.Switch = Switch;
+exports.Switch.propTypes = {
+    /**
+     * Is the attribute name on the initialized asset that we are
+     * using this component for. If the attribute prop is used,
+     * the component will ignore the props for: `value`, `options`, `onClick`.
+     */
+    attribute: prop_types_1.default.string,
+    /**
+     * Used to add a title to the input
+     */
+    title: prop_types_1.default.string,
+    /**
+     * Used to provide a custom description for the input component
+     */
+    description: prop_types_1.default.string,
+    /**
+     * Selected value from the option set. Should match the 'value' property
+     * of one of the items in the options array.
+     */
+    value: prop_types_1.default.bool,
+    /**
+     * The size of the for a Switch option. The size should be a valid CSS
+     * height/width property.
+     *
+     */
+    onClick: prop_types_1.default.func,
+    /**
+     * Used to add a custom class name to each of the components html elements
+     */
+    className: prop_types_1.default.string,
+    /**
+     * By default the description is soruced from the `_description` metadata
+     * key in the option's Catalog Item. This metadata key can be overwritten
+     * by passing in the prefered key value to the **metadataKeyDescription**
+     * prop.
+     */
+    metadataKeyDescription: prop_types_1.default.string,
+    /**
+     * A boolean to set whether or all the Cards should display the description
+     * for the options.
+     */
+    showDescription: prop_types_1.default.bool,
+};
+exports.Switch.defaultProps = {
+    description: undefined,
+    className: undefined,
+    //  Default use
+    attribute: undefined,
+    //  Default user overrides
+    metadataKeyDescription: undefined,
+    showDescription: true,
+    //  Custom use
+    title: undefined,
+    value: undefined,
+    onClick: undefined,
+};
+exports.Switch.componentName = 'Switch';
+exports.Switch.compatibleAttributes = new Set([constants_1.ATTRIBUTE_TYPES.boolean]);
+exports.default = (0, formInputContainer_1.default)(exports.Switch);

package/dist/components/Switch/switch.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Layer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Knob: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Checkbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const SwitchWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Switch/switch.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchWrapper = exports.Checkbox = exports.Knob = exports.Layer = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Layer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 100%;\n  border-radius: 100px;\n  background-color: #bbb;\n  transition: 0.3s ease all;\n  z-index: 1;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 100%;\n  border-radius: 100px;\n  background-color: #bbb;\n  transition: 0.3s ease all;\n  z-index: 1;\n"])));
+exports.Knob = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    width: 20px;\n    height: 10px;\n    color: #fff;\n    font-size: 10px;\n    font-weight: bold;\n    text-align: center;\n    line-height: 1;\n    padding: 9px 4px;\n    background-color: #fff;\n    border-radius: 50%;\n    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 4px;\n    left: 4px;\n    width: 20px;\n    height: 10px;\n    color: #fff;\n    font-size: 10px;\n    font-weight: bold;\n    text-align: center;\n    line-height: 1;\n    padding: 9px 4px;\n    background-color: #fff;\n    border-radius: 50%;\n    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);\n  }\n"])));
+exports.Checkbox = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 3;\n"], ["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n  z-index: 3;\n"])));
+exports.SwitchWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  width: 74px;\n  height: 36px;\n  overflow: hidden;\n\n  & ", ":active + ", ":before {\n    width: 46px;\n    border-radius: 100px;\n  }\n\n  & ", ":checked + ", ":before {\n    content: '';\n    left: 42px;\n  }\n\n  & ", ":checked:active + ", ":before {\n    margin-left: -26px;\n  }\n\n  & ", ":checked ~ ", " {\n    background-color: ", ";\n  }\n"], ["\n  position: relative;\n  width: 74px;\n  height: 36px;\n  overflow: hidden;\n\n  & ", ":active + ", ":before {\n    width: 46px;\n    border-radius: 100px;\n  }\n\n  & ", ":checked + ", ":before {\n    content: '';\n    left: 42px;\n  }\n\n  & ", ":checked:active + ", ":before {\n    margin-left: -26px;\n  }\n\n  & ", ":checked ~ ", " {\n    background-color: ", ";\n  }\n"])), exports.Checkbox, exports.Knob, exports.Checkbox, exports.Knob, exports.Checkbox, exports.Knob, exports.Checkbox, exports.Layer, function (props) { return props.theme.primaryColor; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/TextInput/index.js

@@ -16,6 +16,8 @@ var formInputContainer_1 = __importDefault(require("../containers/formInputConta
 var TextInput = function (props) {
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, maxLength = props.maxLength, customClassName = props.className;
     var cls = (0, utils_1.generateInputClassName)('text-input', customClassName, title);
+    if (typeof value !== 'string')
+        return react_1.default.createElement(react_1.default.Fragment, null);
     return (react_1.default.createElement(shared_styles_1.FormComponentWrapper, { className: cls },
         react_1.default.createElement(FormComponentTitle_1.default, { title: title, className: cls }),
         react_1.default.createElement(FormComponentDescription_1.default, { description: description, className: cls }),

package/dist/components/Upload/index.js

@@ -69,8 +69,9 @@ var icons_1 = require("../../icons");
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var upload_styles_1 = require("./upload.styles");
 var Upload = function (props) {
+    var _a, _b;
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, customClassName = props.className;
-    var _a = (0, react_1.useState)(false), isUploading = _a[0], setIsUploading = _a[1];
+    var _c = (0, react_1.useState)(false), isUploading = _c[0], setIsUploading = _c[1];
     var inputRef = (0, react_1.useRef)(null);
     var imgRef = (0, react_1.useRef)(null);
     var cls = (0, utils_1.generateInputClassName)('upload', customClassName, title);
@@ -78,7 +79,7 @@ var Upload = function (props) {
         var _a;
         if (isUploading)
             return;
-        if (value === null || value === void 0 ? void 0 : value.length)
+        if (typeof value === 'string' && (value === null || value === void 0 ? void 0 : value.length))
             return;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
@@ -109,7 +110,7 @@ var Upload = function (props) {
     return (react_1.default.createElement(shared_styles_1.FormComponentWrapper, null,
         react_1.default.createElement(FormComponentTitle_1.default, { title: title, className: cls }),
         react_1.default.createElement(FormComponentDescription_1.default, { description: description, className: cls }),
-        react_1.default.createElement(upload_styles_1.UploadWrapper, { className: cls, uploaded: !!(!isUploading && (value === null || value === void 0 ? void 0 : value.length)) },
+        react_1.default.createElement(upload_styles_1.UploadWrapper, { className: cls, uploaded: !!(!isUploading && ((_a = value) === null || _a === void 0 ? void 0 : _a.length)) },
             react_1.default.createElement("input", { type: "file", ref: inputRef, onChange: function (e) { return __awaiter(void 0, void 0, void 0, function () {
                     var _a;
                     return __generator(this, function (_b) {
@@ -122,7 +123,7 @@ var Upload = function (props) {
             react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(upload_styles_1.IconWrapper, null,
                     react_1.default.createElement(icons_1.SpinnerIcon, { size: "28px" })),
-                react_1.default.createElement("div", null, "Uploading..."))) : (value === null || value === void 0 ? void 0 : value.length) ? (react_1.default.createElement(upload_styles_1.ImageWrapper, null,
+                react_1.default.createElement("div", null, "Uploading..."))) : ((_b = value) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(upload_styles_1.ImageWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("img", { ref: imgRef, src: "#" })),
                 react_1.default.createElement(upload_styles_1.ImageActionArea, null,

package/dist/components/UploadArea/index.js

@@ -69,9 +69,10 @@ var icons_1 = require("../../icons");
 var formInputContainer_1 = __importDefault(require("../containers/formInputContainer"));
 var uploadArea_styles_1 = require("./uploadArea.styles");
 var UploadArea = function (props) {
+    var _a;
     var title = props.title, description = props.description, value = props.value, onChange = props.onChange, customClassName = props.className;
-    var _a = (0, react_1.useState)(false), isUploading = _a[0], setIsUploading = _a[1];
-    var _b = (0, react_1.useState)(undefined), filename = _b[0], setFilename = _b[1];
+    var _b = (0, react_1.useState)(false), isUploading = _b[0], setIsUploading = _b[1];
+    var _c = (0, react_1.useState)(undefined), filename = _c[0], setFilename = _c[1];
     var inputRef = (0, react_1.useRef)(null);
     var imgRef = (0, react_1.useRef)(null);
     var cls = (0, utils_1.generateInputClassName)('upload', customClassName, title);
@@ -120,7 +121,7 @@ var UploadArea = function (props) {
             react_1.default.createElement("button", { type: "button", onClick: handleClick }, isUploading ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement(icons_1.SpinnerIcon, { size: "28px" })),
-                react_1.default.createElement("div", null, "Uploading..."))) : (value === null || value === void 0 ? void 0 : value.length) ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
+                react_1.default.createElement("div", null, "Uploading..."))) : ((_a = value) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(uploadArea_styles_1.UploadingWrapper, null,
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("img", { ref: imgRef, src: "#" })),
                 react_1.default.createElement("div", null,

package/dist/components/containers/formInputContainer.d.ts

@@ -25,7 +25,7 @@ export interface IFormContainerProps extends Pick<MetadataKeys, 'metadataKeyThum
     sort?: string;
     title?: string;
     description?: string;
-    value?: string;
+    value?: string | boolean;
     onClick?: (value: RawAttributeValue) => Promise<void>;
     onChange?: (value: RawAttributeValue) => Promise<void>;
     className?: string;
@@ -41,7 +41,7 @@ interface IHydrateAttributeConfig {
     sort?: string;
 }
 export declare const hydrateAttributeForComponent: (attribute: IHydratedAttribute, config: IHydrateAttributeConfig) => {
-    selected: string | number | import("../../threekit").IConfigurationAsset | import("../../threekit").IConfigurationColor;
+    selected: string | number | boolean | import("../../threekit").IConfigurationAsset | import("../../threekit").IConfigurationColor;
     options: {
         name: string;
         handleSelect: () => Promise<void>;

package/dist/components/formComponents.js

@@ -18,7 +18,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var _a, _b, _c, _d, _e;
+var _a, _b, _c, _d, _e, _f;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formComponents = exports.FORM_COMPONENT_TYPES = void 0;
 var constants_1 = require("../constants");
@@ -31,6 +31,7 @@ var TilesGroup_1 = __importStar(require("./TilesGroup"));
 var Upload_1 = __importStar(require("./Upload"));
 // import UploadArea, { UploadArea as UploadAreaComponent } from './UploadArea';
 var TextInput_1 = __importStar(require("./TextInput"));
+var Switch_1 = __importStar(require("./Switch"));
 exports.FORM_COMPONENT_TYPES = {
     stringInput: 'string-input',
 };
@@ -59,5 +60,8 @@ exports.formComponents = (_a = {},
     _a[constants_1.ASSET_TYPES.upload] = (_e = {},
         _e[Upload_1.Upload.componentName] = Upload_1.default,
         _e),
+    _a[constants_1.ATTRIBUTE_TYPES.boolean] = (_f = {},
+        _f[Switch_1.Switch.componentName] = Switch_1.default,
+        _f),
     _a);
 exports.default = exports.formComponents;

package/dist/constants.d.ts

@@ -84,3 +84,10 @@ export declare const SNAPSHOT_OUTPUTS: {
  * Wishlist
  ****************************************************/
 export declare const WISHLIST_LOCALSTORAGE_KEY = "tk_wishlist";
+/*****************************************************
+ * Datatables
+ ****************************************************/
+export declare const DATATABLE_FORMATS: {
+    csv: string;
+    json: string;
+};

package/dist/constants.js

@@ -4,7 +4,7 @@
  ****************************************************/
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WISHLIST_LOCALSTORAGE_KEY = exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = exports.ASSET_TYPES = exports.ATTRIBUTE_TYPES = exports.DEFAULT_PLAYER_CONFIG = exports.TK_PLAYER_ROOT_DIV = exports.TK_PLAYER_LOADER_DIV = exports.TK_SAVED_CONFIG_PARAM_KEY = exports.TK_PRODUCT_ID_PARAM_KEY = exports.IS_TREBLE_SCRIPTS = exports.FORM_CLASS_NAME = exports.DISPLAY_CLASS_NAME = exports.TOOL_CLASS_NAME = exports.LAYOUT_CLASS_NAME = exports.WIDGET_CLASS_NAME = exports.INPUT_COMPONENT_CLASS_NAME = exports.CLASS_NAME_PREFIX = exports.DEFAULT_CLASS_NAME = void 0;
+exports.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 = void 0;
 exports.DEFAULT_CLASS_NAME = 'threekit-react';
 exports.CLASS_NAME_PREFIX = 'tk';
 exports.INPUT_COMPONENT_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-input");
@@ -97,3 +97,10 @@ exports.SNAPSHOT_OUTPUTS = {
  * Wishlist
  ****************************************************/
 exports.WISHLIST_LOCALSTORAGE_KEY = 'tk_wishlist';
+/*****************************************************
+ * Datatables
+ ****************************************************/
+exports.DATATABLE_FORMATS = {
+    csv: 'csv',
+    json: 'json',
+};

package/dist/http/datatables.d.ts

@@ -0,0 +1,18 @@
+interface IDatatable {
+    id: string;
+    orgId: string;
+    name: string;
+    version: number;
+    columnInfo: string;
+    createdBy: string;
+    updatedBy: string;
+    createdAt: string;
+    updatedAt: string;
+    deletedAt: null | string;
+    deletedBy: null | string;
+}
+export declare const getDatatablesList: () => Promise<import("axios").AxiosResponse<{
+    datatables: Array<IDatatable>;
+}>>;
+export declare const getDatatable: (datatableId: string) => Promise<import("axios").AxiosResponse<string>>;
+export {};

package/dist/http/datatables.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDatatable = exports.getDatatablesList = void 0;
+var request_1 = __importDefault(require("./request"));
+var DATATABLES_API_ROUTE = "/api/datatables";
+var getDatatablesList = function () {
+    return request_1.default.get(DATATABLES_API_ROUTE);
+};
+exports.getDatatablesList = getDatatablesList;
+var getDatatable = function (datatableId) {
+    var error;
+    if (!datatableId)
+        error = 'Requires a datatableId';
+    if (error)
+        throw new Error(error);
+    //   return threekitRequest.get<Array<IDatatable>>(
+    return request_1.default.get("".concat(DATATABLES_API_ROUTE, "/").concat(datatableId, "/download"));
+};
+exports.getDatatable = getDatatable;

package/dist/http/index.d.ts

@@ -3,6 +3,7 @@ import * as products from './products';
 import * as configurations from './configurations';
 import * as pricebook from './pricebook';
 import * as catalog from './catalog';
+import * as datatables from './datatables';
 import * as server from './server';
 declare const _default: {
     orders: typeof orders;
@@ -10,6 +11,7 @@ declare const _default: {
     configurations: typeof configurations;
     pricebook: typeof pricebook;
     catalog: typeof catalog;
+    datatables: typeof datatables;
     server: typeof server;
 };
 export default _default;

package/dist/http/index.js

@@ -24,6 +24,7 @@ var products = __importStar(require("./products"));
 var configurations = __importStar(require("./configurations"));
 var pricebook = __importStar(require("./pricebook"));
 var catalog = __importStar(require("./catalog"));
+var datatables = __importStar(require("./datatables"));
 var server = __importStar(require("./server"));
 exports.default = {
     orders: orders,
@@ -31,5 +32,6 @@ exports.default = {
     configurations: configurations,
     pricebook: pricebook,
     catalog: catalog,
+    datatables: datatables,
     server: server,
 };

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import Swatch from './components/Swatch';
 import Tiles from './components/Tiles';
 import TilesGroup from './components/TilesGroup';
 import Upload from './components/Upload';
+import Switch from './components/Switch';
 import ProductName from './components/ProductName';
 import ProductDescription from './components/ProductDescription';
 import AttributeTitle from './components/AttributeTitle';
@@ -43,4 +44,4 @@ import icons from './icons';
 export * from './icons';
 import TrebleApp from './components/TrebleApp';
 import ProductLayout from './components/ProductLayout';
-export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };
+export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, usePlayerPortal, useProductCache, useNestedConfigurator, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, Upload, Switch, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, TrebleApp, ProductLayout, };

package/dist/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
+exports.ProductLayout = exports.TrebleApp = exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.Switch = exports.Upload = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useNestedConfigurator = exports.useProductCache = exports.usePlayerPortal = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
 //  Hooks
 var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
 exports.useAttribute = useAttribute_1.default;
@@ -66,6 +66,8 @@ var TilesGroup_1 = __importDefault(require("./components/TilesGroup"));
 exports.TilesGroup = TilesGroup_1.default;
 var Upload_1 = __importDefault(require("./components/Upload"));
 exports.Upload = Upload_1.default;
+var Switch_1 = __importDefault(require("./components/Switch"));
+exports.Switch = Switch_1.default;
 //  Display
 var ProductName_1 = __importDefault(require("./components/ProductName"));
 exports.ProductName = ProductName_1.default;

package/dist/store/treble.js

@@ -190,6 +190,7 @@ var initPlayer = function (config) { return function (dispatch) { return __await
                     window.threekit = {
                         player: player,
                         configurator: configurator,
+                        services: api_1.default,
                         treble: new Treble_1.default({
                             player: player,
                             orgId: orgId,

package/dist/threekit.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="webpack-env" />
+import threekitAPI from './api';
 import Treble from './Treble';
 declare type SCENE_PHASES = 'LOADED' | 'PRELOADED' | 'RENDERED';
 declare type PRIVATE_APIS = 'scene' | 'player';
 export declare type DISPLAY_OPTIONS = 'webgl' | 'image';
-export declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number';
+export declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number' | 'Boolean';
 export declare type AssetType = 'upload' | 'item';
 export declare type IMetadata = Record<string, string | number | null>;
 /***************************************************
@@ -53,7 +54,7 @@ export interface IConfigurationColor {
     g: number;
     b: number;
 }
-export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationColor | string | number | undefined;
+export declare type IConfigurationAttribute = IConfigurationAsset | IConfigurationColor | string | number | boolean | undefined;
 export declare type IConfiguration = Record<string, IConfigurationAttribute>;
 export declare type ISetConfiguration = Record<string, IConfigurationAttribute>;
 /***************************************************
@@ -131,12 +132,16 @@ export interface IAttributeNumber extends IAttributeBase<'Number', number> {
     min?: number;
     step: number;
 }
+/****** NUMBER TYPE ATTRIBUTE *******/
+export interface IAttributeBoolean extends IAttributeBase<'Boolean', boolean> {
+    defaultValue: boolean;
+}
 /****** getAttributes() *******/
-export declare type IThreekitAttribute = IAttributeAsset | IAttributeColor | IAttributeString | IAttributeNumber;
+export declare type IThreekitAttribute = IAttributeAsset | IAttributeColor | IAttributeString | IAttributeNumber | IAttributeBoolean;
 /****** getDisplayAttributes() *******/
-export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeString | IAttributeColor | IAttributeNumber;
+export declare type IThreekitDisplayAttribute = IDisplayAttributeAsset | IDisplayAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
 /****** Treble Hydrated Values *******/
-export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeString | IAttributeColor | IAttributeNumber;
+export declare type IHydratedAttribute = IHydratedAttributeAsset | IHydratedAttributeString | IAttributeColor | IAttributeNumber | IAttributeBoolean;
 /***************************************************
  *  Camera
  **************************************************/
@@ -292,6 +297,7 @@ declare global {
         threekit: {
             player: IThreekitPlayer;
             configurator: IThreekitConfigurator;
+            services: typeof threekitAPI;
             treble: Treble;
         };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.61",
+  "version": "0.0.64",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [