@opexa/portal-components 0.0.63 → 0.0.65

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -1,171 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark, createListCollection, Portal } from '@ark-ui/react';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
-import { twMerge } from 'tailwind-merge';
-import { z } from 'zod';
-import { useProfileCompletionQuery, useUpdateAccountMutation, } from '../../client/hooks/index.js';
-import { toaster } from '../../client/utils/index.js';
-import { AlertCircleIcon, CheckIcon, CheckVerified02Icon, ChevronDownIcon, EyeIcon, EyeOffIcon, } from '../../icons/index.js';
-import { Button, Field, PasswordInput, Select } from '../../ui/index.js';
-export function AccountSecurity(props) {
-    return (_jsxs("div", { className: twMerge('space-y-3xl', props.className), children: [_jsx(LoginPassword, {}), _jsx(TransactionPassword, {})] }));
-}
-function LoginPassword() {
-    const profileCompletionQuery = useProfileCompletionQuery();
-    const profileCompletion = profileCompletionQuery.data;
-    const updateAccountMutation = useUpdateAccountMutation({
-        onSuccess() {
-            form.reset();
-            toaster.success({
-                description: 'Changes saved!',
-            });
-        },
-        onError(error) {
-            toaster.error({
-                description: error.message,
-            });
-        },
-    });
-    const schema = z
-        .object({
-        password: z.string().min(8).max(150).optional().or(z.literal('')),
-        confirmPassword: z.string().optional(),
-        secretQuestion: z.enum(SECRET_QUESTIONS).nullable().optional(),
-        secretAnswer: z
-            .string()
-            .min(2, 'Answer is too short')
-            .optional()
-            .or(z.literal('')),
-    })
-        .superRefine((data, ctx) => {
-        if (data.password && data.password !== data.confirmPassword) {
-            ctx.addIssue({
-                path: ['confirmPassword'],
-                code: z.ZodIssueCode.custom,
-                message: 'Passwords do not match',
-            });
-        }
-        if (data.secretAnswer && !data.secretQuestion) {
-            ctx.addIssue({
-                path: ['secretQuestion'],
-                code: z.ZodIssueCode.custom,
-                message: 'Please select a security question',
-            });
-        }
-        if (data.secretQuestion && !data.secretAnswer) {
-            ctx.addIssue({
-                path: ['secretAnswer'],
-                code: z.ZodIssueCode.custom,
-                message: 'Please provide an answer to the security question',
-            });
-        }
-    });
-    const form = useForm({
-        mode: 'all',
-        resolver: zodResolver(schema),
-        defaultValues: {
-            password: '',
-            confirmPassword: '',
-            secretAnswer: '',
-            secretQuestion: null,
-        },
-    });
-    const secretQuestion = form.watch('secretQuestion');
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Log in password" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "Access your account by logging in with your name and password." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountPassword
-                            ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountPassword ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border", onSubmit: form.handleSubmit((data) => {
-                    updateAccountMutation.mutate({
-                        password: data.password ? data.password : undefined,
-                        secretAnswer: data.secretAnswer ? data.secretAnswer : undefined,
-                        secretQuestion: data.secretQuestion
-                            ? data.secretQuestion
-                            : undefined,
-                    });
-                }), children: [_jsxs("div", { className: "px-xl py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.confirmPassword, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Confirm Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('confirmPassword') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.confirmPassword?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.secretQuestion, children: [_jsxs(Select.Root, { deselectable: true, collection: secretQuestionCollection, lazyMount: true, positioning: {
-                                            sameWidth: true,
-                                        }, value: secretQuestion ? [secretQuestion] : [], onValueChange: (details) => {
-                                            form.setValue('secretQuestion', z.enum(SECRET_QUESTIONS).safeParse(details.value.at(0))
-                                                .data ?? null, {
-                                                shouldDirty: true,
-                                                shouldTouch: true,
-                                                shouldValidate: true,
-                                            });
-                                        }, children: [_jsx(Select.Label, { children: "Security Question" }), _jsxs(Select.Trigger, { children: [_jsx(Select.ValueText, {}), _jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: secretQuestionCollection.items.map((provider) => (_jsxs(Select.Item, { item: provider, children: [_jsx(Select.ItemText, { children: secretQuestionCollection.stringifyItem(provider) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, provider))) }) }) }) })] }), _jsx(Field.ErrorText, { children: form.formState.errors.secretQuestion?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.secretAnswer, children: [_jsx(Field.Label, { children: "Answer" }), _jsx(Field.Input, { ...form.register('secretAnswer') }), _jsx(Field.ErrorText, { children: form.formState.errors.secretAnswer?.message })] })] }), form.formState.isDirty && (_jsxs("div", { className: "border-border-secondary flex justify-end gap-lg border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: updateAccountMutation.isPending || !form.formState.isValid, children: "Save Changes" })] }))] })] }));
-}
-function TransactionPassword() {
-    const profileCompletionQuery = useProfileCompletionQuery();
-    const profileCompletion = profileCompletionQuery.data;
-    const updateAccountMutation = useUpdateAccountMutation({
-        onSuccess() {
-            form.reset();
-            toaster.success({
-                description: 'Changes saved!',
-            });
-        },
-        onError(error) {
-            toaster.error({
-                description: error.message,
-            });
-        },
-    });
-    const schema = z
-        .object({
-        password: z.string().min(8).max(150).optional().or(z.literal('')),
-        confirmPassword: z.string().optional(),
-    })
-        .superRefine((data, ctx) => {
-        if (data.password && data.password !== data.confirmPassword) {
-            ctx.addIssue({
-                path: ['confirmPassword'],
-                code: z.ZodIssueCode.custom,
-                message: 'Passwords do not match',
-            });
-        }
-    });
-    const form = useForm({
-        mode: 'all',
-        resolver: zodResolver(schema),
-        defaultValues: {
-            password: '',
-            confirmPassword: '',
-        },
-    });
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Transaction password" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "The transaction password secures and confirms your wallet withdrawals." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountPassword
-                            ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountPassword ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border", onSubmit: form.handleSubmit((data) => {
-                    updateAccountMutation.mutate({
-                        password: data.password ? data.password : undefined,
-                    });
-                }), children: [_jsxs("div", { className: "px-xl py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.confirmPassword, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Confirm Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('confirmPassword') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.confirmPassword?.message })] })] }), form.formState.isDirty && (_jsxs("div", { className: "border-border-secondary flex justify-end gap-lg border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: !form.formState.isValid || updateAccountMutation.isPending, children: "Save Changes" })] }))] })] }));
-}
-const SECRET_QUESTIONS = [
-    'BEST_CHILDHOOD_FRIEND',
-    'BIRTH_PLACE',
-    'FAVORITE_BOOK',
-    'FAVORITE_MOVIE',
-    'FAVORITE_TEACHER',
-    'FIRST_CAR',
-    'FIRST_PET',
-    'FIRST_SCHOOL',
-    'MOTHERS_MAIDEN_NAME',
-    'PARENTS_MET_CITY',
-];
-const SECRET_QUESIONS_MAP = {
-    BEST_CHILDHOOD_FRIEND: 'Who is your best childhood friend?',
-    BIRTH_PLACE: 'Where were you born?',
-    FAVORITE_BOOK: 'What is your favorite book?',
-    FAVORITE_MOVIE: 'What is your favorite movie?',
-    FAVORITE_TEACHER: 'Who was your favorite teacher?',
-    FIRST_CAR: 'What was your first car?',
-    FIRST_PET: 'What was your first pet?',
-    FIRST_SCHOOL: 'What was the name of your first school?',
-    MOTHERS_MAIDEN_NAME: "What is your mother's maiden name?",
-    PARENTS_MET_CITY: 'In which city did your parents meet?',
-};
-const secretQuestionCollection = createListCollection({
-    items: SECRET_QUESTIONS,
-    itemToValue: (item) => item,
-    itemToString: (item) => SECRET_QUESIONS_MAP[item],
-});

package/dist/components/AccountSecurity/index.d.ts

@@ -1 +0,0 @@
-export * from './AccountSecurity';

package/dist/components/AccountSecurity/index.js

@@ -1 +0,0 @@
-export * from './AccountSecurity.js';

package/dist/components/AccountVerification/AccountVerification.d.ts

@@ -1,4 +0,0 @@
-export interface AccountVerificationProps {
-    className?: string;
-}
-export declare function AccountVerification(props: AccountVerificationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AccountVerification/AccountVerification.js

@@ -1,37 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ark } from '@ark-ui/react';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useMemberVerificationQuery, useProfileCompletionQuery, } from '../../client/hooks/index.js';
-import { AlertCircleIcon, CheckVerified02Icon, CreditCard02Icon, FaceIdIcon, FileCheck02Icon, FileSearch02Icon, FileX02Icon, Globe05Icon, } from '../../icons/index.js';
-import { Button } from '../../ui/index.js';
-export function AccountVerification(props) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
-    const profileCompletionQuery = useProfileCompletionQuery();
-    const profileCompletion = profileCompletionQuery.data;
-    const verificationQuery = useMemberVerificationQuery();
-    const verification = verificationQuery.data;
-    const empty = verification == null;
-    const pending = verification?.status === 'PENDING';
-    const success = verification?.status === 'VERIFIED' || verification?.status === 'APPROVED';
-    const failed = verification?.status === 'REJECTED' ||
-        verification?.status === 'UNVERIFIED';
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verify your identity" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "Complete personal verification to unlock all features and enhance account security." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountVerification
-                            ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(Globe05Icon, {}), "Proof of address"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), _jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: _jsx(Button, { size: "sm", className: "w-full lg:w-fit", onClick: () => globalStore.kyc.setOpen(true), children: "Verify Now" }) })] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
-}
-function VerificationNotSubmitted() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(AlertCircleIcon, { className: "text-text-warning-primary size-5" }) }) }), _jsx("p", { className: "text-text-tertiary-600 max-w-[800px] text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] }));
-}
-function VerificationInProgress() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileSearch02Icon, { className: "text-text-warning-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Under review" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] })] }));
-}
-function VerificationSuccess() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-success-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-success-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileCheck02Icon, { className: "text-text-success-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verification successful" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "Your account has been successfully verified. You now have full access to all features and improved account security." })] })] }));
-}
-function VerificationFailed() {
-    return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-error-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-error-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(FileX02Icon, { className: "text-text-error-primary size-5" }) }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verification failed" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm", children: "There was an issue with the verification process. Please try again or contact support for assistance." })] })] }));
-}

package/dist/components/AccountVerification/index.d.ts

@@ -1 +0,0 @@
-export * from './AccountVerification';

package/dist/components/AccountVerification/index.js

@@ -1 +0,0 @@
-export * from './AccountVerification.js';

package/dist/components/Banner/Banner.d.ts

@@ -1,11 +0,0 @@
-import type { ImageProps } from 'next/image';
-interface Banner {
-    src: ImageProps['src'];
-    redirectUrl?: string;
-}
-export interface BannerProps {
-    banners: Banner[];
-    className?: string;
-}
-export declare function Banner(props: BannerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Banner/Banner.js

@@ -1,38 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import emblaCarouselAutoplay from 'embla-carousel-autoplay';
-import useEmblaCarousel, {} from 'embla-carousel-react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { Fragment, useEffect, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { dataAttr } from '../../utils/index.js';
-export function Banner(props) {
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        loop: true,
-        align: 'start',
-    }, [
-        emblaCarouselAutoplay({
-            playOnInit: true,
-            delay: 5000,
-        }),
-    ]);
-    const [currentIndex, setCurrentIndex] = useState(0);
-    useEffect(() => {
-        function handler(detail) {
-            setCurrentIndex(detail?.selectedScrollSnap() ?? 0);
-        }
-        emblaApi?.on('scroll', handler);
-        emblaApi?.on('init', handler);
-        return () => {
-            emblaApi?.on('init', handler);
-            emblaApi?.off('scroll', handler);
-        };
-    }, [emblaApi]);
-    return (_jsxs("div", { className: twMerge('relative', props.className), children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden", children: _jsx("div", { className: "flex gap-2", children: props.banners.map((banner, index) => {
-                        const img = (_jsx(Image, { src: banner.src, alt: "", width: 1200, height: 300, className: "block h-auto w-full rounded-xl", priority: index === 0 }));
-                        return (_jsx(Fragment, { children: !banner.redirectUrl ? (_jsx("div", { className: "w-full shrink-0", children: img })) : (_jsx(Link, { href: banner.redirectUrl, className: "block w-full shrink-0", children: img })) }, index));
-                    }) }) }), _jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: props.banners.map((_, index) => (_jsx("button", { type: "button", className: "ui-active:bg-brand-500 bg-gray-300 size-3 shrink-0 rounded-full border border-white transition-all duration-300 ui-active:w-9", onClick: () => {
-                        emblaApi?.scrollTo(index);
-                    }, "aria-label": `Go to slide ${index + 1}`, "data-active": dataAttr(index === currentIndex) }, index))) })] }));
-}

package/dist/components/Banner/index.d.ts

@@ -1 +0,0 @@
-export * from './Banner';

package/dist/components/Banner/index.js

@@ -1 +0,0 @@
-export * from './Banner.js';

package/dist/components/BetRecords/BetRecords.d.ts

@@ -1,7 +0,0 @@
-import type { GameProvider, GameType } from '@opexa/portal-sdk-core';
-export interface BetRecordsProps {
-    gameTypes: GameType[];
-    gameProviders: GameProvider[];
-    className?: string;
-}
-export declare function BetRecords(props: BetRecordsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/BetRecords/BetRecords.js

@@ -1,181 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createListCollection, parseDate, Portal } from '@ark-ui/react';
-import { tz, TZDateMini } from '@date-fns/tz';
-import { endOfDay, format, startOfDay } from 'date-fns';
-import { useReducer, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { z } from 'zod';
-import { useBetRecordsQuery, useInfiniteQueryHelper, useLocaleInfo, } from '../../client/hooks/index.js';
-import { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, File02Icon, SpinnerIcon, } from '../../icons/index.js';
-import { Badge, DatePicker, IconButton, SegmentGroup, Select, Table, } from '../../ui/index.js';
-import { capitalize, formatNumber } from '../../utils/index.js';
-import { Empty } from '../Empty.js';
-export function BetRecords(props) {
-    const [tab, setTab] = useState('all');
-    const [state, setState] = useReducer((prev, next) => ({
-        ...prev,
-        ...next,
-    }), {
-        page: 1,
-        pageSize: 10,
-        type: props.gameTypes[0],
-    });
-    const localeInfo = useLocaleInfo();
-    const providerCollection = createListCollection({
-        items: props.gameProviders,
-        itemToValue: (item) => item,
-        itemToString: (item) => capitalize(item, {
-            delimiter: capitalize.delimiters.UNDERSCORE,
-        }),
-    });
-    const { page, hasNextPage, hasPrevPage, next, prev, rows, totalPages, loading, firstPage, } = useInfiniteQueryHelper(useBetRecordsQuery, {
-        filter: {
-            ...(state.type && {
-                game__type: {
-                    equal: state.type,
-                },
-            }),
-            ...(state.provider && {
-                game__provider: {
-                    equal: state.provider,
-                },
-            }),
-            ...(state.status && {
-                status: {
-                    equal: state.status,
-                },
-            }),
-            ...(state.timestamp && {
-                dateTimeCreated: {
-                    ...(state.timestamp.start && {
-                        greaterThanOrEqual: new TZDateMini(startOfDay(state.timestamp.start), localeInfo.timezone).toISOString(),
-                    }),
-                    ...(state.timestamp.end && {
-                        lesserThanOrEqual: new TZDateMini(endOfDay(state.timestamp.end), localeInfo.timezone).toISOString(),
-                    }),
-                },
-            }),
-        },
-    });
-    return (_jsxs("div", { className: props.className, children: [_jsx("h2", { className: "text-sm font-semibold leading-tight lg:text-lg", children: "Bet Records" }), _jsx("p", { className: "text-text-tertiary-600 mt-xs text-sm leading-tight", children: "Review your betting history" }), _jsx("div", { className: "mt-lg lg:mt-2xl", children: _jsxs(SegmentGroup.Root, { value: state.type, onValueChange: (details) => {
-                        firstPage();
-                        setState({
-                            type: z
-                                .enum((props.gameTypes ?? []))
-                                .safeParse(details.value).data ?? null,
-                        });
-                    }, children: [props.gameTypes.map((type) => (_jsxs(SegmentGroup.Item, { value: type, children: [_jsx(SegmentGroup.ItemText, { children: capitalize(type, {
-                                        delimiter: capitalize.delimiters.UNDERSCORE,
-                                    }) }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }, type))), _jsx(SegmentGroup.Indicator, {})] }) }), _jsx("div", { className: "border-border-secondary mt-2xl hidden border-t lg:block" }), _jsx("h3", { className: "text-text-secondary-700 mt-3xl text-sm font-semibold", children: "Table" }), _jsxs("div", { className: "mt-xl flex flex-col gap-lg lg:flex-row lg:items-center", children: [_jsxs(DatePicker.Root, { lazyMount: true, unmountOnExit: true, value: [state.timestamp?.start, state.timestamp?.end]
-                            .filter(Boolean)
-                            .map((d) => parseDate(d)), onValueChange: (details) => {
-                            firstPage();
-                            setState({
-                                timestamp: {
-                                    start: details.value.at(0)?.toDate(DEVICE_TIMEZONE),
-                                    end: details.value.at(1)?.toDate(DEVICE_TIMEZONE),
-                                },
-                            });
-                        }, onOpenChange: (details) => {
-                            if (details.open)
-                                return;
-                            if (state.timestamp)
-                                return;
-                            setTab('all');
-                        }, selectionMode: "range", closeOnSelect: false, positioning: {
-                            gutter: 20,
-                            placement: 'bottom',
-                        }, children: [_jsxs(SegmentGroup.Root, { value: tab, onValueChange: (details) => {
-                                    const value = TabDefinition.parse(details.value);
-                                    if (value === 'today') {
-                                        const now = new Date();
-                                        setState({
-                                            timestamp: {
-                                                start: startOfDay(now),
-                                                end: endOfDay(now),
-                                            },
-                                        });
-                                    }
-                                    else {
-                                        setState({
-                                            timestamp: null,
-                                        });
-                                    }
-                                    firstPage();
-                                    setTab(value);
-                                }, className: "w-full lg:w-fit", children: [_jsxs(SegmentGroup.Item, { value: "all", className: "w-full lg:w-auto", children: [_jsx(SegmentGroup.ItemText, { children: "All" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "today", className: "w-full lg:w-auto", children: [_jsx(SegmentGroup.ItemText, { children: "Today" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(DatePicker.Context, { children: (api) => (_jsx(SegmentGroup.Item, { value: "custom", onClick: () => api.setOpen(true), className: "w-full lg:w-auto", children: _jsxs(DatePicker.Control, { children: [_jsx(SegmentGroup.ItemText, { children: "Custom" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }) })) }), _jsx(SegmentGroup.Indicator, {})] }), _jsx(Portal, { children: _jsx(DatePicker.Positioner, { children: _jsx(DatePicker.Content, { children: _jsx(DatePicker.View, { view: "day", children: _jsx(DatePicker.Context, { children: (api) => (_jsxs(_Fragment, { children: [_jsxs(DatePicker.ViewControl, { children: [_jsx(DatePicker.PrevTrigger, { children: _jsx(ChevronLeftIcon, {}) }), _jsx(DatePicker.ViewTrigger, { children: _jsx(DatePicker.RangeText, {}) }), _jsx(DatePicker.NextTrigger, { children: _jsx(ChevronRightIcon, {}) })] }), _jsxs(DatePicker.Table, { children: [_jsx(DatePicker.TableHead, { children: _jsx(DatePicker.TableRow, { children: api.weekDays.map((weekDay, id) => (_jsx(DatePicker.TableHeader, { children: weekDay.short.substring(0, 2) }, id))) }) }), _jsx(DatePicker.TableBody, { children: api.weeks.map((week, id) => (_jsx(DatePicker.TableRow, { children: week.map((day, id) => (_jsx(DatePicker.TableCell, { value: day, children: _jsx(DatePicker.TableCellTrigger, { children: day.day }) }, id))) }, id))) })] })] })) }) }) }) }) })] }), _jsx("div", { className: "hidden grow lg:block" }), _jsxs(Select.Root, { collection: providerCollection, value: state.provider ? [state.provider] : [], onValueChange: (details) => {
-                            const value = z
-                                .enum((props.gameProviders ?? []))
-                                .safeParse(details.value.at(0)).data;
-                            firstPage();
-                            setState({
-                                provider: value ?? null,
-                            });
-                        }, lazyMount: true, deselectable: true, positioning: {
-                            sameWidth: true,
-                        }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Game Vendor" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                        e.stopPropagation();
-                                                    }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: providerCollection.items.map((provider) => (_jsxs(Select.Item, { item: provider, children: [_jsx(Select.ItemText, { children: capitalize(provider, {
-                                                            delimiter: capitalize.delimiters.UNDERSCORE,
-                                                        }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, provider))) }) }) }) })] }), _jsxs(Select.Root, { collection: statusCollection, value: state.status ? [state.status] : [], onValueChange: (details) => {
-                            const value = z
-                                .enum(BET_RECORD_STATUSES)
-                                .safeParse(details.value.at(0)).data;
-                            firstPage();
-                            setState({
-                                status: value ?? null,
-                            });
-                        }, lazyMount: true, deselectable: true, positioning: {
-                            sameWidth: true,
-                        }, children: [_jsxs(Select.Trigger, { className: "w-full lg:w-[14rem]", children: [_jsx(Select.ValueText, { placeholder: "Status" }), _jsx(Select.Context, { children: (api) => (_jsx(_Fragment, { children: api.value.length ? (_jsx(Select.ClearTrigger, { asChild: true, children: _jsx("span", { onClick: (e) => {
-                                                        e.stopPropagation();
-                                                    }, children: "Clear" }) })) : (_jsx(Select.Indicator, { asChild: true, children: _jsx(ChevronDownIcon, {}) })) })) })] }), _jsx(Portal, { children: _jsx(Select.Positioner, { children: _jsx(Select.Content, { children: _jsx(Select.ItemGroup, { children: statusCollection.items.map((status) => (_jsxs(Select.Item, { item: status, children: [_jsx(Select.ItemText, { children: capitalize(status, {
-                                                            delimiter: capitalize.delimiters.UNDERSCORE,
-                                                        }) }), _jsx(Select.ItemIndicator, { asChild: true, children: _jsx(CheckIcon, {}) })] }, status))) }) }) }) })] })] }), rows.length <= 0 && (_jsx(Empty, { icon: loading ? SpinnerIcon : File02Icon, title: loading ? 'Just a moment' : 'No data', message: loading
-                    ? 'Fetching latest bet records...'
-                    : 'No data is currently available.', className: "mt-5xl" })), rows.length >= 1 && (_jsxs("div", { className: twMerge('mt-xl', 'border-y', 'border-border-secondary', 'bleed', 'lg:not-bleed', 'lg:mt-3xl', 'lg:w-full', 'lg:rounded-xl', 'lg:border-x'), children: [_jsx("div", { className: "border-border-secondary scrollbar-thumb:bg-bg-quaternary scrollbar-track:bg-transparent scrollbar:h-2 scrollbar-thumb:rounded-full overflow-hidden overflow-x-auto rounded-none border-b lg:rounded-t-xl", children: _jsxs(Table.Root, { className: "border-0", children: [_jsx(Table.Header, { children: _jsxs(Table.Row, { children: [_jsx(Table.Heading, { children: "Bet Time" }), _jsx(Table.Heading, { children: "Settlement Time" }), _jsx(Table.Heading, { children: "Bet Content" }), _jsx(Table.Heading, { children: "Odds" }), _jsx(Table.Heading, { children: "Bet Amount" }), _jsx(Table.Heading, { children: "Valid Bet" }), _jsx(Table.Heading, { children: "Settled Amount" }), _jsx(Table.Heading, { children: "Jackpot Contribution" }), _jsx(Table.Heading, { children: "Jackpot Payout" }), _jsx(Table.Heading, { children: "Bet Status" }), _jsx(Table.Heading, { children: "Game Name" }), _jsx(Table.Heading, { children: "Vendor Round ID" })] }) }), _jsx(Table.Body, { children: rows.map((data) => (_jsxs(Table.Row, { children: [_jsxs(Table.Cell, { className: "!py-1", children: [_jsx("div", { className: "leading-tight", children: format(data.dateTimeCreated, 'MM/dd/yyyy', {
-                                                            in: tz(localeInfo.timezone),
-                                                        }) }), _jsx("div", { className: "text-text-tertiary-600 leading-tight", children: format(data.dateTimeCreated, 'hh:mm a', {
-                                                            in: tz(localeInfo.timezone),
-                                                        }) })] }), _jsx(Table.Cell, { className: "!py-1", children: !!data.dateTimeSettled && (_jsxs(_Fragment, { children: [_jsx("div", { className: "leading-tight", children: format(data.dateTimeSettled, 'MM/dd/yyyy', {
-                                                                in: tz(localeInfo.timezone),
-                                                            }) }), _jsx("div", { className: "text-text-tertiary-600 leading-tight", children: format(data.dateTimeSettled, 'hh:mm a', {
-                                                                in: tz(localeInfo.timezone),
-                                                            }) })] })) }), _jsx(Table.Cell, { className: "!py-1", children: data?.betContent || '/' }), _jsx(Table.Cell, { className: "!py-1", children: data.metadata?.odds || '/' }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.bet, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.validBet, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.payout, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.jackpotContribution, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.jackpotPayout, {
-                                                    currency: localeInfo.currency.code,
-                                                    minDecimalPlaces: 2,
-                                                }) }), _jsx(Table.Cell, { className: "!py-1", children: _jsx(Badge.Root, { colorScheme: data.status === 'SETTLED'
-                                                        ? 'success'
-                                                        : data.status === 'STARTED'
-                                                            ? 'blue'
-                                                            : 'danger', children: _jsx(Badge.Label, { children: capitalize(data.status, {
-                                                            delimiter: capitalize.delimiters.UNDERSCORE,
-                                                        }) }) }) }), _jsx(Table.Cell, { className: "!py-1", children: data.game.name }), _jsx(Table.Cell, { className: "!py-1", children: data.vendorRoundId })] }, data.id))) })] }) }), _jsxs("div", { className: "flex items-center justify-between gap-lg px-4 py-3", children: [_jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasPrevPage || loading, onClick: () => prev(), children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsxs("p", { className: "text-text-secondary-700 text-sm font-medium", children: ["Page ", page, " of ", totalPages] }), _jsx(IconButton, { size: "xs", variant: "outline", colorScheme: "gray", disabled: !hasNextPage || loading, onClick: () => next(), children: _jsx(ChevronRightIcon, { className: "size-5" }) })] })] }))] }));
-}
-const BET_RECORD_STATUSES = [
-    'CANCELLED',
-    'SETTLED',
-    'STARTED',
-];
-const statusCollection = createListCollection({
-    items: BET_RECORD_STATUSES,
-    itemToValue: (item) => item,
-    itemToString: (item) => capitalize(item, {
-        delimiter: capitalize.delimiters.UNDERSCORE,
-    }),
-});
-const TabDefinition = z.enum(['all', 'today', 'custom']);
-const DEVICE_TIMEZONE = Intl.DateTimeFormat().resolvedOptions().timeZone;

package/dist/components/BetRecords/index.d.ts

@@ -1 +0,0 @@
-export * from './BetRecords';

package/dist/components/BetRecords/index.js

@@ -1 +0,0 @@
-export * from './BetRecords.js';

package/dist/components/Bonus/Bonus.client.d.ts

@@ -1,2 +0,0 @@
-import type { BonusProps } from './Bonus';
-export declare function Bonus__client(props: BonusProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Bonus/Bonus.client.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import Link from 'next/link';
-import { ChevronLeftIcon, ChevronRightIcon, StopWatchIcon } from '../../icons/index.js';
-import { Badge, Collapsible, Progress, Prose } from '../../ui/index.js';
-export function Bonus__client(props) {
-    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllUrl ?? '/rewards', className: "text-button-tertiary-fg flex items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to Rewards"] }), _jsx(Image, { src: "https://s3.ap-east-1.amazonaws.com/opexa-assets.opexasystem.com/assets/BSxIXEsa59_zzMAR27-ALLDAYREBATE06-STATIC-WEB-HB-1920x1080.png", alt: "", width: 1024, height: 600, className: "mt-3xl h-auto w-full rounded-xl" }), _jsxs(Badge.Root, { size: "lg", round: false, colorScheme: "brand", className: "mt-xl lg:mt-6", children: [_jsx(Badge.Icon, { children: _jsx(StopWatchIcon, {}) }), _jsx(Badge.Label, { children: "9d:10h:11m" })] }), _jsx("h1", { className: "text-text-primary-900 mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: "50 PHP First Deposit Bonus" }), _jsx("p", { className: "text-text-primary-brand mt-xl text-base lg:mt-6 lg:text-lg", children: "Complete the wagering before time runs out to convert your bonus balance into real money!" }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Your bonus" }), _jsxs("p", { children: [_jsx("span", { className: "text-text-primary-900", children: "20.00" }), " / 50.00 PHP"] })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl flex items-center justify-between rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsx("p", { children: "Required Turnover" }), _jsx("p", { children: "5x" })] }), _jsxs("div", { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { children: "Wagering" }), _jsx("p", { children: "400/1000" })] }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] }), _jsxs(Collapsible.Root, { className: "mt-xl lg:mt-6", children: [_jsxs(Collapsible.Trigger, { className: "text-button-tertiary-fg flex w-fit items-center justify-center gap-sm text-sm font-semibold lg:mx-auto", children: ["Game Provider Contribution", _jsx(Collapsible.Indicator, { asChild: true, children: _jsx(ChevronRightIcon, { className: "size-5" }) })] }), _jsxs(Collapsible.Content, { className: "border-border-primary bg-bg-tertiary text-text-secondary-700 mt-xl space-y-1.5 rounded-md border px-3.5 py-xl lg:mt-6", children: [_jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Playson" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "25%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Betsoft Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "13%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Microgaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "50%" })] }), _jsxs("div", { className: "flex items-center justify-between gap-md", children: [_jsx("p", { className: "w-[11.25rem] shrink-0", children: "Realtime Gaming" }), _jsx(Progress.Root, { defaultValue: 42, className: "mt-2 grow", children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx("p", { children: "10%" })] })] })] }), _jsxs(Prose, { className: "mt-xl lg:mt-6", children: [_jsx("h3", { children: "How to get bonus" }), _jsxs("ol", { children: [_jsx("li", { children: "All OFWin members are eligible for this program." }), _jsx("li", { children: "50 PHP of game credit will be automatically credited to the new member account upon completion of first deposit Auctor vel in vitae placerat." }), _jsx("li", { children: "Member must reach a 5x turnover requirement before a withdrawal can be made. Attempting to make a withdrawal before this turnover requirement is completed could cause your bonus to be voided." }), _jsx("li", { children: "Players will have 10 days from the date the bonus is awarded to complete the rollover requirement." }), _jsx("li", { children: "Bets used to meet other bonus rollover requirements will not count toward this promotion." })] }), _jsx("h3", { children: "Terms and Conditions" }), _jsxs("ul", { children: [_jsx("li", { children: "Only one account per player is allowed. No same IP address/bank account name allowed. Players who have multiple or fraudulent accounts will not be qualified for the promotion." }), _jsx("li", { children: "Players that are found to have any duplicate accounts or those who participate in fraudulent activities may have their funds forfeited and their accounts closed." }), _jsx("li", { children: "OFWin reserves the right to amend or cancel this Referral Program at any time. OFWin General Terms and Conditions apply." })] })] })] }));
-}

package/dist/components/Bonus/Bonus.d.ts

@@ -1,10 +0,0 @@
-export interface BonusProps {
-    id: string;
-    className?: string;
-    /**
-     * @description URL for the bonuses details page
-     * @default "/rewards"
-     */
-    viewAllUrl?: string;
-}
-export declare function Bonus(props: BonusProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/Bonus/Bonus.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Bonus__client } from './Bonus.client.js';
-export async function Bonus(props) {
-    return _jsx(Bonus__client, { ...props });
-}

package/dist/components/Bonus/index.d.ts

@@ -1 +0,0 @@
-export * from './Bonus';

package/dist/components/Bonus/index.js

@@ -1 +0,0 @@
-export * from './Bonus.js';

package/dist/components/Bonuses/Bonuses.d.ts

@@ -1,15 +0,0 @@
-export interface BonusesProps {
-    heading?: string;
-    className?: string;
-    /**
-     * @description base URL for the bonus details page
-     * @default "/rewards/bonus"
-     */
-    viewBonusDetailsUrl?: string;
-    /**
-     * @description base URL for the cashback details page
-     * @default "/rewards/cashback"
-     */
-    viewCashbackDetailsUrl?: string;
-}
-export declare function Bonuses(props: BonusesProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/Bonuses/Bonuses.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchBonusesQuery, prefetchCashbacksQuery, } from '../../server/utils/index.js';
-import { Bonuses__client } from './Bonuses.client.js';
-export async function Bonuses(props) {
-    await Promise.all([prefetchBonusesQuery(), prefetchCashbacksQuery()]);
-    return _jsx(Bonuses__client, { ...props });
-}

package/dist/components/Cashback/Cashback.client.d.ts

@@ -1,2 +0,0 @@
-import type { CashbackProps } from './Cashback';
-export declare function Cashback__client(props: CashbackProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Cashback/Cashback.client.js

@@ -1,27 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tz } from '@date-fns/tz';
-import { format } from 'date-fns';
-import Image from 'next/image';
-import Link from 'next/link';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useLocaleInfo, usePromoQuery, } from '../../client/hooks/index.js';
-import { ChevronLeftIcon } from '../../icons/index.js';
-import { Button, Prose } from '../../ui/index.js';
-export function Cashback__client(props) {
-    const localeInfo = useLocaleInfo();
-    const promoQuery = usePromoQuery(props.id);
-    const promo = promoQuery.data;
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        depositWithdrawal: ctx.depositWithdrawal,
-    })));
-    if (!promo)
-        return null;
-    return (_jsxs("div", { className: props.className, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "text-button-tertiary-fg flex w-fit items-center gap-lg text-lg font-semibold", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), promo.banner.url && (_jsx(Image, { src: promo.banner.url, alt: "", width: 1024, height: 600, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" })), _jsx(Button, { className: "mt-xl lg:mt-6", onClick: () => {
-                    globalStore.depositWithdrawal.setOpen(true);
-                }, children: "Deposit Now" }), _jsx("h1", { className: "mt-xl text-2xl font-semibold lg:mt-6 lg:text-3xl", children: promo.name }), _jsxs("p", { className: "text-text-secondary-700 mt-xl lg:mt-6", children: ["Ends", ' ', format(promo.activationEndDateTime, 'MM/dd/yyy hh:mm:ss A', {
-                        in: tz(localeInfo.timezone),
-                    })] }), _jsx(Prose, { className: "mt-2xl lg:mt-6", dangerouslySetInnerHTML: {
-                    __html: promo.description,
-                } }), _jsxs(Prose, { className: "bg-bg-secondary mt-xl rounded-2xl p-2xl lg:mt-16 lg:p-4xl", children: [_jsx("h2", { children: "Conclusion" }), _jsx("p", { children: "Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse." }), _jsx("p", { children: "Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus." }), _jsx("p", { children: "Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare id morbi eget ipsum. Aliquam senectus neque ut id eget consectetur dictum. Donec posuere pharetra odio consequat scelerisque et, nunc tortor." })] })] }));
-}