@greatapps/common 1.1.691 → 1.1.692
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/modals/cards/DeleteCardModal.mjs +3 -1
- package/dist/components/modals/cards/DeleteCardModal.mjs.map +1 -1
- package/dist/modules/cards/hooks/delete-confirmation.hook.mjs +1 -3
- package/dist/modules/cards/hooks/delete-confirmation.hook.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/modals/cards/DeleteCardModal.tsx +3 -1
- package/src/modules/cards/hooks/delete-confirmation.hook.ts +2 -4
|
@@ -21,7 +21,9 @@ import { useTranslations } from "next-intl";
|
|
|
21
21
|
function DeleteCardModal() {
|
|
22
22
|
const translate = useTranslations();
|
|
23
23
|
const { activeModal, modalData, closeModal } = useModalManager();
|
|
24
|
-
const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation(
|
|
24
|
+
const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({
|
|
25
|
+
confirmWord: translate("common.cards.delete.confirmPlaceholder")
|
|
26
|
+
});
|
|
25
27
|
const deleteCard = useDeleteCard();
|
|
26
28
|
const { data: cardsData } = useCards();
|
|
27
29
|
const isOpen = activeModal === "deleteCardModal";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/modals/cards/DeleteCardModal.tsx"],"sourcesContent":["'use client';\n\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogDescription,\n} from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Separator } from '../../ui/data-display/Separator';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { FormField } from '../../ui/form/FormField';\nimport { IconTrash } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useDeleteConfirmation } from '../../../modules/cards/hooks/delete-confirmation.hook';\nimport { useDeleteCard } from '../../../modules/cards/hooks/delete-card.hook';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useTranslations } from 'next-intl';\n\nexport function DeleteCardModal() {\n const translate = useTranslations();\n const { activeModal, modalData, closeModal } = useModalManager();\n const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation();\n const deleteCard = useDeleteCard();\n const { data: cardsData } = useCards();\n\n const isOpen = activeModal === 'deleteCardModal';\n const cardId = modalData.cardId as string | undefined;\n const onSuccess = modalData.onSuccess as (() => void) | undefined;\n\n const card = cardsData?.data?.find((c) => c.id.toString() === cardId);\n const cardLastDigits = (card?.number ?? '').replaceAll(/\\D/g, '').slice(-4);\n\n const handleClose = () => {\n resetConfirmation();\n closeModal();\n };\n\n const onSubmit = async () => {\n if (!cardId) return;\n\n try {\n await deleteCard.mutateAsync(cardId);\n } catch (error) {\n toast.custom(\n (t) => (\n <Toast\n toastId={t}\n variant=\"error\"\n message={\n error instanceof Error\n ? error.message\n : translate('common.cards.delete.errorToast')\n }\n />\n ),\n { duration: 5000 },\n );\n return;\n }\n\n onSuccess?.();\n resetConfirmation();\n closeModal();\n\n toast.custom(\n (t) => (\n <Toast\n variant=\"success\"\n message={translate('common.cards.delete.successToast', { digits: cardLastDigits })}\n toastId={t}\n />\n ),\n { duration: 5000 },\n );\n };\n\n return (\n <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>\n <DialogContent className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[410px]! rounded-lg border\">\n <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col\">\n <DialogHeader className=\"gap-4 text-left p-4 lg:p-5 pb-0 lg:pb-0\">\n <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n <IconTrash size={20} className=\"text-red-500\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {translate('common.cards.delete.title')}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n {translate('common.cards.delete.description')}{' '}\n <span className=\"font-semibold text-zinc-950\">\n •••• {cardLastDigits}\n </span>\n ?\n </DialogDescription>\n </div>\n </DialogHeader>\n\n <div className=\"px-4 lg:px-5 py-5\">\n <FormField\n label={translate('common.cards.delete.confirmLabel')}\n required\n placeholder={translate('common.cards.delete.confirmPlaceholder')}\n {...form.register('confirmText')}\n />\n </div>\n <Separator />\n <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5\">\n <Button\n type=\"submit\"\n disabled={!isValidConfirmation}\n loading={form.formState.isSubmitting}\n className=\"h-10!\"\n >\n {form.formState.isSubmitting ? translate('common.cards.delete.deleting') : translate('common.actions.delete')}\n </Button>\n <Button\n type=\"button\"\n variant=\"secondary\"\n className=\"h-10!\"\n onClick={handleClose}\n disabled={form.formState.isSubmitting}\n >\n {translate('common.actions.cancel')}\n </Button>\n </div>\n </form>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/modals/cards/DeleteCardModal.tsx"],"sourcesContent":["'use client';\n\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogDescription,\n} from '../../ui/overlay/Dialog';\nimport { Button } from '../../ui/buttons/Button';\nimport { Separator } from '../../ui/data-display/Separator';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { FormField } from '../../ui/form/FormField';\nimport { IconTrash } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { useModalManager } from '../../../store/useModalManager';\nimport { useDeleteConfirmation } from '../../../modules/cards/hooks/delete-confirmation.hook';\nimport { useDeleteCard } from '../../../modules/cards/hooks/delete-card.hook';\nimport { useCards } from '../../../modules/cards/hooks/cards.hook';\nimport { useTranslations } from 'next-intl';\n\nexport function DeleteCardModal() {\n const translate = useTranslations();\n const { activeModal, modalData, closeModal } = useModalManager();\n const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({\n confirmWord: translate('common.cards.delete.confirmPlaceholder'),\n });\n const deleteCard = useDeleteCard();\n const { data: cardsData } = useCards();\n\n const isOpen = activeModal === 'deleteCardModal';\n const cardId = modalData.cardId as string | undefined;\n const onSuccess = modalData.onSuccess as (() => void) | undefined;\n\n const card = cardsData?.data?.find((c) => c.id.toString() === cardId);\n const cardLastDigits = (card?.number ?? '').replaceAll(/\\D/g, '').slice(-4);\n\n const handleClose = () => {\n resetConfirmation();\n closeModal();\n };\n\n const onSubmit = async () => {\n if (!cardId) return;\n\n try {\n await deleteCard.mutateAsync(cardId);\n } catch (error) {\n toast.custom(\n (t) => (\n <Toast\n toastId={t}\n variant=\"error\"\n message={\n error instanceof Error\n ? error.message\n : translate('common.cards.delete.errorToast')\n }\n />\n ),\n { duration: 5000 },\n );\n return;\n }\n\n onSuccess?.();\n resetConfirmation();\n closeModal();\n\n toast.custom(\n (t) => (\n <Toast\n variant=\"success\"\n message={translate('common.cards.delete.successToast', { digits: cardLastDigits })}\n toastId={t}\n />\n ),\n { duration: 5000 },\n );\n };\n\n return (\n <Dialog open={isOpen} onOpenChange={(open) => !open && handleClose()}>\n <DialogContent className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[410px]! rounded-lg border\">\n <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col\">\n <DialogHeader className=\"gap-4 text-left p-4 lg:p-5 pb-0 lg:pb-0\">\n <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n <IconTrash size={20} className=\"text-red-500\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {translate('common.cards.delete.title')}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n {translate('common.cards.delete.description')}{' '}\n <span className=\"font-semibold text-zinc-950\">\n •••• {cardLastDigits}\n </span>\n ?\n </DialogDescription>\n </div>\n </DialogHeader>\n\n <div className=\"px-4 lg:px-5 py-5\">\n <FormField\n label={translate('common.cards.delete.confirmLabel')}\n required\n placeholder={translate('common.cards.delete.confirmPlaceholder')}\n {...form.register('confirmText')}\n />\n </div>\n <Separator />\n <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5\">\n <Button\n type=\"submit\"\n disabled={!isValidConfirmation}\n loading={form.formState.isSubmitting}\n className=\"h-10!\"\n >\n {form.formState.isSubmitting ? translate('common.cards.delete.deleting') : translate('common.actions.delete')}\n </Button>\n <Button\n type=\"button\"\n variant=\"secondary\"\n className=\"h-10!\"\n onClick={handleClose}\n disabled={form.formState.isSubmitting}\n >\n {translate('common.actions.cancel')}\n </Button>\n </div>\n </form>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";AAkDU,cA6CM,YA7CN;AAhDV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEzB,SAAS,kBAAkB;AAChC,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,WAAW,WAAW,IAAI,gBAAgB;AAC/D,QAAM,EAAE,MAAM,qBAAqB,kBAAkB,IAAI,sBAAsB;AAAA,IAC7E,aAAa,UAAU,wCAAwC;AAAA,EACjE,CAAC;AACD,QAAM,aAAa,cAAc;AACjC,QAAM,EAAE,MAAM,UAAU,IAAI,SAAS;AAErC,QAAM,SAAS,gBAAgB;AAC/B,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,UAAU;AAE5B,QAAM,OAAO,WAAW,MAAM,KAAK,CAAC,MAAM,EAAE,GAAG,SAAS,MAAM,MAAM;AACpE,QAAM,kBAAkB,MAAM,UAAU,IAAI,WAAW,OAAO,EAAE,EAAE,MAAM,EAAE;AAE1E,QAAM,cAAc,MAAM;AACxB,sBAAkB;AAClB,eAAW;AAAA,EACb;AAEA,QAAM,WAAW,YAAY;AAC3B,QAAI,CAAC,OAAQ;AAEb,QAAI;AACF,YAAM,WAAW,YAAY,MAAM;AAAA,IACrC,SAAS,OAAO;AACd,YAAM;AAAA,QACJ,CAAC,MACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAQ;AAAA,YACR,SACE,iBAAiB,QACb,MAAM,UACN,UAAU,gCAAgC;AAAA;AAAA,QAElD;AAAA,QAEF,EAAE,UAAU,IAAK;AAAA,MACnB;AACA;AAAA,IACF;AAEA,gBAAY;AACZ,sBAAkB;AAClB,eAAW;AAEX,UAAM;AAAA,MACJ,CAAC,MACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,oCAAoC,EAAE,QAAQ,eAAe,CAAC;AAAA,UACjF,SAAS;AAAA;AAAA,MACX;AAAA,MAEF,EAAE,UAAU,IAAK;AAAA,IACnB;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,CAAC,SAAS,CAAC,QAAQ,YAAY,GACjE,8BAAC,iBAAc,WAAU,mHACvB,+BAAC,UAAK,UAAU,KAAK,aAAa,QAAQ,GAAG,WAAU,iBACrD;AAAA,yBAAC,gBAAa,WAAU,2CACtB;AAAA,0BAAC,SAAI,WAAU,qEACb,8BAAC,aAAU,MAAM,IAAI,WAAU,gBAAe,GAChD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,eAAY,WAAU,2CACpB,oBAAU,2BAA2B,GACxC;AAAA,QACA,qBAAC,qBAAkB,WAAU,yCAC1B;AAAA,oBAAU,iCAAiC;AAAA,UAAG;AAAA,UAC/C,qBAAC,UAAK,WAAU,+BAA8B;AAAA;AAAA,YACtC;AAAA,aACR;AAAA,UAAO;AAAA,WAET;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,qBACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,UAAU,kCAAkC;AAAA,QACnD,UAAQ;AAAA,QACR,aAAa,UAAU,wCAAwC;AAAA,QAC9D,GAAG,KAAK,SAAS,aAAa;AAAA;AAAA,IACjC,GACF;AAAA,IACA,oBAAC,aAAU;AAAA,IACX,qBAAC,SAAI,WAAU,+CACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,CAAC;AAAA,UACX,SAAS,KAAK,UAAU;AAAA,UACxB,WAAU;AAAA,UAET,eAAK,UAAU,eAAe,UAAU,8BAA8B,IAAI,UAAU,uBAAuB;AAAA;AAAA,MAC9G;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU,KAAK,UAAU;AAAA,UAExB,oBAAU,uBAAuB;AAAA;AAAA,MACpC;AAAA,OACF;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}
|
|
@@ -10,9 +10,7 @@ function createDeleteConfirmationSchema(confirmWord) {
|
|
|
10
10
|
})
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
|
-
function useDeleteConfirmation({
|
|
14
|
-
confirmWord = "EXCLUIR"
|
|
15
|
-
} = {}) {
|
|
13
|
+
function useDeleteConfirmation({ confirmWord }) {
|
|
16
14
|
const schema = createDeleteConfirmationSchema(confirmWord);
|
|
17
15
|
const form = useForm({
|
|
18
16
|
resolver: zodResolver(schema),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/modules/cards/hooks/delete-confirmation.hook.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport z from 'zod';\n\ntype UseDeleteConfirmationProps = {\n confirmWord
|
|
1
|
+
{"version":3,"sources":["../../../../src/modules/cards/hooks/delete-confirmation.hook.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport z from 'zod';\n\ntype UseDeleteConfirmationProps = {\n confirmWord: string;\n};\n\nfunction createDeleteConfirmationSchema(confirmWord: string) {\n return z.object({\n confirmText: z.string().refine((val) => val === confirmWord, {\n message: `Digite ${confirmWord} para confirmar`,\n }),\n });\n}\n\nexport type DeleteConfirmationFormData = z.infer<\n ReturnType<typeof createDeleteConfirmationSchema>\n>;\n\nexport function useDeleteConfirmation({ confirmWord }: UseDeleteConfirmationProps) {\n const schema = createDeleteConfirmationSchema(confirmWord);\n\n const form = useForm<DeleteConfirmationFormData>({\n resolver: zodResolver(schema),\n defaultValues: { confirmText: '' },\n });\n\n const confirmText = form.watch('confirmText');\n const isValidConfirmation = confirmText === confirmWord;\n\n const resetConfirmation = useCallback(() => {\n form.reset({ confirmText: '' });\n }, [form]);\n\n return { form, confirmText, isValidConfirmation, resetConfirmation };\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,OAAO,OAAO;AAMd,SAAS,+BAA+B,aAAqB;AAC3D,SAAO,EAAE,OAAO;AAAA,IACd,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,QAAQ,aAAa;AAAA,MAC3D,SAAS,UAAU,WAAW;AAAA,IAChC,CAAC;AAAA,EACH,CAAC;AACH;AAMO,SAAS,sBAAsB,EAAE,YAAY,GAA+B;AACjF,QAAM,SAAS,+BAA+B,WAAW;AAEzD,QAAM,OAAO,QAAoC;AAAA,IAC/C,UAAU,YAAY,MAAM;AAAA,IAC5B,eAAe,EAAE,aAAa,GAAG;AAAA,EACnC,CAAC;AAED,QAAM,cAAc,KAAK,MAAM,aAAa;AAC5C,QAAM,sBAAsB,gBAAgB;AAE5C,QAAM,oBAAoB,YAAY,MAAM;AAC1C,SAAK,MAAM,EAAE,aAAa,GAAG,CAAC;AAAA,EAChC,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,MAAM,aAAa,qBAAqB,kBAAkB;AACrE;","names":[]}
|
package/package.json
CHANGED
|
@@ -22,7 +22,9 @@ import { useTranslations } from 'next-intl';
|
|
|
22
22
|
export function DeleteCardModal() {
|
|
23
23
|
const translate = useTranslations();
|
|
24
24
|
const { activeModal, modalData, closeModal } = useModalManager();
|
|
25
|
-
const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation(
|
|
25
|
+
const { form, isValidConfirmation, resetConfirmation } = useDeleteConfirmation({
|
|
26
|
+
confirmWord: translate('common.cards.delete.confirmPlaceholder'),
|
|
27
|
+
});
|
|
26
28
|
const deleteCard = useDeleteCard();
|
|
27
29
|
const { data: cardsData } = useCards();
|
|
28
30
|
|
|
@@ -6,7 +6,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
|
|
|
6
6
|
import z from 'zod';
|
|
7
7
|
|
|
8
8
|
type UseDeleteConfirmationProps = {
|
|
9
|
-
confirmWord
|
|
9
|
+
confirmWord: string;
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
function createDeleteConfirmationSchema(confirmWord: string) {
|
|
@@ -21,9 +21,7 @@ export type DeleteConfirmationFormData = z.infer<
|
|
|
21
21
|
ReturnType<typeof createDeleteConfirmationSchema>
|
|
22
22
|
>;
|
|
23
23
|
|
|
24
|
-
export function useDeleteConfirmation({
|
|
25
|
-
confirmWord = 'EXCLUIR',
|
|
26
|
-
}: UseDeleteConfirmationProps = {}) {
|
|
24
|
+
export function useDeleteConfirmation({ confirmWord }: UseDeleteConfirmationProps) {
|
|
27
25
|
const schema = createDeleteConfirmationSchema(confirmWord);
|
|
28
26
|
|
|
29
27
|
const form = useForm<DeleteConfirmationFormData>({
|