@pushchain/ui-kit 1.0.9 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -7
- package/src/lib/common/icons/ArbitrumMonotone.js.map +1 -0
- package/src/lib/common/icons/AvalancheMonotone.js.map +1 -0
- package/src/lib/common/icons/BnbMonotone.js.map +1 -0
- package/src/lib/common/icons/CrossIcon.d.ts +2 -0
- package/src/lib/common/icons/CrossIcon.js +8 -0
- package/src/lib/common/icons/CrossIcon.js.map +1 -0
- package/src/lib/common/icons/DashIcon.js.map +1 -0
- package/src/lib/common/icons/EllipseIcon.js.map +1 -0
- package/src/lib/common/icons/EthereumMonotone.js.map +1 -0
- package/src/lib/common/icons/OptimismMonotone.js.map +1 -0
- package/src/lib/common/icons/PolygonMonotone.js.map +1 -0
- package/src/lib/{components/common → common}/icons/PushLogo.js.map +1 -1
- package/src/lib/common/icons/PushMonotone.js.map +1 -0
- package/src/lib/common/icons/SolanaMonotone.js.map +1 -0
- package/src/lib/common/icons/index.js.map +1 -0
- package/src/lib/common/index.d.ts +2 -0
- package/src/lib/common/index.js +6 -0
- package/src/lib/common/index.js.map +1 -0
- package/src/lib/{components/common → common/spinner}/Spinner.js +2 -2
- package/src/lib/common/spinner/Spinner.js.map +1 -0
- package/src/lib/common/spinner/index.d.ts +1 -0
- package/src/lib/{components/common → common/spinner}/index.js +0 -2
- package/src/lib/common/spinner/index.js.map +1 -0
- package/src/lib/config/index.d.ts +19 -0
- package/src/lib/config/index.js +23 -0
- package/src/lib/config/index.js.map +1 -0
- package/src/lib/constants.d.ts +8 -0
- package/src/lib/constants.js +32 -0
- package/src/lib/constants.js.map +1 -0
- package/src/lib/index.d.ts +1 -5
- package/src/lib/index.js +1 -6
- package/src/lib/index.js.map +1 -1
- package/src/lib/providers/{walletProviders/BaseWalletProvider.d.ts → BaseWalletProvider.d.ts} +1 -1
- package/src/lib/providers/BaseWalletProvider.js.map +1 -0
- package/src/lib/providers/{walletProviders/WalletProviderRegistry.d.ts → WalletProviderRegistry.d.ts} +1 -1
- package/src/lib/providers/WalletProviderRegistry.js.map +1 -0
- package/src/lib/providers/{walletProviders/ethereum → ethereum}/metamask.d.ts +1 -1
- package/src/lib/providers/{walletProviders/ethereum → ethereum}/metamask.js +1 -1
- package/src/lib/providers/ethereum/metamask.js.map +1 -0
- package/src/lib/providers/{walletProviders/helpers → helpers}/address.d.ts +1 -1
- package/src/lib/providers/{walletProviders/helpers → helpers}/address.js +1 -1
- package/src/lib/providers/helpers/address.js.map +1 -0
- package/src/lib/providers/{walletProviders/solana → solana}/phantom.d.ts +1 -1
- package/src/lib/providers/{walletProviders/solana → solana}/phantom.js +1 -1
- package/src/lib/providers/solana/phantom.js.map +1 -0
- package/src/lib/{types → providers/types}/wallet.types.d.ts +0 -10
- package/src/lib/providers/types/wallet.types.js.map +1 -0
- package/src/lib/wallet/components/ConnectPushWalletButton.d.ts +8 -0
- package/src/lib/wallet/components/ConnectPushWalletButton.js +55 -0
- package/src/lib/wallet/components/ConnectPushWalletButton.js.map +1 -0
- package/src/lib/wallet/components/PushWalletButton.d.ts +10 -0
- package/src/lib/wallet/components/PushWalletButton.js +20 -0
- package/src/lib/wallet/components/PushWalletButton.js.map +1 -0
- package/src/lib/wallet/components/PushWalletIFrame.d.ts +3 -0
- package/src/lib/wallet/components/PushWalletIFrame.js +102 -0
- package/src/lib/wallet/components/PushWalletIFrame.js.map +1 -0
- package/src/lib/wallet/components/PushWalletProvider.d.ts +25 -0
- package/src/lib/{context/WalletContext.js → wallet/components/PushWalletProvider.js} +106 -146
- package/src/lib/wallet/components/PushWalletProvider.js.map +1 -0
- package/src/lib/{components/PushUniversalAccountButton → wallet/components}/TogglePushWalletButton.d.ts +1 -2
- package/src/lib/wallet/components/TogglePushWalletButton.js +53 -0
- package/src/lib/wallet/components/TogglePushWalletButton.js.map +1 -0
- package/src/lib/wallet/index.d.ts +6 -0
- package/src/lib/wallet/index.js +10 -0
- package/src/lib/wallet/index.js.map +1 -0
- package/src/lib/wallet/wallet.constants.d.ts +2 -0
- package/src/lib/wallet/wallet.constants.js +11 -0
- package/src/lib/wallet/wallet.constants.js.map +1 -0
- package/src/lib/wallet/wallet.types.d.ts +28 -0
- package/src/lib/wallet/wallet.types.js +24 -0
- package/src/lib/wallet/wallet.types.js.map +1 -0
- package/src/lib/{helpers/wallet.helpers.js → wallet/wallet.utils.js} +1 -1
- package/src/lib/wallet/wallet.utils.js.map +1 -0
- package/src/lib/components/LoginModal/index.d.ts +0 -19
- package/src/lib/components/LoginModal/index.js +0 -219
- package/src/lib/components/LoginModal/index.js.map +0 -1
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.d.ts +0 -8
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js +0 -25
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js.map +0 -1
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js +0 -28
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js.map +0 -1
- package/src/lib/components/PushUniversalAccountButton/index.d.ts +0 -13
- package/src/lib/components/PushUniversalAccountButton/index.js +0 -59
- package/src/lib/components/PushUniversalAccountButton/index.js.map +0 -1
- package/src/lib/components/PushWalletToast/index.d.ts +0 -2
- package/src/lib/components/PushWalletToast/index.js +0 -30
- package/src/lib/components/PushWalletToast/index.js.map +0 -1
- package/src/lib/components/common/Button.d.ts +0 -17
- package/src/lib/components/common/Button.js +0 -38
- package/src/lib/components/common/Button.js.map +0 -1
- package/src/lib/components/common/Spinner.js.map +0 -1
- package/src/lib/components/common/icons/ArbitrumMonotone.js.map +0 -1
- package/src/lib/components/common/icons/AvalancheMonotone.js.map +0 -1
- package/src/lib/components/common/icons/BnbMonotone.js.map +0 -1
- package/src/lib/components/common/icons/CrossIcon.d.ts +0 -6
- package/src/lib/components/common/icons/CrossIcon.js +0 -8
- package/src/lib/components/common/icons/CrossIcon.js.map +0 -1
- package/src/lib/components/common/icons/DashIcon.js.map +0 -1
- package/src/lib/components/common/icons/EllipseIcon.js.map +0 -1
- package/src/lib/components/common/icons/EthereumMonotone.js.map +0 -1
- package/src/lib/components/common/icons/OptimismMonotone.js.map +0 -1
- package/src/lib/components/common/icons/PolygonMonotone.js.map +0 -1
- package/src/lib/components/common/icons/PushMonotone.js.map +0 -1
- package/src/lib/components/common/icons/SolanaMonotone.js.map +0 -1
- package/src/lib/components/common/icons/index.js.map +0 -1
- package/src/lib/components/common/index.d.ts +0 -3
- package/src/lib/components/common/index.js.map +0 -1
- package/src/lib/constants/environment.d.ts +0 -20
- package/src/lib/constants/environment.js +0 -17
- package/src/lib/constants/environment.js.map +0 -1
- package/src/lib/constants/index.d.ts +0 -38
- package/src/lib/constants/index.js +0 -55
- package/src/lib/constants/index.js.map +0 -1
- package/src/lib/context/WalletContext.d.ts +0 -22
- package/src/lib/context/WalletContext.js.map +0 -1
- package/src/lib/context/WalletContextMap.d.ts +0 -2
- package/src/lib/context/WalletContextMap.js +0 -15
- package/src/lib/context/WalletContextMap.js.map +0 -1
- package/src/lib/helpers/index.d.ts +0 -1
- package/src/lib/helpers/index.js +0 -5
- package/src/lib/helpers/index.js.map +0 -1
- package/src/lib/helpers/wallet.helpers.js.map +0 -1
- package/src/lib/hooks/useAppMetadata.d.ts +0 -1
- package/src/lib/hooks/useAppMetadata.js +0 -9
- package/src/lib/hooks/useAppMetadata.js.map +0 -1
- package/src/lib/hooks/usePushChainClient.d.ts +0 -6
- package/src/lib/hooks/usePushChainClient.js +0 -59
- package/src/lib/hooks/usePushChainClient.js.map +0 -1
- package/src/lib/hooks/usePushWallet.d.ts +0 -2
- package/src/lib/hooks/usePushWallet.js +0 -15
- package/src/lib/hooks/usePushWallet.js.map +0 -1
- package/src/lib/providers/PushWalletProvider.d.ts +0 -3
- package/src/lib/providers/PushWalletProvider.js +0 -46
- package/src/lib/providers/PushWalletProvider.js.map +0 -1
- package/src/lib/providers/walletProviders/BaseWalletProvider.js.map +0 -1
- package/src/lib/providers/walletProviders/WalletProviderRegistry.js.map +0 -1
- package/src/lib/providers/walletProviders/ethereum/metamask.js.map +0 -1
- package/src/lib/providers/walletProviders/helpers/address.js.map +0 -1
- package/src/lib/providers/walletProviders/solana/phantom.js.map +0 -1
- package/src/lib/styles/token.d.ts +0 -74
- package/src/lib/styles/token.js +0 -28
- package/src/lib/styles/token.js.map +0 -1
- package/src/lib/types/PushWalletProvider.types.d.ts +0 -54
- package/src/lib/types/PushWalletProvider.types.js +0 -3
- package/src/lib/types/PushWalletProvider.types.js.map +0 -1
- package/src/lib/types/index.d.ts +0 -2
- package/src/lib/types/index.js +0 -6
- package/src/lib/types/index.js.map +0 -1
- package/src/lib/types/wallet.types.js.map +0 -1
- package/src/lib/utils/theme.d.ts +0 -2
- package/src/lib/utils/theme.js +0 -36
- package/src/lib/utils/theme.js.map +0 -1
- /package/src/lib/{components/common → common}/icons/ArbitrumMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/ArbitrumMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/AvalancheMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/AvalancheMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/BnbMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/BnbMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/DashIcon.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/DashIcon.js +0 -0
- /package/src/lib/{components/common → common}/icons/EllipseIcon.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/EllipseIcon.js +0 -0
- /package/src/lib/{components/common → common}/icons/EthereumMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/EthereumMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/OptimismMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/OptimismMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/PolygonMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/PolygonMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/PushLogo.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/PushLogo.js +0 -0
- /package/src/lib/{components/common → common}/icons/PushMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/PushMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/SolanaMonotone.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/SolanaMonotone.js +0 -0
- /package/src/lib/{components/common → common}/icons/index.d.ts +0 -0
- /package/src/lib/{components/common → common}/icons/index.js +0 -0
- /package/src/lib/{components/common → common/spinner}/Spinner.d.ts +0 -0
- /package/src/lib/providers/{walletProviders/BaseWalletProvider.js → BaseWalletProvider.js} +0 -0
- /package/src/lib/providers/{walletProviders/WalletProviderRegistry.js → WalletProviderRegistry.js} +0 -0
- /package/src/lib/{types → providers/types}/wallet.types.js +0 -0
- /package/src/lib/{helpers/wallet.helpers.d.ts → wallet/wallet.utils.d.ts} +0 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare enum WALLET_TO_APP_ACTION {
|
|
2
|
+
AUTH_STATUS = "authStatus",
|
|
3
|
+
IS_LOGGED_IN = "isLoggedIn",
|
|
4
|
+
APP_CONNECTION_REJECTED = "appConnectionRejected",
|
|
5
|
+
APP_CONNECTION_SUCCESS = "appConnectionSuccess",
|
|
6
|
+
APP_CONNECTION_RETRY = "appConnectionRetry",
|
|
7
|
+
IS_LOGGED_OUT = "loggedOut",
|
|
8
|
+
TAB_CLOSED = "tabClosed",
|
|
9
|
+
SIGNATURE = "signature",
|
|
10
|
+
ERROR = "error",
|
|
11
|
+
CONNECT_WALLET = "connectWallet"
|
|
12
|
+
}
|
|
13
|
+
export declare enum APP_TO_WALLET_ACTION {
|
|
14
|
+
NEW_CONNECTION_REQUEST = "newConnectionRequest",
|
|
15
|
+
SIGN_MESSAGE = "signMessage",
|
|
16
|
+
LOG_OUT = "logOut",
|
|
17
|
+
CONNECTION_STATUS = "connectionStatus"
|
|
18
|
+
}
|
|
19
|
+
export type ConnectionStatus = 'notConnected' | 'connecting' | 'authenticating' | 'connected' | 'retry';
|
|
20
|
+
export type UniversalAddress = {
|
|
21
|
+
chainId: string;
|
|
22
|
+
chain: string;
|
|
23
|
+
address: string;
|
|
24
|
+
};
|
|
25
|
+
export type WalletEventRespoonse = {
|
|
26
|
+
signature?: Uint8Array;
|
|
27
|
+
account?: string;
|
|
28
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.APP_TO_WALLET_ACTION = exports.WALLET_TO_APP_ACTION = void 0;
|
|
4
|
+
var WALLET_TO_APP_ACTION;
|
|
5
|
+
(function (WALLET_TO_APP_ACTION) {
|
|
6
|
+
WALLET_TO_APP_ACTION["AUTH_STATUS"] = "authStatus";
|
|
7
|
+
WALLET_TO_APP_ACTION["IS_LOGGED_IN"] = "isLoggedIn";
|
|
8
|
+
WALLET_TO_APP_ACTION["APP_CONNECTION_REJECTED"] = "appConnectionRejected";
|
|
9
|
+
WALLET_TO_APP_ACTION["APP_CONNECTION_SUCCESS"] = "appConnectionSuccess";
|
|
10
|
+
WALLET_TO_APP_ACTION["APP_CONNECTION_RETRY"] = "appConnectionRetry";
|
|
11
|
+
WALLET_TO_APP_ACTION["IS_LOGGED_OUT"] = "loggedOut";
|
|
12
|
+
WALLET_TO_APP_ACTION["TAB_CLOSED"] = "tabClosed";
|
|
13
|
+
WALLET_TO_APP_ACTION["SIGNATURE"] = "signature";
|
|
14
|
+
WALLET_TO_APP_ACTION["ERROR"] = "error";
|
|
15
|
+
WALLET_TO_APP_ACTION["CONNECT_WALLET"] = "connectWallet";
|
|
16
|
+
})(WALLET_TO_APP_ACTION || (exports.WALLET_TO_APP_ACTION = WALLET_TO_APP_ACTION = {}));
|
|
17
|
+
var APP_TO_WALLET_ACTION;
|
|
18
|
+
(function (APP_TO_WALLET_ACTION) {
|
|
19
|
+
APP_TO_WALLET_ACTION["NEW_CONNECTION_REQUEST"] = "newConnectionRequest";
|
|
20
|
+
APP_TO_WALLET_ACTION["SIGN_MESSAGE"] = "signMessage";
|
|
21
|
+
APP_TO_WALLET_ACTION["LOG_OUT"] = "logOut";
|
|
22
|
+
APP_TO_WALLET_ACTION["CONNECTION_STATUS"] = "connectionStatus";
|
|
23
|
+
})(APP_TO_WALLET_ACTION || (exports.APP_TO_WALLET_ACTION = APP_TO_WALLET_ACTION = {}));
|
|
24
|
+
//# sourceMappingURL=wallet.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wallet.types.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/wallet/wallet.types.ts"],"names":[],"mappings":";;;AAAA,IAAY,oBAeX;AAfD,WAAY,oBAAoB;IAC9B,kDAA0B,CAAA;IAC1B,mDAA2B,CAAA;IAE3B,yEAAiD,CAAA;IACjD,uEAA+C,CAAA;IAC/C,mEAA2C,CAAA;IAE3C,mDAA2B,CAAA;IAC3B,gDAAwB,CAAA;IAExB,+CAAuB,CAAA;IACvB,uCAAe,CAAA;IAEf,wDAAgC,CAAA;AAClC,CAAC,EAfW,oBAAoB,oCAApB,oBAAoB,QAe/B;AAED,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC9B,uEAA+C,CAAA;IAC/C,oDAA4B,CAAA;IAC5B,0CAAkB,CAAA;IAElB,8DAAsC,CAAA;AACxC,CAAC,EANW,oBAAoB,oCAApB,oBAAoB,QAM/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wallet.utils.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/wallet/wallet.utils.ts"],"names":[],"mappings":";;;AAmCA,4CAQC;AA3CM,MAAM,wBAAwB,GAAG,CACtC,OAAe,EAKf,EAAE;IACF,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE5C,kFAAkF;IAClF,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO;YACL,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;YAC1B,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;YAC5B,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;SAC7B,CAAC;IACJ,CAAC;IACD,uEAAuE;SAClE,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO;YACL,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;YAC1B,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;SAC7B,CAAC;IACJ,CAAC;IACD,0EAA0E;SACrE,CAAC;QACJ,OAAO;YACL,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,OAAO;SACjB,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAjCW,QAAA,wBAAwB,4BAiCnC;AAEF,SAAgB,gBAAgB,CAAC,GAAW,EAAE,GAAG,GAAG,CAAC;IACnD,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACpC,MAAM,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;QAC5C,OAAO,KAAK,GAAG,KAAK,GAAG,GAAG,CAAC;IAC7B,CAAC;IACD,8CAA8C;IAC9C,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
2
|
-
import { CONSTANTS } from '../../constants';
|
|
3
|
-
import { ModalAppDetails, ProviderConfigProps, UniversalAddress } from '../../types';
|
|
4
|
-
type LoginModalProps = {
|
|
5
|
-
iframeRef: React.MutableRefObject<HTMLIFrameElement | null>;
|
|
6
|
-
themeMode?: typeof CONSTANTS.THEME.LIGHT | typeof CONSTANTS.THEME.DARK;
|
|
7
|
-
isWalletVisible: boolean;
|
|
8
|
-
isIframeLoading: boolean;
|
|
9
|
-
setIframeLoading: (isIframeLoading: boolean) => void;
|
|
10
|
-
sendWalletConfig: () => void;
|
|
11
|
-
modalAppData: ModalAppDetails | undefined;
|
|
12
|
-
config: ProviderConfigProps;
|
|
13
|
-
universalAddress: UniversalAddress | null;
|
|
14
|
-
isWalletMinimised: boolean;
|
|
15
|
-
setMinimiseWallet: (isWalletMinimised: boolean) => void;
|
|
16
|
-
handleUserLogOutEvent: () => void;
|
|
17
|
-
};
|
|
18
|
-
declare const LoginModal: FC<LoginModalProps>;
|
|
19
|
-
export { LoginModal };
|
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LoginModal = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
|
-
const common_1 = require("../../components/common");
|
|
9
|
-
const constants_1 = require("../../constants");
|
|
10
|
-
const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = constants_1.CONSTANTS.THEME.DARK, modalAppData, setIframeLoading, sendWalletConfig, universalAddress, isWalletMinimised, setMinimiseWallet, handleUserLogOutEvent, config, }) => {
|
|
11
|
-
const { modal } = config;
|
|
12
|
-
const containerRef = (0, react_1.useRef)(null);
|
|
13
|
-
(0, react_1.useEffect)(() => {
|
|
14
|
-
const handleOutsideClick = (event) => {
|
|
15
|
-
if (containerRef.current &&
|
|
16
|
-
!containerRef.current.contains(event.target)) {
|
|
17
|
-
setMinimiseWallet(!isWalletMinimised);
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
document.addEventListener('mousedown', handleOutsideClick);
|
|
21
|
-
return () => document.removeEventListener('mousedown', handleOutsideClick);
|
|
22
|
-
}, []);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { ref: containerRef, isWalletMinimised: isWalletMinimised, universalAddress: universalAddress, themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, accountMenuVariant: modal === null || modal === void 0 ? void 0 : modal.connectedLayout, modalDefaults: modal, children: [isIframeLoading && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
24
|
-
handleUserLogOutEvent();
|
|
25
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, { universalAddress: universalAddress, children: universalAddress ? ((0, jsx_runtime_1.jsx)(DashButtonContainer, { onClick: () => setMinimiseWallet(true), children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "18px", width: "18px", color: "var(--pw-int-text-primary-color)" }) })) : ((0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
26
|
-
handleUserLogOutEvent();
|
|
27
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: "var(--pw-int-text-primary-color)" }) })) }), (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [(modal === null || modal === void 0 ? void 0 : modal.appPreview) &&
|
|
28
|
-
modalAppData &&
|
|
29
|
-
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.CONSTANTS.LOGIN.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, { universalAddress: universalAddress, children: (0, jsx_runtime_1.jsxs)(AppContainer, { children: [(modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL) && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL, alt: modalAppData.title }) })), (0, jsx_runtime_1.jsxs)(TextContainer, { themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, textColor: themeMode === constants_1.CONSTANTS.THEME.LIGHT
|
|
30
|
-
? '#F5F6F8'
|
|
31
|
-
: '#17181b', children: [(0, jsx_runtime_1.jsx)(Heading, { children: modalAppData.title }), (0, jsx_runtime_1.jsx)(Description, { children: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.description })] })] }) })), (0, jsx_runtime_1.jsx)(MainFrameContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${constants_1.WALLET_CONFIG_URL[config.env]}/auth?app=${window.location.origin}`, allow: "publickey-credentials-create; publickey-credentials-get; *", ref: iframeRef, style: {
|
|
32
|
-
border: 'none',
|
|
33
|
-
width: '-webkit-fill-available',
|
|
34
|
-
height: universalAddress
|
|
35
|
-
? (modal === null || modal === void 0 ? void 0 : modal.connectedLayout) === constants_1.CONSTANTS.CONNECTED.FULL
|
|
36
|
-
? '100vh'
|
|
37
|
-
: '675px'
|
|
38
|
-
: '100vh',
|
|
39
|
-
borderRadius: universalAddress ? '10px' : '0px',
|
|
40
|
-
}, onLoad: () => {
|
|
41
|
-
setIframeLoading(false);
|
|
42
|
-
sendWalletConfig();
|
|
43
|
-
} }) })] })] })] })) : null }));
|
|
44
|
-
};
|
|
45
|
-
exports.LoginModal = LoginModal;
|
|
46
|
-
const FrameContainer = styled_components_1.default.div `
|
|
47
|
-
position: fixed;
|
|
48
|
-
display: flex;
|
|
49
|
-
flex-direction: column;
|
|
50
|
-
background-image: url(${({ modalDefaults }) => modalDefaults === null || modalDefaults === void 0 ? void 0 : modalDefaults.bgImage});
|
|
51
|
-
background-size: cover;
|
|
52
|
-
background-color: var(--pw-int-bg-primary-color);
|
|
53
|
-
border-radius: ${({ universalAddress }) => universalAddress ? '10px' : 'unset'};
|
|
54
|
-
z-index: 9999;
|
|
55
|
-
|
|
56
|
-
width: ${({ universalAddress, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
57
|
-
? '0px'
|
|
58
|
-
: universalAddress
|
|
59
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
60
|
-
? '100%'
|
|
61
|
-
: '450px'
|
|
62
|
-
: '100vw'};
|
|
63
|
-
height: ${({ universalAddress, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
64
|
-
? '0px'
|
|
65
|
-
: universalAddress
|
|
66
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
67
|
-
? '100vw'
|
|
68
|
-
: '675px'
|
|
69
|
-
: '100vh'};
|
|
70
|
-
right: ${({ universalAddress, accountMenuVariant }) => universalAddress
|
|
71
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
72
|
-
? '0'
|
|
73
|
-
: '10px'
|
|
74
|
-
: '0'};
|
|
75
|
-
top: ${({ universalAddress, accountMenuVariant }) => universalAddress
|
|
76
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
77
|
-
? '0'
|
|
78
|
-
: '70px'
|
|
79
|
-
: '0'};
|
|
80
|
-
|
|
81
|
-
@media (max-width: 425px) {
|
|
82
|
-
width: ${({ universalAddress, isWalletMinimised }) => isWalletMinimised ? '0px' : universalAddress ? '96%' : '100%'};
|
|
83
|
-
right: ${({ universalAddress }) => (universalAddress ? '2%' : '0')};
|
|
84
|
-
top: ${({ universalAddress, accountMenuVariant }) => universalAddress
|
|
85
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
86
|
-
? '0'
|
|
87
|
-
: '8%'
|
|
88
|
-
: '0'};
|
|
89
|
-
}
|
|
90
|
-
`;
|
|
91
|
-
const CloseButtonContainer = styled_components_1.default.div `
|
|
92
|
-
display: flex;
|
|
93
|
-
align-items: center;
|
|
94
|
-
justify-content: flex-end;
|
|
95
|
-
cursor: pointer;
|
|
96
|
-
padding: 0 16px;
|
|
97
|
-
`;
|
|
98
|
-
const DashButtonContainer = styled_components_1.default.div `
|
|
99
|
-
display: flex;
|
|
100
|
-
align-items: center;
|
|
101
|
-
justify-content: center;
|
|
102
|
-
cursor: pointer;
|
|
103
|
-
height: 20px;
|
|
104
|
-
width: 20px;
|
|
105
|
-
padding: 2px;
|
|
106
|
-
`;
|
|
107
|
-
const LoadingTextContainer = styled_components_1.default.div `
|
|
108
|
-
display: flex;
|
|
109
|
-
align-items: center;
|
|
110
|
-
justify-content: center;
|
|
111
|
-
gap: 16px;
|
|
112
|
-
width: -webkit-fill-available;
|
|
113
|
-
height: -webkit-fill-available;
|
|
114
|
-
`;
|
|
115
|
-
const LoadingText = styled_components_1.default.p `
|
|
116
|
-
font-size: 18px;
|
|
117
|
-
font-weight: 500;
|
|
118
|
-
line-height: 27px;
|
|
119
|
-
color: inherit;
|
|
120
|
-
font-family: FK Grotesk Neu;
|
|
121
|
-
margin: 0px;
|
|
122
|
-
width: auto;
|
|
123
|
-
`;
|
|
124
|
-
const FrameLoadingContainer = styled_components_1.default.div `
|
|
125
|
-
height: -webkit-fill-available;
|
|
126
|
-
width: -webkit-fill-available;
|
|
127
|
-
flex-direction: column;
|
|
128
|
-
display: flex;
|
|
129
|
-
padding: 8px;
|
|
130
|
-
color: var(--pw-int-text-primary-color);
|
|
131
|
-
background-color: var(--pw-int-bg-primary-color);
|
|
132
|
-
`;
|
|
133
|
-
const FrameSubContainer = styled_components_1.default.div `
|
|
134
|
-
display: ${({ isWalletMinimised, isIframeLoading }) => isWalletMinimised || isIframeLoading ? 'none' : 'flex'};
|
|
135
|
-
width: -webkit-fill-available;
|
|
136
|
-
height: -webkit-fill-available;
|
|
137
|
-
flex-direction: column;
|
|
138
|
-
`;
|
|
139
|
-
const AccountContainer = styled_components_1.default.div `
|
|
140
|
-
width: -webkit-fill-available;
|
|
141
|
-
display: flex;
|
|
142
|
-
align-items: center;
|
|
143
|
-
position: absolute;
|
|
144
|
-
top: 4px;
|
|
145
|
-
right: 4px;
|
|
146
|
-
justify-content: flex-end;
|
|
147
|
-
padding: var(--spacing-xxs) var(--spacing-xxs);
|
|
148
|
-
border-top-right-radius: ${({ universalAddress }) => universalAddress ? '10px' : '0px'};
|
|
149
|
-
border-top-left-radius: ${({ universalAddress }) => universalAddress ? '10px' : '0px'};
|
|
150
|
-
background-color: transparent;
|
|
151
|
-
`;
|
|
152
|
-
const SplitContainer = styled_components_1.default.div `
|
|
153
|
-
display: flex;
|
|
154
|
-
`;
|
|
155
|
-
const AppPreviewContainer = styled_components_1.default.div `
|
|
156
|
-
display: ${({ universalAddress }) => (universalAddress ? 'none' : 'flex')};
|
|
157
|
-
align-items: center;
|
|
158
|
-
justify-content: center;
|
|
159
|
-
flex: 1;
|
|
160
|
-
padding: 100px 10px 10px 10px;
|
|
161
|
-
background-color: transparent;
|
|
162
|
-
|
|
163
|
-
@media (max-width: 1024px) {
|
|
164
|
-
display: none;
|
|
165
|
-
}
|
|
166
|
-
`;
|
|
167
|
-
const AppContainer = styled_components_1.default.div `
|
|
168
|
-
width: 300px;
|
|
169
|
-
padding: 10px;
|
|
170
|
-
display: flex;
|
|
171
|
-
flex-direction: column;
|
|
172
|
-
align-items: flex-start;
|
|
173
|
-
gap: 16px;
|
|
174
|
-
align-self: stretch;
|
|
175
|
-
height: 700px;
|
|
176
|
-
justify-content: center;
|
|
177
|
-
`;
|
|
178
|
-
const MainFrameContainer = styled_components_1.default.div `
|
|
179
|
-
flex: 1;
|
|
180
|
-
`;
|
|
181
|
-
const ImageContainer = styled_components_1.default.div `
|
|
182
|
-
width: 64px;
|
|
183
|
-
height: 64px;
|
|
184
|
-
`;
|
|
185
|
-
const Image = styled_components_1.default.img `
|
|
186
|
-
width: inherit;
|
|
187
|
-
height: inherit;
|
|
188
|
-
border-radius: 16px;
|
|
189
|
-
border: 1px solid var(--stroke-secondary, #313338);
|
|
190
|
-
`;
|
|
191
|
-
const TextContainer = styled_components_1.default.div `
|
|
192
|
-
font-family: 'FK Grotesk Neu';
|
|
193
|
-
src: url('./assets/fonts/FKGroteskNeue-Regular.woff2') format('woff2'),
|
|
194
|
-
url('./assets/fonts/FKGroteskNeue-Regular.woff') format('woff');
|
|
195
|
-
font-style: normal;
|
|
196
|
-
font-size: 16px;
|
|
197
|
-
font-weight: 400;
|
|
198
|
-
line-height: 22px;
|
|
199
|
-
color: ${({ themeMode, textColor }) => themeMode === constants_1.CONSTANTS.THEME.LIGHT
|
|
200
|
-
? textColor
|
|
201
|
-
? textColor
|
|
202
|
-
: '#17181b'
|
|
203
|
-
: textColor
|
|
204
|
-
? textColor
|
|
205
|
-
: '#F5F6F8'};
|
|
206
|
-
`;
|
|
207
|
-
const Heading = styled_components_1.default.h1 `
|
|
208
|
-
font-size: var(--pw-int-text-heading-xsmall-size);
|
|
209
|
-
font-weight: 500;
|
|
210
|
-
line-height: 27px;
|
|
211
|
-
color: var(--pw-int-text-primary-color);
|
|
212
|
-
`;
|
|
213
|
-
const Description = styled_components_1.default.p `
|
|
214
|
-
font-size: var(--pw-int-text-body-large-size);
|
|
215
|
-
line-height: 22px;
|
|
216
|
-
font-weight: 400;
|
|
217
|
-
color: var(--pw-int-text-secondary-color);
|
|
218
|
-
`;
|
|
219
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
2
|
-
export type ConnectPushWalletButtonProps = {
|
|
3
|
-
uid?: string;
|
|
4
|
-
connectButtonText?: string;
|
|
5
|
-
loadingComponent?: React.ReactNode;
|
|
6
|
-
};
|
|
7
|
-
declare const ConnectWalletButton: FC<ConnectPushWalletButtonProps>;
|
|
8
|
-
export { ConnectWalletButton };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ConnectWalletButton = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
|
-
const usePushWallet_1 = require("../../hooks/usePushWallet");
|
|
8
|
-
const common_1 = require("../common");
|
|
9
|
-
const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, }) => {
|
|
10
|
-
const { connectionStatus, handleConnectToPushWallet } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
11
|
-
const isConnectButtonDisbaled = connectionStatus === 'connected' ||
|
|
12
|
-
connectionStatus === 'authenticating' ||
|
|
13
|
-
connectionStatus === 'connecting';
|
|
14
|
-
const isLoading = connectionStatus === 'connecting' || connectionStatus === 'authenticating';
|
|
15
|
-
const handleConnectWalletButton = () => handleConnectToPushWallet();
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)(common_1.Button, { bgColor: "var(--pwauth-btn-connect-bg-color)", textColor: "var(--pwauth-btn-connect-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", onClick: handleConnectWalletButton, disabled: isConnectButtonDisbaled || isLoading, children: [connectionStatus === 'notConnected'
|
|
17
|
-
? connectButtonText
|
|
18
|
-
: connectionStatus, isLoading &&
|
|
19
|
-
(loadingComponent ? (loadingComponent) : ((0, jsx_runtime_1.jsx)(SpinnerContainer, { children: (0, jsx_runtime_1.jsx)(common_1.Spinner, {}) })))] }));
|
|
20
|
-
};
|
|
21
|
-
exports.ConnectWalletButton = ConnectWalletButton;
|
|
22
|
-
const SpinnerContainer = styled_components_1.default.div `
|
|
23
|
-
padding: 4px;
|
|
24
|
-
`;
|
|
25
|
-
//# sourceMappingURL=ConnectWalletButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.tsx"],"names":[],"mappings":";;;;;AACA,kFAAuC;AACvC,6DAAiE;AACjE,sCAA4C;AAQ5C,MAAM,mBAAmB,GAAqC,CAAC,EAC7D,GAAG,EACH,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,GACnD,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,uBAAuB,GAC3B,gBAAgB,KAAK,WAAW;QAChC,gBAAgB,KAAK,gBAAgB;QACrC,gBAAgB,KAAK,YAAY,CAAC;IAEpC,MAAM,SAAS,GACb,gBAAgB,KAAK,YAAY,IAAI,gBAAgB,KAAK,gBAAgB,CAAC;IAE7E,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,yBAAyB,EAAE,CAAC;IAEpE,OAAO,CACL,wBAAC,eAAM,IACL,OAAO,EAAC,oCAAoC,EAC5C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAC,yCAAyC,EACtD,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,uBAAuB,IAAI,SAAS,aAE7C,gBAAgB,KAAK,cAAc;gBAClC,CAAC,CAAC,iBAAiB;gBACnB,CAAC,CAAC,gBAAgB,EACnB,SAAS;gBACR,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAClB,gBAAgB,CACjB,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAgB,cACf,uBAAC,gBAAO,KAAG,GACM,CACpB,CAAC,IACG,CACV,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB;AAE5B,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAElC,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TogglePushWalletButton = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const usePushWallet_1 = require("../../hooks/usePushWallet");
|
|
6
|
-
const common_1 = require("../common");
|
|
7
|
-
const helpers_1 = require("../../helpers");
|
|
8
|
-
const constants_1 = require("../../constants");
|
|
9
|
-
const TogglePushWalletButton = ({ uid, universalAddress, }) => {
|
|
10
|
-
const { setMinimiseWallet, isWalletMinimised } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
11
|
-
const { chainId, address } = universalAddress;
|
|
12
|
-
function getChainIcon(chainId) {
|
|
13
|
-
if (!chainId) {
|
|
14
|
-
return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
|
|
15
|
-
}
|
|
16
|
-
const IconComponent = constants_1.CHAIN_LOGO[chainId];
|
|
17
|
-
if (IconComponent) {
|
|
18
|
-
return (0, jsx_runtime_1.jsx)(IconComponent, {});
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(common_1.PushMonotone, {});
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
const maskedAddress = (0, helpers_1.centerMaskString)(address);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgColor: "var(--pwauth-btn-connected-bg-color)", textColor: "var(--pwauth-btn-connected-text-color)", borderRadius: "var(--pwauth-btn-connect-border-radius)", children: [getChainIcon(chainId), maskedAddress, (0, jsx_runtime_1.jsx)(common_1.PushLogo, {})] }) }));
|
|
26
|
-
};
|
|
27
|
-
exports.TogglePushWalletButton = TogglePushWalletButton;
|
|
28
|
-
//# sourceMappingURL=TogglePushWalletButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TogglePushWalletButton.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.tsx"],"names":[],"mappings":";;;;AACA,6DAAiE;AAEjE,sCAA2D;AAC3D,2CAAiD;AACjD,+CAA6C;AAM7C,MAAM,sBAAsB,GAA0C,CAAC,EACrE,GAAG,EACH,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAC3E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;IAE9C,SAAS,YAAY,CAAC,OAAsB;QAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;QACD,MAAM,aAAa,GAAG,sBAAU,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,uBAAC,aAAa,KAAG,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,OAAO,uBAAC,qBAAY,KAAG,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,IAAA,0BAAgB,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,2DACE,wBAAC,eAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACpD,OAAO,EAAC,sCAAsC,EAC9C,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAC,yCAAyC,aAErD,YAAY,CAAC,OAAO,CAAC,EACrB,aAAa,EACd,uBAAC,iBAAQ,KAAG,IACL,GACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEO,wDAAsB"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { FC } from 'react';
|
|
2
|
-
import { ButtonThemeOverrides } from '../../styles/token';
|
|
3
|
-
import { AppMetadata } from '../../types';
|
|
4
|
-
type PushUniversalAccountButtonProps = {
|
|
5
|
-
uid?: string;
|
|
6
|
-
connectButtonText?: string;
|
|
7
|
-
loadingComponent?: React.ReactNode;
|
|
8
|
-
modalAppOverride?: AppMetadata;
|
|
9
|
-
loginAppOverride?: AppMetadata;
|
|
10
|
-
themeOverrides?: ButtonThemeOverrides;
|
|
11
|
-
};
|
|
12
|
-
declare const PushUniversalAccountButton: FC<PushUniversalAccountButtonProps>;
|
|
13
|
-
export { PushUniversalAccountButton };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PushUniversalAccountButton = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const usePushWallet_1 = require("../../hooks/usePushWallet");
|
|
8
|
-
const ConnectWalletButton_1 = require("./ConnectWalletButton");
|
|
9
|
-
const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
|
|
10
|
-
const styled_components_1 = require("styled-components");
|
|
11
|
-
const token_1 = require("../../styles/token");
|
|
12
|
-
const theme_1 = require("../../utils/theme");
|
|
13
|
-
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Account', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
|
|
14
|
-
const { universalAddress, themeOverrides, themeMode, updateModalAppData, updateWalletAppData, } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
15
|
-
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
16
|
-
:root{
|
|
17
|
-
${(props) => {
|
|
18
|
-
const { themeOverrides, themeMode } = props.theme;
|
|
19
|
-
const isLightMode = themeMode === 'light';
|
|
20
|
-
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
21
|
-
const newTokens = Object.assign(Object.assign(Object.assign({}, token_1.buttonThemeDefault), (0, theme_1.mapButtonCoreToInt)(globalOverrides)), (0, theme_1.mapButtonCoreToInt)(isLightMode ? light : dark));
|
|
22
|
-
return Object.entries(newTokens)
|
|
23
|
-
.map(([key, value]) => `${key}: ${value};`)
|
|
24
|
-
.join('\n');
|
|
25
|
-
}}
|
|
26
|
-
}
|
|
27
|
-
`;
|
|
28
|
-
(0, react_1.useEffect)(() => {
|
|
29
|
-
if (modalAppOverride)
|
|
30
|
-
updateModalAppData(modalAppOverride);
|
|
31
|
-
if (loginAppOverride)
|
|
32
|
-
updateWalletAppData(loginAppOverride);
|
|
33
|
-
}, []);
|
|
34
|
-
const Component = () => {
|
|
35
|
-
if (universalAddress) {
|
|
36
|
-
// Merge props with buttonDefaults, giving priority to direct props
|
|
37
|
-
const toggleButtonProps = {
|
|
38
|
-
uid: uid,
|
|
39
|
-
universalAddress: universalAddress,
|
|
40
|
-
};
|
|
41
|
-
return (0, jsx_runtime_1.jsx)(TogglePushWalletButton_1.TogglePushWalletButton, Object.assign({}, toggleButtonProps));
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
// Merge props with buttonDefaults, giving priority to direct props
|
|
45
|
-
const connectButtonProps = {
|
|
46
|
-
uid: uid,
|
|
47
|
-
connectButtonText,
|
|
48
|
-
loadingComponent,
|
|
49
|
-
};
|
|
50
|
-
return (0, jsx_runtime_1.jsx)(ConnectWalletButton_1.ConnectWalletButton, Object.assign({}, connectButtonProps));
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: {
|
|
54
|
-
themeMode,
|
|
55
|
-
themeOverrides: Object.assign(Object.assign({}, themeOverrides), ButtonThemeOverrides),
|
|
56
|
-
}, children: [(0, jsx_runtime_1.jsx)(GlobalStyle, {}), (0, jsx_runtime_1.jsx)(Component, {})] }));
|
|
57
|
-
};
|
|
58
|
-
exports.PushUniversalAccountButton = PushUniversalAccountButton;
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAAqE;AAErE,8CAAwD;AACxD,6CAAuD;AAYvD,MAAM,0BAA0B,GAAwC,CAAC,EACvE,GAAG,GAAG,SAAS,EACf,iBAAiB,GAAG,iBAAiB,EACrC,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EAAE,oBAAoB,GACrC,EAAE,EAAE;IACH,MAAM,EACJ,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,mBAAmB,GACpB,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG,IAAA,qCAAiB,EAAA;;QAE/B,CAAC,KAAK,EAAE,EAAE;QACV,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClD,MAAM,WAAW,GAAG,SAAS,KAAK,OAAO,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAyB,cAAc,EAAlC,eAAe,kBAAK,cAAc,EAApD,iBAAmC,CAAiB,CAAC;QAC3D,MAAM,SAAS,iDACV,0BAAkB,GAClB,IAAA,0BAAkB,EAAC,eAAe,CAAC,GACnC,IAAA,0BAAkB,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAClD,CAAC;QACF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;aAC1C,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;;GAEJ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB;YAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAC3D,IAAI,gBAAgB;YAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,gBAAgB,EAAE,CAAC;YACrB,mEAAmE;YACnE,MAAM,iBAAiB,GAAG;gBACxB,GAAG,EAAE,GAAG;gBACR,gBAAgB,EAAE,gBAAgB;aACnC,CAAC;YAEF,OAAO,uBAAC,+CAAsB,oBAAK,iBAAiB,EAAI,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,mEAAmE;YACnE,MAAM,kBAAkB,GAAG;gBACzB,GAAG,EAAE,GAAG;gBACR,iBAAiB;gBACjB,gBAAgB;aACjB,CAAC;YAEF,OAAO,uBAAC,yCAAmB,oBAAK,kBAAkB,EAAI,CAAC;QACzD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iCAAa,IACZ,KAAK,EAAE;YACL,SAAS;YACT,cAAc,kCAAO,cAAc,GAAK,oBAAoB,CAAE;SAC/D,aAED,uBAAC,WAAW,KAAG,EACf,uBAAC,SAAS,KAAG,IACC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEO,gEAA0B"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PushWalletToast = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
|
-
const common_1 = require("../../components/common");
|
|
8
|
-
const PushWalletToast = () => {
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)(ToastContainer, { children: [(0, jsx_runtime_1.jsx)(common_1.Spinner, {}), (0, jsx_runtime_1.jsx)(TitleText, { children: "Sending Transaction" })] }));
|
|
10
|
-
};
|
|
11
|
-
exports.PushWalletToast = PushWalletToast;
|
|
12
|
-
const ToastContainer = styled_components_1.default.div `
|
|
13
|
-
position: fixed;
|
|
14
|
-
bottom: 40px;
|
|
15
|
-
right: 30px;
|
|
16
|
-
display:flex;
|
|
17
|
-
flex-direction:row;
|
|
18
|
-
gap:12px;
|
|
19
|
-
align-items:center;
|
|
20
|
-
border:1px solid whitesmoke;
|
|
21
|
-
padding:10px 20px;
|
|
22
|
-
border-radius:10px;
|
|
23
|
-
background-color:#fff;
|
|
24
|
-
`;
|
|
25
|
-
const TitleText = styled_components_1.default.h4 `
|
|
26
|
-
font-size:18px;
|
|
27
|
-
font-weight:400;
|
|
28
|
-
margin:0;
|
|
29
|
-
`;
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushWalletToast/index.tsx"],"names":[],"mappings":";;;;;AACA,kFAAuC;AACvC,oDAAkD;AAElD,MAAM,eAAe,GAAG,GAAG,EAAE;IACzB,OAAO,CACH,wBAAC,cAAc,eACX,uBAAC,gBAAO,KAAG,EACX,uBAAC,SAAS,sCAAgC,IAC7B,CACpB,CAAC;AACN,CAAC,CAAC;AAEO,0CAAe;AAExB,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYhC,CAAA;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type TransformedHTMLAttributes<T> = Omit<HTMLAttributes<T>, 'style' | 'color'>;
|
|
3
|
-
export type ButtonProps = {
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
bgColor?: React.CSSProperties['backgroundColor'];
|
|
6
|
-
textColor?: React.CSSProperties['color'];
|
|
7
|
-
borderRadius?: React.CSSProperties['borderRadius'];
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
} & TransformedHTMLAttributes<HTMLButtonElement>;
|
|
10
|
-
declare const Button: React.ForwardRefExoticComponent<{
|
|
11
|
-
children?: ReactNode;
|
|
12
|
-
bgColor?: React.CSSProperties["backgroundColor"];
|
|
13
|
-
textColor?: React.CSSProperties["color"];
|
|
14
|
-
borderRadius?: React.CSSProperties["borderRadius"];
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
} & TransformedHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
-
export { Button };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Button = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
|
-
const StyledButton = styled_components_1.default.button `
|
|
9
|
-
/* Common Button CSS */
|
|
10
|
-
|
|
11
|
-
align-items: center;
|
|
12
|
-
cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
|
|
13
|
-
background: ${(props) => (props.bgColor ? props.bgColor : '#d548ec')};
|
|
14
|
-
color: ${(props) => props.textColor ? props.textColor : 'rgba(255, 255, 255, 1)'};
|
|
15
|
-
display: flex;
|
|
16
|
-
font-family: FK Grotesk Neu;
|
|
17
|
-
justify-content: center;
|
|
18
|
-
white-space: nowrap;
|
|
19
|
-
flex-shrink: 0;
|
|
20
|
-
font-size: 16px;
|
|
21
|
-
font-style: normal;
|
|
22
|
-
font-weight: 500;
|
|
23
|
-
line-height: 16px;
|
|
24
|
-
padding: 16px 24px;
|
|
25
|
-
min-width: 100px;
|
|
26
|
-
width: inherit;
|
|
27
|
-
gap: 4px;
|
|
28
|
-
border: none;
|
|
29
|
-
border-radius: ${(props) => props.borderRadius ? props.borderRadius : '12px'};
|
|
30
|
-
white-space: nowrap;
|
|
31
|
-
`;
|
|
32
|
-
const Button = (0, react_1.forwardRef)((_a, ref) => {
|
|
33
|
-
var { disabled, bgColor, textColor, borderRadius, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgColor", "textColor", "borderRadius", "children"]);
|
|
34
|
-
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { disabled: disabled, role: "button", ref: ref, bgColor: bgColor, textColor: textColor, borderRadius: borderRadius }, props, { children: children })));
|
|
35
|
-
});
|
|
36
|
-
exports.Button = Button;
|
|
37
|
-
Button.displayName = 'Button';
|
|
38
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAoBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAa;;;;YAInC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;gBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;WAC3D,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;;;;;;mBAe7C,CAAC,KAAK,EAAE,EAAE,CACzB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;;CAEnD,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAhE,gEAAkE,CAAF;IAAY,OAAA,CAC3E,uBAAC,YAAY,oBACP,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,IACtB,KAAK,cAER,QAAQ,IACI,CAChB,CAAA;CAAA,CACF,CAAC;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Spinner.tsx"],"names":[],"mappings":";;;;AACA,+EAAsD;AACtD,mCAAkC;AAElC,uCAAuC;AACvC,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOrB,CAAC;AAEF,mCAAmC;AACnC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;eAIb,IAAI;;;;CAIlB,CAAC;AAEF,+BAA+B;AAC/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,uBAAC,SAAS,cACR,uBAAC,eAAO,KAAG,GACD,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ArbitrumMonotone.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/components/common/icons/ArbitrumMonotone.tsx"],"names":[],"mappings":";;;AAEA,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,OAAO,CACH,iCACI,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,4CAAa,wBAAwB,aACjC,iCACI,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,SAAS,GAChB,EACF,8CACc,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,6xJAA6xJ,EAC/xJ,IAAI,EAAC,SAAS,GAChB,IACF,EACJ,2CACI,qCAAU,EAAE,EAAC,kBAAkB,YAC3B,iCACI,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,OAAO,GACd,GACK,GACR,IACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AvalancheMonotone.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/components/common/icons/AvalancheMonotone.tsx"],"names":[],"mappings":";;;AAEA,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,OAAO,CACH,iCACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,aAEX,4CAAa,yBAAyB,aAClC,iCACI,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,SAAS,GAChB,IACF,EACJ,2CACI,qCAAU,EAAE,EAAC,mBAAmB,YAC5B,iCACI,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,OAAO,GACd,GACK,GACR,IACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BnbMonotone.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/components/common/icons/BnbMonotone.tsx"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,OAAO,CACH,iCACI,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,4CAAa,wBAAwB,aACjC,iCACI,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,maAAma,EACra,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,2LAA2L,EAC7L,IAAI,EAAC,SAAS,GAChB,IACF,EACJ,2CACI,qCAAU,EAAE,EAAC,kBAAkB,YAC3B,iCACI,CAAC,EAAC,yHAAyH,EAC3H,IAAI,EAAC,OAAO,GACd,GACK,GACR,IACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const CrossIcon = ({ height, width, color }) => {
|
|
5
|
-
return ((0, jsx_runtime_1.jsxs)("svg", { width: width, height: height, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M25.3552 7.51471L8.38466 24.4853", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M25.3552 24.4853L8.38466 7.51473", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
|
|
6
|
-
};
|
|
7
|
-
exports.default = CrossIcon;
|
|
8
|
-
//# sourceMappingURL=CrossIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossIcon.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/components/common/icons/CrossIcon.tsx"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,GAAG,CAAC,EACf,MAAM,EACN,KAAK,EACL,KAAK,EAKR,EAAE,EAAE;IACD,OAAO,CACH,iCACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,iCACI,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAE,KAAK,kBACA,GAAG,oBACD,OAAO,qBACN,OAAO,GACnB,EACR,iCACI,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAE,KAAK,kBACA,GAAG,oBACD,OAAO,qBACN,OAAO,GACnB,IACN,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DashIcon.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/components/common/icons/DashIcon.tsx"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,OAAO,CACL,gCACE,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,UAAU,EACZ,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|