@opexa/portal-components 0.0.5 → 0.0.7

package/dist/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils/anatomyToRecipeSlots.js"),r=require("./utils/capitalize.js"),a=require("./utils/createPoll.js"),o=require("./utils/createRecipeContext.js"),y=require("./utils/createSplitProps.js"),i=require("./utils/dataAttr.js"),n=require("./utils/formatNumber.js"),u=require("./utils/getGameImageUrl.js"),s=require("./utils/getLocaleInfo.js"),g=require("./utils/getQueryClient.js"),K=require("./utils/isMobile.js"),c=require("./utils/parseDecimal.js"),e=require("./utils/queryKeys.js"),Q=require("./utils/toaster.js");exports.anatomyToRecipeSlots=t.anatomyToRecipeSlots;exports.capitalize=r.capitalize;exports.createPoll=a.createPoll;exports.createRecipeContext=o.createRecipeContext;exports.createSplitProps=y.createSplitProps;exports.dataAttr=i.dataAttr;exports.formatNumber=n.formatNumber;exports.getGameImageUrl=u.getGameImageUrl;exports.getLocaleInfo=s.getLocaleInfo;exports.getQueryClient=g.getQueryClient;exports.onMobileDevice=K.onMobileDevice;exports.parseDecimal=c.parseDecimal;exports.getAccountQueryKey=e.getAccountQueryKey;exports.getAuthenticateMutationKey=e.getAuthenticateMutationKey;exports.getAvailablePromosQueryKey=e.getAvailablePromosQueryKey;exports.getBetRecordsQueryKey=e.getBetRecordsQueryKey;exports.getCashbacksQueryKey=e.getCashbacksQueryKey;exports.getCreateGCashDepositMutationKey=e.getCreateGCashDepositMutationKey;exports.getCreateGameSessionMutationKey=e.getCreateGameSessionMutationKey;exports.getCreateMayaAppDepositMutationKey=e.getCreateMayaAppDepositMutationKey;exports.getCreateMayaDepositMutationKey=e.getCreateMayaDepositMutationKey;exports.getCreateOnlineBankDepositMutationKey=e.getCreateOnlineBankDepositMutationKey;exports.getCreateQRPHDepositMutationKey=e.getCreateQRPHDepositMutationKey;exports.getDepositQueryKey=e.getDepositQueryKey;exports.getDepositRecordsQueryKey=e.getDepositRecordsQueryKey;exports.getDepositsCountQueryKey=e.getDepositsCountQueryKey;exports.getEndGameSessionMutationKey=e.getEndGameSessionMutationKey;exports.getGamesQueryKey=e.getGamesQueryKey;exports.getInstapayBankListQueryKey=e.getInstapayBankListQueryKey;exports.getIsMayaSessionValidQueryKey=e.getIsMayaSessionValidQueryKey;exports.getJackpotsQueryKey=e.getJackpotsQueryKey;exports.getMemberVerificationQueryKey=e.getMemberVerificationQueryKey;exports.getPaymentSettingsQueryKey=e.getPaymentSettingsQueryKey;exports.getPlatformQueryKey=e.getPlatformQueryKey;exports.getPromoQueryKey=e.getPromoQueryKey;exports.getPromosQueryKey=e.getPromosQueryKey;exports.getSendVerificationCodeMutationKey=e.getSendVerificationCodeMutationKey;exports.getSessionQueryKey=e.getSessionQueryKey;exports.getSignInMutationKey=e.getSignInMutationKey;exports.getSignOutMutationKey=e.getSignOutMutationKey;exports.getSignUpMutationKey=e.getSignUpMutationKey;exports.getSiteQueryKey=e.getSiteQueryKey;exports.getTopWinsQueryKey=e.getTopWinsQueryKey;exports.getTournamentsQueryKey=e.getTournamentsQueryKey;exports.getTransactionRecordsQueryKey=e.getTransactionRecordsQueryKey;exports.getWalletQueryKey=e.getWalletQueryKey;exports.getWithdrawalRecordsQueryKey=e.getWithdrawalRecordsQueryKey;exports.toaster=Q.toaster;

package/dist/utils.mjs

@@ -0,0 +1,64 @@
+import { anatomyToRecipeSlots as o } from "./utils/anatomyToRecipeSlots.mjs";
+import { capitalize as a } from "./utils/capitalize.mjs";
+import { createPoll as i } from "./utils/createPoll.mjs";
+import { createRecipeContext as g } from "./utils/createRecipeContext.mjs";
+import { createSplitProps as s } from "./utils/createSplitProps.mjs";
+import { dataAttr as p } from "./utils/dataAttr.mjs";
+import { formatNumber as Q } from "./utils/formatNumber.mjs";
+import { getGameImageUrl as f } from "./utils/getGameImageUrl.mjs";
+import { getLocaleInfo as M } from "./utils/getLocaleInfo.mjs";
+import { getQueryClient as C } from "./utils/getQueryClient.mjs";
+import { onMobileDevice as d } from "./utils/isMobile.mjs";
+import { parseDecimal as P } from "./utils/parseDecimal.mjs";
+import { getAccountQueryKey as b, getAuthenticateMutationKey as A, getAvailablePromosQueryKey as G, getBetRecordsQueryKey as I, getCashbacksQueryKey as h, getCreateGCashDepositMutationKey as k, getCreateGameSessionMutationKey as T, getCreateMayaAppDepositMutationKey as B, getCreateMayaDepositMutationKey as V, getCreateOnlineBankDepositMutationKey as W, getCreateQRPHDepositMutationKey as v, getDepositQueryKey as L, getDepositRecordsQueryKey as O, getDepositsCountQueryKey as U, getEndGameSessionMutationKey as w, getGamesQueryKey as z, getInstapayBankListQueryKey as E, getIsMayaSessionValidQueryKey as H, getJackpotsQueryKey as J, getMemberVerificationQueryKey as N, getPaymentSettingsQueryKey as j, getPlatformQueryKey as q, getPromoQueryKey as F, getPromosQueryKey as X, getSendVerificationCodeMutationKey as Y, getSessionQueryKey as Z, getSignInMutationKey as _, getSignOutMutationKey as $, getSignUpMutationKey as ee, getSiteQueryKey as te, getTopWinsQueryKey as oe, getTournamentsQueryKey as re, getTransactionRecordsQueryKey as ae, getWalletQueryKey as ye, getWithdrawalRecordsQueryKey as ie } from "./utils/queryKeys.mjs";
+import { toaster as ge } from "./utils/toaster.mjs";
+export {
+  o as anatomyToRecipeSlots,
+  a as capitalize,
+  i as createPoll,
+  g as createRecipeContext,
+  s as createSplitProps,
+  p as dataAttr,
+  Q as formatNumber,
+  b as getAccountQueryKey,
+  A as getAuthenticateMutationKey,
+  G as getAvailablePromosQueryKey,
+  I as getBetRecordsQueryKey,
+  h as getCashbacksQueryKey,
+  k as getCreateGCashDepositMutationKey,
+  T as getCreateGameSessionMutationKey,
+  B as getCreateMayaAppDepositMutationKey,
+  V as getCreateMayaDepositMutationKey,
+  W as getCreateOnlineBankDepositMutationKey,
+  v as getCreateQRPHDepositMutationKey,
+  L as getDepositQueryKey,
+  O as getDepositRecordsQueryKey,
+  U as getDepositsCountQueryKey,
+  w as getEndGameSessionMutationKey,
+  f as getGameImageUrl,
+  z as getGamesQueryKey,
+  E as getInstapayBankListQueryKey,
+  H as getIsMayaSessionValidQueryKey,
+  J as getJackpotsQueryKey,
+  M as getLocaleInfo,
+  N as getMemberVerificationQueryKey,
+  j as getPaymentSettingsQueryKey,
+  q as getPlatformQueryKey,
+  F as getPromoQueryKey,
+  X as getPromosQueryKey,
+  C as getQueryClient,
+  Y as getSendVerificationCodeMutationKey,
+  Z as getSessionQueryKey,
+  _ as getSignInMutationKey,
+  $ as getSignOutMutationKey,
+  ee as getSignUpMutationKey,
+  te as getSiteQueryKey,
+  oe as getTopWinsQueryKey,
+  re as getTournamentsQueryKey,
+  ae as getTransactionRecordsQueryKey,
+  ye as getWalletQueryKey,
+  ie as getWithdrawalRecordsQueryKey,
+  d as onMobileDevice,
+  P as parseDecimal,
+  ge as toaster
+};

package/package.json

@@ -1,151 +1,14 @@
 {
   "name": "@opexa/portal-components",
-  "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "exports": {
-    "./Account": {
-      "types": "./dist/components/Account/index.d.ts",
+    ".": {
+      "types": "./dist/components.d.ts",
       "import": {
-        "types": "./dist/components/Account/index.d.ts",
-        "default": "./dist/components/Account/index.js"
+        "types": "./dist/components.d.ts",
+        "default": "./dist/components.js"
       },
-      "require": "./dist/components/Account/index.cjs"
-    },
-    "./Banner": {
-      "types": "./dist/components/Banner/index.d.ts",
-      "import": {
-        "types": "./dist/components/Banner/index.d.ts",
-        "default": "./dist/components/Banner/index.js"
-      },
-      "require": "./dist/components/Banner/index.cjs"
-    },
-    "./BetRecords": {
-      "types": "./dist/components/BetRecords/index.d.ts",
-      "import": {
-        "types": "./dist/components/BetRecords/index.d.ts",
-        "default": "./dist/components/BetRecords/index.js"
-      },
-      "require": "./dist/components/BetRecords/index.cjs"
-    },
-    "./DepositWithdrawal": {
-      "types": "./dist/components/DepositWithdrawal/index.d.ts",
-      "import": {
-        "types": "./dist/components/DepositWithdrawal/index.d.ts",
-        "default": "./dist/components/DepositWithdrawal/index.js"
-      },
-      "require": "./dist/components/DepositWithdrawal/index.cjs"
-    },
-    "./Disclaimer": {
-      "types": "./dist/components/Disclaimer/index.d.ts",
-      "import": {
-        "types": "./dist/components/Disclaimer/index.d.ts",
-        "default": "./dist/components/Disclaimer/index.js"
-      },
-      "require": "./dist/components/Disclaimer/index.cjs"
-    },
-    "./GameLaunch": {
-      "types": "./dist/components/GameLaunch/index.d.ts",
-      "import": {
-        "types": "./dist/components/GameLaunch/index.d.ts",
-        "default": "./dist/components/GameLaunch/index.js"
-      },
-      "require": "./dist/components/GameLaunch/index.cjs"
-    },
-    "./Games": {
-      "types": "./dist/components/Games/index.d.ts",
-      "import": {
-        "types": "./dist/components/Games/index.d.ts",
-        "default": "./dist/components/Games/index.js"
-      },
-      "require": "./dist/components/Games/index.cjs"
-    },
-    "./Marquee": {
-      "types": "./dist/components/Marquee/index.d.ts",
-      "import": {
-        "types": "./dist/components/Marquee/index.d.ts",
-        "default": "./dist/components/Marquee/index.js"
-      },
-      "require": "./dist/components/Marquee/index.cjs"
-    },
-    "./PortalProvider": {
-      "types": "./dist/components/PortalProvider/index.d.ts",
-      "import": {
-        "types": "./dist/components/PortalProvider/index.d.ts",
-        "default": "./dist/components/PortalProvider/index.js"
-      },
-      "require": "./dist/components/PortalProvider/index.cjs"
-    },
-    "./Promo": {
-      "types": "./dist/components/Promo/index.d.ts",
-      "import": {
-        "types": "./dist/components/Promo/index.d.ts",
-        "default": "./dist/components/Promo/index.js"
-      },
-      "require": "./dist/components/Promo/index.cjs"
-    },
-    "./Promos": {
-      "types": "./dist/components/Promos/index.d.ts",
-      "import": {
-        "types": "./dist/components/Promos/index.d.ts",
-        "default": "./dist/components/Promos/index.js"
-      },
-      "require": "./dist/components/Promos/index.cjs"
-    },
-    "./Protected": {
-      "types": "./dist/components/Protected/index.d.ts",
-      "import": {
-        "types": "./dist/components/Protected/index.d.ts",
-        "default": "./dist/components/Protected/index.js"
-      },
-      "require": "./dist/components/Protected/index.cjs"
-    },
-    "./SignIn": {
-      "types": "./dist/components/SignIn/index.d.ts",
-      "import": {
-        "types": "./dist/components/SignIn/index.d.ts",
-        "default": "./dist/components/SignIn/index.js"
-      },
-      "require": "./dist/components/SignIn/index.cjs"
-    },
-    "./SignUp": {
-      "types": "./dist/components/SignUp/index.d.ts",
-      "import": {
-        "types": "./dist/components/SignUp/index.d.ts",
-        "default": "./dist/components/SignUp/index.js"
-      },
-      "require": "./dist/components/SignUp/index.cjs"
-    },
-    "./TopWins": {
-      "types": "./dist/components/TopWins/index.d.ts",
-      "import": {
-        "types": "./dist/components/TopWins/index.d.ts",
-        "default": "./dist/components/TopWins/index.js"
-      },
-      "require": "./dist/components/TopWins/index.cjs"
-    },
-    "./TournamentCounter": {
-      "types": "./dist/components/TournamentCounter/index.d.ts",
-      "import": {
-        "types": "./dist/components/TournamentCounter/index.d.ts",
-        "default": "./dist/components/TournamentCounter/index.js"
-      },
-      "require": "./dist/components/TournamentCounter/index.cjs"
-    },
-    "./TransactionRecords": {
-      "types": "./dist/components/TransactionRecords/index.d.ts",
-      "import": {
-        "types": "./dist/components/TransactionRecords/index.d.ts",
-        "default": "./dist/components/TransactionRecords/index.js"
-      },
-      "require": "./dist/components/TransactionRecords/index.cjs"
-    },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": {
-        "types": "./dist/components/index.d.ts",
-        "default": "./dist/components/index.js"
-      },
-      "require": "./dist/components/index.cjs"
+      "require": "./dist/components.cjs"
     },
     "./handlers": {
       "types": "./dist/handlers.d.ts",
@@ -164,12 +27,28 @@
       "require": "./dist/middleware.cjs"
     },
     "./ui": {
-      "types": "./dist/ui/index.d.ts",
+      "types": "./dist/ui.d.ts",
+      "import": {
+        "types": "./dist/ui.d.ts",
+        "default": "./dist/ui.js"
+      },
+      "require": "./dist/ui.cjs"
+    },
+    "./server/utils": {
+      "types": "./dist/server-utils.d.ts",
+      "import": {
+        "types": "./dist/server-utils.d.ts",
+        "default": "./dist/server-utils.js"
+      },
+      "require": "./dist/server-utils.cjs"
+    },
+    "./server/services": {
+      "types": "./dist/server-services.d.ts",
       "import": {
-        "types": "./dist/ui/index.d.ts",
-        "default": "./dist/ui/index.js"
+        "types": "./dist/server-services.d.ts",
+        "default": "./dist/server-services.js"
       },
-      "require": "./dist/ui/index.cjs"
+      "require": "./dist/server-services.cjs"
     },
     "./theme.css": "./dist/theme.css",
     "./package.json": "./package.json"
@@ -182,7 +61,7 @@
   },
   "scripts": {
     "dev": "next dev --turbopack",
-    "build": "tsc --project tsconfig.build.json && npx shx cp src/lib/styles/theme.css dist/theme.css && npx shx cp -Rp src/lib/images dist/images",
+    "build": "vite build",
     "build:app": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -214,6 +93,7 @@
     "@tanstack/react-query": "5.77.0",
     "@tanstack/react-query-devtools": "5.77.0",
     "@total-typescript/ts-reset": "0.6.1",
+    "@tsconfig/vite-react": "^6.3.5",
     "@types/lodash-es": "4.17.12",
     "@types/node": "22",
     "@types/react": "19",
@@ -225,9 +105,13 @@
     "react-dom": "19.1.0",
     "react-hook-form": "7.56.4",
     "release-it": "19.0.2",
+    "rollup-preserve-directives": "^1.1.3",
     "tailwindcss": "4",
     "type-fest": "4.41.0",
     "typescript": "5",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^5.1.4",
     "zod": "3.25.28"
   },
   "peerDependencies": {

package/dist/components/Account/Account.jsx

@@ -1,172 +0,0 @@
-'use client';
-import { Portal } from '@ark-ui/react';
-import Link from 'next/link';
-import { useShallow } from 'zustand/shallow';
-import { useAccountQuery } from '../../hooks/useAccountQuery/useAccountQuery.js';
-import { useGlobalStore } from '../../hooks/useGlobalStore.js';
-import { useLocaleInfo } from '../../hooks/useLocaleInfo.js';
-import { useSignOutMutation } from '../../hooks/useSignOutMutation/useSignOutMutation.js';
-import { useWalletQuery } from '../../hooks/useWalletQuery/useWalletQuery.js';
-import { ChevronRightIcon } from '../../icons/ChevronRightIcon.jsx';
-import { Logout01Icon } from '../../icons/Logout01Icon.jsx';
-import { User01Icon } from '../../icons/User01Icon.jsx';
-import { Avatar, Button, Drawer, Popover } from '../../ui/index.js';
-import { formatNumber } from '../../utils/formatNumber.js';
-export function Account(props) {
-    var _a, _b, _c, _d;
-    var globalStore = useGlobalStore(useShallow(function (ctx) { return ({
-        profile: ctx.profile,
-        mobileProfile: ctx.mobileProfile,
-    }); }));
-    return (<>
-      <Drawer.Root open={globalStore.profile.open} onOpenChange={function (details) {
-            globalStore.profile.setOpen(details.open);
-        }} lazyMount unmountOnExit>
-        <Drawer.Trigger asChild className="lg:hidden">
-          {(_a = props.children) !== null && _a !== void 0 ? _a : (<button type="button">
-              <Avatar.Root>
-                <Avatar.Fallback>
-                  <User01Icon />
-                </Avatar.Fallback>
-              </Avatar.Root>
-            </button>)}
-        </Drawer.Trigger>
-        <Portal>
-          <Drawer.Backdrop />
-          <Drawer.Positioner>
-            <Drawer.Content className="bg-gray-50 flex w-[316px] flex-col px-xl py-6">
-              <Profile />
-              <Wallet />
-              <Links links={(_b = props.links) !== null && _b !== void 0 ? _b : []}/>
-              <div className="grow"/>
-              <TradeMark />
-            </Drawer.Content>
-          </Drawer.Positioner>
-        </Portal>
-      </Drawer.Root>
-
-      <Popover.Root open={globalStore.mobileProfile.open} onOpenChange={function (details) {
-            globalStore.mobileProfile.setOpen(details.open);
-        }} lazyMount unmountOnExit positioning={{
-            placement: 'bottom',
-        }}>
-        <Popover.Trigger className="hidden lg:flex" asChild>
-          {(_c = props.children) !== null && _c !== void 0 ? _c : (<button type="button">
-              <Avatar.Root>
-                <Avatar.Fallback>
-                  <User01Icon />
-                </Avatar.Fallback>
-              </Avatar.Root>
-            </button>)}
-        </Popover.Trigger>
-        <Portal>
-          <Popover.Positioner>
-            <Popover.Content className="border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out">
-              <Profile />
-              <Wallet />
-              <Links links={(_d = props.links) !== null && _d !== void 0 ? _d : []}/>
-              <TradeMark />
-            </Popover.Content>
-          </Popover.Positioner>
-        </Portal>
-      </Popover.Root>
-    </>);
-}
-function TradeMark() {
-    return (<div className="text-gray-400 mt-xl text-center text-2xs">
-      &copy; 2025 HappyBingo All rights reserved
-    </div>);
-}
-function Profile() {
-    var _a, _b, _c, _d, _e, _f;
-    var accountQuery = useAccountQuery();
-    return (<div className="flex items-center gap-3">
-      <Avatar.Root>
-        <Avatar.Fallback>
-          <User01Icon />
-        </Avatar.Fallback>
-      </Avatar.Root>
-      <div>
-        <p className="text-sm font-semibold">{(_a = accountQuery.data) === null || _a === void 0 ? void 0 : _a.name}</p>
-        <p className="text-gray-400 text-xs">
-          {(_e = (_c = (_b = accountQuery.data) === null || _b === void 0 ? void 0 : _b.nickName) !== null && _c !== void 0 ? _c : (_d = accountQuery.data) === null || _d === void 0 ? void 0 : _d.emailAddress) !== null && _e !== void 0 ? _e : (_f = accountQuery.data) === null || _f === void 0 ? void 0 : _f.realName}
-        </p>
-      </div>
-    </div>);
-}
-function Links(props) {
-    var signOutMutation = useSignOutMutation();
-    var globalStore = useGlobalStore(useShallow(function (ctx) { return ({
-        profile: ctx.profile,
-        mobileProfile: ctx.mobileProfile,
-    }); }));
-    return (<nav className="mt-xl space-y-xl">
-      <ul>
-        {props.links.map(function (link, index) { return (<li key={link.href + index} className="border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl">
-            <Link href={link.href} onClick={function () {
-                globalStore.profile.setOpen(false);
-                globalStore.mobileProfile.setOpen(false);
-            }} className="flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold">
-              <link.icon className="size-5"/>
-              <span className="grow">{link.label}</span>
-              <ChevronRightIcon className="text-gray-400 size-5"/>
-            </Link>
-          </li>); })}
-      </ul>
-
-      <ul>
-        <li className="border-gray-200 block rounded-xl border bg-white">
-          <button type="button" className="flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold" disabled={signOutMutation.isPending} onClick={function () {
-            signOutMutation.mutate();
-            globalStore.profile.setOpen(false);
-            globalStore.mobileProfile.setOpen(false);
-        }}>
-            <Logout01Icon className="size-5"/>
-            <span className="grow">Log Out</span>
-            <ChevronRightIcon className="text-gray-400 size-5"/>
-          </button>
-        </li>
-      </ul>
-    </nav>);
-}
-function Wallet() {
-    var _a;
-    var localeInfo = useLocaleInfo();
-    var walletQuery = useWalletQuery({
-        refetchInterval: 1000,
-    });
-    var globalStore = useGlobalStore(useShallow(function (ctx) { return ({
-        profile: ctx.profile,
-        mobileProfile: ctx.mobileProfile,
-        depositWithdrawal: ctx.depositWithdrawal,
-    }); }));
-    return (<div className="border-gray-200 mt-3 rounded-lg border bg-white p-xl">
-      <div className="border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium">
-        Available Balance
-      </div>
-      <div className="mt-2 text-3xl font-semibold">
-        {formatNumber((_a = walletQuery.data) === null || _a === void 0 ? void 0 : _a.balance, {
-            currency: localeInfo === null || localeInfo === void 0 ? void 0 : localeInfo.currency.code,
-            minDecimalPlaces: 2,
-        })}
-      </div>
-      <div className="mt-3 flex gap-lg">
-        <Button size="xs" variant="outline" colorScheme="gray" onClick={function () {
-            globalStore.depositWithdrawal.setOpen(true);
-            globalStore.depositWithdrawal.setTab('WITHDRAWAL');
-            globalStore.profile.setOpen(false);
-            globalStore.mobileProfile.setOpen(false);
-        }}>
-          Withdraw
-        </Button>
-        <Button size="xs" onClick={function () {
-            globalStore.depositWithdrawal.setOpen(true);
-            globalStore.depositWithdrawal.setTab('DEPOSIT');
-            globalStore.profile.setOpen(false);
-            globalStore.mobileProfile.setOpen(false);
-        }}>
-          Deposit
-        </Button>
-      </div>
-    </div>);
-}

package/dist/components/Account/index.js

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

package/dist/components/Banner/Banner.jsx

@@ -1,52 +0,0 @@
-'use client';
-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/dataAttr.js';
-export function Banner(props) {
-    var _a = useEmblaCarousel({
-        loop: true,
-        align: 'start',
-    }, [
-        emblaCarouselAutoplay({
-            playOnInit: true,
-            delay: 5000,
-        }),
-    ]), emblaRef = _a[0], emblaApi = _a[1];
-    var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
-    useEffect(function () {
-        function handler(detail) {
-            var _a;
-            setCurrentIndex((_a = detail === null || detail === void 0 ? void 0 : detail.selectedScrollSnap()) !== null && _a !== void 0 ? _a : 0);
-        }
-        emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.on('scroll', handler);
-        emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.on('init', handler);
-        return function () {
-            emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.on('init', handler);
-            emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.off('scroll', handler);
-        };
-    }, [emblaApi]);
-    return (<div className={twMerge('relative', props.className)}>
-      <div ref={emblaRef} className="overflow-hidden">
-        <div className="flex gap-2">
-          {props.banners.map(function (banner, index) {
-            var img = (<Image src={banner.src} alt="" width={1200} /* ✏️ TODO: must be 400 on mobile */ height={300} /* ✏️ TODO: must be 225 on mobile */ className="block h-auto w-full rounded-xl" priority={index === 0}/>);
-            return (<Fragment key={index}>
-                {!banner.redirectUrl ? (<div className="w-full shrink-0">{img}</div>) : (<Link href={banner.redirectUrl} className="block w-full shrink-0">
-                    {img}
-                  </Link>)}
-              </Fragment>);
-        })}
-        </div>
-      </div>
-
-      <div className="absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2">
-        {props.banners.map(function (_, index) { return (<button key={index} type="button" className="border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9" onClick={function () {
-                emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollTo(index);
-            }} aria-label={"Go to slide ".concat(index + 1)} data-active={dataAttr(index === currentIndex)}/>); })}
-      </div>
-    </div>);
-}

package/dist/components/Banner/index.js

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

package/dist/components/BetRecords/BetRecords.jsx

@@ -1,4 +0,0 @@
-import { BetRecordsContent } from './BetRecordsContent.jsx';
-export function BetRecords(props) {
-    return <BetRecordsContent {...props}/>;
-}

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

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