@opexa/portal-components 0.0.281 → 0.0.282

package/dist/ui/Tabs/tabs.recipe.d.ts

@@ -10,7 +10,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "list" | "root" | "trigger" | "indicator", string | string[]>, undefined, {
+}, Record<"content" | "trigger" | "list" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -22,7 +22,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "list" | "root" | "trigger" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "trigger" | "list" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -34,4 +34,4 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "list" | "root" | "trigger" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"content" | "trigger" | "list" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/index.d.ts

@@ -0,0 +1,26 @@
+export * from './AlertDialog';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Checkbox';
+export * from './Clipboard';
+export * from './Collapsible';
+export * from './Combobox';
+export * from './DatePicker';
+export * from './Dialog';
+export * from './Drawer';
+export * from './Field';
+export * from './IconButton';
+export * from './Menu';
+export * from './NumberInput';
+export * from './PasswordInput';
+export * from './PinInput';
+export * from './Popover';
+export * from './Presence';
+export * from './Progress';
+export * from './Prose';
+export * from './SegmentGroup';
+export * from './Select';
+export * from './Table';
+export * from './Tabs';
+export * from './Tooltip';

package/dist/ui/index.js

@@ -0,0 +1,26 @@
+export * from './AlertDialog/index.js';
+export * from './Avatar/index.js';
+export * from './Badge/index.js';
+export * from './Button/index.js';
+export * from './Checkbox/index.js';
+export * from './Clipboard/index.js';
+export * from './Collapsible/index.js';
+export * from './Combobox/index.js';
+export * from './DatePicker/index.js';
+export * from './Dialog/index.js';
+export * from './Drawer/index.js';
+export * from './Field/index.js';
+export * from './IconButton/index.js';
+export * from './Menu/index.js';
+export * from './NumberInput/index.js';
+export * from './PasswordInput/index.js';
+export * from './PinInput/index.js';
+export * from './Popover/index.js';
+export * from './Presence.js';
+export * from './Progress/index.js';
+export * from './Prose.js';
+export * from './SegmentGroup/index.js';
+export * from './Select/index.js';
+export * from './Table/index.js';
+export * from './Tabs/index.js';
+export * from './Tooltip/index.js';

package/dist/utils/createErrorFromCode.d.ts

@@ -0,0 +1,2 @@
+export type KnownErrorName = '' | (string & {});
+export declare function createErrorFromCode(name: KnownErrorName | (string & {}), message?: string): Error;

package/dist/utils/createErrorFromCode.js

@@ -0,0 +1,11 @@
+// ✏️ TODO
+const ERROR_CODES_MAP = {
+    '': '',
+};
+export function createErrorFromCode(name, message) {
+    const error = new Error();
+    error.name = name;
+    error.message = ERROR_CODES_MAP[name] ?? message ?? 'Something went wrong';
+    Error.captureStackTrace?.(error, createErrorFromCode);
+    return error;
+}

package/dist/utils/dataUrlToBlob.d.ts

@@ -0,0 +1 @@
+export declare function dataURLtoBlob(dataURL: string): Blob;

package/dist/utils/dataUrlToBlob.js

@@ -0,0 +1,11 @@
+export function dataURLtoBlob(dataURL) {
+    const parts = dataURL.split(';base64,');
+    const contentType = parts[0].split(':')[1];
+    const raw = window.atob(parts[1]);
+    const rawLength = raw.length;
+    const uInt8Array = new Uint8Array(rawLength);
+    for (let i = 0; i < rawLength; ++i) {
+        uInt8Array[i] = raw.charCodeAt(i);
+    }
+    return new Blob([uInt8Array], { type: contentType });
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,17 @@
+export * from './anatomyToRecipeSlots';
+export * from './callIfFn';
+export * from './capitalize';
+export * from './createPoll';
+export * from './createSplitProps';
+export * from './dataAttr';
+export * from './formatNumber';
+export * from './getGameImageUrl';
+export * from './getGameProviderData';
+export * from './getGameTypeData';
+export * from './getLocaleInfo';
+export * from './getPercentage';
+export * from './getQueryClient';
+export * from './isMobile';
+export * from './mask';
+export * from './parseDecimal';
+export * from './queryKeys';

package/dist/utils/index.js

@@ -0,0 +1,17 @@
+export * from './anatomyToRecipeSlots.js';
+export * from './callIfFn.js';
+export * from './capitalize.js';
+export * from './createPoll.js';
+export * from './createSplitProps.js';
+export * from './dataAttr.js';
+export * from './formatNumber.js';
+export * from './getGameImageUrl.js';
+export * from './getGameProviderData.js';
+export * from './getGameTypeData.js';
+export * from './getLocaleInfo.js';
+export * from './getPercentage.js';
+export * from './getQueryClient.js';
+export * from './isMobile.js';
+export * from './mask.js';
+export * from './parseDecimal.js';
+export * from './queryKeys.js';

package/dist/utils/isMobile.d.ts

@@ -0,0 +1,5 @@
+import { type IsMobileOptions } from 'is-mobile';
+interface OnMobileOptions extends IsMobileOptions {
+}
+export declare const onMobileDevice: (opts?: OnMobileOptions) => boolean;
+export {};

package/dist/utils/isMobile.js

@@ -0,0 +1,9 @@
+import { isMobile } from 'is-mobile';
+import { cache } from 'react';
+export const onMobileDevice = cache((opts) => {
+    return isMobile({
+        tablet: true,
+        featureDetect: typeof window !== 'undefined',
+        ...opts,
+    });
+});

package/dist/utils/resizeImageSize.d.ts

@@ -0,0 +1 @@
+export declare const resizeFile: (file: File) => Promise<unknown>;

package/dist/utils/resizeImageSize.js

@@ -0,0 +1,6 @@
+import Resizer from 'react-image-file-resizer';
+export const resizeFile = (file) => new Promise((resolve) => {
+    Resizer.imageFileResizer(file, 300, 300, 'jpeg', 100, 0, (uri) => {
+        resolve(uri);
+    }, 'file');
+});

package/package.json

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

package/dist/handlers/postTransformIdFrontImage.d.ts

@@ -1,3 +0,0 @@
-import type { NextRequest } from 'next/server';
-import { NextResponse } from 'next/server';
-export declare function postTransformIdFrontImage(request: NextRequest): Promise<NextResponse<unknown>>;

package/dist/handlers/postTransformIdFrontImage.js

@@ -1,67 +0,0 @@
-import { NextResponse } from 'next/server';
-import sharp from 'sharp';
-import { z } from 'zod';
-import { validateFile } from '../utils/validateFile.js';
-const TransformIdFrontImageDefinition = z.object({
-    image: z.instanceof(File).superRefine((file, context) => {
-        const error = validateFile(file);
-        if (error) {
-            context.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: error.message,
-            });
-        }
-    }),
-    cropTop: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-    cropLeft: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-    cropWidth: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-    cropHeight: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-});
-export async function postTransformIdFrontImage(request) {
-    const form = await request.formData();
-    const parsed = TransformIdFrontImageDefinition.safeParse({
-        image: form.get('image'),
-        cropTop: form.get('cropTop'),
-        cropLeft: form.get('cropLeft'),
-        cropWidth: form.get('cropWidth'),
-        cropHeight: form.get('cropHeight'),
-    });
-    if (!parsed.success) {
-        return NextResponse.json({
-            ok: false,
-            message: parsed.error.issues[0].message,
-            __error: parsed.error,
-        }, { status: 400 });
-    }
-    const file = parsed.data.image;
-    const arrayBuffer = await file.arrayBuffer();
-    const buffer = Buffer.from(arrayBuffer);
-    const cropped = await sharp(buffer)
-        .extract({
-        top: parsed.data.cropTop,
-        left: parsed.data.cropLeft,
-        width: parsed.data.cropWidth,
-        height: parsed.data.cropHeight,
-    })
-        .resize({
-        width: 1200,
-        height: 757,
-        kernel: sharp.kernel.lanczos3,
-        withoutEnlargement: true,
-    })
-        .modulate({
-        brightness: 1.025,
-        saturation: 1.025,
-    })
-        .median(3)
-        .blur()
-        .sharpen()
-        .webp()
-        .toBuffer();
-    return new NextResponse(cropped, {
-        headers: {
-            'Content-Type': 'image/webp',
-            'Content-Disposition': `inline; filename="id-front-${Date.now()}.webp"`,
-        },
-    });
-}

package/dist/handlers/postTransformSelfieImage.d.ts

@@ -1,3 +0,0 @@
-import type { NextRequest } from 'next/server';
-import { NextResponse } from 'next/server';
-export declare function postTransformSelfieImage(request: NextRequest): Promise<NextResponse<unknown>>;

package/dist/handlers/postTransformSelfieImage.js

@@ -1,71 +0,0 @@
-import { NextResponse } from 'next/server';
-import sharp from 'sharp';
-import { z } from 'zod';
-import { validateFile } from '../utils/validateFile.js';
-const TransformSelfieImageDefinition = z.object({
-    image: z.instanceof(File).superRefine((file, context) => {
-        const error = validateFile(file);
-        if (error) {
-            context.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: error.message,
-            });
-        }
-    }),
-    cropTop: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-    cropLeft: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-    cropWidth: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-    cropHeight: z.number().or(z.string().transform((v) => Math.round(Number(v)))),
-});
-export async function postTransformSelfieImage(request) {
-    const form = await request.formData();
-    const parsed = TransformSelfieImageDefinition.safeParse({
-        image: form.get('image'),
-        cropTop: form.get('cropTop'),
-        cropLeft: form.get('cropLeft'),
-        cropWidth: form.get('cropWidth'),
-        cropHeight: form.get('cropHeight'),
-    });
-    if (!parsed.success) {
-        return NextResponse.json({
-            ok: false,
-            message: parsed.error.issues[0].message,
-            __error: parsed.error,
-        }, { status: 400 });
-    }
-    const file = parsed.data.image;
-    const arrayBuffer = await file.arrayBuffer();
-    const buffer = Buffer.from(arrayBuffer);
-    const cropped = await sharp(buffer)
-        .extract({
-        top: parsed.data.cropTop,
-        left: parsed.data.cropLeft,
-        width: parsed.data.cropWidth,
-        height: parsed.data.cropHeight,
-    })
-        .resize({
-        width: 1200,
-        height: 1200,
-        kernel: sharp.kernel.lanczos3,
-        withoutEnlargement: true,
-    })
-        .sharpen({
-        sigma: 1.15,
-        m1: 2.0,
-        m2: 5.0,
-    })
-        .modulate({
-        brightness: 1.025,
-        saturation: 1.025,
-    })
-        .median(3)
-        .blur()
-        .webp()
-        .toBuffer();
-    return new NextResponse(cropped, {
-        headers: {
-            'Content-Type': 'image/webp',
-            'Content-Disposition': `inline; filename="selfie-${Date.now()}.webp"`,
-        },
-    });
-}