@opexa/portal-components 0.0.823 → 0.0.825

package/package.json

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

package/dist/components/DepositWithdrawal/AiOPaymentMethods.d.ts

@@ -1,11 +0,0 @@
-import { type AiOeWalletPaymentMethod } from './utils';
-interface AiOPaymentMethodsProps {
-    value?: AiOeWalletPaymentMethod;
-    onChange?: (value: AiOeWalletPaymentMethod) => void;
-    defaultValue?: AiOeWalletPaymentMethod;
-    options?: AiOeWalletPaymentMethod[];
-    className?: string;
-    label?: string;
-}
-export declare function AiOPaymentMethods(props: AiOPaymentMethodsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/DepositWithdrawal/AiOPaymentMethods.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { twMerge } from 'tailwind-merge';
-import { useControllableState } from '../../client/hooks/useControllableState.js';
-import { CheckIcon } from '../../icons/CheckIcon.js';
-import gcash from '../../images/gcash.png';
-import grabPay from '../../images/grabpay.png';
-import maya from '../../images/maya.png';
-import palawanPay from '../../images/palawanpay.png';
-import { Checkbox } from '../../ui/Checkbox/index.js';
-import { Field } from '../../ui/Field/index.js';
-import { AiOeWalletPaymentMethodDefinition, } from './utils.js';
-const AIO_EWALLET_OPTIONS = [
-    {
-        value: 'AIO_GCASH',
-        label: 'GCash',
-        image: gcash,
-    },
-    {
-        value: 'AIO_PAY_MAYA',
-        label: 'Maya',
-        image: maya,
-    },
-    {
-        value: 'AIO_GRAB_PAY',
-        label: 'GrabPay',
-        image: grabPay,
-    },
-    {
-        value: 'AIO_PALAWAN_PAY',
-        label: 'Palawan Pay',
-        image: palawanPay,
-    },
-];
-export function AiOPaymentMethods(props) {
-    const options = props.options && props.options.length > 0
-        ? AIO_EWALLET_OPTIONS.filter((option) => props.options?.includes(option.value))
-        : AIO_EWALLET_OPTIONS;
-    const [value, setValue] = useControllableState({
-        value: props.value,
-        defaultValue: props.defaultValue ?? options[0]?.value,
-        onChange: props.onChange,
-    });
-    const parseValue = (val) => {
-        return AiOeWalletPaymentMethodDefinition.parse(val);
-    };
-    return (_jsxs("div", { className: props.className, children: [_jsx(Field.Label, { asChild: true, children: _jsx("div", { children: props.label || 'AIO eWallet payment methods' }) }), _jsx(Checkbox.Group, { value: [value], onValueChange: (newValue) => {
-                    const lastValue = newValue.at(-1);
-                    if (!lastValue)
-                        return;
-                    setValue(parseValue(lastValue));
-                }, className: "grid grid-cols-2 gap-x-4 gap-y-3", children: options.map((option) => (_jsxs(Checkbox.Root, { value: option.value, className: "flex cursor-pointer items-center justify-between rounded-xl border border-border-secondary ui-checked:border-border-brand-solid p-lg", children: [_jsx("div", { className: twMerge('rounded-xs', option.value === 'AIO_GRAB_PAY'
-                                ? 'bg-transparent px-0 py-0'
-                                : 'bg-white px-sm py-[0.688rem]', option.value === 'AIO_GCASH' && 'bg-[#017EFF]', option.value === 'AIO_PALAWAN_PAY' && 'bg-[#026308]', option.value === 'AIO_PAY_MAYA' && 'bg-black'), children: _jsx(Image, { src: option.image, alt: "", width: 200, height: 40, className: twMerge('h-[1.063rem] w-auto', option.value === 'AIO_GRAB_PAY' && 'h-[3rem] rounded-[4px]', option.value === 'AIO_PALAWAN_PAY' && 'h-[2rem]'), draggable: false }) }), _jsx(Checkbox.Control, { className: "shrink-0", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.HiddenInput, {})] }, option.value))) })] }));
-}

package/dist/components/KYCNotRequired/KYCNotRequired.js

@@ -1 +0,0 @@
-"use strict";

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

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

package/dist/components/Quests/MultiWageringQuest.js

@@ -1,111 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useCallback, useMemo } from 'react';
-import { useControllableState } from '../../client/hooks/useControllableState.js';
-import { useDisclosure } from '../../client/hooks/useDisclosure.js';
-import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
-import { Lock01Icon } from '../../icons/Lock01Icon.js';
-import { XIcon } from '../../icons/XIcon.js';
-import { Badge } from '../../ui/Badge/index.js';
-import { Button } from '../../ui/Button/index.js';
-import { Dialog } from '../../ui/Dialog/index.js';
-import { Portal } from '../../ui/Portal/index.js';
-import { Progress } from '../../ui/Progress/index.js';
-import { Prose } from '../../ui/Prose/index.js';
-import { formatNumber } from '../../utils/formatNumber.js';
-import { useQuestContext } from './QuestsContext.js';
-import { RemainingTime } from './RemainingTime.js';
-export function MultiWageringQuest() {
-    const disclosure = useDisclosure();
-    const quest = useQuestContext();
-    const { stages, totalStage, currentStage, progressPercentage } = useMemo(() => {
-        const currentStage = quest.stages.filter((m) => m.cleared).length;
-        const progress = [];
-        const turnover = parseFloat(quest.turnover || '0');
-        let remaining = turnover;
-        const stageTargets = quest.stages.map((s) => parseFloat(s.targetTurnover));
-        for (const target of stageTargets) {
-            if (remaining <= 0) {
-                progress.push(0);
-            }
-            else if (remaining >= target) {
-                progress.push(100);
-            }
-            else {
-                progress.push((remaining / target) * 100);
-            }
-            remaining -= target;
-        }
-        if (!quest?.stages) {
-            return {
-                stages: [],
-                totalStage: 0,
-                currentStage: 0,
-                progressPercentage: 0,
-            };
-        }
-        const transformedStages = quest.stages.map((stage, idx) => ({
-            ...stage,
-            progressValue: progress[idx],
-        }));
-        return {
-            stages: transformedStages,
-            totalStage: quest.stages.length,
-            currentStage: currentStage === 0 ? 1 : currentStage,
-            progressPercentage: +quest.progressPercentage,
-        };
-    }, [quest]);
-    const handleViewDetails = useCallback(() => {
-        disclosure.setOpen(true);
-    }, [disclosure]);
-    const localeInfo = useLocaleInfo();
-    const params = useSearchParams();
-    const questId = params.get('id');
-    const isOpen = useMemo(() => {
-        return questId === quest.id;
-    }, [questId, quest.id]);
-    const router = useRouter();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsx("div", { className: "flex max-h-7.5 items-center justify-between", children: _jsx(RemainingTime, { endOfDay: true }) }), _jsx("p", { className: "font-semibold text-xl", children: quest?.name || 'Multi Stage Wagering Quest' }), _jsx("div", { className: "text-[#CECFD2] text-sm", dangerouslySetInnerHTML: {
-                                    __html: quest?.description ||
-                                        'Ready for a challenge? Complete them all and get amazing rewards!',
-                                } }), _jsxs("div", { className: "flex items-center justify-between pt-5", children: [_jsxs("p", { className: "text-[#F5F5F6] text-sm", children: ["Progress: ", quest.progressPercentage, "%"] }), _jsxs("p", { className: "text-[#F5F5F6] text-sm", children: [quest.turnover, _jsxs("span", { className: "text-[#94969C]", children: ["/", quest.targetTurnover, " PHP"] })] })] }), _jsx(Progress.Root, { max: 100, className: "h-2 rounded-full bg-bg-primary", value: progressPercentage, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, { className: "bg-utility-brand-600" }) }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("p", { className: "text-[#F5F5F6] text-sm", children: ["Stage ", currentStage, " of ", totalStage] }), _jsx(Badge.Root, { size: "lg", className: "border border-border-badge bg-bg-badge", round: false, children: _jsxs(Badge.Label, { className: "!text-text-badge flex items-center justify-center text-xs", children: [_jsx("p", { className: "flex h-[10px] items-center justify-center", children: "+" }), ' ', formatNumber(quest.stages?.reduce((curr, prev) => {
-                                                    return curr + Number(prev.bonusAmount || 0);
-                                                }, 0), {
-                                                    currency: localeInfo.currency.code,
-                                                    maxDecimalPlaces: 0,
-                                                    minDecimalPlaces: 0,
-                                                }), ' ', "Bonus"] }) })] })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: handleViewDetails, "aria-label": "View Details", disabled: quest.status === 'FAILED' || quest.status === 'COMPLETED', className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) })] }), _jsx(Stages, { open: disclosure.open || isOpen, onOpenChange: (open) => {
-                    disclosure.setOpen(open);
-                    router.push('/quests');
-                }, quest: quest, stages: stages })] }));
-}
-function Stages(props) {
-    const [open, setOpen] = useControllableState({
-        value: props.open,
-        defaultValue: props.defaultOpen ?? false,
-        onChange: props.onOpenChange,
-    });
-    const currentStage = useMemo(() => {
-        const stage = props?.stages?.findLastIndex((stage) => stage.cleared) ?? 0;
-        return stage !== -1 ? stage + 1 : 1;
-    }, [props.stages]);
-    return (_jsx(Dialog.Root, { lazyMount: true, unmountOnExit: true, open: open, onOpenChange: (details) => setOpen(details.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: "mx-auto mt-40 min-h-auto min-w-[23rem] max-w-[25rem] overflow-y-auto rounded-xl border border-border-wagering-popup px-4 py-5", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs("div", { className: "group flex flex-col space-y-5 text-sm text-text-quarterary-brand", children: [_jsx("h2", { className: "font-semibold text-lg text-text-primary-900", children: props.quest?.name || 'Quest' }), _jsx(Prose, { dangerouslySetInnerHTML: {
-                                            __html: props.quest?.description ?? '',
-                                        } }), _jsx("div", { className: "flex w-full flex-col space-y-3", children: props.stages.map((stage, idx) => {
-                                            if (currentStage >= idx + 1) {
-                                                return (_jsx(QuestWageringStageUnlocked, { data: stage, progressValue: stage.progressValue, bonus: stage.bonusAmount, stage: idx, isCompleted: stage.cleared }, idx));
-                                            }
-                                            else {
-                                                return _jsx(QuestWageringStageLocked, { stage: idx }, idx);
-                                            }
-                                        }) }), _jsx(Button, { size: "sm", onClick: () => setOpen(false), "aria-label": "Close", className: "w-full", children: "Close" })] })] }) })] }) }));
-}
-function QuestWageringStageUnlocked({ bonus, stage, progressValue, data, isCompleted = false, }) {
-    const localeInfo = useLocaleInfo();
-    return (_jsxs("div", { className: "mb-4 flex flex-col justify-between rounded-xl border border-border-wagering-stage-popup bg-bg-wagering-stage-popup p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("p", { className: "font-medium", children: ["Stage ", stage + 1] }), _jsx(Badge.Root, { colorScheme: isCompleted ? 'success' : 'blue', size: "md", round: true, children: _jsx(Badge.Label, { children: data.cleared ? 'Completed' : 'Ongoing' }) })] }), _jsxs("div", { className: "mt-2.5 flex items-center justify-between", children: [_jsxs("p", { children: ["Progress ", progressValue, "%"] }), _jsx(Badge.Root, { size: "md", className: "border border-border-badge bg-bg-badge", round: false, children: _jsxs(Badge.Label, { className: "!text-text-badge", children: ["+", formatNumber(bonus, {
-                                    currency: localeInfo.currency.code,
-                                }), ' ', "Bonus"] }) })] }), _jsx(Progress.Root, { max: 100, className: "mt-2 h-2 rounded-full bg-bg-primary", value: progressValue ?? 0, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, { className: "bg-utility-brand-600" }) }) })] }));
-}
-function QuestWageringStageLocked({ stage }) {
-    return (_jsxs("div", { className: "mb-4 flex items-center justify-between rounded-xl border border-border-wagering-stage-popup bg-bg-wagering-stage-popup p-3", children: [_jsxs("p", { className: "font-medium", children: ["Stage ", stage + 1] }), _jsx("div", { className: "flex items-center justify-center rounded-full border border-border-lock bg-bg-lock p-1", children: _jsx(Lock01Icon, { className: "size-3 stroke-3 font-medium text-text-lock" }) })] }));
-}