@greatapps/common 1.1.697 → 1.1.699

package/src/components/widgets/ImageUpload/ImageTooSmallModal.tsx

@@ -1,62 +1,62 @@
-'use client'
-
-import { useTranslations } from 'next-intl'
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '../../ui/overlay/Dialog'
-import { Button } from '../../ui/buttons/Button'
-
-interface ImageTooSmallModalProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  fileName: string
-  minWidth: number
-  minHeight: number
-  onSelectAnother: () => void
-  onCancel: () => void
-}
-
-export function ImageTooSmallModal({
-  open,
-  onOpenChange,
-  fileName,
-  minWidth,
-  minHeight,
-  onSelectAnother,
-  onCancel,
-}: ImageTooSmallModalProps) {
-  const translate = useTranslations()
-  const dimensionText = `${minWidth}x${minHeight}px`
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent
-        className="w-full md:w-[480px]! lg:w-[480px]! max-w-[480px]! max-[480px]:w-[calc(100%-32px)] p-0 gap-0 z-[1003]!"
-        overlayClassName="z-[1002]!"
-      >
-        <DialogHeader className="p-5">
-          <DialogTitle className="text-center text-[16px]!">
-            {translate('common.imageUpload.tooSmallTitleWithDimension', { dimensionText })}
-          </DialogTitle>
-        </DialogHeader>
-
-        <div className="px-5 pb-5">
-          <p className="paragraph-small-regular text-zinc-600 text-center">
-            {translate('common.imageUpload.tooSmallBodyFileWithDimension', { fileName, dimensionText })}
-          </p>
-        </div>
-
-        <DialogFooter className="flex-row! items-center justify-start! gap-3 p-5 border-t border-zinc-200">
-          <Button onClick={onSelectAnother}>{translate('common.imageUpload.sendAnother')}</Button>
-          <Button variant="secondary" onClick={onCancel}>
-            {translate('common.actions.cancel')}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}
+'use client'
+
+import { useTranslations } from 'next-intl'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '../../ui/overlay/Dialog'
+import { Button } from '../../ui/buttons/Button'
+
+interface ImageTooSmallModalProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  fileName: string
+  minWidth: number
+  minHeight: number
+  onSelectAnother: () => void
+  onCancel: () => void
+}
+
+export function ImageTooSmallModal({
+  open,
+  onOpenChange,
+  fileName,
+  minWidth,
+  minHeight,
+  onSelectAnother,
+  onCancel,
+}: ImageTooSmallModalProps) {
+  const translate = useTranslations()
+  const dimensionText = `${minWidth}x${minHeight}px`
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent
+        className="w-full md:w-[480px]! lg:w-[480px]! max-w-[480px]! max-[480px]:w-[calc(100%-32px)] p-0 gap-0 z-[1003]!"
+        overlayClassName="z-[1002]!"
+      >
+        <DialogHeader className="p-5">
+          <DialogTitle className="text-center text-[16px]!">
+            {translate('common.imageUpload.tooSmallTitleWithDimension', { dimensionText })}
+          </DialogTitle>
+        </DialogHeader>
+
+        <div className="px-5 pb-5">
+          <p className="paragraph-small-regular text-zinc-600 text-center">
+            {translate('common.imageUpload.tooSmallBodyFileWithDimension', { fileName, dimensionText })}
+          </p>
+        </div>
+
+        <DialogFooter className="flex-row! items-center justify-start! gap-3 p-5 border-t border-zinc-200">
+          <Button onClick={onSelectAnother}>{translate('common.imageUpload.sendAnother')}</Button>
+          <Button variant="secondary" onClick={onCancel}>
+            {translate('common.actions.cancel')}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}

package/src/components/widgets/ImageUpload/ImageUpload.tsx

@@ -1,131 +1,131 @@
-'use client'
-
-import { useRef } from 'react'
-import { useImageUpload } from '../../../modules/images/hooks/use-image-upload.hook'
-import { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../modules/images/constants/image.constants'
-import { ImageCropModal } from './ImageCropModal'
-import { Button } from '../../ui/buttons/Button'
-import type { ImageConfig } from '../../../modules/images/types/image.type'
-
-interface ImageUploadProps {
-  config: ImageConfig
-  value?: string
-  onChange?: (value: string) => void
-  onError?: (error: string) => void
-  className?: string
-}
-
-export function ImageUpload({
-  config,
-  value,
-  onChange,
-  onError,
-  className,
-}: ImageUploadProps) {
-  const inputRef = useRef<HTMLInputElement>(null)
-
-  const {
-    originalImage,
-    croppedPreview,
-    showCropModal,
-    isProcessing,
-    fileName,
-    handleFileSelect,
-    handleCropConfirm,
-    setShowCropModal,
-    clear,
-  } = useImageUpload({
-    config,
-    onSuccess: (base64) => onChange?.(base64),
-    onError,
-  })
-
-  const displayImage = croppedPreview || value
-
-  return (
-    <div className={className}>
-      <input
-        ref={inputRef}
-        type="file"
-        accept={ACCEPTED_IMAGE_FORMATS_STRING}
-        className="hidden"
-        onChange={(e) => {
-          const file = e.target.files?.[0]
-          if (file) handleFileSelect(file)
-          e.target.value = ''
-        }}
-      />
-
-      {displayImage ? (
-        <div className="relative">
-          <div
-            className="overflow-hidden rounded-lg border border-gray-200"
-            style={{ aspectRatio: config.aspectRatio }}
-          >
-            <img
-              src={displayImage}
-              alt="Preview"
-              className="w-full h-full object-cover"
-            />
-          </div>
-
-          <div className="flex gap-2 mt-2">
-            <Button
-              variant="secondary"
-              size="sm"
-              onClick={() => inputRef.current?.click()}
-              disabled={isProcessing}
-            >
-              Trocar
-            </Button>
-            <Button
-              variant="secondary"
-              size="sm"
-              onClick={() => {
-                clear()
-                onChange?.('')
-              }}
-              disabled={isProcessing}
-            >
-              Remover
-            </Button>
-          </div>
-
-          {isProcessing && (
-            <p className="paragraph-small-regular text-gray-500 mt-2">
-              Processando...
-            </p>
-          )}
-        </div>
-      ) : (
-        <button
-          type="button"
-          onClick={() => inputRef.current?.click()}
-          className="w-full border-2 border-dashed border-gray-300 rounded-lg p-8 text-center hover:border-gray-400 transition-colors"
-          style={{ aspectRatio: config.aspectRatio }}
-        >
-          <p className="paragraph-medium-regular text-gray-600">
-            Clique para enviar imagem
-          </p>
-          <p className="paragraph-small-regular text-gray-400 mt-1">
-            Tamanho recomendado: {config.width} x {config.height} pixels
-          </p>
-        </button>
-      )}
-
-      {originalImage && (
-        <ImageCropModal
-          open={showCropModal}
-          onOpenChange={setShowCropModal}
-          imageSrc={originalImage}
-          aspectRatio={config.aspectRatio}
-          onConfirm={handleCropConfirm}
-          minWidth={config.width}
-          minHeight={config.height}
-          fileName={fileName}
-          onSelectAnother={() => inputRef.current?.click()}
-        />
-      )}
-    </div>
-  )
-}
+'use client'
+
+import { useRef } from 'react'
+import { useImageUpload } from '../../../modules/images/hooks/use-image-upload.hook'
+import { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../modules/images/constants/image.constants'
+import { ImageCropModal } from './ImageCropModal'
+import { Button } from '../../ui/buttons/Button'
+import type { ImageConfig } from '../../../modules/images/types/image.type'
+
+interface ImageUploadProps {
+  config: ImageConfig
+  value?: string
+  onChange?: (value: string) => void
+  onError?: (error: string) => void
+  className?: string
+}
+
+export function ImageUpload({
+  config,
+  value,
+  onChange,
+  onError,
+  className,
+}: ImageUploadProps) {
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  const {
+    originalImage,
+    croppedPreview,
+    showCropModal,
+    isProcessing,
+    fileName,
+    handleFileSelect,
+    handleCropConfirm,
+    setShowCropModal,
+    clear,
+  } = useImageUpload({
+    config,
+    onSuccess: (base64) => onChange?.(base64),
+    onError,
+  })
+
+  const displayImage = croppedPreview || value
+
+  return (
+    <div className={className}>
+      <input
+        ref={inputRef}
+        type="file"
+        accept={ACCEPTED_IMAGE_FORMATS_STRING}
+        className="hidden"
+        onChange={(e) => {
+          const file = e.target.files?.[0]
+          if (file) handleFileSelect(file)
+          e.target.value = ''
+        }}
+      />
+
+      {displayImage ? (
+        <div className="relative">
+          <div
+            className="overflow-hidden rounded-lg border border-gray-200"
+            style={{ aspectRatio: config.aspectRatio }}
+          >
+            <img
+              src={displayImage}
+              alt="Preview"
+              className="w-full h-full object-cover"
+            />
+          </div>
+
+          <div className="flex gap-2 mt-2">
+            <Button
+              variant="secondary"
+              size="sm"
+              onClick={() => inputRef.current?.click()}
+              disabled={isProcessing}
+            >
+              Trocar
+            </Button>
+            <Button
+              variant="secondary"
+              size="sm"
+              onClick={() => {
+                clear()
+                onChange?.('')
+              }}
+              disabled={isProcessing}
+            >
+              Remover
+            </Button>
+          </div>
+
+          {isProcessing && (
+            <p className="paragraph-small-regular text-gray-500 mt-2">
+              Processando...
+            </p>
+          )}
+        </div>
+      ) : (
+        <button
+          type="button"
+          onClick={() => inputRef.current?.click()}
+          className="w-full border-2 border-dashed border-gray-300 rounded-lg p-8 text-center hover:border-gray-400 transition-colors"
+          style={{ aspectRatio: config.aspectRatio }}
+        >
+          <p className="paragraph-medium-regular text-gray-600">
+            Clique para enviar imagem
+          </p>
+          <p className="paragraph-small-regular text-gray-400 mt-1">
+            Tamanho recomendado: {config.width} x {config.height} pixels
+          </p>
+        </button>
+      )}
+
+      {originalImage && (
+        <ImageCropModal
+          open={showCropModal}
+          onOpenChange={setShowCropModal}
+          imageSrc={originalImage}
+          aspectRatio={config.aspectRatio}
+          onConfirm={handleCropConfirm}
+          minWidth={config.width}
+          minHeight={config.height}
+          fileName={fileName}
+          onSelectAnother={() => inputRef.current?.click()}
+        />
+      )}
+    </div>
+  )
+}

package/src/components/widgets/ImageUpload/index.ts

@@ -1,3 +1,3 @@
-export { ImageUpload } from './ImageUpload'
-export { ImageCropModal } from './ImageCropModal'
-export { ImageTooSmallModal } from './ImageTooSmallModal'
+export { ImageUpload } from './ImageUpload'
+export { ImageCropModal } from './ImageCropModal'
+export { ImageTooSmallModal } from './ImageTooSmallModal'

package/src/components/widgets/notifications/NotificationCard.tsx

@@ -1,73 +1,73 @@
-'use client';
-
-import { IconClock } from '@tabler/icons-react';
-import { ReactNode } from 'react';
-import { cn } from '../../../infra/utils/clsx';
-import { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';
-
-type NotificationCardProps = {
-  icon: ReactNode;
-  iconBgColor?: string;
-  title: string;
-  description?: string;
-  time: string;
-  actions?: ReactNode;
-  isUnread?: boolean;
-  showBorder?: boolean;
-  className?: string;
-  gapPx: number;
-};
-
-export default function NotificationCard({
-  icon,
-  iconBgColor,
-  title,
-  description,
-  time,
-  actions,
-  isUnread = false,
-  showBorder = true,
-  className,
-  gapPx = 16
-}: NotificationCardProps) {
-  const isDefaultWl = useIsDefaultWhitelabel();
-
-  return (
-    <div
-      className={cn(
-        'flex flex-col lg:flex-row items-start p-4 lg:p-5 gap-3 lg:gap-4 relative',
-        showBorder && 'border-b border-gray-200',
-        className
-      )}
-    >
-      <div
-        className={cn(
-          'flex items-center justify-center size-10 rounded-full shrink-0',
-          iconBgColor
-        )}
-      >
-        {icon}
-      </div>
-
-      <div className="flex flex-col flex-1" style={{ gap: `${gapPx}px` }}>
-        <div className="flex flex-col gap-1">
-          <span className="paragraph-small-semibold text-gray-950">{title}</span>
-          {description && (
-            <span className="paragraph-small-regular text-gray-600">{description}</span>
-          )}
-        </div>
-
-        <div className="flex items-center gap-1.5">
-          <IconClock size={14} className="text-gray-400" />
-          <span className="paragraph-xsmall-medium text-gray-600">{time}</span>
-        </div>
-
-        {actions && <div className="flex items-center gap-2">{actions}</div>}
-      </div>
-
-      {isUnread && <div className={`size-2 rounded-full shrink-0 mt-1 ${isDefaultWl ? 'bg-cyan-400' : 'bg-zinc-400'}`} />}
-    </div>
-  );
-}
-
-export type { NotificationCardProps };
+'use client';
+
+import { IconClock } from '@tabler/icons-react';
+import { ReactNode } from 'react';
+import { cn } from '../../../infra/utils/clsx';
+import { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';
+
+type NotificationCardProps = {
+  icon: ReactNode;
+  iconBgColor?: string;
+  title: string;
+  description?: string;
+  time: string;
+  actions?: ReactNode;
+  isUnread?: boolean;
+  showBorder?: boolean;
+  className?: string;
+  gapPx: number;
+};
+
+export default function NotificationCard({
+  icon,
+  iconBgColor,
+  title,
+  description,
+  time,
+  actions,
+  isUnread = false,
+  showBorder = true,
+  className,
+  gapPx = 16
+}: NotificationCardProps) {
+  const isDefaultWl = useIsDefaultWhitelabel();
+
+  return (
+    <div
+      className={cn(
+        'flex flex-col lg:flex-row items-start p-4 lg:p-5 gap-3 lg:gap-4 relative',
+        showBorder && 'border-b border-gray-200',
+        className
+      )}
+    >
+      <div
+        className={cn(
+          'flex items-center justify-center size-10 rounded-full shrink-0',
+          iconBgColor
+        )}
+      >
+        {icon}
+      </div>
+
+      <div className="flex flex-col flex-1" style={{ gap: `${gapPx}px` }}>
+        <div className="flex flex-col gap-1">
+          <span className="paragraph-small-semibold text-gray-950">{title}</span>
+          {description && (
+            <span className="paragraph-small-regular text-gray-600">{description}</span>
+          )}
+        </div>
+
+        <div className="flex items-center gap-1.5">
+          <IconClock size={14} className="text-gray-400" />
+          <span className="paragraph-xsmall-medium text-gray-600">{time}</span>
+        </div>
+
+        {actions && <div className="flex items-center gap-2">{actions}</div>}
+      </div>
+
+      {isUnread && <div className={`size-2 rounded-full shrink-0 mt-1 ${isDefaultWl ? 'bg-cyan-400' : 'bg-zinc-400'}`} />}
+    </div>
+  );
+}
+
+export type { NotificationCardProps };

package/src/handlers.ts

@@ -1,22 +1,22 @@
-export { createListCardsHandler } from './modules/cards/handlers/list-cards.handler';
-export { createFindCardByIdHandler } from './modules/cards/handlers/find-card-by-id.handler';
-
-export { createListChargesHandler } from './modules/charges/handlers/list-charges.handler';
-export { createFindChargeByIdHandler } from './modules/charges/handlers/find-charge-by-id.handler';
-
-export { createListIaCreditsHandler } from './modules/ia-credits/handlers/list-ia-credits.handler';
-
-export { createCountPagesHandler } from './modules/pages/handlers/count-pages.handler';
-
-export { createListPlansHandler } from './modules/plans/handlers/list-plans.handler';
-export { createFindPlanByIdHandler } from './modules/plans/handlers/find-plan-by-id.handler';
-
-export { createListProjectsHandler } from './modules/projects/handlers/list-projects.handler';
-export { createFindProjectHandler } from './modules/projects/handlers/find-project.handler';
-export { createListProjectUsersHandler } from './modules/projects/handlers/list-project-users.handler';
-export { createListAvailableUsersHandler } from './modules/projects/handlers/list-available-users.handler';
-export { createListAllAccountUsersHandler } from './modules/projects/handlers/list-all-account-users.handler';
-
-export { createListSubscriptionsHandler } from './modules/subscriptions/handlers/list-subscriptions.handler';
-
-export { createListMessagesHandler } from './modules/users/handlers/list-messages.handler';
+export { createListCardsHandler } from './modules/cards/handlers/list-cards.handler';
+export { createFindCardByIdHandler } from './modules/cards/handlers/find-card-by-id.handler';
+
+export { createListChargesHandler } from './modules/charges/handlers/list-charges.handler';
+export { createFindChargeByIdHandler } from './modules/charges/handlers/find-charge-by-id.handler';
+
+export { createListIaCreditsHandler } from './modules/ia-credits/handlers/list-ia-credits.handler';
+
+export { createCountPagesHandler } from './modules/pages/handlers/count-pages.handler';
+
+export { createListPlansHandler } from './modules/plans/handlers/list-plans.handler';
+export { createFindPlanByIdHandler } from './modules/plans/handlers/find-plan-by-id.handler';
+
+export { createListProjectsHandler } from './modules/projects/handlers/list-projects.handler';
+export { createFindProjectHandler } from './modules/projects/handlers/find-project.handler';
+export { createListProjectUsersHandler } from './modules/projects/handlers/list-project-users.handler';
+export { createListAvailableUsersHandler } from './modules/projects/handlers/list-available-users.handler';
+export { createListAllAccountUsersHandler } from './modules/projects/handlers/list-all-account-users.handler';
+
+export { createListSubscriptionsHandler } from './modules/subscriptions/handlers/list-subscriptions.handler';
+
+export { createListMessagesHandler } from './modules/users/handlers/list-messages.handler';