@greatapps/common 1.1.255 → 1.1.257

package/src/modules/whitelabel/styles-schema.ts

@@ -1,37 +1,37 @@
-// Espelha gapps-r3-admin/src/modules/styles/types.ts (WhitelabelStylesRow)
-
-export interface GeneralStyleJson {
-  nome_empresa: string;
-  favicon: string | null;
-  logo: string | null;
-  cor_principal: string;
-  cor_hover: string;
-  cor_link: string;
-}
-
-export interface PageStyleJson {
-  titulo_principal: string | null;
-  cor_titulo_principal: string | null;
-  cor_fundo: string | null;
-  imagem: string | null;
-  titulo_secundario: string | null;
-  cor_titulo_secundario: string | null;
-  descricao: string | null;
-  cor_descricao: string | null;
-  toggle_imagem: boolean;
-  toggle_titulo_secundario: boolean;
-  toggle_descricao: boolean;
-}
-
-export interface DashboardStyleJson {
-  cor_fundo: string | null;
-}
-
-export interface WhitelabelStylesData {
-  id: number;
-  id_wl: number;
-  general: GeneralStyleJson | null;
-  signin_page: PageStyleJson | null;
-  signup_page: PageStyleJson | null;
-  dashboard: DashboardStyleJson | null;
-}
+// Espelha gapps-r3-admin/src/modules/styles/types.ts (WhitelabelStylesRow)
+
+export interface GeneralStyleJson {
+  nome_empresa: string;
+  favicon: string | null;
+  logo: string | null;
+  cor_principal: string;
+  cor_hover: string;
+  cor_link: string;
+}
+
+export interface PageStyleJson {
+  titulo_principal: string | null;
+  cor_titulo_principal: string | null;
+  cor_fundo: string | null;
+  imagem: string | null;
+  titulo_secundario: string | null;
+  cor_titulo_secundario: string | null;
+  descricao: string | null;
+  cor_descricao: string | null;
+  toggle_imagem: boolean;
+  toggle_titulo_secundario: boolean;
+  toggle_descricao: boolean;
+}
+
+export interface DashboardStyleJson {
+  cor_fundo: string | null;
+}
+
+export interface WhitelabelStylesData {
+  id: number;
+  id_wl: number;
+  general: GeneralStyleJson | null;
+  signin_page: PageStyleJson | null;
+  signup_page: PageStyleJson | null;
+  dashboard: DashboardStyleJson | null;
+}

package/src/providers/whitelabel.provider.tsx

@@ -1,54 +1,54 @@
-"use client";
-
-import { createContext, ReactNode, useContext } from "react";
-import type { WhitelabelData, GeneralStyleJson, PageStyleJson, DashboardStyleJson } from "../modules/whitelabel/schema";
-
-interface WhitelabelContextProps {
-  whitelabel: WhitelabelData | null;
-}
-
-const WhitelabelContext = createContext<WhitelabelContextProps | undefined>(undefined);
-
-interface WhitelabelProviderProps {
-  children: ReactNode;
-  whitelabel: WhitelabelData | null;
-}
-
-export function WhitelabelProvider({
-  children,
-  whitelabel,
-}: WhitelabelProviderProps) {
-  return (
-    <WhitelabelContext.Provider value={{ whitelabel }}>
-      {children}
-    </WhitelabelContext.Provider>
-  );
-}
-
-export function useWhitelabel(): WhitelabelContextProps {
-  const context = useContext(WhitelabelContext);
-  if (context === undefined) {
-    throw new Error("useWhitelabel deve ser usado dentro de um WhitelabelProvider");
-  }
-  return context;
-}
-
-export function useWhitelabelStyles() {
-  const { whitelabel } = useWhitelabel();
-  return {
-    general: whitelabel?.general ?? null,
-    signin_page: whitelabel?.signin_page ?? null,
-    signup_page: whitelabel?.signup_page ?? null,
-    dashboard: whitelabel?.dashboard ?? null,
-  };
-}
-
-export function useWhitelabelUrls() {
-  const { whitelabel } = useWhitelabel();
-  return {
-    editorUrl: whitelabel?.editor_url ?? '',
-    pagesUrl: whitelabel?.pages_url ?? '',
-    accountsUrl: whitelabel?.accounts_url ?? '',
-    previewUrl: whitelabel?.pages_preview_url ?? '',
-  };
-}
+"use client";
+
+import { createContext, ReactNode, useContext } from "react";
+import type { WhitelabelData, GeneralStyleJson, PageStyleJson, DashboardStyleJson } from "../modules/whitelabel/schema";
+
+interface WhitelabelContextProps {
+  whitelabel: WhitelabelData | null;
+}
+
+const WhitelabelContext = createContext<WhitelabelContextProps | undefined>(undefined);
+
+interface WhitelabelProviderProps {
+  children: ReactNode;
+  whitelabel: WhitelabelData | null;
+}
+
+export function WhitelabelProvider({
+  children,
+  whitelabel,
+}: WhitelabelProviderProps) {
+  return (
+    <WhitelabelContext.Provider value={{ whitelabel }}>
+      {children}
+    </WhitelabelContext.Provider>
+  );
+}
+
+export function useWhitelabel(): WhitelabelContextProps {
+  const context = useContext(WhitelabelContext);
+  if (context === undefined) {
+    throw new Error("useWhitelabel deve ser usado dentro de um WhitelabelProvider");
+  }
+  return context;
+}
+
+export function useWhitelabelStyles() {
+  const { whitelabel } = useWhitelabel();
+  return {
+    general: whitelabel?.general ?? null,
+    signin_page: whitelabel?.signin_page ?? null,
+    signup_page: whitelabel?.signup_page ?? null,
+    dashboard: whitelabel?.dashboard ?? null,
+  };
+}
+
+export function useWhitelabelUrls() {
+  const { whitelabel } = useWhitelabel();
+  return {
+    editorUrl: whitelabel?.editor_url ?? '',
+    pagesUrl: whitelabel?.pages_url ?? '',
+    accountsUrl: whitelabel?.accounts_url ?? '',
+    previewUrl: whitelabel?.pages_preview_url ?? '',
+  };
+}

package/src/store/useAccountModals.ts

@@ -1,55 +1,55 @@
-'use client';
-
-import { create } from 'zustand';
-import type { AccountSectionType } from '../enums/AccountSectionType';
-
-type AccountModalType =
-  | 'configurations'
-  | 'deleteAccount'
-  | 'isntPossibleDelete'
-  | 'confirmDelete';
-
-export interface AccountModalsConfig {
-  hasActiveSubscription?: boolean;
-  onGoToSubscription?: () => void;
-}
-
-interface AccountModalsState {
-  activeModal: AccountModalType | null;
-  config: AccountModalsConfig;
-  initialSection?: AccountSectionType;
-  pagesCount: number;
-
-  /** Called by <AccountModals> to keep app-level config in sync */
-  updateConfig: (config: AccountModalsConfig) => void;
-
-  openConfigurations: (initialSection?: AccountSectionType) => void;
-  openDeleteAccount: (pagesCount?: number) => void;
-  openIsntPossibleDelete: () => void;
-  openConfirmDelete: (pagesCount?: number) => void;
-  close: () => void;
-}
-
-export const useAccountModals = create<AccountModalsState>((set) => ({
-  activeModal: null,
-  config: {},
-  initialSection: undefined,
-  pagesCount: 0,
-
-  updateConfig: (config) => set({ config }),
-
-  openConfigurations: (initialSection) =>
-    set({ activeModal: 'configurations', initialSection }),
-
-  openDeleteAccount: (pagesCount = 0) =>
-    set({ activeModal: 'deleteAccount', pagesCount }),
-
-  openIsntPossibleDelete: () =>
-    set({ activeModal: 'isntPossibleDelete' }),
-
-  openConfirmDelete: (pagesCount = 0) =>
-    set({ activeModal: 'confirmDelete', pagesCount }),
-
-  close: () =>
-    set({ activeModal: null, initialSection: undefined }),
-}));
+'use client';
+
+import { create } from 'zustand';
+import type { AccountSectionType } from '../enums/AccountSectionType';
+
+type AccountModalType =
+  | 'configurations'
+  | 'deleteAccount'
+  | 'isntPossibleDelete'
+  | 'confirmDelete';
+
+export interface AccountModalsConfig {
+  hasActiveSubscription?: boolean;
+  onGoToSubscription?: () => void;
+}
+
+interface AccountModalsState {
+  activeModal: AccountModalType | null;
+  config: AccountModalsConfig;
+  initialSection?: AccountSectionType;
+  pagesCount: number;
+
+  /** Called by <AccountModals> to keep app-level config in sync */
+  updateConfig: (config: AccountModalsConfig) => void;
+
+  openConfigurations: (initialSection?: AccountSectionType) => void;
+  openDeleteAccount: (pagesCount?: number) => void;
+  openIsntPossibleDelete: () => void;
+  openConfirmDelete: (pagesCount?: number) => void;
+  close: () => void;
+}
+
+export const useAccountModals = create<AccountModalsState>((set) => ({
+  activeModal: null,
+  config: {},
+  initialSection: undefined,
+  pagesCount: 0,
+
+  updateConfig: (config) => set({ config }),
+
+  openConfigurations: (initialSection) =>
+    set({ activeModal: 'configurations', initialSection }),
+
+  openDeleteAccount: (pagesCount = 0) =>
+    set({ activeModal: 'deleteAccount', pagesCount }),
+
+  openIsntPossibleDelete: () =>
+    set({ activeModal: 'isntPossibleDelete' }),
+
+  openConfirmDelete: (pagesCount = 0) =>
+    set({ activeModal: 'confirmDelete', pagesCount }),
+
+  close: () =>
+    set({ activeModal: null, initialSection: undefined }),
+}));

package/src/store/useBuyCreditsModal.ts

@@ -1,25 +1,25 @@
-import { useModalManager } from './useModalManager';
-
-interface BuyCreditsModalData {
-  onConfirm?: (creditAmount: number, price: number) => void;
-  initialActiveCardId?: string;
-  initialSelectedValue?: number;
-}
-
-export const useBuyCreditsModal = () => {
-  const { activeModal, modalData, openModal, closeModal } = useModalManager();
-
-  const isOpen = activeModal === 'buyCreditsModal';
-  const data = modalData as BuyCreditsModalData;
-
-  return {
-    open: isOpen,
-    onConfirm: data?.onConfirm,
-    initialActiveCardId: data?.initialActiveCardId,
-    initialSelectedValue: data?.initialSelectedValue,
-
-    openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>
-      openModal('buyCreditsModal', { onConfirm }),
-    closeModal,
-  };
-};
+import { useModalManager } from './useModalManager';
+
+interface BuyCreditsModalData {
+  onConfirm?: (creditAmount: number, price: number) => void;
+  initialActiveCardId?: string;
+  initialSelectedValue?: number;
+}
+
+export const useBuyCreditsModal = () => {
+  const { activeModal, modalData, openModal, closeModal } = useModalManager();
+
+  const isOpen = activeModal === 'buyCreditsModal';
+  const data = modalData as BuyCreditsModalData;
+
+  return {
+    open: isOpen,
+    onConfirm: data?.onConfirm,
+    initialActiveCardId: data?.initialActiveCardId,
+    initialSelectedValue: data?.initialSelectedValue,
+
+    openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>
+      openModal('buyCreditsModal', { onConfirm }),
+    closeModal,
+  };
+};

package/src/store/useModalManager.ts

@@ -1,104 +1,104 @@
-'use client';
-
-import { create } from 'zustand';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type ModalData = Record<string, any>;
-
-interface ModalStackItem {
-  key: string;
-  data: ModalData;
-}
-
-interface ModalState {
-  modalStack: ModalStackItem[];
-  activeModal: string | null;
-  modalData: ModalData;
-  openModal: (key: string, data?: ModalData) => void;
-  /** Closes the top modal in the stack */
-  closeModal: () => void;
-  /** Closes a specific modal by key */
-  closeModalByKey: (key: string) => void;
-  updateModalData: (data: ModalData) => void;
-  isModalOpen: (key: string) => boolean;
-  getModalData: (key: string) => ModalData;
-}
-
-export const useModalManager = create<ModalState>((set, get) => ({
-  modalStack: [],
-  activeModal: null,
-  modalData: {},
-
-  openModal: (key, data = {}) => {
-    set((state) => {
-      const existingIndex = state.modalStack.findIndex((item) => item.key === key);
-      if (existingIndex !== -1) {
-        const newStack = [...state.modalStack];
-        newStack[existingIndex] = { key, data };
-        return {
-          modalStack: newStack,
-          activeModal: newStack[newStack.length - 1]?.key ?? null,
-          modalData: newStack[newStack.length - 1]?.data ?? {},
-        };
-      }
-
-      const newStack = [...state.modalStack, { key, data }];
-      return {
-        modalStack: newStack,
-        activeModal: key,
-        modalData: data,
-      };
-    });
-  },
-
-  closeModal: () => {
-    set((state) => {
-      const newStack = state.modalStack.slice(0, -1);
-      const topModal = newStack[newStack.length - 1];
-      return {
-        modalStack: newStack,
-        activeModal: topModal?.key ?? null,
-        modalData: topModal?.data ?? {},
-      };
-    });
-  },
-
-  closeModalByKey: (key: string) => {
-    set((state) => {
-      const newStack = state.modalStack.filter((item) => item.key !== key);
-      const topModal = newStack[newStack.length - 1];
-      return {
-        modalStack: newStack,
-        activeModal: topModal?.key ?? null,
-        modalData: topModal?.data ?? {},
-      };
-    });
-  },
-
-  updateModalData: (data) => {
-    set((state) => {
-      if (state.modalStack.length === 0) return state;
-
-      const newStack = [...state.modalStack];
-      const lastIndex = newStack.length - 1;
-      newStack[lastIndex] = {
-        ...newStack[lastIndex],
-        data: { ...newStack[lastIndex].data, ...data },
-      };
-
-      return {
-        modalStack: newStack,
-        modalData: newStack[lastIndex].data,
-      };
-    });
-  },
-
-  isModalOpen: (key: string) => {
-    return get().modalStack.some((item) => item.key === key);
-  },
-
-  getModalData: (key: string) => {
-    const item = get().modalStack.find((item) => item.key === key);
-    return item?.data ?? {};
-  },
-}));
+'use client';
+
+import { create } from 'zustand';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type ModalData = Record<string, any>;
+
+interface ModalStackItem {
+  key: string;
+  data: ModalData;
+}
+
+interface ModalState {
+  modalStack: ModalStackItem[];
+  activeModal: string | null;
+  modalData: ModalData;
+  openModal: (key: string, data?: ModalData) => void;
+  /** Closes the top modal in the stack */
+  closeModal: () => void;
+  /** Closes a specific modal by key */
+  closeModalByKey: (key: string) => void;
+  updateModalData: (data: ModalData) => void;
+  isModalOpen: (key: string) => boolean;
+  getModalData: (key: string) => ModalData;
+}
+
+export const useModalManager = create<ModalState>((set, get) => ({
+  modalStack: [],
+  activeModal: null,
+  modalData: {},
+
+  openModal: (key, data = {}) => {
+    set((state) => {
+      const existingIndex = state.modalStack.findIndex((item) => item.key === key);
+      if (existingIndex !== -1) {
+        const newStack = [...state.modalStack];
+        newStack[existingIndex] = { key, data };
+        return {
+          modalStack: newStack,
+          activeModal: newStack[newStack.length - 1]?.key ?? null,
+          modalData: newStack[newStack.length - 1]?.data ?? {},
+        };
+      }
+
+      const newStack = [...state.modalStack, { key, data }];
+      return {
+        modalStack: newStack,
+        activeModal: key,
+        modalData: data,
+      };
+    });
+  },
+
+  closeModal: () => {
+    set((state) => {
+      const newStack = state.modalStack.slice(0, -1);
+      const topModal = newStack[newStack.length - 1];
+      return {
+        modalStack: newStack,
+        activeModal: topModal?.key ?? null,
+        modalData: topModal?.data ?? {},
+      };
+    });
+  },
+
+  closeModalByKey: (key: string) => {
+    set((state) => {
+      const newStack = state.modalStack.filter((item) => item.key !== key);
+      const topModal = newStack[newStack.length - 1];
+      return {
+        modalStack: newStack,
+        activeModal: topModal?.key ?? null,
+        modalData: topModal?.data ?? {},
+      };
+    });
+  },
+
+  updateModalData: (data) => {
+    set((state) => {
+      if (state.modalStack.length === 0) return state;
+
+      const newStack = [...state.modalStack];
+      const lastIndex = newStack.length - 1;
+      newStack[lastIndex] = {
+        ...newStack[lastIndex],
+        data: { ...newStack[lastIndex].data, ...data },
+      };
+
+      return {
+        modalStack: newStack,
+        modalData: newStack[lastIndex].data,
+      };
+    });
+  },
+
+  isModalOpen: (key: string) => {
+    return get().modalStack.some((item) => item.key === key);
+  },
+
+  getModalData: (key: string) => {
+    const item = get().modalStack.find((item) => item.key === key);
+    return item?.data ?? {};
+  },
+}));