plutosdk 0.0.8-beta.1

package/lib/components/Purchase/index.d.ts

@@ -0,0 +1,61 @@
+import { PureComponent } from 'react';
+import { ITransaction } from '../../interface';
+/**
+ *
+ */
+export default class Purchase extends PureComponent {
+    private _timer;
+    private _status;
+    state: {
+        showLoading: boolean;
+    };
+    /**
+     *
+     */
+    componentWillUnmount(): void;
+    /**
+     *
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+    /**
+     *
+     */
+    connectWallet(): Promise<void>;
+    /**
+     *
+     * @param transaction
+     */
+    sendTransaction(transaction: ITransaction): void;
+    /**
+     *
+     */
+    startLoading(): void;
+    /**
+     *
+     */
+    stopLoading(): void;
+    /**
+     *
+     */
+    clearTimer(): void;
+    /**
+     *
+     */
+    onClickTon: () => void;
+    /**
+     *
+     */
+    onClickNot: () => void;
+    /**
+     *
+     */
+    onClickUsdt: () => void;
+    /**
+     *
+     */
+    onClickStar: () => void;
+    /**
+     *
+     */
+    onClickClose: () => void;
+}

package/lib/components/Purchase/index.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PureComponent } from 'react';
+import Box from '@mui/material/Box';
+import Slide from '@mui/material/Slide';
+import Stack from '@mui/material/Stack';
+import PubSub from 'pubsub-js';
+import { CURRENCY, EVENT_PURCHASE_COMPLETED, EVENT_SWITCH_PAGE, PAGE_ID, PAY_TYPE, TOKEN_NAME } from '../../utils/constant';
+import { getRes } from '../../utils/Utils';
+import user from '../../utils/User';
+import platform from '../../utils/Platform';
+import walletManager from '../../utils/WalletManager';
+import WalletInfo from '../WalletInfo';
+import NetLoading from '../NetLoading';
+import StrokeText from '../StrokeText';
+import PayButton from '../PayButton';
+/**
+ *
+ */
+export default class Purchase extends PureComponent {
+    constructor() {
+        super(...arguments);
+        //
+        this._status = false;
+        //
+        this.state = {
+            showLoading: false
+        };
+        /**
+         *
+         */
+        this.onClickTon = () => {
+            this.connectWallet().then(() => {
+                this.startLoading();
+                return platform.reqOrder(PAY_TYPE.tonConnect, CURRENCY.ton);
+            }).then(data => {
+                this.stopLoading();
+                this.sendTransaction({
+                    amount: data.amount,
+                    address: data.walletAddress,
+                    payload: data.payload
+                });
+            }).catch((error) => {
+                this.stopLoading();
+                console.log(error.message);
+            });
+        };
+        /**
+         *
+         */
+        this.onClickNot = () => {
+            this.connectWallet().then(() => {
+                this.startLoading();
+                return platform.reqOrder(PAY_TYPE.tonConnect, CURRENCY.not);
+            }).then(data => {
+                return walletManager.getTokenJettonPayInfo(TOKEN_NAME.not, data.amount, data.payload, data.walletAddress);
+            }).then(data => {
+                this.stopLoading();
+                this.sendTransaction({
+                    amount: 0.1 * 1e9 + '',
+                    address: data.address,
+                    payload: data.payload
+                });
+            }).catch((error) => {
+                this.stopLoading();
+                console.log(error.message);
+            });
+        };
+        /**
+         *
+         */
+        this.onClickUsdt = () => {
+            this.connectWallet().then(() => {
+                this.startLoading();
+                return platform.reqOrder(PAY_TYPE.tonConnect, CURRENCY.usdt);
+            }).then(data => {
+                return walletManager.getTokenJettonPayInfo(TOKEN_NAME.usdt, data.amount, data.payload, data.walletAddress);
+            }).then(data => {
+                this.stopLoading();
+                this.sendTransaction({
+                    amount: 0.1 * 1e9 + '',
+                    address: data.address,
+                    payload: data.payload
+                });
+            }).catch((error) => {
+                this.stopLoading();
+                console.log(error.message);
+            });
+        };
+        /**
+         *
+         */
+        this.onClickStar = () => {
+            this.startLoading();
+            platform.reqOrder(PAY_TYPE.star, CURRENCY.star).then(data => {
+                this.stopLoading();
+                platform.openInvoice(data.payLink).then(() => {
+                    this._status = true;
+                    this.onClickClose();
+                });
+            });
+        };
+        /**
+         *
+         */
+        this.onClickClose = () => {
+            PubSub.publish(EVENT_SWITCH_PAGE, PAGE_ID.None);
+        };
+    }
+    /**
+     *
+     */
+    componentWillUnmount() {
+        this.clearTimer();
+        PubSub.publish(EVENT_PURCHASE_COMPLETED, this._status);
+    }
+    /**
+     *
+     */
+    render() {
+        const { name, usdt, ton, not, star } = user.purchaseData;
+        const { showLoading } = this.state;
+        return (_jsxs(Box, Object.assign({ sx: { width: '100%', height: '100%', position: 'relative' } }, { children: [_jsx(Box, { sx: { width: '100%', height: '100%', position: 'absolute', left: 0, top: 0, background: 'rgba(0,0,0,0.4)', backgroundSize: "cover", backdropFilter: 'blur(10px)', WebkitBackdropFilter: 'blur(10px)' }, onClick: this.onClickClose }), _jsx(Box, Object.assign({ sx: { width: '100%', bottom: 10, position: 'absolute' } }, { children: _jsx(Slide, Object.assign({ direction: 'up', in: true, mountOnEnter: true, unmountOnExit: true }, { children: _jsxs(Box, Object.assign({ sx: { width: '96%', maxWidth: 430, margin: '0 auto', position: 'relative' } }, { children: [_jsx(Box, { sx: { width: '100%', height: '100%', position: 'absolute', borderImage: `url(${getRes('bg2.png')})`, borderWidth: 40, borderStyle: 'solid', borderImageRepeat: 'repeat', borderImageSlice: '40 fill' } }), _jsx(Box, Object.assign({ sx: { width: '100%', height: 70, position: 'relative' } }, { children: _jsxs(Box, Object.assign({ sx: { width: '100%', height: 70, paddingTop: 1, position: 'absolute', display: 'flex', justifyContent: 'center', alignItems: 'center' } }, { children: [_jsx(Box, Object.assign({ sx: { width: 36, height: 70, display: 'inline-block', position: 'relative' } }, { children: _jsx("img", { style: { position: 'absolute', left: 0, bottom: '18px' }, src: getRes('dot.png'), alt: "" }) })), _jsx(Box, Object.assign({ sx: { fontSize: 32, fontWeight: 'bold', color: '#ca996e', display: 'inline-block' } }, { children: "Purchase" })), _jsx(Box, Object.assign({ sx: { width: 36, height: 70, display: 'inline-block', position: 'relative' } }, { children: _jsx("img", { style: { position: 'absolute', right: 0, top: '16px' }, src: getRes('dot.png'), alt: "" }) }))] })) })), _jsx(Box, { sx: { marginLeft: 5, marginRight: 5, borderBottom: '3px solid #a8774d', position: 'relative' } }), _jsxs(Box, Object.assign({ sx: { width: '100%', height: 120, position: 'relative' } }, { children: [_jsxs(Box, Object.assign({ sx: { top: 0, left: 0, width: '100%', textAlign: 'center', position: 'absolute', zIndex: 1 } }, { children: [_jsx(Box, Object.assign({ sx: { fontSize: 24, fontWeight: 800, paddingTop: 3, color: '#7c4b30' } }, { children: name })), _jsx(Box, Object.assign({ sx: { width: '100%', height: 30, display: 'flex', justifyContent: 'center', alignItems: 'center', position: 'absolute' } }, { children: _jsx(StrokeText, { content: `= $${usdt.toFixed(2)}`, fontSize: 18, color: '#fff', strokeColor: '#ba4f25', strokeWidth: 3 }) }))] })), _jsx(Box, Object.assign({ sx: { marginLeft: 5, marginRight: 5, position: 'relative', zIndex: 2 } }, { children: _jsx(Box, { children: _jsx(WalletInfo, {}) }) }))] })), _jsxs(Stack, Object.assign({ spacing: 2, sx: { marginLeft: 5, marginRight: 5, paddingBottom: 4 } }, { children: [_jsx(PayButton, { content: `${ton.toFixed(2)} TON`, icon: getRes('coin_ton.png'), onClick: this.onClickTon }), _jsx(PayButton, { content: `${not.toFixed(2)} NOT`, icon: getRes('coin_not.png'), onClick: this.onClickNot }), _jsx(PayButton, { content: `${usdt.toFixed(2)} USDT`, icon: getRes('coin_usdt.png'), onClick: this.onClickUsdt }), _jsx(PayButton, { content: `${star} Star`, icon: getRes('coin_star.png'), onClick: this.onClickStar })] })), showLoading ? _jsx(NetLoading, {}) : null] })) })) }))] })));
+    }
+    /**
+     *
+     */
+    connectWallet() {
+        return new Promise((resolve, reject) => {
+            if (walletManager.connected) {
+                return resolve();
+            }
+            //
+            walletManager.connect().then(result => {
+                resolve();
+            }).catch(error => {
+                reject(error);
+            });
+        });
+    }
+    /**
+     *
+     * @param transaction
+     */
+    sendTransaction(transaction) {
+        walletManager.sendTransaction(transaction).then(data => {
+            this._status = true;
+            this.onClickClose();
+        }).catch((error) => {
+            console.log(error.message);
+        });
+    }
+    /**
+     *
+     */
+    startLoading() {
+        if (this._timer) {
+            return;
+        }
+        //
+        this._timer = window.setTimeout(() => {
+            this.clearTimer();
+            this.setState({ showLoading: true });
+        }, 600);
+    }
+    /**
+     *
+     */
+    stopLoading() {
+        this.clearTimer();
+        this.setState({ showLoading: false });
+    }
+    /**
+     *
+     */
+    clearTimer() {
+        if (!this._timer) {
+            return;
+        }
+        //
+        window.clearTimeout(this._timer);
+        this._timer = null;
+    }
+}

package/lib/components/ShareButton/index.d.ts

@@ -0,0 +1,14 @@
+import { PureComponent } from 'react';
+/**
+ *
+ */
+export default class ShareButton extends PureComponent {
+    /**
+     *
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+    /**
+     *
+     */
+    onclickShare: () => void;
+}

package/lib/components/ShareButton/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PureComponent } from 'react';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import TelegramIcon from '@mui/icons-material/Telegram';
+import { getRes } from '../../utils/Utils';
+import platform from '../../utils/Platform';
+import user from '../../utils/User';
+import StrokeText from '../StrokeText';
+/**
+ *
+ */
+export default class ShareButton extends PureComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         *
+         */
+        this.onclickShare = () => {
+            platform.share(user.gameInfo.describe);
+        };
+    }
+    /**
+     *
+     */
+    render() {
+        return (_jsx(Box, Object.assign({ sx: { height: 50, position: 'relative' } }, { children: _jsxs(Button, Object.assign({ sx: { width: '100%', height: '100%', borderRadius: 3 }, variant: 'contained', onClick: this.onclickShare }, { children: [_jsx(Box, { sx: { width: '100%', height: '100%', position: 'absolute', top: 0, borderImage: `url(${getRes('button_2.png')})`, borderWidth: 20, borderStyle: 'solid', borderImageRepeat: 'repeat', borderImageSlice: '20 fill' } }), _jsxs(Box, Object.assign({ sx: { height: '100%', position: 'absolute', top: 0, display: 'flex', alignItems: 'center' } }, { children: [_jsx(Box, Object.assign({ sx: { width: 26, height: 26, paddingRight: 4 } }, { children: _jsx(TelegramIcon, { sx: { color: '#fff', width: 26, height: 26 } }) })), _jsx(StrokeText, { content: 'Share', fontSize: 22, color: '#fff', strokeColor: '#4a7408', strokeWidth: 3 })] }))] })) })));
+    }
+}

package/lib/components/StrokeText/index.d.ts

@@ -0,0 +1,18 @@
+import { PureComponent } from 'react';
+interface IProps {
+    content: string;
+    fontSize: number;
+    color: string;
+    strokeColor: string;
+    strokeWidth: number;
+}
+/**
+ *
+ */
+export default class index extends PureComponent<IProps> {
+    /**
+     *
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/lib/components/StrokeText/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PureComponent } from 'react';
+import Box from '@mui/material/Box';
+/**
+ *
+ */
+export default class index extends PureComponent {
+    /**
+     *
+     */
+    render() {
+        const { content, fontSize, color, strokeColor, strokeWidth } = this.props;
+        const sx = {
+            color: color,
+            fontSize: fontSize,
+            fontWeight: 'bold',
+            position: 'relative',
+            zIndex: 0,
+            textTransform: 'none',
+            '&:after': {
+                content: 'attr(content)',
+                WebkitTextStrokeColor: strokeColor,
+                WebkitTextStrokeWidth: strokeWidth,
+                zIndex: -1,
+                position: 'absolute',
+                left: 0,
+                top: 0
+            }
+        };
+        return (_jsx(Box, Object.assign({ content: content, sx: sx }, { children: content })));
+    }
+}

package/lib/components/WalletInfo/index.d.ts

@@ -0,0 +1,36 @@
+import { PureComponent } from 'react';
+/**
+ *
+ */
+export default class WalletInfo extends PureComponent {
+    state: {
+        address: any;
+        showDisconnect: boolean;
+    };
+    /**
+     *
+     */
+    componentDidMount(): void;
+    /**
+     *
+     */
+    componentWillUnmount(): void;
+    /**
+     *
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+    /**
+     *
+     * @param _
+     * @param connected
+     */
+    onWalletConnect: (_: string, connected: boolean) => void;
+    /**
+     *
+     */
+    onClickWallet: () => void;
+    /**
+     *
+     */
+    onClickDisconnect: () => void;
+}

package/lib/components/WalletInfo/index.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PureComponent } from 'react';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material';
+import Button from '@mui/material/Button';
+import Stack from '@mui/material/Stack';
+import PubSub from 'pubsub-js';
+import { EVENT_WALLET_CONNECT } from '../../utils/constant';
+import walletManager from '../../utils/WalletManager';
+//
+const WalletBtn = styled(Button)(() => ({
+    color: '#fff',
+    width: 100,
+    height: 30,
+    borderRadius: 13,
+    backgroundColor: '#e0c6a0',
+    borderColor: "#e0c6a0",
+    textTransform: "none",
+    '&:hover': {
+        backgroundColor: '#e0c6a0',
+        borderColor: "#e0c6a0",
+    }
+}));
+//
+const DisconnectBtn = styled(Button)(() => ({
+    color: '#666666',
+    width: 100,
+    height: 30,
+    borderRadius: 13,
+    backgroundColor: '#fff',
+    borderColor: "#787772",
+    textTransform: "none",
+    '&:hover': {
+        backgroundColor: '#fff',
+        borderColor: "#787772"
+    }
+}));
+/**
+ *
+ */
+export default class WalletInfo extends PureComponent {
+    constructor() {
+        super(...arguments);
+        //
+        this.state = {
+            address: null,
+            showDisconnect: false
+        };
+        /**
+         *
+         * @param _
+         * @param connected
+         */
+        this.onWalletConnect = (_, connected) => {
+            if (connected) {
+                this.setState({
+                    address: walletManager.friendlyAddress
+                });
+                return;
+            }
+            //
+            this.setState({
+                address: null,
+                showDisconnect: false
+            });
+        };
+        /**
+         *
+         */
+        this.onClickWallet = () => {
+            const { showDisconnect } = this.state;
+            this.setState({ showDisconnect: !showDisconnect });
+        };
+        /**
+         *
+         */
+        this.onClickDisconnect = () => {
+            walletManager.disconnect();
+        };
+    }
+    /**
+     *
+     */
+    componentDidMount() {
+        this.setState({ address: walletManager.friendlyAddress });
+        PubSub.subscribe(EVENT_WALLET_CONNECT, this.onWalletConnect);
+    }
+    /**
+     *
+     */
+    componentWillUnmount() {
+        PubSub.unsubscribe(this.onWalletConnect);
+    }
+    /**
+     *
+     */
+    render() {
+        const { address, showDisconnect } = this.state;
+        if (!address) {
+            return null;
+        }
+        //
+        let length = address.length;
+        let showAddress = address.substring(0, 4) + '...' + address.substring(length - 4, length);
+        return (_jsx(Box, Object.assign({ sx: { float: 'right', width: 100, paddingTop: 0.5 } }, { children: _jsxs(Stack, Object.assign({ spacing: 1 }, { children: [_jsx(WalletBtn, Object.assign({ variant: 'outlined', onClick: this.onClickWallet }, { children: showAddress })), showDisconnect ? (_jsx(DisconnectBtn, Object.assign({ variant: 'outlined', onClick: this.onClickDisconnect }, { children: "Disconnect" }))) : (null)] })) })));
+    }
+}

package/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './sdk';

package/lib/index.js

@@ -0,0 +1,4 @@
+import run from './main';
+export * from './sdk';
+//
+run();

package/lib/interface.d.ts

@@ -0,0 +1,42 @@
+export interface IError {
+    code: number;
+    message: string;
+}
+export interface IGame {
+    name: string;
+    describe: string;
+    icon: string;
+}
+export interface ILogin {
+    plutoId: string;
+    lastName: string;
+    firstName: string;
+    icon: string;
+    ticket: string;
+}
+export interface IPurchase {
+    name?: string;
+    productId?: string;
+    orderId?: string;
+    usdt?: number;
+    ton?: number;
+    not?: number;
+    star?: number;
+    customData?: string;
+}
+export interface IOrder {
+    amount: string;
+    orderNo: string;
+    payload: string;
+    payLink: string;
+    walletAddress: string;
+}
+export interface IJettonPayInfo {
+    address: string;
+    payload: string;
+}
+export interface ITransaction {
+    amount: string;
+    address: string;
+    payload: string;
+}

package/lib/interface.js

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

package/lib/main.d.ts

@@ -0,0 +1,5 @@
+/**
+ *
+ */
+declare const run: () => void;
+export default run;

package/lib/main.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createRoot } from 'react-dom/client';
+import CssBaseline from '@mui/material/CssBaseline';
+import Config from './utils/Config';
+import App from './App';
+/**
+ *
+ */
+const run = () => {
+    console.log(`Pluto SDK version: ${Config.APP_VERSION}`);
+    //
+    const div = document.createElement('div');
+    div.id = 'pluto_root';
+    document.body.appendChild(div);
+    //
+    const root = createRoot(div);
+    root.render(_jsxs(_Fragment, { children: [_jsx(CssBaseline, {}), _jsx(App, {})] }));
+};
+export default run;

package/lib/sdk.d.ts

@@ -0,0 +1,46 @@
+import { ILogin } from './interface';
+/**
+ *
+ */
+export declare const init: () => Promise<void>;
+/**
+ *
+ */
+export declare const login: () => Promise<ILogin>;
+/**
+ *
+ */
+export declare const ready: () => void;
+/**
+ *
+ */
+export declare const share: () => void;
+/**
+ *
+ */
+export declare const getShareLink: () => string;
+/**
+ *
+ */
+export declare const copyShareLink: () => Promise<void>;
+/**
+ *
+ * @param name
+ * @param orderId
+ * @param amount
+ * @param customData
+ * @param callback
+ */
+export declare const purchase: (productId: string, name: string, orderId: string, amount: number, customData?: string, callback?: Function) => Promise<void>;
+/**
+ *
+ */
+export declare const connectWallet: () => Promise<string>;
+/**
+ *
+ */
+export declare const disconnectWallet: () => Promise<void>;
+/**
+ *
+ */
+export declare const getWalletConnected: () => boolean;