@opexa/portal-components 0.0.957 → 0.0.959

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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