@opexa/portal-components 0.0.222 → 0.0.223

package/dist/client/hooks/useCamera.js

@@ -89,7 +89,15 @@ export function useCamera(options = {}) {
         video.currentTime = 1;
         const videoRect = video.getBoundingClientRect();
         const lowResolution = video.videoWidth < 640 || video.videoHeight < 480;
-        const scaleFactor = lowResolution ? (opts.scale ?? 2) : 1.25;
+        const hdResolution = video.videoWidth >= 1280 && video.videoHeight >= 720;
+        const highResolution = video.videoWidth >= 1920 && video.videoHeight >= 1080;
+        const scaleFactor = lowResolution
+            ? (opts.scale ?? 2)
+            : highResolution
+                ? 1
+                : hdResolution
+                    ? 1.15
+                    : 1.25;
         let x = 0;
         let y = 0;
         let w = video.videoWidth;

package/dist/client/hooks/useClaimCashbackBonusMutation.js

@@ -19,7 +19,7 @@ export const useClaimCashbackBonusMutation = (config) => {
                 },
             });
             queryClient.setQueryData(getCashbackBonusesQueryKey(), (prev) => prev?.map((bonus) => {
-                if (bonus.id !== id) {
+                if (bonus.id === id) {
                     return {
                         ...bonus,
                         balance: '0',

package/dist/components/Bonuses/Bonuses.client.js

@@ -24,7 +24,9 @@ import { Popover } from '../../ui/Popover/index.js';
 import { Progress } from '../../ui/Progress/index.js';
 import { SegmentGroup } from '../../ui/SegmentGroup/index.js';
 import { formatNumber } from '../../utils/formatNumber.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
 import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getCashbackBonusesQueryKey } from '../../utils/queryKeys.js';
 import { ClaimSpotBonus } from './ClaimSpotBonus.js';
 const TabSchema = z
     .enum(['all', 'active', 'cashbacks'])
@@ -84,11 +86,15 @@ function CashbackBonus(props) {
     const bonus = props.data;
     const cashback = bonus.cashback;
     const localeInfo = useLocaleInfo();
+    const queryClient = getQueryClient();
     const claimCashbackBonusMutation = useClaimCashbackBonusMutation({
         onSuccess() {
             toaster.success({
                 description: 'Bonus claimed successfully!',
             });
+            queryClient.invalidateQueries({
+                queryKey: getCashbackBonusesQueryKey(),
+            });
         },
         onError(error) {
             toaster.error({

package/dist/components/shared/IdDocumentField.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties, type Ref } from 'react';
-type ErrorCode = 'FILE_NAME_TOO_LONG' | 'FILE_SIZE_TOO_LARGE' | 'FILE_TYPE_NOT_SUPPORTED';
+import { type ValidateFileError } from '../../utils/validateFile';
 export interface IdDocumentFieldProps {
     ref?: Ref<HTMLDivElement>;
     id?: string;
@@ -12,7 +12,6 @@ export interface IdDocumentFieldProps {
     readOnly?: boolean;
     disabled?: boolean;
     required?: boolean;
-    onError?: (code: ErrorCode) => void;
+    onError?: (error: ValidateFileError) => void;
 }
 export declare function IdDocumentField(props: IdDocumentFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/shared/IdDocumentField.js

@@ -22,6 +22,7 @@ import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { dataAttr } from '../../utils/dataAttr.js';
+import { validateFile } from '../../utils/validateFile.js';
 export function IdDocumentField(props) {
     const field = useFieldContext();
     const [value, setValue] = useControllableState({
@@ -131,24 +132,3 @@ export function IdDocumentField(props) {
                                                     camera.reset();
                                                 }, children: [_jsx(RefreshCcw01Icon, { className: "size-5" }), " Retake"] })] }))] }) })] }) })] }));
 }
-function validateFile(file) {
-    if (![
-        /**/
-        'image/png',
-        'image/jpg',
-        'image/jpeg',
-    ].includes(file.type)) {
-        return 'FILE_TYPE_NOT_SUPPORTED';
-    }
-    if (10 < file.size / (1024 * 1024)) {
-        return 'FILE_SIZE_TOO_LARGE';
-    }
-    if (48 <
-        file.name
-            .split('.')
-            .filter((_, i, self) => i + 1 < self.length)
-            .join('.').length) {
-        return 'FILE_NAME_TOO_LONG';
-    }
-    return null;
-}

package/dist/components/shared/SelfieField.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties, type Ref } from 'react';
-type ErrorCode = 'FILE_NAME_TOO_LONG' | 'FILE_SIZE_TOO_LARGE' | 'FILE_TYPE_NOT_SUPPORTED';
+import { type ValidateFileError } from '../../utils/validateFile';
 export interface SelfieFieldProps {
     ref?: Ref<HTMLDivElement>;
     id?: string;
@@ -12,7 +12,6 @@ export interface SelfieFieldProps {
     readOnly?: boolean;
     disabled?: boolean;
     required?: boolean;
-    onError?: (code: ErrorCode) => void;
+    onError?: (error: ValidateFileError) => void;
 }
 export declare function SelfieField(props: SelfieFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/shared/SelfieField.js

@@ -21,6 +21,7 @@ import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
 import { dataAttr } from '../../utils/dataAttr.js';
+import { validateFile } from '../../utils/validateFile.js';
 export function SelfieField(props) {
     const field = useFieldContext();
     const [value, setValue] = useControllableState({
@@ -125,24 +126,3 @@ export function SelfieField(props) {
                                                     camera.reset();
                                                 }, children: [_jsx(RefreshCcw01Icon, { className: "size-5" }), " Retake"] })] }))] }) })] }) })] }));
 }
-function validateFile(file) {
-    if (![
-        /**/
-        'image/png',
-        'image/jpg',
-        'image/jpeg',
-    ].includes(file.type)) {
-        return 'FILE_TYPE_NOT_SUPPORTED';
-    }
-    if (10 < file.size / (1024 * 1024)) {
-        return 'FILE_SIZE_TOO_LARGE';
-    }
-    if (48 <
-        file.name
-            .split('.')
-            .filter((_, i, self) => i + 1 < self.length)
-            .join('.').length) {
-        return 'FILE_NAME_TOO_LONG';
-    }
-    return null;
-}

package/dist/utils/validateFile.d.ts

@@ -0,0 +1,28 @@
+export interface ValidateFileOptions {
+    /**
+     * @description Maximum file size in MB.
+     * @default 10
+     */
+    maxFileSize?: number;
+    /**
+     * @description Maximum file name length.
+     * @default 48
+     */
+    maxFileName?: number;
+    /**
+     * @description Supported mime types.
+     * @default
+     * [
+     *  'image/png',
+     *  'image/jpg',
+     *  'image/jpeg'
+     * ]
+     */
+    supportedFiles?: string[];
+}
+export type ValidateFileErrorName = 'FILE_NAME_TOO_LONG' | 'FILE_SIZE_TOO_LARGE' | 'FILE_TYPE_NOT_SUPPORTED';
+export interface ValidateFileError {
+    name: ValidateFileErrorName;
+    message: string;
+}
+export declare function validateFile(file: File, options?: ValidateFileOptions): ValidateFileError | null;

package/dist/utils/validateFile.js

@@ -0,0 +1,37 @@
+export function validateFile(file, options) {
+    const maxFileSize = options?.maxFileSize ?? 10;
+    const maxFileName = options?.maxFileName ?? 48;
+    const supportedFiles = options?.supportedFiles ?? [
+        'image/png',
+        'image/jpg',
+        'image/jpeg',
+    ];
+    if (!supportedFiles.includes(file.type)) {
+        return {
+            name: 'FILE_TYPE_NOT_SUPPORTED',
+            message: 'File type not supported.',
+        };
+    }
+    if (mb(file.size) > maxFileSize) {
+        return {
+            name: 'FILE_SIZE_TOO_LARGE',
+            message: 'File size too large.',
+        };
+    }
+    if (basename(file.name).length > maxFileName) {
+        return {
+            name: 'FILE_NAME_TOO_LONG',
+            message: 'File name is too long.',
+        };
+    }
+    return null;
+}
+function mb(bytes) {
+    return bytes / (1024 * 1024);
+}
+function basename(name) {
+    return name
+        .split('.')
+        .filter((_, i, self) => i + 1 < self.length)
+        .join('.');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.222",
+  "version": "0.0.223",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",