@daimo/pay 0.3.21 → 1.0.1

package/build/src/localizations/locales/zh-CN.js

@@ -0,0 +1,95 @@
+const zhCN = {
+    connectWallet: "绑定钱包",
+    disconnect: "解除绑定",
+    connected: "已绑定",
+    wrongNetwork: "错误网络",
+    switchNetworks: "切换网络",
+    chainNetwork: "{{ CHAIN }}网络",
+    copyToClipboard: "复制到剪贴板",
+    copyCode: "复制代码",
+    moreInformation: "更多信息",
+    back: "返回",
+    close: "关闭",
+    or: "或",
+    more: "更多",
+    tryAgain: "重试",
+    tryAgainQuestion: "重试？",
+    dontHaveTheApp: "没有该应用？",
+    scanTheQRCode: "扫描二维码",
+    useWalletConnectModal: "使用 WalletConnect 模态窗",
+    useModal: "使用模态窗",
+    installTheExtension: "安装扩展程序",
+    getWalletName: "获取{{ CONNECTORNAME }}",
+    otherWallets: "其他钱包",
+    learnMore: "了解更多",
+    getWallet: "获取钱包",
+    approveInWallet: "在钱包中批准",
+    confirmInWallet: "在钱包中确认",
+    awaitingConfirmation: "等待确认",
+    signIn: "登录",
+    signOut: "登出",
+    signedIn: "已登录",
+    signedOut: "已登出",
+    walletNotConnected: "钱包未绑定",
+    warnings_walletSwitchingUnsupported: `您的钱包不支持从此应用切换网络。`,
+    warnings_walletSwitchingUnsupportedResolve: `请尝试从钱包中切换网络。`,
+    warnings_chainUnsupported: `此应用不支持当前连接的网络。`,
+    warnings_chainUnsupportedResolve: `请切换网络或断开连接以继续。`,
+    onboardingScreen_heading: `获取钱包`,
+    onboardingScreen_h1: `开始探索 Web3`,
+    onboardingScreen_p: `您的钱包是通往以太坊的一扇大门，而以太坊是探索 Web3 的一项神奇技术。`,
+    onboardingScreen_ctaText: `选择您的第一钱包`,
+    onboardingScreen_ctaUrl: `https://ethereum.org/zh/wallets/find-wallet/`,
+    aboutScreen_heading: `关于钱包`,
+    aboutScreen_a_h1: `对于您的数字资产`,
+    aboutScreen_a_p: `有了钱包，您可以发送、接收、存储数字资产及使用数字资产进行交互，例如 NFT 和其他以太坊通证等。`,
+    aboutScreen_b_h1: `更好的登录方式`,
+    aboutScreen_b_p: `使用现代应用，您的钱包可以用作简便的登录方法，而不必记住密码。`,
+    aboutScreen_c_h1: `探索 Web3 世界`,
+    aboutScreen_c_p: `您的钱包是一个重要的工具，可以让您探索并参与到快速发展的 Web3 世界。`,
+    aboutScreen_ctaText: `了解更多`,
+    aboutScreen_ctaUrl: `https://ethereum.org/zh/wallets/`,
+    connectorsScreen_heading: `绑定钱包`,
+    connectorsScreen_newcomer: `我没有钱包`,
+    connectorsScreen_h1: `什么是钱包？`,
+    connectorsScreen_p: `钱包可用于发送、接收和存储数字资产。通过绑定钱包，您可以与应用进行交互。`,
+    mobileConnectorsScreen_heading: `选择钱包`,
+    scanScreen_heading: `手机扫描`,
+    scanScreen_heading_withConnector: `手机扫描{{ CONNECTORNAME }}`,
+    scanScreen_tooltip_walletConnect: `打开 [WALLETCONNECTLOGO] WalletConnect 支持的钱包进行扫描`,
+    scanScreen_tooltip_default: `打开您手机上的{{ CONNECTORNAME }} 进行扫描`,
+    downloadAppScreen_heading: `获取{{ CONNECTORNAME }}`,
+    downloadAppScreen_iosAndroid: `使用手机相机扫描以下载 iOS 或 Android 应用。`,
+    downloadAppScreen_ios: `使用手机相机扫描以下载 iOS 应用。`,
+    downloadAppScreen_android: `使用手机相机扫描以下载 Android 应用。`,
+    injectionScreen_unavailable_h1: `不支持的浏览器`,
+    injectionScreen_unavailable_p: `要绑定您的{{ CONNECTORSHORTNAME }}钱包，请在{{ SUGGESTEDEXTENSIONBROWSER }}上安装此扩展程序。`,
+    injectionScreen_install_h1: `安装{{ CONNECTORNAME }}`,
+    injectionScreen_install_p: `要绑定您的{{ CONNECTORSHORTNAME }}钱包，请安装此浏览器扩展程序。`,
+    injectionScreen_connecting_h1: `请求绑定`,
+    injectionScreen_connecting_p: `打开{{ CONNECTORSHORTNAME }}浏览器 扩展程序以绑定您的钱包。`,
+    injectionScreen_connecting_injected_h1: `请求绑定`,
+    injectionScreen_connecting_injected_p: `通过您的钱包接受请求，以绑定到此应用。`,
+    injectionScreen_connected_h1: `已绑定`,
+    injectionScreen_connected_p: `现在可以关闭此弹窗`,
+    injectionScreen_rejected_h1: `请求已取消`,
+    injectionScreen_rejected_p: `您已取消请求。点击上面可重试。`,
+    injectionScreen_failed_h1: `绑定失败`,
+    injectionScreen_failed_p: `抱歉，发生错误。请尝试重新绑定。`,
+    injectionScreen_notconnected_h1: `登录{{ CONNECTORNAME }}`,
+    injectionScreen_notconnected_p: `要继续，请登录到您的{{ CONNECTORNAME }}扩展程序。`,
+    profileScreen_heading: "已绑定",
+    switchNetworkScreen_heading: "切换网络",
+    signInWithEthereumScreen_tooltip: "您尚未登录到此应用。\n请选择**使用以太坊登录**以继续。",
+    signInWithEthereumScreen_signedOut_heading: "使用以太坊登录",
+    signInWithEthereumScreen_signedOut_h1: "此应用希望验证您是 此钱包的所有者。",
+    signInWithEthereumScreen_signedOut_p: `请签署钱包中的消息请求 以继续。`,
+    signInWithEthereumScreen_signedOut_button: "登录",
+    signInWithEthereumScreen_signedIn_heading: "已使用以太坊登录",
+    signInWithEthereumScreen_signedIn_h1: "您已成功验证自己 是此钱包的所有者。",
+    signInWithEthereumScreen_signedIn_p: `登出后，将来您还需要 再次进行身份验证。`,
+    signInWithEthereumScreen_signedIn_button: "登出",
+};
+
+export { zhCN as default };
+//# sourceMappingURL=zh-CN.js.map

package/build/src/localizations/locales/zh-CN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-CN.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/src/styles/defaultTheme.js

@@ -0,0 +1,89 @@
+const defaultLightTheme = {
+    font: {
+        family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,
+    },
+    text: {
+        primary: {
+            color: "#373737",
+        },
+        secondary: {
+            color: "#999999",
+            hover: {
+                color: "#111111",
+            },
+        },
+        error: "#FC6464",
+        valid: "#32D74B",
+    },
+    buttons: {
+        primary: {
+            borderRadius: 16,
+            color: "#000373737000",
+            background: "#FFFFFF",
+            border: "#F0F0F0",
+            hover: {
+                color: "#000000",
+                border: "#1A88F8",
+            },
+        },
+        secondary: {
+            borderRadius: 16,
+            background: "#F6F7F9",
+            color: "#000000",
+        },
+    },
+    navigation: {
+        color: "#999999",
+    },
+    modal: {
+        background: "#ffffff", // need to generate an rgba transparent version of this for Safari
+        divider: "#f7f6f8",
+    },
+    tooltips: {
+        color: "#999999",
+        background: "#ffffff",
+        hover: {
+            background: "#f6f7f9",
+        },
+    },
+    overlay: {
+        background: "rgba(0, 0, 0, 0.06)",
+    },
+    qrCode: {
+        accentColor: "#F7F6F8",
+    },
+};
+// parse into css variables so we can use p3 colors
+const parseTheme = (theme) => {
+    return theme;
+};
+const userPrefersDarkMode = () => {
+    if (typeof window === "undefined")
+        return false;
+    return (window.matchMedia &&
+        window.matchMedia("(prefers-color-scheme: dark)").matches);
+    /*
+    window
+      .matchMedia('(prefers-color-scheme: dark)')
+      .addEventListener('change', (event) => {
+        userPrefersDarkMode = event.matches;
+      });
+      */
+};
+userPrefersDarkMode();
+const defaultTheme = {
+    daimoPay: {
+        options: {
+            iconStyle: "light",
+        },
+        //theme: parseTheme(defaultLightTheme),
+        theme: {
+            preferred: "dark",
+            light: parseTheme(defaultLightTheme),
+            dark: parseTheme(defaultLightTheme),
+        },
+    },
+};
+
+export { defaultTheme as default };
+//# sourceMappingURL=defaultTheme.js.map

package/build/src/styles/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/src/styles/index.js

@@ -0,0 +1,329 @@
+import { motion } from 'framer-motion';
+import { css } from 'styled-components';
+import { hexToP3 } from '../utils/p3.js';
+import styled from './styled/index.js';
+import predefinedThemes from './themes/index.js';
+
+/**
+ * Theme variables for the modal
+ */
+const themeGlobals = {
+    default: {
+        "--ck-font-family": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
+    'Segoe UI Symbol'`,
+        "--ck-border-radius": "20px",
+        "--ck-secondary-button-border-radius": "16px",
+    },
+    graphics: {
+        light: {
+            "--ck-graphic-wave-stop-01": "#E8F17D",
+            "--ck-graphic-wave-stop-02": "#A8ECDE",
+            "--ck-graphic-wave-stop-03": "#7AA1F2",
+            "--ck-graphic-wave-stop-04": "#DEA1E8",
+            "--ck-graphic-wave-stop-05": "#F46D98",
+            "--ck-graphic-scaniconwithlogos-01": "#4E4E4E",
+            "--ck-graphic-scaniconwithlogos-02": "#272727",
+            "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
+            "--ck-graphic-scaniconwithlogos-04": "#F6F7F9",
+            "--ck-chain-ethereum-01": "#25292E",
+            "--ck-chain-ethereum-02": "#fff",
+            "--ck-chain-ethereum-03": "#DFE0E0",
+        },
+        dark: {
+            "--ck-graphic-wave-stop-01": "#E8F17D",
+            "--ck-graphic-wave-stop-02": "#A8ECDE",
+            "--ck-graphic-wave-stop-03": "#7AA1F2",
+            "--ck-graphic-wave-stop-04": "#DEA1E8",
+            "--ck-graphic-wave-stop-05": "#F46D98",
+            "--ck-graphic-scaniconwithlogos-01": "#AFAFAF",
+            "--ck-graphic-scaniconwithlogos-02": "#696969",
+            "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
+            "--ck-graphic-scaniconwithlogos-04": "#3D3D3D",
+            //'--ck-chain-ethereum-01': '#fff',
+            //'--ck-chain-ethereum-02': '#000',
+            //'--ck-chain-ethereum-03': '#000',
+        },
+    },
+    ens: {
+        light: {
+            "--ck-ens-01-start": "#FF3B30",
+            "--ck-ens-01-stop": "#FF9500",
+            "--ck-ens-02-start": "#FF9500",
+            "--ck-ens-02-stop": "#FFCC00",
+            "--ck-ens-03-start": "#FFCC00",
+            "--ck-ens-03-stop": "#34C759",
+            "--ck-ens-04-start": "#5856D6",
+            "--ck-ens-04-stop": "#AF52DE",
+            "--ck-ens-05-start": "#5AC8FA",
+            "--ck-ens-05-stop": "#007AFF",
+            "--ck-ens-06-start": "#007AFF",
+            "--ck-ens-06-stop": "#5856D6",
+            "--ck-ens-07-start": "#5856D6",
+            "--ck-ens-07-stop": "#AF52DE",
+            "--ck-ens-08-start": "#AF52DE",
+            "--ck-ens-08-stop": "#FF2D55",
+        },
+        dark: {
+            "--ck-ens-01-start": "#FF453A",
+            "--ck-ens-01-stop": "#FF9F0A",
+            "--ck-ens-02-start": "#FF9F0A",
+            "--ck-ens-02-stop": "#FFD60A",
+            "--ck-ens-03-start": "#FFD60A",
+            "--ck-ens-03-stop": "#32D74B",
+            "--ck-ens-04-start": "#32D74B",
+            "--ck-ens-04-stop": "#64D2FF",
+            "--ck-ens-05-start": "#64D2FF",
+            "--ck-ens-05-stop": "#0A84FF",
+            "--ck-ens-06-start": "#0A84FF",
+            "--ck-ens-06-stop": "#5E5CE6",
+            "--ck-ens-07-start": "#5E5CE6",
+            "--ck-ens-07-stop": "#BF5AF2",
+            "--ck-ens-08-start": "#BF5AF2",
+            "--ck-ens-08-stop": "#FF2D55",
+        },
+    },
+    brand: {
+        "--ck-family-brand": "#1A88F8",
+        "--ck-brand-walletConnect": "#3B99FC",
+        "--ck-brand-coinbaseWallet": "#0052FF",
+        "--ck-brand-metamask": "#f6851b",
+        "--ck-brand-metamask-01": "#F6851B",
+        "--ck-brand-metamask-02": "#E2761B",
+        "--ck-brand-metamask-03": "#CD6116",
+        "--ck-brand-metamask-04": "#161616",
+        "--ck-brand-metamask-05": "#763D16",
+        "--ck-brand-metamask-06": "#D7C1B3",
+        "--ck-brand-metamask-07": "#C0AD9E",
+        "--ck-brand-metamask-08": "#E4761B",
+        "--ck-brand-metamask-09": "#233447",
+        "--ck-brand-metamask-10": "#E4751F",
+        "--ck-brand-metamask-11": "#FEF5E7",
+        "--ck-brand-metamask-12": "#E3C8AB",
+        "--ck-brand-trust-01": "#3375BB",
+        "--ck-brand-trust-02": "#ffffff",
+        "--ck-brand-trust-01b": "#ffffff", // dark Theme
+        "--ck-brand-trust-02b": "#3375BB", // dark Theme
+        "--ck-brand-argent": "#f36a3d",
+        "--ck-brand-imtoken-01": "#11C4D1",
+        "--ck-brand-imtoken-02": "#0062AD",
+        "--ck-brand-safe": "#12FF80",
+        "--ck-brand-dawn": "#000000",
+    },
+};
+const themeColors = {
+    light: predefinedThemes.base.light,
+    dark: predefinedThemes.base.dark,
+    web95: predefinedThemes.web95,
+    retro: predefinedThemes.retro,
+    soft: predefinedThemes.soft,
+    midnight: predefinedThemes.midnight,
+    minimal: predefinedThemes.minimal,
+    rounded: predefinedThemes.rounded,
+    nouns: predefinedThemes.nouns,
+};
+/**
+ *  Automatically use p3 if available
+ */
+//  TODO: Don't use :any type
+const createCssVars = (scheme, important) => {
+    return css `
+    ${Object.keys(scheme).map((key) => {
+        const value = scheme[key];
+        return value && `${key}:${value};`;
+    })}
+  `;
+};
+const createCssColors = (scheme, override) => {
+    const important = override ? " !important" : "";
+    return css `
+    ${Object.keys(scheme).map((key) => {
+        const value = scheme[key];
+        return value && `${key}:${value}${important};`;
+    })}
+    @supports (color: color(display-p3 1 1 1)) {
+      ${Object.keys(scheme).map((key) => {
+        const value = scheme[key];
+        return `${key}:${hexToP3(value)}${important};`;
+    })}
+    }
+  `;
+};
+const themes = {
+    default: createCssVars(themeGlobals.default),
+    light: createCssColors(themeColors.light),
+    dark: createCssColors(themeColors.dark),
+    web95: createCssColors(themeColors.web95),
+    retro: createCssColors(themeColors.retro),
+    soft: createCssColors(themeColors.soft),
+    midnight: createCssColors(themeColors.midnight),
+    minimal: createCssColors(themeColors.minimal),
+    rounded: createCssColors(themeColors.rounded),
+    nouns: createCssColors(themeColors.nouns),
+};
+const globals = {
+    brand: createCssVars(themeGlobals.brand),
+    ensLight: createCssVars(themeGlobals.ens.light),
+    ensDark: createCssVars(themeGlobals.ens.dark),
+    graphicsLight: createCssVars(themeGlobals.graphics.light),
+    graphicsDark: createCssVars(themeGlobals.graphics.dark),
+};
+const globalsLight = css `
+  ${globals.brand}
+  ${globals.ensLight}
+  ${globals.graphicsLight}
+`;
+const globalsDark = css `
+  ${globals.brand}
+  ${globals.ensDark}
+  ${globals.graphicsDark}
+`;
+/*
+ *  Reset stylings to avoid conflicting with the parent websites styling
+ * Automatically apply theme based on system theme
+ */
+// TODO: Think more about how to reset our components as to not be affected by external stylings
+// TODO: Merge theme objects instead of overriding
+let mode = "auto";
+const ResetContainer = styled(motion.div) `
+  ${themes.default}
+
+  ${(props) => {
+    switch (props.$useTheme) {
+        case "web95":
+            mode = "light";
+            return themes.web95;
+        case "retro":
+            mode = "light";
+            return themes.retro;
+        case "soft":
+            mode = "light";
+            return themes.soft;
+        case "midnight":
+            mode = "dark";
+            return themes.midnight;
+        case "minimal":
+            mode = "light";
+            return themes.minimal;
+        case "rounded":
+            mode = "light";
+            return themes.rounded;
+        case "nouns":
+            mode = "light";
+            return themes.nouns;
+        default:
+            if (props.$useMode === "light") {
+                mode = "light";
+                return themes.light;
+            }
+            else if (props.$useMode === "dark") {
+                mode = "dark";
+                return themes.dark;
+            }
+            else {
+                return css `
+            @media (prefers-color-scheme: light) {
+              ${themes.light}
+            }
+            @media (prefers-color-scheme: dark) {
+              ${themes.dark}
+            }
+          `;
+            }
+    }
+}}
+
+  ${(props) => {
+    switch (mode) {
+        case "light":
+            return globalsLight;
+        case "dark":
+            return globalsDark;
+        default:
+            return css `
+          ${globalsLight}
+          @media (prefers-color-scheme: dark) {
+            ${globalsDark}
+          }
+        `;
+    }
+}}
+
+
+  ${(props) => {
+    if (props.$customTheme &&
+        props.$customTheme["--ck-accent-color"] &&
+        ["light", "dark", "auto", "", undefined].includes(props.$useTheme)) {
+        const accentColor = props.$customTheme["--ck-accent-color"];
+        const accentTextColor = props.$customTheme["--ck-accent-text-color"] ?? "#ffffff";
+        return {
+            "--ck-accent-color": accentColor,
+            "--ck-accent-text-color": accentTextColor,
+            // '--ck-connectbutton-color': accentTextColor,
+            // '--ck-connectbutton-background': accentColor,
+            // '--ck-connectbutton-background-hover': accentColor,
+            // '--ck-connectbutton-background-active': LightenDarkenColor(
+            // accentColor,
+            // 20
+            // ),
+            "--ck-secondary-button-background": accentColor,
+            "--ck-secondary-button-hover-background": accentColor,
+            "--ck-secondary-button-color": accentTextColor,
+            "--ck-button-primary-color": accentTextColor,
+            "--ck-focus-color": accentColor,
+        };
+    }
+    if (props.$customTheme) {
+        return createCssColors(props.$customTheme, true);
+    }
+}}
+
+  all: initial;
+  text-align: left;
+  text-direction: ltr;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-text-stroke: 0.001px transparent;
+  text-size-adjust: none;
+  font-size: 16px;
+
+  button {
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-text-stroke: 0.001px transparent;
+  }
+
+  &,
+  * {
+    font-family: var(--ck-font-family);
+    box-sizing: border-box;
+    outline: none;
+    border: none;
+  }
+  /*
+  @media (prefers-reduced-motion) {
+    * {
+      animation-duration: 60ms !important;
+      transition-duration: 60ms !important;
+    }
+  }
+  */
+  img,
+  svg {
+    max-width: 100%;
+  }
+  strong {
+    font-weight: 600;
+  }
+  a:focus-visible,
+  button:focus-visible {
+    outline: 2px solid var(--ck-focus-color);
+  }
+`;
+
+export { ResetContainer };
+//# sourceMappingURL=index.js.map

package/build/src/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/src/styles/styled/index.js

@@ -0,0 +1,16 @@
+import styled$1 from 'styled-components';
+
+/**
+ *
+ * IMPORTANT NOTE: This file is a workaround for the following issue:
+ *
+ * When using rollup with styled-components to build into an ES module, styled components decides to move all of it’s DOM elements into "styled.default" rather than just within "styled"
+ *
+ * We're unsure as to why this issue occurs, if you have any ideas or a better solution please let us know by opening a discussion on our GitHub repo:
+ * https://github.com/family/connectkit/discussions/new
+ *
+ */
+var styled = typeof styled$1.div === "function" ? styled$1 : styled$1["default"];
+
+export { styled as default };
+//# sourceMappingURL=index.js.map

package/build/src/styles/styled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}