@pushchain/ui-kit 5.1.0 → 5.2.0-alpha.0

package/src/lib/providers/walletProviders/utils/eip6963.js.map

@@ -1 +1 @@
-{"version":3,"file":"eip6963.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/providers/walletProviders/utils/eip6963.ts"],"names":[],"mappings":";;AAaA,oDAYC;AAED,4DAEC;AAED,wDAEC;AAvBD,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;AAC3D,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,SAAgB,oBAAoB;IAClC,IAAI,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IACzD,WAAW,GAAG,IAAI,CAAC;IAEnB,MAAM,CAAC,gBAAgB,CAAC,0BAA0B,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE;QAClE,MAAM,MAAM,GAAG,KAAK,CAAC,MAA+B,CAAC;QACrD,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI;YAAE,OAAO;QAChC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC,CAAkB,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,IAAI,WAAW,CAAC,yBAAyB,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;AACrC,CAAC;AAED,SAAgB,wBAAwB,CAAC,IAAY;IACnD,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;AACvC,CAAC;AAED,SAAgB,sBAAsB;IACpC,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"eip6963.js","sourceRoot":"","sources":["../../../../../../../../packages/ui-kit/src/lib/providers/walletProviders/utils/eip6963.ts"],"names":[],"mappings":";;AAaA,oDAYC;AAED,4DAEC;AAED,wDAEC;AAvBD,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;AAC3D,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,SAAgB,oBAAoB;IAClC,IAAI,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IACzD,WAAW,GAAG,IAAI,CAAC;IAEnB,MAAM,CAAC,gBAAgB,CAAC,0BAA0B,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE;;QAClE,MAAM,MAAM,GAAG,KAAK,CAAC,MAA+B,CAAC;QACrD,IAAI,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,IAAI,CAAA;YAAE,OAAO;QAChC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC,CAAkB,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,IAAI,WAAW,CAAC,yBAAyB,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;AACrC,CAAC;AAED,SAAgB,wBAAwB,CAAC,IAAY;;IACnD,OAAO,MAAA,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC;AACvC,CAAC;AAED,SAAgB,sBAAsB;IACpC,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AACxC,CAAC"}

package/src/lib/styles/token.d.ts

@@ -0,0 +1,76 @@
+type ColorThemeTokens = {
+    '--pw-core-brand-primary-color': string;
+    '--pw-core-text-primary-color': string;
+    '--pw-core-text-secondary-color': string;
+    '--pw-core-text-tertiary-color': string;
+    '--pw-core-text-link-color': string;
+    '--pw-core-text-disabled-color': string;
+    '--pw-core-bg-primary-color': string;
+    '--pw-core-bg-secondary-color': string;
+    '--pw-core-bg-tertiary-color': string;
+    '--pw-core-bg-disabled-color': string;
+    '--pw-core-success-primary-color': string;
+    '--pw-core-error-primary-color': string;
+    '--pw-core-btn-primary-bg-color': string;
+    '--pw-core-btn-primary-text-color': string;
+    '--pwauth-btn-connect-text-color': string;
+    '--pwauth-btn-connect-bg-color': string;
+    '--pwauth-btn-connected-text-color': string;
+    '--pwauth-btn-connected-bg-color': string;
+    '--pwauth-btn-connect-border-radius': string;
+};
+type ThemeTokens = ColorThemeTokens & {
+    '--pw-core-font-family': string;
+    '--pw-core-text-size': string;
+    '--pw-core-modal-border': string;
+    '--pw-core-modal-border-radius': string;
+    '--pw-core-modal-width': string;
+    '--pw-core-modal-padding': string;
+    '--pw-core-list-spacing': string;
+    '--pw-core-btn-border-radius': string;
+    '--pwauth-btn-connect-border-radius': string;
+};
+type ButtonColorTokens = {
+    '--pwauth-btn-connect-text-color': string;
+    '--pwauth-btn-connect-bg-color': string;
+    '--pwauth-btn-connected-text-color': string;
+    '--pwauth-btn-connected-bg-color': string;
+};
+type ButtonThemeTokens = ButtonColorTokens & {
+    '--pwauth-btn-connect-border-radius': string;
+};
+export type ThemeOverrides = Partial<ThemeTokens> & {
+    light?: Partial<ColorThemeTokens>;
+    dark?: Partial<ColorThemeTokens>;
+};
+export type ButtonThemeOverrides = Partial<ButtonThemeTokens> & {
+    light?: Partial<ButtonColorTokens>;
+    dark?: Partial<ButtonColorTokens>;
+};
+export declare const themeDefault: {
+    '--pw-int-text-heading-xsmall-size': string;
+    '--pw-int-text-body-large-size': string;
+    '--pw-int-font-family': string;
+    '--pw-int-modal-width': string;
+};
+export declare const lightThemeDefault: {
+    '--pw-int-bg-primary-color': string;
+    '--pw-int-text-primary-color': string;
+    '--pw-int-text-secondary-color': string;
+    '--pw-int-brand-primary-color': string;
+};
+export declare const darkThemeDefault: {
+    '--pw-int-bg-primary-color': string;
+    '--pw-int-text-primary-color': string;
+    '--pw-int-text-secondary-color': string;
+    '--pw-int-brand-primary-color': string;
+};
+export declare const buttonThemeDefault: {
+    '--pwauth-btn-connect-text-color': string;
+    '--pwauth-btn-connect-bg-color': string;
+    '--pwauth-btn-connected-text-color': string;
+    '--pwauth-btn-connected-bg-color': string;
+    '--pwauth-btn-connect-border-radius': string;
+};
+export declare const defaultThemeKeys: string[];
+export {};

package/src/lib/styles/token.js

@@ -26,9 +26,5 @@ exports.buttonThemeDefault = {
     '--pwauth-btn-connected-bg-color': '#000',
     '--pwauth-btn-connect-border-radius': '12px',
 };
-exports.defaultThemeKeys = Object.keys({
-    ...exports.themeDefault,
-    ...exports.lightThemeDefault,
-    ...exports.buttonThemeDefault,
-});
+exports.defaultThemeKeys = Object.keys(Object.assign(Object.assign(Object.assign({}, exports.themeDefault), exports.lightThemeDefault), exports.buttonThemeDefault));
 //# sourceMappingURL=token.js.map

package/src/lib/styles/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/styles/token.ts"],"names":[],"mappings":";;;AAyEa,QAAA,YAAY,GAAG;IAC1B,mCAAmC,EAAE,MAAM;IAC3C,+BAA+B,EAAE,MAAM;IACvC,sBAAsB,EAAE,qBAAqB;IAC7C,sBAAsB,EAAE,OAAO;CAChC,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;IAC1C,8BAA8B,EAAE,SAAS;CAC1C,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;IAC1C,8BAA8B,EAAE,SAAS;CAC1C,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,iCAAiC,EAAE,MAAM;IACzC,+BAA+B,EAAE,SAAS;IAC1C,mCAAmC,EAAE,MAAM;IAC3C,iCAAiC,EAAE,MAAM;IACzC,oCAAoC,EAAE,MAAM;CAC7C,CAAC;AAEW,QAAA,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC;IAC1C,GAAG,oBAAY;IACf,GAAG,yBAAiB;IACpB,GAAG,0BAAkB;CACtB,CAAC,CAAC"}
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/styles/token.ts"],"names":[],"mappings":";;;AAyEa,QAAA,YAAY,GAAG;IAC1B,mCAAmC,EAAE,MAAM;IAC3C,+BAA+B,EAAE,MAAM;IACvC,sBAAsB,EAAE,qBAAqB;IAC7C,sBAAsB,EAAE,OAAO;CAChC,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;IAC1C,8BAA8B,EAAE,SAAS;CAC1C,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;IAC1C,8BAA8B,EAAE,SAAS;CAC1C,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,iCAAiC,EAAE,MAAM;IACzC,+BAA+B,EAAE,SAAS;IAC1C,mCAAmC,EAAE,MAAM;IAC3C,iCAAiC,EAAE,MAAM;IACzC,oCAAoC,EAAE,MAAM;CAC7C,CAAC;AAEW,QAAA,gBAAgB,GAAG,MAAM,CAAC,IAAI,+CACtC,oBAAY,GACZ,yBAAiB,GACjB,0BAAkB,EACrB,CAAC"}

package/src/lib/types/PushWalletProvider.types.d.ts

@@ -0,0 +1,71 @@
+import { CHAIN, PUSH_NETWORK } from '@pushchain/core/src/lib/constants/enums';
+import { PushUI } from '../constants';
+import { ThemeOverrides } from '../styles/token';
+export type LoginMethodConfig = {
+    email?: boolean;
+    google?: boolean;
+    phone?: boolean;
+    socials?: {
+        discord?: boolean;
+        github?: boolean;
+        x?: boolean;
+        bluesky?: boolean;
+    };
+    wallet?: {
+        enabled?: boolean;
+        chains?: (typeof PushUI.CONSTANTS.CHAIN)[keyof typeof PushUI.CONSTANTS.CHAIN][];
+        excludedChains?: (typeof PushUI.CONSTANTS.CHAIN)[keyof typeof PushUI.CONSTANTS.CHAIN][];
+    };
+    appPreview?: boolean;
+};
+export type ChainConfig = {
+    rpcUrls?: Partial<Record<CHAIN, string[]>>;
+    blockExplorers?: Partial<Record<CHAIN, string[]>>;
+    printTraces?: boolean;
+};
+export type ProviderConfigProps = {
+    uid?: string;
+    network: PUSH_NETWORK;
+    rpcUrl?: string;
+    login?: LoginMethodConfig;
+    modal?: ModalProps;
+    chainConfig?: ChainConfig;
+    version?: 4 | 5;
+};
+export type AppMetadata = {
+    title?: string;
+    logoUrl?: string;
+    description?: string;
+};
+export type ModalProps = {
+    /**
+     * “split” shows the preview pane side-by-side with the iframe
+     * “simple” shows only the iframe (no preview)
+     */
+    loginLayout?: typeof PushUI.CONSTANTS.LOGIN.LAYOUT.SPLIT | typeof PushUI.CONSTANTS.LOGIN.LAYOUT.SIMPLE;
+    /** if true (and `app` is provided), show the preview pane in the wrapper */
+    appPreview?: boolean;
+    /** CSS background-image for wrapper or preview pane */
+    bgImage?: string;
+    /** when connected, how the account menu appears */
+    connectedLayout?: typeof PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL | typeof PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER;
+    connectedInteraction?: typeof PushUI.CONSTANTS.CONNECTED.INTERACTION.INTERACTIVE | typeof PushUI.CONSTANTS.CONNECTED.INTERACTION.BLUR;
+};
+export type ThemeMode = typeof PushUI.CONSTANTS.THEME.LIGHT | typeof PushUI.CONSTANTS.THEME.DARK;
+export type PushWalletProviderProps = {
+    children: React.ReactNode;
+    config: ProviderConfigProps;
+    app?: AppMetadata;
+    themeMode?: ThemeMode;
+    themeOverrides?: ThemeOverrides;
+};
+export type ModalAppDetails = {
+    logoURL?: string;
+    title?: string;
+    description?: string;
+};
+export type WalletAppDetails = {
+    logoURL?: string;
+    title?: string;
+    description?: string;
+};

package/src/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './wallet.types';
+export * from './PushWalletProvider.types';

package/src/lib/types/wallet.types.d.ts

@@ -0,0 +1,52 @@
+import { CHAIN } from '@pushchain/core/src/lib/constants/enums';
+import { TypedData, TypedDataDomain } from 'viem';
+export declare enum ChainType {
+    ETHEREUM = "sepolia",
+    SOLANA = "solana",
+    BINANCE = "bscTestnet",
+    ARBITRUM = "arbitrumSepolia",
+    BASE = "baseSepolia",
+    AVALANCHE = "avalanche",
+    WALLET_CONNECT = "walletConnect",
+    PUSH_WALLET = "pushWalletDonut"
+}
+export interface WalletInfo {
+    address: string;
+    chainType: ChainType;
+    providerName: string;
+}
+export interface ITypedData {
+    domain: TypedDataDomain;
+    types: TypedData;
+    primaryType: string;
+    message: Record<string, unknown>;
+}
+export interface IWalletProvider {
+    name: string;
+    icon: string;
+    supportedChains: ChainType[];
+    connect(chainType?: ChainType): Promise<{
+        caipAddress: string;
+    }>;
+    signMessage(message: Uint8Array): Promise<Uint8Array>;
+    signAndSendTransaction(txn: Uint8Array): Promise<Uint8Array>;
+    signTypedData(typedData: ITypedData): Promise<Uint8Array>;
+    disconnect(): Promise<void>;
+    getChainId(): Promise<unknown>;
+    switchNetwork?(chainName: ChainType): Promise<void>;
+}
+export type UniversalAccount = {
+    chain: CHAIN;
+    address: string;
+};
+export declare enum ConnectionStatus {
+    NOT_CONNECTED = "notConnected",
+    CONNECTING = "connecting",
+    AUTHENTICATING = "authenticating",
+    CONNECTED = "connected",
+    RETRY = "retry"
+}
+export type WalletEventRespoonse = {
+    signature?: Uint8Array;
+    account?: UniversalAccount;
+};

package/src/lib/utils/theme.d.ts

@@ -0,0 +1,2 @@
+export declare const mapCoreToInt: (obj: Record<string, string | undefined>) => Record<string, string>;
+export declare const mapButtonCoreToInt: (obj: Record<string, string | undefined>) => Record<string, string>;