@openlettermarketing/olc-react-sdk 2.1.4 → 2.1.5-beta.2

package/src/v2Theme.scss

@@ -0,0 +1,142 @@
+:root {
+    --font-family: 'Inter';
+    --scrollbar-thumb-color: hsl(29, 100%, 88%);
+    --scrollbar-track-color: grey;
+    --primary-color: #ED5C2F;
+    --primary-color-btn-hover: #DD5026;
+    --primary-color-hover: #ED5C2F0A;
+    --secondary-color: #F1F1F1;
+    --svg-color: #fdb515;
+    --svg-color-not-active: #fdecd3;
+    --text-color: #000000CC;
+    --modal-background-color: #FFF8EE;
+    --notification-background-color: #EF7820;
+    --notification-text-color: #fff;
+    --border-color: #00000029;
+    --error-color: #ff0000;
+    --rt-opacity: 1 !important;
+    --card-background-color: #F9FAFB;
+    --modal-svg-bg: #FFEAE3;
+    --input-label-color: #00000099;
+
+    body{
+      margin: 0;
+      padding: 0;
+    }
+  
+    .builder-wrapper {
+      font-family: var(--font-family) !important;
+      margin: 0;
+  
+      &::-webkit-scrollbar {
+        width: 10px;
+      }
+  
+      &::-webkit-scrollbar-track {
+        background: var(--scrollbar-track-color) !important;
+        border-radius: 3px;
+      }
+  
+      &::-webkit-scrollbar-thumb {
+        background: var(--scrollbar-thumb-color) !important;
+        border-radius: 3px;
+      }
+  
+      @supports not selector(::-webkit-scrollbar) {
+        body {
+          scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
+        }
+      }
+  
+      .bp5-navbar {
+        z-index: auto !important;
+        border-bottom: 1px solid rgba(17, 20, 24, 0.1019607843) !important;
+        
+        .bp5-card {
+          color: var(--text-color);
+          background-color: transparent;
+        }
+        .polotno-side-tabs-container {
+          .polotno-side-tabs-inner {
+            @media (width <= 800px) {
+              justify-content: center !important;
+            }
+          }
+        }
+      }
+  
+      .polotno-font-item{
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        width: 100%;
+        display: block !important;
+      }
+  
+      .go4160152499,
+      .polotno-workspace-inner,
+      .polotno-panel-container,
+      .polotno-panel-container > div,
+      .polotno-panel-container > div > div,
+      .polotno-panel-container > div > div > div {
+        &::-webkit-scrollbar {
+          width: 10px;
+        }
+  
+        &::-webkit-scrollbar-track {
+          background: var(--scrollbar-track-color) !important;
+          border-radius: 3px;
+        }
+  
+        &::-webkit-scrollbar-thumb {
+          background: var(--scrollbar-thumb-color) !important;
+          border-radius: 3px;
+        }
+  
+        @supports not selector(::-webkit-scrollbar) {
+          body {
+            scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
+          }
+        }
+      }
+  
+      .polotno-panel-container > div > div {
+        color: #000;
+        p {
+          color: #000;
+        }
+      }
+    }
+  
+    .no-scroll{
+      overflow: hidden;
+    }
+  
+    .fields-search{
+      position: sticky;
+      top: 0;
+      background-color: #fff;
+      padding: 10px 0;
+      height: 100%;
+      max-height: 40px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      z-index: 9;
+      margin: 0 !important;
+      span{
+        position: absolute;
+        left: 0px;
+        top: 5px;
+      }
+      input{
+        margin: 0 !important;
+      }
+    }  
+    .dynamic-content{
+      margin-top: 10px !important;
+        overflow: auto !important;
+      }
+  
+    }
+  

package/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": true,
+    "outDir": "build/types",
+    "module": "es2020",
+    "target": "es5",
+    "jsx": "react",
+    "strict": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "sourceMap": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "lib": ["es2018", "dom"],
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmitOnError": false,
+    "baseUrl" : ".",
+    "paths": {
+      "~/*": ["./src/*"]
+    }
+  },
+  "include": ["src/*.tsx", "src/importMeta.d.ts"],
+  "exclude": ["src/**/tests", "node_modules", "assets/**"],
+}

package/tsconfig.node.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/update-version.js

@@ -0,0 +1,23 @@
+import fs from 'fs/promises';
+import path from 'path';
+import packageJson from './package.json' assert { type: 'json' };
+
+// Dynamically resolve the file paths
+const versionFilePath = path.resolve('./version.js');
+
+// Function to write the version file
+async function generateVersionFile() {
+  try {
+    const versionContent = `export const SDK_VERSION = '${packageJson.version}';\n`;
+
+    // Write to the version.js file
+    await fs.writeFile(versionFilePath, versionContent, { encoding: 'utf8' });
+
+    console.log(`SDK Version: ${packageJson.version}`);
+  } catch (error) {
+    console.error('Error generating version file:', error);
+  }
+}
+
+// Run the function
+generateVersionFile();

package/version.js

@@ -0,0 +1 @@
+export const SDK_VERSION = '2.1.5-beta.2';

package/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  assetsInclude: ['**/*.ttf'],
+});

package/webpack.config.js

@@ -0,0 +1,80 @@
+import webpack from 'webpack';
+import path from 'node:path';
+import TerserPlugin from 'terser-webpack-plugin';
+
+const __dirname = path.resolve();
+
+export default {
+  mode: 'production',
+  devtool: 'source-map',
+  entry: './src/index.tsx',
+  output: {
+    filename: 'index.js',
+    path: path.resolve(__dirname, 'build'),
+    library: {
+      type: 'module',
+    },
+    clean: true,
+    module: true,
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin({ extractComments: false })],
+  },
+  experiments: {
+    outputModule: true,
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-typescript', '@babel/preset-react'],
+            plugins: ['@babel/plugin-transform-class-properties'],
+          },
+        },
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.scss$/,
+        use: ['style-loader', 'css-loader', 'sass-loader'],
+      },
+      {
+        test: /\.svg$/,
+        use: [
+          {
+            loader: 'svg-url-loader',
+            options: {
+              noquotes: true,
+            },
+          }
+        ],
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        type: "asset/inline"
+      },
+      {
+        test: /\.(png|jpe?g|gif)$/i,
+        use: ['file-loader'],
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
+    alias: {
+      '~': path.resolve(__dirname, 'src'),
+    },
+  },
+  plugins: [
+    new webpack.optimize.LimitChunkCountPlugin({
+      maxChunks: 1,
+    }),
+  ],
+};