@jolibox/ui 1.0.0 → 1.3.3-beta.1

package/dist/assets/close.d.ts

@@ -0,0 +1 @@
+export declare const Close: () => import("preact").JSX.Element;

package/dist/assets/coin.d.ts

@@ -0,0 +1,3 @@
+export declare const defaultCoinImage = "data:image/png;base64,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";
+export declare const defaultCoinUrl = "https://fe-oss.jolibox.com/static/coin/jolicoin.png";
+export declare const defaultGemImage = "https://fe-oss.jolibox.com/static/coin/gem.png";

package/dist/assets/correct.d.ts

@@ -0,0 +1 @@
+export declare const defaultCorrectImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMYSURBVHgB7ZfPi1JRFMfvjNO22VbQZlrVbpr+AIPqDxgYiJjVLGYimPUsZpHrFkIuQmoTriLElYggKhGRIgniwoUkSiphimaZv5+dc7jXOZg2My9tnnC/8PA933n3ns+955x7rxBaWlpaWlpaWlogG1wreLO1tXVJ/rcmlkjktM/nu28Yxg+4hsVi8Y18ZxNLIAJIJBIHI1Cv1+sPQQAyisfjDmFxYehQuJTLZQ8CdLvd3khKzkZGWFhjgEql8g6dhsHvcwD8hZl4JSwqBKA4HwwGXzBsAGCgAPAerlGz2UxLe8slNwKsHh0drYPzrX6/b6DfCgCgKJyq1WpI2lsOgEbf4XBsoKMAMDBwGk5mgADy+fwLaW85AKpAsVjsgapAIyaV0Nls9gm3t5LIoWQy+VgC9DgAzgj++v3+e9zejFaFXC1nPJsVhQSUytczAGhGPB7PTWlvemFDh4XL5dqEhPqUy+U+7uzsXOHvTGhcQuv1+geZtLyEGvCMCT3Y399fF6ximdXK4eHhDdmRgasl3gcCgU1hDmTsUKfTyWNz6DNLYOzDgHclu92+Jts3O1gngoTySt9VotGohcPh2+cEoTCEQbkMn/+aUkKp3Xa7rVbiNTGfsBUCVsZnstoZkyBut/uW7Og0EBp9p9O5weLdmFwDoIT6GMDctAo5YAOnv0O/Q96xSry9vb1rp4BQRQkGg3f5d0oqoUul0nNuP29RbELfP2eByGSfBkIOwWwe8BmcnNFIJPKI2y9KCqR1DhByqFAovOQjPvldNBq1sz4WLko0SPKZINvb21clCAHUarX3U0LIUM/Hx8fXZdv/9XBDIJCIM0F2d3cRRLRarc9Y1Ya8tIE9lmrc4OFGT5ytKCwM5G+hBVWy/VWewMYAuB4gD5iUZDu2iwIQEyB/JDsfdXWjDjWNRiPBvp/PGvCPOgsIjjwlNOyR3rLvLAGgNDO0eEXKZDIOaW+5bbTS1GRX54JUKvVQ2lkWQIlAAOKbzAGaCa/Xe4e9XwqRo6FQ6Gk6nXbD4jeXbfRFiDs8r8OTlpaWlpaWltJvJhoeBvCfSkcAAAAASUVORK5CYII=";

package/dist/assets/error.d.ts

@@ -0,0 +1 @@
+export declare const defaultErrorImg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4xNDIxIDIwQzE1LjY2NSAyMCAyMC4xNDIxIDE1LjUyMjggMjAuMTQyMSAxMEMyMC4xNDIxIDQuNDc3MTUgMTUuNjY1IDEuNzM2OThlLTA3IDEwLjE0MjEgMS43MzY5OGUtMDdDNC42MTkyOSAxLjczNjk4ZS0wNyAwLjE0MjEzNiA0LjQ3NzE1IDAuMTQyMTM1IDEwQzAuMTQyMTM2IDE1LjUyMjggNC42MTkyOSAyMCAxMC4xNDIxIDIwWk02LjUwNTk4IDUuMDQ5OTdDNi4xMTU0NiA0LjY1OTQ1IDUuNDgyMjkgNC42NTk0NSA1LjA5MTc3IDUuMDQ5OTdDNC43MDEyNCA1LjQ0MDUgNC43MDEyNCA2LjA3MzY2IDUuMDkxNzcgNi40NjQxOUw4LjYyNzMgOS45OTk3Mkw1LjA5MTc3IDEzLjUzNTNDNC43MDEyNCAxMy45MjU4IDQuNzAxMjQgMTQuNTU4OSA1LjA5MTc3IDE0Ljk0OTVDNS40ODIyOSAxNS4zNCA2LjExNTQ2IDE1LjM0IDYuNTA1OTggMTQuOTQ5NUwxMC4wNDE1IDExLjQxMzlMMTMuNTc3IDE0Ljk0OTVDMTMuOTY3NiAxNS4zNCAxNC42MDA3IDE1LjM0IDE0Ljk5MTMgMTQuOTQ5NUMxNS4zODE4IDE0LjU1ODkgMTUuMzgxOCAxMy45MjU4IDE0Ljk5MTMgMTMuNTM1M0wxMS40NTU3IDkuOTk5NzJMMTQuOTkxMyA2LjQ2NDE5QzE1LjM4MTggNi4wNzM2NiAxNS4zODE4IDUuNDQwNSAxNC45OTEzIDUuMDQ5OTdDMTQuNjAwNyA0LjY1OTQ1IDEzLjk2NzYgNC42NTk0NSAxMy41NzcgNS4wNDk5N0wxMC4wNDE1IDguNTg1NTFMNi41MDU5OCA1LjA0OTk3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";

package/dist/assets/success.d.ts

@@ -0,0 +1 @@
+export declare const defaultSuccessImg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMjk0XzQwODkpIi8+CjxwYXRoIGQ9Ik0xNC4yOTUgMjUuOTIyN0MxNC4yOTUgMjUuOTIyNyAxNy45MTI1IDIxLjY0MzYgMjEuNzc1OSAxOC4wOTg0QzI0Ljc1NzQgMTUuMzYyMSAyOC4yMTUxIDEzLjE0NzQgMjguMjE1MSAxMy4xNDc0TDI3Ljk2OTUgMTEuNDEzOEMyNy45Njk1IDExLjQxMzggMjQuMDk4NyAxMi45NzYzIDIwLjc1NzUgMTUuMTk0N0MxNy4zNjUzIDE3LjQ0NTQgMTQuNTAzMyAyMC4zNTc3IDE0LjUwMzMgMjAuMzU3N0wxMS4xMzkgMTUuNjQyOEw5LjAzOTk2IDE3LjA1MjJMMTQuMjk1IDI1LjkyMjdMMTQuMjk1IDI1LjkyMjdaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzIyOTRfNDA4OSIgeDE9IjExLjczNDEiIHkxPSIzLjE3NTQxIiB4Mj0iMTgiIHkyPSIzNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjOTc1QkZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzc4MTdGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=";

package/dist/assets/tips.d.ts

@@ -0,0 +1,8 @@
+import { ComponentChildren, h } from 'preact';
+export declare const Triangle: ({ style }: {
+    style?: preact.JSX.CSSProperties;
+}) => h.JSX.Element;
+export declare function TipsBubble({ children, style }: {
+    children: ComponentChildren;
+    style?: preact.JSX.CSSProperties;
+}): h.JSX.Element;

package/dist/bridge/coin/components/charge-grid.d.ts

@@ -0,0 +1,15 @@
+interface RechargeOption {
+    coins: number;
+    price: string;
+    id: string;
+    defaultSelected?: boolean;
+}
+interface RechargeGridProps {
+    options: RechargeOption[];
+    selectedId: string;
+    currency: 'JOLI_COIN' | 'JOLI_GEM';
+    onSelect?: (option: RechargeOption) => void;
+    coinImageSrc?: string;
+}
+export declare const ChargeGrid: import("preact").FunctionComponent<RechargeGridProps>;
+export {};

package/dist/bridge/coin/components/coin-status.d.ts

@@ -0,0 +1,22 @@
+interface CoinInfoProps {
+    unlockNeedsAmount?: number;
+    balanceAmount?: number;
+    coinImage?: string;
+    formatter?: (amount: number) => string;
+    hideNeeds?: boolean;
+    hideBalance?: boolean;
+    className?: string;
+    currency?: 'JOLI_COIN' | 'JOLI_GEM';
+}
+/**
+ *
+ * @param unlockNeedsAmount
+ * @param balanceAmount
+ * @param coinImage
+ * @param formatter
+ * @param hideNeeds
+ * @param hideBalance
+ * @param className
+ */
+export declare const CoinInfoDisplay: React.FC<CoinInfoProps>;
+export {};

package/dist/bridge/coin/components/fixed-image.d.ts

@@ -0,0 +1,11 @@
+import { h } from 'preact';
+interface FixedImageProps {
+    src: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    top?: number | string;
+    style?: preact.JSX.CSSProperties;
+}
+export declare function FixedImage({ src, alt, width, height, top, style }: FixedImageProps): h.JSX.Element | null;
+export {};

package/dist/bridge/coin/components/index.d.ts

@@ -0,0 +1,45 @@
+import { IPaymentChoice } from '@/index';
+interface CoinConfirmProps {
+    currency: 'JOLI_COIN' | 'JOLI_GEM';
+    unlockNeedsAmount: number;
+    balanceAmount: number;
+    defaultEnableAutoDeduct: boolean;
+    confirmButtonKey: string;
+    cancelButtonKey: string;
+    onConfirm: (enableAutoDeduct: boolean) => void;
+    onClose: (params: {
+        type?: 'CANCEL' | 'FAILED' | 'CONFIRM';
+    }) => void;
+    onEnableDeductChanged: (enableAutoDeduct: boolean) => void;
+}
+export declare const styles: {
+    modal: import("@emotion/react").SerializedStyles;
+    header: import("@emotion/react").SerializedStyles;
+    closeButton: import("@emotion/react").SerializedStyles;
+    content: import("@emotion/react").SerializedStyles;
+    title: import("@emotion/react").SerializedStyles;
+    autoDeductOption: import("@emotion/react").SerializedStyles;
+    buttonContainer: import("@emotion/react").SerializedStyles;
+    buttonFlex: import("@emotion/react").SerializedStyles;
+    confirmButton: import("@emotion/react").SerializedStyles;
+    cancelButton: import("@emotion/react").SerializedStyles;
+    bottomIndicator: import("@emotion/react").SerializedStyles;
+};
+export declare const CoinConfirmContent: React.FC<CoinConfirmProps>;
+interface CoinPaymentProps {
+    currency: 'JOLI_COIN' | 'JOLI_GEM';
+    balanceAmount: number;
+    unlockNeedsAmount: number;
+    defaultEnableAutoDeduct: boolean;
+    paymentChoices: IPaymentChoice[];
+    onConfirm: (productId: string) => void;
+    onClose: (params: {
+        type?: 'CANCEL' | 'FAILED' | 'CONFIRM';
+    }) => void;
+    onEnableDeductChanged: (enalbed: boolean) => void;
+    confirmButtonKey: string;
+    cancelButtonKey: string;
+    onSelect: (productId: string) => void;
+}
+export declare const CoinPaymentContent: React.FC<CoinPaymentProps>;
+export {};

package/dist/bridge/coin/components/toggle.d.ts

@@ -0,0 +1,4 @@
+export declare const Toggle: ({ enableAutoDeduct, toggleEnableAutoDeduct }: {
+    enableAutoDeduct: boolean;
+    toggleEnableAutoDeduct: () => void;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/bridge/coin/components/unlogin-modal.d.ts

@@ -0,0 +1,13 @@
+interface CoinUnloginContentProps {
+    rewardType: 'JOLI_COIN' | 'ADS-JOLI_COIN' | 'JOLI_GEM' | 'ADS-JOLI_GEM';
+    currency: 'JOLI_COIN' | 'JOLI_GEM';
+    rewardValue: number;
+    confirmButtonKey: string;
+    cancelButtonKey: string;
+    onClose: (params: {
+        type?: 'CANCEL' | 'FAILED' | 'CONFIRM';
+    }) => void;
+    onConfirm: () => void;
+}
+export declare const CoinUnloginContent: ({ currency, rewardType, rewardValue, confirmButtonKey, cancelButtonKey, onClose, onConfirm }: CoinUnloginContentProps) => import("preact").JSX.Element;
+export {};

package/dist/bridge/coin/index.d.ts

@@ -0,0 +1,73 @@
+export interface IJoliCoin {
+    balance: number;
+    enableAutoDeduct: boolean;
+}
+export interface IGem {
+    balance: number;
+    enableAutoDeduct: boolean;
+}
+export interface IPaymentChoice {
+    productId: string;
+    totalAmountStr: string;
+    quantity: number;
+    defaultSelected?: boolean;
+}
+interface IButton {
+    text: string;
+    onPress: (...args: any[]) => void;
+}
+export declare const createConfirmJolicoinModal: (params: {
+    data: {
+        userCurrency: IJoliCoin | IGem;
+        enableAutoDeduct: boolean;
+        quantity: number;
+        currency: "JOLI_COIN" | "JOLI_GEM";
+    };
+    buttons: {
+        confirm: IButton;
+        cancel: IButton;
+        onEnableDeductChanged: (enalbed: boolean) => void;
+    };
+}) => {
+    show: () => void;
+    hide: () => void;
+    isOpen: () => boolean;
+    destroy: () => void;
+};
+export declare const createPaymentJolicoinModal: (params: {
+    data: {
+        userCurrency: IJoliCoin | IGem;
+        paymentChoices: IPaymentChoice[];
+        enableAutoDeduct: boolean;
+        quantity: number;
+        currency: "JOLI_COIN" | "JOLI_GEM";
+    };
+    buttons: {
+        confirm: IButton;
+        cancel: IButton;
+        onEnableDeductChanged: (enalbed: boolean) => void;
+    };
+    onSelect: (productId: string) => void;
+}) => {
+    show: () => void;
+    hide: () => void;
+    isOpen: () => boolean;
+    destroy: () => void;
+};
+export declare const createUnloginJolicoinModal: (params: {
+    data: {
+        rewardType: "JOLI_COIN" | "ADS-JOLI_COIN" | "JOLI_GEM" | "ADS-JOLI_GEM";
+        rewardValue: number;
+        currency: "JOLI_COIN" | "JOLI_GEM";
+    };
+    buttons: {
+        confirm: IButton;
+        cancel: IButton;
+    };
+}) => {
+    show: () => void;
+    hide: () => void;
+    isOpen: () => boolean;
+    destroy: () => void;
+};
+export {};

package/dist/bridge/index.d.ts

@@ -1 +1,2 @@
 export { createRecommendModal } from './recommend';
+export { createConfirmJolicoinModal } from './coin';

package/dist/bridge/recommend/components/grid/index.d.ts

@@ -6,6 +6,7 @@ interface IGameListProps extends PropsWithChildren {
     layerName: string;
     routeMode: 'REDIRECT' | 'NAVIGATE';
     onGameClick?: (game: IGame) => void;
+    orientation: 'portrait' | 'landscape';
 }
-export declare const GamesGrid: ({ list, routeMode, layerName, onGameClick, ...restProps }: IGameListProps) => h.JSX.Element;
+export declare const GamesGrid: ({ list, routeMode, layerName, onGameClick, orientation, ...restProps }: IGameListProps) => h.JSX.Element;
 export {};

package/dist/bridge/recommend/index.d.ts

@@ -1,6 +1,6 @@
 import { IGame, IRecommendationButton } from './types';
 export type RecommendModalOnCloseParams = {
-    type: 'dismiss' | 'quit' | 'navigate';
+    type: 'dismiss' | 'quit' | 'navigate' | 'back';
     data?: {
         game: IGame;
     };

package/dist/bridge/report/index.d.ts

@@ -0,0 +1,9 @@
+export declare const createReportModal: (params: {
+    onClose?: () => void;
+    onOpen?: () => void;
+}) => {
+    show: () => void;
+    hide: () => void;
+    isOpen: () => boolean;
+    destroy: () => void;
+};

package/dist/components/create-loading.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Creates a loading manager instance that interacts with the singleton iframe.
+ * @returns An object with show, hide, and isLoading properties.
+ */
+export declare function createLoading(): {
+    show: (options?: {
+        duration?: number;
+    }) => Promise<void>;
+    hide: () => void;
+    readonly isLoading: boolean;
+};
+export declare const loadingManager: {
+    show: (options?: {
+        duration?: number;
+    }) => Promise<void>;
+    hide: () => void;
+    readonly isLoading: boolean;
+};

package/dist/components/create-modal.d.ts

@@ -1,13 +1,15 @@
 import { h } from 'preact';
-export type ModalPlacement = 'top' | 'end' | 'bottom' | 'start';
+export type ModalPlacement = 'top' | 'end' | 'bottom' | 'start' | 'center';
 export interface ModalOptions {
     title: string;
     content: h.JSX.Element | HTMLElement;
+    height?: number | string;
     placement?: ModalPlacement;
     noHeader?: boolean;
     padding?: string;
     onClose?: (...args: any[]) => void;
     onOpen?: (...args: any[]) => void;
+    preventCloseOnBackdropClick?: boolean;
     backdropColor?: string;
     footerButtons?: Array<{
         text: string;
@@ -17,7 +19,7 @@ export interface ModalOptions {
         }) => void;
     }>;
 }
-export declare const createModal: (options: ModalOptions) => {
+export declare const createModal: (options: Omit<ModalOptions, "dynamicCss">) => {
     show: () => void;
     hide: () => void;
     isOpen: () => boolean;

package/dist/components/create-toast.d.ts

@@ -0,0 +1,18 @@
+export interface IToastOptions {
+    type?: 'success' | 'error' | 'info' | 'warning';
+    duration?: number;
+    checkmarkImage?: string;
+    coinImage?: string;
+    gemImage?: string;
+    customStyle?: {
+        mark?: React.CSSProperties;
+        coin?: React.CSSProperties;
+        gem?: React.CSSProperties;
+        base?: React.CSSProperties;
+        correct?: React.CSSProperties;
+        span?: React.CSSProperties;
+    };
+    i18nParams?: Record<string, string | number>;
+    position?: 'top' | 'center';
+}
+export declare const createToast: (pattern: string, options?: IToastOptions) => Promise<void>;

package/dist/components/drawer/index.d.ts

@@ -3,9 +3,10 @@ interface DrawerProps {
     children: ComponentChildren;
     isOpen?: boolean;
     onClose?: () => void;
-    height?: string | number;
     className?: string;
+    placement?: 'top' | 'end' | 'bottom' | 'start' | 'center';
     backdropColor?: string;
+    preventCloseOnBackdropClick?: boolean;
 }
 interface DrawerRef {
     show: () => void;

package/dist/components/i18n/index.d.ts

@@ -0,0 +1,8 @@
+import { h } from 'preact';
+interface TransProps {
+    children: string;
+    values?: Record<string, preact.ComponentChildren>;
+    style?: preact.JSX.CSSProperties;
+}
+export declare function Trans({ children, values, style }: TransProps): h.JSX.Element;
+export {};

package/dist/components/pattern-processer/index.d.ts

@@ -0,0 +1,20 @@
+import './patterns/mark';
+import './patterns/coin';
+import './patterns/i18n-text';
+import './patterns/i18n-trans';
+import './patterns/success';
+import './patterns/error';
+import './patterns/correct';
+export declare const processPattern: (pattern: string, options?: {
+    coinImage?: string;
+    i18nParams?: Record<string, string | number>;
+    customStyle?: {
+        mark?: React.CSSProperties;
+        coin?: React.CSSProperties;
+        base?: React.CSSProperties;
+        correct?: React.CSSProperties;
+        span?: React.CSSProperties;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}) => string | preact.VNode;

package/dist/components/pattern-processer/patterns/coin.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/pattern-processer/patterns/correct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/pattern-processer/patterns/error.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/pattern-processer/patterns/i18n-text.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/pattern-processer/patterns/i18n-trans.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/pattern-processer/patterns/index.d.ts

@@ -0,0 +1,2 @@
+export declare const patternDecoders: Map<RegExp, (match: RegExpMatchArray, options?: any) => string | preact.VNode>;
+export declare const registerPatternDecoder: (pattern: RegExp, decoder: (match: RegExpMatchArray, options?: any) => string | preact.VNode) => void;

package/dist/components/pattern-processer/patterns/mark.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/pattern-processer/patterns/success.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/utils/detect-language.d.ts

@@ -0,0 +1,10 @@
+/**
+ * registerLanguageHandler is global function to register language handler.
+ * @param handler a function that returns the original language string.
+ */
+export declare const registerLanguageHandler: (handler: () => string) => void;
+/**
+ * getDetectedLanguage is global function to get detected and normalized language.
+ * @returns normalized language code (e.g. "en", "zh", "zh-Hant"), default to "en" if not registered or error occurs.
+ */
+export declare const getDetectedLanguage: () => string;

package/dist/components/utils/singleton-iframe.d.ts

@@ -0,0 +1,21 @@
+import createCache from '@emotion/cache';
+declare class SingletonIframeManager {
+    private zIndex;
+    private pointerEvents;
+    private persistentIframe;
+    iframeEmotionCache: ReturnType<typeof createCache> | null;
+    iframeLoadPromise: Promise<void> | null;
+    private iframeLoadResolver;
+    private removeGlobalTransformSync;
+    private referenceCount;
+    constructor(zIndex: number, pointerEvents: string);
+    private create;
+    acquire(): Promise<{
+        iframe: HTMLIFrameElement;
+        emotionCache: NonNullable<ReturnType<typeof createCache>>;
+    }>;
+    release(): void;
+}
+export declare const modalIframeManager: SingletonIframeManager;
+export declare const toastIframeManager: SingletonIframeManager;
+export {};

package/dist/hooks/useOrientation.d.ts

@@ -0,0 +1,7 @@
+type OrientationType = 'portrait' | 'landscape';
+/**
+ * Hook check current device orientation
+ * @returns current device orientation, 'portrait'(portrait) or 'landscape'(landscape)
+ */
+export declare function useOrientation(): OrientationType;
+export {};

package/dist/hooks/useTransition.d.ts

@@ -0,0 +1,5 @@
+import { Translations } from '../lib/i18n/i18n-context';
+export declare const useTranslation: () => {
+    t: (key: string, params?: Record<string, string | number>) => string;
+    translations: Translations;
+};