@threedddplus/logoeditor 0.0.1

package/dist/store/fabric/Popupcanvas.d.ts

@@ -0,0 +1,2 @@
+import { fabric } from 'fabric';
+export declare const Initpopup: () => fabric.Canvas;

package/dist/store/fabric/fabricCanvas.d.ts

@@ -0,0 +1,2 @@
+import { fabric } from 'fabric';
+export declare const initCanvas: () => fabric.Canvas;

package/dist/store/fabric/index.d.ts

@@ -0,0 +1,49 @@
+import { StateCreator } from 'zustand';
+export interface FabricSlice {
+    loading: Boolean;
+    selectedStepper?: any;
+    setSelectedStepper?: (selectedStepper: any) => void;
+    storeHistory: any;
+    count: number;
+    stockLogos: [];
+    retriveLogoDesign: [];
+    fabricCanvas: any;
+    popupCanv: any;
+    textInfo: string;
+    uploadImageModalDisplay: boolean;
+    currentSelection: string;
+    activeSelection: any;
+    selectedAll: boolean;
+    colorFill: any;
+    storeAllObject: [];
+    iconImage: string;
+    HideControls: any;
+    showContextMenu: boolean;
+    forStoringAllObject: (data: any) => void;
+    forIconCapture: () => void;
+    duplicateObject: () => void;
+    deleteButtonControls: () => void;
+    undo: () => void;
+    redo: () => void;
+    moveDown: (element: any) => void;
+    moveUp: (element: any) => void;
+    moveRight: (element: any) => void;
+    moveLeft: (element: any) => void;
+    applyColorFill: () => any;
+    updateModifaction: (saveHistory: boolean) => void;
+    nameCounter: any;
+    contextMenuCoordinates: {
+        x: number;
+        y: number;
+    };
+    stockLogoHandler: (e: any) => void;
+    testSVG: (data: any) => void;
+    myLogoHandler: (logo: any) => void;
+    loadingRetrivedFiles: (data: any) => void;
+    allColor: any;
+    uploadLogoConfig: (jsonConfig: any, customerId: any) => any;
+    logoData: any;
+    setLogoData: (logo: any) => void;
+}
+export declare const fabricSlice: StateCreator<FabricSlice>;
+export default FabricSlice;

package/dist/store/history/index.d.ts

@@ -0,0 +1,9 @@
+import { StateCreator } from 'zustand';
+export interface HistorySlice {
+    history: string[];
+    current: string;
+    navigateTo: (page: string) => void;
+    goBack: () => void;
+}
+export declare const historySlice: StateCreator<HistorySlice>;
+export default HistorySlice;

package/dist/store/index.d.ts

@@ -0,0 +1,11 @@
+import { StateCreator } from 'zustand';
+import { ActionSlice } from './actions';
+import { LambdaSlice } from './lambda/index';
+import SaveDesignSlice from './saveDesign';
+import AuthSlice from './auth';
+import HistorySlice from './history';
+import FabricSlice from './fabric';
+import ConverterSlice from './converters';
+export declare type ThreedddPlus = ActionSlice & LambdaSlice & SaveDesignSlice & AuthSlice & HistorySlice & ConverterSlice & FabricSlice;
+export declare const threedddPlusState: StateCreator<ThreedddPlus>;
+export declare const use3dddPlus: any;

package/dist/store/lambda/index.d.ts

@@ -0,0 +1,9 @@
+import { StateCreator } from 'zustand';
+export interface LambdaSlice {
+    lambdaClient: any;
+    loadingLogo: (data: any) => void;
+    getStockLogos: () => void;
+    saveLogo: (data: any) => any;
+}
+declare const lambdaSlice: StateCreator<LambdaSlice>;
+export default lambdaSlice;

package/dist/store/saveDesign/index.d.ts

@@ -0,0 +1,17 @@
+import { StateCreator } from 'zustand';
+export interface SaveDesignSlice {
+    disableSaveButton: boolean;
+    designNumber: string;
+    designImageUrl: string;
+    designProofPdfUrl: string;
+    designTag: string[];
+    designName: string;
+    designNotes: string;
+    designConfig: string;
+    designId: number;
+    hasDesignNumber: () => boolean;
+    showSaveCTA: boolean;
+    showSaveRackCTA: boolean;
+}
+export declare const saveDesignSlice: StateCreator<SaveDesignSlice>;
+export default SaveDesignSlice;

package/dist/theme.d.ts

@@ -0,0 +1,109 @@
+export declare const PRIMARY_COLOR = "text-[#cf132b]";
+export declare const SECONDARY_COLOR = "text-[#e11a38]";
+export declare const BORDER_COLOR = "border-[#e0e0e0]";
+export declare const BORDER_COLOR_1 = "border-[#ecebed]";
+export declare const BORDER_COLOR_2 = "border-[#c2c2c2]";
+export declare const BORDER_COLOR_3 = "border-[#e11a38]";
+export declare const SIDEBAR_BG_COLOR = "bg-[#f7f7f7]";
+export declare const SELECT_BG_COLOR = "bg-[#e11a38]";
+export declare const BG_COLOR_1 = "bg-[#e11a38]";
+export declare const SELECT_TEXT_COLOR = "text-white";
+export declare const TEXT_SIZE_1 = "text-xs";
+export declare const TEXT_SIZE_2 = "text-2xl";
+export declare const TEXT_SIZE_3 = "text-[15px]";
+export declare const TEXT_SIZE_4 = "text-[17px]";
+export declare const TEXT_SIZE_5 = "text-[28px]";
+export declare const TEXT_SIZE_6 = "text-[14px]";
+export declare const TEXT_SIZE_7 = "text-[30px]";
+export declare const TEXT_SIZE_8 = "text-[21px]";
+export declare const TEXT_SIZE_9 = "text-[13px]";
+export declare const TEXT_SIZE_11 = "text-[18px]";
+export declare const TEXT_SIZE_12 = "text-[11px]";
+export declare const TEXT_SIZE_13 = "text-[12px]";
+export declare const TEXT_SIZE_14 = "text-[16px]";
+export declare const TEXT_SIZE_15 = "text-[25px]";
+export declare const TEXT_SIZE_16 = "text-[26px]";
+export declare const TEXT_SIZE_17 = "text-[22px]";
+export declare const TEXT_SIZE_18 = "text-[16px]";
+export declare const ACTIVE_BG_COLOR = "bg-[#cf132b]";
+export declare const BUTTON_TEXT_COLOR = "text-white";
+export declare const BUTTON_BG_COLOR = "bg-black";
+export declare const INPUT_BG_COLOR = "bg-white";
+export declare const TEXT_COLOR_1 = "text-[#5d5d5d]";
+export declare const BACKDROP_BLUR = "backdrop-blur-[21px]";
+export declare const BACKDROP_BLUR_BG_COLOR = "bg-[#00000046]";
+export declare const MODAL_BG_COLOR = "bg-[#ffffff]";
+export declare const CARD_BG_COLOR = "bg-white";
+export declare const INPUT_TEXT_DISABLE_COLOR = "text-slate-300";
+export declare const CHECKBOX_CHECKED_COLOR = "#e11a38";
+export declare const LOAD_DESIGN_BORDER_COLOR = "#e0e0e0";
+export declare const LOAD_DESIGN_TEXT_COLOR = "text-[#e11a38]";
+export declare const SEARCH_ICON_COLOR = "text-[#727272]";
+export declare const SEARCHBAR_BORDER_COLOR = "border-[#bebebe]";
+export declare const MY_DESIGN_TEXT_COLOR = "text-[#353535]";
+export declare const SEARCH_TEXT_COLOR = "text-[#353535]";
+export declare const NO_SEARCHRESULT_TEXT_COLOR_1 = "text-[#727272]";
+export declare const NO_SEARCHRESULT_TEXT_COLOR_2 = "text-[#5d5d5d]";
+export declare const CANVAS_MENU_TEXT = "text-[#353535]";
+export declare const CANVAS_MENU_BORDER = "border-[#f4f4f4]";
+export declare const CANVAS_MENU_BG_COLOR = "bg-white";
+export declare const CANVAS_MENU_DROPDOWN_BG_COLOR = "bg-white";
+export declare const DECORATION_BG_COLOR = "bg-[#F1F1F1]";
+export declare const DROPDOWN_BACKGROUND_COLOR = "bg-[#FCE8EB]";
+export declare const TAG_BG_COLOR = "bg-[#FCE8EB]";
+export declare const TAG_TEXT_COLOR = "text-[#e11a38]";
+export declare const CARD_LAST_UPDATE_COLOR = "text-[#727272]";
+export declare const CARD_DOWNLAOD_ICON_COLOR = "text-[#353535]";
+export declare const CARD_DESCRIPTION_COLOR = "text-[#353535]";
+export declare const FOOTER_TEXT_COLOR = "text-[#ffffff]";
+export declare const FOOTER_RACK_BG_COLOR = "bg-[#E21938]";
+export declare const FOOTER_PRICE_COLOR = "text-[#353535]";
+export declare const FOOTER_RACK_COUNT_COLOR = "text-[#E21938]";
+export declare const FOOTER_ROSTER_COLOR = "text-[#353535]";
+export declare const FOOTER_ROSTER_BORDER_COLOR = "border-[#353535]";
+export declare const FOOTER_SUMMARY_BG_COLOR = "bg-[#353535]";
+export declare const FOOTER_SUMMARY_TEXT_COLOR = "text-white";
+export declare const CONFIRMDESIGN_DISCARD_BORDER_COLOR = "border-[#707070]";
+export declare const CONFIRMDESIGN_TEXT_COLOR_1 = "text-[#5d5d5d]";
+export declare const CONFIRMDESIGN_TEXT_COLOR_2 = "text-[#E11A38]";
+export declare const CONFIRMDESIGN_TEXT_COLOR_3 = "text-[#353535]";
+export declare const CONFIRMDESIGN_TEXT_COLOR_4 = "text-[#ffffff]";
+export declare const CONFIRMDESIGN_SAVEBUTTON_BG_COLOR = "bg-[#E11A38]";
+export declare const DESIGNSUCCESS_CLOSE_BORDER_COLOR = "border-[#707070]";
+export declare const DESIGNSUCCESS_TEXT_COLOR_1 = "text-[#5d5d5d]";
+export declare const DESIGNSUCCESS_TEXT_COLOR_2 = "text-[#E21938]";
+export declare const DESIGNSUCCESS_TEXT_COLOR_3 = "text-[#353535]";
+export declare const SAVERACK_BORDER_COLOR = "border-[#707070]";
+export declare const SAVERACK_TEXT_COLOR = "text-[#707070]";
+export declare const SAVEBUTTON_BG_COLOR = "bg-[#E11A38]";
+export declare const TOASTER_SUCCESS_BG_COLOR = "bg-[#D5F2EA]";
+export declare const TOASTER_FAILURE_BG_COLOR = "bg-[#FCE8EB]";
+export declare const TOASTER_INFO_BG_COLOR = "bg-[#D5E9FA]";
+export declare const TOASTER_WARNING_BG_COLOR = "bg-[#FFF8E7]";
+export declare const RESET_BUTTON_BG_COLOR = "text-[#9A9A9A]";
+export declare const PRODUCTINFO_TEXT_COLOR_1 = "text-[#353535]";
+export declare const PRODUCTINFO_TEXT_COLOR_2 = "text-[#c2c2c2]";
+export declare const PRODUCTINFO_TEXT_COLOR_3 = "text-[#e11a38]";
+export declare const PRODUCTINFO_TEXT_COLOR_4 = "text-[#5d5d5d]";
+export declare const UPDATESUCCESS_RACK_BORDER_COLOR = "border-[#E11938]";
+export declare const UPDATESUCCESS_TEXT_COLOR_1 = "text-[#E11938]";
+export declare const RACK_CARD_BORDER_COLOR = "border-[#e5e5e5]";
+export declare const RACK_CARD_TEXT_COLOR_1 = "text-[#E11A38]";
+export declare const RACK_CARD_TEXT_COLOR_2 = "text-[#353535]";
+export declare const RACK_CARD_TEXT_COLOR_3 = "text-[#9f9f9f]";
+export declare const RACK_CARD_MENU_TEXT = "text-[#353535]";
+export declare const EDIT_DESIGN_INFO_TEXT_COLOR_1 = "text-[#E11A38]";
+export declare const EDIT_DESIGN_INFO_TEXT_COLOR_2 = "text-[#727272]";
+export declare const EDIT_DESIGN_INFO_TEXT_COLOR_3 = "text-[#353535]";
+export declare const EDIT_DESIGN_INFO_TEXT_COLOR_4 = "text-[#ffffff]";
+export declare const EDIT_DESIGN_INFO_INPUT_BORDER_COLOR = "border-[#ECEBED]";
+export declare const EDIT_DESIGN_INFO_DISABLED_BG_COLOR_1 = "bg-[#F8F8F8]";
+export declare const EDIT_DESIGN_INFO_BG_COLOR_2 = "bg-[#ffffff]";
+export declare const EDIT_DESIGN_INFO_BG_COLOR_3 = "bg-[#e11a38]";
+export declare const EDIT_DESIGN_INFO_BG_COLOR_4 = "bg-[#fce8eb]";
+export declare const INPUT_ERROR_BORDER_COLOR = "border-[#E11A38]";
+export declare const INPUT_ERROR_TEXT_COLOR = "text-[#E11A38]";
+export declare const PRICEBREAKUP_TEXT_COLOR_1 = "text-[#353535]";
+export declare const PRICEBREAKUP_TEXT_COLOR_2 = "text-[#747474]";
+export declare const PRICEBREAKUP_TEXT_BORDER_COLOR_1 = "border-[#c2c2c2]";
+export declare const PRICEBREAKUP_TEXT_BORDER_COLOR_2 = "border-[#ebebeb]";

package/example/.npmignore

@@ -0,0 +1,3 @@
+node_modules
+.cache
+dist

package/example/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Playground</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script src="./index.tsx"></script>
+  </body>
+</html>

package/example/index.tsx

@@ -0,0 +1,41 @@
+import 'react-app-polyfill/ie11';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Componnets, use3dddPlus } from '../.';
+import { shallow } from 'zustand/shallow';
+
+const App = () => {
+  const queryString = window.location.search;
+  const urlParams = new URLSearchParams(queryString);
+  const projectId = urlParams.get('projectId');
+  const productId = urlParams.get('productId');
+  const [accessToken] = use3dddPlus((state) => [state.accessToken], shallow);
+  const modelId = use3dddPlus((state) => state.modelId);
+
+  // API calls for Login in 3dddPlus
+  React.useEffect(() => {
+    if (!projectId) return;
+    // setCookie('projectId', projectId, 1);
+    use3dddPlus.getState().mutation.login(projectId);
+  }, [projectId]);
+
+  // API calls for Product Details and Varients Detail
+  React.useEffect(() => {
+    if (!accessToken) return;
+    use3dddPlus.getState().queries.getDetails(productId!, projectId!);
+    if (!modelId) return;
+    use3dddPlus.getState().queries.getVarientByModelId(modelId!);
+  }, [accessToken, modelId]);
+  return (
+    <div className="flex flex-col">
+      {/* {children ||
+        `You Should not see this Screen! If you're then the Customizer is still under maintainance`} */}
+      <div className="flex md:flex-row flex-col h-screen">
+        <Componnets.Canvas />
+        <Componnets.Sidebar />
+      </div>
+    </div>
+  );
+};
+
+ReactDOM.render(<App />, document.getElementById('root'));

package/example/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "example",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "start": "parcel index.html",
+    "build": "parcel build index.html"
+  },
+  "dependencies": {
+    "react-app-polyfill": "^1.0.0",
+    "zustand": "^4.3.9"
+  },
+  "alias": {
+    "react": "../node_modules/react",
+    "react-dom": "../node_modules/react-dom/profiling",
+    "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
+  },
+  "devDependencies": {
+    "@types/react": "^16.9.11",
+    "@types/react-dom": "^16.8.4",
+    "parcel": "1.12.3",
+    "typescript": "^3.4.5"
+  }
+}

package/example/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": false,
+    "target": "es5",
+    "module": "commonjs",
+    "jsx": "react",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "removeComments": true,
+    "strictNullChecks": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "lib": ["es2015", "es2016", "dom"],
+    "types": ["node"]
+  }
+}