@enerex/template-studio 1.1.46 → 1.1.49

package/dist/types/component/TemplateList/components/TemplateActionsCell.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { ITemplateWithChain } from "../types";
+interface TemplateActionsCellProps {
+    template: ITemplateWithChain;
+    isAdmin?: boolean;
+    openActionId: string | null;
+    setOpenActionId: (id: string | null) => void;
+    onEdit: (template: ITemplateWithChain) => void;
+    onDuplicate: (template: ITemplateWithChain) => void;
+    onRemove: (template: ITemplateWithChain) => void;
+    onPreview: (template: ITemplateWithChain) => void;
+}
+declare const _default: React.NamedExoticComponent<TemplateActionsCellProps>;
+export default _default;

package/dist/types/component/TemplateList/components/TemplateModal.d.ts

@@ -0,0 +1,13 @@
+import type { ModalVariant } from "../../../type/application-type";
+import type { ITemplateWithChain } from "../types";
+interface Props {
+    show: boolean;
+    variant: ModalVariant;
+    template: ITemplateWithChain | null;
+    isNameAlreadyPresent: boolean;
+    onConfirm: (value?: string) => void;
+    onCancel: () => void;
+    onInputChange: () => void;
+}
+declare const TemplateModal: React.FC<Props>;
+export default TemplateModal;

package/dist/types/component/TemplateList/components/TemplateStatusCell.d.ts

@@ -0,0 +1,8 @@
+import type { ITemplateWithChain } from "../types";
+interface Props {
+    template: ITemplateWithChain;
+    isAdmin?: boolean;
+    onRefresh: () => void;
+}
+declare const TemplateStatusCell: React.FC<Props>;
+export default TemplateStatusCell;

package/dist/types/component/TemplateList/components/TemplateTable.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { ITemplateWithChain } from "../types";
+interface Props {
+    data: ITemplateWithChain[];
+    isAdmin: boolean;
+    openActionId: string | null;
+    setOpenActionId: (id: string | null) => void;
+    onEdit: (t: ITemplateWithChain) => void;
+    onDuplicate: (t: ITemplateWithChain) => void;
+    onRemove: (t: ITemplateWithChain) => void;
+    onPreview: (t: ITemplateWithChain) => void;
+    onRefresh: () => void;
+}
+declare const TemplateTable: React.FC<Props>;
+export default TemplateTable;

package/dist/types/component/TemplateList/index.d.ts

@@ -1,19 +1,14 @@
+import React from "react";
+import "./template-list.css";
 import type { ITemplatesList, ITemplateTypes } from "../../queries/types";
-export interface ChainNode {
-    id: number;
-    name: string;
-    key: number;
-}
-export interface ITemplateWithChain extends ITemplatesList {
-    categoryChain: ChainNode[];
-}
-interface TemplatesListPageProps {
+import type { ITemplateWithChain } from "./types";
+interface Props {
     templates: ITemplatesList[];
     templateTypes: ITemplateTypes[];
-    onRefresh: () => void;
     onAdd: () => void;
-    onEdit: (template: ITemplateWithChain) => void;
-    onPreview: (template: ITemplateWithChain) => void;
+    onEdit: (t: ITemplateWithChain) => void;
+    onPreview: (t: ITemplateWithChain) => void;
+    onRefresh: () => void;
 }
-declare const TemplatesListPage: React.FC<TemplatesListPageProps>;
-export default TemplatesListPage;
+declare const TemplatesList: React.FC<Props>;
+export default TemplatesList;

package/dist/types/component/TemplateList/types.d.ts

@@ -0,0 +1,12 @@
+import type { Variant } from "react-bootstrap/esm/types";
+import type { ITemplatesList } from "../../queries/types";
+export interface ChainNode {
+    id: number;
+    name: string;
+    key: number;
+}
+export interface ITemplateWithChain extends ITemplatesList {
+    categoryChain: ChainNode[];
+}
+export type StatusBadgeColors<T extends string = string> = Record<T, Variant>;
+export declare const templateBadgeColors: StatusBadgeColors;

package/dist/types/component/TemplateList/useTemplateController.d.ts

@@ -0,0 +1,20 @@
+import type { ITemplatesList, ITemplateTypes } from "../../queries/types";
+import type { ModalVariant } from "../../type/application-type";
+import type { ITemplateWithChain } from "./types";
+export declare const useTemplateController: (templates: ITemplatesList[], templateTypes: ITemplateTypes[], onRefresh: () => void) => {
+    templatesWithChain: ITemplateWithChain[];
+    isAdmin: boolean;
+    openActionId: string | null;
+    setOpenActionId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    onDuplicate: (template: ITemplateWithChain) => void;
+    onRemove: (template: ITemplateWithChain) => void;
+    handleConfirmModal: (value?: string) => Promise<void>;
+    showModal: boolean;
+    setShowModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    variant: ModalVariant;
+    selectedTemplate: ITemplateWithChain | null;
+    isNameAlreadyPresent: boolean;
+    setIsNameAlreadyPresent: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    loadingDuplicate: boolean;
+    loadingDelete: boolean;
+};

package/dist/types/component/editor/index.d.ts

@@ -1,9 +1,11 @@
 import type { stripoData } from "../../type/application-type";
+import type { IProposalSettings } from "../../queries/types";
 interface IproposalEditorProps {
     templateHTML?: stripoData;
     className?: string;
     loading?: boolean;
     onEditorInitialized?: (initialized: boolean) => void;
+    proposalSettings: IProposalSettings;
 }
 declare const ProposalEditor: React.FC<IproposalEditorProps>;
 export default ProposalEditor;

package/dist/types/component/editormodal/index.d.ts

@@ -1,9 +1,10 @@
-import type { ITemplate, ITemplatesList, ITemplateTypes } from "../../queries/types";
+import "./editormodal.css";
+import type { IProposalSettings, ITemplatesList, ITemplateTypes } from "../../queries/types";
 import type { EditorModalVariant } from "../../type/application-type";
 interface EditorModalProps {
     show: boolean;
     mode: EditorModalVariant;
-    template?: ITemplate;
+    template?: ITemplatesList;
     templateTypes: ITemplateTypes[];
     templateList: ITemplatesList[];
     editorInitialized: boolean;
@@ -12,6 +13,8 @@ interface EditorModalProps {
     onClose: () => void;
     onSaved: () => void;
     onRefresh: () => void;
+    isTemplateNameExists: (name: string, excludeId?: string) => boolean;
+    proposalSettings: IProposalSettings;
 }
 declare const EditorModal: React.FC<EditorModalProps>;
 export default EditorModal;

package/dist/types/component/icons/box-icon.d.ts

@@ -0,0 +1,2 @@
+declare const MaximizeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default MaximizeIcon;

package/dist/types/component/icons/layers-icon.d.ts

@@ -0,0 +1,2 @@
+declare const RestoreIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default RestoreIcon;

package/dist/types/component/icons/star-icon.d.ts

@@ -3,6 +3,8 @@ export interface StarIconProps extends React.SVGProps<SVGSVGElement> {
     fill?: string;
     stroke?: string;
     strokeWidth?: string;
+    width?: string;
+    height?: string;
 }
 declare const StarIcon: React.FC<StarIconProps>;
 export default StarIcon;

package/dist/types/component/template-form/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ITemplate, ITemplatesList, ITemplateTypes } from "../../queries/types";
+import type { IProposalSettings, ITemplatesList, ITemplateTypes } from "../../queries/types";
 import type { EditorModalVariant } from "../../type/application-type";
 interface ITemplateFormProps {
     onReset: () => void;
@@ -7,9 +7,11 @@ interface ITemplateFormProps {
     mode: EditorModalVariant;
     templateTypes: ITemplateTypes[];
     templateList: ITemplatesList[];
-    template?: ITemplate;
+    template?: ITemplatesList;
     onRefresh: () => void;
     closeEditorModal: () => void;
+    isTemplateNameExists: (name: string, excludeId?: string) => boolean;
+    proposalSettings: IProposalSettings;
 }
 declare const TemplateForm: React.FC<ITemplateFormProps>;
 export default TemplateForm;

package/dist/types/hook/useStripoObserver.d.ts

@@ -0,0 +1,3 @@
+type StripoCallback = (shadowRoot: ShadowRoot) => void;
+export declare function useStripoObserver(callback: StripoCallback): void;
+export {};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-import "./styles/main.scss";
+import "@enerex/unified-ui-assets/css";
+import "./style.css";
 export { EditorWidget } from "./component/widget";

package/dist/types/queries/endpoints.d.ts

@@ -14,4 +14,5 @@ export declare const apiEndpoints: {
     deleteTemplate: string;
     templateListAll: string;
     duplicateTemplate: string;
+    Template_settings: string;
 };

package/dist/types/queries/get_exclude_category.query.d.ts

@@ -1 +1 @@
-export declare const getExcludeCategory: () => import("@tanstack/react-query").UseQueryResult<number[] | undefined, unknown>;
+export declare const getExcludeCategory: () => import("@tanstack/react-query").UseQueryResult<number[] | undefined, Error>;

package/dist/types/queries/get_template_list.query.d.ts

@@ -1,2 +1,2 @@
 import type { ITemplatesList } from "./types";
-export declare const getTemplatesList: () => import("@tanstack/react-query").UseQueryResult<ITemplatesList[] | undefined, unknown>;
+export declare const getTemplatesList: () => import("@tanstack/react-query").UseQueryResult<ITemplatesList[] | undefined, Error>;

package/dist/types/queries/get_template_list_all.query.d.ts

@@ -1,2 +1,2 @@
 import type { ITemplatesList } from "./types";
-export declare const getTemplatesListAll: () => import("@tanstack/react-query").UseQueryResult<ITemplatesList[] | undefined, unknown>;
+export declare const getTemplatesListAll: () => import("@tanstack/react-query").UseQueryResult<ITemplatesList[] | undefined, Error>;

package/dist/types/queries/get_template_settings.mutation.d.ts

@@ -0,0 +1,2 @@
+import type { IProposalSettings } from "./types";
+export declare const getTemplateSettings: () => import("@tanstack/react-query").UseMutationResult<IProposalSettings, Error, string | null, unknown>;

package/dist/types/queries/get_template_tags.query.d.ts

@@ -1,2 +1,2 @@
 import type { TemplateTag } from "./types";
-export declare const getTemplateTags: () => import("@tanstack/react-query").UseQueryResult<TemplateTag[] | undefined, unknown>;
+export declare const getTemplateTags: () => import("@tanstack/react-query").UseQueryResult<TemplateTag[] | undefined, Error>;

package/dist/types/queries/get_template_types.query.d.ts

@@ -1,2 +1,2 @@
 import type { ITemplateTypes } from "./types";
-export declare const getTemplateTypes: () => import("@tanstack/react-query").UseQueryResult<ITemplateTypes[] | undefined, unknown>;
+export declare const getTemplateTypes: () => import("@tanstack/react-query").UseQueryResult<ITemplateTypes[] | undefined, Error>;

package/dist/types/queries/types.d.ts

@@ -15,6 +15,12 @@ export type ITemplatesList = {
     html: string;
     css?: string;
     companyName?: string;
+    subject?: string;
+    proposalSettings: IProposalSettings;
+};
+export type IProposalSettings = {
+    primaryColor: string;
+    highlightColor: string;
 };
 export type ITemplate = {
     templateID: string;

package/dist/types/utils/stripoDomUtils.d.ts

@@ -0,0 +1,2 @@
+export declare function findInShadowRoots(root: any, selector: string): HTMLElement | null;
+export declare function createStripoWarning(container: HTMLElement, projectId?: string): void;

package/dist/types/utils/utility.d.ts

@@ -8,3 +8,4 @@ export declare function groupBy(array: any[]): {
 }[];
 export declare function groupByLevel(array: any[], level: number): any[];
 export declare const formatToMMDDYY: (dateString?: string) => string;
+export declare function applyThemeVariables(css: string, primary: string, highlight: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enerex/template-studio",
-  "version": "1.1.46",
+  "version": "1.1.49",
   "main": "./dist/enerex-template-editor.umd.js",
   "module": "./dist/enerex-template-editor.es.js",
   "types": "./dist/types/index.d.ts",
@@ -45,5 +45,10 @@
     "vite",
     "typescript",
     "npm"
-  ]
+  ],
+  "dependencies": {
+    "@enerex/unified-ui-assets": "^1.0.61",
+    "@enerex/unified-ui-react": "^1.0.61",
+    "@enerex/unified-ui-utils": "^1.0.61"
+  }
 }

package/dist/types/component/TemplateList/SortableTh.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-type SortKey = "name" | "category" | "type" | "subtype" | "companyName" | "lastUpdatedBy" | "lastUpdatedOn" | "templateId" | null;
-interface SortableThProps {
-    label: string;
-    sortKey: NonNullable<SortKey>;
-    sortBy: SortKey;
-    sortOrder: "asc" | "desc";
-    onSort: (key: SortKey) => void;
-}
-declare const SortableTh: React.FC<SortableThProps>;
-export default SortableTh;

package/dist/types/component/TemplateList/pagination/pagination.d.ts

@@ -1,9 +0,0 @@
-interface PaginationProps {
-    page: number;
-    pageSize: number;
-    totalRecords: number;
-    onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-}
-declare const Pagination: ({ page, pageSize, totalRecords, onPageChange, onPageSizeChange, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-export default Pagination;

package/dist/types/component/TemplateList/template-row.d.ts

@@ -1,14 +0,0 @@
-import type { ITemplateWithChain } from ".";
-interface TemplateRowProps {
-    template: ITemplateWithChain;
-    openActionId: string | null;
-    setOpenActionId: (id: string | null) => void;
-    onEdit: (template: ITemplateWithChain) => void;
-    onDuplicate: (template: ITemplateWithChain) => void;
-    onRemove: (template: ITemplateWithChain) => void;
-    onPreview: (template: ITemplateWithChain) => void;
-    onRefresh: () => void;
-}
-declare function TemplateRow({ template, openActionId, setOpenActionId, onEdit, onDuplicate, onRemove, onPreview, onRefresh, }: TemplateRowProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof TemplateRow>;
-export default _default;

package/dist/types/component/icons/down-icon.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface DownIconProps extends React.SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const DownIcon: React.FC<DownIconProps>;
-export default DownIcon;

package/dist/types/component/icons/ellipsis-vertical-icon.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface EllipsisVerticalIconProps extends React.SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const EllipsisVerticalIcon: React.FC<EllipsisVerticalIconProps>;
-export default EllipsisVerticalIcon;

package/dist/types/component/icons/serach-icon.d.ts

@@ -1,2 +0,0 @@
-declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-export default SearchIcon;

package/dist/types/component/icons/up-icon.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface UpIconProps extends React.SVGProps<SVGSVGElement> {
-    fill?: string;
-}
-declare const UpIcon: React.FC<UpIconProps>;
-export default UpIcon;