@opexa/portal-components 0.0.221 → 0.0.223

package/dist/components/shared/SelfieField.js

@@ -1,22 +1,40 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useFieldContext } from '@ark-ui/react';
+import Image from 'next/image';
+import { useRef } from 'react';
 import { twMerge } from 'tailwind-merge';
+import { useCamera } from '../../client/hooks/useCamera.js';
 import { useControllableState } from '../../client/hooks/useControllableState.js';
+import { useDisclosure } from '../../client/hooks/useDisclosure.js';
 import { useFileQuery } from '../../client/hooks/useFileQuery.js';
 import { useUploadImageFileMutation } from '../../client/hooks/useUploadImageFileMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
+import { Camera01Icon } from '../../icons/Camera01Icon.js';
+import { CameraOffIcon } from '../../icons/CameraOffIcon.js';
+import { CheckCircleIcon } from '../../icons/CheckCircleIcon.js';
+import { RefreshCcw01Icon } from '../../icons/RefreshCcw01Icon.js';
+import { Spinner02Icon } from '../../icons/Spinner02Icon.js';
+import { UploadCloud02Icon } from '../../icons/UploadCloud02Icon.js';
+import { XIcon } from '../../icons/XIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { Dialog } from '../../ui/Dialog/index.js';
+import { Portal } from '../../ui/Portal/index.js';
+import { dataAttr } from '../../utils/dataAttr.js';
+import { validateFile } from '../../utils/validateFile.js';
 export function SelfieField(props) {
+    const field = useFieldContext();
     const [value, setValue] = useControllableState({
         value: props.value,
         defaultValue: props.defaultValue ?? '',
         onChange: props.onChange,
     });
-    const fileQuery = useFileQuery(value, {
+    const query = useFileQuery(value, {
         refetchInterval({ state }) {
             return !state.data || state.data.status === 'UPLOADING' ? 1000 : false;
         },
     });
-    const uploadImageFileMutation = useUploadImageFileMutation({
+    const mutation = useUploadImageFileMutation({
         onSuccess(id) {
             setValue(id);
         },
@@ -29,11 +47,82 @@ export function SelfieField(props) {
                 description: error.message,
             });
         },
+        onSettled() {
+            if (inputRef.current) {
+                inputRef.current.value = '';
+            }
+        },
+    });
+    const inputRef = useRef(null);
+    const guideRef = useRef(null);
+    const camera = useCamera();
+    const disclosure = useDisclosure({
+        onOpenChange(open) {
+            if (open) {
+                camera.open();
+            }
+        },
     });
-    return (_jsx("div", { className: twMerge('relative', props.className), style: props.style, children: _jsx("input", { type: "file", accept: "image/png,image/jpeg,image/jpg", onChange: (e) => {
-                const file = e.target.files?.[0];
-                if (file) {
-                    uploadImageFileMutation.mutate({ file });
-                }
-            }, className: "sr-only" }) }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: props.ref, id: props.id, style: props.style, className: twMerge('border-border-primary bg-bg-primary group relative aspect-[352/180] w-full shrink-0 rounded-xl border p-xl', props.className), onDragOver: (e) => e.preventDefault(), onDragEnter: (e) => e.preventDefault(), onDragLeave: (e) => e.preventDefault(), onDrop: (e) => {
+                    e.preventDefault();
+                    const file = e.dataTransfer.files?.[0];
+                    if (!file)
+                        return;
+                    const error = validateFile(file);
+                    if (error)
+                        return props.onError?.(error);
+                    mutation.mutate({ file });
+                }, "data-invalid": dataAttr(props.invalid ?? field?.invalid), "data-readonly": dataAttr(props.readOnly ?? field?.readOnly), "data-disabled": dataAttr(props.disabled ?? field?.disabled), "data-required": dataAttr(props.required ?? field?.required), "data-loading": dataAttr(query.isLoading || mutation.isPending), "aria-describedby": field?.ariaDescribedby, children: [_jsx("input", { id: field?.ids?.control, ref: inputRef, type: "file", accept: "image/png, image/jpeg", onChange: (e) => {
+                            const file = e.target.files?.[0];
+                            if (!file)
+                                return;
+                            const error = validateFile(file);
+                            if (error)
+                                return props.onError?.(error);
+                            mutation.mutate({ file });
+                        }, disabled: field?.disabled ||
+                            props.disabled ||
+                            query.isLoading ||
+                            mutation.isPending, readOnly: field?.readOnly || props.readOnly, required: field?.required || props.required, className: "sr-only" }), !query.data?.url && (_jsxs("div", { className: "flex size-full flex-col justify-center", children: [_jsx("div", { className: "border-border-primary shadow-xs mx-auto flex size-8 items-center justify-center rounded-sm border", children: _jsx(UploadCloud02Icon, { className: "text-text-placeholder-subtle size-4" }) }), _jsxs("h2", { className: "text-text-tertiary-600 mt-lg", children: [_jsxs("span", { className: "block text-center text-sm", children: [_jsx("button", { type: "button", onClick: () => {
+                                                    inputRef.current?.click();
+                                                }, disabled: field?.disabled ||
+                                                    field?.readOnly ||
+                                                    props.disabled ||
+                                                    props.readOnly ||
+                                                    query.isLoading ||
+                                                    mutation.isPending, "data-required": dataAttr(props.required ?? field?.required), "data-readonly": dataAttr(props.readOnly ?? field?.readOnly), "data-loading": dataAttr(query.isLoading || mutation.isPending), "data-invalid": dataAttr(props.invalid ?? field?.invalid), className: "text-button-secondary-fg font-semibold disabled:opacity-60", children: "Click to upload" }), ' ', "or drag and drop"] }), _jsx("span", { className: "mt-xs block text-center text-xs", children: "PNG, JPG or JPEG (max. 10mb)" }), _jsx("span", { className: "m-txs block text-center text-xs", children: "or" })] }), _jsx(Button, { size: "sm", variant: "outline", className: "mx-auto mt-md w-auto", onClick: () => {
+                                    disclosure.setOpen(true);
+                                }, disabled: field?.disabled ||
+                                    field?.readOnly ||
+                                    props.disabled ||
+                                    props.readOnly ||
+                                    query.isLoading ||
+                                    mutation.isPending, "data-required": dataAttr(props.required ?? field?.required), "data-readonly": dataAttr(props.readOnly ?? field?.readOnly), "data-loading": dataAttr(query.isLoading || mutation.isPending), "data-invalid": dataAttr(props.invalid ?? field?.invalid), children: "Take a photo" })] })), query.data?.url && (_jsxs("div", { className: "relative", children: [_jsx(Image, { src: query.data.url, alt: "", width: 600, height: 600, unoptimized: true, className: "h-auto w-full rounded-md" }), _jsx("button", { type: "button", className: "backdrop-blur-xs absolute right-2 top-2 rounded-full bg-white/10 p-1", onClick: () => {
+                                    setValue('');
+                                }, children: _jsx(XIcon, { className: "size-5" }) })] }))] }), _jsx(Dialog.Root, { open: disclosure.open, onOpenChange: (details) => {
+                    disclosure.setOpen(details.open);
+                }, onExitComplete: camera.close, 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 overflow-y-auto py-4", children: _jsxs(Dialog.Content, { className: "bg-bg-primary-alt mx-auto w-[calc(100dvw-1rem)] max-w-[calc(100dvw-1rem)] rounded-lg px-4 py-5 lg:w-[747px] lg:max-w-[747px] lg:px-3xl lg:py-4xl", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsx(Dialog.Title, { className: "text-center font-semibold lg:text-xl", children: "Take a Selfie Holding Your ID" }), _jsx(Dialog.Description, { className: "text-text-tertiary-600 mt-md text-center text-xs lg:text-base", children: "Make sure your face and ID are clearly visible, with no glare\u00A0or\u00A0blur." }), _jsxs("div", { className: "relative mt-5 lg:mt-10 lg:px-3xl", children: [_jsxs("div", { className: twMerge('border-border-disabled relative w-full overflow-hidden rounded-md border bg-black lg:rounded-lg', !camera.data && !camera.error && !camera.loading
+                                                    ? 'block'
+                                                    : 'hidden'), children: [_jsx("video", { ...camera.videoProps }), _jsx("div", { ref: guideRef, className: "border-utility-warning-700 absolute left-1/2 top-1/2 aspect-square w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-dashed lg:w-[29.688rem]" })] }), camera.error && (_jsxs("div", { className: "border-border-disabled flex aspect-[85.60/53.98] flex-col items-center justify-center rounded-md border bg-black px-4 lg:rounded-lg", children: [_jsx(CameraOffIcon, { className: "text-text-placeholder-subtle size-10 text-center lg:size-12" }), _jsx("h2", { className: "mt-3 text-sm font-semibold lg:mt-4 lg:text-base", children: camera.error.name }), _jsx("p", { className: "text-text-tertiary-600 mt-0.5 text-center text-xs lg:mt-1 lg:text-sm", children: camera.error.message }), _jsx(Button, { size: "xs", variant: "outline", colorScheme: "gray", fullWidth: false, className: "mt-4 lg:mt-5", onClick: () => {
+                                                            camera.reopen();
+                                                        }, children: "Try again" })] })), camera.loading && (_jsx("div", { className: "border-border-disabled flex aspect-[85.60/53.98] flex-col items-center justify-center rounded-md border bg-black px-4 lg:rounded-lg", children: _jsx(Spinner02Icon, { className: "text-text-placeholder size-8" }) })), camera.data && (_jsx("div", { className: "border-border-disabled h-auto w-full overflow-hidden rounded-md border bg-black lg:rounded-lg", children: _jsx(Image, { src: camera.data.url, alt: "", width: 600, height: 600, unoptimized: true, className: "block h-auto w-full" }) }))] }), !camera.data && !camera.error && !camera.loading && (_jsx("div", { className: "mt-5 lg:mt-10", children: _jsxs(Button, { className: "disabled:bg-bg-disabled disabled:text-text-disabled mx-auto w-full px-xl lg:w-auto", onClick: () => {
+                                                const rect = guideRef.current?.getBoundingClientRect();
+                                                const crop = !rect
+                                                    ? undefined
+                                                    : {
+                                                        y: rect.y,
+                                                        x: rect.x,
+                                                        width: rect.width,
+                                                        height: rect.height,
+                                                    };
+                                                camera.snap({ crop });
+                                            }, children: [_jsx(Camera01Icon, { className: "size-5" }), "Capture"] }) })), camera.data && (_jsxs("div", { className: "mt-5 flex gap-3 lg:mt-10", children: [_jsxs(Button, { onClick: () => {
+                                                    const file = camera.data?.file;
+                                                    if (!file)
+                                                        return;
+                                                    mutation.mutate({ file });
+                                                    disclosure.setOpen(false);
+                                                }, children: [_jsx(CheckCircleIcon, { className: "size-5" }), "Use Photo"] }), _jsxs(Button, { variant: "outline", colorScheme: "gray", onClick: () => {
+                                                    camera.reset();
+                                                }, children: [_jsx(RefreshCcw01Icon, { className: "size-5" }), " Retake"] })] }))] }) })] }) })] }));
 }

package/dist/constants/BranchCode.d.ts

@@ -0,0 +1,4 @@
+export declare const BRANCH_CODES: {
+    code: string;
+    name: string;
+}[];

package/dist/constants/BranchCode.js

@@ -0,0 +1,42 @@
+export const BRANCH_CODES = [
+    {
+        code: 'BRCAL',
+        name: 'Bingo Republic 2nd floor Primark Center Deparo St., Caloocan City',
+    },
+    {
+        code: 'BRNAG',
+        name: 'Bingo Republic 3rd floor Robinsons Mall, Naga City, Camarines Sur',
+    },
+    {
+        code: 'BRANT',
+        name: 'Bingo Republic 2nd floor Robinsons Mall, San Vicente,Antique',
+    },
+    {
+        code: 'BRCLA',
+        name: 'Clark',
+    },
+    {
+        code: 'BRLAG',
+        name: 'Laguna',
+    },
+    {
+        code: 'BREAS',
+        name: 'Eastwood City, Quezon City',
+    },
+    {
+        code: 'BRMAR',
+        name: 'Bingo ng Bayan 4th floor Marikina Public Market, Marikina City',
+    },
+    {
+        code: 'BRILO',
+        name: 'Iloilo',
+    },
+    {
+        code: 'BRFIM',
+        name: 'Fisher Mall,Quezon City',
+    },
+    {
+        code: 'BRCAC',
+        name: 'Villa Caceres Hotel, Naga City,Camsur',
+    },
+];

package/dist/constants/endpoints.d.ts

@@ -0,0 +1,10 @@
+export declare const ACCOUNT_GRAPHQL_ENDPOINT: string;
+export declare const FILE_GRAPHQL_ENDPOINT: string;
+export declare const GAME_GRAPHQL_ENDPOINT: string;
+export declare const PORTAL_GRAPHQL_ENDPOINT: string;
+export declare const REPORT_GRAPHQL_ENDPOINT: string;
+export declare const TRIGGER_GRAPHQL_ENDPOINT: string;
+export declare const WALLET_GRAPHQL_ENDPOINT: string;
+export declare const AUTH_ENDPOINT: string;
+export declare const CMS_PORTAL_ENDPOINT: string;
+export declare const STATIC_ENDPOINT: string;

package/dist/constants/endpoints.js

@@ -0,0 +1,41 @@
+import { ENVIRONMENT } from './envVars.js';
+export const ACCOUNT_GRAPHQL_ENDPOINT = {
+    development: 'https://account.development.opexa.io/graphql',
+    production: 'https://account.opexa.io/graphql',
+}[ENVIRONMENT];
+export const FILE_GRAPHQL_ENDPOINT = {
+    development: 'https://file.development.opexa.io/graphql',
+    production: 'https://file.opexa.io/graphql',
+}[ENVIRONMENT];
+export const GAME_GRAPHQL_ENDPOINT = {
+    development: 'https://game.development.opexa.io/graphql',
+    production: 'https://game.opexa.io/graphql',
+}[ENVIRONMENT];
+export const PORTAL_GRAPHQL_ENDPOINT = {
+    development: 'https://portal.development.opexa.io/graphql',
+    production: 'https://portal.opexa.io/graphql',
+}[ENVIRONMENT];
+export const REPORT_GRAPHQL_ENDPOINT = {
+    development: 'https://report.development.opexa.io/graphql',
+    production: 'https://report.opexa.io/graphql',
+}[ENVIRONMENT];
+export const TRIGGER_GRAPHQL_ENDPOINT = {
+    development: 'https://trigger.development.opexa.io/graphql',
+    production: 'https://trigger.opexa.io/graphql',
+}[ENVIRONMENT];
+export const WALLET_GRAPHQL_ENDPOINT = {
+    development: 'https://wallet.development.opexa.io/graphql',
+    production: 'https://wallet.opexa.io/graphql',
+}[ENVIRONMENT];
+export const AUTH_ENDPOINT = {
+    development: 'https://auth.development.opexa.io',
+    production: 'https://auth.opexa.io',
+}[ENVIRONMENT];
+export const CMS_PORTAL_ENDPOINT = {
+    development: 'https://portal-api.opexacms.io',
+    production: 'https://portal-api.opexacms.io',
+}[ENVIRONMENT];
+export const STATIC_ENDPOINT = {
+    development: 'https://static.development.atalos.io',
+    production: 'https://static.atalos.io',
+}[ENVIRONMENT];

package/dist/constants/gameProviders.d.ts

@@ -1,5 +1,4 @@
-import type { GameProvider } from '@opexa/portal-sdk-core';
-import type { GameProviderData } from '../types';
+import type { GameProvider, GameProviderData } from '../types';
 export declare const GAME_PROVIDER_DATA: Record<GameProvider, GameProviderData>;
 export declare const GAME_PROVIDERS: ["ALIZE", "BGAMING", "BOOONGO", "EVOPLAY", "BTI", "CQ9", "DARWIN", "DG", "DRBINGO", "E2E", "ETENGJUE", "EVOLUTION", "EVOLUTION_REDTIGER", "EZUGI", "FACHAI", "HABANERO", "HACKSAW", "HOLLYWOODTV", "JDB", "JILI", "JDBGTF", "JOKER", "JDBSPRIBE", "JILI_BINGO", "KINGMAKER", "KINGMIDAS", "MEGA2SPIN", "MICROGAMING", "MEGABALL", "ONEAPI_EVOLUTION", "PGSOFT", "PLAYTECH", "PRAGMATICPLAY", "RELAXGAMING", "RTG", "SABA", "SPINIX", "SPRIBE", "YELLOWBAT", "EVOLUTIONNETENT", "EVOLUTION_NETENT"];
 export declare const LEGACY_GAME_PROVIDERS: ["JILI", "PGSOFT", "FACHAI", "BTI", "DG", "PLAYTECH", "E2E", "ONEAPI_EVOLUTION", "CQ9", "JDB", "HABANERO", "SPINIX", "JOKER", "HACKSAW", "EVOLUTIONNETENT", "JDBGTF", "JDBSPRIBE", "MICROGAMING", "RELAXGAMING", "EVOPLAY", "BOOONGO", "BGAMING", "KINGMAKER", "KINGMIDAS", "YELLOWBAT", "ETENGJUE", "SABA", "PRAGMATICPLAY", "SPRIBE", "EZUGI", "ALIZE"];

package/dist/constants/gameProviders.js

@@ -283,6 +283,12 @@ export const GAME_PROVIDER_DATA = {
         slug: 'evolution-netent',
         logo: evolutionNetent,
     },
+    DIGITAIN: {
+        id: 'DIGITAIN',
+        name: 'Digitain',
+        slug: 'digitain',
+        logo: '',
+    },
 };
 export const GAME_PROVIDERS = [
     'ALIZE',

package/dist/constants/gameTypes.d.ts

@@ -1,4 +1,3 @@
-import type { GameType } from '@opexa/portal-sdk-core';
-import type { GameTypeData } from '../types';
+import type { GameType, GameTypeData } from '../types';
 export declare const GAME_TYPE_DATA: Record<GameType, GameTypeData>;
 export declare const GAME_TYPES: ["ARCADE", "BINGO", "FISHING", "GAMES", "LIVE", "NUMERICAL", "SLOTS", "SPECIALTY", "SPORTS", "TABLE"];

package/dist/constants/headerKeys.d.ts

@@ -1 +1,2 @@
 export declare const RECAPTCHA_HEADER_KEY: string;
+export declare const TEST_PASS_HEADER_KEY: string;

package/dist/constants/headerKeys.js

@@ -1 +1,2 @@
 export const RECAPTCHA_HEADER_KEY = 'Google-Recaptcha-Response';
+export const TEST_PASS_HEADER_KEY = 'Test-Pass';

package/dist/constants/secretQuestions.d.ts

@@ -1,3 +1,3 @@
-import type { SecretQuestion } from '@opexa/portal-sdk-core';
+import type { SecretQuestion } from '../types';
 export declare const SECRET_QUESTIONS: ["BEST_CHILDHOOD_FRIEND", "BIRTH_PLACE", "FAVORITE_BOOK", "FAVORITE_MOVIE", "FAVORITE_TEACHER", "FIRST_CAR", "FIRST_PET", "FIRST_SCHOOL", "MOTHERS_MAIDEN_NAME", "PARENTS_MET_CITY"];
 export declare const SECRET_QUESTIONS_MAP: Record<SecretQuestion, string>;

package/dist/icons/CameraOffIcon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function CameraOffIcon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/CameraOffIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CameraOffIcon(props) {
+    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: _jsx("path", { d: "M5 5H5.41886C5.55228 5 5.61899 5 5.67939 4.99634C6.45061 4.94963 7.12595 4.46288 7.41414 3.746C7.43671 3.68986 7.45781 3.62657 7.5 3.5C7.54219 3.37343 7.56329 3.31014 7.58586 3.254C7.87405 2.53712 8.54939 2.05037 9.32061 2.00366C9.38101 2 9.44772 2 9.58114 2H14.4189C14.5523 2 14.619 2 14.6794 2.00366C15.4506 2.05037 16.126 2.53712 16.4141 3.254C16.4367 3.31014 16.4578 3.37343 16.5 3.5C16.5422 3.62657 16.5633 3.68986 16.5859 3.746C16.874 4.46288 17.5494 4.94963 18.3206 4.99634C18.381 5 18.4521 5 18.5944 5C18.9636 5 19.1483 5 19.2958 5.01462C20.7187 5.1556 21.8444 6.28127 21.9854 7.70421C22 7.85174 22 8.0269 22 8.37722V18C22 19.0849 21.4241 20.0353 20.5613 20.5622M15.0641 15.0714C15.6482 14.3761 16 13.4791 16 12.5C16 10.2909 14.2091 8.5 12 8.5C11.0216 8.5 10.1252 8.8513 9.43012 9.43464M22 22L2 2M2 7.5V16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H15.5M12 16.5C9.79086 16.5 8 14.7091 8 12.5" }) }));
+}

package/dist/icons/RefreshCcw01Icon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function RefreshCcw01Icon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/RefreshCcw01Icon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RefreshCcw01Icon(props) {
+    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: _jsx("path", { d: "M2 10C2 10 4.00498 7.26822 5.63384 5.63824C7.26269 4.00827 9.5136 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.89691 21 4.43511 18.2543 3.35177 14.5M2 10V4M2 10H8" }) }));
+}

package/dist/icons/Spinner02Icon.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare function Spinner02Icon(props: ComponentPropsWithRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/Spinner02Icon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Spinner02Icon(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { fill: "currentColor", d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", opacity: ".25" }), _jsx("path", { fill: "currentColor", d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z", children: _jsx("animateTransform", { attributeName: "transform", dur: "0.75s", repeatCount: "indefinite", type: "rotate", values: "0 12 12;360 12 12" }) })] }));
+}

package/dist/services/wallet.d.ts

@@ -139,6 +139,7 @@ export interface CreateLibanganDepositMutationVariables {
         id: string;
         amount: string;
         promo?: string;
+        redirectionUrl?: string;
     };
 }
 export type CreateLibanganDepositInput = Simplify<CreateLibanganDepositMutationVariables['input']>;
@@ -150,6 +151,7 @@ export interface CreateLibanganDepositMutationVariables {
         id: string;
         amount: string;
         promo?: string;
+        redirectionUrl?: string;
     };
 }
 export declare const createLibanganDeposit: (input: CreateGCashDepositInput, options?: GraphQLRequestOptions) => Promise<void>;

package/dist/styles/theme.css

@@ -165,7 +165,7 @@
   --color-utility-warning-50: #4e1d09;
   --color-utility-warning-200: #93370d;
   --color-utility-warning-500: #f79009;
-  --color-utility-warning-700: ;
+  --color-utility-warning-700: #fec84b;
   --color-utility-gray-50: #13161b;
   --color-utility-gray-200: #373a41;
   --color-utility-gray-700: #cecfd2;