@opexa/portal-components 0.0.655 → 0.0.657

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.
@@ -3,7 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
3
3
  import { isNil } from 'lodash-es';
4
4
  import { twMerge } from 'tailwind-merge';
5
5
  import { useShallow } from 'zustand/shallow';
6
- import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
7
6
  import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
8
7
  import { useLocaleInfo } from '../../client/hooks/useLocaleInfo.js';
9
8
  import { useWalletQuery } from '../../client/hooks/useWalletQuery.js';
@@ -11,7 +10,6 @@ import { Button } from '../../ui/Button/index.js';
11
10
  import { formatNumber } from '../../utils/formatNumber.js';
12
11
  import { parseDecimal } from '../../utils/parseDecimal.js';
13
12
  export function Wallet({ classNames = {} }) {
14
- const featureFlag = useFeatureFlag();
15
13
  const localeInfo = useLocaleInfo();
16
14
  const walletQuery = useWalletQuery({
17
15
  refetchInterval: 1000,
@@ -34,9 +32,7 @@ export function Wallet({ classNames = {} }) {
34
32
  }) })] }), _jsxs("div", { children: [_jsx("p", { className: twMerge('text-2xs text-text-secondary-700', classNames.bonusBalanceLabel), children: "Bonus Balance" }), _jsx("p", { className: twMerge('text-medium text-text-primary-brand', classNames.bonusBalanceAmount), children: formatNumber(bonusBalance, {
35
33
  currency: localeInfo?.currency.code,
36
34
  minDecimalPlaces: 2,
37
- }) })] })] })] }), featureFlag.enabled &&
38
- !isNil(turnoverRequirement) &&
39
- turnoverRequirement > 0 && (_jsxs("div", { className: "border-border-primary border-t bg-bg-quaternary px-xl py-2", children: [_jsx("p", { className: "text-2xs leading-tight", children: "Deposit Turnover Requirement" }), _jsx("p", { className: "mt-1 font-medium text-xs leading-tight", children: formatNumber(turnoverRequirement, {
35
+ }) })] })] })] }), !isNil(turnoverRequirement) && turnoverRequirement > 0 && (_jsxs("div", { className: "border-border-primary border-t bg-bg-quaternary px-xl py-2", children: [_jsx("p", { className: "text-2xs leading-tight", children: "Deposit Turnover Requirement" }), _jsx("p", { className: "mt-1 font-medium text-xs leading-tight", children: formatNumber(turnoverRequirement, {
40
36
  currency: localeInfo?.currency.code,
41
37
  minDecimalPlaces: 1,
42
38
  maxDecimalPlaces: 2,
@@ -1,19 +1,14 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { isNil } from 'lodash-es';
3
- import { useFeatureFlag } from '../../../client/hooks/useFeatureFlag.js';
4
2
  import { useLocaleInfo } from '../../../client/hooks/useLocaleInfo.js';
5
3
  import { useWalletQuery } from '../../../client/hooks/useWalletQuery.js';
6
4
  import { BankNote01Icon } from '../../../icons/BankNote01Icon.js';
7
5
  import { formatNumber } from '../../../utils/formatNumber.js';
8
6
  import { parseDecimal } from '../../../utils/parseDecimal.js';
9
7
  export function ActiveTurnoverRequirement() {
10
- const featureFlag = useFeatureFlag();
11
8
  const walletQuery = useWalletQuery();
12
9
  const localeInfo = useLocaleInfo();
13
- const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement);
14
- if (!featureFlag.enabled ||
15
- isNil(turnoverRequirement) ||
16
- turnoverRequirement <= 0)
10
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
11
+ if (turnoverRequirement <= 0)
17
12
  return null;
18
13
  return (_jsxs("div", { className: "mt-lg overflow-hidden rounded-xl border border-border-primary", children: [_jsxs("div", { className: "bg-bg-primary-alt p-xl", children: [_jsx("div", { className: "flex size-8.5 items-center justify-center rounded-full border-[1.667px] border-text-warning-primary/10", children: _jsx("div", { className: "flex size-6.5 items-center justify-center rounded-full border-[1.667px] border-text-warning-primary/30", children: _jsx(BankNote01Icon, { className: "size-5 text-text-warning-primary" }) }) }), _jsx("p", { className: "mt-lg text-sm text-text-tertiary-600", children: "It looks like you still need to complete your turnover requirement before you can withdraw funds." })] }), _jsxs("div", { className: "border-border-primary border-t bg-bg-quaternary px-xl py-2", children: [_jsx("p", { className: "text-2xs leading-tight", children: "Deposit Turnover Requirement" }), _jsx("p", { className: "mt-1 font-medium text-xs leading-tight", children: formatNumber(turnoverRequirement, {
19
14
  currency: localeInfo?.currency.code,
@@ -43,9 +43,7 @@ export function GCashWithdrawal() {
43
43
  const localeInfo = useLocaleInfo();
44
44
  const mobileNumberParser = useMobileNumberParser();
45
45
  const walletQuery = useWalletQuery();
46
- const turnoverRequirement = featureFlag.enabled
47
- ? parseDecimal(walletQuery.data?.turnoverRequirement, 0)
48
- : 0;
46
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
49
47
  const createWithdrawalMutationNext = useCreateGCashStandardCashInWithdrawalMutation({
50
48
  onMutate() {
51
49
  setStatus('processing');
@@ -8,7 +8,6 @@ import { z } from 'zod';
8
8
  import { useShallow } from 'zustand/shallow';
9
9
  import { useAccountQuery } from '../../../../client/hooks/useAccountQuery.js';
10
10
  import { useCreateInstapayWithdrawalMutation } from '../../../../client/hooks/useCreateInstapayWithdrawalMutation.js';
11
- import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
12
11
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
13
12
  import { useInstapayBankListQuery } from '../../../../client/hooks/useInstapayBankListQuery.js';
14
13
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
@@ -53,11 +52,8 @@ export function InstapayWithdrawal() {
53
52
  });
54
53
  const instapayBankListQuery = useInstapayBankListQuery();
55
54
  const accountQuery = useAccountQuery();
56
- const featureFlag = useFeatureFlag();
57
55
  const walletQuery = useWalletQuery();
58
- const turnoverRequirement = featureFlag.enabled
59
- ? parseDecimal(walletQuery.data?.turnoverRequirement, 0)
60
- : 0;
56
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
61
57
  const instapayBankList = instapayBankListQuery.data;
62
58
  const paymentSettingsQuery = usePaymentSettingsQuery();
63
59
  const paymentSettings = paymentSettingsQuery.data;
@@ -6,7 +6,6 @@ import { Controller, useForm } from 'react-hook-form';
6
6
  import { z } from 'zod';
7
7
  import { useShallow } from 'zustand/shallow';
8
8
  import { useCreateMayaAppWithdrawalMutation } from '../../../../client/hooks/useCreateMayaAppWithdrawalMutation.js';
9
- import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
10
9
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
10
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
12
11
  import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
@@ -53,11 +52,8 @@ export function MayaAppWithdrawal() {
53
52
  const gatewaySettings = paymentSettings?.mayaAppWithdrawalGatewaySettings;
54
53
  const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
55
54
  const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
56
- const featureFlag = useFeatureFlag();
57
55
  const walletQuery = useWalletQuery();
58
- const turnoverRequirement = featureFlag.enabled
59
- ? parseDecimal(walletQuery.data?.turnoverRequirement, 0)
60
- : 0;
56
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
61
57
  const definition = z.object({
62
58
  amount: z.string().superRefine((val, ctx) => {
63
59
  const n = parseDecimal(val, 0);
@@ -6,7 +6,6 @@ import { Controller, useForm } from 'react-hook-form';
6
6
  import { z } from 'zod';
7
7
  import { useShallow } from 'zustand/shallow';
8
8
  import { useCreateMayaWithdrawalMutation } from '../../../../client/hooks/useCreateMayaWithdrawalMutation.js';
9
- import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
10
9
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
10
  import { useLocaleInfo } from '../../../../client/hooks/useLocaleInfo.js';
12
11
  import { useMobileNumberParser } from '../../../../client/hooks/useMobileNumberParser.js';
@@ -57,11 +56,8 @@ export function MayaWithdrawal() {
57
56
  const gatewaySettings = paymentSettings?.mayaWithdrawalGatewaySettings;
58
57
  const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
59
58
  const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
60
- const featureFlag = useFeatureFlag();
61
59
  const walletQuery = useWalletQuery();
62
- const turnoverRequirement = featureFlag.enabled
63
- ? parseDecimal(walletQuery.data?.turnoverRequirement, 0)
64
- : 0;
60
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
65
61
  const definition = z.object({
66
62
  amount: z.string().superRefine((val, ctx) => {
67
63
  const n = parseDecimal(val, 0);
@@ -7,7 +7,6 @@ import { Controller, useForm } from 'react-hook-form';
7
7
  import { z } from 'zod';
8
8
  import { useShallow } from 'zustand/shallow';
9
9
  import { useCreatePisoPayWithdrawalMutation } from '../../../../client/hooks/useCreatePisoPayWithdrawalMutation.js';
10
- import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
11
10
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
12
11
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
13
12
  import { useWalletQuery } from '../../../../client/hooks/useWalletQuery.js';
@@ -57,11 +56,8 @@ export function PisoPayWithdrawal() {
57
56
  const gatewaySettings = paymentSettings?.pisoPayWithdrawalGatewaySettings;
58
57
  const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
59
58
  const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
60
- const featureFlag = useFeatureFlag();
61
59
  const walletQuery = useWalletQuery();
62
- const turnoverRequirement = featureFlag.enabled
63
- ? parseDecimal(walletQuery.data?.turnoverRequirement, 0)
64
- : 0;
60
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
65
61
  const definition = z.object({
66
62
  amount: z.string().superRefine((val, ctx) => {
67
63
  const n = parseDecimal(val, 0);
@@ -7,7 +7,6 @@ import { Controller, useForm } from 'react-hook-form';
7
7
  import { z } from 'zod';
8
8
  import { useShallow } from 'zustand/shallow';
9
9
  import { useCreateVentajaDisbursementWithdrawalMutation } from '../../../../client/hooks/useCreateVentajaWithdrawalMutation.js';
10
- import { useFeatureFlag } from '../../../../client/hooks/useFeatureFlag.js';
11
10
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
12
11
  import { useInstapayBankListQuery } from '../../../../client/hooks/useInstapayBankListQuery.js';
13
12
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
@@ -59,11 +58,8 @@ export function VentajaWithdrawal() {
59
58
  const gatewaySettings = paymentSettings?.instapayWithdrawalGatewaySettings;
60
59
  const minimumAmount = parseDecimal(gatewaySettings?.minimumAmount, 0);
61
60
  const maximumAmount = parseDecimal(gatewaySettings?.maximumAmount, 0);
62
- const featureFlag = useFeatureFlag();
63
61
  const walletQuery = useWalletQuery();
64
- const turnoverRequirement = featureFlag.enabled
65
- ? parseDecimal(walletQuery.data?.turnoverRequirement, 0)
66
- : 0;
62
+ const turnoverRequirement = parseDecimal(walletQuery.data?.turnoverRequirement, 0);
67
63
  const definition = z.object({
68
64
  amount: z.string().superRefine((val, ctx) => {
69
65
  const n = parseDecimal(val, 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opexa/portal-components",
3
- "version": "0.0.655",
3
+ "version": "0.0.657",
4
4
  "exports": {
5
5
  "./ui/*": {
6
6
  "types": "./dist/ui/*/index.d.ts",