@opexa/portal-components 0.0.953 → 0.0.955

package/dist/client/hooks/useCamera.d.ts

@@ -13,7 +13,7 @@ export interface UseCameraReturn<T extends string = never> {
     open(): Promise<void>;
     openNativeCamera(direction: 'front' | 'back'): Promise<File | null>;
     close(): Promise<void>;
-    snap(): Promise<CameraData | null>;
+    snap(): CameraData | null;
     reopen(): Promise<void>;
     reset(): Promise<void>;
     data: CameraData | null;

package/dist/client/hooks/useCamera.js

@@ -1,7 +1,6 @@
 import { CameraDirection } from '@capacitor/camera';
 import { isBoolean } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import invariant from 'tiny-invariant';
 import { useMediaQuery } from 'usehooks-ts';
 export function useCamera(options = {}) {
     const videoRef = useRef(null);
@@ -122,76 +121,33 @@ export function useCamera(options = {}) {
             resolve();
         });
     }, []);
-    const snap = useCallback(async () => {
-        setData(null);
-        setError(null);
-        setSnapping(true);
+    const snap = useCallback(() => {
         const video = videoRef.current;
+        if (!video)
+            return null;
         const canvas = document.createElement('canvas');
         const context = canvas.getContext('2d');
-        invariant(video, 'Could not find video element');
-        invariant(context, 'Could not get canvas context');
-        video.currentTime = 1;
+        if (!context)
+            return null;
         canvas.width = video.videoWidth;
         canvas.height = video.videoHeight;
-        context.imageSmoothingEnabled = true;
-        context.imageSmoothingQuality = 'high';
-        context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-        return new Promise((resolve) => {
-            canvas.toBlob(async (blob) => {
-                if (!blob) {
-                    setSnapping(false);
-                    resolve(null);
-                    return setError({
-                        name: 'CameraError',
-                        message: "'canvas.toBlob' failed to create blob",
-                    });
-                }
-                const url = canvas.toDataURL('image/jpeg', 1);
-                const file = new File([blob], `${crypto.randomUUID()}.jpeg`, {
-                    type: 'image/jpeg',
-                    endings: 'native',
-                    lastModified: Date.now(),
-                });
-                const image = new Image();
-                image.src = url;
-                image.alt = '';
-                image.width = canvas.width;
-                image.height = canvas.height;
-                if (!image.complete || image.naturalWidth === 0) {
-                    await new Promise((resolve, reject) => {
-                        image.onload = () => resolve();
-                        image.onerror = () => reject();
-                    });
-                }
-                const data = {
-                    url,
-                    file,
-                    image,
-                };
-                if (!options.transform) {
-                    setData(data);
-                    setSnapping(false);
-                    resolve(data);
-                    return;
-                }
-                const transformResult = await options.transform({
-                    ...data,
-                    video,
-                    canvas,
-                });
-                if (transformResult.ok) {
-                    setData(transformResult.data);
-                    resolve(transformResult.data);
-                }
-                else {
-                    setError(transformResult.error);
-                    resolve(null);
-                }
-                setSnapping(false);
-            }, 'image/jpeg', 1);
+        context.drawImage(video, 0, 0, canvas.width, canvas.height);
+        const url = canvas.toDataURL('image/jpeg', 0.9);
+        const arr = atob(url.split(',')[1]);
+        const u8arr = new Uint8Array(arr.length);
+        for (let i = 0; i < arr.length; i++)
+            u8arr[i] = arr.charCodeAt(i);
+        const file = new File([u8arr], `${crypto.randomUUID()}.jpeg`, {
+            type: 'image/jpeg',
         });
-    }, [options]);
+        const image = new Image();
+        image.src = url;
+        image.width = canvas.width;
+        image.height = canvas.height;
+        const data = { url, file, image };
+        setData(data);
+        return data;
+    }, []);
     const reset = useCallback(() => {
         setData(null);
         setError(null);

package/dist/components/DepositWithdrawal/Deposit/AiOGCashDeposit/AiOGCashDeposit.js

@@ -121,7 +121,7 @@ export function AiOGCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AiOGrabPayDeposit/AiOGrabPayDeposit.js

@@ -114,7 +114,7 @@ export function AiOGrabPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AiOPayMayaDeposit/AiOPayMayaDeposit.js

@@ -119,7 +119,7 @@ export function AiOPayMayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AurixPayGCashDeposit/AurixPayGCashDeposit.js

@@ -123,7 +123,7 @@ export function AurixPayGCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AurixPayGrabPayDeposit/AurixPayGrabPayDeposit.js

@@ -125,7 +125,7 @@ export function AurixPayGrabPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AurixPayPayMayaDeposit/AurixPayPayMayaDeposit.js

@@ -123,7 +123,7 @@ export function AurixPayPayMayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/AurixPayQRPHDeposit/Form.js

@@ -64,7 +64,7 @@ export function Form() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js

@@ -115,7 +115,7 @@ export function GCashDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/GCashWebpayDeposit/GCashWebpayDeposit.js

@@ -110,7 +110,7 @@ export function GCashWebpayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/LibanganDeposit/LibanganDeposit.js

@@ -110,7 +110,7 @@ export function LibanganDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js

@@ -81,7 +81,7 @@ export function MayaAppDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js

@@ -115,7 +115,7 @@ export function MayaDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/MayaWebpayDeposit/MayaWebpayDeposit.js

@@ -110,7 +110,7 @@ export function MayaWebpayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js

@@ -56,7 +56,7 @@ export function OnlineBankDepositForm() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/PisoPayDeposit/PisoPayDeposit.js

@@ -120,7 +120,7 @@ export function PisoPayDeposit() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/Form.js

@@ -64,7 +64,7 @@ export function Form() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Withdrawal/GCashStandardCashInWithdrawal/GCashStandardCashInWithdrawal.js

@@ -77,7 +77,7 @@ export function GCashStandardCashInWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js

@@ -77,7 +77,7 @@ export function GCashWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Withdrawal/InstapayGCashWithdrawal/InstapayGcashWithdrawal.js

@@ -79,7 +79,7 @@ export function InstapayGCashWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -121,7 +121,7 @@ export function InstapayGCashWithdrawal() {
             transactionPassword: data.password,
             accountNumber: data.accountNumber,
             accountName: data.accountName,
-            bankCode: "BNKGCH",
+            bankCode: 'BNKGCH',
         });
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {

package/dist/components/DepositWithdrawal/Withdrawal/InstapayPaymayaWithdrawal/InstapayPaymayaWithdrawal.js

@@ -79,7 +79,7 @@ export function InstapayPaymayaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),
@@ -121,7 +121,7 @@ export function InstapayPaymayaWithdrawal() {
             transactionPassword: data.password,
             accountNumber: data.accountNumber,
             accountName: data.accountName,
-            bankCode: "BNKMYA",
+            bankCode: 'BNKMYA',
         });
     });
     return (_jsxs("form", { onSubmit: handleSubmit, noValidate: true, autoComplete: "off", id: "hook-form", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.accountNumber, children: [_jsx(Field.Label, { children: "Phone Number" }), _jsx(Field.Input, { ...form.register('accountNumber') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountNumber?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.accountName, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Account name" }), _jsx(Field.Input, { ...form.register('accountName') }), _jsx(Field.ErrorText, { children: form.formState.errors.accountName?.message })] }), _jsxs(Field.Root, { invalid: !!form.formState.errors.amount, className: "mt-3xl", children: [_jsx(Field.Label, { children: "Enter amount you want to withdraw" }), _jsx(Field.Input, { type: "number", ...form.register('amount') }), _jsx(Field.ErrorText, { children: form.formState.errors.amount?.message })] }), _jsx(AmountChoices, { value: parseDecimal(form.watch('amount').trim().replace(/,/g, ''), 0), onChange: (value) => {

package/dist/components/DepositWithdrawal/Withdrawal/InstapayWithdrawal/InstapayWithdrawal.js

@@ -98,7 +98,7 @@ export function InstapayWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.js

@@ -77,7 +77,7 @@ export function MayaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js

@@ -86,7 +86,7 @@ export function VentajaWithdrawal() {
                     code: z.ZodIssueCode.too_big,
                     inclusive: true,
                     maximum: maximumAmount,
-                    message: `Maximum amount is ${maximumAmount.toLocaleString()}`,
+                    message: `Maximum amount is ${maximumAmount.toLocaleString()}. Please contact support.`,
                 });
             }
         }),

package/dist/components/SignUp/SignUpKYC/SelfieImageField/useSelfieImageField.js

@@ -58,7 +58,6 @@ export function useSelfieImageField(props) {
                 invariant(blob);
                 resolve(new File([blob], `front-image-${Date.now()}.jpeg`, {
                     type: 'image/jpeg',
-                    endings: 'native',
                     lastModified: Date.now(),
                 }));
             }, 'image/jpeg', 1.0));

package/dist/components/shared/SelfieImageField/useSelfieImageField.js

@@ -87,7 +87,6 @@ export function useSelfieImageField(props) {
                 invariant(blob);
                 resolve(new File([blob], `front-image-${Date.now()}.jpeg`, {
                     type: 'image/jpeg',
-                    endings: 'native',
                     lastModified: Date.now(),
                 }));
             }, 'image/jpeg', 1.0));

package/package.json

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