@greatapps/common 1.1.697 → 1.1.698

package/src/components/modals/CreditsDisabledModal.tsx

@@ -1,62 +1,62 @@
-'use client';
-
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '../ui/overlay/Dialog';
-import { Button } from '../ui/buttons/Button';
-import { Separator } from '../ui/data-display/Separator';
-import { IconAlertTriangle } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
-import { useCreditsDisabledModal } from '../../store/useCreditsDisabledModal';
-
-export default function CreditsDisabledModal() {
-  const translate = useTranslations();
-  const { open, closeModal } = useCreditsDisabledModal();
-
-  return (
-    <Dialog
-      open={open}
-      onOpenChange={(nextOpen) => {
-        if (!nextOpen) closeModal();
-      }}
-    >
-      <DialogContent
-        onOpenAutoFocus={(e) => e.preventDefault()}
-        className="flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!"
-      >
-        <DialogHeader className="gap-3 text-left p-5">
-          <div className="flex items-center justify-center w-10 h-10 bg-gray-100 rounded-lg">
-            <IconAlertTriangle size={20} className="text-gray-950" />
-          </div>
-          <div className="flex flex-col gap-2">
-            <DialogTitle className="paragraph-medium-semibold text-zinc-950">
-              {translate('common.credits.disabled.title')}
-            </DialogTitle>
-            <DialogDescription className="paragraph-small-regular text-zinc-600" asChild>
-              <div className="flex flex-col gap-3">
-                <p>{translate('common.credits.disabled.descriptionLine1')}</p>
-                <p>{translate('common.credits.disabled.descriptionLine2')}</p>
-              </div>
-            </DialogDescription>
-          </div>
-        </DialogHeader>
-
-        <Separator />
-
-        <div className="flex items-center gap-2 p-5">
-          <Button
-            variant="secondary"
-            className="h-10! transition-colors"
-            onClick={() => closeModal()}
-          >
-            {translate('common.credits.disabled.understood')}
-          </Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
+'use client';
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '../ui/overlay/Dialog';
+import { Button } from '../ui/buttons/Button';
+import { Separator } from '../ui/data-display/Separator';
+import { IconAlertTriangle } from '@tabler/icons-react';
+import { useTranslations } from 'next-intl';
+import { useCreditsDisabledModal } from '../../store/useCreditsDisabledModal';
+
+export default function CreditsDisabledModal() {
+  const translate = useTranslations();
+  const { open, closeModal } = useCreditsDisabledModal();
+
+  return (
+    <Dialog
+      open={open}
+      onOpenChange={(nextOpen) => {
+        if (!nextOpen) closeModal();
+      }}
+    >
+      <DialogContent
+        onOpenAutoFocus={(e) => e.preventDefault()}
+        className="flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!"
+      >
+        <DialogHeader className="gap-3 text-left p-5">
+          <div className="flex items-center justify-center w-10 h-10 bg-gray-100 rounded-lg">
+            <IconAlertTriangle size={20} className="text-gray-950" />
+          </div>
+          <div className="flex flex-col gap-2">
+            <DialogTitle className="paragraph-medium-semibold text-zinc-950">
+              {translate('common.credits.disabled.title')}
+            </DialogTitle>
+            <DialogDescription className="paragraph-small-regular text-zinc-600" asChild>
+              <div className="flex flex-col gap-3">
+                <p>{translate('common.credits.disabled.descriptionLine1')}</p>
+                <p>{translate('common.credits.disabled.descriptionLine2')}</p>
+              </div>
+            </DialogDescription>
+          </div>
+        </DialogHeader>
+
+        <Separator />
+
+        <div className="flex items-center gap-2 p-5">
+          <Button
+            variant="secondary"
+            className="h-10! transition-colors"
+            onClick={() => closeModal()}
+          >
+            {translate('common.credits.disabled.understood')}
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/components/modals/Modals.tsx

@@ -1,25 +1,25 @@
-'use client';
-
-import { ComponentType, useEffect } from 'react';
-import AccountModals from '../account/AccountModals';
-import { ModalManager } from './ModalManager';
-import { useAccountModals } from '../../store/useAccountModals';
-interface ModalsProps {
-  registry: Record<string, ComponentType>;
-  onGoToSubscription?: () => void;
-}
-
-export function Modals({ registry, onGoToSubscription }: ModalsProps) {
-  const { updateConfig } = useAccountModals();
-
-  useEffect(() => {
-    updateConfig({ onGoToSubscription });
-  }, [onGoToSubscription, updateConfig]);
-
-  return (
-    <>
-      <AccountModals />
-      <ModalManager registry={registry} />
-    </>
-  );
-}
+'use client';
+
+import { ComponentType, useEffect } from 'react';
+import AccountModals from '../account/AccountModals';
+import { ModalManager } from './ModalManager';
+import { useAccountModals } from '../../store/useAccountModals';
+interface ModalsProps {
+  registry: Record<string, ComponentType>;
+  onGoToSubscription?: () => void;
+}
+
+export function Modals({ registry, onGoToSubscription }: ModalsProps) {
+  const { updateConfig } = useAccountModals();
+
+  useEffect(() => {
+    updateConfig({ onGoToSubscription });
+  }, [onGoToSubscription, updateConfig]);
+
+  return (
+    <>
+      <AccountModals />
+      <ModalManager registry={registry} />
+    </>
+  );
+}

package/src/components/modals/PaidPlanRequiredModal.tsx

@@ -1,60 +1,60 @@
-"use client";
-
-import { IconLock } from '@tabler/icons-react';
-import { useTranslations } from 'next-intl';
-import { Button } from '../ui/buttons/Button';
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-} from '../ui/overlay/Dialog';
-import { useWhitelabelUrls, useExternalContracting } from '../../providers/whitelabel.provider';
-import { useModalManager } from '../../store/useModalManager';
-import type { ModalData } from '../../store/useModalManager';
-
-export default function PaidPlanRequiredModal() {
-    const translate = useTranslations();
-    const { activeModal, modalData, closeModal } = useModalManager();
-    const isOpen = activeModal === 'paidPlanRequiredModal';
-    const data = modalData as ModalData & { title?: string; description?: string };
-    const { accountsUrl } = useWhitelabelUrls();
-    const { redirectToExternal } = useExternalContracting();
-
-    const title = (data.title as string) ?? translate('common.credits.paidPlanRequired.defaultTitle');
-    const description = (data.description as string) ?? translate('common.credits.paidPlanRequired.defaultDescription');
-
-    const handleKnowPlans = () => {
-        if (redirectToExternal('plans')) return;
-        window.location.href = `${accountsUrl}/subscriptions?tab=plans`;
-    };
-
-    return (
-        <Dialog open={isOpen} onOpenChange={() => closeModal()}>
-            <DialogContent className="flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]">
-                <DialogHeader className="gap-3 text-left p-5">
-                    <div className="flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg">
-                        <IconLock size={24} className="text-zinc-950" />
-                    </div>
-                    <div className="flex flex-col gap-2">
-                        <DialogTitle className="paragraph-medium-semibold text-zinc-950">
-                            {title}
-                        </DialogTitle>
-                        <DialogDescription className="paragraph-small-regular text-zinc-600">
-                            {description}
-                        </DialogDescription>
-                    </div>
-                </DialogHeader>
-                <div className="flex items-center gap-2 p-5 border-t border-zinc-200">
-                    <Button
-                        className="w-fit h-10!"
-                        onClick={handleKnowPlans}
-                    >
-                        {translate('common.credits.paidPlanRequired.knowPlans')}
-                    </Button>
-                </div>
-            </DialogContent>
-        </Dialog>
-    );
-}
+"use client";
+
+import { IconLock } from '@tabler/icons-react';
+import { useTranslations } from 'next-intl';
+import { Button } from '../ui/buttons/Button';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogHeader,
+    DialogTitle,
+} from '../ui/overlay/Dialog';
+import { useWhitelabelUrls, useExternalContracting } from '../../providers/whitelabel.provider';
+import { useModalManager } from '../../store/useModalManager';
+import type { ModalData } from '../../store/useModalManager';
+
+export default function PaidPlanRequiredModal() {
+    const translate = useTranslations();
+    const { activeModal, modalData, closeModal } = useModalManager();
+    const isOpen = activeModal === 'paidPlanRequiredModal';
+    const data = modalData as ModalData & { title?: string; description?: string };
+    const { accountsUrl } = useWhitelabelUrls();
+    const { redirectToExternal } = useExternalContracting();
+
+    const title = (data.title as string) ?? translate('common.credits.paidPlanRequired.defaultTitle');
+    const description = (data.description as string) ?? translate('common.credits.paidPlanRequired.defaultDescription');
+
+    const handleKnowPlans = () => {
+        if (redirectToExternal('plans')) return;
+        window.location.href = `${accountsUrl}/subscriptions?tab=plans`;
+    };
+
+    return (
+        <Dialog open={isOpen} onOpenChange={() => closeModal()}>
+            <DialogContent className="flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]">
+                <DialogHeader className="gap-3 text-left p-5">
+                    <div className="flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg">
+                        <IconLock size={24} className="text-zinc-950" />
+                    </div>
+                    <div className="flex flex-col gap-2">
+                        <DialogTitle className="paragraph-medium-semibold text-zinc-950">
+                            {title}
+                        </DialogTitle>
+                        <DialogDescription className="paragraph-small-regular text-zinc-600">
+                            {description}
+                        </DialogDescription>
+                    </div>
+                </DialogHeader>
+                <div className="flex items-center gap-2 p-5 border-t border-zinc-200">
+                    <Button
+                        className="w-fit h-10!"
+                        onClick={handleKnowPlans}
+                    >
+                        {translate('common.credits.paidPlanRequired.knowPlans')}
+                    </Button>
+                </div>
+            </DialogContent>
+        </Dialog>
+    );
+}