@threekit-tools/treble 0.0.14 → 0.0.15

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

@@ -1,9 +1,10 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface FlatFormProps {
     title?: string;
+    hideTitle?: boolean;
     alignTitle?: string;
     description?: string;
+    hideDescription?: boolean;
     className?: string;
     includeReservedAttributes: boolean;
 }

package/dist/components/FlatForm/index.js

@@ -27,16 +27,18 @@ var FlatForm = function (props) {
     var _a = Object.assign({
         alignTitle: 'center',
         attributes: {},
+        hideTitle: false,
+        hideDescription: false,
         includeReservedAttributes: false,
-    }, props), title = _a.title, alignTitle = _a.alignTitle, description = _a.description, attributes = _a.attributes, customClassName = _a.className, includeReservedAttributes = _a.includeReservedAttributes;
+    }, props), title = _a.title, hideTitle = _a.hideTitle, alignTitle = _a.alignTitle, description = _a.description, hideDescription = _a.hideDescription, attributes = _a.attributes, customClassName = _a.className, includeReservedAttributes = _a.includeReservedAttributes;
     var attributesData = (0, useConfigurator_1.default)()[0];
     if (!attributesData)
         return null;
     var filterAttributes = (0, utils_1.filterFormAttributes)(attributesData, attributes, includeReservedAttributes);
     var cls = (0, utils_1.generateFormClassName)('flat-form', customClassName, title);
     return (react_1.default.createElement(flatForm_styles_1.Wrapper, { className: cls },
-        react_1.default.createElement(ProductName_1.default, { align: alignTitle, title: title, className: customClassName }),
-        react_1.default.createElement(ProductDescription_1.default, { description: description, className: customClassName }),
+        hideTitle ? null : (react_1.default.createElement(ProductName_1.default, { align: alignTitle, title: title, className: customClassName })),
+        hideDescription ? null : (react_1.default.createElement(ProductDescription_1.default, { description: description, className: customClassName })),
         filterAttributes.map(function (attr, i) {
             var _a, _b, _c, _d, _e, _f;
             var Component;

package/dist/components/FormComponentTitle/formComponentTitle.styles.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 14px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ", ";\n  font-family: ", ";\n"], ["\n  margin-bottom: 14px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ", ";\n  font-family: ", ";\n"])), function (props) { return props.theme.headingColor; }, function (props) { return props.theme.fontFamily; });
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 14px;\n  font-size: 18px;\n  font-weight: 600;\n  color: ", ";\n  font-family: ", ";\n"], ["\n  margin-bottom: 14px;\n  font-size: 18px;\n  font-weight: 600;\n  color: ", ";\n  font-family: ", ";\n"])), function (props) { return props.theme.headingColor; }, function (props) { return props.theme.fontFamily; });
 var templateObject_1;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 interface IPortalToElementProps {
-    elementId?: string;
+    to?: string;
     strict?: boolean;
 }
 export declare const PortalToElement: React.FC<IPortalToElementProps>;

package/dist/components/PortalToElement/index.js

@@ -8,13 +8,13 @@ var react_1 = __importDefault(require("react"));
 var react_dom_1 = require("react-dom");
 var prop_types_1 = __importDefault(require("prop-types"));
 var PortalToElement = function (props) {
-    var _a = Object.assign({ strict: false }, props), children = _a.children, elementId = _a.elementId, strict = _a.strict;
-    if (!elementId) {
+    var _a = Object.assign({ strict: false }, props), children = _a.children, to = _a.to, strict = _a.strict;
+    if (!to) {
         if (strict)
             return null;
         return react_1.default.createElement(react_1.default.Fragment, null, children);
     }
-    var htmlEl = document.getElementById(elementId);
+    var htmlEl = document.getElementById(to);
     if (!htmlEl) {
         if (strict)
             return null;
@@ -27,7 +27,7 @@ exports.PortalToElement.propTypes = {
     /**
      * The id of the HTML element you want the content to be rendered in
      */
-    elementId: prop_types_1.default.string,
+    to: prop_types_1.default.string,
     /**
      * Defines the behaviour if the HTML element is not found. If strict is
      * set to `true` the content will not render, if set to `false` the

package/dist/components/ProductDescription/description.styles.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: #666;\n  font-family: ", ";\n"], ["\n  margin-bottom: 15px;\n  color: #666;\n  font-family: ", ";\n"])), function (props) { return props.theme.fontFamily; });
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: #666;\n  font-size: 18px;\n  font-family: ", ";\n"], ["\n  margin-bottom: 15px;\n  color: #666;\n  font-size: 18px;\n  font-family: ", ";\n"])), function (props) { return props.theme.fontFamily; });
 var templateObject_1;

package/dist/components/ProductName/productName.styles.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 20px;\n  font-weight: 600;\n  margin-bottom: 8px;\n  text-align: ", ";\n  font-family: ", ";\n"], ["\n  font-size: 20px;\n  font-weight: 600;\n  margin-bottom: 8px;\n  text-align: ", ";\n  font-family: ", ";\n"])), function (props) { return props.align || 'left'; }, function (props) { return props.theme.fontFamily; });
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 32px;\n  font-weight: 600;\n  margin-bottom: 8px;\n  text-align: ", ";\n  font-family: ", ";\n"], ["\n  font-size: 32px;\n  font-weight: 600;\n  margin-bottom: 8px;\n  text-align: ", ";\n  font-family: ", ";\n"])), function (props) { return props.align || 'left'; }, function (props) { return props.theme.fontFamily; });
 var templateObject_1;

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

@@ -45,7 +45,7 @@ interface IPrepAttributeConfig {
     sort?: string;
 }
 export declare const prepAttributeForComponent: (attribute: IThreekitDisplayAttribute, config: IPrepAttributeConfig) => {
-    selected: string | number | import("../../threekit").IConfigurationColor | import("../../threekit").IConfigurationAsset;
+    selected: string | number | import("../../threekit").IConfigurationAsset | import("../../threekit").IConfigurationColor;
     options: IDisplayAttributeAssetValue[] | {
         name: string;
         label: string;

package/dist/hooks/useShare/index.d.ts

@@ -1,3 +1,3 @@
-declare type UseShareHook = undefined | ((msg: string | undefined) => Promise<void>);
+declare type UseShareHook = undefined | ((msg: string | undefined) => Promise<undefined | string>);
 declare const useShare: () => UseShareHook;
 export default useShare;

package/dist/hooks/useShare/index.js

@@ -57,11 +57,11 @@ var useShare = function () {
                     case 1:
                         configuration = _a.sent();
                         if (!configuration)
-                            return [2 /*return*/];
+                            return [2 /*return*/, Promise.resolve(undefined)];
                         (0, utils_1.copyToClipboard)(configuration.resumableUrl);
                         if (msg === null || msg === void 0 ? void 0 : msg.length)
                             message_1.default.info(msg);
-                        return [2 /*return*/];
+                        return [2 /*return*/, Promise.resolve((configuration === null || configuration === void 0 ? void 0 : configuration.resumableUrl) || undefined)];
                 }
             });
         });

package/dist/store/index.d.ts

@@ -1,13 +1,13 @@
 import { TypedUseSelectorHook } from 'react-redux';
 declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     threekit: import("./threekit").ThreekitState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
     threekit: import("./threekit").ThreekitState;
 }, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
     threekit: import("./threekit").ThreekitState;
 }, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
     threekit: import("./threekit").ThreekitState;
-}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}, import("redux").Dispatch<import("redux").AnyAction>> | import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>>>;
 export declare type RootState = ReturnType<typeof store.getState>;
 export declare type ThreekitDispatch = typeof store.dispatch;
 export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<{

package/dist/store/threekit.d.ts

@@ -1,5 +1,5 @@
 import { RootState, ThreekitDispatch } from './index';
-import { IConfiguration, ISetConfiguration, IThreekitDisplayAttribute, IMetadata, DISPLAY_OPTIONS } from '../threekit';
+import { ISetConfiguration, IThreekitDisplayAttribute, IMetadata, ThreekitInitConfig } from '../threekit';
 import { ITranslationMap } from '../api/products';
 import { ISaveConfigurationConfig, WishlistArray } from '../Treble';
 /*****************************************************
@@ -8,30 +8,17 @@ import { ISaveConfigurationConfig, WishlistArray } from '../Treble';
 export interface IThreekitCredentials {
     publicToken: string;
     assetId: string;
+    configurationId?: string;
     orgId: string;
     stageId?: string;
     publishStage?: string;
     threekitDomain?: string;
 }
-export interface ILaunchConfig {
+export interface ILaunchConfig extends Omit<ThreekitInitConfig, 'el' | 'authToken' | 'orgId' | 'assetId' | 'stageId'> {
     threekitEnv?: string;
     preview: IThreekitCredentials;
     'admin-fts': IThreekitCredentials;
-    configurationId?: string;
     elementId?: string;
-    public: string;
-    cache?: string;
-    showConfigurator?: boolean;
-    initialConfiguration?: IConfiguration;
-    showLoadingThumbnail?: boolean;
-    showLoadingProgress?: boolean;
-    onLoadingProgress?: boolean;
-    showAR?: boolean;
-    showShare?: boolean;
-    locale?: string;
-    allowMobileVerticalOrbit?: boolean;
-    publishStage?: string;
-    display?: DISPLAY_OPTIONS;
     language?: string | undefined;
 }
 interface IPriceConfig {

package/dist/store/threekit.js

@@ -87,7 +87,7 @@ var createPlayerLoaderEl = function (elementId) {
 var initialState = {
     //  Player HTML element
     playerElId: undefined,
-    //  Name of the Intialized Item
+    //  Name of the Initialized Item
     name: undefined,
     //  Initialized item's metadata
     metadata: undefined,
@@ -115,15 +115,15 @@ var _a = (0, toolkit_1.createSlice)({
         setPlayerLoading: function (state, action) {
             state.isPlayerLoading = action.payload;
         },
-        //  Intialized Item's Name
+        //  Initialized Item's Name
         setPlayerElement: function (state, action) {
             state.playerElId = action.payload;
         },
-        //  Intialized Item's Name
+        //  Initialized Item's Name
         setName: function (state, action) {
             state.name = action.payload;
         },
-        //  Intialized Item's Metadata
+        //  Initialized Item's Metadata
         setMetadata: function (state, action) {
             state.metadata = action.payload;
         },
@@ -264,12 +264,10 @@ var launch = function (launchConfig) { return function (dispatch) { return __awa
     var _a, 
     //  Threekit Env specific credentials,
     threekitEnv, 
-    //  User saved configuration
-    configurationId, 
     //  Threekit Player Init
     elementId, 
     // cache,
-    showConfigurator, initialConfigurationRaw, showLoadingThumbnail, showLoadingProgress, onLoadingProgress, showAR, showShare, locale, allowMobileVerticalOrbit, publishStage, display, threekitCredentials, threekitDomainRaw, assetId, authToken, orgId, stageId, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration, el, _b, player, translations, pricebook, _c, priceConfig, productName, wishlistData;
+    showConfigurator, initialConfigurationRaw, showLoadingThumbnail, showLoadingProgress, onLoadingProgress, showAR, showShare, locale, allowMobileVerticalOrbit, publishStage, display, threekitCredentials, threekitDomainRaw, assetId, authToken, orgId, stageId, configurationId, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration, el, _b, player, translations, pricebook, _c, priceConfig, productName, wishlistData;
     var _d;
     var _e;
     return __generator(this, function (_f) {
@@ -277,10 +275,10 @@ var launch = function (launchConfig) { return function (dispatch) { return __awa
             case 0:
                 if (window.threekit)
                     return [2 /*return*/];
-                _a = Object.assign(constants_1.DEFAULT_PLAYER_CONFIG, launchConfig), threekitEnv = _a.threekitEnv, configurationId = _a.configurationId, elementId = _a.elementId, showConfigurator = _a.showConfigurator, initialConfigurationRaw = _a.initialConfiguration, showLoadingThumbnail = _a.showLoadingThumbnail, showLoadingProgress = _a.showLoadingProgress, onLoadingProgress = _a.onLoadingProgress, showAR = _a.showAR, showShare = _a.showShare, locale = _a.locale, allowMobileVerticalOrbit = _a.allowMobileVerticalOrbit, publishStage = _a.publishStage, display = _a.display;
+                _a = Object.assign(constants_1.DEFAULT_PLAYER_CONFIG, launchConfig), threekitEnv = _a.threekitEnv, elementId = _a.elementId, showConfigurator = _a.showConfigurator, initialConfigurationRaw = _a.initialConfiguration, showLoadingThumbnail = _a.showLoadingThumbnail, showLoadingProgress = _a.showLoadingProgress, onLoadingProgress = _a.onLoadingProgress, showAR = _a.showAR, showShare = _a.showShare, locale = _a.locale, allowMobileVerticalOrbit = _a.allowMobileVerticalOrbit, publishStage = _a.publishStage, display = _a.display;
                 threekitCredentials = launchConfig[threekitEnv || 'preview'];
                 threekitDomainRaw = threekitCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
-                assetId = threekitCredentials.assetId, authToken = threekitCredentials.publicToken, orgId = threekitCredentials.orgId, stageId = threekitCredentials.stageId;
+                assetId = threekitCredentials.assetId, authToken = threekitCredentials.publicToken, orgId = threekitCredentials.orgId, stageId = threekitCredentials.stageId, configurationId = threekitCredentials.configurationId;
                 //  Connection
                 connection_1.default.connect({
                     authToken: authToken,

package/package.json

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