@openlettermarketing/olc-react-sdk 1.6.8-beta.0 → 1.6.8-beta.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openlettermarketing/olc-react-sdk",
   "private": false,
-  "version": "1.6.8-beta.0",
+  "version": "1.6.8-beta.1",
   "type": "module",
   "description": "Simplify template builder integration for any product.",
   "main": "build/index.js",
@@ -14,6 +14,7 @@
     "test": "jest --silent",
     "coverage": "npm run test -- --coverage",
     "prepare": "npm run build",
+    "publish:beta": "npm publish --access public --beta",
     "publish": "npm publish --access public"
   },
   "publishConfig": {

package/src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Provider } from 'react-redux';
+import {BrowserRouter as Router} from 'react-router-dom';
+import {Provider} from 'react-redux';
 import store from './redux/store';
 import App from './App';
 import './index.scss';
@@ -13,8 +13,8 @@ import '@fontsource/inter/600.css';
 import '@fontsource/inter/700.css';
 
 // utils
-import { CustomCSSProperties } from './utils/customStyles';
-import { setIsSandbox, setPublicApiKey } from './utils/helper';
+import {CustomCSSProperties} from './utils/customStyles';
+import {setIsSandbox, setPublicApiKey} from './utils/helper';
 
 interface TemplateBuilderProps {
   container: HTMLElement | null;
@@ -105,34 +105,34 @@ const TemplateBuilder = ({
   //@ts-ignore
   return {
     destroy() {
-      console.log("React template builder destroyed");
+      console.log('React template builder destroyed');
       root.unmount();
-    }
-  }
+    },
+  };
 };
 
 // Example to run the project locally for development. Comment out these lines when building the application
 
-const rootElement = document.getElementById('root');
-if (rootElement) {
-  console.log("React SDK Loaded");
-  TemplateBuilder({
-    container: rootElement,
-    secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
-    publicApiKey: import.meta.env.VITE_APP_PUBLIC_API_KEY,
-    sandbox: true,
-    allowSenderFields: true,
-    allowPropertyFields: true,
-    templateGalleryModal: false,
-    excludedFields: ['{{C.FIRST_NAME}}', '{{C.ADDRESS_1}}', '{{SPF.FIRST_NAME}}'],
-    // onGetOneTemplate: getOneTemplate,
-    // olcTemplate: olcTemplateData,
-    // onGetTemplates: getAllTemplatesByTab,
-    // onSubmit: createTemplate,
-    styles: {}
-  });
-} else {
-  console.error("Root element '#root' not found in the document.");
-}
+// const rootElement = document.getElementById('root');
+// if (rootElement) {
+//   console.log("React SDK Loaded");
+//   TemplateBuilder({
+//     container: rootElement,
+//     secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
+//     publicApiKey: import.meta.env.VITE_APP_PUBLIC_API_KEY,
+//     sandbox: true,
+//     allowSenderFields: true,
+//     allowPropertyFields: true,
+//     templateGalleryModal: false,
+//     excludedFields: ['{{C.FIRST_NAME}}', '{{C.ADDRESS_1}}', '{{SPF.FIRST_NAME}}'],
+//     // onGetOneTemplate: getOneTemplate,
+//     // olcTemplate: olcTemplateData,
+//     // onGetTemplates: getAllTemplatesByTab,
+//     // onSubmit: createTemplate,
+//     styles: {}
+//   });
+// } else {
+//   console.error("Root element '#root' not found in the document.");
+// }
 
 export default TemplateBuilder;