@daimo/pay 1.16.0 → 1.16.2

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

@@ -8,58 +8,70 @@ import useIsMounted from '../../../hooks/useIsMounted.js';
 import { ResetContainer } from '../../../styles/index.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 
-/** Icon for an Ethereum address. Supports ENS names and avatars. */
 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: name,
-        config: ensFallbackConfig,
-    });
-    const { data: ensName } = useEnsName({
-        chainId: 1,
-        address: address ?? ensAddress ?? undefined,
-        config: ensFallbackConfig,
-    });
-    const { data: ensAvatar } = useEnsAvatar({
-        chainId: 1,
-        name: normalize(ensName ?? ""),
-        config: ensFallbackConfig,
-    });
-    const ens = {
-        address: ensAddress ?? address,
-        name: ensName ?? name,
-        avatar: ensAvatar ?? undefined,
-    };
-    useEffect(() => {
-        if (!(imageRef.current &&
-            imageRef.current.complete &&
-            imageRef.current.naturalHeight !== 0)) {
-            setLoaded(false);
-        }
-    }, [ensAvatar]);
-    if (!isMounted)
-        return jsx("div", { style: { width: size, height: size, borderRadius: radius } });
-    if (context.options?.customAvatar)
-        return (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 (jsx(ResetContainer, { style: { pointerEvents: "none" }, children: jsx(EnsAvatar, { "$size": size, "$seed": ens.address, "$radius": radius }) }));
-    return (jsx(ResetContainer, { style: { pointerEvents: "none" }, children: jsx(EnsAvatar, { "$size": size, "$seed": ens.address, "$radius": radius, children: jsx(ImageContainer, { ref: imageRef, src: ens.avatar, alt: ens.name, onLoad: () => setLoaded(true), "$loaded": loaded }) }) }));
+  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 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"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

@@ -3,14 +3,9 @@ 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);
+  return address.split("").map((l) => l.charCodeAt(0)).reduce((a, b) => a + b) % 100 / 100;
 }
-const EnsAvatar = styled(motion.div) `
+const EnsAvatar = styled(motion.div)`
   will-change: transform; // Needed for Safari
   pointer-events: none;
   user-select: none;
@@ -30,10 +25,10 @@ const EnsAvatar = styled(motion.div) `
     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}`; // No zero ID in ENS color list.. 🤷‍♀️
-        return css `
+  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,
@@ -41,15 +36,15 @@ const EnsAvatar = styled(motion.div) `
           var(--ck-ens-${ensColor}-stop) 100%
         );
       `;
-    }
+  }
 }}
 `;
-const ImageContainer = styled(motion.img) `
+const ImageContainer = styled(motion.img)`
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
-  opacity: ${(props) => (props.$loaded ? 1 : 0)};
+  opacity: ${(props) => props.$loaded ? 1 : 0};
   will-change: opacity; // Needed for Safari
   transition: opacity 500ms ease;
   transform: scale(1.01); // fixes background color bleeding

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Avatar/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA,SAAS,eAAe,CAAC,OAAe,EAAA;IACtC,QACE,CAAC,OAAO;SACL,KAAK,CAAC,EAAE,CAAC;AACT,SAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;SAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACxB,QAAA,GAAG;AACL,QAAA,GAAG,EACH;AACJ,CAAC;AAEY,MAAA,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAIzC,CAAA;;;;;;;mBAOiB,CAAC,KAAK,KAAK,GAAG,KAAK,CAAC,OAAO,CAAI,EAAA,CAAA,CAAA;WACvC,CAAC,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,CAAI,EAAA,CAAA,CAAA;YAC5B,CAAC,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,CAAI,EAAA,CAAA,CAAA;;;;;;;;;;IAUrC,CAAC,KAAK,KAAI;AACV,IAAA,IAAI,KAAK,CAAC,KAAK,EAAE;AACf,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACvD,QAAA,MAAM,QAAQ,GAAG,CAAA,CAAA,EAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAE,CAAA,CAAC;AACzC,QAAA,OAAO,GAAG,CAAA,CAAA;mCACmB,QAAQ,CAAA;;;yBAGlB,QAAQ,CAAA;yBACR,QAAQ,CAAA;;OAE1B,CAAC;KACH;AACH,CAAC,CAAA;EACD;AAEW,MAAA,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAsB,CAAA;;;;;AAKzD,WAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;;;;"}
+{"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

@@ -4,24 +4,25 @@ import { BrowserIconContainer } from './styles.js';
 import browsers from '../../../assets/browsers.js';
 import { detectBrowser } from '../../../utils/index.js';
 
-const BrowserIcon = React.forwardRef(({ browser }, ref) => {
+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;
+      case "chrome":
+        icon = browsers.Chrome;
+        break;
+      case "firefox":
+        icon = browsers.FireFox;
+        break;
+      case "edge":
+        icon = browsers.Edge;
+        break;
     }
-    if (!icon)
-        return jsx(Fragment, {});
-    return jsx(BrowserIconContainer, { children: icon });
-});
+    if (!icon) return /* @__PURE__ */ jsx(Fragment, {});
+    return /* @__PURE__ */ jsx(BrowserIconContainer, { children: icon });
+  }
+);
 BrowserIcon.displayName = "BrowserIcon";
 
 export { BrowserIcon as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/BrowserIcon/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAQA,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,OAAO,EAAoB,EAAE,GAA2B,KAAI;AAC7D,IAAA,MAAM,cAAc,GAAG,OAAO,IAAI,aAAa,EAAE,CAAC;AAElD,IAAA,IAAI,IAAI,CAAC;IACT,QAAQ,cAAc;AACpB,QAAA,KAAK,QAAQ;AACX,YAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;YACvB,MAAM;AACR,QAAA,KAAK,SAAS;AACZ,YAAA,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC;YACxB,MAAM;AACR,QAAA,KAAK,MAAM;AACT,YAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YACrB,MAAM;KAIT;AACD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAOA,iBAAK,CAAC;AACxB,IAAA,OAAOA,GAAC,CAAA,oBAAoB,EAAE,EAAA,QAAA,EAAA,IAAI,GAAwB,CAAC;AAC7D,CAAC,EACD;AACF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"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,7 +1,7 @@
 import { motion } from 'framer-motion';
 import styled from '../../../styles/styled/index.js';
 
-const BrowserIconContainer = styled(motion.div) `
+const BrowserIconContainer = styled(motion.div)`
   display: flex;
   align-items: center;
   justify-content: center;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/BrowserIcon/styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGa,MAAA,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;;"}
+{"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;;;;"}

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

@@ -6,32 +6,138 @@ import { Spinner } from '../Spinner/index.js';
 import { ButtonContainer, ButtonContainerInner, IconContainer, DownloadArrow, DownloadArrowInner, Arrow, ArrowLine, ArrowChevron, InnerContainer, SpinnerContainer } from './styles.js';
 
 const transition = {
-    duration: 0.4,
-    ease: [0.175, 0.885, 0.32, 0.98],
+  duration: 0.4,
+  ease: [0.175, 0.885, 0.32, 0.98]
 };
-const Button = ({ children, variant = "secondary", // unique aspect to how we're handling buttons
-disabled, icon, iconPosition = "left", roundedIcon, waiting, arrow, download, href, style, onClick, }) => {
-    const key = typeof children === "string"
-        ? children
-        : flattenChildren(children).join(""); // Need to generate a string for the key so we can automatically animate between content
-    const hrefUrl = typeof href === "string" ? href : flattenChildren(href).join(""); // Need to have a flat string for the href
-    return (jsx(ButtonContainer, { as: href ? "a" : undefined, onClick: (event) => {
-            if (!disabled && onClick)
-                onClick(event);
-        }, href: hrefUrl || null, target: href && "_blank", rel: href && "noopener noreferrer", disabled: disabled, "$variant": variant, style: style, children: jsxs(AnimatePresence, { initial: false, children: [jsxs(ButtonContainerInner, { initial: { opacity: 0, y: -10 }, animate: {
-                        opacity: 1,
-                        y: -1,
-                    }, exit: {
-                        position: "absolute",
-                        opacity: 0,
-                        y: 10,
-                        transition: {
-                            ...transition,
-                        },
-                    }, transition: {
-                        ...transition,
-                        delay: 0.2,
-                    }, children: [icon && iconPosition === "left" && (jsx(IconContainer, { "$rounded": roundedIcon, children: icon })), download && (jsx(DownloadArrow, { children: jsx(DownloadArrowInner, { children: jsxs(Arrow, { width: "13", height: "12", viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx(ArrowLine, { stroke: "currentColor", x1: "1", y1: "6", x2: "12", y2: "6", strokeWidth: "var(--stroke-width)", strokeLinecap: "round" }), jsx(ArrowChevron, { stroke: "currentColor", d: "M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314", strokeWidth: "var(--stroke-width)", strokeLinecap: "round" })] }) }) })), jsx(InnerContainer, { style: { paddingLeft: arrow ? 6 : 0 }, children: jsx(FitText, { children: children }) }), icon && iconPosition === "right" && (jsx(IconContainer, { "$rounded": roundedIcon, children: icon })), arrow && (jsxs(Arrow, { width: "13", height: "12", viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx(ArrowLine, { stroke: "currentColor", x1: "1", y1: "6", x2: "12", y2: "6", strokeWidth: "2", strokeLinecap: "round" }), jsx(ArrowChevron, { stroke: "currentColor", d: "M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314", strokeWidth: "2", strokeLinecap: "round" })] }))] }, key), waiting && (jsx(SpinnerContainer, { children: jsx(Spinner, {}) }))] }) }));
+const Button = ({
+  children,
+  variant = "secondary",
+  // unique aspect to how we're handling buttons
+  disabled,
+  icon,
+  iconPosition = "left",
+  roundedIcon,
+  waiting,
+  arrow,
+  download,
+  href,
+  style,
+  onClick
+}) => {
+  const key = typeof children === "string" ? children : flattenChildren(children).join("");
+  const hrefUrl = typeof href === "string" ? href : flattenChildren(href).join("");
+  return /* @__PURE__ */ jsx(
+    ButtonContainer,
+    {
+      as: href ? "a" : void 0,
+      onClick: (event) => {
+        if (!disabled && onClick) onClick(event);
+      },
+      href: hrefUrl || null,
+      target: href && "_blank",
+      rel: href && "noopener noreferrer",
+      disabled,
+      $variant: variant,
+      style,
+      children: /* @__PURE__ */ jsxs(AnimatePresence, { initial: false, children: [
+        /* @__PURE__ */ jsxs(
+          ButtonContainerInner,
+          {
+            initial: { opacity: 0, y: -10 },
+            animate: {
+              opacity: 1,
+              y: -1
+            },
+            exit: {
+              position: "absolute",
+              opacity: 0,
+              y: 10,
+              transition: {
+                ...transition
+              }
+            },
+            transition: {
+              ...transition,
+              delay: 0.2
+            },
+            children: [
+              icon && iconPosition === "left" && /* @__PURE__ */ jsx(IconContainer, { $rounded: roundedIcon, children: icon }),
+              download && /* @__PURE__ */ jsx(DownloadArrow, { children: /* @__PURE__ */ jsx(DownloadArrowInner, { children: /* @__PURE__ */ jsxs(
+                Arrow,
+                {
+                  width: "13",
+                  height: "12",
+                  viewBox: "0 0 13 12",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      ArrowLine,
+                      {
+                        stroke: "currentColor",
+                        x1: "1",
+                        y1: "6",
+                        x2: "12",
+                        y2: "6",
+                        strokeWidth: "var(--stroke-width)",
+                        strokeLinecap: "round"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ArrowChevron,
+                      {
+                        stroke: "currentColor",
+                        d: "M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314",
+                        strokeWidth: "var(--stroke-width)",
+                        strokeLinecap: "round"
+                      }
+                    )
+                  ]
+                }
+              ) }) }),
+              /* @__PURE__ */ jsx(InnerContainer, { style: { paddingLeft: arrow ? 6 : 0 }, children: /* @__PURE__ */ jsx(FitText, { children }) }),
+              icon && iconPosition === "right" && /* @__PURE__ */ jsx(IconContainer, { $rounded: roundedIcon, children: icon }),
+              arrow && /* @__PURE__ */ jsxs(
+                Arrow,
+                {
+                  width: "13",
+                  height: "12",
+                  viewBox: "0 0 13 12",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      ArrowLine,
+                      {
+                        stroke: "currentColor",
+                        x1: "1",
+                        y1: "6",
+                        x2: "12",
+                        y2: "6",
+                        strokeWidth: "2",
+                        strokeLinecap: "round"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      ArrowChevron,
+                      {
+                        stroke: "currentColor",
+                        d: "M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314",
+                        strokeWidth: "2",
+                        strokeLinecap: "round"
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          key
+        ),
+        waiting && /* @__PURE__ */ jsx(SpinnerContainer, { children: /* @__PURE__ */ jsx(Spinner, {}) })
+      ] })
+    }
+  );
 };
 
 export { Button as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Button/index.tsx"],"sourcesContent":["import { AnimatePresence } from \"framer-motion\";\nimport React from \"react\";\nimport { flattenChildren } from \"../../../utils\";\nimport FitText from \"../FitText\";\nimport { Spinner } from \"../Spinner\";\nimport {\n  Arrow,\n  ArrowChevron,\n  ArrowLine,\n  ButtonContainer,\n  ButtonContainerInner,\n  DownloadArrow,\n  DownloadArrowInner,\n  IconContainer,\n  InnerContainer,\n  SpinnerContainer,\n} from \"./styles\";\nimport { ButtonProps } from \"./types\";\n\nconst transition = {\n  duration: 0.4,\n  ease: [0.175, 0.885, 0.32, 0.98],\n};\n\nconst Button: React.FC<ButtonProps> = ({\n  children,\n  variant = \"secondary\", // unique aspect to how we're handling buttons\n  disabled,\n  icon,\n  iconPosition = \"left\",\n  roundedIcon,\n  waiting,\n  arrow,\n  download,\n  href,\n  style,\n  onClick,\n}) => {\n  const key =\n    typeof children === \"string\"\n      ? children\n      : flattenChildren(children).join(\"\"); // Need to generate a string for the key so we can automatically animate between content\n\n  const hrefUrl =\n    typeof href === \"string\" ? href : flattenChildren(href).join(\"\"); // Need to have a flat string for the href\n\n  return (\n    <ButtonContainer\n      as={href ? \"a\" : undefined}\n      onClick={(event: any) => {\n        if (!disabled && onClick) onClick(event);\n      }}\n      href={hrefUrl || null}\n      target={href && \"_blank\"}\n      rel={href && \"noopener noreferrer\"}\n      disabled={disabled}\n      $variant={variant}\n      style={style}\n    >\n      <AnimatePresence initial={false}>\n        <ButtonContainerInner\n          key={key}\n          initial={{ opacity: 0, y: -10 }}\n          animate={{\n            opacity: 1,\n            y: -1,\n          }}\n          exit={{\n            position: \"absolute\",\n            opacity: 0,\n            y: 10,\n            transition: {\n              ...transition,\n            },\n          }}\n          transition={{\n            ...transition,\n            delay: 0.2,\n          }}\n        >\n          {icon && iconPosition === \"left\" && (\n            <IconContainer $rounded={roundedIcon}>{icon}</IconContainer>\n          )}\n          {download && (\n            <DownloadArrow>\n              <DownloadArrowInner>\n                <Arrow\n                  width=\"13\"\n                  height=\"12\"\n                  viewBox=\"0 0 13 12\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <ArrowLine\n                    stroke=\"currentColor\"\n                    x1=\"1\"\n                    y1=\"6\"\n                    x2=\"12\"\n                    y2=\"6\"\n                    strokeWidth=\"var(--stroke-width)\"\n                    strokeLinecap=\"round\"\n                  />\n                  <ArrowChevron\n                    stroke=\"currentColor\"\n                    d=\"M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314\"\n                    strokeWidth=\"var(--stroke-width)\"\n                    strokeLinecap=\"round\"\n                  />\n                </Arrow>\n              </DownloadArrowInner>\n            </DownloadArrow>\n          )}\n          <InnerContainer style={{ paddingLeft: arrow ? 6 : 0 }}>\n            <FitText>{children}</FitText>\n          </InnerContainer>\n          {icon && iconPosition === \"right\" && (\n            <IconContainer $rounded={roundedIcon}>{icon}</IconContainer>\n          )}\n          {arrow && (\n            <Arrow\n              width=\"13\"\n              height=\"12\"\n              viewBox=\"0 0 13 12\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <ArrowLine\n                stroke=\"currentColor\"\n                x1=\"1\"\n                y1=\"6\"\n                x2=\"12\"\n                y2=\"6\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n              <ArrowChevron\n                stroke=\"currentColor\"\n                d=\"M7.51431 1.5L11.757 5.74264M7.5 10.4858L11.7426 6.24314\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            </Arrow>\n          )}\n        </ButtonContainerInner>\n        {waiting && (\n          <SpinnerContainer>\n            <Spinner />\n          </SpinnerContainer>\n        )}\n      </AnimatePresence>\n    </ButtonContainer>\n  );\n};\nexport default Button;\n"],"names":[],"mappings":"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"}