@greatapps/common 1.1.165 → 1.1.167
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/account/ConfirmDeleteAccountModal.mjs.map +1 -1
- package/dist/components/account/DeleteAccountModal.mjs.map +1 -1
- package/dist/components/account/IsntPossibleDeleteAccountModal.mjs.map +1 -1
- package/dist/components/account/hooks/useTwoFactorAuthForm.mjs.map +1 -1
- package/dist/components/layouts/AppMobileNavBar.mjs.map +1 -1
- package/dist/components/layouts/AppNavBar.mjs.map +1 -1
- package/dist/components/layouts/NavBar.mjs.map +1 -1
- package/dist/components/layouts/UsersSelectorPopover.mjs +10 -7
- package/dist/components/layouts/UsersSelectorPopover.mjs.map +1 -1
- package/dist/components/navigation/AppNavigation.mjs +1 -1
- package/dist/components/navigation/AppNavigation.mjs.map +1 -1
- package/dist/components/navigation/NavItemsContext.mjs.map +1 -1
- package/dist/components/navigation/shells/TabsMobileShell.mjs.map +1 -1
- package/dist/components/pages/notifications/Notifications.mjs.map +1 -1
- package/dist/components/ui/buttons/Button.mjs.map +1 -1
- package/dist/components/ui/buttons/CancelButton.mjs.map +1 -1
- package/dist/components/ui/buttons/CopyButton.mjs.map +1 -1
- package/dist/components/ui/data-display/Accordion.mjs.map +1 -1
- package/dist/components/ui/data-display/Badge.mjs.map +1 -1
- package/dist/components/ui/data-display/Card.mjs.map +1 -1
- package/dist/components/ui/data-display/Pagination.mjs.map +1 -1
- package/dist/components/ui/data-display/ScrollArea.mjs.map +1 -1
- package/dist/components/ui/data-display/Separator.mjs.map +1 -1
- package/dist/components/ui/data-display/Table.mjs.map +1 -1
- package/dist/components/ui/data-display/Tabs.mjs.map +1 -1
- package/dist/components/ui/feedback/CircularProgress.mjs.map +1 -1
- package/dist/components/ui/feedback/DefaultCircularProgress.mjs.map +1 -1
- package/dist/components/ui/feedback/LoadingOverlay.mjs.map +1 -1
- package/dist/components/ui/feedback/Progress.mjs.map +1 -1
- package/dist/components/ui/feedback/Toast.mjs.map +1 -1
- package/dist/components/ui/form/Calendar.mjs.map +1 -1
- package/dist/components/ui/form/Checkbox.mjs.map +1 -1
- package/dist/components/ui/form/DatePicker.mjs.map +1 -1
- package/dist/components/ui/form/DateRangePicker.mjs.map +1 -1
- package/dist/components/ui/form/Input.mjs.map +1 -1
- package/dist/components/ui/form/InputOtp.mjs.map +1 -1
- package/dist/components/ui/form/RadioGroup.mjs.map +1 -1
- package/dist/components/ui/form/Select.mjs +1 -1
- package/dist/components/ui/form/Select.mjs.map +1 -1
- package/dist/components/ui/form/Switch.mjs.map +1 -1
- package/dist/components/ui/form/Textarea.mjs.map +1 -1
- package/dist/components/ui/overlay/Command.mjs.map +1 -1
- package/dist/components/ui/overlay/Dialog.mjs.map +1 -1
- package/dist/components/ui/overlay/Popover.mjs.map +1 -1
- package/dist/components/ui/overlay/Sheet.mjs.map +1 -1
- package/dist/components/ui/overlay/Tooltip.mjs.map +1 -1
- package/dist/hooks/copy-to-clipboard.hook.mjs.map +1 -1
- package/dist/index.mjs +0 -2
- package/dist/index.mjs.map +1 -1
- package/dist/middleware.mjs.map +1 -1
- package/dist/modules/accounts/actions/account-management.action.mjs.map +1 -1
- package/dist/modules/accounts/actions/find-current-account.action.mjs.map +1 -1
- package/dist/modules/accounts/actions/list-currencies.action.mjs.map +1 -1
- package/dist/modules/accounts/actions/list-timezones.action.mjs.map +1 -1
- package/dist/modules/accounts/hooks/current-account.hook.mjs.map +1 -1
- package/dist/modules/accounts/hooks/useAccountManagement.mjs.map +1 -1
- package/dist/modules/accounts/hooks/useCurrencies.mjs.map +1 -1
- package/dist/modules/accounts/hooks/useTimezones.mjs.map +1 -1
- package/dist/modules/auth/hooks/login.hook.mjs.map +1 -1
- package/dist/modules/auth/hooks/logout.hook.mjs.map +1 -1
- package/dist/modules/auth/hooks/register.hook.mjs.map +1 -1
- package/dist/modules/auth/services/auth.service.mjs +1 -1
- package/dist/modules/auth/services/auth.service.mjs.map +1 -1
- package/dist/modules/ia-credits/actions/list-ia-credits.action.mjs.map +1 -1
- package/dist/modules/projects/actions/add-project-user.action.mjs.map +1 -1
- package/dist/modules/projects/actions/list-available-users.action.mjs.map +1 -1
- package/dist/modules/projects/actions/list-project-users.action.mjs.map +1 -1
- package/dist/modules/projects/actions/remove-project-user.action.mjs.map +1 -1
- package/dist/modules/projects/hooks/list-available-users.hook.mjs.map +1 -1
- package/dist/modules/projects/hooks/list-project-users.hook.mjs.map +1 -1
- package/dist/modules/subscriptions/actions/list-subscriptions.action.mjs.map +1 -1
- package/dist/modules/subscriptions/hooks/find-active-subscription.hook.mjs.map +1 -1
- package/dist/modules/subscriptions/hooks/list-subscriptions.hook.mjs.map +1 -1
- package/dist/modules/users/action/find-user-by-id.action.mjs.map +1 -1
- package/dist/modules/users/action/list-messages.action.mjs.map +1 -1
- package/dist/modules/users/action/mark-all-messages-as-read.action.mjs.map +1 -1
- package/dist/modules/users/action/mark-message-as-read.action.mjs.map +1 -1
- package/dist/modules/users/hooks/messages.hook.mjs.map +1 -1
- package/dist/modules/whitelabel/actions/find-whitelabel-styles.action.mjs.map +1 -1
- package/dist/modules/whitelabel/actions/find-whitelabel.action.mjs.map +1 -1
- package/dist/modules/whitelabel/services/whitelabel-styles.service.mjs.map +1 -1
- package/dist/providers/whitelabel.provider.mjs.map +1 -1
- package/dist/utils/safeServerAction.mjs.map +1 -1
- package/dist/utils/withAction.mjs.map +1 -1
- package/package.json +90 -90
- package/src/components/account/ConfirmDeleteAccountModal.tsx +55 -55
- package/src/components/account/DeleteAccountModal.tsx +130 -130
- package/src/components/account/IsntPossibleDeleteAccountModal.tsx +49 -49
- package/src/components/account/hooks/useTwoFactorAuthForm.tsx +101 -101
- package/src/components/layouts/AppMobileNavBar.tsx +125 -125
- package/src/components/layouts/AppNavBar.tsx +57 -57
- package/src/components/layouts/NavBar.tsx +139 -112
- package/src/components/layouts/UsersSelectorPopover.tsx +2 -2
- package/src/components/navigation/CancelledSubscriptionBanner.tsx +69 -69
- package/src/components/navigation/NavItemsContext.ts +20 -20
- package/src/components/navigation/shells/TabsMobileShell.tsx +72 -72
- package/src/components/pages/notifications/Notifications.tsx +160 -160
- package/src/components/ui/buttons/Button.tsx +57 -57
- package/src/components/ui/buttons/CancelButton.tsx +14 -14
- package/src/components/ui/buttons/CopyButton.tsx +54 -54
- package/src/components/ui/data-display/Accordion.tsx +81 -81
- package/src/components/ui/data-display/Badge.tsx +47 -47
- package/src/components/ui/data-display/Card.tsx +93 -93
- package/src/components/ui/data-display/Pagination.tsx +126 -126
- package/src/components/ui/data-display/ScrollArea.tsx +59 -59
- package/src/components/ui/data-display/Separator.tsx +29 -29
- package/src/components/ui/data-display/Table.tsx +117 -117
- package/src/components/ui/data-display/Tabs.tsx +67 -67
- package/src/components/ui/feedback/CircularProgress.tsx +75 -75
- package/src/components/ui/feedback/DefaultCircularProgress.tsx +53 -53
- package/src/components/ui/feedback/LoadingOverlay.tsx +31 -31
- package/src/components/ui/feedback/Progress.tsx +40 -40
- package/src/components/ui/feedback/Toast.tsx +101 -101
- package/src/components/ui/form/Calendar.tsx +228 -228
- package/src/components/ui/form/Checkbox.tsx +31 -31
- package/src/components/ui/form/DatePicker.tsx +97 -97
- package/src/components/ui/form/DateRangePicker.tsx +108 -108
- package/src/components/ui/form/Input.tsx +20 -20
- package/src/components/ui/form/InputOtp.tsx +80 -80
- package/src/components/ui/form/RadioGroup.tsx +45 -45
- package/src/components/ui/form/Select.tsx +200 -200
- package/src/components/ui/form/Switch.tsx +32 -32
- package/src/components/ui/form/Textarea.tsx +19 -19
- package/src/components/ui/overlay/Command.tsx +185 -185
- package/src/components/ui/overlay/Dialog.tsx +151 -151
- package/src/components/ui/overlay/Popover.tsx +49 -49
- package/src/components/ui/overlay/Sheet.tsx +159 -159
- package/src/components/ui/overlay/Tooltip.tsx +62 -62
- package/src/hooks/copy-to-clipboard.hook.tsx +67 -67
- package/src/index.ts +348 -348
- package/src/middleware.ts +4 -4
- package/src/modules/accounts/actions/account-management.action.ts +90 -90
- package/src/modules/accounts/actions/find-current-account.action.ts +9 -9
- package/src/modules/accounts/actions/list-currencies.action.ts +8 -8
- package/src/modules/accounts/actions/list-timezones.action.ts +8 -8
- package/src/modules/accounts/hooks/current-account.hook.tsx +22 -22
- package/src/modules/accounts/hooks/useAccountManagement.ts +85 -85
- package/src/modules/accounts/hooks/useCurrencies.ts +15 -15
- package/src/modules/accounts/hooks/useTimezones.ts +15 -15
- package/src/modules/accounts/types.ts +214 -214
- package/src/modules/auth/hooks/login.hook.tsx +13 -13
- package/src/modules/auth/hooks/logout.hook.tsx +11 -11
- package/src/modules/auth/hooks/register.hook.tsx +11 -11
- package/src/modules/ia-credits/actions/list-ia-credits.action.ts +8 -8
- package/src/modules/projects/actions/add-project-user.action.ts +9 -9
- package/src/modules/projects/actions/list-available-users.action.ts +9 -9
- package/src/modules/projects/actions/list-project-users.action.ts +9 -9
- package/src/modules/projects/actions/remove-project-user.action.ts +9 -9
- package/src/modules/projects/hooks/list-available-users.hook.ts +33 -33
- package/src/modules/projects/hooks/list-project-users.hook.ts +33 -33
- package/src/modules/subscriptions/actions/list-subscriptions.action.ts +9 -9
- package/src/modules/subscriptions/hooks/find-active-subscription.hook.ts +19 -19
- package/src/modules/subscriptions/hooks/list-subscriptions.hook.ts +17 -17
- package/src/modules/users/action/find-user-by-id.action.ts +8 -8
- package/src/modules/users/action/list-messages.action.ts +12 -12
- package/src/modules/users/action/mark-all-messages-as-read.action.ts +8 -8
- package/src/modules/users/action/mark-message-as-read.action.ts +8 -8
- package/src/modules/users/hooks/messages.hook.ts +60 -60
- package/src/modules/whitelabel/actions/find-whitelabel-styles.action.ts +14 -14
- package/src/modules/whitelabel/actions/find-whitelabel.action.ts +23 -23
- package/src/modules/whitelabel/services/whitelabel-styles.service.ts +98 -98
- package/src/modules/whitelabel/styles-schema.ts +37 -37
- package/src/providers/whitelabel.provider.tsx +46 -46
- package/src/utils/safeServerAction.ts +21 -21
- package/src/utils/withAction.ts +13 -13
- package/dist/components/navigation/CancelledSubscriptionBanner.mjs +0 -59
- package/dist/components/navigation/CancelledSubscriptionBanner.mjs.map +0 -1
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
// Espelha gapps-r3-admin/src/modules/styles/types.ts (WhitelabelStylesRow)
|
|
2
|
-
|
|
3
|
-
export interface GeneralStyleJson {
|
|
4
|
-
nome_empresa: string;
|
|
5
|
-
favicon: string | null;
|
|
6
|
-
logo: string | null;
|
|
7
|
-
cor_principal: string;
|
|
8
|
-
cor_hover: string;
|
|
9
|
-
cor_link: string;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export interface PageStyleJson {
|
|
13
|
-
titulo_principal: string | null;
|
|
14
|
-
cor_titulo_principal: string | null;
|
|
15
|
-
cor_fundo: string | null;
|
|
16
|
-
imagem: string | null;
|
|
17
|
-
titulo_secundario: string | null;
|
|
18
|
-
cor_titulo_secundario: string | null;
|
|
19
|
-
descricao: string | null;
|
|
20
|
-
cor_descricao: string | null;
|
|
21
|
-
toggle_imagem: boolean;
|
|
22
|
-
toggle_titulo_secundario: boolean;
|
|
23
|
-
toggle_descricao: boolean;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export interface DashboardStyleJson {
|
|
27
|
-
cor_fundo: string | null;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export interface WhitelabelStylesData {
|
|
31
|
-
id: number;
|
|
32
|
-
id_wl: number;
|
|
33
|
-
general: GeneralStyleJson | null;
|
|
34
|
-
signin_page: PageStyleJson | null;
|
|
35
|
-
signup_page: PageStyleJson | null;
|
|
36
|
-
dashboard: DashboardStyleJson | null;
|
|
37
|
-
}
|
|
1
|
+
// Espelha gapps-r3-admin/src/modules/styles/types.ts (WhitelabelStylesRow)
|
|
2
|
+
|
|
3
|
+
export interface GeneralStyleJson {
|
|
4
|
+
nome_empresa: string;
|
|
5
|
+
favicon: string | null;
|
|
6
|
+
logo: string | null;
|
|
7
|
+
cor_principal: string;
|
|
8
|
+
cor_hover: string;
|
|
9
|
+
cor_link: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export interface PageStyleJson {
|
|
13
|
+
titulo_principal: string | null;
|
|
14
|
+
cor_titulo_principal: string | null;
|
|
15
|
+
cor_fundo: string | null;
|
|
16
|
+
imagem: string | null;
|
|
17
|
+
titulo_secundario: string | null;
|
|
18
|
+
cor_titulo_secundario: string | null;
|
|
19
|
+
descricao: string | null;
|
|
20
|
+
cor_descricao: string | null;
|
|
21
|
+
toggle_imagem: boolean;
|
|
22
|
+
toggle_titulo_secundario: boolean;
|
|
23
|
+
toggle_descricao: boolean;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface DashboardStyleJson {
|
|
27
|
+
cor_fundo: string | null;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export interface WhitelabelStylesData {
|
|
31
|
+
id: number;
|
|
32
|
+
id_wl: number;
|
|
33
|
+
general: GeneralStyleJson | null;
|
|
34
|
+
signin_page: PageStyleJson | null;
|
|
35
|
+
signup_page: PageStyleJson | null;
|
|
36
|
+
dashboard: DashboardStyleJson | null;
|
|
37
|
+
}
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import { createContext, ReactNode, useContext } from "react";
|
|
4
|
-
import { WhitelabelData } from "../modules/whitelabel/schema";
|
|
5
|
-
import { WhitelabelStylesData } from "../modules/whitelabel/styles-schema";
|
|
6
|
-
|
|
7
|
-
interface WhitelabelContextProps {
|
|
8
|
-
whitelabel: WhitelabelData | null;
|
|
9
|
-
whitelabelStyles: WhitelabelStylesData | null;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const WhitelabelContext = createContext<WhitelabelContextProps | undefined>(undefined);
|
|
13
|
-
|
|
14
|
-
interface WhitelabelProviderProps {
|
|
15
|
-
children: ReactNode;
|
|
16
|
-
whitelabel: WhitelabelData | null;
|
|
17
|
-
whitelabelStyles?: WhitelabelStylesData | null;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export function WhitelabelProvider({
|
|
21
|
-
children,
|
|
22
|
-
whitelabel,
|
|
23
|
-
whitelabelStyles = null,
|
|
24
|
-
}: WhitelabelProviderProps) {
|
|
25
|
-
return (
|
|
26
|
-
<WhitelabelContext.Provider value={{ whitelabel, whitelabelStyles }}>
|
|
27
|
-
{children}
|
|
28
|
-
</WhitelabelContext.Provider>
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export function useWhitelabel(): WhitelabelContextProps {
|
|
33
|
-
const context = useContext(WhitelabelContext);
|
|
34
|
-
if (context === undefined) {
|
|
35
|
-
throw new Error("useWhitelabel deve ser usado dentro de um WhitelabelProvider");
|
|
36
|
-
}
|
|
37
|
-
return context;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export function useWhitelabelStyles(): WhitelabelStylesData | null {
|
|
41
|
-
const context = useContext(WhitelabelContext);
|
|
42
|
-
if (context === undefined) {
|
|
43
|
-
throw new Error("useWhitelabelStyles deve ser usado dentro de um WhitelabelProvider");
|
|
44
|
-
}
|
|
45
|
-
return context.whitelabelStyles;
|
|
46
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { createContext, ReactNode, useContext } from "react";
|
|
4
|
+
import { WhitelabelData } from "../modules/whitelabel/schema";
|
|
5
|
+
import { WhitelabelStylesData } from "../modules/whitelabel/styles-schema";
|
|
6
|
+
|
|
7
|
+
interface WhitelabelContextProps {
|
|
8
|
+
whitelabel: WhitelabelData | null;
|
|
9
|
+
whitelabelStyles: WhitelabelStylesData | null;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const WhitelabelContext = createContext<WhitelabelContextProps | undefined>(undefined);
|
|
13
|
+
|
|
14
|
+
interface WhitelabelProviderProps {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
whitelabel: WhitelabelData | null;
|
|
17
|
+
whitelabelStyles?: WhitelabelStylesData | null;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export function WhitelabelProvider({
|
|
21
|
+
children,
|
|
22
|
+
whitelabel,
|
|
23
|
+
whitelabelStyles = null,
|
|
24
|
+
}: WhitelabelProviderProps) {
|
|
25
|
+
return (
|
|
26
|
+
<WhitelabelContext.Provider value={{ whitelabel, whitelabelStyles }}>
|
|
27
|
+
{children}
|
|
28
|
+
</WhitelabelContext.Provider>
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export function useWhitelabel(): WhitelabelContextProps {
|
|
33
|
+
const context = useContext(WhitelabelContext);
|
|
34
|
+
if (context === undefined) {
|
|
35
|
+
throw new Error("useWhitelabel deve ser usado dentro de um WhitelabelProvider");
|
|
36
|
+
}
|
|
37
|
+
return context;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export function useWhitelabelStyles(): WhitelabelStylesData | null {
|
|
41
|
+
const context = useContext(WhitelabelContext);
|
|
42
|
+
if (context === undefined) {
|
|
43
|
+
throw new Error("useWhitelabelStyles deve ser usado dentro de um WhitelabelProvider");
|
|
44
|
+
}
|
|
45
|
+
return context.whitelabelStyles;
|
|
46
|
+
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { isRedirectError } from 'next/dist/client/components/redirect-error';
|
|
2
|
-
import { ApiError } from '../infra/api/types';
|
|
3
|
-
import type { ActionResult } from '../infra/api/types';
|
|
4
|
-
|
|
5
|
-
export async function safeServerAction<T>(
|
|
6
|
-
fn: () => Promise<T>
|
|
7
|
-
): Promise<ActionResult<T>> {
|
|
8
|
-
try {
|
|
9
|
-
const data = await fn();
|
|
10
|
-
return { success: true, data };
|
|
11
|
-
} catch (error) {
|
|
12
|
-
if (isRedirectError(error)) throw error;
|
|
13
|
-
const message =
|
|
14
|
-
error instanceof ApiError
|
|
15
|
-
? error.message
|
|
16
|
-
: error instanceof Error
|
|
17
|
-
? error.message
|
|
18
|
-
: 'Erro desconhecido';
|
|
19
|
-
return { success: false, error: message };
|
|
20
|
-
}
|
|
21
|
-
}
|
|
1
|
+
import { isRedirectError } from 'next/dist/client/components/redirect-error';
|
|
2
|
+
import { ApiError } from '../infra/api/types';
|
|
3
|
+
import type { ActionResult } from '../infra/api/types';
|
|
4
|
+
|
|
5
|
+
export async function safeServerAction<T>(
|
|
6
|
+
fn: () => Promise<T>
|
|
7
|
+
): Promise<ActionResult<T>> {
|
|
8
|
+
try {
|
|
9
|
+
const data = await fn();
|
|
10
|
+
return { success: true, data };
|
|
11
|
+
} catch (error) {
|
|
12
|
+
if (isRedirectError(error)) throw error;
|
|
13
|
+
const message =
|
|
14
|
+
error instanceof ApiError
|
|
15
|
+
? error.message
|
|
16
|
+
: error instanceof Error
|
|
17
|
+
? error.message
|
|
18
|
+
: 'Erro desconhecido';
|
|
19
|
+
return { success: false, error: message };
|
|
20
|
+
}
|
|
21
|
+
}
|
package/src/utils/withAction.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import type { ActionResult } from '../infra/api/types';
|
|
2
|
-
|
|
3
|
-
export function withAction<TArgs extends any[], TData>(
|
|
4
|
-
action: (...args: TArgs) => Promise<ActionResult<TData>>
|
|
5
|
-
): (...args: TArgs) => Promise<TData> {
|
|
6
|
-
return async (...args) => {
|
|
7
|
-
const result = await action(...args);
|
|
8
|
-
if (!result.success) {
|
|
9
|
-
throw new Error(result.error ?? 'Erro desconhecido');
|
|
10
|
-
}
|
|
11
|
-
return result.data as TData;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
1
|
+
import type { ActionResult } from '../infra/api/types';
|
|
2
|
+
|
|
3
|
+
export function withAction<TArgs extends any[], TData>(
|
|
4
|
+
action: (...args: TArgs) => Promise<ActionResult<TData>>
|
|
5
|
+
): (...args: TArgs) => Promise<TData> {
|
|
6
|
+
return async (...args) => {
|
|
7
|
+
const result = await action(...args);
|
|
8
|
+
if (!result.success) {
|
|
9
|
+
throw new Error(result.error ?? 'Erro desconhecido');
|
|
10
|
+
}
|
|
11
|
+
return result.data as TData;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useEffect, useCallback } from "react";
|
|
4
|
-
import { IconAlertOctagon, IconX } from "@tabler/icons-react";
|
|
5
|
-
import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
|
|
6
|
-
function daysBetween(a, b) {
|
|
7
|
-
const msPerDay = 24 * 60 * 60 * 1e3;
|
|
8
|
-
const da = new Date(a.getFullYear(), a.getMonth(), a.getDate());
|
|
9
|
-
const db = new Date(b.getFullYear(), b.getMonth(), b.getDate());
|
|
10
|
-
return Math.round((db.getTime() - da.getTime()) / msPerDay);
|
|
11
|
-
}
|
|
12
|
-
function CancelledSubscriptionBanner({ onReactivate }) {
|
|
13
|
-
const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();
|
|
14
|
-
const [visible, setVisible] = useState(true);
|
|
15
|
-
const [animated, setAnimated] = useState(false);
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
const timer = setTimeout(() => setAnimated(true), 50);
|
|
18
|
-
return () => clearTimeout(timer);
|
|
19
|
-
}, []);
|
|
20
|
-
const dismiss = useCallback(() => setVisible(false), []);
|
|
21
|
-
const cancellationDate = subscription?.date_cancellation;
|
|
22
|
-
if (!cancellationDate || !visible) return null;
|
|
23
|
-
const today = /* @__PURE__ */ new Date();
|
|
24
|
-
const daysSinceCancellation = daysBetween(new Date(cancellationDate), today);
|
|
25
|
-
if (daysSinceCancellation < 0 || daysSinceCancellation > 5) return null;
|
|
26
|
-
const daysRemaining = Math.max(0, 5 - daysSinceCancellation);
|
|
27
|
-
return /* @__PURE__ */ jsx("div", { className: "fixed top-[80px] md:top-0 lg:left-[273px] left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0", children: /* @__PURE__ */ jsxs(
|
|
28
|
-
"div",
|
|
29
|
-
{
|
|
30
|
-
className: `flex flex-col sm:flex-row items-start sm:items-center justify-between bg-red-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? "translate-y-0 md:translate-y-9" : "-translate-y-full"}`,
|
|
31
|
-
children: [
|
|
32
|
-
daysRemaining > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 w-full sm:w-auto", children: [
|
|
33
|
-
/* @__PURE__ */ jsx(IconAlertOctagon, { size: 16, className: "text-white shrink-0" }),
|
|
34
|
-
/* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-semibold text-white", children: [
|
|
35
|
-
"Assinatura cancelada! Em ",
|
|
36
|
-
daysRemaining,
|
|
37
|
-
" dias suas p\xE1ginas ser\xE3o tiradas do ar!"
|
|
38
|
-
] })
|
|
39
|
-
] }),
|
|
40
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start", children: [
|
|
41
|
-
/* @__PURE__ */ jsx(
|
|
42
|
-
"button",
|
|
43
|
-
{
|
|
44
|
-
type: "button",
|
|
45
|
-
className: "flex items-center justify-center p-1.5 cursor-pointer",
|
|
46
|
-
onClick: onReactivate,
|
|
47
|
-
children: /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-white underline", children: "Reativar assinatura" })
|
|
48
|
-
}
|
|
49
|
-
),
|
|
50
|
-
/* @__PURE__ */ jsx("button", { type: "button", className: "cursor-pointer shrink-0", onClick: dismiss, children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-red-200" }) })
|
|
51
|
-
] })
|
|
52
|
-
]
|
|
53
|
-
}
|
|
54
|
-
) });
|
|
55
|
-
}
|
|
56
|
-
export {
|
|
57
|
-
CancelledSubscriptionBanner
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=CancelledSubscriptionBanner.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/navigation/CancelledSubscriptionBanner.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { IconAlertOctagon, IconX } from '@tabler/icons-react';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nfunction daysBetween(a: Date, b: Date): number {\n const msPerDay = 24 * 60 * 60 * 1000;\n const da = new Date(a.getFullYear(), a.getMonth(), a.getDate());\n const db = new Date(b.getFullYear(), b.getMonth(), b.getDate());\n return Math.round((db.getTime() - da.getTime()) / msPerDay);\n}\n\ninterface CancelledSubscriptionBannerProps {\n onReactivate?: () => void;\n}\n\nexport function CancelledSubscriptionBanner({ onReactivate }: CancelledSubscriptionBannerProps) {\n const { data: { data: [subscription] = [] } = {} } = useActiveSubscription();\n const [visible, setVisible] = useState(true);\n const [animated, setAnimated] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => setAnimated(true), 50);\n return () => clearTimeout(timer);\n }, []);\n\n const dismiss = useCallback(() => setVisible(false), []);\n\n const cancellationDate = subscription?.date_cancellation;\n if (!cancellationDate || !visible) return null;\n\n const today = new Date();\n const daysSinceCancellation = daysBetween(new Date(cancellationDate), today);\n if (daysSinceCancellation < 0 || daysSinceCancellation > 5) return null;\n\n const daysRemaining = Math.max(0, 5 - daysSinceCancellation);\n\n return (\n <div className=\"fixed top-[80px] md:top-0 lg:left-[273px] left-0 right-0 z-[60] flex justify-center pointer-events-none px-4 lg:px-0\">\n <div\n className={`flex flex-col sm:flex-row items-start sm:items-center justify-between bg-red-500 rounded-lg px-3 py-2 sm:py-1 w-full lg:w-[805px] max-w-full pointer-events-auto transition-transform duration-500 ease-out gap-2 sm:gap-0 ${animated ? 'translate-y-0 md:translate-y-9' : '-translate-y-full'}`}\n >\n {daysRemaining > 0 && (\n <div className=\"flex items-center gap-2 flex-1 w-full sm:w-auto\">\n <IconAlertOctagon size={16} className=\"text-white shrink-0\" />\n <span className=\"paragraph-xsmall-semibold text-white\">\n Assinatura cancelada! Em {daysRemaining} dias suas páginas serão tiradas do ar!\n </span>\n </div>\n )}\n <div className=\"flex items-center gap-1.5 w-full sm:w-auto justify-between sm:justify-start\">\n <button\n type=\"button\"\n className=\"flex items-center justify-center p-1.5 cursor-pointer\"\n onClick={onReactivate}\n >\n <span className=\"paragraph-xsmall-semibold text-white underline\">\n Reativar assinatura\n </span>\n </button>\n <button type=\"button\" className=\"cursor-pointer shrink-0\" onClick={dismiss}>\n <IconX size={18} className=\"text-red-200\" />\n </button>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":";AA6CY,cACA,YADA;AA3CZ,SAAS,UAAU,WAAW,mBAAmB;AACjD,SAAS,kBAAkB,aAAa;AACxC,SAAS,6BAA6B;AAEtC,SAAS,YAAY,GAAS,GAAiB;AAC7C,QAAM,WAAW,KAAK,KAAK,KAAK;AAChC,QAAM,KAAK,IAAI,KAAK,EAAE,YAAY,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAC9D,QAAM,KAAK,IAAI,KAAK,EAAE,YAAY,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAC9D,SAAO,KAAK,OAAO,GAAG,QAAQ,IAAI,GAAG,QAAQ,KAAK,QAAQ;AAC5D;AAMO,SAAS,4BAA4B,EAAE,aAAa,GAAqC;AAC9F,QAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,sBAAsB;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,IAAI,GAAG,EAAE;AACpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM,WAAW,KAAK,GAAG,CAAC,CAAC;AAEvD,QAAM,mBAAmB,cAAc;AACvC,MAAI,CAAC,oBAAoB,CAAC,QAAS,QAAO;AAE1C,QAAM,QAAQ,oBAAI,KAAK;AACvB,QAAM,wBAAwB,YAAY,IAAI,KAAK,gBAAgB,GAAG,KAAK;AAC3E,MAAI,wBAAwB,KAAK,wBAAwB,EAAG,QAAO;AAEnE,QAAM,gBAAgB,KAAK,IAAI,GAAG,IAAI,qBAAqB;AAE3D,SACE,oBAAC,SAAI,WAAU,wHACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8NAA8N,WAAW,mCAAmC,mBAAmB;AAAA,MAEzS;AAAA,wBAAgB,KACf,qBAAC,SAAI,WAAU,mDACb;AAAA,8BAAC,oBAAiB,MAAM,IAAI,WAAU,uBAAsB;AAAA,UAC5D,qBAAC,UAAK,WAAU,wCAAuC;AAAA;AAAA,YAC3B;AAAA,YAAc;AAAA,aAC1C;AAAA,WACF;AAAA,QAEF,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,UAAK,WAAU,kDAAiD,iCAEjE;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,YAAO,MAAK,UAAS,WAAU,2BAA0B,SAAS,SACjE,8BAAC,SAAM,MAAM,IAAI,WAAU,gBAAe,GAC5C;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
|