@opexa/portal-components 0.0.2 → 0.0.4

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.jsx

@@ -0,0 +1,275 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { Portal } from '@ark-ui/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useEffect } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import invariant from 'tiny-invariant';
+import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery.js';
+import { useCreateGCashDepositMutation } from '../../../../hooks/useCreateGCashDepositMutation/useCreateGCashDepositMutation.js';
+import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../hooks/useDisclosure.js';
+import { useGlobalStore } from '../../../../hooks/useGlobalStore.js';
+import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery.js';
+import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.jsx';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.jsx';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.jsx';
+import { SpinnerIcon } from '../../../../icons/SpinnerIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
+import { AlertDialog, Button, Field, NumberInput, } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/parseDecimal.js';
+import { toaster } from '../../../../utils/toaster.js';
+import { AmountChoices } from '../../AmountChoices.jsx';
+import { AvailablePromos } from '../../AvailablePromos.jsx';
+export function GCashDeposit() {
+    var _this = this;
+    var _a, _b, _c;
+    var disclosure = useDisclosure();
+    var globalStore = useGlobalStore(useShallow(function (ctx) { return ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    }); }));
+    var createDepositMutation = useCreateGCashDepositMutation({
+        onSuccess: function (data) {
+            invariant(data.checkoutUrl);
+            window.open(data.checkoutUrl, '_blank', 'noopener,noreferrer');
+            form.reset();
+            globalStore.depositWithdrawal.setOpen(false);
+        },
+        onError: function (error) {
+            toaster.error({
+                description: error.message,
+            });
+        },
+    });
+    var depositsCountQuery = useDepositsCountQuery();
+    var depositsCount = (_a = depositsCountQuery.data) !== null && _a !== void 0 ? _a : 0;
+    var paymentSettingsQuery = usePaymentSettingsQuery();
+    var paymentSettings = paymentSettingsQuery.data;
+    var gatewaySettings = paymentSettings === null || paymentSettings === void 0 ? void 0 : paymentSettings.gcashDepositGatewaySettings;
+    var maximumAmount = parseDecimal(gatewaySettings === null || gatewaySettings === void 0 ? void 0 : gatewaySettings.maximumAmount, 0);
+    var minimumAmount = depositsCount <= 0
+        ? parseDecimal((_b = paymentSettingsQuery.data) === null || _b === void 0 ? void 0 : _b.minimumFirstDepositAmount, 0)
+        : parseDecimal(gatewaySettings === null || gatewaySettings === void 0 ? void 0 : gatewaySettings.minimumAmount, 0);
+    var promosQuery = useAvailablePromosQuery();
+    var promos = (_c = promosQuery.data) !== null && _c !== void 0 ? _c : [];
+    var definition = z
+        .object({
+        amount: z.string().superRefine(function (val, ctx) {
+            var n = parseDecimal(val, 0);
+            if (n < minimumAmount) {
+                ctx.addIssue({
+                    type: 'number',
+                    code: z.ZodIssueCode.too_small,
+                    inclusive: true,
+                    minimum: minimumAmount,
+                    message: "Minimum amount is ".concat(minimumAmount.toLocaleString()),
+                });
+            }
+            if (n > maximumAmount) {
+                ctx.addIssue({
+                    type: 'number',
+                    code: z.ZodIssueCode.too_big,
+                    inclusive: true,
+                    maximum: maximumAmount,
+                    message: "Maximum amount is ".concat(maximumAmount.toLocaleString()),
+                });
+            }
+        }),
+        promo: z.string().optional().nullable(),
+    })
+        .superRefine(function (value, ctx) {
+        var promo = promos.find(function (o) { return o.id === value.promo; });
+        var promoMinAmount = parseDecimal(promo === null || promo === void 0 ? void 0 : promo.minimumDepositAmount, 0);
+        var promoMaxAmount = parseDecimal(promo === null || promo === void 0 ? void 0 : promo.maximumDepositAmount, 0);
+        var amount = parseDecimal(value.amount, 0);
+        if (promo && amount < promoMinAmount) {
+            ctx.addIssue({
+                path: ['amount'],
+                code: z.ZodIssueCode.custom,
+                message: "Minimum amount for this promo is ".concat(promoMinAmount.toLocaleString()),
+            });
+        }
+        if (promo && amount > promoMaxAmount) {
+            ctx.addIssue({
+                path: ['amount'],
+                code: z.ZodIssueCode.custom,
+                message: "Maximum amount for this promo is ".concat(promoMaxAmount),
+            });
+        }
+    });
+    var form = useForm({
+        mode: 'all',
+        resolver: zodResolver(definition),
+        defaultValues: {
+            amount: '0',
+            promo: null,
+        },
+    });
+    useEffect(function () {
+        if (minimumAmount) {
+            form.reset({
+                amount: minimumAmount.toString(),
+                promo: null,
+            });
+        }
+    }, [form, minimumAmount]);
+    var handleSubmit = form.handleSubmit(function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            createDepositMutation.mutate({
+                amount: data.amount.toString(),
+                promo: (_a = data.promo) !== null && _a !== void 0 ? _a : undefined,
+            });
+            return [2 /*return*/];
+        });
+    }); });
+    return (<form onSubmit={handleSubmit} noValidate>
+      <Controller control={form.control} name="amount" render={function (o) {
+            var _a;
+            return (<Field.Root invalid={!!form.formState.errors.amount}>
+            <NumberInput.Root min={0} step={1} value={o.field.value} onValueChange={function (details) {
+                    o.field.onChange(details.value);
+                }} formatOptions={{
+                    maximumFractionDigits: 2,
+                    minimumFractionDigits: 0,
+                }} allowMouseWheel>
+              <NumberInput.Label>
+                Enter amount you want to deposit
+              </NumberInput.Label>
+              <NumberInput.Control>
+                <NumberInput.Input />
+                <NumberInput.IncrementTrigger>
+                  <ChevronUpIcon />
+                </NumberInput.IncrementTrigger>
+                <NumberInput.DecrementTrigger>
+                  <ChevronDownIcon />
+                </NumberInput.DecrementTrigger>
+              </NumberInput.Control>
+            </NumberInput.Root>
+            <Field.ErrorText>
+              {(_a = form.formState.errors.amount) === null || _a === void 0 ? void 0 : _a.message}
+            </Field.ErrorText>
+          </Field.Root>);
+        }}/>
+
+      <AmountChoices value={parseDecimal(form.watch('amount'), 0)} onChange={function (value) {
+            form.setValue('amount', value.toString(), {
+                shouldTouch: true,
+                shouldDirty: true,
+                shouldValidate: true,
+            });
+        }} min={minimumAmount} max={maximumAmount} className="mt-xl"/>
+
+      <Controller control={form.control} name="promo" render={function (o) { return (<AvailablePromos className="mt-4xl" value={o.field.value} onChange={o.field.onChange}/>); }}/>
+
+      <p className="mt-4xl text-xs">
+        Upon clicking the deposit button, you agree to the{' '}
+        <button type="button" className="underline underline-offset-2">
+          Terms of Use and Privacy Policy
+        </button>
+        .
+      </p>
+      <Button type="submit" className="mt-4.5" disabled={createDepositMutation.isPending} onClick={function (e) { return __awaiter(_this, void 0, void 0, function () {
+            var ok;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, form.trigger('amount')];
+                    case 1:
+                        ok = _a.sent();
+                        if (!ok)
+                            return [2 /*return*/];
+                        if (promos.length <= 0)
+                            return [2 /*return*/];
+                        if (form.getValues('promo'))
+                            return [2 /*return*/];
+                        e.preventDefault();
+                        disclosure.setOpen(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); }}>
+        {createDepositMutation.isPending ? (<>
+            <SpinnerIcon />
+            Processing...
+          </>) : ('Deposit')}
+      </Button>
+
+      <AlertDialog.Root role="alertdialog" open={disclosure.open} onOpenChange={function (details) {
+            disclosure.setOpen(details.open);
+        }} lazyMount unmountOnExit closeOnEscape={false} closeOnInteractOutside={false}>
+        <Portal>
+          <AlertDialog.Backdrop className="!z-[calc(var(--z-dialog)+10)]"/>
+          <AlertDialog.Positioner className="!z-[calc(var(--z-dialog)+25)]">
+            <AlertDialog.Content>
+              <AlertDialog.Header>
+                <div className="flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]">
+                  <AlertCircleIcon />
+                </div>
+                <AlertDialog.CloseTrigger>
+                  <XIcon />
+                </AlertDialog.CloseTrigger>
+              </AlertDialog.Header>
+              <AlertDialog.Body>
+                <AlertDialog.Title>
+                  Submit deposit request without promo?
+                </AlertDialog.Title>
+                <AlertDialog.Description>
+                  You haven&rsquo;t selected a promo. Are you sure you want to
+                  proceed without one?
+                </AlertDialog.Description>
+              </AlertDialog.Body>
+              <AlertDialog.Footer>
+                <Button variant="outline" colorScheme="gray" onClick={function () {
+            disclosure.setOpen(false);
+        }}>
+                  Cancel
+                </Button>
+                <Button onClick={function () {
+            handleSubmit();
+            disclosure.setOpen(false);
+        }}>
+                  Proceed
+                </Button>
+              </AlertDialog.Footer>
+            </AlertDialog.Content>
+          </AlertDialog.Positioner>
+        </Portal>
+      </AlertDialog.Root>
+    </form>);
+}

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.d.ts

@@ -0,0 +1 @@
+export declare function MayaAppDeposit(): import("react").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/MayaAppDeposit.jsx

@@ -0,0 +1,282 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { Portal } from '@ark-ui/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useEffect } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { useShallow } from 'zustand/shallow';
+import { useAvailablePromosQuery } from '../../../../hooks/useAvailablePromosQuery/useAvailablePromosQuery.js';
+import { useCreateMayaAppDepositMutation } from '../../../../hooks/useCreateMayaAppDepositMutation/useCreateMayaAppDepositMutation.js';
+import { useDepositsCountQuery } from '../../../../hooks/useDepositsCountQuery/useDepositsCountQuery.js';
+import { useDisclosure } from '../../../../hooks/useDisclosure.js';
+import { useGlobalStore } from '../../../../hooks/useGlobalStore.js';
+import { useIsMayaSessionValidQuery } from '../../../../hooks/useIsMayaSessionValidQuery/useIsMayaSessionValidQuery.js';
+import { usePaymentSettingsQuery } from '../../../../hooks/usePaymentSettingsQuery/usePaymentSettingsQuery.js';
+import { AlertCircleIcon } from '../../../../icons/AlertCircleIcon.jsx';
+import { ChevronDownIcon } from '../../../../icons/ChevronDownIcon.jsx';
+import { ChevronUpIcon } from '../../../../icons/ChevronUpIcon.jsx';
+import { SpinnerIcon } from '../../../../icons/SpinnerIcon.jsx';
+import { XIcon } from '../../../../icons/XIcon.jsx';
+import { AlertDialog, Button, Field, NumberInput, } from '../../../../ui/index.js';
+import { parseDecimal } from '../../../../utils/parseDecimal.js';
+import { toaster } from '../../../../utils/toaster.js';
+import { AmountChoices } from '../../AmountChoices.jsx';
+import { AvailablePromos } from '../../AvailablePromos.jsx';
+import { SessionExpired } from './SessionExpired.jsx';
+export function MayaAppDeposit() {
+    var _this = this;
+    var _a, _b, _c, _d;
+    var disclosure = useDisclosure();
+    var globalStore = useGlobalStore(useShallow(function (ctx) { return ({
+        depositWithdrawal: ctx.depositWithdrawal,
+    }); }));
+    var createDepositMutation = useCreateMayaAppDepositMutation({
+        onSuccess: function () {
+            form.reset();
+            globalStore.depositWithdrawal.setOpen(false);
+            toaster.success({
+                description: 'Deposit success!',
+            });
+        },
+        onError: function (error) {
+            toaster.error({
+                description: error.message,
+            });
+        },
+    });
+    var isMayaSessionValidQuery = useIsMayaSessionValidQuery();
+    var isMayaSessionValid = (_a = isMayaSessionValidQuery.data) !== null && _a !== void 0 ? _a : true;
+    var depositsCountQuery = useDepositsCountQuery();
+    var depositsCount = (_b = depositsCountQuery.data) !== null && _b !== void 0 ? _b : 0;
+    var paymentSettingsQuery = usePaymentSettingsQuery();
+    var paymentSettings = paymentSettingsQuery.data;
+    var gatewaySettings = paymentSettings === null || paymentSettings === void 0 ? void 0 : paymentSettings.mayaAppDepositGatewaySettings;
+    var maximumAmount = parseDecimal(gatewaySettings === null || gatewaySettings === void 0 ? void 0 : gatewaySettings.maximumAmount, 0);
+    var minimumAmount = depositsCount <= 0
+        ? parseDecimal((_c = paymentSettingsQuery.data) === null || _c === void 0 ? void 0 : _c.minimumFirstDepositAmount, 0)
+        : parseDecimal(gatewaySettings === null || gatewaySettings === void 0 ? void 0 : gatewaySettings.minimumAmount, 0);
+    var promosQuery = useAvailablePromosQuery();
+    var promos = (_d = promosQuery.data) !== null && _d !== void 0 ? _d : [];
+    var definition = z
+        .object({
+        amount: z.string().superRefine(function (val, ctx) {
+            var n = parseDecimal(val, 0);
+            if (n < minimumAmount) {
+                ctx.addIssue({
+                    type: 'number',
+                    code: z.ZodIssueCode.too_small,
+                    inclusive: true,
+                    minimum: minimumAmount,
+                    message: "Minimum amount is ".concat(minimumAmount.toLocaleString()),
+                });
+            }
+            if (n > maximumAmount) {
+                ctx.addIssue({
+                    type: 'number',
+                    code: z.ZodIssueCode.too_big,
+                    inclusive: true,
+                    maximum: maximumAmount,
+                    message: "Maximum amount is ".concat(maximumAmount.toLocaleString()),
+                });
+            }
+        }),
+        promo: z.string().optional().nullable(),
+    })
+        .superRefine(function (value, ctx) {
+        var promo = promos.find(function (o) { return o.id === value.promo; });
+        var promoMinAmount = parseDecimal(promo === null || promo === void 0 ? void 0 : promo.minimumDepositAmount, 0);
+        var promoMaxAmount = parseDecimal(promo === null || promo === void 0 ? void 0 : promo.maximumDepositAmount, 0);
+        var amount = parseDecimal(value.amount, 0);
+        if (promo && amount < promoMinAmount) {
+            ctx.addIssue({
+                path: ['amount'],
+                code: z.ZodIssueCode.custom,
+                message: "Minimum amount for this promo is ".concat(promoMinAmount.toLocaleString()),
+            });
+        }
+        if (promo && amount > promoMaxAmount) {
+            ctx.addIssue({
+                path: ['amount'],
+                code: z.ZodIssueCode.custom,
+                message: "Maximum amount for this promo is ".concat(promoMaxAmount),
+            });
+        }
+    });
+    var form = useForm({
+        mode: 'all',
+        resolver: zodResolver(definition),
+        defaultValues: {
+            amount: '0',
+            promo: null,
+        },
+    });
+    useEffect(function () {
+        if (minimumAmount) {
+            form.reset({
+                amount: minimumAmount.toString(),
+                promo: null,
+            });
+        }
+    }, [form, minimumAmount]);
+    var handleSubmit = form.handleSubmit(function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            createDepositMutation.mutate({
+                amount: data.amount.toString(),
+                promo: (_a = data.promo) !== null && _a !== void 0 ? _a : undefined,
+            });
+            return [2 /*return*/];
+        });
+    }); });
+    if (!isMayaSessionValid) {
+        return <SessionExpired />;
+    }
+    return (<form onSubmit={handleSubmit} noValidate>
+      <Controller control={form.control} name="amount" render={function (o) {
+            var _a;
+            return (<Field.Root invalid={!!form.formState.errors.amount}>
+            <NumberInput.Root min={0} step={1} value={o.field.value} onValueChange={function (details) {
+                    o.field.onChange(details.value);
+                }} formatOptions={{
+                    maximumFractionDigits: 2,
+                    minimumFractionDigits: 0,
+                }} allowMouseWheel>
+              <NumberInput.Label>
+                Enter amount you want to deposit
+              </NumberInput.Label>
+              <NumberInput.Control>
+                <NumberInput.Input />
+                <NumberInput.IncrementTrigger>
+                  <ChevronUpIcon />
+                </NumberInput.IncrementTrigger>
+                <NumberInput.DecrementTrigger>
+                  <ChevronDownIcon />
+                </NumberInput.DecrementTrigger>
+              </NumberInput.Control>
+            </NumberInput.Root>
+            <Field.ErrorText>
+              {(_a = form.formState.errors.amount) === null || _a === void 0 ? void 0 : _a.message}
+            </Field.ErrorText>
+          </Field.Root>);
+        }}/>
+
+      <AmountChoices value={parseDecimal(form.watch('amount'), 0)} onChange={function (value) {
+            form.setValue('amount', value.toString(), {
+                shouldTouch: true,
+                shouldDirty: true,
+                shouldValidate: true,
+            });
+        }} min={minimumAmount} max={maximumAmount} className="mt-xl"/>
+
+      <Controller control={form.control} name="promo" render={function (o) { return (<AvailablePromos className="mt-4xl" value={o.field.value} onChange={o.field.onChange}/>); }}/>
+
+      <p className="mt-4xl text-xs">
+        Upon clicking the deposit button, you agree to the{' '}
+        <button type="button" className="underline underline-offset-2">
+          Terms of Use and Privacy Policy
+        </button>
+        .
+      </p>
+      <Button type="submit" className="mt-4.5" disabled={createDepositMutation.isPending} onClick={function (e) { return __awaiter(_this, void 0, void 0, function () {
+            var ok;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, form.trigger('amount')];
+                    case 1:
+                        ok = _a.sent();
+                        if (!ok)
+                            return [2 /*return*/];
+                        if (promos.length <= 0)
+                            return [2 /*return*/];
+                        if (form.getValues('promo'))
+                            return [2 /*return*/];
+                        e.preventDefault();
+                        disclosure.setOpen(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); }}>
+        {createDepositMutation.isPending ? (<>
+            <SpinnerIcon />
+            Processing...
+          </>) : ('Deposit')}
+      </Button>
+
+      <AlertDialog.Root role="alertdialog" open={disclosure.open} onOpenChange={function (details) {
+            disclosure.setOpen(details.open);
+        }} lazyMount unmountOnExit closeOnEscape={false} closeOnInteractOutside={false}>
+        <Portal>
+          <AlertDialog.Backdrop className="!z-[calc(var(--z-dialog)+10)]"/>
+          <AlertDialog.Positioner className="!z-[calc(var(--z-dialog)+25)]">
+            <AlertDialog.Content>
+              <AlertDialog.Header>
+                <div className="flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]">
+                  <AlertCircleIcon />
+                </div>
+                <AlertDialog.CloseTrigger>
+                  <XIcon />
+                </AlertDialog.CloseTrigger>
+              </AlertDialog.Header>
+              <AlertDialog.Body>
+                <AlertDialog.Title>
+                  Submit deposit request without promo?
+                </AlertDialog.Title>
+                <AlertDialog.Description>
+                  You haven&rsquo;t selected a promo. Are you sure you want to
+                  proceed without one?
+                </AlertDialog.Description>
+              </AlertDialog.Body>
+              <AlertDialog.Footer>
+                <Button variant="outline" colorScheme="gray" onClick={function () {
+            disclosure.setOpen(false);
+        }}>
+                  Cancel
+                </Button>
+                <Button onClick={function () {
+            handleSubmit();
+            disclosure.setOpen(false);
+        }}>
+                  Proceed
+                </Button>
+              </AlertDialog.Footer>
+            </AlertDialog.Content>
+          </AlertDialog.Positioner>
+        </Portal>
+      </AlertDialog.Root>
+    </form>);
+}

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/SessionExpired.d.ts

@@ -0,0 +1 @@
+export declare function SessionExpired(): import("react").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/SessionExpired.jsx

@@ -0,0 +1,13 @@
+import { AlertTriangleIcon } from '../../../../icons/AlertTriangle.jsx';
+export function SessionExpired() {
+    return (<div className="bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl">
+      <AlertTriangleIcon className="text-amber-500 mx-auto size-10"/>
+      <h2 className="mt-3 text-center text-lg font-semibold">
+        Session Expired
+      </h2>
+      <p className="text-gray-700 mx-auto mt-2 max-w-[30rem] text-center text-sm">
+        Your session has timed out. To continue with deposits or withdrawals,
+        Please try reloading the app.
+      </p>
+    </div>);
+}

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.d.ts

@@ -0,0 +1 @@
+export declare function MayaDeposit(): import("react").JSX.Element;