@opexa/portal-components 0.0.11 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Account/Account.js +1 -1
- package/dist/components/Account/Account.mjs +9 -9
- package/dist/components/BetRecords/BetRecords.js +1 -1
- package/dist/components/BetRecords/BetRecords.mjs +1 -1
- package/dist/components/DepositWithdrawal/AmountChoices.js +1 -1
- package/dist/components/DepositWithdrawal/AmountChoices.mjs +1 -1
- package/dist/components/DepositWithdrawal/AvailablePromos.js +1 -1
- package/dist/components/DepositWithdrawal/AvailablePromos.mjs +17 -17
- package/dist/components/DepositWithdrawal/Deposit/Deposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/Deposit.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.mjs +45 -45
- package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.mjs +46 -46
- package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.mjs +45 -45
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositForm.mjs +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.js +1 -1
- package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.mjs +1 -1
- package/dist/components/DepositWithdrawal/DepositWithdrawal.js +1 -1
- package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs +23 -23
- package/dist/components/DepositWithdrawal/PaymentMethods.js +1 -1
- package/dist/components/DepositWithdrawal/PaymentMethods.mjs +1 -1
- package/dist/components/Disclaimer/useDisclaimer.js +1 -1
- package/dist/components/Disclaimer/useDisclaimer.mjs +5 -5
- package/dist/components/GameLaunch/GameLaunch.js +1 -1
- package/dist/components/GameLaunch/GameLaunch.mjs +22 -22
- package/dist/components/GameLaunch/GameLaunchTrigger.js +1 -1
- package/dist/components/GameLaunch/GameLaunchTrigger.mjs +11 -11
- package/dist/components/Games/Games.js +1 -1
- package/dist/components/Games/Games.mjs +11 -10
- package/dist/components/JackpotCounter/JackpotCounter.js +1 -1
- package/dist/components/JackpotCounter/JackpotCounter.mjs +1 -1
- package/dist/components/JackpotCounter/JackpotCounterItem.js +1 -1
- package/dist/components/JackpotCounter/JackpotCounterItem.mjs +1 -1
- package/dist/components/Promo/PromoContent.js +1 -1
- package/dist/components/Promo/PromoContent.mjs +1 -1
- package/dist/components/Promos/PromoCarousel.js +1 -1
- package/dist/components/Promos/PromoCarousel.mjs +1 -1
- package/dist/components/Promos/PromoGrid.js +1 -1
- package/dist/components/Promos/PromoGrid.mjs +1 -1
- package/dist/components/Protected/Protected.js +1 -1
- package/dist/components/Protected/Protected.mjs +1 -1
- package/dist/components/SignIn/SignIn.js +1 -1
- package/dist/components/SignIn/SignIn.mjs +13 -13
- package/dist/components/SignIn/SignInForm.js +1 -1
- package/dist/components/SignIn/SignInForm.mjs +31 -31
- package/dist/components/SignUp/SignUp.js +1 -1
- package/dist/components/SignUp/SignUp.mjs +14 -14
- package/dist/components/SignUp/SignUpForm.js +1 -1
- package/dist/components/SignUp/SignUpForm.mjs +28 -28
- package/dist/components/TopWins/TopWins.js +1 -1
- package/dist/components/TopWins/TopWins.mjs +1 -1
- package/dist/components/TournamentCounter/TournamentCounter.js +1 -1
- package/dist/components/TournamentCounter/TournamentCounter.mjs +1 -1
- package/dist/components/TournamentCounter/TournamentCounterItem.js +1 -1
- package/dist/components/TournamentCounter/TournamentCounterItem.mjs +1 -1
- package/dist/components/TransactionRecords/DepositRecordsTable.js +1 -1
- package/dist/components/TransactionRecords/DepositRecordsTable.mjs +1 -1
- package/dist/components/TransactionRecords/TableFilters.js +1 -1
- package/dist/components/TransactionRecords/TableFilters.mjs +1 -1
- package/dist/components/TransactionRecords/TransactionRecordsTable.js +1 -1
- package/dist/components/TransactionRecords/TransactionRecordsTable.mjs +1 -1
- package/dist/components/TransactionRecords/WithdrawalRecordsTable.js +1 -1
- package/dist/components/TransactionRecords/WithdrawalRecordsTable.mjs +1 -1
- package/dist/handlers.d.ts +1 -1
- package/dist/hooks/useCreateGCashDepositMutation.js +1 -1
- package/dist/hooks/useCreateGCashDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateGameSessionMutation.js +1 -1
- package/dist/hooks/useCreateGameSessionMutation.mjs +1 -1
- package/dist/hooks/useCreateMayaAppDepositMutation.js +1 -1
- package/dist/hooks/useCreateMayaAppDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateMayaDepositMutation.js +1 -1
- package/dist/hooks/useCreateMayaDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateOnlineBankDepositMutation.js +1 -1
- package/dist/hooks/useCreateOnlineBankDepositMutation.mjs +1 -1
- package/dist/hooks/useCreateQRPHDepositMutation.js +1 -1
- package/dist/hooks/useCreateQRPHDepositMutation.mjs +1 -1
- package/dist/utils/toaster.d.ts +1 -1
- package/dist/utils/toaster.js +1 -1
- package/dist/utils/toaster.mjs +1 -1
- package/package.json +1 -1
- package/dist/_virtual/_commonjsHelpers.js +0 -1
- package/dist/_virtual/_commonjsHelpers.mjs +0 -8
- package/dist/_virtual/browser.js +0 -1
- package/dist/_virtual/browser.mjs +0 -5
- package/dist/_virtual/browser2.js +0 -1
- package/dist/_virtual/browser2.mjs +0 -7
- package/dist/_virtual/browser3.js +0 -1
- package/dist/_virtual/browser3.mjs +0 -4
- package/dist/_virtual/browser4.js +0 -1
- package/dist/_virtual/browser4.mjs +0 -4
- package/dist/_virtual/index.js +0 -1
- package/dist/_virtual/index.mjs +0 -7
- package/dist/_virtual/index2.js +0 -1
- package/dist/_virtual/index2.mjs +0 -4
- package/dist/_virtual/index3.js +0 -1
- package/dist/_virtual/index3.mjs +0 -4
- package/dist/_virtual/index4.js +0 -1
- package/dist/_virtual/index4.mjs +0 -4
- package/dist/_virtual/index5.js +0 -1
- package/dist/_virtual/index5.mjs +0 -4
- package/dist/node_modules/.pnpm/@ark-ui_react@5.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@ark-ui/react/dist/components/toast/create-toaster.js +0 -1
- package/dist/node_modules/.pnpm/@ark-ui_react@5.9.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@ark-ui/react/dist/components/toast/create-toaster.mjs +0 -6
- package/dist/node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js +0 -1
- package/dist/node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs +0 -66
- package/dist/node_modules/.pnpm/@zag-js_anatomy@1.12.4/node_modules/@zag-js/anatomy/dist/index.js +0 -1
- package/dist/node_modules/.pnpm/@zag-js_anatomy@1.12.4/node_modules/@zag-js/anatomy/dist/index.mjs +0 -25
- package/dist/node_modules/.pnpm/@zag-js_toast@1.12.4/node_modules/@zag-js/toast/dist/index.js +0 -1
- package/dist/node_modules/.pnpm/@zag-js_toast@1.12.4/node_modules/@zag-js/toast/dist/index.mjs +0 -123
- package/dist/node_modules/.pnpm/@zag-js_utils@1.12.4/node_modules/@zag-js/utils/dist/index.js +0 -1
- package/dist/node_modules/.pnpm/@zag-js_utils@1.12.4/node_modules/@zag-js/utils/dist/index.mjs +0 -21
- package/dist/node_modules/.pnpm/base-x@4.0.0/node_modules/base-x/src/index.js +0 -1
- package/dist/node_modules/.pnpm/base-x@4.0.0/node_modules/base-x/src/index.mjs +0 -76
- package/dist/node_modules/.pnpm/base64-js@1.5.1/node_modules/base64-js/index.js +0 -1
- package/dist/node_modules/.pnpm/base64-js@1.5.1/node_modules/base64-js/index.mjs +0 -52
- package/dist/node_modules/.pnpm/bs58@5.0.0/node_modules/bs58/index.js +0 -1
- package/dist/node_modules/.pnpm/bs58@5.0.0/node_modules/bs58/index.mjs +0 -8
- package/dist/node_modules/.pnpm/buffer@6.0.3/node_modules/buffer/index.js +0 -6
- package/dist/node_modules/.pnpm/buffer@6.0.3/node_modules/buffer/index.mjs +0 -953
- package/dist/node_modules/.pnpm/crypto-hash@1.3.0/node_modules/crypto-hash/browser.js +0 -1
- package/dist/node_modules/.pnpm/crypto-hash@1.3.0/node_modules/crypto-hash/browser.mjs +0 -34
- package/dist/node_modules/.pnpm/ieee754@1.2.1/node_modules/ieee754/index.js +0 -1
- package/dist/node_modules/.pnpm/ieee754@1.2.1/node_modules/ieee754/index.mjs +0 -30
- package/dist/node_modules/.pnpm/randombytes@2.1.0/node_modules/randombytes/browser.js +0 -2
- package/dist/node_modules/.pnpm/randombytes@2.1.0/node_modules/randombytes/browser.mjs +0 -32
- package/dist/node_modules/.pnpm/safe-buffer@5.2.1/node_modules/safe-buffer/index.js +0 -1
- package/dist/node_modules/.pnpm/safe-buffer@5.2.1/node_modules/safe-buffer/index.mjs +0 -38
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js +0 -1
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs +0 -12
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/vanilla/shallow.js +0 -1
- package/dist/node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/vanilla/shallow.mjs +0 -30
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@ark-ui/react"),d=require("next/image"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const n=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@ark-ui/react"),d=require("next/image"),s=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const n=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const x=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const h=require("../../icons/ArrowNarrowUpRightIcon.js"),o=require("../../icons/ChevronLeftIcon.js"),u=require("../../icons/ChevronRightIcon.js"),f=require("../../images/close-chest.png.js"),g=require("../../images/open-chest.png.js"),t=require("./JackpotCounterItem.module.css.js");function N({jackpot:r,className:l}){const i=x.useLocaleInfo(),a=r.drawing,m=a?r.maximumJackpotPoolLimit:r.pool;return e.jsxs("div",{className:s.twMerge("bg-gray-50 border-gray-200 flex shrink-0 flex-col space-y-2 rounded-sm border p-3 text-center",l),children:[e.jsxs("div",{className:"flex w-full justify-between",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[a?e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx("span",{className:"full bg-gray-900 size-1.5 animate-pulse rounded"}),"Paying Out"]}):e.jsxs("div",{className:"border-gray-700 bg-gray-300 flex w-fit items-center rounded-full border px-2 py-0.5 text-xs font-medium",children:[e.jsx(h.ArrowNarrowUpRightIcon,{className:"size-3.5"}),"Accumulating"]}),e.jsx("div",{className:"text-left text-lg font-medium",children:r.name}),e.jsx("div",{className:"bg-gray-950 text-gray-300 w-fit rounded-md px-2 py-1 text-2xl font-bold",children:n.formatNumber(m,{currency:i.currency.code,minDecimalPlaces:2,maxDecimalPlaces:2})})]}),e.jsx("div",{children:e.jsx(d,{width:100,height:100,src:a?g:f,alt:"closeChest",quality:100,className:"h-25 w-25 size-full"})})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(0,{currency:i.currency.code,compact:!0})}),e.jsxs("div",{className:"relative flex items-center justify-end gap-1.5",children:[a?e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-red-flash-1"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-red-flash-2"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-red-flash-3"]),children:e.jsx(o.ChevronLeftIcon,{className:"size-4.5"})})]}):e.jsxs("div",{className:"flex w-6 items-center",children:[e.jsx("div",{className:s.twMerge("absolute left-0",t["animate-arrow-green-flash-1"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-1.5",t["animate-arrow-green-flash-2"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})}),e.jsx("div",{className:s.twMerge("absolute left-3",t["animate-arrow-green-flash-3"]),children:e.jsx(u.ChevronRightIcon,{className:"size-4.5"})})]}),e.jsx("div",{className:"text-xs font-medium",children:n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})})]})]}),e.jsx(c.Progress.Root,{className:"bg-gray-200 h-2 w-full rounded-full",max:100,value:33,children:e.jsx(c.Progress.Track,{className:"bg-gray-950 h-full rounded-full",children:e.jsx(c.Progress.Range,{className:"bg-gray-300 h-full rounded-full"})})}),e.jsx("div",{className:"mt-1 text-start text-[10px]",children:a?`The pot has hit ${n.formatNumber(r==null?void 0:r.maximumJackpotPoolLimit,{currency:i.currency.code,compact:!0})} Play now for your chance to win big! 🔥`:y(Number(r==null?void 0:r.pool)??0,Number(r==null?void 0:r.maximumJackpotPoolLimit)??0)})]})}const y=(r,l)=>(l===0?0:r/l*100)<=90?"The jackpot is heating up! Keep playing to stay in the action and watch it grow!":"🔥 It’s about to pop! Stay in the game for your shot at the prize!";exports.JackpotCounterItem=N;
|
|
@@ -16,7 +16,7 @@ import "../../utils/isMobile.mjs";
|
|
|
16
16
|
import "../../utils/parseDecimal.mjs";
|
|
17
17
|
import "../../utils/toaster.mjs";
|
|
18
18
|
import "lodash-es";
|
|
19
|
-
import "
|
|
19
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
20
20
|
import "../../hooks/useGlobalStore.mjs";
|
|
21
21
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
22
22
|
import { useLocaleInfo as h } from "../../hooks/useLocaleInfo.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const u=require("../../hooks/usePromoQuery.js");function o(i){const r=u.usePromoQuery(i.id);return r.isLoading?e.jsx("p",{children:"Loading..."}):r.isError?e.jsxs("p",{children:["Error: ",r.error.message]}):r.data?e.jsxs("div",{children:[e.jsx("h1",{children:r.data.name}),e.jsx("p",{children:r.data.description})]}):e.jsx("p",{children:"No promo data found."})}exports.PromoContent=o;
|
|
@@ -12,7 +12,7 @@ import "../../utils/getQueryClient.mjs";
|
|
|
12
12
|
import "../../utils/isMobile.mjs";
|
|
13
13
|
import "../../utils/toaster.mjs";
|
|
14
14
|
import "lodash-es";
|
|
15
|
-
import "
|
|
15
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
16
16
|
import "../../hooks/useGlobalStore.mjs";
|
|
17
17
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
18
18
|
import "usehooks-ts";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("embla-carousel-react"),g=require("next/link"),i=require("react"),N=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("embla-carousel-react"),g=require("next/link"),i=require("react"),N=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const f=require("../../hooks/usePromosQuery.js"),v=require("../../icons/ArrowLeftIcon.js"),j=require("../../icons/ArrowRightIcon.js"),S=require("../../icons/ChevronRightIcon.js"),y=require("../../icons/Gift01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const P=require("../Empty/Empty.js"),w=require("./PromoItem.js");function C(o){const l=f.usePromosQuery({}).data||[],[c,r]=x({align:"start",slidesToScroll:1,breakpoints:{"(min-width: 1024px)":{slidesToScroll:3}}}),[u,a]=i.useState(!0),[d,q]=i.useState(!0),m=i.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),h=i.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=i.useCallback(s=>{a(!(s!=null&&s.canScrollPrev())),q(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]),e.jsxs("div",{className:o.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:o.heading}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(g,{href:o.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(S.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:m,disabled:u,"aria-label":"Previous",children:e.jsx(v.ArrowLeftIcon,{className:"size-5"})}),e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:h,disabled:d,"aria-label":"Next",children:e.jsx(j.ArrowRightIcon,{className:"size-5"})})]})]})]}),l.length<=0&&e.jsx(P.Empty,{icon:y.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),l.length>=1&&e.jsx("div",{ref:c,className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:N.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/1)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/3)] lg:gap-md"),children:l.map(s=>e.jsx(w.PromosItem,{promo:s,shouldShowDescription:o.shouldShowDescription},s.id))})})]})}exports.PromoCarousel=C;
|
|
@@ -15,7 +15,7 @@ import "../../utils/getQueryClient.mjs";
|
|
|
15
15
|
import "../../utils/isMobile.mjs";
|
|
16
16
|
import "../../utils/toaster.mjs";
|
|
17
17
|
import "lodash-es";
|
|
18
|
-
import "
|
|
18
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
19
19
|
import "../../hooks/useGlobalStore.mjs";
|
|
20
20
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
21
21
|
import "usehooks-ts";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const t=require("../../hooks/usePromosQuery.js"),l=require("../../icons/Gift01Icon.js"),u=require("../Empty/Empty.js"),c=require("./PromoItem.js");function n(r){const i=t.usePromosQuery({}).data||[];return e.jsxs("div",{className:r.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:r.heading}),e.jsx("div",{className:"grow"})]}),i.length<=0&&e.jsx(u.Empty,{icon:l.Gift01Icon,title:"No Promos",message:"No promo is currently available.",className:"mt-lg"}),i.length>=1&&e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:o.twMerge("grid grid-cols-1 gap-sm lg:grid-cols-3 lg:gap-md"),children:i.map(s=>e.jsx(c.PromosItem,{promo:s,shouldShowDescription:r.shouldShowDescription},s.id))})})]})}exports.PromoGrid=n;
|
|
@@ -13,7 +13,7 @@ import "../../utils/getQueryClient.mjs";
|
|
|
13
13
|
import "../../utils/isMobile.mjs";
|
|
14
14
|
import "../../utils/toaster.mjs";
|
|
15
15
|
import "lodash-es";
|
|
16
|
-
import "
|
|
16
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
17
17
|
import "../../hooks/useGlobalStore.mjs";
|
|
18
18
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
19
19
|
import "usehooks-ts";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react/jsx-runtime");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");const u=require("../../hooks/useSessionQuery.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react/jsx-runtime");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");const u=require("../../hooks/useSessionQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function i(e){var r;return((r=u.useSessionQuery().data)==null?void 0:r.status)==="authenticated"?e.children:e.fallback??null}exports.Protected=i;
|
|
@@ -13,7 +13,7 @@ import "../../utils/isMobile.mjs";
|
|
|
13
13
|
import "../../utils/toaster.mjs";
|
|
14
14
|
import { useSessionQuery as i } from "../../hooks/useSessionQuery.mjs";
|
|
15
15
|
import "lodash-es";
|
|
16
|
-
import "
|
|
16
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
17
17
|
import "../../hooks/useGlobalStore.mjs";
|
|
18
18
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
19
19
|
import "usehooks-ts";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@ark-ui/react"),n=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@ark-ui/react"),n=require("next/image"),l=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const o=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const a=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const q=require("./SignInForm.js");function c(i){const t=o.useGlobalStore(l.useShallow(u=>u.signIn));return e.jsxs(r.Root,{open:t.open,onOpenChange:u=>{t.setOpen(u.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:i.children??e.jsx("button",{type:"button",className:"px-3.5 font-semibold",children:"Login"})}),e.jsxs(s.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit",children:[e.jsx(n,{src:i.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),e.jsxs("div",{className:"relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(a.XIcon,{})}),e.jsx(n,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(q.SignInForm,{})]})]})})]})]})}exports.SignIn=c;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { Portal as l } from "@ark-ui/react";
|
|
4
4
|
import m from "next/image";
|
|
5
|
+
import { useShallow as p } from "zustand/shallow";
|
|
5
6
|
import "@opexa/portal-sdk-core";
|
|
6
7
|
import "@tanstack/react-query";
|
|
7
8
|
import "tiny-invariant";
|
|
@@ -14,11 +15,11 @@ import "../../utils/getQueryClient.mjs";
|
|
|
14
15
|
import "../../utils/isMobile.mjs";
|
|
15
16
|
import "../../utils/toaster.mjs";
|
|
16
17
|
import "lodash-es";
|
|
17
|
-
import "
|
|
18
|
-
import { useGlobalStore as
|
|
18
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
19
|
+
import { useGlobalStore as n } from "../../hooks/useGlobalStore.mjs";
|
|
19
20
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
20
21
|
import "usehooks-ts";
|
|
21
|
-
import { XIcon as
|
|
22
|
+
import { XIcon as s } from "../../icons/XIcon.mjs";
|
|
22
23
|
import "../../ui/AlertDialog/AlertDialog.mjs";
|
|
23
24
|
import "../../ui/Avatar/Avatar.mjs";
|
|
24
25
|
import "../../ui/Badge/Badge.mjs";
|
|
@@ -26,7 +27,7 @@ import "../../ui/Button/button.recipe.mjs";
|
|
|
26
27
|
import "../../ui/Checkbox/Checkbox.mjs";
|
|
27
28
|
import "../../ui/Clipboard/Clipboard.mjs";
|
|
28
29
|
import "../../ui/DatePicker/DatePicker.mjs";
|
|
29
|
-
import { Root as
|
|
30
|
+
import { Root as a, Trigger as c, Backdrop as h, Positioner as u, Content as d, CloseTrigger as g } from "../../ui/Dialog/Dialog.mjs";
|
|
30
31
|
import "../../ui/Drawer/Drawer.mjs";
|
|
31
32
|
import "../../ui/Field/Field.mjs";
|
|
32
33
|
import "../../ui/IconButton/iconButton.recipe.mjs";
|
|
@@ -38,12 +39,11 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
|
|
|
38
39
|
import "../../ui/Select/Select.mjs";
|
|
39
40
|
import "../../ui/Table/Table.mjs";
|
|
40
41
|
import "../../ui/Tabs/Tabs.mjs";
|
|
41
|
-
import { SignInForm as
|
|
42
|
-
import { useShallow as f } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
|
|
42
|
+
import { SignInForm as f } from "./SignInForm.mjs";
|
|
43
43
|
function et(r) {
|
|
44
|
-
const e = p(
|
|
44
|
+
const e = n(p((i) => i.signIn));
|
|
45
45
|
return /* @__PURE__ */ o(
|
|
46
|
-
|
|
46
|
+
a,
|
|
47
47
|
{
|
|
48
48
|
open: e.open,
|
|
49
49
|
onOpenChange: (i) => {
|
|
@@ -54,10 +54,10 @@ function et(r) {
|
|
|
54
54
|
closeOnEscape: !1,
|
|
55
55
|
closeOnInteractOutside: !1,
|
|
56
56
|
children: [
|
|
57
|
-
/* @__PURE__ */ t(
|
|
57
|
+
/* @__PURE__ */ t(c, { asChild: !0, children: r.children ?? /* @__PURE__ */ t("button", { type: "button", className: "px-3.5 font-semibold", children: "Login" }) }),
|
|
58
58
|
/* @__PURE__ */ o(l, { children: [
|
|
59
|
-
/* @__PURE__ */ t(
|
|
60
|
-
/* @__PURE__ */ t(
|
|
59
|
+
/* @__PURE__ */ t(h, {}),
|
|
60
|
+
/* @__PURE__ */ t(u, { children: /* @__PURE__ */ o(d, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", children: [
|
|
61
61
|
/* @__PURE__ */ t(
|
|
62
62
|
m,
|
|
63
63
|
{
|
|
@@ -69,7 +69,7 @@ function et(r) {
|
|
|
69
69
|
}
|
|
70
70
|
),
|
|
71
71
|
/* @__PURE__ */ o("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl", children: [
|
|
72
|
-
/* @__PURE__ */ t(
|
|
72
|
+
/* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(s, {}) }),
|
|
73
73
|
/* @__PURE__ */ t(
|
|
74
74
|
m,
|
|
75
75
|
{
|
|
@@ -81,7 +81,7 @@ function et(r) {
|
|
|
81
81
|
draggable: !1
|
|
82
82
|
}
|
|
83
83
|
),
|
|
84
|
-
/* @__PURE__ */ t(
|
|
84
|
+
/* @__PURE__ */ t(f, {})
|
|
85
85
|
] })
|
|
86
86
|
] }) })
|
|
87
87
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@ark-ui/react"),j=require("@hookform/resolvers/zod"),S=require("react"),m=require("react-hook-form"),o=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const q=require("../../utils/toaster.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("@ark-ui/react"),j=require("@hookform/resolvers/zod"),S=require("react"),m=require("react-hook-form"),o=require("zod"),w=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const q=require("../../utils/toaster.js"),k=require("../../hooks/useCooldown.js");require("@opexa/portal-sdk-core/object-id");const z=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const F=require("../../hooks/useLocaleInfo.js"),R=require("../../hooks/useMobileNumberParser.js");require("usehooks-ts");const M=require("../../hooks/useSendVerificationCodeMutation.js"),P=require("../../hooks/useSignInMutation.js"),A=require("../../icons/ArrowLeftIcon.js"),V=require("../../icons/CheckIcon.js"),L=require("../../icons/FacebookIcon.js"),O=require("../../icons/GoogleIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const d=require("../../ui/Button/Button.js"),c=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const x=require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");const n=require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function B(){var g;const[f,h]=S.useState(1),u=C.useDialogContext(),N=z.useGlobalStore(w.useShallow(t=>t.signUp)),v=P.useSignInMutation(),p=M.useSendVerificationCodeMutation(),b=F.useLocaleInfo(),a=R.useMobileNumberParser(),y=o.z.object({mobileNumber:o.z.string().superRefine((t,r)=>{a.validate(t)||r.addIssue({code:o.z.ZodIssueCode.custom,message:"Invalid mobile number"})}),termsAccepted:o.z.boolean().superRefine((t,r)=>{t||r.addIssue({code:o.z.ZodIssueCode.custom,message:"You must accept the terms and conditions"})})}),I=o.z.object({verificationCode:o.z.array(o.z.string().min(1).max(1).trim()).min(6).max(6)}),s=m.useForm({resolver:j.zodResolver(y),defaultValues:{mobileNumber:"",termsAccepted:!1}}),l=m.useForm({resolver:j.zodResolver(I),defaultValues:{verificationCode:Array.from({length:6}).fill("")}}),i=k.useCooldown({max:60,duration:1e3*60});return e.jsxs(e.Fragment,{children:[f===1&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"w-full grow",children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Log in to your account"}),e.jsx("p",{className:"text-gray-600 mt-xs text-center text-sm",children:"Welcome back! Please enter your details."}),e.jsxs("form",{className:"mt-5",onSubmit:s.handleSubmit(async t=>{try{await p.mutateAsync({channel:"SMS",recipient:a.format(t.mobileNumber),strict:!0}),h(2),i.start()}catch(r){q.toaster.error({description:r instanceof Error?r.message:"Failed to send verification code"})}}),children:[e.jsxs(x.Root,{invalid:!!s.formState.errors.mobileNumber,children:[e.jsx(x.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(b.country.flag,{className:"absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2"}),e.jsx(x.Input,{className:"pl-11",placeholder:`${b.mobileNumber.areaCode}${b.mobileNumber.example}`,...s.register("mobileNumber")})]}),e.jsx(x.ErrorText,{children:(g=s.formState.errors.mobileNumber)==null?void 0:g.message})]}),e.jsx(d.Button,{type:"submit",className:"mt-xl",disabled:s.formState.isSubmitting,children:"Log In"}),e.jsx(m.Controller,{control:s.control,name:"termsAccepted",render:t=>e.jsxs(c.Root,{className:"mt-xl",invalid:t.fieldState.invalid,checked:t.field.value,onCheckedChange:r=>{t.field.onChange(r.checked)},children:[e.jsx(c.Control,{children:e.jsx(c.Indicator,{asChild:!0,children:e.jsx(V.CheckIcon,{})})}),e.jsx(c.Label,{children:"I confirm that I am at least 21 years old, not listed in the PAGCOR NDRP, not a GEL license holder, government employee, or member of the Armed Forces of the Philippines. I am not playing in a public space and agree to the Terms of Use and Privacy Policy. Ineligible accounts will have their funds forfeited to the government."}),e.jsx(c.HiddenInput,{})]})})]}),e.jsxs("div",{className:"relative mt-5 text-center",children:[e.jsx("hr",{className:"-translte-y-1/2 text-gray-200 absolute top-1/2 w-full"}),e.jsx("span",{className:"text-gray-500 relative bg-white px-md text-center text-sm font-semibold",children:"OR"})]}),e.jsxs("div",{className:"mt-5",children:[e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{u.setOpen(!1)},children:[e.jsx(O.GoogleIcon,{className:"size-6"}),"Continue with Google"]}),e.jsxs(d.Button,{variant:"outline",colorScheme:"gray",className:"mt-lg",onClick:()=>{u.setOpen(!1)},children:[e.jsx(L.FacebookIcon,{className:"size-6"}),"Continue with Facebook"]})]})]}),e.jsxs("div",{className:"flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-gray-500",children:"Don't have an account?"}),e.jsx("button",{type:"submit",className:"text-accent-700 font-semibold",onClick:()=>{u.setOpen(!1),N.setOpen(!0)},children:"Sign up"})]})]}),f===2&&e.jsxs("div",{className:"w-full grow",children:[e.jsx("h2",{className:"mt-xl text-center text-lg font-semibold",children:"Check your Phone"}),e.jsxs("p",{className:"text-gray-600 mt-xs text-center text-sm",children:["We’ve sent a verification code to your mobile number"," ",e.jsx("span",{className:"font-semibold",children:a.format(s.getValues("mobileNumber"))})," ","via text"]}),e.jsxs("form",{className:"mt-5",onSubmit:l.handleSubmit(async({verificationCode:t})=>{const{mobileNumber:r}=s.getValues();try{await v.mutateAsync({type:"MOBILE_NUMBER",mobileNumber:a.format(r),verificationCode:t.join("")}),u.setOpen(!1),s.reset(),l.reset(),h(1)}catch{q.toaster.error({description:"Invalid Verification Code"})}}),children:[e.jsx(m.Controller,{name:"verificationCode",control:l.control,render:t=>e.jsxs(n.Root,{placeholder:"0",invalid:t.fieldState.invalid,value:t.field.value,onValueChange:r=>{t.field.onChange(r.value)},children:[e.jsxs(n.Control,{children:[e.jsx(n.Input,{index:0}),e.jsx(n.Input,{index:1}),e.jsx(n.Input,{index:2}),e.jsx(n.Input,{index:3}),e.jsx(n.Input,{index:4}),e.jsx(n.Input,{index:5})]}),e.jsx(n.HiddenInput,{})]})}),e.jsx(d.Button,{type:"submit",className:"mt-5",disabled:l.formState.isSubmitting,children:"Verify and Play"}),e.jsxs("div",{className:"mt-5 flex w-full items-center justify-center gap-xs text-sm",children:[e.jsx("span",{className:"text-gray-500",children:"Didn't recieve the code?"}),e.jsx("button",{type:"button",className:"text-accent-700 font-semibold",disabled:i.cooling,onClick:async()=>{await p.mutateAsync({channel:"SMS",recipient:a.format(s.getValues("mobileNumber"))}),i.start()},children:i.cooling?`Resend in ${i.countdown}s`:"Resend"})]}),e.jsxs("button",{type:"button",className:"text-gray-600 mx-auto mt-5 flex w-fit items-center gap-1 text-sm font-semibold",onClick:()=>{h(1),l.reset(),i.stop()},children:[e.jsx(A.ArrowLeftIcon,{className:"size-5"}),"Back"]})]})]})]})}exports.SignInForm=B;
|
|
@@ -5,6 +5,7 @@ import { zodResolver as x } from "@hookform/resolvers/zod";
|
|
|
5
5
|
import { useState as R } from "react";
|
|
6
6
|
import { useForm as N, Controller as v } from "react-hook-form";
|
|
7
7
|
import { z as n } from "zod";
|
|
8
|
+
import { useShallow as A } from "zustand/shallow";
|
|
8
9
|
import "@opexa/portal-sdk-core";
|
|
9
10
|
import "@tanstack/react-query";
|
|
10
11
|
import "tiny-invariant";
|
|
@@ -15,42 +16,41 @@ import "../../utils/getLocaleInfo.mjs";
|
|
|
15
16
|
import "../../utils/getQueryClient.mjs";
|
|
16
17
|
import "../../utils/isMobile.mjs";
|
|
17
18
|
import { toaster as y } from "../../utils/toaster.mjs";
|
|
18
|
-
import { useCooldown as
|
|
19
|
-
import "
|
|
20
|
-
import { useGlobalStore as
|
|
19
|
+
import { useCooldown as M } from "../../hooks/useCooldown.mjs";
|
|
20
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
21
|
+
import { useGlobalStore as P } from "../../hooks/useGlobalStore.mjs";
|
|
21
22
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
22
|
-
import { useLocaleInfo as
|
|
23
|
-
import { useMobileNumberParser as
|
|
23
|
+
import { useLocaleInfo as V } from "../../hooks/useLocaleInfo.mjs";
|
|
24
|
+
import { useMobileNumberParser as F } from "../../hooks/useMobileNumberParser.mjs";
|
|
24
25
|
import "usehooks-ts";
|
|
25
|
-
import { useSendVerificationCodeMutation as
|
|
26
|
-
import { useSignInMutation as
|
|
27
|
-
import { ArrowLeftIcon as
|
|
28
|
-
import { CheckIcon as
|
|
29
|
-
import { FacebookIcon as
|
|
30
|
-
import { GoogleIcon as
|
|
26
|
+
import { useSendVerificationCodeMutation as L } from "../../hooks/useSendVerificationCodeMutation.mjs";
|
|
27
|
+
import { useSignInMutation as $ } from "../../hooks/useSignInMutation.mjs";
|
|
28
|
+
import { ArrowLeftIcon as O } from "../../icons/ArrowLeftIcon.mjs";
|
|
29
|
+
import { CheckIcon as j } from "../../icons/CheckIcon.mjs";
|
|
30
|
+
import { FacebookIcon as z } from "../../icons/FacebookIcon.mjs";
|
|
31
|
+
import { GoogleIcon as D } from "../../icons/GoogleIcon.mjs";
|
|
31
32
|
import "../../ui/AlertDialog/AlertDialog.mjs";
|
|
32
33
|
import "../../ui/Avatar/Avatar.mjs";
|
|
33
34
|
import "../../ui/Badge/Badge.mjs";
|
|
34
35
|
import { Button as d } from "../../ui/Button/Button.mjs";
|
|
35
|
-
import { Root as
|
|
36
|
+
import { Root as E, Control as G, Indicator as B, Label as U, HiddenInput as H } from "../../ui/Checkbox/Checkbox.mjs";
|
|
36
37
|
import "../../ui/Clipboard/Clipboard.mjs";
|
|
37
38
|
import "../../ui/DatePicker/DatePicker.mjs";
|
|
38
39
|
import "../../ui/Dialog/Dialog.mjs";
|
|
39
40
|
import "../../ui/Drawer/Drawer.mjs";
|
|
40
|
-
import { Root as
|
|
41
|
+
import { Root as T, Label as W, Input as Z, ErrorText as Y } from "../../ui/Field/Field.mjs";
|
|
41
42
|
import "../../ui/IconButton/iconButton.recipe.mjs";
|
|
42
43
|
import "../../ui/NumberInput/NumberInput.mjs";
|
|
43
|
-
import { Root as
|
|
44
|
+
import { Root as _, Control as q, Input as s, HiddenInput as J } from "../../ui/PinInput/PinInput.mjs";
|
|
44
45
|
import "../../ui/Popover/Popover.mjs";
|
|
45
46
|
import "tailwind-merge";
|
|
46
47
|
import "../../ui/SegmentGroup/SegmentGroup.mjs";
|
|
47
48
|
import "../../ui/Select/Select.mjs";
|
|
48
49
|
import "../../ui/Table/Table.mjs";
|
|
49
50
|
import "../../ui/Tabs/Tabs.mjs";
|
|
50
|
-
import { useShallow as J } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
|
|
51
51
|
function Ze() {
|
|
52
52
|
var b;
|
|
53
|
-
const [f, u] = R(1), c = k(), C =
|
|
53
|
+
const [f, u] = R(1), c = k(), C = P(A((o) => o.signUp)), S = $(), h = L(), p = V(), l = F(), I = n.object({
|
|
54
54
|
mobileNumber: n.string().superRefine((o, i) => {
|
|
55
55
|
l.validate(o) || i.addIssue({
|
|
56
56
|
code: n.ZodIssueCode.custom,
|
|
@@ -76,7 +76,7 @@ function Ze() {
|
|
|
76
76
|
defaultValues: {
|
|
77
77
|
verificationCode: Array.from({ length: 6 }).fill("")
|
|
78
78
|
}
|
|
79
|
-
}), a =
|
|
79
|
+
}), a = M({
|
|
80
80
|
max: 60,
|
|
81
81
|
duration: 1e3 * 60
|
|
82
82
|
});
|
|
@@ -103,12 +103,12 @@ function Ze() {
|
|
|
103
103
|
}
|
|
104
104
|
}),
|
|
105
105
|
children: [
|
|
106
|
-
/* @__PURE__ */ t(
|
|
107
|
-
/* @__PURE__ */ e(
|
|
106
|
+
/* @__PURE__ */ t(T, { invalid: !!r.formState.errors.mobileNumber, children: [
|
|
107
|
+
/* @__PURE__ */ e(W, { children: "Mobile Number" }),
|
|
108
108
|
/* @__PURE__ */ t("div", { className: "relative", children: [
|
|
109
109
|
/* @__PURE__ */ e(p.country.flag, { className: "absolute left-3.5 top-1/2 size-5 shrink-0 -translate-y-1/2" }),
|
|
110
110
|
/* @__PURE__ */ e(
|
|
111
|
-
|
|
111
|
+
Z,
|
|
112
112
|
{
|
|
113
113
|
className: "pl-11",
|
|
114
114
|
placeholder: `${p.mobileNumber.areaCode}${p.mobileNumber.example}`,
|
|
@@ -116,7 +116,7 @@ function Ze() {
|
|
|
116
116
|
}
|
|
117
117
|
)
|
|
118
118
|
] }),
|
|
119
|
-
/* @__PURE__ */ e(
|
|
119
|
+
/* @__PURE__ */ e(Y, { children: (b = r.formState.errors.mobileNumber) == null ? void 0 : b.message })
|
|
120
120
|
] }),
|
|
121
121
|
/* @__PURE__ */ e(
|
|
122
122
|
d,
|
|
@@ -133,7 +133,7 @@ function Ze() {
|
|
|
133
133
|
control: r.control,
|
|
134
134
|
name: "termsAccepted",
|
|
135
135
|
render: (o) => /* @__PURE__ */ t(
|
|
136
|
-
|
|
136
|
+
E,
|
|
137
137
|
{
|
|
138
138
|
className: "mt-xl",
|
|
139
139
|
invalid: o.fieldState.invalid,
|
|
@@ -142,9 +142,9 @@ function Ze() {
|
|
|
142
142
|
o.field.onChange(i.checked);
|
|
143
143
|
},
|
|
144
144
|
children: [
|
|
145
|
-
/* @__PURE__ */ e(
|
|
146
|
-
/* @__PURE__ */ e(
|
|
147
|
-
/* @__PURE__ */ e(
|
|
145
|
+
/* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(j, {}) }) }),
|
|
146
|
+
/* @__PURE__ */ e(U, { children: "I confirm that I am at least 21 years old, not listed in the PAGCOR NDRP, not a GEL license holder, government employee, or member of the Armed Forces of the Philippines. I am not playing in a public space and agree to the Terms of Use and Privacy Policy. Ineligible accounts will have their funds forfeited to the government." }),
|
|
147
|
+
/* @__PURE__ */ e(H, {})
|
|
148
148
|
]
|
|
149
149
|
}
|
|
150
150
|
)
|
|
@@ -167,7 +167,7 @@ function Ze() {
|
|
|
167
167
|
c.setOpen(!1);
|
|
168
168
|
},
|
|
169
169
|
children: [
|
|
170
|
-
/* @__PURE__ */ e(
|
|
170
|
+
/* @__PURE__ */ e(D, { className: "size-6" }),
|
|
171
171
|
"Continue with Google"
|
|
172
172
|
]
|
|
173
173
|
}
|
|
@@ -182,7 +182,7 @@ function Ze() {
|
|
|
182
182
|
c.setOpen(!1);
|
|
183
183
|
},
|
|
184
184
|
children: [
|
|
185
|
-
/* @__PURE__ */ e(
|
|
185
|
+
/* @__PURE__ */ e(z, { className: "size-6" }),
|
|
186
186
|
"Continue with Facebook"
|
|
187
187
|
]
|
|
188
188
|
}
|
|
@@ -238,7 +238,7 @@ function Ze() {
|
|
|
238
238
|
name: "verificationCode",
|
|
239
239
|
control: m.control,
|
|
240
240
|
render: (o) => /* @__PURE__ */ t(
|
|
241
|
-
|
|
241
|
+
_,
|
|
242
242
|
{
|
|
243
243
|
placeholder: "0",
|
|
244
244
|
invalid: o.fieldState.invalid,
|
|
@@ -247,7 +247,7 @@ function Ze() {
|
|
|
247
247
|
o.field.onChange(i.value);
|
|
248
248
|
},
|
|
249
249
|
children: [
|
|
250
|
-
/* @__PURE__ */ t(
|
|
250
|
+
/* @__PURE__ */ t(q, { children: [
|
|
251
251
|
/* @__PURE__ */ e(s, { index: 0 }),
|
|
252
252
|
/* @__PURE__ */ e(s, { index: 1 }),
|
|
253
253
|
/* @__PURE__ */ e(s, { index: 2 }),
|
|
@@ -255,7 +255,7 @@ function Ze() {
|
|
|
255
255
|
/* @__PURE__ */ e(s, { index: 4 }),
|
|
256
256
|
/* @__PURE__ */ e(s, { index: 5 })
|
|
257
257
|
] }),
|
|
258
|
-
/* @__PURE__ */ e(
|
|
258
|
+
/* @__PURE__ */ e(J, {})
|
|
259
259
|
]
|
|
260
260
|
}
|
|
261
261
|
)
|
|
@@ -299,7 +299,7 @@ function Ze() {
|
|
|
299
299
|
u(1), m.reset(), a.stop();
|
|
300
300
|
},
|
|
301
301
|
children: [
|
|
302
|
-
/* @__PURE__ */ e(
|
|
302
|
+
/* @__PURE__ */ e(O, { className: "size-5" }),
|
|
303
303
|
"Back"
|
|
304
304
|
]
|
|
305
305
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@ark-ui/react"),s=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@ark-ui/react"),s=require("next/image"),n=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const o=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const c=require("./SignUpForm.js");function g(i){const t=o.useGlobalStore(n.useShallow(u=>u.signUp));return e.jsxs(r.Root,{open:t.open,onOpenChange:u=>{t.setOpen(u.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:i.children??e.jsx(a.Button,{children:"Sign up"})}),e.jsxs(l.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit",children:[e.jsx(s,{src:i.banner,alt:"h-auto w-[400px]",width:400,height:800,className:"hidden rounded-l-xl lg:block"}),e.jsxs("div",{className:"relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(q.XIcon,{})}),e.jsx(s,{src:i.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsx(c.SignUpForm,{})]})]})})]})]})}exports.SignUp=g;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { Portal as p } from "@ark-ui/react";
|
|
4
4
|
import m from "next/image";
|
|
5
|
+
import { useShallow as l } from "zustand/shallow";
|
|
5
6
|
import "@opexa/portal-sdk-core";
|
|
6
7
|
import "@tanstack/react-query";
|
|
7
8
|
import "tiny-invariant";
|
|
@@ -14,19 +15,19 @@ import "../../utils/getQueryClient.mjs";
|
|
|
14
15
|
import "../../utils/isMobile.mjs";
|
|
15
16
|
import "../../utils/toaster.mjs";
|
|
16
17
|
import "lodash-es";
|
|
17
|
-
import "
|
|
18
|
-
import { useGlobalStore as
|
|
18
|
+
import "@opexa/portal-sdk-core/object-id";
|
|
19
|
+
import { useGlobalStore as n } from "../../hooks/useGlobalStore.mjs";
|
|
19
20
|
import "../../hooks/useInfiniteQueryHelper.mjs";
|
|
20
21
|
import "usehooks-ts";
|
|
21
|
-
import { XIcon as
|
|
22
|
+
import { XIcon as a } from "../../icons/XIcon.mjs";
|
|
22
23
|
import "../../ui/AlertDialog/AlertDialog.mjs";
|
|
23
24
|
import "../../ui/Avatar/Avatar.mjs";
|
|
24
25
|
import "../../ui/Badge/Badge.mjs";
|
|
25
|
-
import { Button as
|
|
26
|
+
import { Button as s } from "../../ui/Button/Button.mjs";
|
|
26
27
|
import "../../ui/Checkbox/Checkbox.mjs";
|
|
27
28
|
import "../../ui/Clipboard/Clipboard.mjs";
|
|
28
29
|
import "../../ui/DatePicker/DatePicker.mjs";
|
|
29
|
-
import { Root as
|
|
30
|
+
import { Root as c, Trigger as h, Backdrop as u, Positioner as d, Content as g, CloseTrigger as f } from "../../ui/Dialog/Dialog.mjs";
|
|
30
31
|
import "../../ui/Drawer/Drawer.mjs";
|
|
31
32
|
import "../../ui/Field/Field.mjs";
|
|
32
33
|
import "../../ui/IconButton/iconButton.recipe.mjs";
|
|
@@ -38,12 +39,11 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
|
|
|
38
39
|
import "../../ui/Select/Select.mjs";
|
|
39
40
|
import "../../ui/Table/Table.mjs";
|
|
40
41
|
import "../../ui/Tabs/Tabs.mjs";
|
|
41
|
-
import { SignUpForm as
|
|
42
|
-
import { useShallow as x } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
|
|
42
|
+
import { SignUpForm as x } from "./SignUpForm.mjs";
|
|
43
43
|
function mt(r) {
|
|
44
|
-
const e = l(
|
|
44
|
+
const e = n(l((i) => i.signUp));
|
|
45
45
|
return /* @__PURE__ */ o(
|
|
46
|
-
|
|
46
|
+
c,
|
|
47
47
|
{
|
|
48
48
|
open: e.open,
|
|
49
49
|
onOpenChange: (i) => {
|
|
@@ -54,10 +54,10 @@ function mt(r) {
|
|
|
54
54
|
closeOnEscape: !1,
|
|
55
55
|
closeOnInteractOutside: !1,
|
|
56
56
|
children: [
|
|
57
|
-
/* @__PURE__ */ t(
|
|
57
|
+
/* @__PURE__ */ t(h, { asChild: !0, children: r.children ?? /* @__PURE__ */ t(s, { children: "Sign up" }) }),
|
|
58
58
|
/* @__PURE__ */ o(p, { children: [
|
|
59
|
-
/* @__PURE__ */ t(
|
|
60
|
-
/* @__PURE__ */ t(
|
|
59
|
+
/* @__PURE__ */ t(u, {}),
|
|
60
|
+
/* @__PURE__ */ t(d, { children: /* @__PURE__ */ o(g, { className: "mx-auto flex h-full w-full items-start lg:h-auto lg:w-fit", children: [
|
|
61
61
|
/* @__PURE__ */ t(
|
|
62
62
|
m,
|
|
63
63
|
{
|
|
@@ -69,7 +69,7 @@ function mt(r) {
|
|
|
69
69
|
}
|
|
70
70
|
),
|
|
71
71
|
/* @__PURE__ */ o("div", { className: "relative flex w-full flex-col items-start self-stretch bg-white p-3xl lg:w-[400px] lg:rounded-r-xl", children: [
|
|
72
|
-
/* @__PURE__ */ t(
|
|
72
|
+
/* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(a, {}) }),
|
|
73
73
|
/* @__PURE__ */ t(
|
|
74
74
|
m,
|
|
75
75
|
{
|
|
@@ -81,7 +81,7 @@ function mt(r) {
|
|
|
81
81
|
draggable: !1
|
|
82
82
|
}
|
|
83
83
|
),
|
|
84
|
-
/* @__PURE__ */ t(
|
|
84
|
+
/* @__PURE__ */ t(x, {})
|
|
85
85
|
] })
|
|
86
86
|
] }) })
|
|
87
87
|
] })
|