@opexa/portal-components 0.0.169 → 0.0.171

package/dist/client/hooks/useSignUpMutation.js

@@ -7,13 +7,10 @@ export const useSignUpMutation = (config) => {
         ...config,
         mutationKey: getSignUpMutationKey(),
         mutationFn: async (input) => {
-            const { domain } = await getSession();
-            return await registerMemberAccountViaMobile({
-                domain,
-                ...input,
-            }, {
+            const session = await getSession();
+            return await registerMemberAccountViaMobile(input, {
                 headers: {
-                    domain,
+                    Domain: session.domain,
                 },
             });
         },

package/dist/components/Messages/Messages.lazy.d.ts

@@ -11,6 +11,8 @@ export interface MessagesProps {
     offsetTop?: string | [mobile: string, desktop: string];
     /** @default '/transactions' */
     transactionsPageUrl?: string;
+    /** @default '/quests' */
+    questsPageUrl?: string;
 }
 export declare function Messages(props: MessagesProps): import("react/jsx-runtime").JSX.Element;
 export declare function MessageDetails(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Messages/Messages.lazy.js

@@ -56,6 +56,7 @@ export function Messages(props) {
 }
 function Message() {
     const messagesProps = useMessagesPropsContext();
+    const questsPageUrl = messagesProps.questsPageUrl ?? '/quests';
     const transactionsPageUrl = messagesProps.transactionsPageUrl ?? '/transactions';
     const message = useMessageContext();
     const localeInfo = useLocaleInfo();
@@ -73,13 +74,17 @@ function Message() {
             }
         }, children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("p", { className: "text-text-tertiary-600 text-xs font-normal", children: format(new Date(message.dateTimeCreated), 'M/d/yyyy - h:mma', {
                             in: tz(localeInfo.timezone),
-                        }) }), !message.markedAsRead && (_jsx("span", { className: "bg-utility-success-500 block size-2.5 rounded-full" }))] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(MessageIcon, { type: message.icon, className: "text-brand-400 size-5" }), _jsx("h2", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), message.content && (_jsx("div", { className: "mt-2 line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: message.content } })), message.actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: message.actions.map((action, index) => (_jsx(Link, { className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm", href: normalizeActionUrl(transactionsPageUrl, action.url), onClick: (e) => {
+                        }) }), !message.markedAsRead && (_jsx("span", { className: "bg-utility-success-500 block size-2.5 rounded-full" }))] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(MessageIcon, { type: message.icon, className: "text-brand-400 size-5" }), _jsx("h2", { className: "text-text-primary-brand text-sm font-semibold", children: message.title })] }), message.content && (_jsx("div", { className: "mt-2 line-clamp-3 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: message.content } })), message.actions.length > 0 && (_jsx("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: message.actions.map((action, index) => (_jsx(Link, { className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm", href: normalizeActionUrl(action.url, {
+                        transactionsPageUrl,
+                        questsPageUrl,
+                    }), onClick: (e) => {
                         e.stopPropagation();
                         globalStore.messages.setOpen(false);
                     }, children: action.name }, index))) }))] }));
 }
 export function MessageDetails() {
     const messagesProps = useMessagesPropsContext();
+    const questsPageUrl = messagesProps.questsPageUrl ?? '/quests';
     const transactionsPageUrl = messagesProps.transactionsPageUrl ?? '/transactions';
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         message: ctx.message,
@@ -89,7 +94,10 @@ export function MessageDetails() {
             globalStore.message.setOpen(details.open);
         }, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+1)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx("div", { className: "bg-bg-brand-secondary text-text-brand mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(MessageIcon, { type: message?.icon ?? 'INFO', className: "size-6" }) }), _jsx(Dialog.Title, { className: "mt-lg text-center text-lg font-semibold lg:mt-xl", children: message?.title }), message?.content && (_jsx(Dialog.Description, { className: "text-text-secondary-700 mt-xs pb-5 text-center text-sm", dangerouslySetInnerHTML: {
                                     __html: message?.content,
-                                } })), message?.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message?.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message?.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message?.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(transactionsPageUrl, action.url), onClick: (e) => {
+                                } })), message?.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message?.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message?.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message?.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, {
+                                            transactionsPageUrl,
+                                            questsPageUrl,
+                                        }), onClick: (e) => {
                                             e.stopPropagation();
                                             globalStore.message.setOpen(false);
                                         }, children: action.name }) }, index))) })) : null] }) })] }) }));

package/dist/components/Messages/MessagesPopup.js

@@ -20,6 +20,7 @@ import { useMessagesPropsContext } from './MessagesContext.js';
 import { normalizeActionUrl } from './utils.js';
 export function MessagesPopup() {
     const messagesProps = useMessagesPropsContext();
+    const questsPageUrl = messagesProps.questsPageUrl ?? '/quests';
     const transactionsPageUrl = messagesProps.transactionsPageUrl ?? '/transactions';
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,
@@ -86,7 +87,10 @@ export function MessagesPopup() {
             disclosure.setOpen(details.open);
         }, 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: _jsxs(Dialog.Content, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl p-3xl lg:min-w-[25rem] lg:max-w-[25rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Carousel.Root, { page: index, onPageChange: (details) => {
                                     setIndex(details.page);
-                                }, slideCount: messages.length, allowMouseDrag: true, children: [_jsx(Carousel.ItemGroup, { children: messages.map((message, index) => (_jsxs(Carousel.Item, { index: index, className: "select-none", children: [_jsx("div", { className: "bg-bg-brand-secondary text-text-brand mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(MessageIcon, { type: message.icon, className: "size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold xl:mt-xl", children: message.title }), message.content && (_jsx("div", { dangerouslySetInnerHTML: { __html: message.content }, className: "text-text-secondary-700 mt-xs pb-5 text-center text-sm" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(transactionsPageUrl, action.url), onClick: () => {
+                                }, slideCount: messages.length, allowMouseDrag: true, children: [_jsx(Carousel.ItemGroup, { children: messages.map((message, index) => (_jsxs(Carousel.Item, { index: index, className: "select-none", children: [_jsx("div", { className: "bg-bg-brand-secondary text-text-brand mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(MessageIcon, { type: message.icon, className: "size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold xl:mt-xl", children: message.title }), message.content && (_jsx("div", { dangerouslySetInnerHTML: { __html: message.content }, className: "text-text-secondary-700 mt-xs pb-5 text-center text-sm" })), message.image && (_jsx("div", { className: "mt-5 pb-5", children: _jsx(Image, { src: message.image, alt: "", width: 400, height: 250, loading: "lazy", unoptimized: true, className: "h-auto w-full rounded-sm" }) })), message.actions.length ? (_jsx("div", { className: "mt-3xl flex flex-col gap-2 text-center lg:mt-4xl", children: message.actions.map((action, index) => (_jsx(Button, { asChild: true, children: _jsx(Link, { href: normalizeActionUrl(action.url, {
+                                                                questsPageUrl,
+                                                                transactionsPageUrl,
+                                                            }), onClick: () => {
                                                                 disclosure.setOpen(false);
                                                             }, children: action.name }) }, index))) })) : null] }, message.id))) }), _jsxs(Carousel.Control, { className: "mt-5 flex items-center lg:mt-3xl", children: [_jsxs(Carousel.PrevTrigger, { className: "text-text-quarterary-500 hidden items-center gap-md font-semibold disabled:invisible lg:flex", children: [_jsx(ChevronLeftIcon, { className: "size-5" }), "Back"] }), _jsx(Carousel.IndicatorGroup, { className: "flex grow justify-center gap-xs", children: messages.map((message, index) => (_jsx(Carousel.Indicator, { index: index, className: "bg-bg-quaternary ui-current:bg-brand-400 size-2.5 rounded-full transition-all duration-150 ui-current:w-5" }, message.id))) }), _jsxs(Carousel.NextTrigger, { className: "text-text-quarterary-500 hidden items-center gap-md font-semibold disabled:invisible lg:flex", children: ["Next", _jsx(ChevronRightIcon, { className: "size-5" })] })] })] })] }) })] }) }));
 }

package/dist/components/Messages/utils.d.ts

@@ -1 +1,6 @@
-export declare function normalizeActionUrl(baseUrl: string, actionUrl: string): string;
+interface NormalizeActionUrlOptions {
+    transactionsPageUrl: string;
+    questsPageUrl: string;
+}
+export declare function normalizeActionUrl(value: string, options: NormalizeActionUrlOptions): string;
+export {};

package/dist/components/Messages/utils.js

@@ -1,14 +1,17 @@
-export function normalizeActionUrl(baseUrl, actionUrl) {
-    const searchParams = new URLSearchParams(actionUrl);
+export function normalizeActionUrl(value, options) {
+    const searchParams = new URLSearchParams(value);
+    if (value === 'quests') {
+        return options.questsPageUrl;
+    }
     if (searchParams.has('personalCenter')) {
         if (searchParams.get('personalCenter') === 'deposit' &&
             searchParams.has('id')) {
-            return `${baseUrl}?tab=deposits&id=${searchParams.get('id')}`;
+            return `${options.transactionsPageUrl}?tab=deposits&id=${searchParams.get('id')}`;
         }
         if (searchParams.get('personalCenter') === 'withdrawal' &&
             searchParams.has('id')) {
-            return `${baseUrl}?tab=withdrawals&id=${searchParams.get('id')}`;
+            return `${options.transactionsPageUrl}?tab=withdrawals&id=${searchParams.get('id')}`;
         }
     }
-    return actionUrl;
+    return value;
 }

package/dist/components/Quests/DailyCheckInQuest.js

@@ -58,7 +58,7 @@ export function DailyCheckInQuest() {
         },
     });
     const remainingTime = useRemainingTime(endDateTime);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsx("div", { className: "grid grid-cols-7", children: dailyCheckedInData.map((item) => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("div", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsx("div", { className: "grid grid-cols-7", children: dailyCheckedInData.map((item) => {
                                     const reward = item.reward
                                         ? `+${formatNumber(item.reward, {
                                             currency: localeInfo.currency.code,

package/dist/components/Quests/OnboardingQuest.js

@@ -24,7 +24,7 @@ export function OnboardingQuest() {
         depositWithdrawal: ctx.depositWithdrawal,
     })));
     const remainingTime = useRemainingTime(quest.endDateTime);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("h2", { className: "text-xl font-semibold", children: quest.name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: quest.description } })] }), _jsxs("div", { className: "w-full grow space-y-2", children: [_jsxs(Checkbox.Root, { checked: quest.accountVerificationCompleted, onCheckedChange: noop, children: [_jsx(Checkbox.Control, { className: "bg-transparent", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { className: "text-sm font-medium leading-tight", children: "Complete personal verification" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Checkbox.Root, { checked: quest.firstDepositCompleted, onCheckedChange: noop, children: [_jsx(Checkbox.Control, { className: "bg-transparent", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { className: "text-sm font-medium leading-tight", children: "Make your first deposit" }), _jsx(Checkbox.HiddenInput, {})] })] }), _jsxs("div", { className: "flex gap-lg", children: [_jsxs(Button, { size: "sm", onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("h2", { className: "text-xl font-semibold", children: quest.name }), _jsx("div", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: quest.description } })] }), _jsxs("div", { className: "w-full grow space-y-2", children: [_jsxs(Checkbox.Root, { checked: quest.accountVerificationCompleted, onCheckedChange: noop, children: [_jsx(Checkbox.Control, { className: "bg-transparent", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { className: "text-sm font-medium leading-tight", children: "Complete personal verification" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Checkbox.Root, { checked: quest.firstDepositCompleted, onCheckedChange: noop, children: [_jsx(Checkbox.Control, { className: "bg-transparent", children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { className: "text-sm font-medium leading-tight", children: "Make your first deposit" }), _jsx(Checkbox.HiddenInput, {})] })] }), _jsxs("div", { className: "flex gap-lg", children: [_jsxs(Button, { size: "sm", onClick: () => {
                                     globalStore.kyc.setOpen(true);
                                 }, disabled: quest.accountVerificationCompleted ||
                                     quest.status === 'COMPLETED' ||

package/dist/components/Quests/Quests.client.js

@@ -36,7 +36,7 @@ export function Quests__client(props) {
     return (_jsxs("div", { style: props.style, className: props.className, children: [_jsx("h2", { className: "text-lg font-semibold", children: props.heading ?? 'Quests' }), _jsxs(SegmentGroup.Root, { value: tab, onValueChange: (details) => {
                     setTab(TabDefinition.catch('AVAILABLE').parse(details.value));
                 }, className: "mt-3 w-full overflow-x-auto lg:mt-4.5 lg:w-fit", children: [_jsxs(SegmentGroup.Item, { value: "AVAILABLE", className: "w-full lg:w-fit", children: [_jsx(SegmentGroup.ItemText, { children: "Available" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsxs(SegmentGroup.Item, { value: "COMPLETED", className: "w-full lg:w-fit", children: [_jsx(SegmentGroup.ItemText, { children: "Completed" }), _jsx(SegmentGroup.ItemControl, {}), _jsx(SegmentGroup.ItemHiddenInput, {})] }), _jsx(SegmentGroup.Indicator, {})] }), _jsx("div", { className: "mt-3xl grid gap-3xl lg:mt-lg lg:grid-cols-3", children: quests.map((quest) => {
-                    const QuestComponent = QUEST_COMPONENT_MAP[quest.type];
-                    return (_jsx(QuestContext, { value: quest, children: _jsx(QuestComponent, {}) }, quest.id));
+                    const Quest = QUEST_COMPONENT_MAP[quest.type];
+                    return (_jsx(QuestContext, { value: quest, children: _jsx(Quest, {}) }, quest.id));
                 }) })] }));
 }

package/dist/components/Quests/WageringQuest.js

@@ -19,7 +19,7 @@ export function WageringQuest() {
     const localeInfo = useLocaleInfo();
     const { progressPercentage, turnover, targetTurnover, name, description, endDateTime, bonus, status, } = quest;
     const remainingTime = useRemainingTime(endDateTime);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("p", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "text-text-primary-brand group flex items-center justify-between", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(2), "%"] }), _jsxs("p", { children: [turnover, _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx("div", { className: "bg-button-secondary-bg border-bg-primary-hover w-full rounded-md border px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { className: twMerge(remainingTime.expired ||
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "border-border-primary bg-bg-tertiary flex h-full w-full flex-col space-y-6 rounded-2xl border px-4 pb-6 pt-5", children: [_jsxs("div", { className: "flex flex-col space-y-2", children: [_jsxs("div", { className: "flex max-h-7.5 items-start justify-between", children: [_jsx(RemainingTime, {}), _jsx("button", { type: "button", className: "bg-bg-primary border-border-secondary flex size-9 cursor-pointer items-center justify-center rounded-md border", onClick: () => disclosure.setOpen(true), "aria-label": "View Rules", children: _jsx(InfoCircleIcon, { className: "text-text-disabled size-5" }) })] }), _jsx("p", { className: "text-xl font-semibold", children: name }), _jsx("div", { className: "text-text-secondary-700 text-wrap text-sm font-normal", dangerouslySetInnerHTML: { __html: description } })] }), _jsxs("div", { className: "flex w-full flex-col space-y-2", children: [_jsxs("div", { className: "text-text-primary-brand group flex items-center justify-between", children: [_jsxs("p", { children: ["Progress ", parseDecimal(progressPercentage, 0).toFixed(2), "%"] }), _jsxs("p", { children: [turnover, _jsxs("span", { className: "text-text-quarterary-brand", children: ["/", targetTurnover, " ", localeInfo.currency.code] })] })] }), _jsx("div", { className: "bg-bg-primary h-2 w-full overflow-hidden rounded-full", children: _jsx("div", { className: "bg-utility-brand-600 h-full rounded-full transition-all duration-300", style: { width: `${progressPercentage}%` } }) })] }), _jsx("div", { className: "flex h-full items-end", children: _jsx("div", { className: "bg-button-secondary-bg border-bg-primary-hover w-full rounded-md border px-3.5 py-2.5 text-center text-white", children: _jsxs("p", { className: twMerge(remainingTime.expired ||
                                     status === 'COMPLETED' ||
                                     status === 'FAILED'
                                     ? 'opacity-50 grayscale'

package/dist/components/TransactionRecords/DepositRecordsTable.js

@@ -37,7 +37,14 @@ export function DepositRecordsTable() {
             }),
             ...(state.type && {
                 type: {
-                    equal: state.type,
+                    in: state.type === 'MANUAL'
+                        ? [
+                            /* "MANUAL" and friends */
+                            'MANUAL',
+                            'MANUAL_BANK',
+                            'MANUAL_UPI',
+                        ]
+                        : [state.type],
                 },
             }),
             ...(state.status && {

package/dist/components/TransactionRecords/TableFilters.js

@@ -19,14 +19,14 @@ const DEPOSIT_TYPES = [
     'BANK',
     'GCASH',
     'MAYA',
-    'MANUAL_UPI',
+    'MANUAL',
     'ONLINE_BANK',
 ];
 const DEPOSIT_TYPES_MAP = {
     BANK: 'Bank',
     GCASH: 'GCash',
     MAYA: 'Maya',
-    MANUAL_UPI: 'Manual',
+    MANUAL: 'Manual',
     ONLINE_BANK: 'Online Bank',
 };
 const DEPOSIT_STATUSES = [
@@ -43,14 +43,14 @@ const WITHDRAWAL_TYPES = [
     'GCASH',
     'INSTAPAY',
     'MAYA_APP',
-    'MANUAL_UPI',
+    'MANUAL',
 ];
 const WITHDRAWAL_TYPES_MAP = {
     BANK: 'Bank',
     GCASH: 'GCash',
     INSTAPAY: 'Instapay',
     MAYA_APP: 'Maya App',
-    MANUAL_UPI: 'Manual',
+    MANUAL: 'Manual',
 };
 const WITHDRAWAL_STATUSES = [
     'ACCEPTED',

package/dist/components/TransactionRecords/WithdrawalRecordsTable.js

@@ -37,7 +37,14 @@ export function WithdrawalRecordsTable() {
             }),
             ...(state.type && {
                 type: {
-                    equal: state.type,
+                    in: state.type === 'MANUAL'
+                        ? [
+                            /* "MANUAL" and friends */
+                            'MANUAL',
+                            'MANUAL_BANK',
+                            'MANUAL_UPI',
+                        ]
+                        : [state.type],
                 },
             }),
             ...(state.status && {

package/package.json

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