@threekit-tools/treble 0.0.10-alpha.17 → 0.0.15

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import useThreekitInitStatus from './hooks/useThreekitInitStatus';
 import useZoom from './hooks/useZoom';
 import useSnapshot from './hooks/useSnapshot';
 import useWishlist from './hooks/useWishlist';
+import useShare from './hooks/useShare';
 import ThreekitProvider from './components/ThreekitProvider';
 import Player from './components/Player';
 import Button from './components/Button';
@@ -25,10 +26,13 @@ import TotalPrice from './components/TotalPrice';
 import message from './components/message';
 import Modal from './components/TotalPrice';
 import Drawer from './components/Drawer';
+import Accordion from './components/Accordion';
+import Tabs from './components/Tabs';
 import PortalToElement from './components/PortalToElement';
 import AwaitThreekitLoad from './components/AwaitThreekitLoad';
 import FlatForm from './components/FlatForm';
 import Zoom from './components/Zoom';
 import Snapshots from './components/Snapshots';
 import Wishlist from './components/Wishlist';
-export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, };
+import Share from './components/Share';
+export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, };

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
+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.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = 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;
@@ -25,6 +25,8 @@ var useSnapshot_1 = __importDefault(require("./hooks/useSnapshot"));
 exports.useSnapshot = useSnapshot_1.default;
 var useWishlist_1 = __importDefault(require("./hooks/useWishlist"));
 exports.useWishlist = useWishlist_1.default;
+var useShare_1 = __importDefault(require("./hooks/useShare"));
+exports.useShare = useShare_1.default;
 //  Components
 var ThreekitProvider_1 = __importDefault(require("./components/ThreekitProvider"));
 exports.ThreekitProvider = ThreekitProvider_1.default;
@@ -64,6 +66,10 @@ var TotalPrice_2 = __importDefault(require("./components/TotalPrice"));
 exports.Modal = TotalPrice_2.default;
 var Drawer_1 = __importDefault(require("./components/Drawer"));
 exports.Drawer = Drawer_1.default;
+var Accordion_1 = __importDefault(require("./components/Accordion"));
+exports.Accordion = Accordion_1.default;
+var Tabs_1 = __importDefault(require("./components/Tabs"));
+exports.Tabs = Tabs_1.default;
 //  Wrappers
 var PortalToElement_1 = __importDefault(require("./components/PortalToElement"));
 exports.PortalToElement = PortalToElement_1.default;
@@ -79,3 +85,5 @@ var Snapshots_1 = __importDefault(require("./components/Snapshots"));
 exports.Snapshots = Snapshots_1.default;
 var Wishlist_1 = __importDefault(require("./components/Wishlist"));
 exports.Wishlist = Wishlist_1.default;
+var Share_1 = __importDefault(require("./components/Share"));
+exports.Share = Share_1.default;

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,37 +1,24 @@
 import { RootState, ThreekitDispatch } from './index';
-import { IConfiguration, ISetConfiguration, IThreekitDisplayAttribute, IMetadata } from '../threekit';
+import { ISetConfiguration, IThreekitDisplayAttribute, IMetadata, ThreekitInitConfig } from '../threekit';
 import { ITranslationMap } from '../api/products';
-import { ISaveConfigurationConfig } from '../Treble';
-import { IConfigurationResponse } from '../http/configurations';
+import { ISaveConfigurationConfig, WishlistArray } from '../Treble';
 /*****************************************************
  * Types and Interfaces
  ****************************************************/
 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;
     language?: string | undefined;
 }
 interface IPriceConfig {
@@ -55,7 +42,7 @@ export interface ThreekitState {
     isPlayerLoading: boolean;
     isThreekitLoaded: boolean;
     attributes: undefined | Array<IThreekitDisplayAttribute>;
-    wishlist: Array<IConfigurationResponse>;
+    wishlist: WishlistArray;
 }
 declare const reducer: import("redux").Reducer<ThreekitState, import("redux").AnyAction>;
 export declare const setThreekitLoaded: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
@@ -71,7 +58,7 @@ export declare const getMetadata: (state: RootState) => undefined | IMetadata;
 export declare const getLanguage: (state: RootState) => undefined | string;
 export declare const getLanguageOptions: (state: RootState) => Array<string>;
 export declare const getAttributes: (state: RootState) => undefined | Record<string, IThreekitDisplayAttribute>;
-export declare const getWishlist: (state: RootState) => IConfigurationResponse[];
+export declare const getWishlist: (state: RootState) => WishlistArray;
 /*****************************************************
  * Complex Selectors
  ****************************************************/

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, 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;
+                _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,
@@ -337,6 +335,7 @@ var launch = function (launchConfig) { return function (dispatch) { return __awa
                             locale: locale,
                             allowMobileVerticalOrbit: allowMobileVerticalOrbit,
                             publishStage: publishStage,
+                            display: display,
                         }),
                         api_1.default.products.fetchTranslations(),
                         api_1.default.price.getPricebooksList(),
@@ -371,7 +370,7 @@ var launch = function (launchConfig) { return function (dispatch) { return __awa
                 dispatch(setAttributes(window.threekit.configurator.getDisplayAttributes()));
                 dispatch((0, exports.setThreekitLoaded)(true));
                 dispatch(setPlayerLoading(false));
-                return [4 /*yield*/, window.threekit.treble.getWishlist()];
+                return [4 /*yield*/, window.threekit.treble.wishlist.getWishlist()];
             case 6:
                 wishlistData = _f.sent();
                 dispatch(setWishlist(wishlistData));
@@ -403,7 +402,7 @@ var addToWishlist = function (config) { return function (dispatch) { return __aw
     var wishlistData;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, window.threekit.treble.addToWishlist(config)];
+            case 0: return [4 /*yield*/, window.threekit.treble.wishlist.addItem(config)];
             case 1:
                 wishlistData = _a.sent();
                 dispatch(setWishlist(wishlistData));
@@ -413,7 +412,7 @@ var addToWishlist = function (config) { return function (dispatch) { return __aw
 }); }; };
 exports.addToWishlist = addToWishlist;
 var removeFromWishlist = function (idx) { return function (dispatch) {
-    var wishlistData = window.threekit.treble.removeFromWishlist(idx);
+    var wishlistData = window.threekit.treble.wishlist.removeItemByIdx(idx);
     dispatch(setWishlist(wishlistData));
 }; };
 exports.removeFromWishlist = removeFromWishlist;
@@ -426,7 +425,7 @@ var resumeFromWishlist = function (idx) { return function (dispatch, getState) {
 }; };
 exports.resumeFromWishlist = resumeFromWishlist;
 var clearWishlist = function () { return function (dispatch) {
-    var wishlistData = window.threekit.treble.clearWishlist();
+    var wishlistData = window.threekit.treble.wishlist.clearWishlist();
     dispatch(setWishlist(wishlistData));
 }; };
 exports.clearWishlist = clearWishlist;

package/dist/threekit.d.ts

@@ -1,6 +1,7 @@
 import Treble from './Treble';
 declare type SCENE_PHASES = 'LOADED' | 'PRELOADED' | 'RENDERED';
 declare type PRIVATE_APIS = 'scene' | 'player';
+export declare type DISPLAY_OPTIONS = 'webgl' | 'image';
 declare type IAttributeTypes = 'String' | 'Asset' | 'Color' | 'Number';
 export declare type IMetadata = Record<string, string | number | null>;
 /***************************************************
@@ -215,6 +216,7 @@ export interface ThreekitInitConfig {
     locale?: string;
     allowMobileVerticalOrbit?: boolean;
     publishStage?: string;
+    display?: DISPLAY_OPTIONS;
 }
 /***************************************************
  *  Global Declaration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.10-alpha.17+f763859",
+  "version": "0.0.15",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [
@@ -9,13 +9,17 @@
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.js",
+  "publishConfig": {
+    "directory": "dist"
+  },
   "scripts": {
     "start": "tsc --watch",
     "build": "tsc",
     "clean": "rimraf dist",
-    "format": "prettier --write ./src",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -o build"
+    "build-storybook": "build-storybook -o build",
+    "lint": "eslint ./src",
+    "format": "prettier --write ./src"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.6.2",
@@ -40,7 +44,6 @@
     "@types/redux-logger": "^3.0.9",
     "@types/styled-components": "^5.1.15",
     "babel-loader": "^8.2.2",
-    "prettier": "^2.4.1",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2",
     "rimraf": "^3.0.2",
@@ -48,5 +51,5 @@
     "storybook-addon-styled-component-theme": "^2.0.0",
     "typescript": ">=4.4.4"
   },
-  "gitHead": "f763859aaef26b38e765bc143447b09104e90001"
+  "gitHead": "2e16bcf98f81e16bb1768072fdb3968122e7966f"
 }