@opexa/portal-components 0.0.2 → 0.0.4

package/dist/utils/createRecipeContext.jsx

@@ -0,0 +1,73 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { createSplitProps } from './createSplitProps.js';
+export function createRecipeContext(recipe) {
+    var RecipeContext = React.createContext(null);
+    function useContext() {
+        var context = React.useContext(RecipeContext);
+        return context;
+    }
+    function withRootProvider(Component) {
+        var StyledComponent = function (props) {
+            var _a = createSplitProps(recipe.variantKeys)(props), recipeProps = _a[0], localProps = _a[1];
+            var context = recipe(recipeProps);
+            return (<RecipeContext.Provider value={context}>
+          <Component {...localProps}/>
+        </RecipeContext.Provider>);
+        };
+        return StyledComponent;
+    }
+    function withProvider(Component, slot) {
+        var StyledComponent = function (props) {
+            var _a = createSplitProps(recipe.variantKeys)(props), recipeProps = _a[0], localProps = _a[1];
+            var context = recipe(recipeProps);
+            var slotName = slot;
+            var getStyle = context[slotName];
+            var userDefinedClassName = 'className' in localProps && typeof localProps.className === 'string'
+                ? localProps.className
+                : undefined;
+            var className = !getStyle
+                ? userDefinedClassName
+                : getStyle(__assign(__assign({}, recipeProps), { className: userDefinedClassName }));
+            return (<RecipeContext.Provider value={context}>
+          <Component {...localProps} className={className}/>
+        </RecipeContext.Provider>);
+        };
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    }
+    function withContext(Component, slot) {
+        var StyledComponent = function (props) {
+            var context = useContext();
+            var _a = createSplitProps(recipe.variantKeys)(props), recipeProps = _a[0], localProps = _a[1];
+            var slotName = slot;
+            var getStyle = !context
+                ? recipe(recipeProps)[slotName]
+                : context[slotName];
+            var userDefinedClassName = 'className' in localProps && typeof localProps.className === 'string'
+                ? localProps.className
+                : undefined;
+            var className = !getStyle
+                ? userDefinedClassName
+                : getStyle(__assign(__assign({}, recipeProps), { className: userDefinedClassName }));
+            return <Component {...localProps} className={className}/>;
+        };
+        StyledComponent.displayName = Component.displayName || Component.name;
+        return StyledComponent;
+    }
+    return {
+        withRootProvider: withRootProvider,
+        withProvider: withProvider,
+        withContext: withContext,
+    };
+}

package/dist/utils/createSplitProps.d.ts

@@ -0,0 +1,3 @@
+type GenericProps = Record<string, any>;
+export declare function createSplitProps<T extends GenericProps>(keys: (keyof T)[]): <Props extends T>(props: Props) => [T, Omit<Props, keyof T>];
+export {};

package/dist/utils/createSplitProps.js

@@ -0,0 +1,19 @@
+function splitProps(props, keys) {
+    var rest = {};
+    var result = {};
+    var keySet = new Set(keys);
+    for (var key in props) {
+        if (keySet.has(key)) {
+            result[key] = props[key];
+        }
+        else {
+            rest[key] = props[key];
+        }
+    }
+    return [result, rest];
+}
+export function createSplitProps(keys) {
+    return function split(props) {
+        return splitProps(props, keys);
+    };
+}

package/dist/utils/dataAttr.d.ts

@@ -0,0 +1 @@
+export declare function dataAttr(guard: boolean | undefined | null): "" | undefined;

package/dist/utils/dataAttr.js

@@ -0,0 +1,3 @@
+export function dataAttr(guard) {
+    return guard ? '' : undefined;
+}

package/dist/utils/formatNumber.d.ts

@@ -0,0 +1,21 @@
+interface FormatNumberConfig {
+    /** @default "en-US" */
+    locale?: string;
+    compact?: boolean;
+    currency?: string;
+    /** @default 0 */
+    minDecimalPlaces?: number;
+    /** @default 2 */
+    maxDecimalPlaces?: number;
+}
+/**
+ * @example
+ * ```ts
+ * numberFormatter.format(1234567.89) // "1,234,567.89"
+ * numberFormatter.format(1234567.89, { locale: 'de-DE' }) // "1.234.567,89"
+ * numberFormatter.format(1234567.89, { compact: true }) // "1M"
+ * numberFormatter.format(1234567.89, { currency: 'USD' }) // "$1,234,567.89"
+ * ```
+ */
+export declare function formatNumber(value: unknown, config?: FormatNumberConfig): string;
+export {};

package/dist/utils/formatNumber.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { parseDecimal } from './parseDecimal.js';
+var defaultConfig = {
+    locale: 'en-US',
+    compact: false,
+    minDecimalPlaces: 0,
+    maxDecimalPlaces: 2,
+};
+/**
+ * @example
+ * ```ts
+ * numberFormatter.format(1234567.89) // "1,234,567.89"
+ * numberFormatter.format(1234567.89, { locale: 'de-DE' }) // "1.234.567,89"
+ * numberFormatter.format(1234567.89, { compact: true }) // "1M"
+ * numberFormatter.format(1234567.89, { currency: 'USD' }) // "$1,234,567.89"
+ * ```
+ */
+export function formatNumber(value, config) {
+    var _a = Object.assign({}, defaultConfig, config), 
+    /**/
+    locale = _a.locale, compact = _a.compact, currency = _a.currency, minDecimalPlaces = _a.minDecimalPlaces, maxDecimalPlaces = _a.maxDecimalPlaces;
+    var formatter = new Intl.NumberFormat(locale, __assign(__assign({ minimumFractionDigits: minDecimalPlaces, maximumFractionDigits: maxDecimalPlaces }, (typeof currency === 'string'
+        ? {
+            style: 'currency',
+            currency: currency,
+        }
+        : {})), (compact
+        ? {
+            notation: 'compact',
+            minimumFractionDigits: 0,
+            maximumFractionDigits: 0,
+        }
+        : {})));
+    return formatter.format(parseDecimal(value, 0));
+}

package/dist/utils/getGameImageUrl.d.ts

@@ -0,0 +1,12 @@
+import type { GameProvider } from '@opexa/portal-sdk-core';
+type Args = {
+    id: string;
+    reference?: never;
+    provider: GameProvider;
+} | {
+    id?: never;
+    reference: string;
+    provider: GameProvider;
+};
+export declare function getGameImageUrl<T extends Args>(args: T): string;
+export {};

package/dist/utils/getGameImageUrl.js

@@ -0,0 +1,10 @@
+import { ENVIRONMENT } from '../constants/index.js';
+var VERSION = '1';
+var ORIGIN = ENVIRONMENT === 'development'
+    ? 'https://static.development.opexa.io/images'
+    : 'https://static.opexa.io/images';
+export function getGameImageUrl(args) {
+    var _a;
+    var id = (_a = args.id) !== null && _a !== void 0 ? _a : args.reference;
+    return "".concat(ORIGIN, "/").concat(args.provider.toLocaleLowerCase(), "/thumbnail-").concat(id, ".webp?version=").concat(VERSION);
+}

package/dist/utils/getLocaleInfo.d.ts

@@ -0,0 +1,79 @@
+import { type ComponentProps, type ComponentType } from 'react';
+export interface CountryInfo {
+    /**
+     * @description The country code
+     * @example 'PHL'
+     */
+    code: 'IDN' | 'IND' | 'MYS' | 'PHL' | 'VNM';
+    /**
+     * @description The country name
+     * @example 'Philippines'
+     */
+    name: string;
+    /**
+     * @description The country flag
+     * @usage
+     * ```tsx
+     * const localeInfo = getLocaleInfo('Asia/Manila');
+     * <localeInfo.country.flag />
+     * ```
+     */
+    flag: ComponentType<ComponentProps<'svg'>>;
+}
+export interface CurrencyInfo {
+    /**
+     * @description The currency code
+     * @example 'PHP'
+     */
+    code: 'IDR' | 'INR' | 'MYR' | 'PHP' | 'USD' | 'VND';
+    /**
+     * @description The currency name
+     * @example 'Philippine Peso'
+     */
+    name: string;
+    /**
+     * @description The currency symbol
+     * @example '₱'
+     */
+    symbol: string;
+    /**
+     * Used in api
+     * @example 'VIRTUAL'
+     */
+    externalCode: 'IDR' | 'INR' | 'MYR' | 'PHP' | 'USD' | 'VIRTUAL' | (string & {});
+}
+export interface MobileNumberInfo {
+    /**
+     * @description The mobile number area code
+     * @example '+63'
+     */
+    areaCode: string;
+    /**
+     * @description The mobile number digits count
+     * @example 10
+     */
+    numOfDigits: number;
+    /**
+     * @description pattern to validate mobile number
+     * @usage
+     * ```ts
+     * const localeInfo = getLocaleInfo('Asia/Manila');
+     * const isValid = localeInfo.mobileNumber.pattern.test('9190000000');
+     * ```
+     */
+    pattern: RegExp;
+    /**
+     * @description The mobile number example
+     * @example '9190000000'
+     */
+    example: string;
+}
+export type Timezone = 'Asia/Manila' | 'Asia/Kolkata' | 'Asia/Jakarta' | 'Asia/Makassar' | 'Asia/Jayapura' | 'Asia/Kuala_Lumpur' | 'Asia/Ho_Chi_Minh' | (string & {});
+export interface LocaleInfo {
+    locale: string;
+    timezone: Timezone;
+    country: CountryInfo;
+    currency: CurrencyInfo;
+    mobileNumber: MobileNumberInfo;
+}
+export declare const getLocaleInfo: (timezone: Timezone) => LocaleInfo;

package/dist/utils/getLocaleInfo.jsx

@@ -0,0 +1,237 @@
+import { cache, } from 'react';
+export var getLocaleInfo = cache(function (timezone) {
+    switch (timezone.toLowerCase()) {
+        case 'asia/jakarta':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Jakarta',
+                country: {
+                    name: 'Indonesia',
+                    code: 'IDN',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: '81' + ''.padStart(8, '0'),
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/jayapura':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Jayapura',
+                country: {
+                    code: 'IDN',
+                    name: 'Indonesia',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: '81' + ''.padStart(8, '0'),
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/makassar':
+            return {
+                locale: 'id-ID',
+                timezone: 'Asia/Makassar',
+                country: {
+                    code: 'IDN',
+                    name: 'Indonesia',
+                    flag: IndonesianFlag,
+                },
+                currency: {
+                    code: 'IDR',
+                    name: 'Indonesian Rupiah',
+                    symbol: 'Rp',
+                    externalCode: 'IDR',
+                },
+                mobileNumber: {
+                    areaCode: '+62',
+                    numOfDigits: 10,
+                    example: '81' + ''.padStart(8, '0'),
+                    pattern: /^(\+?62|0)?8\d{9}$/,
+                },
+            };
+        case 'asia/kuala_lumpur':
+            return {
+                locale: 'ms-MY',
+                timezone: 'Asia/Kuala_Lumpur',
+                country: {
+                    name: 'Malaysia',
+                    code: 'MYS',
+                    flag: MalaysianFlag,
+                },
+                currency: {
+                    code: 'MYR',
+                    name: 'Malaysian Ringgit',
+                    symbol: 'RM',
+                    externalCode: 'MYR',
+                },
+                mobileNumber: {
+                    areaCode: '+60',
+                    numOfDigits: 9,
+                    example: '12' + ''.padStart(7, '0'),
+                    pattern: /^(\+?60|0)?1[0-9]{1}\d{7}$/,
+                },
+            };
+        case 'asia/kolkata':
+            return {
+                locale: 'en-IN',
+                timezone: 'Asia/Kolkata',
+                country: {
+                    code: 'IND',
+                    name: 'India',
+                    flag: IndianFlag,
+                },
+                currency: {
+                    code: 'INR',
+                    name: 'Indian Rupee',
+                    symbol: '₹',
+                    externalCode: 'INR',
+                },
+                mobileNumber: {
+                    areaCode: '+91',
+                    numOfDigits: 10,
+                    example: '919' + ''.padStart(7, '0'),
+                    pattern: /^(\+?91|0)?[789]\d{9}$/,
+                },
+            };
+        case 'asia/ho_chi_minh':
+            return {
+                locale: 'vi-VN',
+                timezone: 'Asia/Ho_Chi_Minh',
+                country: {
+                    code: 'VNM',
+                    name: 'Vietnam',
+                    flag: VietnameseFlag,
+                },
+                currency: {
+                    code: 'VND',
+                    name: 'Vietnamese Dong',
+                    symbol: '₫',
+                    externalCode: 'VIRTUAL',
+                },
+                mobileNumber: {
+                    areaCode: '+84',
+                    numOfDigits: 9,
+                    example: '849' + ''.padStart(7, '0'),
+                    pattern: /^(\+?84|0)?(3[2-9]|5[6|8|9]|7[0|6-9]|8[1-6|8|9]|9[0-9])\d{7}$/,
+                },
+            };
+        default:
+            return {
+                locale: 'en-PH',
+                timezone: 'Asia/Manila',
+                country: {
+                    code: 'PHL',
+                    name: 'Philippines',
+                    flag: PhilippineFlag,
+                },
+                currency: {
+                    code: 'PHP',
+                    name: 'Philippine Peso',
+                    symbol: '₱',
+                    externalCode: 'PHP',
+                },
+                mobileNumber: {
+                    areaCode: '+63',
+                    numOfDigits: 10,
+                    example: '919' + ''.padStart(7, '0'),
+                    pattern: /^(\+?63|0)?9\d{9}$/,
+                },
+            };
+    }
+});
+var PhilippineFlag = function (props) {
+    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#clip0_4392_27540)">
+        <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+        <path d="M12.0004 0V12L3.51514 20.4853C5.68671 22.6568 8.68671 24 12.0004 24C18.6278 24 24.0004 18.6274 24.0004 12C24.0004 5.37262 12.0004 0 12.0004 0Z" fill="#D80027"/>
+        <path d="M12.0004 0C8.68671 0 5.68671 1.34316 3.51514 3.51469C6.45936 6.45891 7.50453 7.50412 12.0004 12H24.0004C24.0004 5.37262 18.6278 0 12.0004 0Z" fill="#0052B4"/>
+        <path d="M8.21723 11.9998L6.75173 11.3104L7.53215 9.89111L5.94074 10.1956L5.73909 8.58789L4.63059 9.77027L3.52213 8.58789L3.32043 10.1956L1.72907 9.89106L2.50949 11.3104L1.04395 11.9998L2.50949 12.6891L1.72907 14.1085L3.32057 13.8041L3.52209 15.4117L4.63059 14.2293L5.73909 15.4117L5.94074 13.8041L7.53205 14.1085L6.75168 12.6892L8.21723 11.9998Z" fill="#FFDA44"/>
+        <path d="M3.20082 4.69519L3.68851 5.37689L4.48749 5.12382L3.98977 5.79825L4.47746 6.47996L3.68218 6.21507L3.18451 6.88946L3.19074 6.05133L2.39551 5.78639L3.19463 5.53332L3.20082 4.69519Z" fill="#FFDA44"/>
+        <path d="M3.20082 17.1095L3.68851 17.7912L4.48749 17.5381L3.98977 18.2126L4.47746 18.8943L3.68218 18.6294L3.18451 19.3038L3.19074 18.4656L2.39551 18.2007L3.19463 17.9476L3.20082 17.1095Z" fill="#FFDA44"/>
+        <path d="M10.1563 10.9032L9.66866 11.5849L8.86963 11.3317L9.36735 12.0062L8.87966 12.688L9.67494 12.423L10.1727 13.0974L10.1664 12.2593L10.9616 11.9944L10.1625 11.7413L10.1563 10.9032Z" fill="#FFDA44"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_4392_27540">
+          <rect width="24" height="24" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>);
+};
+var MalaysianFlag = function (props) {
+    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#clip0_4392_27547)">
+        <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+        <path d="M11.4783 12.0002H24C24 10.9171 23.8556 9.86791 23.5866 8.86975H11.4783V12.0002Z" fill="#D80027"/>
+        <path d="M11.4783 5.73873H22.2387C21.5041 4.54004 20.565 3.48053 19.4698 2.60828H11.4783V5.73873Z" fill="#D80027"/>
+        <path d="M12.0001 24.0002C14.8243 24.0002 17.4201 23.024 19.47 21.3915H4.53027C6.58016 23.024 9.17596 24.0002 12.0001 24.0002Z" fill="#D80027"/>
+        <path d="M1.76146 18.2601H22.2389C22.8286 17.2978 23.2859 16.2459 23.5868 15.1296H0.413574C0.714371 16.2459 1.17173 17.2978 1.76146 18.2601Z" fill="#D80027"/>
+        <path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"/>
+        <path d="M7.98001 10.2709C6.34117 10.2709 5.01263 8.94229 5.01263 7.30349C5.01263 5.6647 6.34121 4.33612 7.98001 4.33612C8.491 4.33612 8.97179 4.46535 9.39156 4.69279C8.73306 4.04887 7.8325 3.65137 6.8387 3.65137C4.82171 3.65137 3.18652 5.28651 3.18652 7.30354C3.18652 9.32057 4.82171 10.9557 6.8387 10.9557C7.8325 10.9557 8.73306 10.5582 9.39156 9.91429C8.97179 10.1416 8.49104 10.2709 7.98001 10.2709Z" fill="#FFDA44"/>
+        <path d="M8.81671 5.21729L9.34354 6.31894L10.5333 6.04407L10.0005 7.14277L10.9573 7.90153L9.76602 8.17008L9.76935 9.39122L8.81671 8.62725L7.86402 9.39122L7.86731 8.17008L6.67603 7.90153L7.63284 7.14277L7.10001 6.04407L8.28984 6.31894L8.81671 5.21729Z" fill="#FFDA44"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_4392_27547">
+          <rect width="24" height="24" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>);
+};
+var IndianFlag = function (props) {
+    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#clip0_4392_27553)">
+        <path d="M1.19023 6.78213C0.427387 8.35976 -0.000488281 10.1296 -0.000488281 11.9995C-0.000488281 13.8694 0.427387 15.6393 1.19023 17.2169L11.9995 18.2604L22.8088 17.2169C23.5716 15.6393 23.9995 13.8694 23.9995 11.9995C23.9995 10.1296 23.5716 8.35976 22.8088 6.78213L11.9995 5.73865L1.19023 6.78213Z" fill="#F0F0F0"/>
+        <path d="M1.19092 17.2183C3.13182 21.2322 7.24225 24.0009 11.9998 24.0009C16.7573 24.0009 20.8677 21.2322 22.8086 17.2183H1.19092Z" fill="#6DA544"/>
+        <path d="M1.19092 6.78238H22.8086C20.8677 2.76843 16.7573 -0.000244141 11.9998 -0.000244141C7.24229 -0.000244141 3.13182 2.76843 1.19092 6.78238Z" fill="#FF9811"/>
+        <path d="M12.0001 16.1742C14.3052 16.1742 16.174 14.3055 16.174 12.0003C16.174 9.69513 14.3052 7.82642 12.0001 7.82642C9.69489 7.82642 7.82617 9.69513 7.82617 12.0003C7.82617 14.3055 9.69489 16.1742 12.0001 16.1742Z" fill="#FF9811"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_4392_27553">
+          <rect width="24" height="24" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>);
+};
+var IndonesianFlag = function (props) {
+    return (<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#clip0_4392_27559)">
+        <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+        <path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12" fill="#A2001D"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_4392_27559">
+          <rect width="24" height="24" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>);
+};
+var VietnameseFlag = function (props) {
+    return (<svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g clipPath="url(#clip0_10544_106556)">
+        <path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="#D80027"/>
+        <path d="M10.0003 5.2168L11.0795 8.53825H14.5719L11.7464 10.591L12.8257 13.9125L10.0003 11.8597L7.17488 13.9125L8.2541 10.591L5.42871 8.53825H8.92105L10.0003 5.2168Z" fill="#FFDA44"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_10544_106556">
+          <rect width="20" height="20" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>);
+};

package/dist/utils/getQueryClient.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const getQueryClient: () => QueryClient;

package/dist/utils/getQueryClient.js

@@ -0,0 +1,26 @@
+import { QueryClient, isServer } from '@tanstack/react-query';
+import { cache } from 'react';
+function createQueryClient() {
+    return new QueryClient({
+        defaultOptions: {
+            queries: {
+                staleTime: 1000 * 60 * 10, // 10mins
+                gcTime: 1000 * 60 * 60 * 12, // 12hr
+                refetchOnMount: true,
+                refetchOnReconnect: true,
+                refetchOnWindowFocus: true,
+                networkMode: 'always',
+            },
+        },
+    });
+}
+var BROWSER_QUERY_CLIENT = undefined;
+export var getQueryClient = cache(function () {
+    if (isServer) {
+        return createQueryClient();
+    }
+    if (!BROWSER_QUERY_CLIENT) {
+        BROWSER_QUERY_CLIENT = createQueryClient();
+    }
+    return BROWSER_QUERY_CLIENT;
+});

package/dist/utils/index.d.ts

@@ -0,0 +1,13 @@
+export * from './anatomyToRecipeSlots.js';
+export * from './capitalize.js';
+export * from './createPoll.js';
+export * from './createRecipeContext.jsx';
+export * from './createSplitProps.js';
+export * from './dataAttr.js';
+export * from './formatNumber.js';
+export * from './getGameImageUrl.js';
+export * from './getLocaleInfo.jsx';
+export * from './getQueryClient.js';
+export * from './isMobile.js';
+export * from './parseDecimal.js';
+export * from './toaster.js';

package/dist/utils/index.js

@@ -0,0 +1,13 @@
+export * from './anatomyToRecipeSlots.js';
+export * from './capitalize.js';
+export * from './createPoll.js';
+export * from './createRecipeContext.jsx';
+export * from './createSplitProps.js';
+export * from './dataAttr.js';
+export * from './formatNumber.js';
+export * from './getGameImageUrl.js';
+export * from './getLocaleInfo.jsx';
+export * from './getQueryClient.js';
+export * from './isMobile.js';
+export * from './parseDecimal.js';
+export * from './toaster.js';

package/dist/utils/isMobile.d.ts

@@ -0,0 +1,5 @@
+import { type IsMobileOptions } from 'is-mobile';
+interface OnMobileOptions extends IsMobileOptions {
+}
+export declare const onMobileDevice: (opts?: OnMobileOptions) => boolean;
+export {};

package/dist/utils/isMobile.js

@@ -0,0 +1,16 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { isMobile } from 'is-mobile';
+import { cache } from 'react';
+export var onMobileDevice = cache(function (opts) {
+    return isMobile(__assign({ tablet: true, featureDetect: typeof window !== 'undefined' }, opts));
+});

package/dist/utils/parseDecimal.d.ts

@@ -0,0 +1,2 @@
+export declare function parseDecimal(value: unknown): number | null;
+export declare function parseDecimal(value: unknown, fallback: number): number;

package/dist/utils/parseDecimal.js

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+var definition = z
+    .union([
+    z.number(),
+    z.string().transform(function (val) {
+        var parsed = parseFloat(val);
+        return isNaN(parsed) ? null : parsed;
+    }),
+])
+    .nullable()
+    .optional()
+    .default(null)
+    .catch(null);
+export function parseDecimal(value, fallback) {
+    var _a;
+    if (fallback === void 0) { fallback = null; }
+    return (_a = definition.parse(value)) !== null && _a !== void 0 ? _a : fallback;
+}

package/dist/utils/toaster.d.ts

@@ -0,0 +1,2 @@
+import { type CreateToasterReturn } from '@ark-ui/react/toast';
+export declare const toaster: CreateToasterReturn;

package/dist/utils/toaster.js

@@ -0,0 +1,8 @@
+import { createToaster } from '@ark-ui/react/toast';
+export var toaster = createToaster({
+    placement: 'top',
+    duration: 5000,
+    max: 5,
+    overlap: true,
+    gap: 8,
+});