@openlettermarketing/olc-react-sdk 1.6.4 → 1.6.5

package/build/types/assets/images/templates/custom-qr-section-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CustomQRIcon: () => React.JSX.Element;
+export default CustomQRIcon;

package/build/types/components/SidePanel/CustomQRCode/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { StoreType } from 'polotno/model/store';
+interface CustomQRProps {
+    store: StoreType;
+}
+declare const CustomQRCode: {
+    name: string;
+    Tab: (props: any) => React.JSX.Element;
+    Panel: (({ store }: CustomQRProps) => React.JSX.Element) & {
+        displayName: string;
+    };
+};
+export default CustomQRCode;

package/build/types/utils/helper.d.ts

@@ -6,6 +6,7 @@ export declare const setPublicApiKey: (key: string) => void;
 export declare const getIsSandbox: () => boolean;
 export declare const setIsSandbox: (sandbox: boolean) => void;
 export declare const removeSThroughOne: (input: string) => string;
+export declare const validURL: (str: string) => boolean;
 export declare const hexToRgba: (hex: any, opacity: any) => string;
 export declare const getType: (file: any) => "svg" | "image" | "video";
 export declare const cleanString: (input: string) => string;

package/build/types/utils/message.d.ts

@@ -16,6 +16,7 @@ export declare const MESSAGES: {
         readonly NAME_LESS_50: "Template Name should be less than or equal to 50 characters";
         readonly GSV_RESTRICT_ONE_PER_PAGE: "Only one GSV image is allowed per page.";
         readonly EMOJI_NOT_ALLOWED: "Emojis are not allowed in the template. Please remove them before saving.";
+        readonly EMPTY_QR_NOT_ALLOWED: "Please add a URL to your QR code in order to save the template.";
         readonly CREATE: {
             readonly TITLE: "Create New Template";
             readonly TEMPLATE_LABEL: "Template Name*";
@@ -70,6 +71,13 @@ export declare const MESSAGES: {
             readonly TYPE_VALIDATION: "Only image files with extensions jpeg, png, or svg are allowed.";
             readonly SIZE_VALIDATION: "File size must be under 5MB.";
         };
+        readonly QR_SECTION: {
+            readonly EMPTY_QR: "Please add a URL to your QR code.";
+            readonly QR_PLACEHOLDER: "Type a URL";
+            readonly INVALID_URL: "Please add a valid URL to your QR code.";
+            readonly SUBMIT_BUTTON: "Add new QR code";
+            readonly UPDATE_BUTTON: "Update QR code";
+        };
         readonly DOWNLOAD_PROOF_BUTTON: "Download Proof";
         readonly CANCEL_BUTTON: "Cancel";
         readonly SUBMIT_BUTTON: "Save";

package/build/types/utils/template-builder.d.ts

@@ -21,3 +21,4 @@ export declare const extractFontFamilies: (jsonData: any[]) => string[];
 export declare const removeBracketsFromRPL: (jsonData: any[]) => any;
 export declare const validateGSV: (pages: any) => boolean;
 export declare const validateEmoji: (pages: any) => boolean;
+export declare const isValidQR: (pages: any) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openlettermarketing/olc-react-sdk",
   "private": false,
-  "version": "1.6.4",
+  "version": "1.6.5",
   "type": "module",
   "description": "Simplify template builder integration for any product.",
   "main": "build/index.js",
@@ -44,7 +44,8 @@
     "@fontsource/raleway": "^5.0.19",
     "@reduxjs/toolkit": "^1.9.7",
     "mobx-react-lite": "^4.0.7",
-    "polotno": "^2.4.5",
+    "polotno": "^2.14.1",
+    "qrcode": "^1.5.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-redux": "^9.1.2",
@@ -69,6 +70,7 @@
     "@testing-library/react": "^13.1.1",
     "@tsconfig/node16": "^16.1.1",
     "@types/jest": "^29.5.11",
+    "@types/qrcode": "^1.5.5",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.3.0",
     "@types/sortablejs": "1",