@opexa/portal-components 0.0.182 → 0.0.184

package/dist/components/Account/AccountTrigger.js

@@ -5,6 +5,7 @@ import Image from 'next/image';
 import { useMediaQuery } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
+import { XIcon } from '../../icons/XIcon.js';
 import avatarPlaceholder from '../../images/placeholder-avatar.png';
 import { IconButton } from '../../ui/IconButton/index.js';
 export function AccountTrigger({ asChild, children, ...props }) {
@@ -21,5 +22,5 @@ export function AccountTrigger({ asChild, children, ...props }) {
     return (_jsx(ark.button, { type: "button", "aria-label": "Toggle account menu", "data-open": disclosure.open ? 'open' : 'closed', ...props, onClick: (e) => {
             disclosure.setOpen(!disclosure.open);
             return props.onClick?.(e);
-        }, asChild: !children ? true : asChild, children: children ?? (_jsx(IconButton, { id: "opexa-portal-components:account-trigger", size: "sm", colorScheme: "gray", children: _jsx(Image, { src: avatarPlaceholder, alt: "", width: 64, height: 64, className: "size-10" }) })) }));
+        }, asChild: !children ? true : asChild, children: children ?? (_jsx(IconButton, { id: "opexa-portal-components:account-trigger", size: "sm", colorScheme: "gray", children: !desktop && disclosure.open ? (_jsx(XIcon, {})) : (_jsx(Image, { src: avatarPlaceholder, alt: "", width: 64, height: 64, className: "size-10" })) })) }));
 }

package/dist/components/AccountSecurity/AccountSecurity.js

@@ -148,7 +148,7 @@ function TransactionPassword() {
                             ? 'text-text-success-primary'
                             : 'text-text-warning-primary'), children: profileCompletion?.accountPassword ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("form", { className: "shadow-xs bg-bg-primary-alt border-border-secondary mt-5 rounded-xl border", onSubmit: form.handleSubmit((data) => {
                     updateAccountMutation.mutate({
-                        password: data.password ? data.password : undefined,
+                        transactionPassword: data.password ? data.password : undefined,
                     });
                 }), children: [_jsxs("div", { className: "px-xl py-5 lg:px-3xl lg:py-5", children: [_jsxs(Field.Root, { invalid: !!form.formState.errors.password, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('password') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.password?.message })] }), _jsxs(Field.Root, { className: "mt-6", invalid: !!form.formState.errors.confirmPassword, children: [_jsxs(PasswordInput.Root, { children: [_jsx(PasswordInput.Label, { children: "Confirm Password" }), _jsxs(PasswordInput.Control, { children: [_jsx(PasswordInput.Input, { ...form.register('confirmPassword') }), _jsx(PasswordInput.VisibilityTrigger, { children: _jsx(PasswordInput.Indicator, { fallback: _jsx(EyeOffIcon, {}), asChild: true, children: _jsx(EyeIcon, {}) }) })] })] }), _jsx(Field.ErrorText, { children: form.formState.errors.confirmPassword?.message })] })] }), form.formState.isDirty && (_jsxs("div", { className: "border-border-secondary flex justify-end gap-lg border-t px-xl py-lg lg:px-3xl lg:py-xl", children: [_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, disabled: updateAccountMutation.isPending, onClick: () => form.reset(), children: "Cancel" }), _jsx(Button, { type: "submit", size: "sm", fullWidth: false, disabled: !form.formState.isValid || updateAccountMutation.isPending, children: "Save Changes" })] }))] })] }));
 }

package/dist/components/AccountVerification/AccountVerification.js

@@ -22,8 +22,9 @@ export function AccountVerification(props) {
     const profileCompletion = profileCompletionQuery.data;
     const verificationQuery = useMemberVerificationQuery();
     const verification = verificationQuery.data;
-    const isKycCompleted = (verification && verification.status === 'VERIFIED') ||
-        verification?.status === 'PENDING';
+    const isKycCompleted = verification &&
+        verification.status !== 'UNVERIFIED' &&
+        verification.status !== 'REJECTED';
     const empty = verification == null;
     const pending = verification?.status === 'PENDING';
     const success = verification?.status === 'VERIFIED' || verification?.status === 'APPROVED';
@@ -31,7 +32,7 @@ export function AccountVerification(props) {
         verification?.status === 'UNVERIFIED';
     return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-start gap-8", children: [_jsxs("div", { className: "grow", children: [_jsx("h2", { className: "text-text-secondary-700 text-sm font-semibold", children: "Verify your identity" }), _jsx("p", { className: "text-text-tertiary-600 text-sm", children: "Complete personal verification to unlock all features and enhance account security." })] }), _jsx(ark.svg, { asChild: true, className: twMerge('size-6', profileCompletion?.accountVerification
                             ? 'text-text-success-primary'
-                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), _jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: !isKycCompleted && (_jsx(Button, { size: "sm", className: "w-full lg:w-fit", onClick: () => globalStore.kyc.setOpen(true), children: "Verify Now" })) })] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
+                            : 'text-text-warning-primary'), children: profileCompletion?.accountVerification ? (_jsx(CheckVerified02Icon, {})) : (_jsx(AlertCircleIcon, {})) })] }), _jsxs("div", { className: "shadow-xs border-border-secondary bg-bg-primary-alt mt-5 rounded-xl border", children: [_jsx("div", { className: "px-4 py-5", children: _jsxs("ul", { className: "space-y-lg", children: [_jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FileCheck02Icon, {}), "Basic Information"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(CreditCard02Icon, {}), "Government ID"] }), _jsxs("li", { className: "text-text-secondary-700 icon:size-6 icon:text-text-nav-item-button-icon flex items-center gap-lg", children: [_jsx(FaceIdIcon, {}), "Facial Verification"] })] }) }), !isKycCompleted && (_jsx("div", { className: "border-border-secondary flex justify-end border-t px-4 py-3 lg:py-xl", children: _jsx(Button, { size: "sm", className: "w-full lg:w-fit", onClick: () => globalStore.kyc.setOpen(true), children: "Verify Now" }) }))] }), success && _jsx(VerificationSuccess, {}), pending && _jsx(VerificationInProgress, {}), failed && _jsx(VerificationFailed, {}), empty && _jsx(VerificationNotSubmitted, {})] }));
 }
 function VerificationNotSubmitted() {
     return (_jsxs("div", { className: "shadow-xs border-border-primary bg-bg-primary-alt mt-6 flex flex-col gap-2 rounded-xl border p-xl lg:flex-row", children: [_jsx("div", { className: "border-text-warning-primary/10 flex size-[2.1875rem] items-center justify-center rounded-full border-2", children: _jsx("div", { className: "border-text-warning-primary/30 flex size-[1.666625rem] items-center justify-center rounded-full border-2", children: _jsx(AlertCircleIcon, { className: "text-text-warning-primary size-5" }) }) }), _jsx("p", { className: "text-text-tertiary-600 max-w-[800px] text-sm", children: "To serve you better and unlock all features, please provide valid identification documents. This helps protect your account and makes recovery easier if ever needed." })] }));

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js

@@ -4,6 +4,7 @@ import { useShallow } from 'zustand/shallow';
 import { useAccountQuery } from '../../../client/hooks/useAccountQuery.js';
 import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
 import { useIsMayaSessionValidQuery } from '../../../client/hooks/useIsMayaSessionValidQuery.js';
+import { useMemberVerificationQuery } from '../../../client/hooks/useMemberVerificationQuery.js';
 import { useOnMMA } from '../../../client/hooks/useOnMMA.js';
 import { usePaymentSettingsQuery } from '../../../client/hooks/usePaymentSettingsQuery.js';
 import { useWalletQuery } from '../../../client/hooks/useWalletQuery.js';
@@ -27,6 +28,8 @@ export function Withdrawal() {
     const paymentSettings = paymentSettingsQuery.data;
     const isMayaSessionValidQuery = useIsMayaSessionValidQuery();
     const isMayaSessionValid = isMayaSessionValidQuery.data ?? true;
+    const memberVerificationQuery = useMemberVerificationQuery();
+    const memberVerification = memberVerificationQuery.data;
     const enabledPaymentMethods = (() => {
         const l = [];
         if (onMMA) {
@@ -65,7 +68,8 @@ export function Withdrawal() {
     if (accountQuery.isLoading ||
         walletQuery.isLoading ||
         paymentSettingsQuery.isLoading ||
-        isMayaSessionValidQuery.isLoading) {
+        isMayaSessionValidQuery.isLoading ||
+        memberVerificationQuery.isLoading) {
         return _jsx(SpinnerIcon, { className: "mx-auto size-6" });
     }
     if (!isMayaSessionValid) {
@@ -74,8 +78,12 @@ export function Withdrawal() {
     if (parseDecimal(wallet?.balance, 0) < 1) {
         return _jsx(InsufficientBalance, {});
     }
-    if (!account?.transactionPassword ||
-        account.verificationStatus !== 'VERIFIED') {
+    if (!account?.transactionPassword) {
+        return _jsx(TransactionPasswordNotSet, {});
+    }
+    if (!memberVerification ||
+        memberVerification.status === 'REJECTED' ||
+        memberVerification.status === 'UNVERIFIED') {
         return _jsx(AccountVerificationRequired, {});
     }
     if (enabledPaymentMethods.length <= 0) {
@@ -83,6 +91,9 @@ export function Withdrawal() {
     }
     return (_jsxs(_Fragment, { children: [_jsx(PaymentMethods, { value: paymentMethod, onChange: setPaymentMethod, options: enabledPaymentMethods }), paymentMethod === 'GCASH' && _jsx(GCashWithdrawal, {}), paymentMethod === 'MAYA' && _jsx(MayaWithdrawal, {}), paymentMethod === 'MAYA_APP' && _jsx(MayaAppWithdrawal, {}), paymentMethod === 'INSTAPAY' && _jsx(InstapayWithdrawal, {})] }));
 }
+function TransactionPasswordNotSet() {
+    return (_jsxs("div", { className: "pt-xl", children: [_jsx("div", { className: "bg-bg-warning-secondary mx-auto flex size-12 items-center justify-center rounded-full", children: _jsx(AlertCircleIcon, { className: "text-text-featured-icon-light-warning size-6" }) }), _jsx("h2", { className: "mt-lg text-center text-lg font-semibold", children: "Transaction Password Not Set" }), _jsx("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: "To proceed with withdrawals, you must first set up a transaction password. This ensures the security of your account and transactions." })] }));
+}
 function AccountVerificationRequired() {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         kyc: ctx.kyc,

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

@@ -19,7 +19,9 @@ const QUEST_COMPONENT_MAP = {
 const TabDefinition = z.enum(['AVAILABLE', 'COMPLETED']);
 export function Quests__client(props) {
     const [tab, setTab] = useState('AVAILABLE');
-    const questsQuery = useAvailableQuestsQuery();
+    const questsQuery = useAvailableQuestsQuery({
+        refetchInterval: 10000,
+    });
     const quests = !questsQuery.data?.length
         ? []
         : questsQuery.data.filter((quest) => {

package/dist/services/account.js

@@ -95,13 +95,16 @@ export const registerMemberAccountByName = async (input, options) => {
     }
 };
 export const updateMemberAccount = async (id, data, options) => {
-    const { password, secretAnswer, ...rest } = data;
+    const { password, secretAnswer, transactionPassword, ...rest } = data;
     const res = await graphqlRequest(ACCOUNT_GRAPHQL_ENDPOINT, UPDATE_MEMBER_ACCOUNT, {
         input: {
             id,
             data: {
                 password: password ? await sha256(password) : undefined,
                 secretAnswer: secretAnswer ? await sha256(secretAnswer) : undefined,
+                transactionPassword: transactionPassword
+                    ? await sha256(transactionPassword)
+                    : undefined,
                 ...rest,
             },
         },

package/package.json

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