@opexa/portal-components 0.0.101 → 0.0.103

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

@@ -0,0 +1,2 @@
+import type { UseKYCReturn } from './useKYC';
+export declare const KYCContext: import("react").Context<UseKYCReturn>, useKYCContext: () => UseKYCReturn;

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

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

package/dist/components/KYC/{Step1.js → backup/Step1.js}

@@ -1,9 +1,9 @@
 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 { 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();

package/dist/components/KYC/{Step2.js → backup/Step2.js}

@@ -1,9 +1,9 @@
 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 { 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();

package/dist/components/KYC/{Step3.js → backup/Step3.js}

@@ -1,8 +1,8 @@
 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 { 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();

package/dist/components/KYC/{Step4.js → backup/Step4.js}

@@ -1,7 +1,7 @@
 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';
+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

@@ -0,0 +1,10 @@
+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

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

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

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

package/dist/components/KYC/useKYC.js

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

package/dist/components/Messages/MessagePopup.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 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 })));

package/dist/components/Messages/MessageTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+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';

package/dist/components/Messages/Messages.lazy.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
@@ -10,6 +9,7 @@ import { useUnreadMessagesCountQuery } from '../../client/hooks/useUnreadMessage
 import { SpinnerIcon } from '../../icons/SpinnerIcon.js';
 import { XIcon } from '../../icons/XIcon.js';
 import { Drawer } from '../../ui/Drawer/index.js';
+import { Portal } from '../../ui/Portal/index.js';
 import { Tabs } from '../../ui/Tabs/index.js';
 import { InfiniteScroll } from '../InfiniteScroll.js';
 import { Message } from './Message.js';

package/dist/components/Messages/MessagesTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useUnreadMessagesCountQuery } from '../../client/hooks/useUnreadMessagesCountQuery.js';

package/dist/components/Promo/Promo.client.js

@@ -11,7 +11,7 @@ import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
 import { usePromoQuery } from '../../client/hooks/usePromoQuery.js';
 import { ChevronLeftIcon } from '../../icons/ChevronLeftIcon.js';
 import { Button } from '../../ui/Button/index.js';
-import { Prose } from '../../ui/Prose.js';
+import { Prose } from '../../ui/Prose/index.js';
 export function Promo__client(props) {
     const localeInfo = useLocaleInfo();
     const availablePromosQuery = useAvailablePromosQuery();

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

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 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/WageringQuest/WageringQuestModal.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 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/components/Search/Search.lazy.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import Link from 'next/link';
 import { useRef, useState } from 'react';
@@ -14,7 +13,8 @@ import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Field } from '../../ui/Field/index.js';
 import { IconButton } from '../../ui/IconButton/index.js';
-import { Presence } from '../../ui/Presence.js';
+import { Portal } from '../../ui/Portal/index.js';
+import { Presence } from '../../ui/Presence/index.js';
 import { callIfFn } from '../../utils/callIfFn.js';
 import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
 import { GameLaunchTrigger } from '../GameLaunch/index.js';

package/dist/components/Search/SearchTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function SearchTrigger(props) {

package/dist/components/SignIn/MobileNumberSignIn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react';
+import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useRef } from 'react';
 import { Controller, useForm } from 'react-hook-form';

package/dist/components/SignIn/NameAndPasswordSignIn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react';
+import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Controller, useForm } from 'react-hook-form';
 import { z } from 'zod';

package/dist/components/SignIn/SignIn.lazy.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 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 { SignInContext } from './SignInContext.js';
 import { SignInForm } from './SignInForm.js';
 import { useSignIn } from './useSignIn.js';

package/dist/components/SignIn/SignInTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function SignInTrigger(props) {

package/dist/components/SignUp/SignUp.lazy.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
 import Image, {} from 'next/image';
 import { Suspense } from 'react';
 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 { SignUpForm } from './SignUpForm.js';
 export function SignUp(props) {
     const signUpStore = useGlobalStore(useShallow((ctx) => ctx.signUp));

package/dist/components/SignUp/SignUpForm.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useDialogContext } from '@ark-ui/react';
+import { useDialogContext } from '@ark-ui/react/dialog';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { ObjectId } from '@opexa/object-id';
 import { useSearchParams } from 'next/navigation';

package/dist/components/SignUp/SignUpTrigger.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
+import { ark } from '@ark-ui/react/factory';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 export function SignUpTrigger(props) {