@opexa/portal-components 0.0.900 → 0.0.901

package/dist/components/Quests/WageringQuest__next.d.ts

@@ -20,14 +20,25 @@ export interface StageItemLockedClassNameEntries {
 }
 export interface ClassNameEntries {
     root?: string;
-    stageBadge?: string;
+    title?: string;
+    description?: string;
+    timeBadgeRoot?: string;
+    timeBadgeIcon?: string;
+    timeBadgeLabel?: string;
+    completedBadgeRoot?: string;
+    completedBadgeLabel?: string;
+    failedBadgeRoot?: string;
+    failedBadgeLabel?: string;
+    progressRoot?: string;
+    progressTrack?: string;
+    progressRange?: string;
+    progressLabel?: string;
+    stageBadgeRoot?: string;
     stageBadgeIcon?: string;
-    stageBadgeText?: string;
-    progressBarContainer?: string;
-    progressBar?: string;
-    bonusText?: string;
-    bonusAmount?: string;
-    bonusContainer?: string;
+    stageBadgeLabel?: string;
+    bonusBadgeRoot?: string;
+    bonusBadgeLabel?: string;
+    stageProgress?: string;
     stageItemUnlocked?: StageItemUnlockedClassNameEntries;
     stageItemLocked?: StageItemLockedClassNameEntries;
 }

package/dist/components/Quests/WageringQuest__next.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Progress } from '@ark-ui/react';
 import useEmblaCarousel from 'embla-carousel-react';
 import { isString } from 'lodash-es';
 import Image from 'next/image';
@@ -16,6 +17,7 @@ import { ArrowRightIcon } from '../../icons/ArrowRightIcon.js';
 import { Flag05Icon } from '../../icons/Flag05Icon.js';
 import { Lock01Icon } from '../../icons/Lock01Icon.js';
 import { XIcon } from '../../icons/XIcon.js';
+import { Badge } from '../../ui/Badge/index.js';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
@@ -45,9 +47,17 @@ export function WageringQuestNext(props) {
         const numericValue = parseFloat(value);
         return Math.floor(numericValue).toString();
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start gap-2", children: [_jsxs("div", { className: twMerge('flex w-fit items-center gap-1 rounded-md border border-[#9E165F] bg-[#4E0D30] px-2 py-1', classNames?.stageBadge), children: [_jsx(Flag05Icon, { className: twMerge('size-4 text-[#EE46BC]', classNames?.stageBadgeIcon) }), _jsxs("p", { className: twMerge('font-medium text-[#FAA7E0] text-sm', classNames?.stageBadgeText), children: ["Stage ", currentStage] })] }), _jsx(RemainingTime, {})] }), _jsx("p", { className: "font-semibold text-xl", children: name }), _jsx(Prose, { className: "text-wrap font-normal text-sm text-text-secondary-700", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(0), "%"] }), _jsxs("p", { children: [formatTurnover(turnover), _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: twMerge('h-2 w-full overflow-hidden rounded-full bg-bg-primary', classNames?.progressBarContainer), children: _jsx("div", { className: twMerge('h-full rounded-full bg-utility-brand-600 transition-all duration-300', classNames?.progressBar), style: { width: `${progressPercentage}%` } }) }), _jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { children: ["Stage ", currentStage, " of ", quest?.program.stages?.length] }), _jsxs("div", { className: twMerge('rounded-[6px] border border-utility-brand-200 bg-utility-brand-50 px-1.5 py-0.5 font-medium text-utility-brand-700 text-xs leading-tight'), children: ["+", formatNumber(bonus, {
-                                                currency: localeInfo.currency.code,
-                                            }), ' ', "Bonus"] })] })] }), status === 'IN_PROGRESS' && (_jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: () => disclosure.setOpen(true), "aria-label": "View Details", disabled: false, className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) }))] }), _jsx(Rules, { open: disclosure.open, onOpenChange: disclosure.setOpen, gameProviderCarousel: props.gameProviderCarousel, gameProviders: Object.entries(quest.turnoverRequirementContributionPercentagePerGameProvider ?? [])
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: twMerge('flex h-full w-full flex-col space-y-6 rounded-2xl border border-border-primary bg-bg-tertiary px-4 pt-5 pb-6', classNames?.root), children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start gap-2", children: [_jsxs(Badge.Root, { className: twMerge('flex w-fit items-center gap-1 rounded-md border border-[#9E165F] bg-[#4E0D30] px-2 py-1', classNames?.stageBadgeRoot), children: [_jsx(Badge.Icon, { className: twMerge('size-4 text-[#EE46BC]', classNames?.stageBadgeIcon), children: _jsx(Flag05Icon, {}) }), _jsxs(Badge.Label, { className: twMerge('font-medium text-[#FAA7E0] text-sm', classNames?.stageBadgeLabel), children: ["Stage ", currentStage] })] }), _jsx(RemainingTime, { className: {
+                                            timeBadgeRoot: classNames?.timeBadgeRoot,
+                                            timeBadgeIcon: classNames?.timeBadgeIcon,
+                                            timeBadgeLabel: classNames?.timeBadgeLabel,
+                                            completedBadgeRoot: classNames?.completedBadgeRoot,
+                                            completedBadgeLabel: classNames?.completedBadgeLabel,
+                                            failedBadgeRoot: classNames?.failedBadgeRoot,
+                                            failedBadgeLabel: classNames?.failedBadgeLabel,
+                                        } })] }), _jsx("p", { className: twMerge('font-semibold text-xl', classNames?.title), children: name }), _jsx(Prose, { className: twMerge('text-wrap font-normal text-sm text-text-secondary-700', classNames?.description), dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: twMerge('group flex items-center justify-between text-text-primary-brand', classNames?.progressLabel), children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(0), "%"] }), _jsxs("p", { children: [formatTurnover(turnover), _jsxs("span", { children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx(Progress.Root, { max: 100, className: twMerge('h-2 rounded-full bg-bg-primary', classNames?.progressRoot), value: Number(progressPercentage), children: _jsx(Progress.Track, { className: classNames?.progressTrack, children: _jsx(Progress.Range, { className: classNames?.progressRange }) }) }), _jsxs("div", { className: "group flex items-center justify-between text-text-primary-brand", children: [_jsxs("p", { className: classNames?.stageProgress, children: ["Stage ", currentStage, " of ", quest?.program.stages?.length] }), _jsx(Badge.Root, { className: twMerge('rounded-[6px] border border-utility-brand-200 bg-utility-brand-50 px-1.5 py-0.5', classNames?.bonusBadgeRoot), children: _jsxs(Badge.Label, { className: twMerge('font-medium text-utility-brand-700 text-xs leading-tight', classNames?.bonusBadgeLabel), children: ["+", '  ', formatNumber(bonus, {
+                                                    currency: localeInfo.currency.code,
+                                                }), '  ', "Bonus"] }) })] })] }), status === 'IN_PROGRESS' && (_jsx("div", { className: "flex h-full items-end", children: _jsx(Button, { size: "sm", onClick: () => disclosure.setOpen(true), "aria-label": "View Details", disabled: false, className: "disabled:bg-bg-primary disabled:text-text-disabled", children: "View Details" }) }))] }), _jsx(Rules, { open: disclosure.open, onOpenChange: disclosure.setOpen, gameProviderCarousel: props.gameProviderCarousel, gameProviders: Object.entries(quest.turnoverRequirementContributionPercentagePerGameProvider ?? [])
                     .filter(([_, value]) => +value > 0)
                     .map(([key]) => key), className: classNames, gameProviderViewPageUrl: props.gameProviderViewPageUrl })] }));
 }

package/dist/services/account.js

@@ -289,7 +289,7 @@ const ERROR_CODES_MESSAGE_MAP = {
     InvalidPlatformError: 'Invalid platform',
     InvalidReCAPTCHAResponseError: 'Invalid reCAPTCHA',
     InvalidSMSVerificationCodeError: 'Invalid SMS verification code',
-    InvalidTransactionPasswordError: 'Invalid transaction password',
+    InvalidTransactionPasswordError: 'You cannot use your account password as your transaction password.',
     InvalidVerificationCodeError: 'Invalid verification code',
     MemberVerificationAlreadyApprovedError: 'Member verification is already approved',
     MemberVerificationAlreadyExistsError: 'Member verification already exists',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@opexa/portal-components",
-	"version": "0.0.900",
+	"version": "0.0.901",
 	"exports": {
 		"./ui/*": {
 			"types": "./dist/ui/*/index.d.ts",