@opexa/portal-components 0.1.22 → 0.1.24

package/dist/lib/components/PortalProvider/SetupCellxpertCxd.js

@@ -1,44 +0,0 @@
-'use client';
-import { addHours, isAfter, subMinutes } from 'date-fns';
-import { useSearchParams } from 'next/navigation';
-import { useTimeout } from 'usehooks-ts';
-import { z } from 'zod';
-import { useCellxpertCxd } from '../../client/hooks/useCellxpertCxd.js';
-const CellxpertCxdSchema = z
-    .string()
-    .trim()
-    .min(1)
-    .max(250)
-    .optional()
-    .nullable()
-    .catch(null);
-export function SetupCellxpertCxd() {
-    const searchParams = useSearchParams();
-    const value = CellxpertCxdSchema.parse(searchParams.get('cxd'));
-    const [cellxpertCxd, setCellxpertCxd] = useCellxpertCxd();
-    useTimeout(() => {
-        if (!value)
-            return;
-        if (!cellxpertCxd) {
-            return setCellxpertCxd({
-                value,
-                expires: subMinutes(addHours(new Date(), 6), 1).getTime(),
-            });
-        }
-        /* If previous value is expired, override */
-        if (isAfter(new Date(), new Date(cellxpertCxd.expires))) {
-            return setCellxpertCxd({
-                value,
-                expires: addHours(new Date(), 6).getTime(),
-            });
-        }
-        /* If previous value is not the same as new value, override */
-        if (value !== cellxpertCxd.value) {
-            return setCellxpertCxd({
-                value,
-                expires: addHours(new Date(), 6).getTime(),
-            });
-        }
-    }, 250);
-    return null;
-}

package/dist/lib/components/PortalProvider/SetupDomain.d.ts

@@ -1 +0,0 @@
-export declare function SetupDomain(): null;

package/dist/lib/components/PortalProvider/SetupDomain.js

@@ -1,37 +0,0 @@
-'use client';
-import { useSearchParams } from 'next/navigation';
-import { useTimeout } from 'usehooks-ts';
-import { z } from 'zod';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { useUpdateSessionMutation } from '../../client/hooks/useUpdateSessionMutation.js';
-const MarketSchema = z
-    .string()
-    .min(5)
-    .max(6)
-    .regex(/^[0-9]+$/)
-    .nullable()
-    .optional()
-    .catch(null);
-export function SetupDomain() {
-    const query = useSessionQuery();
-    const mutation = useUpdateSessionMutation();
-    const params = useSearchParams();
-    useTimeout(() => {
-        const oldDomain = query.data?.domain;
-        const newMarket = MarketSchema.parse(params.get('m'));
-        const newDomain = newMarket
-            ? `${window.location.host}/${newMarket}`
-            : `${window.location.host}`;
-        /* No domain set */
-        if (!oldDomain)
-            return mutation.mutate({ domain: newDomain });
-        /* No market ID */
-        if (!newMarket)
-            return;
-        /* Same domain with market */
-        if (oldDomain === newDomain)
-            return;
-        return mutation.mutate({ domain: newDomain });
-    }, query.isPending ? null : 250);
-    return null;
-}

package/dist/lib/components/PortalProvider/Snackbar.d.ts

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

package/dist/lib/components/PortalProvider/Snackbar.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast, Toaster } from '@ark-ui/react/toast';
-import { twMerge } from 'tailwind-merge';
-import { toaster } from '../../client/utils/toaster.js';
-import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
-import { XIcon } from '../../icons/XIcon.js';
-export function Snackbar() {
-    return (_jsx(Toaster, { toaster: toaster, children: (toast) => (_jsxs(Toast.Root, { className: twMerge('group', 'p-xl', 'border', 'border-border-primary', 'bg-bg-primary-alt', 'flex', 'items-start', 'gap-lg', 'w-[21.438rem]', 'lg:w-[1200px]', 'max-w-full', 'rounded-xl', 'shadow-xs', 'h-[var(--height)]', 'z-[var(--z-index)]', 'scale-[var(--scale)]', 'opacity-[var(--opacity)]', '[translate:var(--x)_var(--y)_0]', 'transition-all', 'duration-300'), children: [_jsxs("div", { className: "flex grow flex-col gap-xl lg:flex-row lg:gap-lg", children: [_jsx("div", { className: twMerge('flex', 'items-center', 'justify-center', 'size-9.5', 'border-2', 'rounded-full', toast.type === 'success' && 'border-text-success-primary/15', toast.type === 'warning' && 'border-text-warning-primary/15', toast.type === 'error' && 'border-text-error-primary/15'), children: _jsx("div", { className: twMerge('flex', 'items-center', 'justify-center', 'size-7', 'border-2', 'rounded-full', toast.type === 'success' && 'border-text-success-primary/35', toast.type === 'warning' && 'border-text-warning-primary/35', toast.type === 'error' && 'border-text-error-primary/35'), children: _jsx(AlertCircleIcon, { className: twMerge('size-5', toast.type === 'success' && 'text-text-success-primary', toast.type === 'warning' && 'text-text-warning-primary', toast.type === 'error' && 'text-text-error-primary') }) }) }), _jsxs("div", { className: "grow text-sm leading-none", children: [_jsx(Toast.Title, { className: "font-semibold text-text-secondary-700", children: toast.title
-                                        ? toast.title
-                                        : toast.type === 'error'
-                                            ? 'Error'
-                                            : toast.type === 'warning'
-                                                ? 'Warning'
-                                                : 'Success' }), _jsx(Toast.Description, { className: "mt-xs text-text-tertiary-600", children: toast.description
-                                        ? toast.description
-                                        : toast.type === 'error'
-                                            ? 'Something went wrong.'
-                                            : toast.type === 'warning'
-                                                ? 'Please be cautious.'
-                                                : 'Operation completed successfully.' })] })] }), _jsx(Toast.CloseTrigger, { className: "text-text-secondary-700", children: _jsx(XIcon, { className: "size-5" }) })] }, toast.id)) }));
-}

package/dist/lib/components/PortalProvider/SocialAccountLinkObserver.d.ts

@@ -1 +0,0 @@
-export declare function SocialAccountLinkObserver(): null;

package/dist/lib/components/PortalProvider/SocialAccountLinkObserver.js

@@ -1,39 +0,0 @@
-'use client';
-import { useSearchParams } from 'next/navigation';
-import { useTimeout } from 'usehooks-ts';
-import { toaster } from '../../client/utils/toaster.js';
-import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getSessionQueryKey } from '../../utils/queryKeys.js';
-export function SocialAccountLinkObserver() {
-    const searchParams = useSearchParams();
-    const code = searchParams.get('message') ?? searchParams.get('status');
-    const providerParam = searchParams.get('provider');
-    const provider = providerParam === 'facebook' ? 'Facebook' : 'Google';
-    const queryClient = getQueryClient();
-    useTimeout(() => {
-        if (!code)
-            return;
-        if (code === 'duplicate') {
-            if (provider === 'Facebook') {
-                return toaster.error({
-                    title: 'Facebook Account Already Linked',
-                    description: 'This Facebook account is already linked to another player. Please use a different account or check your player settings.',
-                });
-            }
-            return toaster.error({
-                title: 'Duplicate Account',
-                description: 'An account with this email already exists. Please try signing in instead.',
-            });
-        }
-        if (code === 'linked') {
-            queryClient.invalidateQueries({
-                queryKey: getSessionQueryKey(),
-            });
-            return toaster.success({
-                title: `${provider} Account Linked Successfully`,
-                description: `Your ${provider} account has been successfully connected.`,
-            });
-        }
-    }, code ? 100 : null);
-    return null;
-}

package/dist/lib/components/PortalProvider/WebVitals.d.ts

@@ -1 +0,0 @@
-export declare function WebVitals(): null;

package/dist/lib/components/PortalProvider/WebVitals.js

@@ -1,8 +0,0 @@
-'use client';
-import { useReportWebVitals } from 'next/web-vitals';
-export function WebVitals() {
-    useReportWebVitals((metric) => {
-        console.log(metric);
-    });
-    return null;
-}

package/dist/lib/components/PortalProvider/index.d.ts

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

package/dist/lib/components/PortalProvider/index.js

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

package/dist/lib/components/Promo/Promo.client.d.ts

@@ -1,18 +0,0 @@
-export interface ClassNameEntries {
-    root?: string;
-    promoDescription?: string;
-}
-export interface PromoProps {
-    id: string;
-    /** @default '/promos' */
-    viewAllPromosUrl?: string;
-    className?: string | ClassNameEntries;
-    transformDescription?: {
-        replacements: {
-            pattern: string;
-            replace: string;
-            flags?: string;
-        }[];
-    };
-}
-export declare function Promo__client(props: PromoProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,54 +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 { isString } from 'lodash-es';
-import Image from 'next/image';
-import Link from 'next/link';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-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/index.js';
-export function Promo__client(props) {
-    const localeInfo = useLocaleInfo();
-    const availablePromosQuery = useAvailablePromosQuery();
-    const availablePromos = availablePromosQuery.data ?? [];
-    const promoQuery = usePromoQuery(props.id);
-    const promo = promoQuery.data;
-    const claimable = availablePromos.some(({ id }) => id === promo?.id);
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        depositWithdrawal: ctx.depositWithdrawal,
-    })));
-    if (!promo)
-        return null;
-    const classNames = isString(props.className)
-        ? { root: props.className }
-        : (props.className ?? {});
-    const descriptionHtml = (() => {
-        let html = promo.description ?? '';
-        const cfg = props.transformDescription;
-        if (cfg?.replacements?.length) {
-            for (const r of cfg.replacements) {
-                try {
-                    const re = new RegExp(r.pattern, r.flags ?? 'g');
-                    html = html.replace(re, r.replace);
-                }
-                catch {
-                    // ignore invalid regex
-                }
-            }
-        }
-        return html;
-    })();
-    return (_jsxs("div", { className: classNames.root, children: [_jsxs(Link, { href: props.viewAllPromosUrl ?? '/promos', className: "flex w-fit items-center gap-lg font-semibold text-button-tertiary-fg text-lg", children: [_jsx(ChevronLeftIcon, { className: "size-6" }), "Back to all Promotions"] }), promo.banner.url && (_jsx(Image, { src: promo.banner.url, alt: "", width: 1024, height: 600, priority: true, unoptimized: true, className: "mt-xl h-auto w-full rounded-xl lg:mt-6" })), claimable && (_jsx(Button, { className: "mt-xl lg:mt-6", onClick: () => {
-                    globalStore.depositWithdrawal.setOpen(true);
-                    globalStore.depositWithdrawal.setPromo(promo.id);
-                }, children: "Deposit Now" })), _jsx("h1", { className: "mt-xl font-semibold text-2xl lg:mt-6 lg:text-3xl", children: promo.name }), _jsxs("p", { className: "mt-xl text-text-secondary-700 lg:mt-6", children: ["Ends", ' ', format(promo.activationEndDateTime, 'MM/dd/yyy hh:mm:ss', {
-                        in: tz(localeInfo.timezone),
-                    })] }), _jsx(Prose, { className: twMerge('mt-2xl lg:mt-6', classNames.promoDescription), dangerouslySetInnerHTML: { __html: descriptionHtml } })] }));
-}

package/dist/lib/components/Promo/Promo.d.ts

@@ -1,3 +0,0 @@
-import { type PromoProps } from './Promo.client';
-export declare function Promo(props: PromoProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export type { PromoProps };

package/dist/lib/components/Promo/Promo.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { notFound } from 'next/navigation';
-import { prefetchPromoQuery } from '../../server/utils/prefetchPromoQuery.js';
-import { getPromo } from '../../services/wallet.js';
-import { stripTags } from '../../utils/stripTags.js';
-import { Promo__client } from './Promo.client.js';
-export async function Promo(props) {
-    const [result] = await Promise.allSettled([
-        getPromo(props.id),
-        prefetchPromoQuery(props.id),
-    ]);
-    if (result.status === 'fulfilled' && result.value) {
-        return (_jsxs(_Fragment, { children: [_jsx("meta", { name: "description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:title", content: result.value.name }), _jsx("meta", { name: "og:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "og:image", content: result.value.banner?.url }), _jsx("meta", { name: "twitter:title", content: result.value.name }), _jsx("meta", { name: "twitter:description", content: stripTags(result.value.description) }), _jsx("meta", { name: "twitter:image", content: result.value.banner.url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx(Promo__client, { ...props })] }));
-    }
-    else {
-        return notFound();
-    }
-}

package/dist/lib/components/Promo/index.d.ts

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

package/dist/lib/components/Promo/index.js

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

package/dist/lib/components/Promos/Cashback.d.ts

@@ -1,10 +0,0 @@
-import type { Cashback as TCashback } from '../../types';
-interface CashbackProps {
-    data: TCashback;
-    viewDetailsUrl: string;
-    hasPromotionPeriod?: boolean;
-    roundedButtons?: boolean;
-    textOrientation?: 'left' | 'center';
-}
-export declare function Cashback({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, }: CashbackProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/components/Promos/Cashback.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import Link from 'next/link';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { Button } from '../../ui/Button/index.js';
-import { formatPromotionPeriod } from './utils.js';
-export function Cashback({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', }) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        depositWithdrawal: ctx.depositWithdrawal,
-    })));
-    const claimablePromos = useAvailablePromosQuery().data ?? [];
-    const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
-    const promotionPeriod = formatPromotionPeriod(data.activationStartDateTime, data.activationEndDateTime);
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), hasPromotionPeriod && (_jsxs("div", { className: "bg-black py-1.5 text-center font-bold text-3xs uppercase", children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
-                                    globalStore.depositWithdrawal.setOpen(true);
-                                    globalStore.depositWithdrawal.setPromo(data.id);
-                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
-}

package/dist/lib/components/Promos/CustomPromo.d.ts

@@ -1,9 +0,0 @@
-import type { CustomPromo as TCustomPromo } from '../../types';
-interface CustomPromoProps {
-    data: TCustomPromo;
-    viewDetailsUrl: string;
-    roundedButtons?: boolean;
-    textOrientation?: 'left' | 'center';
-}
-export declare function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation, }: CustomPromoProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/components/Promos/CustomPromo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import Link from 'next/link';
-import { twMerge } from 'tailwind-merge';
-import { Button } from '../../ui/Button/index.js';
-export function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation = 'center', }) {
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [_jsx(Image, { src: data.banner, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" }), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsx("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) }) })] })] }));
-}

package/dist/lib/components/Promos/Promo.d.ts

@@ -1,10 +0,0 @@
-import type { Promo as TPromo } from '../../types';
-interface PromoProps {
-    data: TPromo;
-    viewDetailsUrl: string;
-    hasPromotionPeriod?: boolean;
-    roundedButtons?: boolean;
-    textOrientation?: 'left' | 'center';
-}
-export declare function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, }: PromoProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/lib/components/Promos/Promo.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import Link from 'next/link';
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { Button } from '../../ui/Button/index.js';
-import { formatPromotionPeriod } from './utils.js';
-export function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', }) {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        depositWithdrawal: ctx.depositWithdrawal,
-    })));
-    const claimablePromos = useAvailablePromosQuery().data ?? [];
-    const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
-    const promotionPeriod = formatPromotionPeriod(data.activationStartDateTime, data.activationEndDateTime);
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), hasPromotionPeriod && (_jsxs("div", { className: "bg-black py-1.5 text-center font-bold text-3xs uppercase", children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
-                                    globalStore.depositWithdrawal.setOpen(true);
-                                    globalStore.depositWithdrawal.setPromo(data.id);
-                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
-}

package/dist/lib/components/Promos/Promos.d.ts

@@ -1,4 +0,0 @@
-import { type PromosCarouselProps } from './PromosCarousel';
-import { type PromosGridProps } from './PromosGrid';
-export type PromosProps = PromosCarouselProps | PromosGridProps;
-export declare function Promos(props: PromosProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/lib/components/Promos/Promos.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prefetchCashbacksQuery } from '../../server/utils/prefetchCashbacksQuery.js';
-import { prefetchPromosQuery } from '../../server/utils/prefetchPromosQuery.js';
-import { PromosCarousel } from './PromosCarousel.js';
-import { PromosGrid } from './PromosGrid.js';
-export async function Promos(props) {
-    await Promise.allSettled([prefetchPromosQuery(), prefetchCashbacksQuery()]);
-    if (props.layout === 'grid') {
-        return _jsx(PromosGrid, { ...props });
-    }
-    else {
-        return _jsx(PromosCarousel, { ...props });
-    }
-}

package/dist/lib/components/Promos/PromosCarousel.d.ts

@@ -1,26 +0,0 @@
-import { type ReactNode } from 'react';
-import type { CustomPromo as TCustomPromo } from '../../types';
-export interface PromosCarouselProps {
-    layout: 'carousel';
-    /** @default "Promotions" */
-    heading?: string | ReactNode;
-    /** @default "/promos" */
-    viewAllUrl?: string;
-    /** @default "/promos" */
-    viewPromoDetailsUrl?: string;
-    /** @default "/promos/cashback" */
-    viewCashbackDetailsUrl?: string;
-    /** @default "/promos/custom" */
-    viewCustomPromoDetailsUrl?: string;
-    customPromos?: TCustomPromo[];
-    /**
-     * @description List of promo IDs to be excluded from the list.
-     * @example
-     * ```ts
-     * exclude={['12345']}
-     * ```
-     */
-    exclude?: string[];
-    className?: string;
-}
-export declare function PromosCarousel(props: PromosCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Promos/PromosCarousel.js

@@ -1,52 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useEmblaCarousel, {} from 'embla-carousel-react';
-import Link from 'next/link';
-import { useCallback, useEffect, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useCashbacksQuery } from '../../client/hooks/useCashbacksQuery.js';
-import { usePromosQuery } from '../../client/hooks/usePromosQuery.js';
-import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
-import { ArrowRightIcon } from '../../icons/ArrowRightIcon.js';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon.js';
-import { Gift01Icon } from '../../icons/Gift01Icon.js';
-import { Button } from '../../ui/Button/index.js';
-import { Empty } from '../shared/Empty.js';
-import { Cashback } from './Cashback.js';
-import { CustomPromo } from './CustomPromo.js';
-import { Promo } from './Promo.js';
-export function PromosCarousel(props) {
-    const promosQuery = usePromosQuery();
-    const cashbacksQuery = useCashbacksQuery();
-    const blacklist = props.exclude ?? [];
-    const promos = promosQuery.data?.filter((item) => !blacklist.includes(item.id)) ?? [];
-    const cashbacks = cashbacksQuery.data?.filter((item) => !blacklist.includes(item.id)) ?? [];
-    const customPromos = props.customPromos?.filter((item) => !blacklist.includes(item.id)) ?? [];
-    const empty = promos.length <= 0 && cashbacks.length <= 0 && customPromos.length <= 0;
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        align: 'start',
-        slidesToScroll: 1,
-        breakpoints: {
-            '(min-width: 1024px)': {
-                slidesToScroll: 3,
-            },
-        },
-    });
-    const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);
-    const [nextBtnDisabled, setNextBtnDisabled] = useState(true);
-    const onPrevButtonClick = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
-    const onNextButtonClick = useCallback(async () => {
-        emblaApi?.scrollNext();
-    }, [emblaApi]);
-    const onSelect = useCallback((emblaApi) => {
-        setPrevBtnDisabled(!emblaApi?.canScrollPrev());
-        setNextBtnDisabled(!emblaApi?.canScrollNext());
-    }, []);
-    useEffect(() => {
-        if (!emblaApi)
-            return;
-        onSelect(emblaApi);
-        emblaApi.on('reInit', onSelect).on('select', onSelect);
-    }, [emblaApi, onSelect]);
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promotions' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/promos', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { ref: emblaRef, className: "relative mt-lg overflow-hidden", children: _jsxs("div", { className: twMerge('grid auto-cols-[100%] grid-flow-col gap-1.5 lg:auto-cols-[calc((100%-(1.25rem*2))/3)] lg:gap-2xl'), children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos' }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback' }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/custom' }, customPromo.id)))] }) }))] }));
-}

package/dist/lib/components/Promos/PromosGrid.d.ts

@@ -1,18 +0,0 @@
-import type { ReactNode } from 'react';
-import type { CustomPromo as TCustomPromo } from '../../types';
-export interface PromosGridProps {
-    layout: 'grid';
-    /** @default "Promotions" */
-    heading?: string | ReactNode;
-    /** @default "/promos" */
-    viewPromoDetailsUrl?: string;
-    /** @default "/promos/cashback" */
-    viewCashbackDetailsUrl?: string;
-    customPromos?: TCustomPromo[];
-    hasPromotionPeriod?: boolean;
-    roundedButtons?: boolean;
-    textOrientation?: 'left' | 'center';
-    exclude?: string[];
-    className?: string;
-}
-export declare function PromosGrid(props: PromosGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Promos/PromosGrid.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCashbacksQuery } from '../../client/hooks/useCashbacksQuery.js';
-import { usePromosQuery } from '../../client/hooks/usePromosQuery.js';
-import { Gift01Icon } from '../../icons/Gift01Icon.js';
-import { Empty } from '../shared/Empty.js';
-import { Cashback } from './Cashback.js';
-import { CustomPromo } from './CustomPromo.js';
-import { Promo } from './Promo.js';
-export function PromosGrid(props) {
-    const promosQuery = usePromosQuery();
-    const cashbacksQuery = useCashbacksQuery();
-    const blacklist = props.exclude ?? [];
-    const promos = promosQuery.data?.filter((item) => !blacklist.includes(item.id)) ?? [];
-    const cashbacks = cashbacksQuery.data?.filter((item) => !blacklist.includes(item.id)) ?? [];
-    const customPromos = props.customPromos?.filter((item) => !blacklist.includes(item.id)) ?? [];
-    const empty = promos.length <= 0 && cashbacks.length <= 0 && customPromos.length <= 0;
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promos' }), _jsx("div", { className: "grow" })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsxs("div", { className: "grid gap-3xl lg:grid-cols-3 lg:gap-2xl", children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/custom', roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, customPromo.id)))] }) }))] }));
-}

package/dist/lib/components/Promos/index.d.ts

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

package/dist/lib/components/Promos/index.js

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

package/dist/lib/components/Promos/utils.d.ts

@@ -1 +0,0 @@
-export declare function formatPromotionPeriod(start: string | null | undefined, until: string | null | undefined): string | null;

package/dist/lib/components/Promos/utils.js

@@ -1,10 +0,0 @@
-import { format } from 'date-fns';
-export function formatPromotionPeriod(start, until) {
-    if (!start)
-        return null;
-    if (!until)
-        return null;
-    const s = format(start, 'd/MM/yyyy hh:mm a');
-    const u = format(until, 'd/MM/yyyy hh:mm a');
-    return `${s} - ${u}`;
-}

package/dist/lib/components/Protected/Protected.d.ts

@@ -1,5 +0,0 @@
-export interface ProtectedProps {
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-}
-export declare function Protected(props: ProtectedProps): import("react").ReactNode;

package/dist/lib/components/Protected/Protected.js

@@ -1,8 +0,0 @@
-'use client';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-export function Protected(props) {
-    const query = useSessionQuery();
-    return query.data?.status === 'authenticated'
-        ? props.children
-        : (props.fallback ?? null);
-}

package/dist/lib/components/Protected/index.d.ts

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

package/dist/lib/components/Protected/index.js

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

package/dist/lib/components/Quests/Crazywin/CWDailyCheckInQuest.d.ts

@@ -1,15 +0,0 @@
-export interface ClassNameEntries {
-    root?: string;
-    progressBarContainer?: string;
-    progressBar?: string;
-    calendarIconContainer?: string;
-    calendarIcon?: string;
-    calendarDayText?: string;
-    checkInButton?: string;
-}
-export type UncompletedIconType = 'x' | 'minus';
-declare const CWDailyCheckInQuest: (props: {
-    className?: string | ClassNameEntries;
-    uncompletedIcon?: UncompletedIconType;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CWDailyCheckInQuest;