@openlettermarketing/olc-react-sdk 2.0.7 → 2.0.8-beta.1

package/build/types/src/App.d.ts

@@ -19,6 +19,8 @@ interface AppProps {
     propertyOfferCost?: number;
     customPropertyOfferCost?: number;
     gsvCost?: number;
+    showTemplateTypesPage?: boolean;
+    currentTheme?: string | null | undefined;
     styles?: any;
     onReturnAndNavigate?: () => void;
     onCreateCustomTemplateQuery?: (payload: any) => Promise<any>;
@@ -26,6 +28,13 @@ interface AppProps {
     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>;
 }
 declare const App: React.FC<AppProps>;

package/build/types/src/assets/images/modal-icons/cancel-input.d.ts

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

package/build/types/src/assets/images/modal-icons/confirm-close-icon.d.ts

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

package/build/types/src/assets/images/modal-icons/confirm-new.d.ts

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

package/build/types/src/assets/images/modal-icons/new-cancel.d.ts

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

package/build/types/src/assets/images/products/personal-new.d.ts

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

package/build/types/src/assets/images/products/postcard-new.d.ts

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

package/build/types/src/assets/images/products/professional-new.d.ts

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

package/build/types/src/assets/images/products/real-new.d.ts

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

package/build/types/src/assets/images/templates/qr-code.d.ts

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

package/build/types/src/components/CreateTemplate/V2/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './styles.scss';
+interface CreateTemplateV2Props {
+    onReturnAndNavigate?: () => void;
+    createTemplateRoute?: string | null;
+    templateBuilderRoute?: string | null;
+    restrictedProducts?: any;
+    disallowedProducts?: string[] | null | undefined;
+    currentTheme?: string | null | undefined;
+}
+declare const CreateTemplateV2: React.FC<CreateTemplateV2Props>;
+export default CreateTemplateV2;

package/build/types/src/components/CreateTemplate/index.d.ts

@@ -6,6 +6,7 @@ interface CreateTemplateProps {
     templateBuilderRoute?: string | null;
     restrictedProducts?: any;
     disallowedProducts?: string[] | null | undefined;
+    currentTheme?: string | null | undefined;
 }
 declare const CreateTemplate: React.FC<CreateTemplateProps>;
 export default CreateTemplate;

package/build/types/src/components/GenericUIBlocks/Button/index.d.ts

@@ -7,6 +7,7 @@ interface ButtonProps {
     className?: string;
     disabled?: boolean;
     backdrop?: boolean;
+    currentTheme?: string | null | undefined;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/build/types/src/components/GenericUIBlocks/Dialog/V2/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './styles.scss';
+interface DialogProps {
+    icon?: ReactNode;
+    customStyles?: CSSProperties;
+    open: boolean;
+    handleClose: () => void;
+    loading?: boolean;
+    title?: string | ReactNode;
+    subHeading?: string;
+    description?: string;
+    onSubmit?: () => void;
+    onCancel?: () => void;
+    cancelText?: string;
+    submitText?: string;
+    children?: ReactNode;
+    isGallery?: boolean;
+    currentTheme?: string | null | undefined;
+    isQRCode?: boolean;
+}
+declare const DialogV2: React.FC<DialogProps>;
+export default DialogV2;

package/build/types/src/components/GenericUIBlocks/Dialog/index.d.ts

@@ -6,7 +6,7 @@ interface DialogProps {
     open: boolean;
     handleClose: () => void;
     loading?: boolean;
-    title?: string;
+    title?: string | ReactNode;
     subHeading?: string;
     description?: string;
     onSubmit?: () => void;
@@ -15,6 +15,7 @@ interface DialogProps {
     submitText?: string;
     children?: ReactNode;
     isGallery?: boolean;
+    currentTheme?: string | null | undefined;
 }
 declare const Dialog: React.FC<DialogProps>;
 export default Dialog;

package/build/types/src/components/GenericUIBlocks/GeneralSelect/index.d.ts

@@ -18,6 +18,7 @@ interface GeneralSelectProps {
     clearField: boolean;
     qrField?: boolean;
     search?: boolean;
+    currentTheme?: string | null | undefined;
 }
 declare const GeneralSelect: React.FC<GeneralSelectProps>;
 export default GeneralSelect;

package/build/types/src/components/GenericUIBlocks/Input/index.d.ts

@@ -19,6 +19,10 @@ interface InputProps {
     handleFileRemove?: () => void;
     qrField?: boolean;
     onlyNumber?: boolean;
+    currentTheme?: string | null | undefined;
+    required?: boolean;
+    isClearable?: boolean;
+    className?: string;
 }
 declare const Input: FC<InputProps>;
 export default Input;

package/build/types/src/components/SidePanel/CustomQRCode/V2/QRCodeModal/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './styles.scss';
+interface QRCodeModalProps {
+    show: boolean;
+    utms?: any;
+    utmFields?: any;
+    handleSelect?: any;
+    isEditing?: boolean;
+    setQrUrl: (value: string) => void;
+    setUtmSource: (value: string) => void;
+    setUtmMedium: (value: string) => void;
+    setCustomUtms: (utms: string[]) => void;
+    handleDialogChange: (model: string) => void;
+    handleClose: () => void;
+    setUtmCampaignName: (value: string) => void;
+    addNewQRCode: () => void;
+    loading: boolean;
+}
+declare const QRCodeModal: React.FC<QRCodeModalProps>;
+export default QRCodeModal;

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

@@ -1,15 +1,21 @@
 import React from 'react';
 import type { StoreType } from 'polotno/model/store';
+import './styles.scss';
 interface CustomQRProps {
     store: StoreType;
     allowSenderFields: any;
     allowPropertyFields: any;
     excludedFields: any;
+    currentTheme?: string | null | undefined;
+    onGetQRCodes?: (payload: any) => Promise<any>;
+    onDeleteQRCodes?: (id: string | number) => Promise<void>;
+    onUploadQRCode?: (payload: any) => Promise<any>;
+    onEditQRCode?: (payload: any) => Promise<any>;
 }
 declare const CustomQRCode: {
     name: string;
     Tab: (props: any) => React.JSX.Element;
-    Panel: (({ store, allowSenderFields, allowPropertyFields, excludedFields }: CustomQRProps) => React.JSX.Element) & {
+    Panel: (({ store, allowSenderFields, allowPropertyFields, excludedFields, currentTheme, onGetQRCodes, onDeleteQRCodes, onUploadQRCode, onEditQRCode, }: CustomQRProps) => React.JSX.Element) & {
         displayName: string;
     };
 };

package/build/types/src/components/SidePanel/CustomUploads/V2/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { StoreType } from 'polotno/model/store';
+import './styles.scss';
+interface CustomUploadsV2Props {
+    store: StoreType;
+    onGetBrandingImages?: (payload: any) => Promise<any>;
+    onDeleteBrandingImage?: (id: string | number) => Promise<void>;
+    onUploadBrandingImage?: (payload: any) => Promise<any>;
+}
+export declare const CustomUploadsV2: (({ store, onGetBrandingImages, onDeleteBrandingImage, onUploadBrandingImage, }: CustomUploadsV2Props) => React.JSX.Element) & {
+    displayName: string;
+};
+export default CustomUploadsV2;

package/build/types/src/components/SidePanel/CustomUploads/index.d.ts

@@ -1,9 +1,27 @@
 import React from 'react';
 import type { StoreType } from 'polotno/model/store';
+import CustomUploadsV2 from './V2';
 interface UploadPanelProps {
     store: StoreType;
 }
 export declare const UploadPanel: (({ store }: UploadPanelProps) => React.JSX.Element) & {
     displayName: string;
 };
+interface CustomUploadsV2Props {
+    store: StoreType;
+    onGetBrandingImages?: (payload: any) => Promise<any>;
+    onDeleteBrandingImage?: (id: string | number) => Promise<void>;
+    onUploadBrandingImage?: (payload: any) => Promise<any>;
+}
+export declare const CustomUploadsV2Panel: (({ store, onGetBrandingImages, onDeleteBrandingImage, onUploadBrandingImage, }: CustomUploadsV2Props) => React.JSX.Element) & {
+    displayName: string;
+};
+export declare const CustomUploadsV2Section: {
+    name: string;
+    Tab: (props: any) => React.JSX.Element;
+    Panel: (({ store, onGetBrandingImages, onDeleteBrandingImage, onUploadBrandingImage, }: CustomUploadsV2Props) => React.JSX.Element) & {
+        displayName: string;
+    };
+};
 export default UploadPanel;
+export { CustomUploadsV2 };

package/build/types/src/components/SidePanel/Templates/ModalGallery/V2/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { TemplateCategory, TemplateRecord, TemplateType } from '../../customTemplateSection';
+import './styles.scss';
+type CustomTemplateSectionProps = {
+    product: any;
+    openGalleryModal: boolean;
+    selectedCategory: TemplateCategory | null;
+    templateCategories: TemplateCategory[];
+    currentTemplateType: TemplateType | undefined;
+    templateTypes: TemplateType[] | null | undefined;
+    designerQueryAmount?: string | number;
+    search: any;
+    searchApplied: boolean;
+    loader: boolean;
+    platformName: any;
+    myTemplates: TemplateRecord[];
+    teamTemplates: TemplateRecord[];
+    olcTemplates: TemplateRecord[];
+    pagination: any;
+    setSearch: any;
+    handleSearch: any;
+    removeSearchInput: any;
+    searchKeyDown: any;
+    currentTemplateTypeRef: any;
+    setCurrentTemplateType: any;
+    setSelectedCategory: any;
+    handleLoadTemplateModel: any;
+    handleTabChange: any;
+    handleDialogChange: any;
+    closeGalleryModal: any;
+    setOpenGalleryModal: any;
+    setHireDesignerModal: any;
+    currentTheme?: string | null | undefined;
+};
+declare const ModalGalleryV2: (props: CustomTemplateSectionProps) => React.JSX.Element;
+export default ModalGalleryV2;

package/build/types/src/components/SidePanel/Templates/TemplatesCard/V2/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './styles.scss';
+declare const TemplatesCard: (props: any) => React.JSX.Element;
+export default TemplatesCard;

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

@@ -16,10 +16,18 @@ interface Props {
     propertyOfferCost?: number;
     customPropertyOfferCost?: number;
     gsvCost?: number;
+    currentTheme?: string | null | undefined;
     onGetOneTemplate?: (payload: any) => Promise<any>;
     onCreateCustomTemplateQuery?: (payload: any) => Promise<any>;
     onGetTemplates?: (payload: any) => Promise<any>;
     onGetCustomFields?: () => 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>;
 }
 declare const SidePanel: React.FC<Props>;
 export default SidePanel;

package/build/types/src/components/TemplateBuilder/index.d.ts

@@ -29,6 +29,8 @@ interface TemplateBuilderProps {
     propertyOfferCost?: number;
     customPropertyOfferCost?: number;
     gsvCost?: number;
+    selectedTemplateType?: string | null;
+    currentTheme?: string | null | undefined;
     onReturnAndNavigate?: () => void;
     onGetCustomFields?: () => Promise<any>;
     onDuplicateTemplate?: (payload: any) => Promise<any>;
@@ -36,6 +38,13 @@ interface TemplateBuilderProps {
     onGetOneTemplate?: (payload: any) => Promise<any>;
     onGetTemplates?: (payload: any) => Promise<any>;
     onSubmit?: (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>;
 }
 declare const TemplateBuilder: React.FC<TemplateBuilderProps>;
 export default TemplateBuilder;

package/build/types/src/components/TemplateTypes/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './styles.scss';
+interface TemplateTypesProps {
+    onReturnAndNavigate?: () => void;
+    createTemplateRoute?: string | null;
+    selectedTemplateType?: string | null;
+    setSelectedTemplateType?: any;
+    setTemplateTypeSelected?: any;
+}
+declare const TemplateTypes: React.FC<TemplateTypesProps>;
+export default TemplateTypes;

package/build/types/src/components/TopNavigation/ConfirmNavigateDialog/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import "./styles.scss";
 interface ConfirmNavigateDialogProps {
     open: boolean;
+    currentTheme?: string | null | undefined;
     handleClose: () => void;
     handleNavigateAction: () => void;
 }

package/build/types/src/components/TopNavigation/EditTemplateNameModel/index.d.ts

@@ -11,6 +11,10 @@ import './styles.scss';
  */
 interface EditTemplateNameModelProps {
     open: boolean;
+    title: string;
+    setTemplateTitle: any;
+    handleEditName: any;
+    templateTitle: string;
     handleClose: () => void;
 }
 declare const EditTemplateNameModel: React.FC<EditTemplateNameModelProps>;

package/build/types/src/components/TopNavigation/SaveTemplateModel/index.d.ts

@@ -7,6 +7,7 @@ interface SaveTemplateModelProps {
     handleSave: () => void;
     store: any;
     allowedAddOns?: any;
+    currentTheme?: string | null | undefined;
 }
 declare const SaveTemplateModel: React.FC<SaveTemplateModelProps>;
 export default SaveTemplateModel;

package/build/types/src/components/TopNavigation/index.d.ts

@@ -7,11 +7,12 @@ interface TopNavigationProps {
     setIsDuplication: any;
     olcTemplate?: Record<string, any>;
     designerTemplateQuery?: Record<string, any> | null;
+    allowedAddOns?: any;
+    allowAdditionalPage?: boolean;
+    currentTheme?: string | null | undefined;
     onDuplicateTemplate?: (payload: any) => Promise<any>;
     onReturnAndNavigate?: () => void;
     onSubmit?: (payload: any) => Promise<any>;
-    allowedAddOns?: any;
-    allowAdditionalPage?: boolean;
 }
 declare const TopNavigation: React.FC<TopNavigationProps>;
 export default TopNavigation;

package/build/types/src/index.d.ts

@@ -1,8 +1,10 @@
-import './index.scss';
+import '@fontsource/inter/200.css';
+import '@fontsource/inter/300.css';
 import '@fontsource/inter/400.css';
 import '@fontsource/inter/500.css';
 import '@fontsource/inter/600.css';
 import '@fontsource/inter/700.css';
+import '@fontsource/inter/800.css';
 import { CustomCSSProperties } from './utils/customStyles';
 import { AddOnTypes, TemplateTypes } from './utils/types';
 interface TemplateBuilderProps {
@@ -29,16 +31,25 @@ interface TemplateBuilderProps {
     customPropertyOfferCost?: number;
     gsvCost?: number;
     allowAdditionalPage?: boolean;
+    showTemplateTypesPage?: boolean;
+    currentTheme?: string | null | undefined;
     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>;
     styles?: {
         root?: CustomCSSProperties;
     };
 }
-declare const TemplateBuilder: ({ container, secretKey, publicApiKey, platformName, templateGalleryModal, createTemplateRoute, templateBuilderRoute, olcTemplate, designerTemplateQuery, sandbox, allowSenderFields, allowPropertyFields, allowAdditionalPage, excludedFields, designerQueryAmount, allowedAddOns, allowedTemplateSections, env, restrictedProducts, disallowedProducts, propertyOfferCost, customPropertyOfferCost, gsvCost, onReturnAndNavigate, onCreateCustomTemplateQuery, onGetOneTemplate, onGetTemplates, onGetCustomFields, onDuplicateTemplate, onSubmit, styles, }: TemplateBuilderProps) => void;
+declare const TemplateBuilder: ({ container, secretKey, publicApiKey, platformName, templateGalleryModal, createTemplateRoute, templateBuilderRoute, olcTemplate, designerTemplateQuery, sandbox, allowSenderFields, allowPropertyFields, allowAdditionalPage, excludedFields, designerQueryAmount, allowedAddOns, allowedTemplateSections, env, restrictedProducts, disallowedProducts, propertyOfferCost, customPropertyOfferCost, gsvCost, showTemplateTypesPage, currentTheme, onReturnAndNavigate, onCreateCustomTemplateQuery, onGetOneTemplate, onGetTemplates, onGetCustomFields, onDuplicateTemplate, onGetBrandingImages, onDeleteBrandingImage, onUploadBrandingImage, onGetQRCodes, onDeleteQRCodes, onUploadQRCode, onEditQRCode, onSubmit, styles, }: TemplateBuilderProps) => void;
 export default TemplateBuilder;

package/build/types/src/redux/actions/action-types.d.ts

@@ -13,6 +13,7 @@ export declare const LOAD_DATA_FROM_LOCAL_STORAGE: string;
 export declare const CLEAR_TEMPLATE: string;
 export declare const SELECT_PRODUCT: string;
 export declare const SELECT_POSTCARD: string;
+export declare const SET_PRODUCTS: string;
 export declare const SET_CUSTOM_FIELDS = "SET_CUSTOM_FIELDS";
 export declare const SET_CUSTOM_FIELDS_V2 = "SET_CUSTOM_FIELDS_V2";
 export declare const SET_PLATFORM_FIELDS = "SET_PLATFORM_FIELDS";
@@ -25,6 +26,8 @@ export declare const SET_UTM_CAMPAIGN_NAME = "SET_UTM_CAMPAIGN_NAME";
 export declare const SET_CUSTOM_UTMS = "SET_CUSTOM_UTMS";
 export declare const CLEAR_QR_FIELDS = "CLEAR_QR_FIELDS";
 export declare const SET_IS_QR = "SET_IS_QR";
+export declare const SET_QR_DIALOG = "SET_QR_DIALOG";
+export declare const CLOSE_QR_DIALOG = "CLOSE_QR_DIALOG";
 export declare const SET_BLOCK_COLOR = "SET_BLOCK_COLOR";
 export declare const SET_PAGE_COUNT = "SET_PAGE_COUNT";
 export declare const CLEAR_REDUX: string;

package/build/types/src/redux/actions/customQRCodeActions.d.ts

@@ -25,3 +25,13 @@ export declare const setCustomUtms: (customUtms: Record<string, any>) => {
 export declare const clearQrFields: () => {
     type: string;
 };
+export declare const setQrDialog: (open: boolean, model?: string) => {
+    type: string;
+    payload: {
+        open: boolean;
+        model: string;
+    };
+};
+export declare const closeQrDialog: () => {
+    type: string;
+};

package/build/types/src/redux/actions/templateActions.d.ts

@@ -89,4 +89,10 @@ declare const getAllTemplateCategories: () => Promise<any>;
  * @returns {Function} - The thunk function.
  */
 declare const setPageCount: (count: number) => (dispatch: AppDispatch) => void;
-export { uploadTemplate, getAllTemplatesByTab, searchAndAdvanceChange, clearAllTemplates, selectProduct, selectPostCard, clearTemplateFields, loadFormDataToStore, uploadFile, downloadProof, envelopeProof, getAllTemplateCategories, setPageCount };
+/**
+ * Fetches products from the API and updates the store.
+ *
+ * @returns {Function} - The thunk function.
+ */
+declare const fetchProducts: () => (dispatch: AppDispatch) => Promise<any>;
+export { uploadTemplate, getAllTemplatesByTab, searchAndAdvanceChange, clearAllTemplates, selectProduct, selectPostCard, clearTemplateFields, loadFormDataToStore, uploadFile, downloadProof, envelopeProof, getAllTemplateCategories, setPageCount, fetchProducts };

package/build/types/src/redux/reducers/customQRCodeReducer.d.ts

@@ -5,6 +5,10 @@ export interface CustomQRCodeState {
     utmCampaignName: string;
     customUtms: Record<string, any>;
     isQR: boolean;
+    dialog: {
+        open: boolean;
+        model: string;
+    };
 }
 declare const customQRCodeReducer: (state: CustomQRCodeState | undefined, action: any) => CustomQRCodeState;
 export { customQRCodeReducer };

package/build/types/src/redux/reducers/templateReducer.d.ts

@@ -43,6 +43,7 @@ export interface TemplateState {
     defaultPropertyFields: DynamicField[];
     defaultMiscFields: DynamicField[];
     products: any[];
+    productDetails: any[];
     productDetailByTemplate: any[];
     templates: TemplatesState;
     templatesPagination: PaginationState;

package/build/types/src/utils/constants.d.ts

@@ -23,6 +23,7 @@ interface TemplateTypes {
 }
 export declare const defaultTemplateTypes: TemplateTypes[];
 export declare const sortOrderForTemplates: string[];
+export declare const sortOrderForTemplatesV2: string[];
 export declare const EMAIL_REGEX: RegExp;
 export declare const VIDEO_URL_REGEX: RegExp;
 export declare const DISALLOWED_DOMAINS: string[];

package/build/types/src/utils/customStyles.d.ts

@@ -13,6 +13,10 @@ export interface CustomCSSProperties extends React.CSSProperties {
     '--notification-text-color'?: string;
     '--border-color'?: string;
     '--error-color'?: string;
+    '--primary-color-hover'?: string;
+    '--card-background-color'?: string;
+    '--modal-svg-bg'?: string;
+    '--primary-color-btn-hover'?: string;
 }
 export interface Styles {
     root: CustomCSSProperties;

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

@@ -11,7 +11,7 @@ export declare const setEnv: (env: string) => 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 getType: (file: any) => "image" | "svg" | "video";
 export declare const cleanString: (input: string) => string;
 export declare const createBorder: (id: string, x: number, y: number, width: number, height: number, rotation: number, color?: string) => {
     id: string;

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

@@ -77,10 +77,12 @@ export declare const MESSAGES: {
         };
         readonly QR_SECTION: {
             readonly EMPTY_QR: "Please add a URL to your QR code.";
+            readonly EMPTY_CAMPAIGN: "Please add a Campaign Name to your QR code.";
             readonly QR_PLACEHOLDER: "Enter QR 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 QR_NOTE: "Add a QR code to track engagement. Select a saved code or create a new one for this template.";
         };
         readonly HIRE_DESIGNER: {
             readonly TITLE: "Custom Design Form";
@@ -134,6 +136,18 @@ export declare const MESSAGES: {
         readonly CANCEL_BUTTON: "Cancel";
         readonly SUBMIT_BUTTON: "Save";
     };
+    readonly QR_CODE_MODAL: {
+        readonly CREATE_TITLE: "Create New QR Code";
+        readonly UPDATE_TITLE: "Update QR Code";
+        readonly INPUT: {
+            readonly LABEL: "Campaign Name";
+            readonly PLACEHOLDER: "Enter Campaign Name";
+            readonly ERROR: {
+                readonly REQUIRED: "QR Code URL is required";
+                readonly INVALID: "QR Code URL is not valid";
+            };
+        };
+    };
     readonly SNACKBAR: {
         readonly HEADING: "Notifications";
     };

package/build/types/src/utils/products.d.ts

@@ -2,12 +2,16 @@ interface Size {
     id: string;
     size: string;
     title?: string;
+    label?: string;
 }
 interface Product {
     id: string;
     title: string;
     productType: string;
     size: Size[];
+    finish?: string;
+    label?: string;
+    envelopeOptions?: string;
     hasEnvelope?: boolean;
     paper?: string;
     envelope?: any;

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

@@ -8,7 +8,53 @@ export interface EnvelopeType {
     type: string;
     productId: number;
 }
+export interface DesignType {
+    id: number;
+    type: string;
+    productId: number;
+}
 export declare const envelopeTypes: EnvelopeType[];
+export declare const designTypes: DesignType[];
+export declare const selfMailerProduct: {
+    id: string;
+    title: string;
+    productType: string;
+    hasEnvelope: boolean;
+    paper: string;
+    finish: string;
+    size: {
+        id: string;
+        size: string;
+    }[];
+    types: ({
+        id: string;
+        defaultSize: string;
+        title: string;
+        productType: string;
+        hasEnvelope: boolean;
+        paper: string;
+        finish: string;
+        size: {
+            id: string;
+            size: string;
+        }[];
+        label?: undefined;
+    } | {
+        id: string;
+        defaultSize: string;
+        title: string;
+        productType: string;
+        hasEnvelope: boolean;
+        paper: string;
+        label: string;
+        finish: string;
+        size: {
+            id: string;
+            size: string;
+            label: string;
+        }[];
+    })[];
+};
 export declare const getFileAsBlob: (url: string, returnType?: string) => Promise<any>;
 export declare const blobToString: (blob: Blob) => Promise<string>;
 export declare const downloadPDF: (title: string, url: string) => void;

package/build/types/version.d.ts

@@ -1 +1 @@
-export const SDK_VERSION: "2.0.7";
+export const SDK_VERSION: "2.0.8-beta.1";