@daimo/pay 1.19.10 → 1.19.11

package/build/src/assets/wave.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wave.js","sources":["../../../src/assets/wave.tsx"],"sourcesContent":["export default (\n  <svg\n    aria-hidden=\"true\"\n    width=\"298\"\n    height=\"188\"\n    viewBox=\"0 0 298 188\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M1 55.2757L21.6438 46.0285C55.5896 30.8228 94.4104 30.8228 128.356 46.0286L169.644 64.5229C203.59 79.7287 242.41 79.7286 276.356 64.5229L297 55.2757M1 44.2118L21.6438 34.9646C55.5896 19.7589 94.4104 19.7589 128.356 34.9646L169.644 53.459C203.59 68.6647 242.41 68.6647 276.356 53.459L297 44.2118M1 33.1477L21.6438 23.9005C55.5896 8.69479 94.4104 8.69479 128.356 23.9005L169.644 42.3949C203.59 57.6006 242.41 57.6006 276.356 42.3949L297 33.1477M1 22.1477L21.6438 12.9005C55.5896 -2.30521 94.4104 -2.30521 128.356 12.9005L169.644 31.3949C203.59 46.6006 242.41 46.6006 276.356 31.3949L297 22.1477M1 66.3398L21.6438 57.0926C55.5896 41.8869 94.4104 41.8869 128.356 57.0926L169.644 75.587C203.59 90.7927 242.41 90.7927 276.356 75.587L297 66.3398M1 77.404L21.6438 68.1568C55.5896 52.9511 94.4104 52.9511 128.356 68.1569L169.644 86.6512C203.59 101.857 242.41 101.857 276.356 86.6512L297 77.404M1 88.4681L21.6438 79.2209C55.5896 64.0152 94.4104 64.0152 128.356 79.2209L169.644 97.7153C203.59 112.921 242.41 112.921 276.356 97.7153L297 88.4681M1 121.66L21.6438 112.413C55.5896 97.2075 94.4104 97.2075 128.356 112.413L169.644 130.908C203.59 146.113 242.41 146.113 276.356 130.908L297 121.66M1 110.596L21.6438 101.349C55.5896 86.1433 94.4104 86.1433 128.356 101.349L169.644 119.843C203.59 135.049 242.41 135.049 276.356 119.843L297 110.596M1 99.5321L21.6438 90.2849C55.5896 75.0792 94.4104 75.0792 128.356 90.2849L169.644 108.779C203.59 123.985 242.41 123.985 276.356 108.779L297 99.5321M1 132.724L21.6438 123.477C55.5896 108.271 94.4104 108.271 128.356 123.477L169.644 141.971C203.59 157.177 242.41 157.177 276.356 141.971L297 132.724M1 143.788L21.6438 134.541C55.5896 119.336 94.4104 119.336 128.356 134.541L169.644 153.036C203.59 168.241 242.41 168.241 276.356 153.036L297 143.788M1 154.853L21.6438 145.605C55.5896 130.4 94.4104 130.4 128.356 145.605L169.644 164.1C203.59 179.305 242.41 179.305 276.356 164.1L297 154.853M1 165.853L21.6438 156.605C55.5896 141.4 94.4104 141.4 128.356 156.605L169.644 175.1C203.59 190.305 242.41 190.305 276.356 175.1L297 165.853\"\n      stroke=\"url(#paint0_linear_1094_2077)\"\n      strokeOpacity=\"0.9\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_1094_2077\"\n        x1=\"1\"\n        y1=\"112.587\"\n        x2=\"297.034\"\n        y2=\"79.6111\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"var(--ck-graphic-wave-stop-01)\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-02)\" offset=\"0.239583\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-03)\" offset=\"0.515625\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-04)\" offset=\"0.739583\" />\n        <stop stopColor=\"var(--ck-graphic-wave-stop-05)\" offset=\"1\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n"],"names":[],"mappings":";;AAAA,WACE,gBAAA,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,KAAM,EAAA,KAAA;AAAA,IACN,MAAO,EAAA,KAAA;AAAA,IACP,OAAQ,EAAA,aAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,IAEN,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAE,EAAA,ogEAAA;AAAA,UACF,MAAO,EAAA,+BAAA;AAAA,UACP,aAAc,EAAA,KAAA;AAAA,UACd,aAAc,EAAA,OAAA;AAAA,UACd,cAAe,EAAA,OAAA;AAAA,SAAA;AAAA,OACjB;AAAA,0BACC,MACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,yBAAA;AAAA,UACH,EAAG,EAAA,GAAA;AAAA,UACH,EAAG,EAAA,SAAA;AAAA,UACH,EAAG,EAAA,SAAA;AAAA,UACH,EAAG,EAAA,SAAA;AAAA,UACH,aAAc,EAAA,gBAAA;AAAA,UAEd,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,MAAA,EAAA,EAAK,WAAU,gCAAiC,EAAA,CAAA;AAAA,4BAChD,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,UAAW,EAAA,CAAA;AAAA,4BAClE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,UAAW,EAAA,CAAA;AAAA,4BAClE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,UAAW,EAAA,CAAA;AAAA,4BAClE,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAiC,QAAO,GAAI,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAEhE,EAAA,CAAA;AAAA,KAAA;AAAA,GAAA;AACF,CAAA;;;;"}

package/build/src/components/Common/Alert/index.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { AlertContainer, IconContainer } from './styles.js';
-
-const Alert = ({ children, error, icon }) => {
-  return /* @__PURE__ */ jsxs(AlertContainer, { $error: error, children: [
-    icon && /* @__PURE__ */ jsx(IconContainer, { children: icon }),
-    /* @__PURE__ */ jsx("div", { children })
-  ] });
-};
-Alert.displayName = "Alert";
-
-export { Alert as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Common/Alert/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Alert/index.tsx"],"sourcesContent":["import { AlertContainer, IconContainer } from \"./styles\";\nimport { AlertProps } from \"./types\";\n\nconst Alert = ({ children, error, icon }: AlertProps) => {\n  return (\n    <AlertContainer $error={error}>\n      {icon && <IconContainer>{icon}</IconContainer>}\n      <div>{children}</div>\n    </AlertContainer>\n  );\n};\nAlert.displayName = \"Alert\";\n\nexport default Alert;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAQ,CAAC,EAAE,QAAU,EAAA,KAAA,EAAO,MAAuB,KAAA;AACvD,EACE,uBAAA,IAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,KACrB,EAAA,QAAA,EAAA;AAAA,IAAQ,IAAA,oBAAA,GAAA,CAAC,iBAAe,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,oBAC9B,GAAA,CAAC,SAAK,QAAS,EAAA,CAAA;AAAA,GACjB,EAAA,CAAA,CAAA;AAEJ,EAAA;AACA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/build/src/components/Common/Alert/styles.js

@@ -1,55 +0,0 @@
-import { motion } from 'framer-motion';
-import { css } from 'styled-components';
-import defaultTheme from '../../../constants/defaultTheme.js';
-import styled from '../../../styles/styled/index.js';
-
-const AlertContainer = styled(motion.div)`
-  display: flex;
-  gap: 8px;
-  position: relative;
-  border-radius: 9px;
-  margin: 0 auto;
-  padding: 10px;
-  text-align: left;
-  font-size: 14px;
-  line-height: 17px;
-  font-weight: 400;
-  max-width: 260px;
-  min-width: 100%;
-
-  border-radius: var(--ck-alert-border-radius, 12px);
-  color: var(--ck-alert-color, var(--ck-body-color-muted));
-  background: var(--ck-alert-background, var(--ck-body-background-secondary));
-  box-shadow: var(--ck-alert-box-shadow, var(--ck-body-box-shadow));
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    padding: 16px;
-    font-size: 16px;
-    line-height: 21px;
-    border-radius: 24px;
-    text-align: center;
-  }
-
-  ${($error) => {
-  if ($error)
-    return css`
-        color: #fff;
-        background: var(--ck-body-color-danger, red);
-      `;
-}}
-`;
-const IconContainer = styled(motion.div)`
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  svg {
-    display: block;
-    width: 100%;
-    height: auto;
-  }
-`;
-
-export { AlertContainer, IconContainer };
-//# sourceMappingURL=styles.js.map

package/build/src/components/Common/Alert/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Alert/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\n\nexport const AlertContainer = styled(motion.div)<{ $error?: boolean }>`\n  display: flex;\n  gap: 8px;\n  position: relative;\n  border-radius: 9px;\n  margin: 0 auto;\n  padding: 10px;\n  text-align: left;\n  font-size: 14px;\n  line-height: 17px;\n  font-weight: 400;\n  max-width: 260px;\n  min-width: 100%;\n\n  border-radius: var(--ck-alert-border-radius, 12px);\n  color: var(--ck-alert-color, var(--ck-body-color-muted));\n  background: var(--ck-alert-background, var(--ck-body-background-secondary));\n  box-shadow: var(--ck-alert-box-shadow, var(--ck-body-box-shadow));\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    padding: 16px;\n    font-size: 16px;\n    line-height: 21px;\n    border-radius: 24px;\n    text-align: center;\n  }\n\n  ${($error) => {\n    if ($error)\n      return css`\n        color: #fff;\n        background: var(--ck-body-color-danger, red);\n      `;\n  }}\n`;\n\nexport const IconContainer = styled(motion.div)`\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKa,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAmBR,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAQ3D,CAAC,MAAW,KAAA;AACZ,EAAI,IAAA,MAAA;AACF,IAAO,OAAA,GAAA,CAAA;AAAA;AAAA;AAAA,MAAA,CAAA,CAAA;AAIX,CAAC,CAAA;AAAA,EAAA;AAGU,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/src/components/Common/AmountInput/AmountInputField.js

@@ -1,62 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import styled from '../../../styles/styled/index.js';
-import { ModalBody } from '../Modal/styles.js';
-
-const Container = styled.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  background: transparent;
-`;
-const InputField = styled.input`
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  outline: none;
-  font-size: 30px;
-  font-weight: var(--ck-modal-h1-font-weight, 600);
-  color: var(--ck-body-color);
-  width: ${(props) => {
-  const length = props.value?.length ?? 0;
-  if (length === 0) return "3.55ch";
-  const numPunctuations = (props.value?.match(/[.,]/g) || []).length;
-  const adjustedLength = length - numPunctuations * 0.55;
-  return `${Math.min(adjustedLength, 10)}ch`;
-}};
-  min-width: 1ch;
-  max-width: 10ch;
-`;
-const Currency = styled(ModalBody)`
-  font-size: ${(props) => props.$small ? "16px" : "24px"};
-`;
-const AmountInputField = ({ value, onChange, currency = "$", onKeyDown }) => {
-  const inputRef = useRef(null);
-  useEffect(() => {
-    inputRef.current?.focus();
-  }, [value]);
-  useEffect(() => {
-    inputRef.current?.select();
-  }, [currency]);
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    currency === "$" && /* @__PURE__ */ jsx(Currency, { children: currency }),
-    /* @__PURE__ */ jsx(
-      InputField,
-      {
-        ref: inputRef,
-        type: "text",
-        inputMode: "decimal",
-        value,
-        onChange,
-        placeholder: "0.00",
-        onKeyDown
-      }
-    ),
-    currency !== "$" && /* @__PURE__ */ jsx(Currency, { $small: true, children: currency })
-  ] });
-};
-
-export { AmountInputField as default };
-//# sourceMappingURL=AmountInputField.js.map

package/build/src/components/Common/AmountInput/AmountInputField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmountInputField.js","sources":["../../../../../src/components/Common/AmountInput/AmountInputField.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport styled from \"../../../styles/styled\";\nimport { ModalBody } from \"../Modal/styles\";\n\nconst Container = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: transparent;\n`;\n\nconst InputField = styled.input`\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  outline: none;\n  font-size: 30px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: var(--ck-body-color);\n  width: ${(props) => {\n    const length = props.value?.length ?? 0;\n    // Placeholder is \"0.00\", 3ch for digits + 0.55ch for decimal point\n    if (length === 0) return \"3.55ch\";\n    // Reduce width when decimal or commas are present since they're smaller than normal chars\n    const numPunctuations = (props.value?.match(/[.,]/g) || []).length;\n    const adjustedLength = length - numPunctuations * 0.55;\n    return `${Math.min(adjustedLength, 10)}ch`;\n  }};\n  min-width: 1ch;\n  max-width: 10ch;\n`;\n\nconst Currency = styled(ModalBody)<{ $small?: boolean }>`\n  font-size: ${(props) => (props.$small ? \"16px\" : \"24px\")};\n`;\n\nconst AmountInputField: React.FC<{\n  value: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  currency?: string;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}> = ({ value, onChange, currency = \"$\", onKeyDown }) => {\n  // Focus the input when the component mounts so the user can start typing immediately\n  const inputRef = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    inputRef.current?.focus();\n  }, [value]);\n\n  // Select all text when switching between USD and token mode\n  useEffect(() => {\n    inputRef.current?.select();\n  }, [currency]);\n\n  return (\n    <Container>\n      {currency === \"$\" && <Currency>{currency}</Currency>}\n      <InputField\n        ref={inputRef}\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={value}\n        onChange={onChange}\n        placeholder=\"0.00\"\n        onKeyDown={onKeyDown}\n      />\n      {currency !== \"$\" && <Currency $small>{currency}</Currency>}\n    </Container>\n  );\n};\n\nexport default AmountInputField;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,YAAY,MAAO,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQzB,MAAM,aAAa,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EASf,CAAC,KAAU,KAAA;AAClB,EAAM,MAAA,MAAA,GAAS,KAAM,CAAA,KAAA,EAAO,MAAU,IAAA,CAAA,CAAA;AAEtC,EAAI,IAAA,MAAA,KAAW,GAAU,OAAA,QAAA,CAAA;AAEzB,EAAA,MAAM,mBAAmB,KAAM,CAAA,KAAA,EAAO,MAAM,OAAO,CAAA,IAAK,EAAI,EAAA,MAAA,CAAA;AAC5D,EAAM,MAAA,cAAA,GAAiB,SAAS,eAAkB,GAAA,IAAA,CAAA;AAClD,EAAA,OAAO,CAAG,EAAA,IAAA,CAAK,GAAI,CAAA,cAAA,EAAgB,EAAE,CAAC,CAAA,EAAA,CAAA,CAAA;AACxC,CAAC,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKH,MAAM,QAAA,GAAW,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EAClB,CAAC,KAAA,KAAW,KAAM,CAAA,MAAA,GAAS,SAAS,MAAO,CAAA;AAAA,CAAA,CAAA;AAGpD,MAAA,gBAAA,GAKD,CAAC,EAAE,KAAA,EAAO,UAAU,QAAW,GAAA,GAAA,EAAK,WAAgB,KAAA;AAEvD,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA,CAAA;AAC9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,SAAS,KAAM,EAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAGV,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,SAAS,MAAO,EAAA,CAAA;AAAA,GAC3B,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,4BACG,SACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAa,QAAA,KAAA,GAAA,oBAAQ,GAAA,CAAA,QAAA,EAAA,EAAU,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,oBACzC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,QAAA;AAAA,QACL,IAAK,EAAA,MAAA;AAAA,QACL,SAAU,EAAA,SAAA;AAAA,QACV,KAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAY,EAAA,MAAA;AAAA,QACZ,SAAA;AAAA,OAAA;AAAA,KACF;AAAA,IACC,aAAa,GAAO,oBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,MAAA,EAAM,MAAE,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,GAClD,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/build/src/components/Common/AmountInput/index.js

@@ -1,166 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { usePayContext } from '../../../hooks/usePayContext.js';
-import { PageContent, ModalContent, ModalBody } from '../Modal/styles.js';
-import { parseUnits } from 'viem';
-import styled from '../../../styles/styled/index.js';
-import { formatUsd, roundTokenAmount, roundUsd, USD_DECIMALS, tokenAmountToRoundedUsd, usdToRoundedTokenAmount, roundTokenAmountUnits } from '../../../utils/format.js';
-import { isValidNumber, sanitizeNumber } from '../../../utils/validateInput.js';
-import Button from '../Button/index.js';
-import SwitchButton from '../SwitchButton/index.js';
-import TokenLogoSpinner from '../../Spinners/TokenLogoSpinner/index.js';
-import AmountInputField from './AmountInputField.js';
-
-const MultiCurrencySelectAmount = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {
-  const { paymentState, setRoute, triggerResize } = usePayContext();
-  const maxUsdLimit = paymentState.getOrderUsdLimit();
-  const balanceToken = selectedTokenOption.balance.token;
-  const isUsdStablecoin = balanceToken.fiatISO === "USD";
-  const usdBalanceMessage = isUsdStablecoin ? `Balance: ${formatUsd(selectedTokenOption.balance.usd)}` : `Balance: ${formatUsd(selectedTokenOption.balance.usd)} ${balanceToken.symbol}`;
-  const tokenBalanceMessage = `Balance: ${roundTokenAmount(selectedTokenOption.balance.amount, balanceToken)} ${balanceToken.symbol}`;
-  const getBalanceMessage = (editingUsd) => editingUsd ? usdBalanceMessage : tokenBalanceMessage;
-  const [usdStr, setUsdValue] = useState("");
-  const [tokenStr, setTokenValue] = useState("");
-  const [isEditingUsd, setIsEditingUsd] = useState(true);
-  const [message, setMessage] = useState(usdBalanceMessage);
-  const [continueDisabled, setContinueDisabled] = useState(true);
-  useEffect(() => {
-    triggerResize();
-  }, [message]);
-  const updateValues = (newUsdValue, newTokenValue, newIsEditingUsd) => {
-    const sanitizedUsdValue = sanitizeNumber(newUsdValue);
-    const sanitizedTokenValue = sanitizeNumber(newTokenValue);
-    const usdNum = Number(sanitizedUsdValue);
-    const tokenNum = Number(sanitizedTokenValue);
-    const stripTrailingZeros = (val) => val.includes(".") ? val.replace(/\.?0+$/, "") : val;
-    setUsdValue(
-      newIsEditingUsd ? newUsdValue : usdNum > 0 ? roundUsd(usdNum) : ""
-    );
-    setTokenValue(
-      newIsEditingUsd ? tokenNum > 0 ? stripTrailingZeros(roundTokenAmountUnits(tokenNum, balanceToken)) : "" : newTokenValue
-    );
-    setIsEditingUsd(newIsEditingUsd);
-    setContinueDisabled(
-      usdNum <= 0 || usdNum < selectedTokenOption.minimumRequired.usd || usdNum > selectedTokenOption.balance.usd || usdNum > maxUsdLimit
-    );
-    const formatAmount = (usd) => newIsEditingUsd ? formatUsd(usd) : `${usdToRoundedTokenAmount(usd, balanceToken)} ${balanceToken.symbol}`;
-    if (usdNum > selectedTokenOption.balance.usd) {
-      setMessage(
-        `Amount exceeds your balance: ${formatAmount(selectedTokenOption.balance.usd)}`
-      );
-    } else if (usdNum > maxUsdLimit) {
-      setMessage(`Maximum ${formatAmount(maxUsdLimit)}`);
-    } else if (usdNum > 0 && usdNum < selectedTokenOption.minimumRequired.usd) {
-      setMessage(
-        `Minimum ${formatAmount(selectedTokenOption.minimumRequired.usd)}`
-      );
-    } else {
-      setMessage(getBalanceMessage(newIsEditingUsd));
-    }
-  };
-  const handleAmountChange = (e) => {
-    const value = e.target.value;
-    const maxDecimals = isEditingUsd ? USD_DECIMALS : balanceToken.displayDecimals;
-    if (value !== "" && !isValidNumber(value, maxDecimals)) return;
-    const sanitizedValue = sanitizeNumber(value);
-    const newUsdValue = isEditingUsd ? value : tokenAmountToRoundedUsd(
-      parseUnits(sanitizedValue, balanceToken.decimals),
-      balanceToken
-    );
-    const newTokenValue = isEditingUsd ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken) : value;
-    updateValues(newUsdValue, newTokenValue, isEditingUsd);
-  };
-  const handleMax = () => {
-    const usdStr2 = roundUsd(Number(selectedTokenOption.balance.usd));
-    const tokenStr2 = roundTokenAmount(
-      selectedTokenOption.balance.amount,
-      balanceToken
-    );
-    updateValues(usdStr2, tokenStr2, isEditingUsd);
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !continueDisabled) {
-      handleContinue();
-    }
-  };
-  const handleSwitchCurrency = () => {
-    updateValues(usdStr, tokenStr, !isEditingUsd);
-  };
-  const handleContinue = () => {
-    const usd = Number(sanitizeNumber(usdStr));
-    const amountUnits = usd / balanceToken.usd;
-    const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);
-    setSelectedTokenOption({
-      ...selectedTokenOption,
-      required: {
-        token: balanceToken,
-        amount: amount.toString(),
-        usd
-      }
-    });
-    paymentState.setChosenUsd(usd);
-    setRoute(nextPage, {
-      amountUsd: usd,
-      amountUnits,
-      tokenSymbol: balanceToken.symbol
-    });
-  };
-  return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(TokenLogoSpinner, { token: balanceToken }),
-    /* @__PURE__ */ jsxs(ModalContent, { $preserveDisplay: true, children: [
-      /* @__PURE__ */ jsxs(AmountInputContainer, { children: [
-        /* @__PURE__ */ jsx(MaxButton, { style: { visibility: "hidden" }, children: "Max" }),
-        /* @__PURE__ */ jsx(
-          AmountInputField,
-          {
-            value: isEditingUsd ? usdStr : tokenStr,
-            onChange: handleAmountChange,
-            currency: isEditingUsd ? "$" : balanceToken.symbol,
-            onKeyDown: handleKeyDown
-          }
-        ),
-        /* @__PURE__ */ jsx(MaxButton, { onClick: handleMax, children: "Max" })
-      ] }),
-      balanceToken.fiatISO !== "USD" && /* @__PURE__ */ jsx(SwitchContainer, { children: /* @__PURE__ */ jsx(SwitchButton, { onClick: handleSwitchCurrency, children: /* @__PURE__ */ jsx(SecondaryAmount, { children: isEditingUsd ? `${tokenStr || "0"} ${balanceToken.symbol}` : `$${usdStr || roundUsd(0)}` }) }) }),
-      message && /* @__PURE__ */ jsx(ModalBody, { children: message }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleContinue, disabled: continueDisabled, children: "Continue" })
-    ] })
-  ] });
-};
-const AmountInputContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-`;
-const SecondaryAmount = styled.div`
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 21px;
-  color: var(--ck-body-color-muted);
-  strong {
-    font-weight: 500;
-    color: var(--ck-body-color);
-  }
-`;
-const MaxButton = styled.button`
-  display: inline-block;
-  padding: 3px 8px;
-  border-radius: var(--ck-primary-button-border-radius);
-  font-size: 14px;
-  font-weight: 400;
-  background: var(
-    --ck-secondary-button-background,
-    var(--ck-body-background-secondary)
-  );
-  color: var(--ck-body-color-secondary);
-  cursor: pointer;
-`;
-const SwitchContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-
-export { MultiCurrencySelectAmount as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Common/AmountInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/AmountInput/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  ModalBody,\n  ModalContent,\n  PageContent,\n} from \"../../Common/Modal/styles\";\n\nimport { WalletPaymentOption } from \"@daimo/pay-common\";\nimport { parseUnits } from \"viem\";\nimport styled from \"../../../styles/styled\";\nimport {\n  formatUsd,\n  roundTokenAmount,\n  roundTokenAmountUnits,\n  roundUsd,\n  tokenAmountToRoundedUsd,\n  USD_DECIMALS,\n  usdToRoundedTokenAmount,\n} from \"../../../utils/format\";\nimport { isValidNumber, sanitizeNumber } from \"../../../utils/validateInput\";\nimport Button from \"../../Common/Button\";\nimport SwitchButton from \"../../Common/SwitchButton\";\nimport TokenLogoSpinner from \"../../Spinners/TokenLogoSpinner\";\nimport AmountInputField from \"./AmountInputField\";\n\nconst MultiCurrencySelectAmount: React.FC<{\n  selectedTokenOption: WalletPaymentOption;\n  setSelectedTokenOption: (option: WalletPaymentOption) => void;\n  nextPage: ROUTES;\n}> = ({ selectedTokenOption, setSelectedTokenOption, nextPage }) => {\n  const { paymentState, setRoute, triggerResize } = usePayContext();\n  const maxUsdLimit = paymentState.getOrderUsdLimit();\n\n  const balanceToken = selectedTokenOption.balance.token;\n\n  // Balance messages for USD and token modes\n  const isUsdStablecoin = balanceToken.fiatISO === \"USD\";\n  const usdBalanceMessage = isUsdStablecoin\n    ? `Balance: ${formatUsd(selectedTokenOption.balance.usd)}`\n    : `Balance: ${formatUsd(selectedTokenOption.balance.usd)} ${balanceToken.symbol}`;\n  const tokenBalanceMessage = `Balance: ${roundTokenAmount(selectedTokenOption.balance.amount, balanceToken)} ${balanceToken.symbol}`;\n\n  const getBalanceMessage = (editingUsd: boolean) =>\n    editingUsd ? usdBalanceMessage : tokenBalanceMessage;\n\n  const [usdStr, setUsdValue] = useState(\"\");\n  const [tokenStr, setTokenValue] = useState(\"\");\n  const [isEditingUsd, setIsEditingUsd] = useState(true);\n  const [message, setMessage] = useState<string | null>(usdBalanceMessage);\n  const [continueDisabled, setContinueDisabled] = useState(true);\n\n  useEffect(() => {\n    triggerResize();\n  }, [message]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  /**\n   * Update the editable value and secondary value, taking into account whether\n   * the user is currently editing the USD value or the token value.\n   */\n  const updateValues = (\n    newUsdValue: string,\n    newTokenValue: string,\n    newIsEditingUsd: boolean,\n  ) => {\n    const sanitizedUsdValue = sanitizeNumber(newUsdValue);\n    const sanitizedTokenValue = sanitizeNumber(newTokenValue);\n    const usdNum = Number(sanitizedUsdValue);\n    const tokenNum = Number(sanitizedTokenValue);\n\n    // Update the state. Don't sanitize the value if the user is editing it.\n    // Show empty for zero values so user can start typing immediately.\n    // Strip trailing zeros from token values for cleaner display.\n    const stripTrailingZeros = (val: string) =>\n      val.includes(\".\") ? val.replace(/\\.?0+$/, \"\") : val;\n\n    setUsdValue(\n      newIsEditingUsd ? newUsdValue : usdNum > 0 ? roundUsd(usdNum) : \"\",\n    );\n    setTokenValue(\n      newIsEditingUsd\n        ? tokenNum > 0\n          ? stripTrailingZeros(roundTokenAmountUnits(tokenNum, balanceToken))\n          : \"\"\n        : newTokenValue,\n    );\n    setIsEditingUsd(newIsEditingUsd);\n\n    setContinueDisabled(\n      usdNum <= 0 ||\n        usdNum < selectedTokenOption.minimumRequired.usd ||\n        usdNum > selectedTokenOption.balance.usd ||\n        usdNum > maxUsdLimit,\n    );\n\n    // Format amounts based on current mode (USD or token)\n    const formatAmount = (usd: number) =>\n      newIsEditingUsd\n        ? formatUsd(usd)\n        : `${usdToRoundedTokenAmount(usd, balanceToken)} ${balanceToken.symbol}`;\n\n    if (usdNum > selectedTokenOption.balance.usd) {\n      setMessage(\n        `Amount exceeds your balance: ${formatAmount(selectedTokenOption.balance.usd)}`,\n      );\n    } else if (usdNum > maxUsdLimit) {\n      setMessage(`Maximum ${formatAmount(maxUsdLimit)}`);\n    } else if (usdNum > 0 && usdNum < selectedTokenOption.minimumRequired.usd) {\n      setMessage(\n        `Minimum ${formatAmount(selectedTokenOption.minimumRequired.usd)}`,\n      );\n    } else {\n      setMessage(getBalanceMessage(newIsEditingUsd));\n    }\n  };\n\n  const handleAmountChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    const maxDecimals = isEditingUsd\n      ? USD_DECIMALS\n      : balanceToken.displayDecimals;\n    if (value !== \"\" && !isValidNumber(value, maxDecimals)) return;\n\n    const sanitizedValue = sanitizeNumber(value);\n\n    const newUsdValue = isEditingUsd\n      ? value\n      : tokenAmountToRoundedUsd(\n          parseUnits(sanitizedValue, balanceToken.decimals),\n          balanceToken,\n        );\n    const newTokenValue = isEditingUsd\n      ? usdToRoundedTokenAmount(Number(sanitizedValue), balanceToken)\n      : value;\n    updateValues(newUsdValue, newTokenValue, isEditingUsd);\n  };\n\n  const handleMax = () => {\n    const usdStr = roundUsd(Number(selectedTokenOption.balance.usd));\n    const tokenStr = roundTokenAmount(\n      selectedTokenOption.balance.amount,\n      balanceToken,\n    );\n    updateValues(usdStr, tokenStr, isEditingUsd);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !continueDisabled) {\n      handleContinue();\n    }\n  };\n\n  const handleSwitchCurrency = () => {\n    updateValues(usdStr, tokenStr, !isEditingUsd);\n  };\n\n  const handleContinue = () => {\n    const usd = Number(sanitizeNumber(usdStr));\n    const amountUnits = usd / balanceToken.usd;\n    const amount = parseUnits(amountUnits.toString(), balanceToken.decimals);\n    setSelectedTokenOption({\n      ...selectedTokenOption,\n      required: {\n        token: balanceToken,\n        amount: amount.toString() as `${bigint}`,\n        usd,\n      },\n    });\n    paymentState.setChosenUsd(usd);\n    setRoute(nextPage, {\n      amountUsd: usd,\n      amountUnits,\n      tokenSymbol: balanceToken.symbol,\n    });\n  };\n\n  return (\n    <PageContent>\n      <TokenLogoSpinner token={balanceToken} />\n      <ModalContent $preserveDisplay={true}>\n        <AmountInputContainer>\n          {/* Invisible div to balance spacing */}\n          <MaxButton style={{ visibility: \"hidden\" }}>Max</MaxButton>\n          <AmountInputField\n            value={isEditingUsd ? usdStr : tokenStr}\n            onChange={handleAmountChange}\n            currency={isEditingUsd ? \"$\" : balanceToken.symbol}\n            onKeyDown={handleKeyDown}\n          />\n          <MaxButton onClick={handleMax}>Max</MaxButton>\n        </AmountInputContainer>\n\n        {balanceToken.fiatISO !== \"USD\" && (\n          <SwitchContainer>\n            <SwitchButton onClick={handleSwitchCurrency}>\n              <SecondaryAmount>\n                {isEditingUsd\n                  ? `${tokenStr || \"0\"} ${balanceToken.symbol}`\n                  : `$${usdStr || roundUsd(0)}`}\n              </SecondaryAmount>\n            </SwitchButton>\n          </SwitchContainer>\n        )}\n\n        {message && <ModalBody>{message}</ModalBody>}\n\n        <Button onClick={handleContinue} disabled={continueDisabled}>\n          Continue\n        </Button>\n      </ModalContent>\n    </PageContent>\n  );\n};\n\nconst AmountInputContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n`;\n\nconst SecondaryAmount = styled.div`\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\nconst MaxButton = styled.button`\n  display: inline-block;\n  padding: 3px 8px;\n  border-radius: var(--ck-primary-button-border-radius);\n  font-size: 14px;\n  font-weight: 400;\n  background: var(\n    --ck-secondary-button-background,\n    var(--ck-body-background-secondary)\n  );\n  color: var(--ck-body-color-secondary);\n  cursor: pointer;\n`;\nconst SwitchContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport default MultiCurrencySelectAmount;\n"],"names":["usdStr","tokenStr"],"mappings":"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"}

package/build/src/components/Common/Avatar/index.js

@@ -1,78 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
-import { EnsAvatar, ImageContainer } from './styles.js';
-import { normalize } from 'viem/ens';
-import { useEnsAddress, useEnsName, useEnsAvatar } from 'wagmi';
-import { useEnsFallbackConfig } from '../../../hooks/useEnsFallbackConfig.js';
-import useIsMounted from '../../../hooks/useIsMounted.js';
-import { ResetContainer } from '../../../styles/index.js';
-import { usePayContext } from '../../../hooks/usePayContext.js';
-
-const Avatar = ({ address, name, size = 96, radius = 96 }) => {
-  const isMounted = useIsMounted();
-  const context = usePayContext();
-  const imageRef = useRef(null);
-  const [loaded, setLoaded] = useState(true);
-  const ensFallbackConfig = useEnsFallbackConfig();
-  const { data: ensAddress } = useEnsAddress({
-    chainId: 1,
-    name,
-    config: ensFallbackConfig
-  });
-  const { data: ensName } = useEnsName({
-    chainId: 1,
-    address: address ?? ensAddress ?? void 0,
-    config: ensFallbackConfig
-  });
-  const { data: ensAvatar } = useEnsAvatar({
-    chainId: 1,
-    name: normalize(ensName ?? ""),
-    config: ensFallbackConfig
-  });
-  const ens = {
-    address: ensAddress ?? address,
-    name: ensName ?? name,
-    avatar: ensAvatar ?? void 0
-  };
-  useEffect(() => {
-    if (!(imageRef.current && imageRef.current.complete && imageRef.current.naturalHeight !== 0)) {
-      setLoaded(false);
-    }
-  }, [ensAvatar]);
-  if (!isMounted)
-    return /* @__PURE__ */ jsx("div", { style: { width: size, height: size, borderRadius: radius } });
-  if (context.options?.customAvatar)
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          width: size,
-          height: size,
-          borderRadius: radius,
-          overflow: "hidden"
-        },
-        children: context.options?.customAvatar({
-          address: address ?? ens?.address,
-          ensName: name ?? ens?.name,
-          ensImage: ens?.avatar,
-          size,
-          radius
-        })
-      }
-    );
-  if (!ens.name || !ens.avatar)
-    return /* @__PURE__ */ jsx(ResetContainer, { style: { pointerEvents: "none" }, children: /* @__PURE__ */ jsx(EnsAvatar, { $size: size, $seed: ens.address, $radius: radius }) });
-  return /* @__PURE__ */ jsx(ResetContainer, { style: { pointerEvents: "none" }, children: /* @__PURE__ */ jsx(EnsAvatar, { $size: size, $seed: ens.address, $radius: radius, children: /* @__PURE__ */ jsx(
-    ImageContainer,
-    {
-      ref: imageRef,
-      src: ens.avatar,
-      alt: ens.name,
-      onLoad: () => setLoaded(true),
-      $loaded: loaded
-    }
-  ) }) });
-};
-
-export { Avatar as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Common/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Avatar/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { EnsAvatar, ImageContainer } from \"./styles\";\n\nimport { normalize } from \"viem/ens\";\nimport { useEnsAddress, useEnsAvatar, useEnsName } from \"wagmi\";\nimport { useEnsFallbackConfig } from \"../../../hooks/useEnsFallbackConfig\";\nimport useIsMounted from \"../../../hooks/useIsMounted\";\nimport { ResetContainer } from \"../../../styles\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\ntype Hash = `0x${string}`;\n\nexport type CustomAvatarProps = {\n  address?: Hash | undefined;\n  ensName?: string | undefined;\n  ensImage?: string;\n  size: number;\n  radius: number;\n};\n\n/** Icon for an Ethereum address. Supports ENS names and avatars. */\nconst Avatar: React.FC<{\n  address?: Hash | undefined;\n  name?: string | undefined;\n  size?: number;\n  radius?: number;\n}> = ({ address, name, size = 96, radius = 96 }) => {\n  const isMounted = useIsMounted();\n  const context = usePayContext();\n\n  const imageRef = useRef<any>(null);\n  const [loaded, setLoaded] = useState(true);\n\n  const ensFallbackConfig = useEnsFallbackConfig();\n  const { data: ensAddress } = useEnsAddress({\n    chainId: 1,\n    name: name,\n    config: ensFallbackConfig,\n  });\n  const { data: ensName } = useEnsName({\n    chainId: 1,\n    address: address ?? ensAddress ?? undefined,\n    config: ensFallbackConfig,\n  });\n  const { data: ensAvatar } = useEnsAvatar({\n    chainId: 1,\n    name: normalize(ensName ?? \"\"),\n    config: ensFallbackConfig,\n  });\n\n  const ens = {\n    address: ensAddress ?? address,\n    name: ensName ?? name,\n    avatar: ensAvatar ?? undefined,\n  };\n\n  useEffect(() => {\n    if (\n      !(\n        imageRef.current &&\n        imageRef.current.complete &&\n        imageRef.current.naturalHeight !== 0\n      )\n    ) {\n      setLoaded(false);\n    }\n  }, [ensAvatar]);\n\n  if (!isMounted)\n    return <div style={{ width: size, height: size, borderRadius: radius }} />;\n\n  if (context.options?.customAvatar)\n    return (\n      <div\n        style={{\n          width: size,\n          height: size,\n          borderRadius: radius,\n          overflow: \"hidden\",\n        }}\n      >\n        {context.options?.customAvatar({\n          address: address ?? ens?.address,\n          ensName: name ?? ens?.name,\n          ensImage: ens?.avatar,\n          size,\n          radius,\n        })}\n      </div>\n    );\n\n  if (!ens.name || !ens.avatar)\n    return (\n      <ResetContainer style={{ pointerEvents: \"none\" }}>\n        <EnsAvatar $size={size} $seed={ens.address} $radius={radius} />\n      </ResetContainer>\n    );\n  return (\n    <ResetContainer style={{ pointerEvents: \"none\" }}>\n      <EnsAvatar $size={size} $seed={ens.address} $radius={radius}>\n        <ImageContainer\n          ref={imageRef}\n          src={ens.avatar}\n          alt={ens.name}\n          onLoad={() => setLoaded(true)}\n          $loaded={loaded}\n        />\n      </EnsAvatar>\n    </ResetContainer>\n  );\n};\n\nexport default Avatar;\n"],"names":[],"mappings":"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"}

package/build/src/components/Common/Avatar/styles.js

@@ -1,54 +0,0 @@
-import { motion } from 'framer-motion';
-import { css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-
-function addressToNumber(address) {
-  return address.split("").map((l) => l.charCodeAt(0)).reduce((a, b) => a + b) % 100 / 100;
-}
-const EnsAvatar = styled(motion.div)`
-  will-change: transform; // Needed for Safari
-  pointer-events: none;
-  user-select: none;
-  position: relative;
-  overflow: hidden;
-  margin: 0;
-  border-radius: ${(props) => `${props.$radius}px`};
-  width: ${(props) => `${props.$size}px`};
-  height: ${(props) => `${props.$size}px`};
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
-  &:before {
-    content: "";
-    z-index: 1;
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
-  }
-  ${(props) => {
-  if (props.$seed) {
-    const id = Math.ceil(addressToNumber(props.$seed) * 8);
-    const ensColor = `0${id === 0 ? 1 : id}`;
-    return css`
-        background: var(--ck-ens-${ensColor}-start);
-        background: linear-gradient(
-          180deg,
-          var(--ck-ens-${ensColor}-start) 0%,
-          var(--ck-ens-${ensColor}-stop) 100%
-        );
-      `;
-  }
-}}
-`;
-const ImageContainer = styled(motion.img)`
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  opacity: ${(props) => props.$loaded ? 1 : 0};
-  will-change: opacity; // Needed for Safari
-  transition: opacity 500ms ease;
-  transform: scale(1.01); // fixes background color bleeding
-`;
-
-export { EnsAvatar, ImageContainer };
-//# sourceMappingURL=styles.js.map

package/build/src/components/Common/Avatar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Avatar/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nfunction addressToNumber(address: string) {\n  return (\n    (address\n      .split(\"\")\n      .map((l) => l.charCodeAt(0))\n      .reduce((a, b) => a + b) %\n      100) /\n    100\n  );\n}\n\nexport const EnsAvatar = styled(motion.div)<{\n  $seed?: string;\n  $size?: number;\n  $radius?: number;\n}>`\n  will-change: transform; // Needed for Safari\n  pointer-events: none;\n  user-select: none;\n  position: relative;\n  overflow: hidden;\n  margin: 0;\n  border-radius: ${(props) => `${props.$radius}px`};\n  width: ${(props) => `${props.$size}px`};\n  height: ${(props) => `${props.$size}px`};\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\n  &:before {\n    content: \"\";\n    z-index: 1;\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);\n  }\n  ${(props) => {\n    if (props.$seed) {\n      const id = Math.ceil(addressToNumber(props.$seed) * 8);\n      const ensColor = `0${id === 0 ? 1 : id}`; // No zero ID in ENS color list.. 🤷‍♀️\n      return css`\n        background: var(--ck-ens-${ensColor}-start);\n        background: linear-gradient(\n          180deg,\n          var(--ck-ens-${ensColor}-start) 0%,\n          var(--ck-ens-${ensColor}-stop) 100%\n        );\n      `;\n    }\n  }}\n`;\n\nexport const ImageContainer = styled(motion.img)<{ $loaded: boolean }>`\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  opacity: ${(props) => (props.$loaded ? 1 : 0)};\n  will-change: opacity; // Needed for Safari\n  transition: opacity 500ms ease;\n  transform: scale(1.01); // fixes background color bleeding\n`;\n"],"names":[],"mappings":";;;;AAIA,SAAS,gBAAgB,OAAiB,EAAA;AACxC,EAAA,OACG,QACE,KAAM,CAAA,EAAE,EACR,GAAI,CAAA,CAAC,MAAM,CAAE,CAAA,UAAA,CAAW,CAAC,CAAC,CAAA,CAC1B,OAAO,CAAC,CAAA,EAAG,MAAM,CAAI,GAAA,CAAC,IACvB,GACF,GAAA,GAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAWvB,CAAC,KAAA,KAAU,CAAG,EAAA,KAAA,CAAM,OAAO,CAAI,EAAA,CAAA,CAAA;AAAA,SAAA,EACvC,CAAC,KAAA,KAAU,CAAG,EAAA,KAAA,CAAM,KAAK,CAAI,EAAA,CAAA,CAAA;AAAA,UAAA,EAC5B,CAAC,KAAA,KAAU,CAAG,EAAA,KAAA,CAAM,KAAK,CAAI,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAUrC,CAAC,KAAU,KAAA;AACX,EAAA,IAAI,MAAM,KAAO,EAAA;AACf,IAAA,MAAM,KAAK,IAAK,CAAA,IAAA,CAAK,gBAAgB,KAAM,CAAA,KAAK,IAAI,CAAC,CAAA,CAAA;AACrD,IAAA,MAAM,QAAW,GAAA,CAAA,CAAA,EAAI,EAAO,KAAA,CAAA,GAAI,IAAI,EAAE,CAAA,CAAA,CAAA;AACtC,IAAO,OAAA,GAAA,CAAA;AAAA,iCAAA,EACsB,QAAQ,CAAA;AAAA;AAAA;AAAA,uBAAA,EAGlB,QAAQ,CAAA;AAAA,uBAAA,EACR,QAAQ,CAAA;AAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAG7B;AACF,CAAC,CAAA;AAAA,EAAA;AAGU,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAKlC,CAAC,KAAA,KAAW,KAAM,CAAA,OAAA,GAAU,IAAI,CAAE,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/src/components/Common/BrowserIcon/index.js

@@ -1,29 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import React from 'react';
-import { BrowserIconContainer } from './styles.js';
-import browsers from '../../../assets/browsers.js';
-import { detectBrowser } from '../../../utils/index.js';
-
-const BrowserIcon = React.forwardRef(
-  ({ browser }, ref) => {
-    const currentBrowser = browser ?? detectBrowser();
-    let icon;
-    switch (currentBrowser) {
-      case "chrome":
-        icon = browsers.Chrome;
-        break;
-      case "firefox":
-        icon = browsers.FireFox;
-        break;
-      case "edge":
-        icon = browsers.Edge;
-        break;
-    }
-    if (!icon) return /* @__PURE__ */ jsx(Fragment, {});
-    return /* @__PURE__ */ jsx(BrowserIconContainer, { children: icon });
-  }
-);
-BrowserIcon.displayName = "BrowserIcon";
-
-export { BrowserIcon as default };
-//# sourceMappingURL=index.js.map

package/build/src/components/Common/BrowserIcon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/BrowserIcon/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BrowserIconContainer } from \"./styles\";\nimport { BrowserIconProps } from \"./types\";\n\nimport browsers from \"../../../assets/browsers\";\nimport { detectBrowser } from \"../../../utils\";\n\nconst BrowserIcon = React.forwardRef(\n  ({ browser }: BrowserIconProps, ref: React.Ref<HTMLElement>) => {\n    const currentBrowser = browser ?? detectBrowser();\n\n    let icon;\n    switch (currentBrowser) {\n      case \"chrome\":\n        icon = browsers.Chrome;\n        break;\n      case \"firefox\":\n        icon = browsers.FireFox;\n        break;\n      case \"edge\":\n        icon = browsers.Edge;\n        break;\n      case \"brave\":\n        //   icon = browsers.Brave;\n        break;\n    }\n    if (!icon) return <></>;\n    return <BrowserIconContainer>{icon}</BrowserIconContainer>;\n  },\n);\nBrowserIcon.displayName = \"BrowserIcon\";\n\nexport default BrowserIcon;\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,cAAc,KAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,OAAQ,EAAA,EAAqB,GAAgC,KAAA;AAC9D,IAAM,MAAA,cAAA,GAAiB,WAAW,aAAc,EAAA,CAAA;AAEhD,IAAI,IAAA,IAAA,CAAA;AACJ,IAAA,QAAQ,cAAgB;AAAA,MACtB,KAAK,QAAA;AACH,QAAA,IAAA,GAAO,QAAS,CAAA,MAAA,CAAA;AAChB,QAAA,MAAA;AAAA,MACF,KAAK,SAAA;AACH,QAAA,IAAA,GAAO,QAAS,CAAA,OAAA,CAAA;AAChB,QAAA,MAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAA;AAChB,QAAA,MAAA;AAGA,KACJ;AACA,IAAI,IAAA,CAAC,IAAM,EAAA,uBAAS,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AACpB,IAAO,uBAAA,GAAA,CAAC,wBAAsB,QAAK,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,GACrC;AACF,EAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/build/src/components/Common/BrowserIcon/styles.js

@@ -1,20 +0,0 @@
-import { motion } from 'framer-motion';
-import styled from '../../../styles/styled/index.js';
-
-const BrowserIconContainer = styled(motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  max-width: 32px;
-  max-height: 32px;
-  width: 100%;
-  height: 100%;
-  svg {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-`;
-
-export { BrowserIconContainer };
-//# sourceMappingURL=styles.js.map

package/build/src/components/Common/BrowserIcon/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/BrowserIcon/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport styled from \"./../../../styles/styled\";\n\nexport const BrowserIconContainer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 32px;\n  max-height: 32px;\n  width: 100%;\n  height: 100%;\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,oBAAA,GAAuB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}