@openlettermarketing/olc-react-sdk 0.0.21 → 0.0.22

package/build/types/App.d.ts

@@ -3,6 +3,9 @@ interface AppProps {
     secretKey: string;
     returnRoute?: string | null;
     styles?: any;
+    onGetTemplates?: (payload: any) => Promise<any>;
+    onGetCustomFields?: () => Promise<any>;
+    onSubmit?: (payload: any) => Promise<any>;
 }
 declare const App: React.FC<AppProps>;
 export default App;

package/build/types/assets/images/templates/field.d.ts

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

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

@@ -5,6 +5,7 @@ interface ButtonProps {
     style?: CSSProperties;
     onClick?: MouseEventHandler<HTMLDivElement>;
     className?: string;
+    disabled?: boolean;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

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

@@ -3,6 +3,8 @@ import type { StoreType } from 'polotno/model/store';
 interface Props {
     store: StoreType;
     currentTemplateType: string;
+    onGetTemplates?: (payload: any) => Promise<any>;
+    onGetCustomFields?: () => Promise<any>;
 }
 declare const SidePanel: React.FC<Props>;
 export default SidePanel;

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

@@ -12,11 +12,12 @@ import './styles.scss';
  * @param {Object} props.styles - The styles contain CSS Properties passed as a prop to the `TemplateBuilder` component.
  * @returns {JSX.Element} The rendered template builder interface.
  */
-import './styles.scss';
 interface TemplateBuilderProps {
     store: StoreType;
     returnRoute?: string | null;
-    styles?: React.CSSProperties;
+    onGetCustomFields?: () => Promise<any>;
+    onGetTemplates?: (payload: any) => Promise<any>;
+    onSubmit?: (payload: any) => Promise<any>;
 }
 declare const TemplateBuilder: React.FC<TemplateBuilderProps>;
 export default TemplateBuilder;

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

@@ -4,6 +4,7 @@ interface TopNavigationProps {
     store: any;
     returnRoute?: string | null;
     isStoreUpdated: boolean;
+    onSubmit?: (payload: any) => Promise<any>;
 }
 declare const TopNavigation: React.FC<TopNavigationProps>;
 export default TopNavigation;

package/build/types/index.d.ts

@@ -6,13 +6,14 @@ import '@fontsource/inter/500.css';
 import { CustomCSSProperties } from './utils/customStyles';
 interface TemplateBuilderProps {
     container: HTMLElement | null;
-    apiKey: string;
-    mode: 'test' | 'live';
     secretKey: string;
     returnRoute?: string | null;
+    onGetTemplates?: (payload: any) => Promise<any>;
+    onGetCustomFields?: () => Promise<any>;
+    onSubmit?: (payload: any) => Promise<any>;
     styles?: {
         root?: CustomCSSProperties;
     };
 }
-declare const TemplateBuilder: ({ container, apiKey, secretKey, mode, returnRoute, styles, }: TemplateBuilderProps) => void;
+declare const TemplateBuilder: ({ container, secretKey, returnRoute, onGetTemplates, onGetCustomFields, onSubmit, styles, }: TemplateBuilderProps) => void;
 export default TemplateBuilder;

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

@@ -1,29 +1,15 @@
 export declare const SET_SUCCESS_SNACKBAR = "SET_SUCCESS_SNACKBAR";
 export declare const SET_ERROR_SNACKBAR = "SET_ERROR_SNACKBAR";
 export declare const CLEAR_SNACKBAR = "CLEAR_SNACKBAR";
-export declare const SET_DYNAMIC_FIELD_VALUE: string;
-export declare const SET_DYNAMIC_FIELDS: string;
-export declare const UPDATE_DYNAMIC_FIELDS: string;
-export declare const UPDATE_CONTACT_FIELDS: string;
-export declare const REMOVE_FROM_DYNAMIC_FIELDS: string;
-export declare const GET_PRODUCTS: string;
-export declare const CLEAR_DYNAMIC_FIELDS: string;
-export declare const CLEAR_FIELDS: string;
-export declare const GET_ALL_TEMPLATES: string;
 export declare const GET_ONE_TEMPLATE: string;
 export declare const TEMPLATE_LOADING: string;
 export declare const TEMPLATE_PAGINATION_CHANGE: string;
 export declare const TEMPLATE_SEARCH: string;
 export declare const CLEAR_ALL_TEMPLATE: string;
 export declare const CLEAR_TEMPLATE_FIELDS: string;
-export declare const GET_DYNAMIC_FIELDS_FROM_SERVER: string;
 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_PRODUCT_TYPES: string;
-export declare const SET_PRODUCT_DETAILS: string;
-export declare const SET_PRODUCTS_DATA: string;
+export declare const SET_CUSTOM_FIELDS = "SET_CUSTOM_FIELDS";
 export declare const CLEAR_REDUX: string;
-export declare const FETCH_TEMPLATES_REQUEST: string;
-export declare const SET_TEMPLATES: string;

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

@@ -29,67 +29,6 @@ declare const createTemplate: (data: object) => Promise<unknown>;
  * @returns {Promise<object>} - A promise that resolves to the response from the successful request or the error response if an error occurs.
  */
 declare const updateTemplate: (id: number, data: object) => Promise<unknown>;
-/**
- * Deletes a template by its ID.
- *
- * @param {string} id - The unique identifier of the template to delete.
- * @returns {Promise<any>} A Promise that resolves to the response indicating
- *                    the success of the template deletion, or rejects
- *                    with an error response in case of failure.
- *
- * @throws {Error} If the request to delete the template fails.
- */
-declare const deleteTemplate: (id: string) => Promise<unknown>;
-/**
- * Retrieves the view proof for a template with the given ID.
- *
- * @param {string} id - The ID of the template for which the view proof is requested.
- * @returns {Promise<object>} - The response object from the GET request, containing the view proof for the template with the given ID.
- * @throws {object} - The error response if there is an error.
- */
-declare const getViewProof: (id: string) => Promise<unknown>;
-/**
- * Duplicates a template by its ID.
- *
- * @param {string} id - The unique identifier of the template to duplicate.
- * @param {Object} data - Additional data to be sent with the duplicate request.
- * @returns {Promise<any>} A Promise that resolves to the response containing information
- *                    about the duplicated template, or rejects with an error response
- *                    in case of failure.
- *
- * @throws {Error} If the request to duplicate the template fails.
- */
-declare const doublicateTemplate: (id: string, data: object) => Promise<unknown>;
-/**
- * Fetches products and dispatches an action with the product data to the Redux store.
- *
- * @param {Function} dispatch - The dispatch function from the Redux store.
- * @returns {Promise<void>} A Promise that resolves after dispatching the action,
- *                    or rejects if there is an error fetching the products.
- *
- * @throws {Error} If there is an error fetching the products.
- */
-declare const getAllProducts: () => (dispatch: AppDispatch) => Promise<void>;
-/**
- * Fetches custom fields and dispatches an action with the custom fields data to the Redux store.
- *
- * @param {Function} dispatch - The dispatch function from the Redux store.
- * @returns {Promise<void>} A Promise that resolves after dispatching the action,
- *                    or rejects if there is an error fetching the custom fields.
- *
- * @throws {Error} If there is an error fetching the custom fields.
- */
-declare const getAllCustomFields: () => (dispatch: AppDispatch) => Promise<void>;
-/**
- * Fetches product details and dispatches an action with the product details data to the Redux store.
- *
- * @param {object} payload - The payload containing the product details.
- * @returns {Promise<void>} A Promise that resolves after dispatching the action,
- *                    or rejects if there is an error fetching the product details.
- *
- * @throws {Error} If there is an error fetching the product details.
- */
-declare const getProductDetails: (payload: object) => (dispatch: AppDispatch) => Promise<void>;
 /**
  * Loads form data to the store.
  *
@@ -149,40 +88,6 @@ declare const clearAllTemplates: () => (dispatch: AppDispatch) => void;
  * @returns {Function} - The thunk function.
  */
 declare const searchAndAdvanceChange: (name: string, value: any) => (dispatch: AppDispatch) => void;
-/**
- * Changes dynamic input.
- *
- * @param {any} value - The value of the dynamic input.
- * @returns {Function} - The thunk function.
- */
-declare const dynmicInputChange: (value: any) => (dispatch: AppDispatch) => void;
-/**
- * Sets dynamic fields.
- *
- * @returns {Function} - The thunk function.
- */
-declare const setDynamicFields: () => (dispatch: AppDispatch) => void;
-/**
- * Removes an item from dynamic fields.
- *
- * @param {any} value - The value of the item to remove.
- * @returns {Function} - The thunk function.
- */
-declare const removeItemFromDynamicField: (value: any) => (dispatch: AppDispatch) => void;
-/**
- * Clears dynamic fields.
- *
- * @returns {Function} - The thunk function.
- */
-declare const clearDynaicFields: () => (dispatch: AppDispatch) => void;
-/**
- * Clears filters.
- *
- * @returns {Function} - The thunk function.
- */
-declare const clearFilter: () => (dispatch: AppDispatch) => {
-    type: string;
-};
 /**
  * Retrieves all template categories from the server using an HTTP GET request.
  *
@@ -190,12 +95,4 @@ declare const clearFilter: () => (dispatch: AppDispatch) => {
  * @throws {object} - The error response if there is an error.
  */
 declare const getAllTemplateCategories: () => Promise<any>;
-/**
- * Retrieves templates by tab using the provided payload.
- *
- * @param {object} payload - The payload containing the necessary data to filter templates by tab.
- * @returns {Promise<any>} - A promise that resolves with the response data from the server.
- * @throws {object} - The error response if there is an error.
- */
-declare const getAllTemplatesByTab: (payload: object) => Promise<any>;
-export { dynmicInputChange, setDynamicFields, clearDynaicFields, removeItemFromDynamicField, getAllProducts, uploadTemplate, getOneTemplate, createTemplate, updateTemplate, clearFilter, deleteTemplate, getViewProof, doublicateTemplate, searchAndAdvanceChange, clearAllTemplates, selectProduct, selectPostCard, clearTemplateFields, getAllCustomFields, loadFormDataToStore, uploadFile, getProductDetails, downloadProof, getAllTemplateCategories, getAllTemplatesByTab };
+export { uploadTemplate, getOneTemplate, createTemplate, updateTemplate, searchAndAdvanceChange, clearAllTemplates, selectProduct, selectPostCard, clearTemplateFields, loadFormDataToStore, uploadFile, downloadProof, getAllTemplateCategories };

package/build/types/redux/reducers/customFieldReducer.d.ts

@@ -1,8 +1,6 @@
 export interface CustomFieldState {
     customFields: any[];
     defaultDynamicFields: any[];
-    loading: boolean;
-    error: string | null;
 }
 declare const customFieldReducer: (state: CustomFieldState | undefined, action: any) => CustomFieldState;
 export { customFieldReducer };

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

@@ -1,9 +1,12 @@
+export declare const API_BASE_URL = "https://api.openletterconnect.com/api/v1";
 export declare const DPI: number;
 export declare const Barcode: string;
 export declare const PRODUCT_LEARN_URL: string;
 export declare const multiPageLetters: string[];
-export declare const templateTypes: {
+interface TemplateTypes {
     id: string;
     label: string;
-}[];
+}
+export declare const templateTypes: TemplateTypes[];
 export declare const sortOrderForTemplates: string[];
+export {};

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

@@ -1,5 +1 @@
-export declare let apiKey: string | null;
-export declare let appMode: string;
 export declare const copyToClipboard: (text: string) => void;
-export declare const setApiKey: (key: string) => void;
-export declare const setMode: (mode: string) => void;

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

@@ -4,6 +4,10 @@ export declare const MESSAGES: {
         readonly SEARCH_PLACE_HOLDER: "Search by template name or template ID";
         readonly NAME_REQUIRED: "Template Name is required";
         readonly TYPE_REQUIRED: "Template Type is required";
+        readonly DESIGN_NEW: "Design Your Own";
+        readonly NO_MY_TEMPLATES: "No My Templates to show";
+        readonly NO_TEAM_TEMPLATES: "No Team Templates to show";
+        readonly NO_OLC_TEMPLATES: "No OLC Templates to show";
         readonly PRODUCT_TYPE_REQUIRED: "Product Type is required";
         readonly ENVELOPE_TYPE_REQUIRED: "Envelope Type is required";
         readonly POSTCARD_SIZE_REQUIRED: "Postcard Size is required";

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

@@ -0,0 +1,12 @@
+interface Size {
+    id: string;
+    size: string;
+}
+interface Product {
+    id: string;
+    productType: string;
+    size: Size[];
+    windowed?: boolean;
+}
+export declare const Products: Product[];
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openlettermarketing/olc-react-sdk",
   "private": false,
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "module",
   "description": "Simplify template builder integration for any product.",
   "main": "build/index.js",
@@ -40,7 +40,6 @@
   ],
   "dependencies": {
     "@fontsource/inter": "^5.0.18",
-    "deepmerge": "^4.3.1",
     "mobx-react-lite": "^4.0.7",
     "polotno": "^2.4.5",
     "react": "^18.3.1",

package/build/types/assets/images/templates/dynamic-field.d.ts

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

package/build/types/redux/actions/customFieldAction.d.ts

@@ -1,4 +0,0 @@
-import { AppDispatch } from '../store';
-export declare const FETCH_CUSTOM_FIELDS_REQUEST = "FETCH_CUSTOM_FIELDS_REQUEST";
-export declare const SET_CUSTOM_FIELDS = "SET_CUSTOM_FIELDS";
-export declare const fetchCustomFields: () => (dispatch: AppDispatch) => Promise<void>;