@rozoai/intent-pay 0.0.7 → 0.0.9

package/build/types.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from "react";
+import { CustomAvatarProps } from "./components/Common/Avatar";
+import { Languages as Lang } from "./localizations";
+export type Languages = Lang;
+export type Theme = "auto" | "web95" | "retro" | "soft" | "midnight" | "minimal" | "rounded" | "nouns";
+export type Mode = "light" | "dark" | "auto";
+export type CustomTheme = any;
+export type All = {
+    theme?: Theme;
+    mode?: Mode;
+    customTheme?: CustomTheme;
+    lang?: Languages;
+};
+export type { CustomAvatarProps };
+/** Global options, across all pay buttons and payments. */
+export type RozoPayContextOptions = {
+    language?: Languages;
+    hideBalance?: boolean;
+    hideTooltips?: boolean;
+    hideQuestionMarkCTA?: boolean;
+    hideNoWalletCTA?: boolean;
+    hideRecentBadge?: boolean;
+    /** Avoids layout shift when the RozoPay modal is open by adding padding to the body */
+    avoidLayoutShift?: boolean;
+    /** Automatically embeds Google Font of the current theme. Does not work with custom themes */
+    embedGoogleFonts?: boolean;
+    truncateLongENSAddress?: boolean;
+    reducedMotion?: boolean;
+    disclaimer?: ReactNode | string;
+    bufferPolyfill?: boolean;
+    customAvatar?: React.FC<CustomAvatarProps>;
+    initialChainId?: number;
+    enforceSupportedChains?: boolean;
+    ethereumOnboardingUrl?: string;
+    walletOnboardingUrl?: string;
+    /** Blur the background when the modal is open */
+    overlayBlur?: number;
+};
+/** Modal UI options, set on the pay button triggering that modal. */
+export type RozoPayModalOptions = {
+    closeOnSuccess?: boolean;
+    resetOnSuccess?: boolean;
+    connectedWalletOnly?: boolean;
+};

package/build/utils/exports.d.ts

@@ -0,0 +1 @@
+export declare const rozoPayVersion = "1.11.5";

package/build/utils/format.d.ts

@@ -0,0 +1,49 @@
+import { BigIntStr, RozoPayToken } from "@rozoai/intent-common";
+export declare const USD_DECIMALS = 2;
+/**
+ * Round a number to a given number of decimal places
+ *
+ * @param round - The rounding strategy to use:
+ * - "up": Always rounds up to the next decimal place (ceiling)
+ * - "down": Always rounds down to the previous decimal place (floor)
+ * - "nearest": Rounds to the nearest decimal place (standard rounding)
+ */
+export declare function roundDecimals(value: number, decimals: number, round: "up" | "down" | "nearest"): string;
+/**
+ * Format a number as a USD amount
+ *
+ * @param usd - The USD amount to format
+ * @param round - The rounding strategy to use ("up", "down", or "nearest")
+ * @returns The formatted USD amount
+ */
+export declare function formatUsd(usd: number, round?: "up" | "down" | "nearest"): string;
+/**
+ * Round a USD amount to `USD_DECIMALS` precision
+ */
+export declare function roundUsd(usd: number, round?: "up" | "down" | "nearest"): string;
+/**
+ * Round a token amount to `displayDecimals` precision
+ */
+export declare function roundTokenAmount(amount: bigint | BigIntStr, token: RozoPayToken, round?: "up" | "down" | "nearest"): string;
+/**
+ * Round a token amount in units to `displayDecimals` precision
+ */
+export declare function roundTokenAmountUnits(amountUnits: number, token: RozoPayToken, round?: "up" | "down" | "nearest"): string;
+/**
+ * Convert a USD amount to a token amount with `displayDecimals` precision
+ *
+ * @param usd - The USD amount to convert
+ * @param token - The token to convert to
+ * @param round - The rounding strategy to use ("up", "down", or "nearest")
+ * @returns The token amount
+ */
+export declare function usdToRoundedTokenAmount(usd: number, token: RozoPayToken, round?: "up" | "down" | "nearest"): string;
+/**
+ * Convert a token amount to a USD amount with `USD_DECIMALS` precision
+ *
+ * @param amount - The token amount to convert
+ * @param token - The token to convert from
+ * @param round - The rounding strategy to use ("up", "down", or "nearest")
+ * @returns The formatted USD amount
+ */
+export declare function tokenAmountToRoundedUsd(amount: bigint | BigIntStr, token: RozoPayToken, round?: "up" | "down" | "nearest"): string;

package/build/utils/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+declare const truncateEthAddress: (address?: string, separator?: string) => string;
+declare const truncateENSAddress: (ensName: string, maxLength: number) => string;
+declare const nFormatter: (num: number, digits?: number) => string;
+export declare const detectBrowser: () => "" | import("detect-browser").Browser | "bot" | "node" | "react-native";
+export declare const detectOS: () => "" | import("detect-browser").OperatingSystem | NodeJS.Platform;
+export declare const isIOS: () => boolean;
+export declare const isAndroid: () => boolean;
+export declare const isMobile: () => boolean;
+type ReactChildArray = ReturnType<typeof React.Children.toArray>;
+declare function flattenChildren(children: React.ReactNode): ReactChildArray;
+export declare const isMetaMaskConnector: (connectorId?: string) => connectorId is "metaMaskSDK";
+export declare const isCoinbaseWalletConnector: (connectorId?: string) => connectorId is "coinbaseWalletSDK";
+export declare const isLedgerConnector: (connectorId?: string) => connectorId is "ledger";
+export declare const isSafeConnector: (connectorId?: string) => connectorId is "safe";
+export declare const isInjectedConnector: (connectorId?: string) => connectorId is "injected";
+export { flattenChildren, nFormatter, truncateENSAddress, truncateEthAddress };

package/build/utils/localstorage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * LocalStorage helper functions to save and retrieve data on a per-app basis
+ * e.g recently connected wallets, transactions, etc.
+ */
+export declare const save: (storageKey: string, data: any[]) => any;
+export declare const get: (storageKey: string) => any;
+export declare const add: (storageKey: string, item: any) => any;
+export declare const remove: (storageKey: string, item: any) => any;
+export declare const clear: (storageKey: string) => any;

package/build/utils/p3.d.ts

@@ -0,0 +1,2 @@
+export declare const hexToP3: (hex: string) => string;
+export declare const p3Hex: (hex: string, property: string) => import("styled-components").FlattenSimpleInterpolation;

package/build/utils/platform.d.ts

@@ -0,0 +1,2 @@
+import { PlatformType } from "@rozoai/intent-common";
+export declare function detectPlatform(ua: string): PlatformType;

package/build/utils/polling.d.ts

@@ -0,0 +1,13 @@
+export type PollHandle = () => void;
+/**
+ * Will poll the given function at the specified interval. Stops when the
+ * returned handle is invoked.
+ */
+export declare function startPolling<T>({ key, intervalMs, pollFn, onResult, onError, log, }: {
+    key: string;
+    intervalMs: number;
+    pollFn: () => Promise<T>;
+    onResult: (value: T) => void;
+    onError: (err: unknown) => void;
+    log?: (msg: string) => void;
+}): PollHandle;

package/build/utils/supportUrl.d.ts

@@ -0,0 +1,2 @@
+import { RozoPayOrderID } from "@rozoai/intent-common";
+export declare function getSupportUrl(payId: RozoPayOrderID, screen: string): string;

package/build/utils/trpc.d.ts

@@ -0,0 +1,3 @@
+import { CreateTRPCClient } from "@trpc/client";
+export type TrpcClient = CreateTRPCClient<any>;
+export declare function createTrpcClient(apiUrl: string, sessionId: string): TrpcClient;

package/build/utils/validateInput.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Returns true if the value is a valid number.
+ * @param value The value to validate.
+ * @param maxDecimals The maximum number of decimal places.
+ * @returns True if the value is a valid number, false otherwise.
+ */
+export declare function isValidNumber(value: string, maxDecimals?: number): boolean;
+/**
+ * Sanitize a number input.
+ * - Remove all non-numeric and non-decimal characters
+ * - If the value is empty, return "0"
+ * - Parse into a number
+ * @param value The value to sanitize.
+ * @returns The sanitized value.
+ */
+export declare function sanitizeNumber(value: string): string;

package/build/utils/wallets.d.ts

@@ -0,0 +1,24 @@
+declare global {
+    interface Window {
+        trustWallet: any;
+        trustwallet: any;
+    }
+}
+export declare const isWalletInstalled: (name: string) => boolean;
+export declare const isMetaMask: () => boolean;
+export declare const isCoinbaseWallet: () => boolean;
+export declare const isFamily: () => boolean;
+export declare const isBrave: () => boolean;
+export declare const isTokenary: () => boolean;
+export declare const isDawn: () => boolean;
+export declare const isFrame: () => boolean;
+export declare const isPhantom: () => boolean;
+export declare const isInfinityWallet: () => boolean;
+export declare const isRabby: () => boolean;
+export declare const isFrontier: () => boolean;
+export declare const isTrust: () => any;
+export declare const isTokenPocket: () => boolean;
+export declare const isTalisman: () => boolean;
+export declare const isFordefi: () => boolean;
+export declare const isRainbow: () => boolean;
+export declare const isZerion: () => boolean;

package/build/wallets/index.d.ts

@@ -0,0 +1,5 @@
+import { CreateConnectorFn } from "wagmi";
+/** Ethereum wallets, by name. */
+export declare const wallets: {
+    [key: string]: CreateConnectorFn;
+};

package/build/wallets/useWallets.d.ts

@@ -0,0 +1,9 @@
+import { Connector } from "wagmi";
+import { WalletConfigProps } from "./walletConfigs";
+export type WalletProps = {
+    id: string;
+    connector?: Connector;
+    isInstalled?: boolean;
+} & WalletConfigProps;
+export declare const useWallet: (id: string) => WalletProps | null;
+export declare const useWallets: (isMobile?: boolean) => WalletProps[];

package/build/wallets/walletConfigs.d.ts

@@ -0,0 +1,28 @@
+export declare function setInWalletPaymentUrlFromApiUrl(apiUrl: string): void;
+export type WalletConfigProps = {
+    name?: string;
+    shortName?: string;
+    icon?: string | React.ReactNode;
+    iconConnector?: React.ReactNode;
+    iconShape?: "squircle" | "circle" | "square";
+    iconShouldShrink?: boolean;
+    downloadUrls?: {
+        download?: string;
+        website?: string;
+        desktop?: string;
+        android?: string;
+        ios?: string;
+        chrome?: string;
+        firefox?: string;
+        brave?: string;
+        edge?: string;
+        safari?: string;
+    };
+    deeplinkScheme?: string;
+    getRozoPayDeeplink?: (payId: string) => string;
+    showInMobileConnectors?: boolean;
+    isSolanaOnly?: boolean;
+};
+export declare const walletConfigs: {
+    [rdns: string]: WalletConfigProps;
+};

package/build/world-mini-app/WorldPayButton.d.ts

@@ -0,0 +1,78 @@
+import { RozoPayUserMetadata } from "@rozoai/intent-common";
+import { ReactElement } from "react";
+import { Address, Hex } from "viem";
+import { CustomTheme, Mode, Theme } from "../types";
+export type WorldPayButtonPaymentProps = {
+    /**
+     * Your public app ID. Specify either (payId) or (appId + parameters).
+     */
+    appId: string;
+    /**
+     * Destination chain ID.
+     */
+    toChain: number;
+    /**
+     * The destination token to send, completing payment. Must be an ERC-20
+     * token or the zero address, indicating the native token / ETH.
+     */
+    toToken: Address;
+    /**
+     * The amount of destination token to send (transfer or approve).
+     */
+    toUnits: string;
+    /**
+     * The destination address to transfer to, or contract to call.
+     */
+    toAddress: Address;
+    /**
+     * Optional calldata to call an arbitrary function on `toAddress`.
+     */
+    toCallData?: Hex;
+    /**
+     * The intent verb, such as "Pay", "Deposit", or "Purchase".
+     */
+    intent?: string;
+    /**
+     * External ID. E.g. a correlation ID.
+     */
+    externalId?: string;
+    /**
+     * Developer metadata. E.g. correlation ID.
+     * */
+    metadata?: RozoPayUserMetadata;
+    /**
+     * The address to refund to if the payment bounces.
+     */
+    refundAddress?: Address;
+};
+type WorldPayButtonCommonProps = WorldPayButtonPaymentProps & {
+    /** Automatically close the modal after a successful payment. */
+    closeOnSuccess?: boolean;
+    /** Reset the payment after a successful payment. */
+    resetOnSuccess?: boolean;
+};
+export type WorldPayButtonProps = WorldPayButtonCommonProps & {
+    /** Light mode, dark mode, or auto. */
+    mode?: Mode;
+    /** Named theme. See docs for options. */
+    theme?: Theme;
+    /** Custom theme. See docs for options. */
+    customTheme?: CustomTheme;
+    /** Disable interaction. */
+    disabled?: boolean;
+};
+export type WorldPayButtonCustomProps = WorldPayButtonCommonProps & {
+    children: (renderProps: {
+        show: () => void;
+        isMiniKitReady: boolean;
+    }) => ReactElement;
+};
+export declare function WorldPayButton(props: WorldPayButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WorldPayButton {
+    var Custom: typeof WorldPayButtonCustom;
+}
+declare function WorldPayButtonCustom(props: WorldPayButtonCustomProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare namespace WorldPayButtonCustom {
+    var displayName: string;
+}
+export {};

package/build/world-mini-app/promptWorldPayment.d.ts

@@ -0,0 +1,9 @@
+import { RozoPayHydratedOrderWithOrg } from "@rozoai/intent-common";
+import { MiniAppPaymentPayload } from "@worldcoin/minikit-js";
+/**
+ * Open Worldcoin's payment drawer and prompt the user to pay a Rozo Pay order.
+ */
+export declare function promptWorldcoinPayment(order: RozoPayHydratedOrderWithOrg, trpc: any): Promise<{
+    paymentId: string;
+    finalPayload: MiniAppPaymentPayload;
+} | null>;

package/build/world.d.ts

@@ -0,0 +1 @@
+export { WorldPayButton, WorldPayButtonCustomProps, WorldPayButtonProps, } from "./world-mini-app/WorldPayButton";

package/package.json

@@ -1,16 +1,22 @@
 {
   "name": "@rozoai/intent-pay",
   "private": false,
-  "version": "0.0.7",
-  "author": "Daimo",
-  "homepage": "https://pay.daimo.com",
-  "license": "BSD-2-Clause license",
+  "version": "0.0.9",
+  "author": "RozoAI",
+  "homepage": "https://github.com/RozoAI/intent-pay",
+  "license": "BSD-2-Clause",
   "description": "Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.",
   "main": "./src/index.ts",
   "type": "module",
   "exports": {
-    "import": "./build/index.js",
-    "types": "./build/index.d.ts"
+    ".": {
+      "import": "./build/src/index.js",
+      "types": "./build/index.d.ts"
+    },
+    "./world": {
+      "import": "./build/src/world.js",
+      "types": "./build/world.d.ts"
+    }
   },
   "types": "./build/index.d.ts",
   "engines": {
@@ -20,6 +26,14 @@
     "build",
     "README.md"
   ],
+  "scripts": {
+    "start": "rollup --config rollup.config.js -w",
+    "dev": "rollup --config rollup.config.js -w",
+    "build": "rollup --config rollup.config.js",
+    "prepare": "npm run build",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings=0",
+    "release": "bumpp"
+  },
   "keywords": [
     "ens",
     "react-hook",
@@ -28,13 +42,13 @@
     "family",
     "ethereum",
     "react",
-    "daimo",
+    "rozoai",
     "pay",
     "payment",
     "crypto"
   ],
   "dependencies": {
-    "@daimo/pay-common": "1.10.1",
+    "@rozoai/intent-common": "^0.0.1",
     "@rollup/plugin-typescript": "^12.1.2",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
@@ -54,11 +68,17 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
+    "@worldcoin/minikit-js": ">=1.9.6",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x",
-    "viem": ">=2.22.0",
+    "viem": "2.x",
     "wagmi": "2.x"
   },
+  "peerDependenciesMeta": {
+    "@worldcoin/minikit-js": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@rollup/plugin-json": "^6.1.0",
     "@types/node": "^20.14.12",
@@ -74,11 +94,10 @@
     "rollup-plugin-visualizer": "^5.5.4",
     "typescript-plugin-styled-components": "^3.0.0"
   },
-  "scripts": {
-    "start": "rollup --config rollup.config.js -w",
-    "dev": "rollup --config rollup.config.js -w",
-    "build": "rollup --config rollup.config.js",
-    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings=0",
-    "release": "bumpp"
+  "resolutions": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "viem": "^2.23.2",
+    "wagmi": "^2.14.11"
   }
-}
+}