@openlettermarketing/olc-react-sdk 2.1.6 → 2.1.8

package/build/types/version.d.ts

@@ -1 +1 @@
-export const SDK_VERSION: "2.1.6";
+export const SDK_VERSION: "2.1.8";

package/package.json

@@ -1,27 +1,28 @@
 {
   "name": "@openlettermarketing/olc-react-sdk",
   "private": false,
-  "version": "2.1.6",
+  "version": "2.1.8",
   "type": "module",
   "description": "Simplify template builder integration for any product.",
   "main": "build/index.js",
   "types": "build/types/index.d.ts",
   "author": "Open Letter Marketing",
   "license": "MIT",
+  "files": [
+    "build/**",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "node update-version.js && webpack && tsc",
     "test": "jest --silent",
     "coverage": "npm run test -- --coverage",
-    "prepare": "npm run build"
+    "prepack": "npm run build"
   },
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/Open-Letter-Marketing/olc-react-sdk.git"
-  },
   "keywords": [
     "olc",
     "olm",

package/.eslintignore

@@ -1 +0,0 @@
-dist

package/.eslintrc.cjs

@@ -1,18 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-  },
-}

package/.eslintrc.yml

@@ -1,47 +0,0 @@
----
-root: true
-extends:
-  - eslint:recommended
-  - plugin:@typescript-eslint/eslint-recommended
-  - plugin:@typescript-eslint/recommended
-  - plugin:react/recommended
-parser: '@typescript-eslint/parser'
-parserOptions:
-  # project: './tsconfig.json'
-  ecmaFeatures:
-    jsx: true
-plugins:
-  - '@typescript-eslint'
-  - jest
-  - react
-  - react-hooks
-settings:
-  react:
-    version: detect
-env:
-  jest/globals: true
-  browser: true
-  es6: true
-rules:
-  no-console: 0
-  func-style: 2
-  consistent-return: 2
-  prefer-arrow-callback:
-    - 2
-    - allowNamedFunctions: false
-      allowUnboundThis: false
-  jest/no-disabled-tests: 2
-  jest/no-focused-tests: 2
-  react/prop-types: 0
-  react/forbid-prop-types: 0
-  react/no-unused-prop-types: 0
-  react-hooks/rules-of-hooks: 2
-  react-hooks/exhaustive-deps: 1
-  '@typescript-eslint/no-explicit-any': 0
-  '@typescript-eslint/no-empty-interface': 0
-  '@typescript-eslint/explicit-function-return-type': 0
-  '@typescript-eslint/camelcase': 0
-  '@typescript-eslint/no-empty-function': 0
-  '@typescript-eslint/no-unused-vars':
-    - 2
-    - varsIgnorePattern: ^_

package/.github/workflows/publish-beta.yml

@@ -1,154 +0,0 @@
-name: Publish Beta Version
-
-on:
-  push:
-    branches:
-      - develop
-    tags:
-      - '*-beta*'
-      - 'beta-*'
-      - 'v*-beta*'
-  workflow_dispatch:
-
-jobs:
-  publish-beta:
-    runs-on: ubuntu-latest
-    if: ${{ !contains(github.event.head_commit.message, '[skip ci]') }}
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Send Deployment Started Notification
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload: |
-            {
-              "text": ":large_yellow_circle: Beta Package Deployment Started",
-              "blocks": [
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": ":large_yellow_circle: :large_yellow_circle: *Beta Package* Deployment Started :large_yellow_circle: :large_yellow_circle:"
-                  }
-                },
-                {
-                  "type": "context",
-                  "elements": [
-                    {
-                      "type": "mrkdwn",
-                      "text": ":male-factory-worker: *Started By:* ${{ github.event.pusher.name }}"
-                    }
-                  ]
-                }
-              ]
-            }
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          registry-url: 'https://registry.npmjs.org'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm i --force
-
-      - name: Generate beta version
-        id: version
-        run: |
-          CURRENT_VERSION=$(node -p "require('./package.json').version")
-          TIMESTAMP=$(date +%Y%m%d%H%M%S)
-          BETA_VERSION="${CURRENT_VERSION}-beta.${TIMESTAMP}"
-
-          echo "beta_version=${BETA_VERSION}" >> $GITHUB_OUTPUT
-          echo "Generated beta version: ${BETA_VERSION}"
-
-          npm version ${BETA_VERSION} --no-git-tag-version
-
-      - name: Build package
-        run: npm run build
-
-      - name: Update package metadata for beta
-        run: |
-          node -e "
-            const pkg = require('./package.json');
-            pkg.publishConfig = { ...pkg.publishConfig, tag: 'beta' };
-            require('fs').writeFileSync('./package.json', JSON.stringify(pkg, null, 2));
-          "
-
-      - name: Publish to npm (beta)
-        run: npm publish --tag beta --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Send Deployment Completed Notification
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload: |
-            {
-              "text": ":large_green_circle: Beta Package Deployment Completed",
-              "blocks": [
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": ":large_green_circle: :large_green_circle: *Beta Package* Deployment Completed :large_green_circle: :large_green_circle:"
-                  }
-                },
-                {
-                  "type": "context",
-                  "elements": [
-                    {
-                      "type": "mrkdwn",
-                      "text": ":male-factory-worker: *Started By:* ${{ github.event.pusher.name }}"
-                    },
-                    {
-                      "type": "mrkdwn",
-                      "text": ":package: *Version:* ${{ steps.version.outputs.beta_version }}"
-                    }
-                  ]
-                }
-              ]
-            }
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
-
-      - name: Notify on failure
-        if: failure()
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload: |
-            {
-              "text": ":x: Beta Package Deployment Failed",
-              "blocks": [
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": ":x: :x: *Beta Package* Deployment Failed :x: :x:"
-                  }
-                },
-                {
-                  "type": "context",
-                  "elements": [
-                    {
-                      "type": "mrkdwn",
-                      "text": ":male-factory-worker: *Started By:* ${{ github.event.pusher.name }}"
-                    },
-                    {
-                      "type": "mrkdwn",
-                      "text": ":link: *Workflow:* <${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}|View Details>"
-                    }
-                  ]
-                }
-              ]
-            }
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK

package/.github/workflows/publish-production.yml

@@ -1,143 +0,0 @@
-name: Publish Production Release
-
-on:
-  release:
-    types: [published]
-
-jobs:
-  publish-production:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Extract version from tag
-        id: version
-        run: |
-          if [ "${{ github.event_name }}" = "release" ]; then
-            # For release events, get tag from release
-            TAG_NAME="${{ github.event.release.tag_name }}"
-          else
-            # For push events, get tag from ref
-            TAG_NAME=${GITHUB_REF#refs/tags/}
-          fi
-
-          VERSION=${TAG_NAME#v}  # Remove 'v' prefix if present
-          echo "tag_name=${TAG_NAME}" >> $GITHUB_OUTPUT
-          echo "version=${VERSION}" >> $GITHUB_OUTPUT
-          echo "Extracted version: ${VERSION} from tag: ${TAG_NAME} (event: ${{ github.event_name }})"
-
-      - name: Send Deployment Started Notification
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload: |
-            {
-              "text": ":rocket: Production Release Deployment Started",
-              "blocks": [
-                {
-                    "type": "section",
-                    "text": { "type": "mrkdwn", "text": ":rocket: :rocket: *Production Release* v${{ steps.version.outputs.version }} Deployment Started :rocket: :rocket:" }
-                },
-                {
-                  "type": "context",
-                  "elements": [
-                    { "type": "mrkdwn", "text": ":male-factory-worker: *Started By:* ${{ github.actor }}" },
-                    { "type": "mrkdwn", "text": ":label: *Tag:* ${{ steps.version.outputs.tag_name }}" }
-                  ]
-                }
-              ]
-            }
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          registry-url: 'https://registry.npmjs.org'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm install --force
-
-      - name: Update package.json version
-        run: |
-          npm version ${{ steps.version.outputs.version }} --no-git-tag-version --allow-same-version
-
-      - name: Build package
-        run: npm run build
-
-      #   - name: Commit build changes
-      #     run: |
-      #       git config --local user.email "action@github.com"
-      #       git config --local user.name "GitHub Action"
-      #       git add .
-      #       git diff --staged --quiet || git commit -m "chore: update build artifacts for v${{ steps.version.outputs.version }} [skip ci]"
-      #       git push origin HEAD
-
-      - name: Publish to npm
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Send Deployment Completed Notification
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload: |
-            {
-              "text": ":white_check_mark: Production Release Deployment Completed",
-              "blocks": [
-                {
-                    "type": "section",
-                    "text": { "type": "mrkdwn", "text": ":white_check_mark: :white_check_mark: *Production Release* v${{ steps.version.outputs.version }} Deployment Completed :white_check_mark: :white_check_mark:" }
-                },
-                {
-                  "type": "section",
-                  "fields": [
-                    { "type": "mrkdwn", "text": "*Version:*\nv${{ steps.version.outputs.version }}" },
-                    { "type": "mrkdwn", "text": "*Tag:*\n${{ steps.version.outputs.tag_name }}" }
-                  ]
-                },
-                {
-                  "type": "section",
-                  "text": { "type": "mrkdwn", "text": "*Links:*\n• <https://www.npmjs.com/package/@openlettermarketing/olc-react-sdk/v/${{ steps.version.outputs.version }}|NPM Package>\n• <https://github.com/${{ github.repository }}/releases/tag/${{ steps.version.outputs.tag_name }}|GitHub Release>" }
-                },
-                {
-                  "type": "context",
-                  "elements": [
-                    { "type": "mrkdwn", "text": ":male-factory-worker: *Released By:* ${{ github.actor }}" }
-                  ]
-                }
-              ]
-            }
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
-
-      - name: Notify on failure
-        if: failure()
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload: |
-            {
-              "text": ":x: Production Release Deployment Failed",
-              "blocks": [
-                {
-                    "type": "section",
-                    "text": { "type": "mrkdwn", "text": ":x: :x: *Production Release* v${{ steps.version.outputs.version }} Deployment Failed :x: :x:" }
-                },
-                {
-                  "type": "context",
-                  "elements": [
-                    { "type": "mrkdwn", "text": ":male-factory-worker: *Started By:* ${{ github.actor }}" },
-                    { "type": "mrkdwn", "text": ":link: *Workflow:* <${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}|View Details>" },
-                    { "type": "mrkdwn", "text": ":label: *Tag:* ${{ steps.version.outputs.tag_name }}" }
-                  ]
-                }
-              ]
-            }
-        env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK

package/.prettierignore

@@ -1,3 +0,0 @@
-node_modules
-dist
-package.json

package/.prettierrc.yml

@@ -1,5 +0,0 @@
-singleQuote: true
-trailingComma: es5
-bracketSpacing: false
-arrowParens: always
-proseWrap: always

package/CHANGELOG.md

@@ -1,4 +0,0 @@
-# Changelog
-
-See the [releases page](https://*/releases) on
-GitHub for release notes.

package/babel.config.json

@@ -1,10 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env"],
-    ["@babel/preset-react"],
-    ["@babel/preset-typescript"]
-  ],
-  "plugins": [
-    ["@babel/plugin-transform-class-properties"]
-  ]
-}

package/examples/.eslintrc.yml

@@ -1,4 +0,0 @@
----
-extends: '../.eslintrc.yml'
-rules:
-  import/no-extraneous-dependencies: 0

package/index.html

@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <link
-    href="https://unpkg.com/@blueprintjs/core@5/lib/css/blueprint.css"
-    rel="stylesheet"
-  />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Template Builder SDK</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
-   
-  </body>
-</html>

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.tsx

@@ -1,209 +0,0 @@
-import React, { useState, useEffect } from 'react';
-
-// Libraries/Packages
-import { Routes, Route } from 'react-router-dom';
-import { createStore, StoreType } from 'polotno/model/store';
-
-// components
-import TemplateTypes from './components/TemplateTypes';
-import CreateTemplate from './components/CreateTemplate';
-import CreateTemplateV2 from './components/CreateTemplate/V2';
-import TemplateBuilder from './components/TemplateBuilder';
-import { createGlobalStyle } from 'styled-components';
-import GenericSnackbar from './components/GenericUIBlocks/GenericSnackbar/Toast';
-
-// Initialize Plotno Store
-const initializeStore = (secretKey: string) => {
-  return createStore({
-    key: secretKey,
-    // you can hide back-link on a paid license
-    // but it will be good if you can keep it for Polotno project support
-    showCredit: false,
-  });
-};
-
-interface AppProps {
-  secretKey: string;
-  platformName?: string | null;
-  templateGalleryModal?: boolean;
-  createTemplateRoute?: string | null;
-  templateBuilderRoute?: string | null;
-  olcTemplate?: Record<string, any>;
-  designerTemplateQuery?: Record<string, any> | null;
-  allowSenderFields?: boolean;
-  excludedFields?: string[] | null;
-  designerQueryAmount?: string | number;
-  allowPropertyFields?: boolean;
-  allowedAddOns?: any;
-  allowedTemplateSections?: any;
-  allowAdditionalPage?: boolean;
-  restrictedProducts?: any;
-  disallowedProducts?: string[] | null | undefined;
-  propertyOfferCost?: number;
-  customPropertyOfferCost?: number;
-  gsvCost?: number;
-  showTemplateTypesPage?: boolean;
-  currentTheme?: string | null | undefined;
-  styles?: any;
-  onReturnAndNavigate?: () => void;
-  onCreateCustomTemplateQuery?: (payload: any) => Promise<any>;
-  onGetOneTemplate?: (payload: any) => Promise<any>;
-  onGetTemplates?: (payload: any) => Promise<any>;
-  onGetCustomFields?: () => Promise<any>;
-  onDuplicateTemplate?: (payload: any) => Promise<any>;
-  onGetBrandingImages?: (payload: any) => Promise<any>;
-  onDeleteBrandingImage?: (id: string | number) => Promise<void>;
-  onUploadBrandingImage?: (payload: any) => Promise<any>;
-  onGetQRCodes?: (payload: any) => Promise<any>;
-  onDeleteQRCodes?: (id: string | number) => Promise<void>;
-  onUploadQRCode?: (payload: any) => Promise<any>;
-  onEditQRCode?: (payload: any) => Promise<any>;
-  onSubmit?: (payload: any) => Promise<any>;
-}
-
-const App: React.FC<AppProps> = ({
-  secretKey,
-  platformName,
-  templateGalleryModal,
-  createTemplateRoute,
-  templateBuilderRoute,
-  olcTemplate,
-  designerTemplateQuery,
-  allowSenderFields,
-  excludedFields,
-  designerQueryAmount,
-  allowPropertyFields,
-  allowedAddOns,
-  allowedTemplateSections,
-  allowAdditionalPage,
-  restrictedProducts,
-  disallowedProducts,
-  propertyOfferCost,
-  customPropertyOfferCost,
-  showTemplateTypesPage,
-  gsvCost,
-  currentTheme,
-  styles,
-  onReturnAndNavigate,
-  onCreateCustomTemplateQuery,
-  onGetOneTemplate,
-  onGetCustomFields,
-  onDuplicateTemplate,
-  onGetTemplates,
-  onGetBrandingImages,
-  onDeleteBrandingImage,
-  onUploadBrandingImage,
-  onGetQRCodes,
-  onDeleteQRCodes,
-  onUploadQRCode,
-  onEditQRCode,
-  onSubmit,
-}) => {
-  const [store, setStore] = useState<StoreType>(initializeStore(secretKey));
-  const [selectedTemplateType, setSelectedTemplateType] = useState<string | null>(null);
-  const [templateTypeSelected, setTemplateTypeSelected] = useState(false);
-
-  const currentPath = window?.location?.pathname;
-
-  useEffect(() => {
-    if (
-      currentPath === createTemplateRoute ||
-      currentPath === '/create-template' || designerTemplateQuery
-    ) {
-      const newStore = initializeStore(secretKey);
-      setStore(newStore);
-    }
-  }, [currentPath]);
-
-  const GlobalStyle =
-    styles && Object.keys(styles).length
-      ? createGlobalStyle`
-        :root {
-        ${styles
-          ? Object.entries(styles.root)
-            .map(([key, value]) => `${key}: ${value} !important;`)
-            .join(' ')
-          : ''
-        }
-          }
-        `
-      : createGlobalStyle`<></>`;
-
-  return (
-    <div className="builder-wrapper">
-      <GenericSnackbar />
-      <GlobalStyle />
-      <Routes>
-        <Route
-          path={createTemplateRoute || '/create-template'}
-          element={showTemplateTypesPage && !templateTypeSelected ?
-            <TemplateTypes
-              createTemplateRoute={createTemplateRoute}
-              onReturnAndNavigate={onReturnAndNavigate}
-              selectedTemplateType={selectedTemplateType}
-              setSelectedTemplateType={setSelectedTemplateType}
-              setTemplateTypeSelected={setTemplateTypeSelected}
-            /> : currentTheme === 'v2' ?
-              <CreateTemplateV2
-                createTemplateRoute={createTemplateRoute}
-                templateBuilderRoute={templateBuilderRoute}
-                restrictedProducts={restrictedProducts}
-                onReturnAndNavigate={onReturnAndNavigate}
-                disallowedProducts={disallowedProducts}
-                currentTheme={currentTheme}
-              /> :
-              <CreateTemplate
-                createTemplateRoute={createTemplateRoute}
-                templateBuilderRoute={templateBuilderRoute}
-                restrictedProducts={restrictedProducts}
-                onReturnAndNavigate={onReturnAndNavigate}
-                disallowedProducts={disallowedProducts}
-                currentTheme={currentTheme}
-              />
-          }
-        />
-        <Route
-          path={templateBuilderRoute || '/template-builder/:id?'}
-          element={
-            <TemplateBuilder
-              store={store}
-              olcTemplate={olcTemplate}
-              designerTemplateQuery={designerTemplateQuery}
-              platformName={platformName}
-              templateGalleryModal={templateGalleryModal}
-              allowSenderFields={allowSenderFields}
-              excludedFields={excludedFields}
-              designerQueryAmount={designerQueryAmount}
-              allowPropertyFields={allowPropertyFields}
-              createTemplateRoute={createTemplateRoute}
-              allowedAddOns={allowedAddOns}
-              allowedTemplateSections={allowedTemplateSections}
-              allowAdditionalPage={allowAdditionalPage}
-              propertyOfferCost={propertyOfferCost}
-              customPropertyOfferCost={customPropertyOfferCost}
-              gsvCost={gsvCost}
-              selectedTemplateType={selectedTemplateType}
-              currentTheme={currentTheme}
-              onReturnAndNavigate={onReturnAndNavigate}
-              onCreateCustomTemplateQuery={onCreateCustomTemplateQuery}
-              onGetOneTemplate={onGetOneTemplate}
-              onGetTemplates={onGetTemplates}
-              onGetCustomFields={onGetCustomFields}
-              onDuplicateTemplate={onDuplicateTemplate}
-              onGetBrandingImages={onGetBrandingImages}
-              onDeleteBrandingImage={onDeleteBrandingImage}
-              onUploadBrandingImage={onUploadBrandingImage}
-              onGetQRCodes={onGetQRCodes}
-              onDeleteQRCodes={onDeleteQRCodes}
-              onUploadQRCode={onUploadQRCode}
-              onEditQRCode={onEditQRCode}
-              onSubmit={onSubmit}
-            />
-          }
-        />
-      </Routes>
-    </div>
-  );
-};
-
-export default App;