@daimo/pay 1.7.1 → 1.7.2

package/build/index.js

@@ -22,7 +22,7 @@ import { WalletSignTransactionError, WalletSendTransactionError } from '@solana/
 import { normalize } from 'viem/ens';
 
 var name = "@daimo/pay";
-var version = "1.7.1";
+var version = "1.7.2";
 var author = "Daimo";
 var homepage = "https://pay.daimo.com";
 var license = "BSD-2-Clause license";
@@ -61,7 +61,7 @@ var keywords = [
 	"crypto"
 ];
 var dependencies = {
-	"@daimo/pay-common": "1.7.1",
+	"@daimo/pay-common": "1.7.2",
 	"@rollup/plugin-typescript": "^12.1.2",
 	"@solana/wallet-adapter-base": "^0.9.23",
 	"@solana/wallet-adapter-react": "^0.15.35",
@@ -6706,7 +6706,7 @@ const ScrollArea = ({ children, height, backgroundColor, mobileDirection, hideBo
     const { log } = usePayContext();
     const ref = useRef(null);
     const moreRef = useRef(null);
-    const { isMobile } = useIsMobile();
+    const isMobileFormat = isMobile() || window?.innerWidth < defaultTheme.mobileWidth;
     useEffect(() => {
         const el = ref.current;
         if (!el)
@@ -6745,7 +6745,7 @@ const ScrollArea = ({ children, height, backgroundColor, mobileDirection, hideBo
             el.removeEventListener("scroll", handleScroll);
         };
     }, [ref.current]);
-    return (jsxs(ScrollContainer, { children: [jsx(ScrollAreaContainer, { ref: ref, "$mobile": isMobile, "$height": height, "$backgroundColor": backgroundColor, "$mobileDirection": mobileDirection, "$hideBottomLine": hideBottomLine, "$totalItems": totalItems, children: children }), jsx(MoreIndicator, { ref: moreRef, className: "hide", onClick: () => {
+    return (jsxs(ScrollContainer, { children: [jsx(ScrollAreaContainer, { ref: ref, "$mobile": isMobileFormat, "$height": height, "$backgroundColor": backgroundColor, "$mobileDirection": mobileDirection, "$hideBottomLine": hideBottomLine, "$totalItems": totalItems, children: children }), jsx(MoreIndicator, { ref: moreRef, className: "hide", onClick: () => {
                     if (ref.current) {
                         ref.current.scrollTo({
                             top: ref.current.scrollHeight,
@@ -10811,6 +10811,7 @@ const ChainContainer$1 = styled(motion.div) `
 
 function SelectToken() {
     const { isMobile, isIOS } = useIsMobile();
+    const isMobileFormat = useIsMobile() || window?.innerWidth < defaultTheme.mobileWidth;
     const { setRoute, paymentState, wcWallet } = usePayContext();
     const { isDepositFlow, walletPaymentOptions, setSelectedTokenOption } = paymentState;
     const optionsList = walletPaymentOptions.options?.map((option) => {
@@ -10864,7 +10865,7 @@ function SelectToken() {
                     justifyContent: "center",
                     paddingTop: 16,
                     paddingBottom: 16,
-                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: walletPaymentOptions.isLoading, options: optionsList, scrollHeight: isMobile ? 225 : 300, orDivider: optionsList.length != 0 }), optionsList.length != 0 && jsx(SelectAnotherMethodButton, {})] }));
+                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: walletPaymentOptions.isLoading, options: optionsList, scrollHeight: isMobileFormat ? 225 : 300, orDivider: optionsList.length != 0 }), optionsList.length != 0 && jsx(SelectAnotherMethodButton, {})] }));
 }
 function getDaimoTokenKey(token) {
     return `${token.chainId}-${token.token}`;
@@ -11044,6 +11045,7 @@ function getDaimoSolanaTokenKey(token) {
 const SelectSolanaToken = () => {
     const { paymentState, setRoute } = usePayContext();
     const { isDepositFlow, solanaPaymentOptions, setSelectedSolanaTokenOption } = paymentState;
+    const isMobileFormat = useIsMobile() || window?.innerWidth < defaultTheme.mobileWidth;
     const optionsList = solanaPaymentOptions.options?.map((option) => {
         const titlePrice = isDepositFlow
             ? formatUsd(option.balance.usd)
@@ -11083,7 +11085,7 @@ const SelectSolanaToken = () => {
                     justifyContent: "center",
                     paddingTop: 16,
                     paddingBottom: 16,
-                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: solanaPaymentOptions.isLoading, options: optionsList, orDivider: optionsList.length != 0 }), optionsList.length != 0 && jsx(SelectAnotherMethodButton, {})] }));
+                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: solanaPaymentOptions.isLoading, options: optionsList, scrollHeight: isMobileFormat ? 225 : 300, orDivider: optionsList.length != 0 }), optionsList.length != 0 && jsx(SelectAnotherMethodButton, {})] }));
 };
 
 const WaitingDepositAddress = () => {