@coin-voyage/paykit 0.0.2 → 0.1.1

package/dist/components/Pages/SelectMethod/styles.js

@@ -0,0 +1,261 @@
+import { keyframes } from "styled-components";
+import styled from "./../../../styles/styled";
+import { motion } from "framer-motion";
+import { ModalBody } from "../../ui/Modal/styles";
+const Shimmer = keyframes `
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+export const InfoBox = styled.div `
+  padding: 24px 24px 28px;
+  border-radius: var(--ck-tertiary-border-radius, 24px);
+  box-shadow: var(--ck-tertiary-box-shadow, none);
+  background: var(--ck-body-background-tertiary);
+  ${ModalBody} {
+    max-width: none;
+  }
+`;
+export const InfoBoxButtons = styled.div `
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  margin: 5px -8px -12px;
+  button {
+  }
+`;
+export const LearnMoreContainer = styled(motion.div) `
+  text-align: center;
+  margin-top: 16px;
+  margin-bottom: -6px;
+`;
+export const LearnMoreButton = styled(motion.button) `
+  appearance: none;
+  user-select: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  height: 42px;
+  padding: 0 16px;
+  border-radius: 6px;
+  background: none;
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  /* will-change: transform; */
+  transition:
+    color 200ms ease,
+    transform 100ms ease;
+  svg {
+    transition: all 100ms ease-out;
+    display: block;
+    position: relative;
+    top: 2px;
+    left: 2px;
+    transform: translateZ(0px);
+    path,
+    circle {
+      transition: all 100ms ease-out;
+    }
+    path:last-of-type {
+      transform-origin: 0 0;
+      transform: scaleX(1.3) skewY(-12deg);
+      opacity: 0;
+    }
+    circle {
+      transform: translate(20%, -15%);
+    }
+  }
+  &:hover {
+    color: var(--ck-body-color-muted-hover);
+    svg {
+      path,
+      circle {
+        opacity: 1;
+        transform: none;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.96);
+  }
+`;
+export const ConnectorsContainer = styled(motion.div) `
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 0 16px;
+  overflow-y: scroll;
+  max-height: 20rem;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
+export const ConnectorButton = styled(motion.button) `
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  width: 100%;
+  height: 64px;
+  font-size: 17px;
+  font-weight: var(--ck-primary-button-font-weight, 500);
+  line-height: 20px;
+  text-align: var(--ck-body-button-text-align, left);
+  transition: 180ms ease;
+  transition-property: background, color, box-shadow, transform, opacity;
+  will-change: transform, box-shadow, background-color, color, opacity;
+
+  --fallback-color: var(--ck-primary-button-color);
+  --fallback-background: var(--ck-primary-button-background);
+  --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+  --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+  --color: var(--ck-primary-button-color, var(--fallback-color));
+  --background: var(--ck-primary-button-background, var(--fallback-background));
+  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
+  --border-radius: var(
+    --ck-primary-button-border-radius,
+    var(--fallback-border-radius)
+  );
+
+  --hover-color: var(--ck-primary-button-hover-color, var(--color));
+  --hover-background: var(
+    --ck-primary-button-hover-background,
+    var(--background)
+  );
+  --hover-box-shadow: var(
+    --ck-primary-button-hover-box-shadow,
+    var(--box-shadow)
+  );
+  --hover-border-radius: var(
+    --ck-primary-button-hover-border-radius,
+    var(--border-radius)
+  );
+
+  --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+  --active-background: var(
+    --ck-primary-button-active-background,
+    var(--hover-background)
+  );
+  --active-box-shadow: var(
+    --ck-primary-button-active-box-shadow,
+    var(--hover-box-shadow)
+  );
+  --active-border-radius: var(
+    --ck-primary-button-active-border-radius,
+    var(--hover-border-radius)
+  );
+
+  color: var(--color);
+  background: var(--background);
+  box-shadow: var(--box-shadow);
+  border-radius: var(--border-radius);
+
+  &:disabled {
+    transition: 180ms ease;
+    opacity: 0.4;
+  }
+
+  --bg: var(--background);
+  &:not(:disabled) {
+    &:hover {
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:focus-visible {
+      transition-duration: 100ms;
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:active {
+      color: var(--active-color);
+      background: var(--active-background);
+      box-shadow: var(--active-box-shadow);
+      border-radius: var(--active-border-radius);
+      --bg: var(--active-background, var(--background));
+    }
+  }
+`;
+export const ConnectorRecentlyUsed = styled(motion.span) `
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: "";
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: "";
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+export const ConnectorLabel = styled(motion.span) `
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 2px 0;
+  padding-right: 38px;
+`;
+export const ConnectorIcon = styled(motion.div) `
+  position: absolute;
+  right: 21px;
+  overflow: hidden;
+  svg, img {
+    display: block;
+    position: relative;
+    pointer-events: none;
+    overflow: hidden;
+    border-radius: 27.5%;
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Pages/SelectMethod/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Pages/SelectMethod/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,MAAM,OAAO,GAAG,SAAS,CAAA;;;CAGxB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;IAK7B,SAAS;;;CAGZ,CAAA;AACD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOvC,CAAA;AACD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAInD,CAAA;AACD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDnD,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;CAWpD,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FnD,CAAA;AACD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0CvC,OAAO;;CAEvB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;CAUhD,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;;CAa9C,CAAA"}

package/dist/components/Pages/SelectToken/index.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ROUTES } from "../../../types/routes";
+import { ModalContent, ModalH1, PageContent } from "../../ui/Modal/styles";
+import { getChainName } from "@coin-voyage/shared/common";
+import { motion } from "framer-motion";
+import { chainToLogo } from "../../../assets/chains";
+import styled from "../../../styles/styled";
+import usePayContext from "../../contexts/pay";
+import Button from "../../ui/Button";
+import OptionsList from "../../ui/OptionsList";
+import { OrderHeader } from "../../ui/OrderHeader";
+const TokenChainLogo = ({ chainId, ...props }) => {
+    return (_jsxs(TokenChainContainer, { children: [_jsx("img", { ...props }), _jsx(ChainContainer, { children: chainToLogo[chainId] })] }));
+};
+const TokenChainContainer = styled(motion.div) `
+  width: 100%;
+  height: 100%;
+`;
+const ChainContainer = styled(motion.div) `
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  border-radius: 9999px;
+  overflow: hidden;
+  bottom: 0px;
+  right: 0px;
+`;
+export default function SelectToken() {
+    const { setRoute, paymentState } = usePayContext();
+    const { setSelectedTokenOption, payOrderQuotes } = paymentState;
+    // sort unsufficient balance quotes to the end
+    payOrderQuotes.quotes?.sort((a, b) => {
+        if (a.balance?.raw_amount && b.balance?.raw_amount) {
+            return a.balance.raw_amount < b.balance.raw_amount ? 1 : -1;
+        }
+        return 0;
+    });
+    return (_jsxs(PageContent, { children: [_jsx(OrderHeader, { minified: true }), !payOrderQuotes.isLoading &&
+                payOrderQuotes.quotes?.length === 0 && (_jsxs(ModalContent, { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    paddingTop: 16,
+                    paddingBottom: 16,
+                }, children: [_jsx(ModalH1, { children: "Insufficient balance." }), _jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD), children: "Select Another Method" })] })), _jsx(OptionsList, { requiredSkeletons: 4, isLoading: payOrderQuotes.isLoading, options: payOrderQuotes.quotes?.map((quote, idx) => {
+                    const title = `${quote.currency_amount.ui_amount} ${quote.ticker} on ${getChainName(quote.chain_id)}`;
+                    const subtitle = `Balance: ${quote.balance?.ui_amount ?? "0"} ${quote.ticker}`;
+                    const disabled = (quote.balance?.raw_amount ?? BigInt("0")) < quote.currency_amount.raw_amount;
+                    return {
+                        id: idx.toString(),
+                        title,
+                        subtitle,
+                        disabled,
+                        icons: [
+                            _jsx(TokenChainLogo, { src: quote.image_uri, alt: quote.ticker, chainId: quote.chain_id }),
+                        ],
+                        onClick: () => {
+                            setSelectedTokenOption(quote);
+                            setRoute(ROUTES.PAY_WITH_TOKEN);
+                        },
+                    };
+                }) ?? [] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/Pages/SelectToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pages/SelectToken/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Pages/SwitchNetworks/index.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useAccount, useConnect, useDisconnect } from "wagmi";
+import ChainSelectList from "../../ui/ChainSelectList";
+import { ModalBody, ModalContent, PageContent } from "../../ui/Modal/styles";
+import useLocales from "../../../hooks/useLocales";
+import { DisconnectIcon } from "../../../assets/icons";
+import { useChainIsSupported } from "../../../hooks/useChainIsSupported";
+import { isSafeConnector } from "../../../utils";
+import Button from "../../ui/Button";
+import { OrDivider } from "../../ui/Modal";
+const SwitchNetworks = () => {
+    const { reset } = useConnect();
+    const { disconnect } = useDisconnect();
+    const { connector, chain } = useAccount();
+    const isChainSupported = useChainIsSupported(chain?.id);
+    const locales = useLocales({});
+    const onDisconnect = () => {
+        disconnect();
+        reset();
+    };
+    return (_jsx(PageContent, { style: { width: 278 }, children: _jsxs(ModalContent, { style: { padding: 0, marginTop: -10 }, children: [!isChainSupported && (_jsxs(ModalBody, { children: [locales.warnings_chainUnsupported, " ", locales.warnings_chainUnsupportedResolve] })), _jsx("div", { style: { padding: "6px 8px" }, children: _jsx(ChainSelectList, { variant: "secondary" }) }), !isChainSupported && !isSafeConnector(connector?.id) && (_jsxs("div", { style: { paddingTop: 12 }, children: [_jsx(OrDivider, {}), _jsx(Button, { icon: _jsx(DisconnectIcon, {}), variant: "secondary", onClick: onDisconnect, children: locales.disconnect })] }))] }) }));
+};
+export default SwitchNetworks;
+//# sourceMappingURL=index.js.map

package/dist/components/Pages/SwitchNetworks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pages/SwitchNetworks/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAE5E,OAAO,UAAU,MAAM,2BAA2B,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,cAAc,GAAa,GAAG,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAA;IAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAA;IACtC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAA;IACzC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAA;IAE9B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,EAAE,CAAA;QACZ,KAAK,EAAE,CAAA;IACT,CAAC,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAChC,MAAC,YAAY,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,aAChD,CAAC,gBAAgB,IAAI,CACpB,MAAC,SAAS,eACP,OAAO,CAAC,yBAAyB,EAAE,GAAG,EACtC,OAAO,CAAC,gCAAgC,IAC/B,CACb,EAED,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YAChC,KAAC,eAAe,IAAC,OAAO,EAAC,WAAW,GAAG,GACnC,EAEL,CAAC,gBAAgB,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CACvD,eAAK,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAC5B,KAAC,SAAS,KAAG,EACb,KAAC,MAAM,IACL,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,YAAY,YAEpB,OAAO,CAAC,UAAU,GACZ,IACL,CACP,IACY,GACH,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/contexts/app/index.d.ts

@@ -0,0 +1,8 @@
+import { WalletConfiguration } from "@coin-voyage/crypto/types/wallet";
+import React from "react";
+type AppContextValue = {
+    walletConfig?: WalletConfiguration;
+};
+export declare const AppContext: React.Context<AppContextValue | null>;
+export declare function useAppContext(): AppContextValue;
+export {};

package/dist/components/contexts/app/index.js

@@ -0,0 +1,10 @@
+import React, { createContext } from "react";
+export const AppContext = createContext(null);
+export function useAppContext() {
+    const context = React.useContext(AppContext);
+    if (!context) {
+        throw Error("AppProvider is missing.");
+    }
+    return context;
+}
+//# sourceMappingURL=index.js.map

package/dist/components/contexts/app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/contexts/app/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM5C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAA;AAErE,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,KAAK,CAAC,yBAAyB,CAAC,CAAA;IACxC,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/components/contexts/pay/index.js

@@ -0,0 +1,10 @@
+import React, { createContext } from "react";
+export const PayContext = createContext(null);
+export default function usePayContext() {
+    const context = React.useContext(PayContext);
+    if (!context) {
+        throw Error("Pay Hook must be inside a Provider.");
+    }
+    return context;
+}
+//# sourceMappingURL=index.js.map

package/dist/components/contexts/pay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/contexts/pay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AA0C5C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAA;AAErE,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,KAAK,CAAC,qCAAqC,CAAC,CAAA;IACpD,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/components/contexts/web3/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * This provider is responsible for handling reusable web3 logic across the app.
+ */
+import React from "react";
+import { useWalletConnectUri } from "../../../hooks/connectors/useWalletConnectUri";
+const Web3Context = React.createContext({
+    connect: {
+        getUri: () => "",
+    },
+});
+export const Web3ContextProvider = ({ enabled, children, }) => {
+    const { uri: walletConnectUri } = useWalletConnectUri({
+        enabled,
+    });
+    const value = {
+        connect: {
+            getUri: () => {
+                return walletConnectUri;
+            },
+        },
+    };
+    return _jsx(Web3Context.Provider, { value: value, children: children });
+};
+export const useWeb3 = () => React.useContext(Web3Context);
+//# sourceMappingURL=index.js.map

package/dist/components/contexts/web3/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/contexts/web3/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAgBnF,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;IACtC,OAAO,EAAE;QACP,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE;KACjB;CACa,CAAC,CAAA;AAEjB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC;QACpD,OAAO;KACR,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO,gBAAgB,CAAA;YACzB,CAAC;SACF;KACa,CAAA;IAEhB,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAwB,CAAA;AAC9E,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA"}

package/dist/components/pay-button/index.d.ts

@@ -0,0 +1,74 @@
+import { ChainId, PaymentCreationErrorEvent, PayOrderMetadata, type PaymentBouncedEvent, type PaymentCompletedEvent, type PaymentStartedEvent } from "@coin-voyage/shared/common";
+import type { CustomTheme, Mode, Theme } from "../../types";
+type DepositPayButtonParams = {
+    /**
+     * Destination chain ID. The chain to deposit to.
+     */
+    toChain: ChainId;
+    /**
+     * The destination token to receive. Specify the contract address of the token (ERC-20/SPL/...)
+     * Omitting (undefined) indicates the native token ETH/SOL/TRX/SUI/...
+     */
+    toToken?: string;
+    /**
+     * The amount of destination token to receive.
+     */
+    toAmount: string;
+    /**
+     * The recipient of the deposit. Is an address on the `toChain`
+     */
+    toAddress: string;
+    /**
+     * Metadata to attach to the deposit.
+     */
+    metadata?: PayOrderMetadata;
+};
+type PayButtonPaymentProps = DepositPayButtonParams | {
+    /** The payment ID, generated via the Coin Voyage API. Replaces params above. */
+    payId: string;
+};
+type PayButtonCommonProps = PayButtonPaymentProps & {
+    /**
+     * The intent verb, such as "Pay", "Deposit", or "Purchase".
+     */
+    intent?: string;
+    /** Called when invalid properties are used in order to create a deposit payOrder */
+    onPaymentCreationError?: (event: PaymentCreationErrorEvent) => void;
+    /** Called when user sends payment and transaction is seen on chain */
+    onPaymentStarted?: (event: PaymentStartedEvent) => void;
+    /** Called when destination transfer or call completes successfully */
+    onPaymentCompleted?: (event: PaymentCompletedEvent) => void;
+    /** Called when destination call reverts and funds are refunded */
+    onPaymentBounced?: (event: PaymentBouncedEvent) => void;
+    /** Automatically close the modal after a successful payment. */
+    closeOnSuccess?: boolean;
+};
+type PayButtonProps = PayButtonCommonProps & {
+    /** Add custom styles to the payButton. */
+    style?: React.CSSProperties;
+    /** 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;
+};
+type PayButtonCustomProps = PayButtonCommonProps & {
+    /** Custom renderer */
+    children: (renderProps: {
+        show: () => void;
+        hide: () => void;
+    }) => React.ReactNode;
+};
+export declare function PayButton(props: PayButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PayButton {
+    var Custom: typeof PayButtonCustom;
+}
+/** Like PayButton, but with custom styling. */
+declare function PayButtonCustom(props: PayButtonCustomProps): import("react").ReactNode;
+declare namespace PayButtonCustom {
+    var displayName: string;
+}
+export {};

package/dist/components/pay-button/index.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { assertNotNull, PayOrderStatus } from "@coin-voyage/shared/common";
+import { useEffect } from "react";
+import { ResetContainer } from "../../styles";
+import usePayContext from "../contexts/pay";
+import ThemedButton, { ThemeContainer } from "../ui/ThemedButton";
+import { useQuery } from "@tanstack/react-query";
+import { AnimatePresence } from "framer-motion";
+import { TextContainer } from "./styles";
+export function PayButton(props) {
+    const { intent, theme, mode, customTheme, style } = props;
+    const context = usePayContext();
+    return (_jsx(PayButtonCustom, { ...props, children: ({ show }) => (_jsx(ResetContainer, { "$useTheme": theme ?? context.theme, "$useMode": mode ?? context.mode, "$customTheme": customTheme ?? context.customTheme, children: _jsx(ThemeContainer, { disabled: props.disabled, onClick: show, children: _jsx(ThemedButton, { style: style, children: _jsx(ButtonInner, { label: intent ?? "Pay" }) }) }) })) }));
+}
+/** Like PayButton, but with custom styling. */
+function PayButtonCustom(props) {
+    const { paymentState, showPayment, setOpen } = usePayContext();
+    // Pre-load payment info in background.
+    // Reload when any of the info changes.
+    const depositParams = "toAddress" in props
+        ? {
+            destination_currency: {
+                address: props.toToken ?? null,
+                chain_id: props.toChain,
+            },
+            receiving_address: props.toAddress,
+            destination_amount: props.toAmount,
+            metadata: props.metadata,
+        }
+        : null;
+    const payId = "payId" in props ? props.payId : null;
+    useQuery({
+        queryKey: ["payOrder", JSON.stringify({ depositParams })],
+        queryFn: async () => {
+            if (depositParams == null)
+                return null;
+            await paymentState.createDepositPayOrder(depositParams, (msg) => props.onPaymentCreationError?.({
+                type: "payment_creation_error", errorMessage: msg
+            }));
+            return null;
+        },
+        enabled: depositParams != null,
+    });
+    useEffect(() => {
+        if (payId != null) {
+            paymentState.setPayId(payId);
+        }
+    }, [payId]);
+    // Payment events: call these three event handlers.
+    const { onPaymentStarted, onPaymentCompleted, onPaymentBounced } = props;
+    const order = paymentState.payOrder;
+    const isStarted = order?.status === PayOrderStatus.AWAITING_CONFIRMATION;
+    const isFinalized = order?.status === PayOrderStatus.COMPLETED || order?.status === PayOrderStatus.REFUNDED || order?.status === PayOrderStatus.FAILED;
+    useEffect(() => {
+        if (!order || !isStarted)
+            return;
+        onPaymentStarted?.({
+            paymentId: order.id,
+            type: "payment_started",
+            chainId: assertNotNull(order.source_currency?.chain_id),
+            txHash: order.deposit_tx_hash ?? null,
+        });
+    }, [isStarted]);
+    useEffect(() => {
+        if (!order || !isFinalized)
+            return;
+        const commonFields = {
+            paymentId: order.id,
+            chainId: assertNotNull(order.destination_currency?.chain_id),
+            txHash: assertNotNull(order.receiving_tx_hash),
+        };
+        if (order.status === PayOrderStatus.COMPLETED) {
+            onPaymentCompleted?.({ type: "payment_completed", ...commonFields });
+        }
+        else if (order.status === PayOrderStatus.REFUNDED) {
+            onPaymentBounced?.({ type: "payment_bounced", ...commonFields });
+        }
+    }, [isFinalized]);
+    // Validation
+    if ((payId == null) == (depositParams == null)) {
+        throw new Error("Must specify either payId or depositParams, not both");
+    }
+    const { children, closeOnSuccess } = props;
+    const modalOptions = { closeOnSuccess };
+    const show = () => showPayment(modalOptions);
+    const hide = () => setOpen(false);
+    return children({ show, hide });
+}
+PayButtonCustom.displayName = "PayButton.Custom";
+PayButton.Custom = PayButtonCustom;
+const contentVariants = {
+    initial: {
+        zIndex: 2,
+        opacity: 0,
+        x: "-100%",
+    },
+    animate: {
+        opacity: 1,
+        x: 0.1,
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 1, 0.5, 1],
+        },
+    },
+    exit: {
+        zIndex: 1,
+        opacity: 0,
+        x: "-100%",
+        pointerEvents: "none",
+        position: "absolute",
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 1, 0.5, 1],
+        },
+    },
+};
+function ButtonInner({ label }) {
+    return (_jsx(AnimatePresence, { initial: false, children: _jsx(TextContainer, { initial: "initial", animate: "animate", exit: "exit", variants: contentVariants, style: {
+                height: 40,
+            }, children: label }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/pay-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pay-button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/pay-button/styles.js

@@ -0,0 +1,12 @@
+import { motion } from "framer-motion";
+import styled from "../../styles/styled";
+export const TextContainer = styled(motion.div) `
+  top: 0;
+  bottom: 0;
+  left: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/pay-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/pay-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;CAQ9C,CAAA"}