@opexa/portal-components 0.0.743 → 0.0.745

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.
Files changed (68) hide show
  1. package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselStageItem.js +9 -9
  2. package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageDesktop.js +7 -5
  3. package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageMobile.js +6 -5
  4. package/dist/components/KYC/KYCVerificationStatus.lazy.js +4 -7
  5. package/dist/components/Messages/MessagesPopup.js +11 -4
  6. package/dist/services/queries.d.ts +1 -1
  7. package/dist/services/queries.js +1 -0
  8. package/dist/types/index.d.ts +2 -1
  9. package/dist/ui/Combobox/Combobox.d.ts +42 -42
  10. package/dist/ui/Combobox/combobox.recipe.d.ts +3 -3
  11. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  12. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  13. package/dist/ui/Menu/Menu.d.ts +90 -90
  14. package/dist/ui/Menu/menu.recipe.d.ts +5 -5
  15. package/dist/ui/Select/Select.d.ts +45 -45
  16. package/dist/ui/Select/select.recipe.d.ts +3 -3
  17. package/dist/utils/mask.d.ts +1 -0
  18. package/dist/utils/mask.js +1 -1
  19. package/package.json +1 -1
  20. package/dist/components/Banner/Banner.client.d.ts +0 -12
  21. package/dist/components/Banner/Banner.client.js +0 -49
  22. package/dist/components/DepositWithdrawal/AiOPaymentMethods.d.ts +0 -11
  23. package/dist/components/DepositWithdrawal/AiOPaymentMethods.js +0 -55
  24. package/dist/components/DigitainLauncher/Loading.d.ts +0 -1
  25. package/dist/components/DigitainLauncher/Loading.js +0 -5
  26. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +0 -184
  27. package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +0 -184
  28. package/dist/components/KYC/BasicInformation.d.ts +0 -1
  29. package/dist/components/KYC/BasicInformation.js +0 -101
  30. package/dist/components/KYC/IdentityVerification.d.ts +0 -1
  31. package/dist/components/KYC/IdentityVerification.js +0 -120
  32. package/dist/components/KYC/Indicator.d.ts +0 -1
  33. package/dist/components/KYC/Indicator.js +0 -8
  34. package/dist/components/KYC/KYC.lazy.d.ts +0 -6
  35. package/dist/components/KYC/KYC.lazy.js +0 -45
  36. package/dist/components/KYC/KYCContext.d.ts +0 -6
  37. package/dist/components/KYC/KYCContext.js +0 -2
  38. package/dist/components/KYC/PersonalInformation.d.ts +0 -1
  39. package/dist/components/KYC/PersonalInformation.js +0 -122
  40. package/dist/components/KYC/useKYC.d.ts +0 -25
  41. package/dist/components/KYC/useKYC.js +0 -38
  42. package/dist/components/PortalProvider/CXDTokenObserver.d.ts +0 -1
  43. package/dist/components/PortalProvider/CXDTokenObserver.js +0 -30
  44. package/dist/components/PortalProvider/LinkGoogleAccountObserver.d.ts +0 -1
  45. package/dist/components/PortalProvider/LinkGoogleAccountObserver.js +0 -29
  46. package/dist/components/SessionWatcher/SessionWatcher.d.ts +0 -1
  47. package/dist/components/SessionWatcher/SessionWatcher.js +0 -20
  48. package/dist/components/SessionWatcher/index.d.ts +0 -1
  49. package/dist/components/SessionWatcher/index.js +0 -1
  50. package/dist/components/SignIn/utils.d.ts +0 -8
  51. package/dist/components/SignIn/utils.js +0 -26
  52. package/dist/constants/Branches.d.ts +0 -2
  53. package/dist/constants/Branches.js +0 -42
  54. package/dist/images/responsible-gaming-yellow.png +0 -0
  55. package/dist/third-parties/FacebookPixel/FacebookPixel.d.ts +0 -4
  56. package/dist/third-parties/FacebookPixel/FacebookPixel.js +0 -4
  57. package/dist/third-parties/FacebookPixel/api.d.ts +0 -0
  58. package/dist/third-parties/FacebookPixel/api.js +0 -1
  59. package/dist/third-parties/FacebookPixel/index.d.ts +0 -1
  60. package/dist/third-parties/FacebookPixel/index.js +0 -1
  61. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.d.ts +0 -4
  62. package/dist/third-parties/GoogleRecaptcha/GoogleRecaptcha.js +0 -4
  63. package/dist/third-parties/GoogleRecaptcha/api.d.ts +0 -0
  64. package/dist/third-parties/GoogleRecaptcha/api.js +0 -1
  65. package/dist/third-parties/GoogleRecaptcha/index.d.ts +0 -1
  66. package/dist/third-parties/GoogleRecaptcha/index.js +0 -1
  67. package/dist/third-parties/index.d.ts +0 -2
  68. package/dist/third-parties/index.js +0 -2
package/dist/components/Jackpots/JackpotsCarouselNext/JackpotsCarouselStageItem.js CHANGED
@@ -22,7 +22,7 @@ import { User01Icon } from '../../../icons/User01Icon.js';
22
22
  import firstPlace from '../../../images/first-place.png';
23
23
  import leaderboard from '../../../images/leaderboard.png';
24
24
  import { formatNumber } from '../../../utils/formatNumber.js';
25
- import { mask } from '../../../utils/mask.js';
25
+ import { maskFirstLast } from '../../../utils/mask.js';
26
26
  import { parseDecimal } from '../../../utils/parseDecimal.js';
27
27
  import styles from '../Jackpots.module.css';
28
28
  import { useJackpotsCarouselItemContext } from './JackpotsCarouselContext.js';
@@ -115,9 +115,7 @@ export function JackpotsCarouselStageItem({ style, className, viewAllUrl, animat
115
115
  return null;
116
116
  }
117
117
  return (_jsxs("div", { ref: ref, className: twMerge('relative flex w-full shrink-0 rounded-2xl border border-border-primary bg-bg-tertiary p-3 text-center lg:gap-4 lg:p-5', className?.itemRoot, window.location.href.includes('blucky') &&
118
- styles['animate-multi-stage-gradient-blucky']), style: style, children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex gap-2.5", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-full border border-[#3F100B] bg-[#CDA95B] px-2 py-0.5 font-medium text-[#1D0201] text-xs', className?.jackpotBadgeRoot), children: [_jsx(Flag05Icon, { className: "size-3.5 text-[inherit]" }), "Stage", ' ', isCompleted
119
- ? (jackpot.stage ?? 1) - 1
120
- : jackpot.stage, ' '] }), !isCompleted ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "In Progress"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx(CheckCircleBrokenIcon, { className: "size-3.5 text-utility-success-500" }), "Completed"] }))] }), _jsx("div", { className: "mt-1 text-left font-medium text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
118
+ styles['animate-multi-stage-gradient-blucky']), style: style, children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex gap-2.5", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-full border border-[#3F100B] bg-[#CDA95B] px-2 py-0.5 font-medium text-[#1D0201] text-xs', className?.jackpotBadgeRoot), children: [_jsx(Flag05Icon, { className: "size-3.5 text-[inherit]" }), "Stage ", jackpot.stage, ' '] }), jackpot.status !== 'CLOSED' ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "In Progress"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx(CheckCircleBrokenIcon, { className: "size-3.5 text-utility-success-500" }), "Completed"] }))] }), _jsx("div", { className: "mt-1 text-left font-medium text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
121
119
  currency: localeInfo.currency.code,
122
120
  minDecimalPlaces: 2,
123
121
  maxDecimalPlaces: 2,
@@ -125,13 +123,14 @@ export function JackpotsCarouselStageItem({ style, className, viewAllUrl, animat
125
123
  currency: localeInfo.currency.code,
126
124
  minDecimalPlaces: 2,
127
125
  maxDecimalPlaces: 2,
128
- })] })] })] }), _jsx("div", { className: "hidden min-w-25 lg:block" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: latestJackpotPayout?.amount ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: mask(latestJackpotPayout.member.name, {
129
- totalCharsCount: 6,
126
+ })] })] })] }), _jsx("div", { className: "hidden min-w-25 lg:block" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: latestJackpotPayout?.amount ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(latestJackpotPayout.member.name, {
127
+ firstCharsCount: 3,
128
+ midLength: 3,
130
129
  }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(latestJackpotPayout.amount, {
131
130
  currency: localeInfo.currency.code,
132
131
  minDecimalPlaces: 2,
133
132
  maxDecimalPlaces: 2,
134
- }) })] })] })) : (_jsxs("div", { className: twMerge('flex flex-row gap-[8.5px]', medalImage?.wrapper), children: [_jsx(Image, { width: 66, height: 87, src: medalImage?.image || firstPlace, alt: "firstPlace", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: "No winners yet" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the jackpot!" })] })] })) })] }) }) }), _jsxs("div", { className: "lg:mt-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-sm text-text-primary-900", children: ["Stage ", isCompleted ? (jackpot.stage ?? 1) - 1 : jackpot.stage, ' ', "Progress"] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, "aria-valuenow": currStageProgressPercentage, "aria-valuemax": 100, "aria-label": "Jackpot progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] })] }), _jsxs("div", { className: twMerge('z-1 hidden flex-1 space-y-4 lg:block', className?.recentPayoutsRoot), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { width: 24, height: 24, src: leaderboard, alt: "leaderboardIcon", className: "size-full h-auto w-6" }), _jsx("div", { className: "font-semibold text-lg text-text-primary-900", children: "Stages" })] }), _jsxs(Link, { className: "flex font-semibold text-button-tertiary-fg text-sm", href: viewAllUrl ?? '/jackpots', children: ["See details", _jsx(ChevronRightIcon, { className: "size-5" })] })] }), _jsx(OverallProgressBar, {}), _jsx("div", { className: twMerge('max-h-[17rem] overflow-y-scroll', styles.scrollArea), children: _jsx("div", { className: "overflow-hidden rounded-xl border-gray-200", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsx("tr", { className: twMerge('h-8 whitespace-nowrap bg-bg-secondary text-left font-medium text-text-tertiary-600 text-xs', className?.recentPayoutsTableHeadRow), children: [
133
+ }) })] })] })) : (_jsxs("div", { className: twMerge('flex flex-row gap-[8.5px]', medalImage?.wrapper), children: [_jsx(Image, { width: 66, height: 87, src: medalImage?.image || firstPlace, alt: "firstPlace", className: "size-full h-auto w-[4.125rem] mix-blend-luminosity" }), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: "No winners yet" }), _jsx("div", { className: "text-text-secondary-700 text-xs", children: "You could be the first to win the jackpot!" })] })] })) })] }) }) }), _jsxs("div", { className: "lg:mt-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-sm text-text-primary-900", children: ["Stage ", jackpot.stage, " Progress"] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, "aria-valuenow": currStageProgressPercentage, "aria-valuemax": 100, "aria-label": "Jackpot progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] })] }), _jsxs("div", { className: twMerge('z-1 hidden flex-1 space-y-4 lg:block', className?.recentPayoutsRoot), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Image, { width: 24, height: 24, src: leaderboard, alt: "leaderboardIcon", className: "size-full h-auto w-6" }), _jsx("div", { className: "font-semibold text-lg text-text-primary-900", children: "Stages" })] }), _jsxs(Link, { className: "flex font-semibold text-button-tertiary-fg text-sm", href: viewAllUrl ?? '/jackpots', children: ["See details", _jsx(ChevronRightIcon, { className: "size-5" })] })] }), _jsx(OverallProgressBar, {}), _jsx("div", { className: twMerge('max-h-[17rem] overflow-y-scroll', styles.scrollArea), children: _jsx("div", { className: "overflow-hidden rounded-xl border-gray-200", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsx("tr", { className: twMerge('h-8 whitespace-nowrap bg-bg-secondary text-left font-medium text-text-tertiary-600 text-xs', className?.recentPayoutsTableHeadRow), children: [
135
134
  'Stage',
136
135
  'Player',
137
136
  'Turnover Target',
@@ -139,8 +138,9 @@ export function JackpotsCarouselStageItem({ style, className, viewAllUrl, animat
139
138
  'Timestamp',
140
139
  ].map((header) => (_jsx("th", { className: "px-4", children: header }, header))) }) }), _jsx("tbody", { children: jackpot.stages
141
140
  ? jackpot.stages.map((j, i) => (_jsxs("tr", { className: twMerge('whitespace-nowrap bg-bg-primary text-left text-sm text-text-secondary-700', className?.recentPayoutsTableBodyRow), children: [_jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: i + 1 }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: j.member?.name
142
- ? mask(j.member.name, {
143
- totalCharsCount: 6,
141
+ ? maskFirstLast(j.member.name, {
142
+ firstCharsCount: 3,
143
+ midLength: 3,
144
144
  })
145
145
  : '-' }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: formatNumber(j.targetTurnover, {
146
146
  currency: localeInfo.currency.code,
package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageDesktop.js CHANGED
@@ -13,7 +13,7 @@ import { User01Icon } from '../../../icons/User01Icon.js';
13
13
  import firstPlace from '../../../images/first-place.png';
14
14
  import leaderboard from '../../../images/leaderboard.png';
15
15
  import { formatNumber } from '../../../utils/formatNumber.js';
16
- import { mask, maskFirstLast } from '../../../utils/mask.js';
16
+ import { maskFirstLast } from '../../../utils/mask.js';
17
17
  import { parseDecimal } from '../../../utils/parseDecimal.js';
18
18
  import styles from '../Jackpots.module.css';
19
19
  import { useJackpotsListItemContext } from './JackpotsListContext.js';
@@ -58,7 +58,7 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
58
58
  const isCompleted = overallPercentage >= 100;
59
59
  const ProfileIcon = () => jackpotProfileShape === 'oval' ? (_jsxs("div", { className: "relative flex h-18 w-18 items-center justify-center rounded-full bg-bg-tertiary", children: [_jsx(User01Icon, { className: "size-9 text-text-quarterary-500" }), _jsx("div", { className: twMerge('absolute right-0 bottom-safe-area-inset-bottom flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] border-bg-primary bg-yellow-400 font-bold text-brand-950 text-xs', className?.latestPayoutRankRoot), children: "1st" })] })) : (_jsxs("div", { className: "relative grid h-18 w-18", children: [_jsx(StarIcon, { className: "col-start-1 row-start-1 h-full w-full" }), _jsx(User01Icon, { className: "z-10 col-start-1 row-start-1 size-9 place-self-center text-text-quarterary-500" }), _jsx("div", { className: twMerge('-right-0 absolute bottom-safe-area-inset-bottom z-20 flex h-7 w-7 items-center justify-center rounded-full border-[1.5px] border-bg-primary bg-yellow-400 text-center font-bold text-brand-950 text-xs', className?.latestPayoutRankRoot), children: "1st" })] }));
60
60
  const PayoutBadge = () => (_jsxs("div", { className: twMerge('flex h-fit w-fit items-center gap-1 rounded-sm border border-utility-brand-200 bg-utility-brand-50 px-2 py-0.5 font-medium text-utility-brand-700 text-xs', className?.latestPayoutBadgeRoot), children: [_jsx(Trophy01Icon, { className: twMerge('size-3.5 text-utility-brand-600', className?.latestPayoutBadgeIcon) }), "Winner"] }));
61
- const ProgressBar = () => (_jsxs("div", { className: "mt-3 lg:mt-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-sm text-text-primary-900", children: ["Stage ", isCompleted ? (jackpot.stage ?? 1) - 1 : jackpot.stage, ' ', "Progress"] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] }));
61
+ const ProgressBar = () => (_jsxs("div", { className: "mt-3 lg:mt-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-sm text-text-primary-900", children: ["Stage ", jackpot.stage, " Progress"] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] }));
62
62
  const OverallProgressBar = () => {
63
63
  return (_jsxs("div", { className: "mt-3 lg:mt-4", children: [_jsxs("div", { className: "mb-[0.3125rem] flex items-center justify-between font-semibold text-sm text-text-primary-900", children: [_jsx("p", { children: "Overall Progress" }), overallPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: overallPercentage, children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] }));
64
64
  };
@@ -66,6 +66,7 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
66
66
  ? jackpot.stages.map((j, i) => (_jsxs("tr", { className: twMerge('whitespace-nowrap bg-bg-primary text-left text-sm text-text-secondary-700', className?.recentPayoutsTableBodyRow), children: [_jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: i + 1 }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: j.member?.name
67
67
  ? maskFirstLast(j.member.name, {
68
68
  firstCharsCount: 3,
69
+ midLength: 3,
69
70
  })
70
71
  : '-' }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: formatNumber(j.targetTurnover, {
71
72
  currency: localeInfo.currency.code,
@@ -83,7 +84,7 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
83
84
  return null;
84
85
  }
85
86
  return (_jsxs("div", { ref: rootRef, className: twMerge('rounded-2xl border border-border-primary bg-bg-tertiary', className?.itemRoot), children: [_jsxs("div", { style: props.style, className: twMerge('relative flex shrink-0 rounded-2xl p-3 text-center lg:gap-4 lg:p-5', window.location.href.includes('blucky') &&
86
- styles['animate-multi-stage-gradient-blucky']), children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex gap-2.5", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-full border border-[#3F100B] bg-[#CDA95B] px-2 py-0.5 font-medium text-[#1D0201] text-xs', className?.jackpotBadgeRoot), children: [_jsx(Flag05Icon, { className: "size-3.5 text-[inherit]" }), "Stage", ' ', isCompleted ? (jackpot.stage ?? 1) - 1 : jackpot.stage] }), !isCompleted ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "In Progress"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx(CheckCircleBrokenIcon, { className: "size-3.5 text-utility-success-500" }), "Completed"] }))] }), _jsx("div", { className: "mt-1 text-left font-semibold text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
87
+ styles['animate-multi-stage-gradient-blucky']), children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: "relative flex w-full justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex gap-2.5", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-full border border-[#3F100B] bg-[#CDA95B] px-2 py-0.5 font-medium text-[#1D0201] text-xs', className?.jackpotBadgeRoot), children: [_jsx(Flag05Icon, { className: "size-3.5 text-[inherit]" }), "Stage ", jackpot.stage] }), jackpot.status !== 'CLOSED' ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "In Progress"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx(CheckCircleBrokenIcon, { className: "size-3.5 text-utility-success-500" }), "Completed"] }))] }), _jsx("div", { className: "mt-1 text-left font-semibold text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
87
88
  currency: localeInfo.currency.code,
88
89
  minDecimalPlaces: 2,
89
90
  maxDecimalPlaces: 2,
@@ -91,8 +92,9 @@ export function JackpotMultiStageDesktop({ animate = true, customJackpotChestIma
91
92
  currency: localeInfo.currency.code,
92
93
  minDecimalPlaces: 2,
93
94
  maxDecimalPlaces: 2,
94
- })] })] })] }), _jsx("div", { className: "min-w-30" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: topJackpotPayout?.amount ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: mask(topJackpotPayout.member.name, {
95
- totalCharsCount: 6,
95
+ })] })] })] }), _jsx("div", { className: "min-w-30" }), chestImages.image && (_jsx("div", { className: twMerge('right-0 bottom-[-60] z-1 min-w-30 lg:absolute', chestImages?.style?.wrapper), children: _jsx(Image, { width: 150, height: 150, src: chestImages.image, alt: "chest", className: twMerge('size-full h-25 w-25 p-2 lg:h-37.5 lg:w-37.5', chestImages?.style?.image) }) }))] }), _jsx("div", { className: twMerge('relative mt-4 hidden w-full gap-4 rounded-lg bg-bg-primary p-4 lg:flex', className?.latestPayoutRoot), children: topJackpotPayout?.amount ? (_jsxs(_Fragment, { children: [_jsx(ProfileIcon, {}), _jsxs("div", { className: "flex flex-col gap-1 text-left", children: [_jsx(PayoutBadge, {}), _jsx("div", { className: "font-semibold", children: maskFirstLast(topJackpotPayout.member.name, {
96
+ firstCharsCount: 3,
97
+ midLength: 3,
96
98
  }) }), _jsx("div", { className: twMerge('text-2xl text-brand-400', className?.latestPayoutAmount), children: formatNumber(topJackpotPayout.amount, {
97
99
  currency: localeInfo.currency.code,
98
100
  minDecimalPlaces: 2,
package/dist/components/Jackpots/JackpotsListNext/JackpotMultiStageMobile.js CHANGED
@@ -17,7 +17,7 @@ import firstPlace from '../../../images/first-place.png';
17
17
  import leaderboard from '../../../images/leaderboard.png';
18
18
  import { Button } from '../../../ui/Button/index.js';
19
19
  import { formatNumber } from '../../../utils/formatNumber.js';
20
- import { mask, maskFirstLast } from '../../../utils/mask.js';
20
+ import { maskFirstLast } from '../../../utils/mask.js';
21
21
  import { parseDecimal } from '../../../utils/parseDecimal.js';
22
22
  import styles from '../Jackpots.module.css';
23
23
  import { useJackpotsListItemContext } from './JackpotsListContext.js';
@@ -82,14 +82,15 @@ export function JackpotMultiStageMobile({ animate = true, customJackpotChestImag
82
82
  const isCompleted = overallPercentage >= 100;
83
83
  const ProfileIcon = () => jackpotProfileShape === 'oval' ? (_jsxs("div", { className: "relative flex h-18 w-18 items-center justify-center rounded-full bg-bg-tertiary", children: [_jsx(User01Icon, { className: "size-9 text-text-quarterary-500" }), _jsx("div", { className: twMerge('absolute right-0 bottom-safe-area-inset-bottom flex h-6 w-6 items-center justify-center rounded-full border-[1.5px] border-bg-primary bg-yellow-400 font-bold text-brand-950 text-xs', className?.latestPayoutRankRoot), children: "1st" })] })) : (_jsxs("div", { className: "relative grid h-18 w-18", children: [_jsx(StarIcon, { className: "col-start-1 row-start-1 h-full w-full" }), _jsx(User01Icon, { className: "z-10 col-start-1 row-start-1 size-9 place-self-center text-text-quarterary-500" }), _jsx("div", { className: twMerge('-right-0 absolute bottom-safe-area-inset-bottom z-20 flex h-7 w-7 items-center justify-center rounded-full border-[1.5px] border-bg-primary bg-yellow-400 text-center font-bold text-brand-950 text-xs', className?.latestPayoutRankRoot), children: "1st" })] }));
84
84
  const PayoutBadge = () => (_jsxs("div", { className: twMerge('flex h-fit w-fit items-center gap-1 rounded-sm border border-utility-brand-200 bg-utility-brand-50 px-2 py-0.5 font-medium text-utility-brand-700 text-xs', className?.latestPayoutBadgeRoot), children: [_jsx(Trophy01Icon, { className: twMerge('size-3.5 text-utility-brand-600', className?.latestPayoutBadgeIcon) }), "Winner"] }));
85
- const ProgressBar = () => (_jsxs("div", { className: "flex w-full flex-col items-center justify-between", children: [_jsxs("div", { className: "mb-[5px] flex w-full items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-text-primary-900 text-xs", children: ["Stage ", isCompleted ? (jackpot.stage ?? 1) - 1 : jackpot.stage, ' '] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, "aria-valuemax": 100, "aria-label": "Stage progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] }));
85
+ const ProgressBar = () => (_jsxs("div", { className: "flex w-full flex-col items-center justify-between", children: [_jsxs("div", { className: "mb-[5px] flex w-full items-center justify-between", children: [_jsxs("div", { className: "font-semibold text-text-primary-900 text-xs", children: ["Stage ", jackpot.stage] }), isCompleted ? 100 : currStageProgressPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary", max: 100, value: isCompleted ? 100 : currStageProgressPercentage, "aria-valuemax": 100, "aria-label": "Stage progress", children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] }));
86
86
  const OverallProgressBar = () => {
87
87
  return (_jsxs("div", { className: twMerge('mt-3 mb-[1rem] px-[0.75rem] lg:mt-4', className?.jackpotOverallProgressBarRoot), children: [_jsxs("div", { className: "mb-[5px] flex items-center justify-between font-semibold text-text-primary-900 text-xs", children: [_jsx("p", { children: "Overall Progress" }), overallPercentage, "%"] }), _jsx(Progress.Root, { className: "h-2 w-full rounded-full bg-bg-primary lg:h-4", max: 100, value: overallPercentage, children: _jsx(Progress.Track, { className: twMerge('h-full overflow-hidden rounded-full bg-bg-primary', className?.progressBarTrack), children: _jsx(Progress.Range, { className: "relative h-full overflow-hidden rounded-full bg-brand-500 pl-1.5", children: _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-start pl-1.5", "aria-hidden": "true", children: arrowImages }) }) }) })] }));
88
88
  };
89
89
  const RecentPayoutsTable = () => (_jsx("div", { className: "overflow-x-auto border-gray-200", children: _jsxs("table", { className: "w-full min-w-[37.5rem]", children: [_jsx("thead", { children: _jsx("tr", { className: twMerge('h-8 whitespace-nowrap bg-bg-secondary text-left font-medium text-text-tertiary-600 text-xs', className?.recentPayoutsTableHeadRow), children: ['Stage', 'Player', 'Target Turnover', 'Prize', 'Timestamp'].map((header) => (_jsx("th", { className: "px-4", children: header }, header))) }) }), _jsx("tbody", { children: jackpot.stages
90
90
  ? jackpot.stages.map((j, i) => (_jsxs("tr", { className: twMerge('whitespace-nowrap bg-bg-primary text-left text-sm text-text-secondary-700', className?.recentPayoutsTableBodyRow), children: [_jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: i + 1 }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: j.member?.name
91
- ? mask(j.member.name, {
92
- totalCharsCount: 6,
91
+ ? maskFirstLast(j.member.name, {
92
+ firstCharsCount: 3,
93
+ midLength: 3,
93
94
  })
94
95
  : '-' }), _jsx("td", { className: twMerge('h-12 border-border-secondary border-t-2 px-4', className?.recentPayoutsTableBodyData), children: formatNumber(j.targetTurnover, {
95
96
  currency: localeInfo.currency.code,
@@ -107,7 +108,7 @@ export function JackpotMultiStageMobile({ animate = true, customJackpotChestImag
107
108
  return null;
108
109
  }
109
110
  return (_jsxs("div", { ref: rootRef, className: twMerge('rounded-2xl border border-border-primary bg-bg-primary', className?.itemRoot), children: [_jsxs("div", { style: props.style, className: twMerge('relative flex shrink-0 rounded-2xl bg-bg-tertiary p-3 text-center lg:gap-4 lg:p-5', window.location.href.includes('blucky') &&
110
- styles['animate-multi-stage-gradient-blucky']), children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsx("div", { className: "flex w-full flex-col", children: _jsxs("div", { className: "relative flex w-full items-center justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex gap-2.5", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-full border border-[#3F100B] bg-[#CDA95B] px-2 py-0.5 font-medium text-[#1D0201] text-xs', className?.jackpotBadgeRoot), children: [_jsx(Flag05Icon, { className: "size-3.5 text-[inherit]" }), "Stage", ' ', isCompleted ? (jackpot.stage ?? 1) - 1 : jackpot.stage] }), !isCompleted ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "In Progress"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx(CheckCircleBrokenIcon, { className: "size-3.5 text-utility-success-500" }), "Completed"] }))] }), _jsx("div", { className: "mt-1 text-left font-medium text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
111
+ styles['animate-multi-stage-gradient-blucky']), children: [_jsxs("div", { className: "relative z-1 flex flex-1 flex-col", children: [_jsx("div", { className: "flex h-full flex-col justify-between", children: _jsx("div", { className: "flex w-full justify-between", children: _jsx("div", { className: "flex w-full flex-col", children: _jsxs("div", { className: "relative flex w-full items-center justify-between", children: [_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex gap-2.5", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-full border border-[#3F100B] bg-[#CDA95B] px-2 py-0.5 font-medium text-[#1D0201] text-xs', className?.jackpotBadgeRoot), children: [_jsx(Flag05Icon, { className: "size-3.5 text-[inherit]" }), "Stage ", jackpot.stage] }), jackpot.status !== 'CLOSED' ? (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-blue-200 bg-utility-blue-50 px-2 py-0.5 font-medium text-utility-blue-700 text-xs", children: [_jsx(ArrowNarrowUpRightIcon, { className: "size-3.5 text-utility-blue-500" }), "In Progress"] })) : (_jsxs("div", { className: "flex w-fit items-center gap-1 rounded-full border border-utility-success-200 bg-utility-success-50 px-2 py-0.5 font-medium text-utility-success-700 text-xs", children: [_jsx(CheckCircleBrokenIcon, { className: "size-3.5 text-utility-success-500" }), "Completed"] }))] }), _jsx("div", { className: "mt-1 text-left font-medium text-lg text-text-primary-900 lg:mt-5 lg:text-2xl", children: jackpot.name }), _jsx("div", { className: twMerge('mt-1.5 w-fit rounded-md bg-bg-primary px-2 py-1 font-bold text-2xl text-brand-400 lg:mt-2 lg:text-4xl', className?.jackpotAmountRoot), children: formatNumber(jackpotAmount, {
111
112
  currency: localeInfo.currency.code,
112
113
  minDecimalPlaces: 2,
113
114
  maxDecimalPlaces: 2,
package/dist/components/KYC/KYCVerificationStatus.lazy.js CHANGED
@@ -19,18 +19,15 @@ export function KYCVerificationStatus() {
19
19
  const icons = status === 'PENDING' ? bellIcon : alertIcon;
20
20
  return (_jsx(Dialog.Root, { open: globalStore.kycVerificationStatus.open, onOpenChange: (details) => {
21
21
  globalStore.kycVerificationStatus.setOpen(details.open);
22
- }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' ||
23
- (status === 'CREATED' && 'Verification Required')] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
22
+ }, closeOnEscape: false, closeOnInteractOutside: false, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+3)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+4)] flex items-center justify-center", children: _jsx(Dialog.Content, { className: "mx-auto h-fit w-[450px] overflow-y-auto rounded-lg bg-bg-primary", children: _jsxs("div", { className: "p-3xl text-center", children: [_jsx("div", { className: "mb-3xl grid h-[200px] w-full place-items-center rounded-xl bg-radial from-40% from-button-primary-bg to-bg-brand-solid", children: _jsx(Image, { src: icons, alt: "icon", className: "w-60 object-contain", draggable: false, width: 120, height: 120 }) }), _jsxs("h1", { className: "font-semibold text-lg text-white", children: [status === 'PENDING' && 'Verification in Progress', status === 'REJECTED' && 'Verification Rejected', status === 'UNVERIFIED' && 'Verification Required'] }), _jsxs("p", { className: "mb-4xl text-[#94969C] text-base", children: [status === 'PENDING' &&
24
23
  `Your account verification is still under review. Please wait
25
24
  until it's approved before you can continue playing or
26
25
  depositing.`, status === 'REJECTED' &&
27
- 'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' ||
28
- (status === 'CREATED' &&
29
- 'Your account is not yet verified. Please complete the verification process to continue playing or depositing.')] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
26
+ 'Your account verification was not approved. Please resubmit your verification to regain full access.', status === 'UNVERIFIED' &&
27
+ 'Your account is not yet verified. Please complete the verification process to continue playing or depositing.'] }), _jsxs(Button, { variant: "solid", className: twMerge('mb-2 w-full', status === 'PENDING' && 'hidden'), onClick: () => {
30
28
  globalStore.kycVerificationStatus.setOpen(false);
31
29
  globalStore.kyc.setOpen(true);
32
- }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' ||
33
- (status === 'CREATED' && 'Verify Now')] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
30
+ }, children: [status === 'REJECTED' && 'Resubmit Verification', status === 'UNVERIFIED' && 'Verify Now'] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => {
34
31
  globalStore.kycVerificationStatus.setOpen(false);
35
32
  }, children: "Close" })] }) }) })] }) }));
36
33
  }
package/dist/components/Messages/MessagesPopup.js CHANGED
@@ -5,6 +5,7 @@ import { useState } from 'react';
5
5
  import { useInterval } from 'usehooks-ts';
6
6
  import { useShallow } from 'zustand/shallow';
7
7
  import { useDisclosure } from '../../client/hooks/useDisclosure.js';
8
+ import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
8
9
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
9
10
  import { useMarkMessageAsReadMutation } from '../../client/hooks/useMarkMessageAsReadMutation.js';
10
11
  import { useMessagesQuery } from '../../client/hooks/useMessagesQuery.js';
@@ -38,7 +39,7 @@ export function MessagesPopup() {
38
39
  })));
39
40
  const markMessageAsReadMutation = useMarkMessageAsReadMutation();
40
41
  const [paused, setPaused] = useState(false);
41
- const [numbefOfUnreadMessages, setNumberOfUnreadMessages] = useState(0);
42
+ const [numberOfUnreadMessages, setNumberOfUnreadMessages] = useState(0);
42
43
  useInterval(() => {
43
44
  setPaused(false);
44
45
  }, paused ? PAUSE_TIME : null);
@@ -59,6 +60,8 @@ export function MessagesPopup() {
59
60
  }
60
61
  },
61
62
  });
63
+ const future = useFeatureFlag();
64
+ const isGameLaunchWaiting = globalStore.gameLaunch.details.status === 'WAITING' || future.enabled;
62
65
  const messagesQuery = useMessagesQuery({
63
66
  first: 20,
64
67
  filter: {
@@ -70,7 +73,7 @@ export function MessagesPopup() {
70
73
  },
71
74
  },
72
75
  }, {
73
- enabled: globalStore.gameLaunch.details.status === 'WAITING' &&
76
+ enabled: isGameLaunchWaiting &&
74
77
  !globalStore.depositWithdrawal.open &&
75
78
  !globalStore.messages.open &&
76
79
  !globalStore.message.open &&
@@ -80,7 +83,11 @@ export function MessagesPopup() {
80
83
  !globalStore.kycReminder.open,
81
84
  refetchInterval: disclosure.open ? undefined : 1000 * 10,
82
85
  });
83
- const messages = messagesQuery.data?.pages.flatMap((page) => page.edges.map((edge) => edge.node)) ?? [];
86
+ const messages = messagesQuery.data?.pages.flatMap((page) => page.edges
87
+ .filter((edge) => globalStore.gameLaunch.details.status === 'PLAYING' && future.enabled
88
+ ? edge.node.force && !edge.node.markedAsRead
89
+ : true)
90
+ .map((edge) => edge.node)) ?? [];
84
91
  const [index, setIndex_] = useState(0);
85
92
  const setIndex = (newIndex) => {
86
93
  setIndex_(newIndex);
@@ -97,7 +104,7 @@ export function MessagesPopup() {
97
104
  disclosure.setOpen(true);
98
105
  }, !disclosure.open && !paused ? 2500 : null);
99
106
  // Resume showing messages if the number of unread messages changes
100
- if (messages.length > numbefOfUnreadMessages && paused) {
107
+ if (messages.length > numberOfUnreadMessages && paused) {
101
108
  setPaused(false);
102
109
  }
103
110
  const transformContent = (content) => {
package/dist/services/queries.d.ts CHANGED
@@ -103,7 +103,7 @@ export declare const UPLINES_BY_NAME = "\n query UplinesByName($search: String!
103
103
  export declare const DOWNLINES_BY_NAME = "\n query DownlinesByName($search: String!, $first: Int) {\n downlinesByName(search: $search, first: $first) {\n ...ReferralFragment\n }\n }\n\n \n fragment ReferralFragment on Referral {\n id\n upline {\n id\n name\n realName\n }\n downline {\n id\n name\n realName\n }\n level\n turnover\n commission\n dateTimeCreated\n }\n\n";
104
104
  export declare const REFERRAL_COMMISSION = "\n query ReferralCommission {\n member {\n referralCommission {\n id\n commission\n dateTimeCreated\n dateTimeLastUpdated\n level1Commission\n level1ReferralsCount\n level2Commission\n level2ReferralsCount\n level3Commission\n level3ReferralsCount\n referralCode\n referralsCount\n }\n }\n }\n";
105
105
  export declare const POINTS_CLUB_SETTINGS = "\n query PointsClubSettings {\n pointsClubSettings {\n multiplier\n }\n }\n";
106
- export declare const MESSAGES = "\n query Messages($first: Int, $after: Cursor, $filter: MessageFilterInput) {\n messages(first: $first, after: $after, filter: $filter) {\n edges {\n cursor\n node {\n ... on Message {\n id\n icon\n image\n title\n content\n popup\n actions {\n name\n url\n }\n markedAsRead\n dateTimeCreated\n type\n metadata {\n ... on TournamentPayoutMessageMetadata {\n tournament {\n id\n name\n }\n payout {\n id\n amount\n }\n }\n }\n }\n }\n }\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n";
106
+ export declare const MESSAGES = "\n query Messages($first: Int, $after: Cursor, $filter: MessageFilterInput) {\n messages(first: $first, after: $after, filter: $filter) {\n edges {\n cursor\n node {\n ... on Message {\n id\n icon\n image\n title\n content\n popup\n actions {\n name\n url\n }\n force\n markedAsRead\n dateTimeCreated\n type\n metadata {\n ... on TournamentPayoutMessageMetadata {\n tournament {\n id\n name\n }\n payout {\n id\n amount\n }\n }\n }\n }\n }\n }\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n";
107
107
  export declare const UNREAD_MESSAGES_COUNT = "\n query UnreadMessagesCount($filter: MessageFilterInput) {\n messages(filter: $filter) {\n totalCount\n }\n }\n";
108
108
  export declare const MARK_MESSAGE_AS_READ = "\n mutation MarkMessageAsRead($id: ObjectId!) {\n markMessageAsRead(id: $id)\n }\n";
109
109
  export declare const MARK_ALL_MESSAGES_AS_READ = "\n mutation MarkAllMessagesAsRead {\n markAllMessagesAsRead\n }\n";
package/dist/services/queries.js CHANGED
@@ -2542,6 +2542,7 @@ export const MESSAGES = /* GraphQL */ `
2542
2542
  name
2543
2543
  url
2544
2544
  }
2545
+ force
2545
2546
  markedAsRead
2546
2547
  dateTimeCreated
2547
2548
  type
package/dist/types/index.d.ts CHANGED
@@ -699,6 +699,7 @@ export interface Message {
699
699
  markedAsRead: boolean;
700
700
  dateTimeCreated: string;
701
701
  type: MessageType;
702
+ force: boolean;
702
703
  metadata: {
703
704
  tournament: {
704
705
  id: string;
@@ -782,7 +783,7 @@ export interface TopWin {
782
783
  multiplier: string;
783
784
  payout: string;
784
785
  }
785
- export type JackpotStatus = 'ACTIVE' | 'CLOSING' | 'DISABLED';
786
+ export type JackpotStatus = 'ACTIVE' | 'CLOSING' | 'DISABLED' | 'CLOSED';
786
787
  export type JackpotType = 'MULTIPLIER' | 'MULTI_STAGE';
787
788
  export type JackpotCursor = 'POOL';
788
789
  export type JackpotPayoutCursor = 'AMOUNT';