@opexa/portal-components 0.0.243 → 0.0.244

package/dist/components/KYC/backup/Step1.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import uploadId from '../../../images/capture-id-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step1() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { onClick: () => {
-                                    context.setStep(2);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

package/dist/components/KYC/backup/Step2.d.ts

@@ -1 +0,0 @@
-export declare function Step2(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step2.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import selfie from '../../../images/capture-selfie-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step2() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { size: "sm", onClick: () => {
-                                    context.setStep(3);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

package/dist/components/KYC/backup/Step3.d.ts

@@ -1 +0,0 @@
-export declare function Step3(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step3.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Checkbox } from '../../../ui/Checkbox/index.js';
-import { Field } from '../../../ui/Field/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step3() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Enter your basic and work-related information" }), _jsxs("form", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", onSubmit: (e) => {
-                    e.preventDefault();
-                    context.setStep(4);
-                }, children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address" })] }), _jsxs(Checkbox.Root, { className: "mt-2xl", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Same as permanent address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-sm", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality" })] }), _jsx(Button, { type: "submit", className: "mt-4xl", children: "Submit" })] })] }));
-}

package/dist/components/KYC/backup/Step4.d.ts

@@ -1 +0,0 @@
-export declare function Step4(): import("react/jsx-runtime").JSX.Element;

package/dist/components/KYC/backup/Step4.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleIcon } from '../../../icons/CheckCircleIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-export function Step4() {
-    return (_jsxs("div", { children: [_jsx("div", { className: "bg-bg-success-secondary text-text-featured-icon-light-success mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(CheckCircleIcon, {}) }), _jsx("h2", { className: "mt-3 text-center", children: "Submission Successful" }), _jsx("p", { className: "text-text-tertiary-600 text-center", children: "Your documents have been submitted successfully. They\u2019re now under review, and you\u2019ll receive a notification as soon as your account is verified." }), _jsx(Dialog.Context, { children: (api) => (_jsx(Button, { className: "mt-3xl", onClick: () => api.setOpen(false), children: "Ok" })) })] }));
-}

package/dist/components/KYC/backup/useKYC.d.ts

@@ -1,10 +0,0 @@
-type Step = 1 | 2 | 3 | 4;
-export interface UseKYCReturn {
-    step: Step;
-    setStep: (step: Step) => void;
-}
-export declare function useKYC(): {
-    step: Step;
-    setStep: import("react").Dispatch<import("react").SetStateAction<Step>>;
-};
-export {};

package/dist/components/KYC/backup/useKYC.js

@@ -1,8 +0,0 @@
-import { useState } from 'react';
-export function useKYC() {
-    const [step, setStep] = useState(1);
-    return {
-        step,
-        setStep,
-    };
-}

package/dist/components/KYC/loadModels.d.ts

@@ -1 +0,0 @@
-export declare function loadFaceApiModels(): Promise<void>;

package/dist/components/KYC/loadModels.js

@@ -1,9 +0,0 @@
-import * as faceapi from 'face-api.js';
-export async function loadFaceApiModels() {
-    const MODEL_URL = '/models';
-    await Promise.all([
-        faceapi.nets.tinyFaceDetector.loadFromUri(MODEL_URL),
-        faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL),
-        faceapi.nets.faceRecognitionNet.loadFromUri(MODEL_URL),
-    ]);
-}

package/dist/components/Messages/Message.d.ts

@@ -1 +0,0 @@
-export declare function Message(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Messages/Message.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tz } from '@date-fns/tz';
-import { format } from 'date-fns';
-import Link from 'next/link';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
-import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
-import { useMessageContext } from './MessageContext.js';
-import { getMessageIcon } from './utils.js';
-export function Message() {
-    const message = useMessageContext();
-    const localeInfo = useLocaleInfo();
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        message: ctx.message,
-        messages: ctx.messages,
-    })));
-    const markMessageAsReadMutation = useMarkMessageAsReadMutation();
-    const Icon = getMessageIcon(message.icon);
-    const handleViewMessage = async () => {
-        globalStore.message.setData(message);
-        globalStore.message.setOpen(true);
-        globalStore.messages.setOpen(false);
-        if (!message.markedAsRead)
-            markMessageAsReadMutation.mutate(message.id);
-    };
-    const handleActionClick = (e) => {
-        e.stopPropagation();
-        globalStore.messages.setOpen(false);
-        globalStore.messages.setTab('ALL');
-    };
-    return (_jsxs("div", { role: "button", tabIndex: 0, className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5", onClick: handleViewMessage, "aria-pressed": "false", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-text-tertiary-600 text-xs font-normal", children: format(new Date(message.dateTimeCreated), 'M/d/yyyy - h:mma', {
-                            in: tz(localeInfo.timezone),
-                        }) }), !message.markedAsRead && (_jsx("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" }))] }), _jsxs("div", { className: "mb-2 flex items-center space-x-2", children: [_jsx(Icon, { className: "text-brand-400" }), _jsx("p", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), _jsx("p", { className: "line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: message.content } }), message.actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: message.actions.map((action, index) => (_jsx(Link, { className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm", href: action.url, onClick: handleActionClick, children: action.name }, index))) }))] }));
-}

package/dist/components/Messages/MessageContext.d.ts

@@ -1,6 +0,0 @@
-import type { Message } from '../../types';
-export declare const MessageContext: (props: {
-    value: Message;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useMessageContext: () => Message;

package/dist/components/Messages/MessageContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../client/utils/createContext.js';
-export const [MessageContext, useMessageContext] = createContext();

package/dist/components/Messages/MessagePopup.d.ts

@@ -1 +0,0 @@
-export declare const MessagePopup: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Messages/MessagePopup.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-import { getMessageIcon } from './utils.js';
-export const MessagePopup = () => {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({ message: ctx.message })));
-    const Icon = getMessageIcon(globalStore.message.data?.icon ?? 'MESSAGE');
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: globalStore.message.open, onOpenChange: ({ open }) => {
-            globalStore.message.setOpen(open);
-        }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "pb-6", children: [_jsx("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: _jsx(Icon, { className: "text-text-brand", height: "24", width: "24" }) }), _jsx("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: globalStore.message.data?.title }), _jsx("div", { className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight", dangerouslySetInnerHTML: {
-                                            __html: globalStore.message.data?.content ?? '',
-                                        } })] }), globalStore.message.data?.actions.length ? (_jsx("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: globalStore.message.data.actions.map((action, index) => (_jsx(Link, { className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold", href: action.url, onClick: () => {
-                                        globalStore.message.setOpen(false);
-                                    }, children: action.name }, index))) })) : null] }) })] }) }));
-};

package/dist/components/Messages/MessageTrigger.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-import type { Message } from '../../types';
-interface MessageTriggerProps extends ComponentPropsWithRef<'button'> {
-    message: Message;
-    asChild?: boolean;
-}
-export declare function MessageTrigger(props: MessageTriggerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Messages/MessageTrigger.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react/factory';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
-export function MessageTrigger(props) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        message: ctx.message,
-    })));
-    const markMessageAsReadMutation = useMarkMessageAsReadMutation();
-    return (_jsx(ark.button, { type: "button", "aria-label": "View message", "data-state": globalStore.message.open ? 'open' : 'closed', ...props, onClick: (e) => {
-            globalStore.message.setData(props.message);
-            globalStore.message.setOpen(true);
-            if (!props.message.markedAsRead)
-                markMessageAsReadMutation.mutate(props.message.id);
-            return props.onClick?.(e);
-        } }));
-}

package/dist/components/Quests/CountdownTimer.d.ts

@@ -1,15 +0,0 @@
-import { type ReactNode } from 'react';
-type TimeLeft = {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
-};
-interface CountdownTimerProps {
-    startDateTime?: string;
-    endDateTime?: string;
-    renderAction: (timeLeft: TimeLeft) => ReactNode;
-    onEnd?: () => void;
-}
-export default function CountdownTimer({ startDateTime, endDateTime, renderAction, onEnd, }: CountdownTimerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Quests/CountdownTimer.js

@@ -1,33 +0,0 @@
-'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { differenceInSeconds, parseISO } from 'date-fns';
-import { useCallback, useEffect, useState } from 'react';
-export default function CountdownTimer({ startDateTime, endDateTime, renderAction, onEnd, }) {
-    const calculateTimeLeft = useCallback(() => {
-        const start = startDateTime ? parseISO(startDateTime) : new Date();
-        const end = endDateTime ? parseISO(endDateTime) : new Date();
-        const totalSeconds = Math.max(differenceInSeconds(end, start), 0);
-        const days = Math.floor(totalSeconds / (60 * 60 * 24));
-        const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
-        const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
-        const seconds = totalSeconds % 60;
-        return { days, hours, minutes, seconds };
-    }, [startDateTime, endDateTime]);
-    const [timeLeft, setTimeLeft] = useState(calculateTimeLeft);
-    useEffect(() => {
-        const interval = setInterval(() => {
-            const newTimeLeft = calculateTimeLeft();
-            setTimeLeft(newTimeLeft);
-            const isZero = newTimeLeft.days === 0 &&
-                newTimeLeft.hours === 0 &&
-                newTimeLeft.minutes === 0 &&
-                newTimeLeft.seconds === 0;
-            if (isZero) {
-                clearInterval(interval);
-                onEnd?.();
-            }
-        }, 1000);
-        return () => clearInterval(interval);
-    }, [calculateTimeLeft, onEnd]);
-    return _jsx(_Fragment, { children: renderAction(timeLeft) });
-}

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts

@@ -1,4 +0,0 @@
-import type { Quest } from '../../../types';
-export declare function DailyCheckInQuest({ quest }: {
-    quest: Quest;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js

@@ -1,78 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { addDays, isEqual, startOfDay } from 'date-fns';
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useCheckInDailyCheckInQuestMutation } from '../../../client/hooks/useCheckInDailyCheckInQuestMutation.js';
-import { toaster } from '../../../client/utils/toaster.js';
-import { CalendarIcon } from '../../../icons/CalendarIcon.js';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
-import { Button } from '../../../ui/Button/index.js';
-import { getQueryClient } from '../../../utils/getQueryClient.js';
-import { getAvailableQuestsQueryKey } from '../../../utils/queryKeys.js';
-import CountdownTimer from '../CountdownTimer.js';
-import { DailyCheckInQuestModal } from './DailyCheckInQuestModal.js';
-export function DailyCheckInQuest({ quest }) {
-    const queryClient = getQueryClient();
-    const [showRules, setShowRules] = useState(false);
-    const [isExpired, setIsExpired] = useState(false);
-    const { name, description, status, lastCheckInDate, progressPercentage, checkInStreak, thirdDayBonusAmount, sixthDayBonusAmount, seventhDayBonusAmount, endDateTime, id, } = quest;
-    const today = startOfDay(new Date());
-    const hasCheckedInToday = lastCheckInDate
-        ? isEqual(today, startOfDay(new Date(lastCheckInDate)))
-        : false;
-    const checkedInRewards = {
-        3: thirdDayBonusAmount,
-        6: sixthDayBonusAmount,
-        7: seventhDayBonusAmount,
-    };
-    const dailyCheckedInData = Array.from({ length: 7 }, (_, i) => {
-        const day = i + 1;
-        return {
-            day,
-            reward: checkedInRewards[day] ?? 0,
-        };
-    });
-    const { mutate } = useCheckInDailyCheckInQuestMutation({
-        onSuccess() {
-            toaster.success({
-                title: 'Check-in successful 🎉',
-                description: 'You’ve successfully checked in for today! Keep it up to maintain your streak!',
-            });
-            queryClient.invalidateQueries({
-                queryKey: getAvailableQuestsQueryKey(),
-            });
-        },
-        onError(e) {
-            toaster.error({
-                title: 'Check-in successful 🎉',
-                description: e.message ?? 'Check-In Failed',
-            });
-        },
-    });
-    const handleCheckIn = async () => mutate(id);
-    return (_jsxs(_Fragment, { children: [_jsx(DailyCheckInQuestModal, { modalState: {
-                    isOpen: showRules,
-                    setIsOpen: setShowRules,
-                } }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(CountdownTimer, { endDateTime: endDateTime, renderAction: (timeLeft) => (_jsxs(Badge.Root, { size: "lg", colorScheme: "brand", round: false, children: [_jsx(Badge.Icon, { children: _jsx(ClockStopWatchIcon, {}) }), _jsxs(Badge.Label, { children: [timeLeft.days, "d:", timeLeft.hours, "h:", timeLeft.minutes, "m:", timeLeft.seconds, "s"] })] })), onEnd: () => setIsExpired(true) }), _jsx("div", { role: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => setShowRules((prev) => !prev), children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsx("div", { className: "grid grid-cols-7", children: dailyCheckedInData.map((item) => {
-                                    const reward = item.reward ? `+₱${item.reward}` : '-';
-                                    return (_jsx("div", { className: twMerge('flex items-center justify-center', item.day <= (checkInStreak || 0)
-                                            ? 'text-brand-400'
-                                            : 'text-text-secondary-700'), children: _jsx("p", { children: reward }) }, item.day));
-                                }) }), _jsx("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) }), _jsx("div", { className: "grid grid-cols-7", children: dailyCheckedInData.map((item) => (_jsx("div", { className: "flex items-center justify-center", children: _jsx(CalendarWithDayNumber, { day: item.day, currentCheckedInDays: checkInStreak || 0 }, item.day) }, item.day))) })] }), _jsx(Button, { onClick: handleCheckIn, className: "disabled:bg-bg-primary disabled:text-text-disabled", disabled: isExpired ||
-                            status === 'COMPLETED' ||
-                            status === 'FAILED' ||
-                            hasCheckedInToday, children: hasCheckedInToday && status === 'IN_PROGRESS' ? (_jsx(CountdownTimer, { endDateTime: startOfDay(addDays(new Date(), 1)).toISOString(), renderAction: (timeLeft) => (_jsxs("div", { className: "flex items-center space-x-0.5", children: [_jsx(CheckIcon, {}), _jsxs("p", { children: [timeLeft.hours, "h:", timeLeft.minutes, "m:", timeLeft.seconds, "s"] })] })), onEnd: () => {
-                                queryClient.invalidateQueries({
-                                    queryKey: getAvailableQuestsQueryKey(),
-                                });
-                            } })) : ('Check-In') })] })] }));
-}
-function CalendarWithDayNumber({ day, currentCheckedInDays, }) {
-    return (_jsxs("div", { className: twMerge('group relative h-fit w-fit', day <= currentCheckedInDays
-            ? 'text-brand-400'
-            : 'text-text-secondary-700'), children: [_jsx(CalendarIcon, {}), _jsx("div", { className: "absolute inset-0 mt-1 flex items-center justify-center text-2xs lg:mt-[2px]", children: _jsx("p", { className: "text-center", children: day }) })] }));
-}

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    modalState: {
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-    };
-}
-export declare function DailyCheckInQuestModal(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-export function DailyCheckInQuestModal(props) {
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: "Daily Check-In Rules" }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn rewards just for checking in each day!" }), _jsx("li", { children: "Stay consistent to unlock special rewards on the 3rd, 5th, and 7th day." }), _jsx("li", { children: "Missing a day will reset your streak, starting again from Day 1." }), _jsx("li", { children: "Each check-in unlocks the next one on the following day." }), _jsx("li", { children: "Successfully check in for 7 consecutive days to complete the quest and reset the cycle." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
-}

package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts

@@ -1,4 +0,0 @@
-import type { Quest } from '../../../types';
-export declare function OnboardingQuest(props: {
-    quest: Quest;
-}): null;

package/dist/components/Quests/OnboardingQuest/OnboardingQuest.js

@@ -1,4 +0,0 @@
-export function OnboardingQuest(props) {
-    console.log('OnboardingQuest not implemented', props.quest);
-    return null;
-}

package/dist/components/Quests/WageringQuest/WageringQuest.d.ts

@@ -1,4 +0,0 @@
-import type { Quest } from '../../../types';
-export declare function WageringQuest({ quest }: {
-    quest: Quest;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Quests/WageringQuest/WageringQuest.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { ClockStopWatchIcon } from '../../../icons/ClockStopWatchIcon.js';
-import { InfoCircleIcon } from '../../../icons/InfoCircleIcon.js';
-import { Badge } from '../../../ui/Badge/index.js';
-import CountdownTimer from '../CountdownTimer.js';
-import { WageringQuestModal } from './WageringQuestModal.js';
-export function WageringQuest({ quest }) {
-    const [showRules, setShowRules] = useState(false);
-    const [isExpired, setIsExpired] = useState(false);
-    const { progressPercentage, turnover, targetTurnover, name, description, endDateTime, bonus, status, } = quest;
-    return (_jsxs(_Fragment, { children: [_jsx(WageringQuestModal, { questName: name, modalState: {
-                    isOpen: showRules,
-                    setIsOpen: setShowRules,
-                } }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(CountdownTimer, { endDateTime: endDateTime, renderAction: (timeLeft) => (_jsxs(Badge.Root, { size: "lg", colorScheme: "brand", round: false, children: [_jsx(Badge.Icon, { children: _jsx(ClockStopWatchIcon, {}) }), _jsxs(Badge.Label, { children: [timeLeft.days, "d:", timeLeft.hours, "h:", timeLeft.minutes, "m:", timeLeft.seconds, "s"] })] })), onEnd: () => setIsExpired(true) }), _jsx("div", { role: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => setShowRules((prev) => !prev), children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "text-text-primary-brand group flex items-center justify-between", children: [_jsxs("p", { children: ["Progress ", parseInt(progressPercentage).toFixed(2), "%"] }), _jsxs("p", { children: [turnover, _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " PHP"] })] })] }), _jsx("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx("div", { className: "bg-button-secondary-bg border-bg-primary-hover w-full rounded-md border px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { className: twMerge(isExpired || status === 'COMPLETED' || status === 'FAILED'
-                                    ? ['opacity-50 grayscale']
-                                    : ''), children: ["Complete to get ", _jsxs("span", { className: "text-brand-400", children: ["\u20B1", bonus] }), ' ', "bonus!"] }) }) })] })] }));
-}

package/dist/components/Quests/WageringQuest/WageringQuestModal.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    questName: string;
-    modalState: {
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-    };
-}
-export declare function WageringQuestModal(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Quests/WageringQuest/WageringQuestModal.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from '../../../icons/XIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-export function WageringQuestModal(props) {
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: props.modalState.isOpen, onOpenChange: ({ open }) => props.modalState.setIsOpen(open), closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "flex flex-col space-y-5", children: [_jsx("p", { className: "text-text-primary-900 text-lg font-semibold", children: props.questName }), _jsxs("ul", { className: "text-text-tertiary-600 group list-disc text-wrap pl-4 text-sm font-normal", children: [_jsx("li", { children: "Earn extra rewards just by playing Slots, every bet counts, win or lose!" }), _jsx("li", { children: "Reach the wagering requirement in bets to complete the quest and claim your reward." })] })] }), _jsx("div", { className: "pb-4 pt-6", children: _jsx(Button, { onClick: () => props.modalState.setIsOpen(false), children: "Ok" }) })] }) })] }) }));
-}

package/dist/constants/BranchCode.d.ts

@@ -1,4 +0,0 @@
-export declare const BRANCH_CODES: {
-    code: string;
-    name: string;
-}[];

package/dist/constants/BranchCode.js

@@ -1,42 +0,0 @@
-export const BRANCH_CODES = [
-    {
-        code: 'BRCAL',
-        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
-    },
-    {
-        code: 'BRNAG',
-        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
-    },
-    {
-        code: 'BRANT',
-        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
-    },
-    {
-        code: 'BRCLA',
-        name: 'Clark',
-    },
-    {
-        code: 'BRLAG',
-        name: 'Laguna',
-    },
-    {
-        code: 'BREAS',
-        name: 'Eastwood City, Quezon City',
-    },
-    {
-        code: 'BRMAR',
-        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
-    },
-    {
-        code: 'BRILO',
-        name: 'Iloilo',
-    },
-    {
-        code: 'BRFIM',
-        name: 'Fisher Mall,Quezon City',
-    },
-    {
-        code: 'BRCAC',
-        name: 'Villa Caceres Hotel, Naga City,Camsur',
-    },
-];

package/dist/icons/BellRingIcon.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-export declare function BellRingIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/BellRingIcon.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BellRingIcon(props) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 25 24", fill: "none", stroke: "currentColor", ...props, children: _jsx("path", { d: "M15.5002 19C15.5002 20.6569 14.1571 22 12.5002 22C10.8434 22 9.50025 20.6569 9.50025 19M14.2968 6.23856C14.7322 5.78864 15.0002 5.17562 15.0002 4.5C15.0002 3.11929 13.881 2 12.5002 2C11.1195 2 10.0002 3.11929 10.0002 4.5C10.0002 5.17562 10.2683 5.78864 10.7037 6.23856M3.04707 8.32296C3.03272 6.87161 3.8152 5.51631 5.07928 4.80306M21.9534 8.32296C21.9678 6.87161 21.1853 5.51631 19.9212 4.80306M18.5002 11.2C18.5002 9.82087 17.8681 8.49823 16.7429 7.52304C15.6177 6.54786 14.0915 6 12.5002 6C10.9089 6 9.38283 6.54786 8.25761 7.52304C7.13239 8.49823 6.50025 9.82087 6.50025 11.2C6.50025 13.4818 5.93438 15.1506 5.22831 16.3447C4.42359 17.7056 4.02122 18.3861 4.03711 18.5486C4.05529 18.7346 4.08876 18.7933 4.23959 18.9036C4.37142 19 5.03376 19 6.35844 19H18.6421C19.9667 19 20.6291 19 20.7609 18.9036C20.9117 18.7933 20.9452 18.7346 20.9634 18.5486C20.9793 18.3861 20.5769 17.7056 19.7722 16.3447C19.0661 15.1506 18.5002 13.4818 18.5002 11.2Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}

package/dist/utils/dataUrlToBlob.d.ts

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

package/dist/utils/dataUrlToBlob.js

@@ -1,11 +0,0 @@
-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/resizeImageSize.d.ts

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

package/dist/utils/resizeImageSize.js

@@ -1,11 +0,0 @@
-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');
-});
-export const resizeFileBase64 = (file) => new Promise((resolve) => {
-    Resizer.imageFileResizer(file, 1200, 300, 'WEBP', 100, 0, (uri) => {
-        resolve(uri);
-    }, 'base64');
-});