@threekit-tools/treble 0.0.93 → 0.0.94-next-01

package/dist/Treble/Treble.d.ts

@@ -1,7 +1,7 @@
 import threekitAPI from '../api';
 import { IThreekitPlayer, IThreekitPrivatePlayer, IThreekitPrivateConfigurator } from '../types';
 import { IWishlist } from './wishlist';
-import snapshots from './snapshots';
+import snapshot from './snapshot';
 import { ISaveConfiguration } from '../api/configurations';
 import { ICreateOrder } from '../api/orders';
 import { ICartItem } from '../http/orders';
@@ -22,7 +22,7 @@ declare class Treble {
     _player: IThreekitPrivatePlayer;
     wishlist: IWishlist;
     private _snapshots;
-    takeSnapshots: typeof snapshots['takeSnapshots'];
+    takeSnapshots: typeof snapshot['takeSnapshots'];
     _debugMode: boolean;
     constructor({ player, orgId }: ITreble);
     createOrder: (order?: IOrder) => Promise<import("../http/orders").IOrderResponse>;

package/dist/Treble/Treble.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {
@@ -45,7 +45,7 @@ var types_1 = require("../types");
 var constants_1 = require("../constants");
 var utils_1 = require("../utils");
 var wishlist_1 = __importDefault(require("./wishlist"));
-var snapshots_1 = __importDefault(require("./snapshots"));
+var snapshot_1 = __importDefault(require("./snapshot"));
 var Treble = (function () {
     function Treble(_a) {
         var player = _a.player, orgId = _a.orgId;
@@ -80,14 +80,14 @@ var Treble = (function () {
             });
         }); };
         this.saveConfiguration = function (config) { return __awaiter(_this, void 0, void 0, function () {
-            var threekitDomain, _a, customerId, metadata, configuration, productVersion, attachments, creator, player, response, params, url;
+            var threekitDomain, _a, customerId, metadata, configuration, productVersion, attachments, player, response, params, url;
             var _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
                         threekitDomain = connection_1.default.getConnection().threekitDomain;
-                        _a = Object.assign({}, config), customerId = _a.customerId, metadata = _a.metadata, configuration = _a.configuration, productVersion = _a.productVersion, attachments = _a.attachments, creator = _a.creator;
+                        _a = Object.assign({}, config), customerId = _a.customerId, metadata = _a.metadata, configuration = _a.configuration, productVersion = _a.productVersion, attachments = _a.attachments;
                         player = window.threekit.player.enableApi(types_1.PRIVATE_APIS.PLAYER);
                         return [4, api_1.default.configurations.save({
                                 assetId: window.threekit.player.assetId,
@@ -96,7 +96,6 @@ var Treble = (function () {
                                 metadata: metadata,
                                 productVersion: productVersion,
                                 attachments: attachments,
-                                creator: creator,
                             })];
                     case 1:
                         response = _d.sent();
@@ -148,7 +147,7 @@ var Treble = (function () {
         };
         this._api = api_1.default;
         this.wishlist = (0, wishlist_1.default)(orgId);
-        this._snapshots = snapshots_1.default;
+        this._snapshots = snapshot_1.default;
         this.takeSnapshots = this._snapshots.takeSnapshots;
         this._player = player.enableApi(types_1.PRIVATE_APIS.PLAYER);
         this._debugMode = constants_1.TREBLE_DEBUG;

package/dist/Treble/index.d.ts

@@ -1,5 +1,5 @@
 import Treble from './Treble';
 export * from './Treble';
-export * from './snapshots';
+export * from './snapshot';
 export * from './wishlist';
 export default Treble;

package/dist/Treble/index.js

@@ -19,6 +19,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var Treble_1 = __importDefault(require("./Treble"));
 __exportStar(require("./Treble"), exports);
-__exportStar(require("./snapshots"), exports);
+__exportStar(require("./snapshot"), exports);
 __exportStar(require("./wishlist"), exports);
 exports.default = Treble_1.default;

package/dist/Treble/{snapshots.d.ts → snapshot.d.ts}

@@ -1,4 +1,4 @@
-export type ISnapshotsCameras = undefined | string | Array<string | undefined>;
+export declare type ISnapshotsCameras = undefined | string | Array<string | undefined>;
 interface SnapshotSize {
     width: number;
     height: number;

package/dist/Treble/{snapshots.js → snapshot.js}

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/Treble/wishlist.d.ts

@@ -1,6 +1,6 @@
 import { IConfigurationResponse } from '../http/configurations';
 import { ISaveConfiguration } from '../api/configurations';
-export type WishlistArray = Array<IConfigurationResponse>;
+export declare type WishlistArray = Array<IConfigurationResponse>;
 export interface IWishlist {
     getWishlist(): Promise<Array<IConfigurationResponse>>;
     addItem(config?: Omit<ISaveConfiguration, 'configuration'>): Promise<Array<IConfigurationResponse>>;

package/dist/Treble/wishlist.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/api/catalog.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/api/configurations.d.ts

@@ -7,7 +7,6 @@ export interface ISaveConfiguration {
     metadata?: IMetadata;
     productVersion?: string;
     attachments?: Record<string, File>;
-    creator?: string;
 }
 export declare const save: (saveConfig: ISaveConfiguration) => Promise<import("axios").AxiosResponse<IConfigurationResponse>>;
 export declare const fetch: (configurationId: string) => Promise<import("axios").AxiosResponse<IConfigurationResponse>>;

package/dist/api/configurations.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {
@@ -42,9 +42,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchAll = exports.fetch = exports.save = void 0;
 var http_1 = __importDefault(require("../http"));
 var save = function (saveConfig) { return __awaiter(void 0, void 0, void 0, function () {
-    var assetId, customerId, configuration, metadata, productVersion, attachments, creator, error, fd, attachmentsPrepped_1;
+    var assetId, customerId, configuration, metadata, productVersion, attachments, error, fd, attachmentsPrepped_1;
     return __generator(this, function (_a) {
-        assetId = saveConfig.assetId, customerId = saveConfig.customerId, configuration = saveConfig.configuration, metadata = saveConfig.metadata, productVersion = saveConfig.productVersion, attachments = saveConfig.attachments, creator = saveConfig.creator;
+        assetId = saveConfig.assetId, customerId = saveConfig.customerId, configuration = saveConfig.configuration, metadata = saveConfig.metadata, productVersion = saveConfig.productVersion, attachments = saveConfig.attachments;
         if (!assetId)
             error = 'Requires Asset Id';
         if (!configuration)
@@ -71,13 +71,6 @@ var save = function (saveConfig) { return __awaiter(void 0, void 0, void 0, func
             });
             fd.append('attachments', JSON.stringify(attachmentsPrepped_1));
         }
-        fd.append('sessionId', window.threekit.player.sessionId);
-        if (creator) {
-            fd.append('creator', creator);
-        }
-        else {
-            fd.append('creator', 'player api');
-        }
         return [2, http_1.default.configurations.postConfiguration(fd)];
     });
 }); };

package/dist/api/datatables.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/api/index.d.ts

@@ -1,4 +1,4 @@
-import * as assets from './assets';
+import * as products from './products';
 import * as configurations from './configurations';
 import * as price from './price';
 import * as orders from './orders';
@@ -6,7 +6,7 @@ import * as catalog from './catalog';
 import * as datatables from './datatables';
 import * as server from './server';
 declare const _default: {
-    assets: typeof assets;
+    products: typeof products;
     configurations: typeof configurations;
     price: typeof price;
     orders: typeof orders;

package/dist/api/index.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var assets = __importStar(require("./assets"));
+var products = __importStar(require("./products"));
 var configurations = __importStar(require("./configurations"));
 var price = __importStar(require("./price"));
 var orders = __importStar(require("./orders"));
@@ -31,7 +31,7 @@ var catalog = __importStar(require("./catalog"));
 var datatables = __importStar(require("./datatables"));
 var server = __importStar(require("./server"));
 exports.default = {
-    assets: assets,
+    products: products,
     configurations: configurations,
     price: price,
     orders: orders,

package/dist/api/orders.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/api/price.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/api/products.d.ts

@@ -0,0 +1,4 @@
+declare type ITranslation = Record<string, string | undefined>;
+export declare type ITranslationMap = Record<string, ITranslation>;
+export declare const fetchTranslations: () => Promise<ITranslationMap>;
+export {};

package/dist/api/{assets.js → products.js}

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {
@@ -41,15 +41,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchTranslations = void 0;
 var http_1 = __importDefault(require("../http"));
-var fetchTranslations = function (locale) { return __awaiter(void 0, void 0, void 0, function () {
-    var response;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4, http_1.default.assets.getTranslationsForLocale(locale)];
-            case 1:
-                response = _a.sent();
-                return [2, response.data];
-        }
-    });
-}); };
+var fetchTranslations = function () {
+    return new Promise(function (resolve) { return __awaiter(void 0, void 0, void 0, function () {
+        var translations, csvData, languages, translationMap;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4, http_1.default.products.getTranslations()];
+                case 1:
+                    translations = _a.sent();
+                    csvData = translations.data
+                        .replace(/"/g, '')
+                        .split('\n')
+                        .map(function (el) { return el.split(','); });
+                    languages = csvData[0];
+                    translationMap = csvData.reduce(function (output, row, idx) {
+                        if (!idx)
+                            return output;
+                        output[row[0]] = row.reduce(function (result, el, i) {
+                            var _a;
+                            if (!i)
+                                return result;
+                            return Object.assign(result, (_a = {},
+                                _a[languages[i]] = el.length ? el : undefined,
+                                _a));
+                        }, {});
+                        return output;
+                    }, {});
+                    resolve(translationMap);
+                    return [2];
+            }
+        });
+    }); });
+};
 exports.fetchTranslations = fetchTranslations;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface IAttributeTitle {
     title?: string;
@@ -6,7 +6,7 @@ interface IAttributeTitle {
     className?: string;
 }
 export declare const AttributeTitle: {
-    (props: IAttributeTitle): React.JSX.Element | null;
+    (props: IAttributeTitle): JSX.Element | null;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;

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

@@ -1,11 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface IAttributeValue {
     attribute?: string;
     className?: string;
 }
 export declare const AttributeValue: {
-    (props: IAttributeValue): React.JSX.Element | null;
+    (props: IAttributeValue): JSX.Element | null;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/dist/components/BreatheAnimation/index.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-export type BUTTON_TYPES = 'hollow' | 'standard' | 'accent' | 'primary' | 'threekit';
-export type BUTTON_SHAPES = 'round' | 'shape';
+export declare type BUTTON_TYPES = 'hollow' | 'standard' | 'accent' | 'primary' | 'threekit';
+export declare type BUTTON_SHAPES = 'round' | 'shape';
 interface IButton {
     type: BUTTON_TYPES;
     icon?: string;
@@ -23,7 +23,7 @@ export declare const SHAPES: {
     square: string;
 };
 export declare const Button: {
-    (props: IButton): React.JSX.Element | null;
+    (props: IButton): JSX.Element | null;
     propTypes: {
         title: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<string>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOption } from '../containers/formInputContainer';
@@ -8,7 +8,7 @@ export interface ICards extends IFormComponentProps<IOption> {
     showDescription?: boolean;
 }
 export declare const Cards: {
-    (props: ICards): React.JSX.Element;
+    (props: ICards): JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
@@ -50,5 +50,5 @@ export declare const Cards: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: ICards) => React.JSX.Element | null;
+declare const _default: (props: ICards) => JSX.Element | null;
 export default _default;

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

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const DevTools: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const DevTools: () => JSX.Element;
 export default DevTools;

package/dist/components/DraggableHint/draggableIndicator.styles.d.ts

@@ -1,5 +1,5 @@
 import { DraggableIndicatorProps } from './index';
-type HandWrapperProps = Pick<DraggableIndicatorProps, 'color' | 'duration'>;
+declare type HandWrapperProps = Pick<DraggableIndicatorProps, 'color' | 'duration'>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const HandWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HandWrapperProps, never>;
 export {};

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 export interface DraggableIndicatorProps {
     color?: string;
     duration?: number;
     timeout?: number;
 }
-export declare function DraggableIndicator(props: DraggableIndicatorProps): React.JSX.Element | null;
+export declare function DraggableIndicator(props: DraggableIndicatorProps): JSX.Element | null;
 export default DraggableIndicator;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ATTRIBUTE_TYPES } from '../../types';
 import { IFormComponentProps, IOption } from '../containers/formInputContainer';
@@ -9,7 +9,7 @@ export interface IDropdown extends IFormComponentProps<IOption> {
     dropdownMaxHeight?: string;
 }
 export declare const Dropdown: {
-    (props: IDropdown): React.JSX.Element;
+    (props: IDropdown): JSX.Element;
     propTypes: {
         attribute: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
@@ -52,5 +52,5 @@ export declare const Dropdown: {
     componentName: string;
     compatibleAttributes: Set<ATTRIBUTE_TYPES>;
 };
-declare const _default: (props: IDropdown) => React.JSX.Element | null;
+declare const _default: (props: IDropdown) => JSX.Element | null;
 export default _default;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface FlatFormProps {
     title?: string;
@@ -10,7 +10,7 @@ interface FlatFormProps {
     includeReservedAttributes: boolean;
 }
 export declare const FlatForm: {
-    (props: FlatFormProps): React.JSX.Element | null;
+    (props: FlatFormProps): JSX.Element | null;
     propTypes: {
         title: PropTypes.Requireable<string>;
         alignTitle: PropTypes.Requireable<string>;

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

@@ -4,5 +4,5 @@ interface IFormComponentDescription {
     className: string;
     description?: string;
 }
-export declare const FormComponentDescription: (props: IFormComponentDescription) => React.JSX.Element | null;
+export declare const FormComponentDescription: (props: IFormComponentDescription) => JSX.Element | null;
 export default FormComponentDescription;

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

@@ -4,5 +4,5 @@ interface IFormComponentTitle {
     className: string;
     title?: string;
 }
-export declare const FormComponentTitle: (props: IFormComponentTitle) => React.JSX.Element | null;
+export declare const FormComponentTitle: (props: IFormComponentTitle) => JSX.Element | null;
 export default FormComponentTitle;

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

@@ -8,14 +8,14 @@ export interface PlayerProps extends IProps {
     minHeight?: string;
 }
 declare const Player: {
-    (props: PlayerProps): React.JSX.Element;
-    TopLeftWidgets(props: IProps): React.JSX.Element;
-    TopCenterWidgets(props: IProps): React.JSX.Element;
-    TopRightWidgets(props: IProps): React.JSX.Element;
-    MiddleLeftWidgets(props: IProps): React.JSX.Element;
-    MiddleRightWidgets(props: IProps): React.JSX.Element;
-    BottomLeftWidgets(props: IProps): React.JSX.Element;
-    BottomCenterWidgets(props: IProps): React.JSX.Element;
-    BottomRightWidgets(props: IProps): React.JSX.Element;
+    (props: PlayerProps): JSX.Element;
+    TopLeftWidgets(props: IProps): JSX.Element;
+    TopCenterWidgets(props: IProps): JSX.Element;
+    TopRightWidgets(props: IProps): JSX.Element;
+    MiddleLeftWidgets(props: IProps): JSX.Element;
+    MiddleRightWidgets(props: IProps): JSX.Element;
+    BottomLeftWidgets(props: IProps): JSX.Element;
+    BottomCenterWidgets(props: IProps): JSX.Element;
+    BottomRightWidgets(props: IProps): JSX.Element;
 };
 export default Player;

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

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 export interface PlayerLoadingCircularProps {
     size?: string;
 }
-export declare function PlayerLoadingCircular(props: PlayerLoadingCircularProps): React.JSX.Element | null;
+export declare function PlayerLoadingCircular(props: PlayerLoadingCircularProps): JSX.Element | null;
 export default PlayerLoadingCircular;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 export interface PlayerLoadingSpinnerProps {
     duration?: number;
     size?: string;
 }
-export declare function PlayerLoadingSpinner(props: PlayerLoadingSpinnerProps): React.JSX.Element | null;
+export declare function PlayerLoadingSpinner(props: PlayerLoadingSpinnerProps): JSX.Element | null;
 export default PlayerLoadingSpinner;

package/dist/components/PlayerLoadingSpinner/playerLoadingSpinner.styles.d.ts

@@ -1,4 +1,4 @@
 import { PlayerLoadingSpinnerProps } from './index';
-type WrapperProps = Pick<PlayerLoadingSpinnerProps, 'duration' | 'size'>;
+declare type WrapperProps = Pick<PlayerLoadingSpinnerProps, 'duration' | 'size'>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WrapperProps, never>;
 export {};

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

@@ -1,11 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface IProductDescription {
     description?: string;
     className?: string;
 }
 export declare const ProductDescriptionComponent: {
-    (props: IProductDescription): React.JSX.Element;
+    (props: IProductDescription): JSX.Element;
     propTypes: {
         description: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
@@ -15,5 +15,5 @@ export declare const ProductDescriptionComponent: {
         className: string;
     };
 };
-declare const ProductDescription: (props: IProductDescription) => React.JSX.Element | null;
+declare const ProductDescription: (props: IProductDescription) => JSX.Element | null;
 export default ProductDescription;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface ITitle {
     title?: string;
@@ -6,7 +6,7 @@ interface ITitle {
     align?: string;
 }
 export declare const ProductNameComponent: {
-    (props: ITitle): React.JSX.Element;
+    (props: ITitle): JSX.Element;
     propTypes: {
         title: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
@@ -17,5 +17,5 @@ export declare const ProductNameComponent: {
         align: string;
     };
 };
-export declare const ProductName: (props: ITitle) => React.JSX.Element | null;
+export declare const ProductName: (props: ITitle) => JSX.Element | null;
 export default ProductName;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { BUTTON_SHAPES, BUTTON_TYPES } from '../Button';
 import type { Positions } from './share.styles';
@@ -10,7 +10,7 @@ interface ShareProps {
     position: Positions;
 }
 export declare const Share: {
-    (props: ShareProps): React.JSX.Element | null;
+    (props: ShareProps): JSX.Element | null;
     propTypes: {
         className: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;

package/dist/components/Share/index.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        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]) {

package/dist/components/Share/share.styles.d.ts

@@ -1,4 +1,4 @@
-export type Positions = 'top-right' | 'bottom-right' | 'bottom-left' | 'top-left';
+export declare type Positions = 'top-right' | 'bottom-right' | 'bottom-left' | 'top-left';
 interface PositionProps {
     position: Positions;
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { BUTTON_SHAPES, BUTTON_TYPES } from '../Button';
 import { ISnapshotsCameras, ITakeSnapshotsConfig } from '../../Treble';
@@ -10,7 +10,7 @@ interface SnapshotProps {
     className?: string;
 }
 export declare const Snapshots: {
-    (props: SnapshotProps): React.JSX.Element | null;
+    (props: SnapshotProps): JSX.Element | null;
     propTypes: {
         className: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;