@daimo/pay 1.6.2 → 1.6.3

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

@@ -1,62 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import useIsMobile from '../../../hooks/useIsMobile.js';
-import { usePayContext } from '../../DaimoPay.js';
-import { ScrollContainer, ScrollAreaContainer, MoreIndicator } from './styles.js';
-
-const ArrowDown = () => (jsx("svg", { width: "11", height: "12", viewBox: "0 0 11 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M5.49438 1L5.49438 11M5.49438 11L9.5 7M5.49438 11L1.5 7", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-const ScrollArea = ({ children, height, backgroundColor, mobileDirection, }) => {
-    const { log } = usePayContext();
-    const ref = useRef(null);
-    const moreRef = useRef(null);
-    const isMobile = useIsMobile();
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        // if ref is not scrollable, hide the more indicator
-        if (el.scrollHeight > el.clientHeight) {
-            if (moreRef.current) {
-                moreRef.current.classList.remove("hide");
-            }
-        }
-        log(`[SCROLL AREA]: ${el.scrollHeight}, ${el.clientHeight}`);
-        const handleScroll = (e) => {
-            const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth, } = e.target;
-            if (moreRef.current) {
-                if (scrollTop > 0) {
-                    moreRef.current.classList.add("hide");
-                }
-            }
-            if (scrollTop === 0 && scrollLeft === 0) {
-                el.classList.add("scroll-start");
-            }
-            else {
-                el.classList.remove("scroll-start");
-            }
-            if (scrollHeight - scrollTop === clientHeight &&
-                scrollWidth - scrollLeft === clientWidth) {
-                el.classList.add("scroll-end");
-            }
-            else {
-                el.classList.remove("scroll-end");
-            }
-        };
-        el.addEventListener("scroll", handleScroll);
-        handleScroll({ target: el });
-        return () => {
-            el.removeEventListener("scroll", handleScroll);
-        };
-    }, [ref.current]);
-    return (jsxs(ScrollContainer, { children: [jsx(ScrollAreaContainer, { ref: ref, "$mobile": isMobile, "$height": height, "$backgroundColor": backgroundColor, "$mobileDirection": mobileDirection, children: children }), jsx(MoreIndicator, { ref: moreRef, className: "hide", onClick: () => {
-                    if (ref.current) {
-                        ref.current.scrollTo({
-                            top: ref.current.scrollHeight,
-                            behavior: "smooth",
-                        });
-                    }
-                }, children: jsxs("span", { children: [jsx(ArrowDown, {}), " More Available"] }) })] }));
-};
-
-export { ScrollArea };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ScrollArea/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useRef } from \"react\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { usePayContext } from \"../../DaimoPay\";\nimport { MoreIndicator, ScrollAreaContainer, ScrollContainer } from \"./styles\";\nconst ArrowDown = () => (_jsx(\"svg\", { width: \"11\", height: \"12\", viewBox: \"0 0 11 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M5.49438 1L5.49438 11M5.49438 11L9.5 7M5.49438 11L1.5 7\", stroke: \"currentColor\", strokeWidth: \"1.75\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }) }));\nexport const ScrollArea = ({ children, height, backgroundColor, mobileDirection, }) => {\n    const { log } = usePayContext();\n    const ref = useRef(null);\n    const moreRef = useRef(null);\n    const isMobile = useIsMobile();\n    useEffect(() => {\n        const el = ref.current;\n        if (!el)\n            return;\n        // if ref is not scrollable, hide the more indicator\n        if (el.scrollHeight > el.clientHeight) {\n            if (moreRef.current) {\n                moreRef.current.classList.remove(\"hide\");\n            }\n        }\n        log(`[SCROLL AREA]: ${el.scrollHeight}, ${el.clientHeight}`);\n        const handleScroll = (e) => {\n            const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth, } = e.target;\n            if (moreRef.current) {\n                if (scrollTop > 0) {\n                    moreRef.current.classList.add(\"hide\");\n                }\n            }\n            if (scrollTop === 0 && scrollLeft === 0) {\n                el.classList.add(\"scroll-start\");\n            }\n            else {\n                el.classList.remove(\"scroll-start\");\n            }\n            if (scrollHeight - scrollTop === clientHeight &&\n                scrollWidth - scrollLeft === clientWidth) {\n                el.classList.add(\"scroll-end\");\n            }\n            else {\n                el.classList.remove(\"scroll-end\");\n            }\n        };\n        el.addEventListener(\"scroll\", handleScroll);\n        handleScroll({ target: el });\n        return () => {\n            el.removeEventListener(\"scroll\", handleScroll);\n        };\n    }, [ref.current]);\n    return (_jsxs(ScrollContainer, { children: [_jsx(ScrollAreaContainer, { ref: ref, \"$mobile\": isMobile, \"$height\": height, \"$backgroundColor\": backgroundColor, \"$mobileDirection\": mobileDirection, children: children }), _jsx(MoreIndicator, { ref: moreRef, className: \"hide\", onClick: () => {\n                    if (ref.current) {\n                        ref.current.scrollTo({\n                            top: ref.current.scrollHeight,\n                            behavior: \"smooth\",\n                        });\n                    }\n                }, children: _jsxs(\"span\", { children: [_jsx(ArrowDown, {}), \" More Available\"] }) })] }));\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,168 +0,0 @@
-import { keyframes, css } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-
-const ScrollContainer = styled.div `
-  position: relative;
-`;
-const fadeIn = keyframes `
-0%{ opacity:0; }
-100%{ opacity:1; }
-`;
-const MoreIndicator = styled.div `
-  z-index: 9;
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0.75rem;
-  display: flex;
-  justify-content: center;
-
-  transition: opacity 300ms ease;
-
-  span {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.25rem;
-    padding: 0.3075rem 0.9375rem 0.375rem;
-    border-radius: 6rem;
-    background: var(--ck-tooltip-background);
-    color: var(--ck-tooltip-color);
-    font-weight: 500;
-    font-size: 0.8125rem;
-    letter-spacing: -0.01rem;
-    box-shadow: var(--ck-tooltip-shadow);
-    animation: ${fadeIn} 300ms ease 1000ms both;
-
-    transition: transform 100ms ease;
-
-    &:hover {
-      transform: scale(1.02);
-    }
-    &:active {
-      transform: scale(0.98);
-    }
-    svg {
-      display: block;
-      transform: translateX(-0.1875rem);
-    }
-  }
-
-  &.hide {
-    opacity: 0;
-    pointer-events: none;
-  }
-`;
-const ScrollAreaContainer = styled.div `
-  --bg: ${({ $backgroundColor }) => $backgroundColor || "var(--ck-body-background)"};
-  --fade-height: 1px;
-  position: relative;
-  z-index: 1;
-
-  ${({ $mobile, $height, $mobileDirection }) => $mobile && $mobileDirection === "horizontal"
-    ? css `
-          overflow-x: scroll;
-          margin: 0 -24px;
-          padding: 0 24px;
-
-          &:before,
-          &:after {
-            pointer-events: none;
-            z-index: 10;
-            content: "";
-            display: block;
-            position: sticky;
-            top: 0;
-            bottom: 0;
-            width: var(--fade-height);
-            background: var(
-              --ck-body-divider-secondary,
-              var(--ck-body-divider)
-            );
-            box-shadow: var(--ck-body-divider-box-shadow);
-            transition: opacity 300ms ease;
-          }
-          &:before {
-            left: 0;
-          }
-          &:after {
-            right: 0;
-          }
-
-          &.scroll-start {
-            &:before {
-              opacity: 0;
-            }
-          }
-
-          &.scroll-end {
-            &:after {
-              opacity: 0;
-            }
-          }
-        `
-    : css `
-          max-height: ${$height ? `${$height}px` : "310px"};
-          overflow-y: scroll;
-          padding: 0 10px;
-          margin: calc(var(--fade-height) * -1) -16px 0 -10px;
-
-          &:before,
-          &:after {
-            pointer-events: none;
-            z-index: 10;
-            content: "";
-            display: block;
-            position: sticky;
-            left: 0;
-            right: 0;
-            height: var(--fade-height);
-            background: var(
-              --ck-body-divider-secondary,
-              var(--ck-body-divider)
-            );
-            box-shadow: var(--ck-body-divider-box-shadow);
-            transition: opacity 300ms ease;
-          }
-          &:before {
-            top: 0;
-          }
-          &:after {
-            bottom: 0;
-          }
-
-          &.scroll-start {
-            &:before {
-              opacity: 0;
-            }
-          }
-
-          &.scroll-end {
-            &:after {
-              opacity: 0;
-            }
-          }
-        `}
-
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0);
-    border-radius: 100px;
-  }
-  &:hover::-webkit-scrollbar-thumb {
-    background: var(--ck-body-color-muted);
-  }
-  &::-webkit-scrollbar-thumb:hover {
-    background: var(--ck-body-color-muted-hover);
-  }
-`;
-
-export { MoreIndicator, ScrollAreaContainer, ScrollContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/ScrollArea/styles.ts"],"sourcesContent":["import { css, keyframes } from \"styled-components\";\nimport styled from \"../../../styles/styled\";\nexport const ScrollContainer = styled.div `\n  position: relative;\n`;\nconst fadeIn = keyframes `\n0%{ opacity:0; }\n100%{ opacity:1; }\n`;\nexport const MoreIndicator = styled.div `\n  z-index: 9;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0.75rem;\n  display: flex;\n  justify-content: center;\n\n  transition: opacity 300ms ease;\n\n  span {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.25rem;\n    padding: 0.3075rem 0.9375rem 0.375rem;\n    border-radius: 6rem;\n    background: var(--ck-tooltip-background);\n    color: var(--ck-tooltip-color);\n    font-weight: 500;\n    font-size: 0.8125rem;\n    letter-spacing: -0.01rem;\n    box-shadow: var(--ck-tooltip-shadow);\n    animation: ${fadeIn} 300ms ease 1000ms both;\n\n    transition: transform 100ms ease;\n\n    &:hover {\n      transform: scale(1.02);\n    }\n    &:active {\n      transform: scale(0.98);\n    }\n    svg {\n      display: block;\n      transform: translateX(-0.1875rem);\n    }\n  }\n\n  &.hide {\n    opacity: 0;\n    pointer-events: none;\n  }\n`;\nexport const ScrollAreaContainer = styled.div `\n  --bg: ${({ $backgroundColor }) => $backgroundColor || \"var(--ck-body-background)\"};\n  --fade-height: 1px;\n  position: relative;\n  z-index: 1;\n\n  ${({ $mobile, $height, $mobileDirection }) => $mobile && $mobileDirection === \"horizontal\"\n    ? css `\n          overflow-x: scroll;\n          margin: 0 -24px;\n          padding: 0 24px;\n\n          &:before,\n          &:after {\n            pointer-events: none;\n            z-index: 10;\n            content: \"\";\n            display: block;\n            position: sticky;\n            top: 0;\n            bottom: 0;\n            width: var(--fade-height);\n            background: var(\n              --ck-body-divider-secondary,\n              var(--ck-body-divider)\n            );\n            box-shadow: var(--ck-body-divider-box-shadow);\n            transition: opacity 300ms ease;\n          }\n          &:before {\n            left: 0;\n          }\n          &:after {\n            right: 0;\n          }\n\n          &.scroll-start {\n            &:before {\n              opacity: 0;\n            }\n          }\n\n          &.scroll-end {\n            &:after {\n              opacity: 0;\n            }\n          }\n        `\n    : css `\n          max-height: ${$height ? `${$height}px` : \"310px\"};\n          overflow-y: scroll;\n          padding: 0 10px;\n          margin: calc(var(--fade-height) * -1) -16px 0 -10px;\n\n          &:before,\n          &:after {\n            pointer-events: none;\n            z-index: 10;\n            content: \"\";\n            display: block;\n            position: sticky;\n            left: 0;\n            right: 0;\n            height: var(--fade-height);\n            background: var(\n              --ck-body-divider-secondary,\n              var(--ck-body-divider)\n            );\n            box-shadow: var(--ck-body-divider-box-shadow);\n            transition: opacity 300ms ease;\n          }\n          &:before {\n            top: 0;\n          }\n          &:after {\n            bottom: 0;\n          }\n\n          &.scroll-start {\n            &:before {\n              opacity: 0;\n            }\n          }\n\n          &.scroll-end {\n            &:after {\n              opacity: 0;\n            }\n          }\n        `}\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0);\n    border-radius: 100px;\n  }\n  &:hover::-webkit-scrollbar-thumb {\n    background: var(--ck-body-color-muted);\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    background: var(--ck-body-color-muted-hover);\n  }\n`;\n"],"names":[],"mappings":";;;AAEY,MAAC,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC3C;AACA,EAAE;AACF,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;AAC1B;AACA;AACA,CAAC,CAAC;AACU,MAAC,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,EAAE,MAAM,CAAC;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC/C,QAAQ,EAAE,CAAC,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,IAAI,2BAA2B,CAAC;AACpF;AACA;AACA;AACA;AACA,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,OAAO,IAAI,gBAAgB,KAAK,YAAY;AAC5F,MAAM,GAAG,CAAC,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC;AACT,MAAM,GAAG,CAAC,CAAC;AACX,sBAAsB,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,CAAC,CAAC;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { SpinnerContainer } from './styles.js';
-
-const transition = {
-    duration: 0.4,
-    ease: [0.175, 0.885, 0.32, 0.98],
-};
-const Spinner = () => (jsx(SpinnerContainer, { initial: { opacity: 0, rotate: 180 }, animate: {
-        opacity: 1,
-        rotate: 0,
-    }, exit: {
-        position: "absolute",
-        opacity: 0,
-        rotate: -180,
-        transition: {
-            ...transition,
-        },
-    }, transition: {
-        ...transition,
-        delay: 0.2,
-    }, children: jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("circle", { cx: "9", cy: "9", r: "7", stroke: "currentColor", strokeOpacity: "0.1", strokeWidth: "2.5" }), jsx("path", { d: "M16 9C16 5.13401 12.866 2 9 2", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" })] }) }));
-
-export { Spinner };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Spinner/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { SpinnerContainer } from \"./styles\";\nconst transition = {\n    duration: 0.4,\n    ease: [0.175, 0.885, 0.32, 0.98],\n};\nexport const Spinner = () => (_jsx(SpinnerContainer, { initial: { opacity: 0, rotate: 180 }, animate: {\n        opacity: 1,\n        rotate: 0,\n    }, exit: {\n        position: \"absolute\",\n        opacity: 0,\n        rotate: -180,\n        transition: {\n            ...transition,\n        },\n    }, transition: {\n        ...transition,\n        delay: 0.2,\n    }, children: _jsxs(\"svg\", { width: \"18\", height: \"18\", viewBox: \"0 0 18 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: [_jsx(\"circle\", { cx: \"9\", cy: \"9\", r: \"7\", stroke: \"currentColor\", strokeOpacity: \"0.1\", strokeWidth: \"2.5\" }), _jsx(\"path\", { d: \"M16 9C16 5.13401 12.866 2 9 2\", stroke: \"currentColor\", strokeWidth: \"2.5\", strokeLinecap: \"round\" })] }) }));\n"],"names":["_jsx","_jsxs"],"mappings":";;;AAEA,MAAM,UAAU,GAAG;AACnB,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;AACpC,CAAC,CAAC;AACU,MAAC,OAAO,GAAG,OAAOA,GAAI,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE;AACtG,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,MAAM,EAAE,CAAC;AACjB,KAAK,EAAE,IAAI,EAAE;AACb,QAAQ,QAAQ,EAAE,UAAU;AAC5B,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,MAAM,EAAE,CAAC,GAAG;AACpB,QAAQ,UAAU,EAAE;AACpB,YAAY,GAAG,UAAU;AACzB,SAAS;AACT,KAAK,EAAE,UAAU,EAAE;AACnB,QAAQ,GAAG,UAAU;AACrB,QAAQ,KAAK,EAAE,GAAG;AAClB,KAAK,EAAE,QAAQ,EAAEC,IAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+BAA+B,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;;;;"}

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

@@ -1,22 +0,0 @@
-import { motion } from 'framer-motion';
-import { keyframes } from 'styled-components';
-import styled from '../../../styles/styled/index.js';
-
-const Spin = keyframes `
-  0%{ transform: rotate(0deg); }
-  100%{ transform: rotate(360deg); }
-`;
-const SpinnerContainer = styled(motion.div) `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  animation: ${Spin} 1s linear infinite;
-  svg {
-    display: block;
-    position: relative;
-    animation: ${Spin} 1s ease-in-out infinite;
-  }
-`;
-
-export { SpinnerContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Spinner/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nconst Spin = keyframes `\n  0%{ transform: rotate(0deg); }\n  100%{ transform: rotate(360deg); }\n`;\nexport const SpinnerContainer = styled(motion.div) `\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: ${Spin} 1s linear infinite;\n  svg {\n    display: block;\n    position: relative;\n    animation: ${Spin} 1s ease-in-out infinite;\n  }\n`;\n"],"names":[],"mappings":";;;;AAGA,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC;AACxB;AACA;AACA,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD;AACA;AACA;AACA,aAAa,EAAE,IAAI,CAAC;AACpB;AACA;AACA;AACA,eAAe,EAAE,IAAI,CAAC;AACtB;AACA;;;;"}

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

@@ -1,39 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { SwitchIcon } from '../../../assets/icons.js';
-import styled from '../../../styles/styled/index.js';
-
-const Container = styled.button `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  cursor: pointer;
-  width: fit-content;
-`;
-const IconWrapper = styled.div `
-  opacity: ${({ $isFlipped }) => ($isFlipped ? 1 : 1)};
-  transform: scaleY(${({ $isFlipped }) => ($isFlipped ? -1 : 1)});
-  transition: all 0.2s ease-in-out;
-
-  &.fade {
-    opacity: 0;
-    transform: scaleY(0);
-  }
-`;
-const SwitchButton = ({ onClick, children }) => {
-    const [isFlipped, setIsFlipped] = useState(false);
-    const [isFading, setIsFading] = useState(false);
-    const handleClick = () => {
-        setIsFading(true);
-        setTimeout(() => {
-            setIsFlipped(!isFlipped);
-            setIsFading(false);
-        }, 150); // Match the transition duration
-        onClick();
-    };
-    return (jsxs(Container, { onClick: handleClick, children: [jsx(IconWrapper, { "$isFlipped": isFlipped, className: isFading ? "fade" : "", children: jsx(SwitchIcon, {}) }), children] }));
-};
-
-export { SwitchButton as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/SwitchButton/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nimport { SwitchIcon as Icon } from \"../../../assets/icons\";\nimport styled from \"../../../styles/styled\";\nconst Container = styled.button `\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  cursor: pointer;\n  width: fit-content;\n`;\nconst IconWrapper = styled.div `\n  opacity: ${({ $isFlipped }) => ($isFlipped ? 1 : 1)};\n  transform: scaleY(${({ $isFlipped }) => ($isFlipped ? -1 : 1)});\n  transition: all 0.2s ease-in-out;\n\n  &.fade {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n`;\nconst SwitchButton = ({ onClick, children }) => {\n    const [isFlipped, setIsFlipped] = useState(false);\n    const [isFading, setIsFading] = useState(false);\n    const handleClick = () => {\n        setIsFading(true);\n        setTimeout(() => {\n            setIsFlipped(!isFlipped);\n            setIsFading(false);\n        }, 150); // Match the transition duration\n        onClick();\n    };\n    return (_jsxs(Container, { onClick: handleClick, children: [_jsx(IconWrapper, { \"$isFlipped\": isFlipped, className: isFading ? \"fade\" : \"\", children: _jsx(Icon, {}) }), children] }));\n};\nexport default SwitchButton;\n"],"names":["_jsxs","_jsx","Icon"],"mappings":";;;;;AAIA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChC,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,oBAAoB,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACG,MAAC,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK;AAChD,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpD,IAAI,MAAM,WAAW,GAAG,MAAM;AAC9B,QAAQ,WAAW,CAAC,IAAI,CAAC,CAAC;AAC1B,QAAQ,UAAU,CAAC,MAAM;AACzB,YAAY,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;AACrC,YAAY,WAAW,CAAC,KAAK,CAAC,CAAC;AAC/B,SAAS,EAAE,GAAG,CAAC,CAAC;AAChB,QAAQ,OAAO,EAAE,CAAC;AAClB,KAAK,CAAC;AACN,IAAI,QAAQA,IAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,WAAW,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAACC,UAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AAC3L;;;;"}

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

@@ -1,25 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Container } from './styles.js';
-export { ThemeContainer } from './styles.js';
-import useMeasure from 'react-use-measure';
-
-const ThemedButton = ({ children, variant = "primary", autoSize = true, duration = 0.3, style, }) => {
-    const [contentRef, bounds] = useMeasure();
-    return (jsx(Container, { className: variant, initial: false, animate: autoSize
-            ? {
-                width: bounds.width > 10 ? bounds.width : "auto",
-            }
-            : undefined, transition: {
-            duration: duration,
-            ease: [0.25, 1, 0.5, 1],
-            delay: 0.01,
-        }, style: style, children: jsx("div", { ref: contentRef, style: {
-                whiteSpace: "nowrap",
-                width: "fit-content",
-                position: "relative",
-                padding: "0 12px",
-            }, children: children }) }));
-};
-
-export { ThemedButton as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ThemedButton/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Container, ThemeContainer } from \"./styles\";\nimport useMeasure from \"react-use-measure\";\nexport const PlaceholderButton = () => {\n    return _jsx(\"div\", { style: { height: 40 } });\n};\nconst ThemedButton = ({ children, variant = \"primary\", autoSize = true, duration = 0.3, style, }) => {\n    const [contentRef, bounds] = useMeasure();\n    return (_jsx(Container, { className: variant, initial: false, animate: autoSize\n            ? {\n                width: bounds.width > 10 ? bounds.width : \"auto\",\n            }\n            : undefined, transition: {\n            duration: duration,\n            ease: [0.25, 1, 0.5, 1],\n            delay: 0.01,\n        }, style: style, children: _jsx(\"div\", { ref: contentRef, style: {\n                whiteSpace: \"nowrap\",\n                width: \"fit-content\",\n                position: \"relative\",\n                padding: \"0 12px\",\n            }, children: children }) }));\n};\nexport default ThemedButton;\nexport { ThemeContainer };\n"],"names":["_jsx"],"mappings":";;;;;AAMK,MAAC,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK;AACrG,IAAI,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;AAC9C,IAAI,QAAQA,GAAI,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ;AACnF,cAAc;AACd,gBAAgB,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM;AAChE,aAAa;AACb,cAAc,SAAS,EAAE,UAAU,EAAE;AACrC,YAAY,QAAQ,EAAE,QAAQ;AAC9B,YAAY,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACnC,YAAY,KAAK,EAAE,IAAI;AACvB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE;AACzE,gBAAgB,UAAU,EAAE,QAAQ;AACpC,gBAAgB,KAAK,EAAE,aAAa;AACpC,gBAAgB,QAAQ,EAAE,UAAU;AACpC,gBAAgB,OAAO,EAAE,QAAQ;AACjC,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE;AACzC;;;;"}

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

@@ -1,152 +0,0 @@
-import { motion } from 'framer-motion';
-import styled from '../../../styles/styled/index.js';
-
-const Container = styled(motion.div) `
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-  height: 40px;
-  padding: 0;
-  line-height: 0;
-  letter-spacing: -0.2px;
-  font-size: var(--ck-connectbutton-font-size, 16px);
-  font-weight: var(--ck-connectbutton-font-weight, 500);
-  text-align: center;
-  transition: 100ms ease;
-  transition-property: color, background, box-shadow, border-radius;
-
-  color: var(--color);
-  background: var(--background);
-  box-shadow: var(--box-shadow);
-  border-radius: var(--border-radius);
-
-  &.primary {
-    --color: var(--ck-connectbutton-color);
-    --background: var(--ck-connectbutton-background);
-    --box-shadow: var(--ck-connectbutton-box-shadow);
-    --border-radius: var(--ck-connectbutton-border-radius, 12px);
-
-    --hover-color: var(--ck-connectbutton-hover-color, var(--color));
-    --hover-background: var(
-      --ck-connectbutton-hover-background,
-      var(--background)
-    );
-    --hover-box-shadow: var(
-      --ck-connectbutton-hover-box-shadow,
-      var(--box-shadow)
-    );
-    --hover-border-radius: var(
-      --ck-connectbutton-hover-border-radius,
-      var(--border-radius)
-    );
-
-    --active-color: var(--ck-connectbutton-active-color, var(--hover-color));
-    --active-background: var(
-      --ck-connectbutton-active-background,
-      var(--hover-background)
-    );
-    --active-box-shadow: var(
-      --ck-connectbutton-active-box-shadow,
-      var(--hover-box-shadow)
-    );
-    --active-border-radius: var(
-      --ck-connectbutton-active-border-radius,
-      var(--hover-border-radius)
-    );
-  }
-  &.secondary {
-    --color: var(--ck-connectbutton-balance-color);
-    --background: var(--ck-connectbutton-balance-background);
-    --box-shadow: var(--ck-connectbutton-balance-box-shadow);
-    --border-radius: var(
-      --ck-connectbutton-balance-border-radius,
-      var(--ck-connectbutton-border-radius, 12px)
-    );
-
-    --hover-color: var(--ck-connectbutton-balance-hover-color, var(--color));
-    --hover-background: var(
-      --ck-connectbutton-balance-hover-background,
-      var(--background)
-    );
-    --hover-box-shadow: var(
-      --ck-connectbutton-balance-hover-box-shadow,
-      var(--box-shadow)
-    );
-    --hover-border-radius: var(
-      --ck-connectbutton-balance-hover-border-radius,
-      var(--border-radius)
-    );
-
-    --active-color: var(
-      --ck-connectbutton-balance-active-color,
-      var(--hover-color)
-    );
-    --active-background: var(
-      --ck-connectbutton-balance-active-background,
-      var(--hover-background)
-    );
-    --active-box-shadow: var(
-      --ck-connectbutton-balance-active-box-shadow,
-      var(--hover-box-shadow)
-    );
-    --active-border-radius: var(
-      --ck-connectbutton-balance-active-border-radius,
-      var(--hover-border-radius)
-    );
-  }
-`;
-const ThemeContainer = styled.button `
-  all: initial;
-  appearance: none;
-  user-select: none;
-  position: relative;
-  padding: 0;
-  margin: 0;
-  background: none;
-  border-radius: var(--ck-border-radius);
-
-  &:disabled {
-    pointer-events: none;
-    opacity: 0.3;
-  }
-
-  display: flex;
-  flex-wrap: nowrap;
-  background: none;
-  cursor: pointer;
-  * {
-    cursor: pointer;
-  }
-  &:hover {
-    ${Container} {
-      color: var(--hover-color, var(--color));
-      background: var(--hover-background, var(--background));
-      box-shadow: var(--hover-box-shadow, var(--box-shadow));
-      border-radius: var(--hover-border-radius, var(--border-radius));
-    }
-  }
-  &:active {
-    ${Container} {
-      color: var(--active-color, var(--hover-color, var(--color)));
-      background: var(
-        --active-background,
-        var(--hover-background, var(--background))
-      );
-      box-shadow: var(
-        --active-box-shadow,
-        var(--hover-box-shadow, var(--box-shadow))
-      );
-      border-radius: var(
-        --active-border-radius,
-        var(--hover-border-radius, var(--border-radius))
-      );
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid var(--ck-family-brand);
-  }
-`;
-
-export { Container, ThemeContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/ThemedButton/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport styled from \"./../../../styles/styled\";\nexport const Container = styled(motion.div) `\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  height: 40px;\n  padding: 0;\n  line-height: 0;\n  letter-spacing: -0.2px;\n  font-size: var(--ck-connectbutton-font-size, 16px);\n  font-weight: var(--ck-connectbutton-font-weight, 500);\n  text-align: center;\n  transition: 100ms ease;\n  transition-property: color, background, box-shadow, border-radius;\n\n  color: var(--color);\n  background: var(--background);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n\n  &.primary {\n    --color: var(--ck-connectbutton-color);\n    --background: var(--ck-connectbutton-background);\n    --box-shadow: var(--ck-connectbutton-box-shadow);\n    --border-radius: var(--ck-connectbutton-border-radius, 12px);\n\n    --hover-color: var(--ck-connectbutton-hover-color, var(--color));\n    --hover-background: var(\n      --ck-connectbutton-hover-background,\n      var(--background)\n    );\n    --hover-box-shadow: var(\n      --ck-connectbutton-hover-box-shadow,\n      var(--box-shadow)\n    );\n    --hover-border-radius: var(\n      --ck-connectbutton-hover-border-radius,\n      var(--border-radius)\n    );\n\n    --active-color: var(--ck-connectbutton-active-color, var(--hover-color));\n    --active-background: var(\n      --ck-connectbutton-active-background,\n      var(--hover-background)\n    );\n    --active-box-shadow: var(\n      --ck-connectbutton-active-box-shadow,\n      var(--hover-box-shadow)\n    );\n    --active-border-radius: var(\n      --ck-connectbutton-active-border-radius,\n      var(--hover-border-radius)\n    );\n  }\n  &.secondary {\n    --color: var(--ck-connectbutton-balance-color);\n    --background: var(--ck-connectbutton-balance-background);\n    --box-shadow: var(--ck-connectbutton-balance-box-shadow);\n    --border-radius: var(\n      --ck-connectbutton-balance-border-radius,\n      var(--ck-connectbutton-border-radius, 12px)\n    );\n\n    --hover-color: var(--ck-connectbutton-balance-hover-color, var(--color));\n    --hover-background: var(\n      --ck-connectbutton-balance-hover-background,\n      var(--background)\n    );\n    --hover-box-shadow: var(\n      --ck-connectbutton-balance-hover-box-shadow,\n      var(--box-shadow)\n    );\n    --hover-border-radius: var(\n      --ck-connectbutton-balance-hover-border-radius,\n      var(--border-radius)\n    );\n\n    --active-color: var(\n      --ck-connectbutton-balance-active-color,\n      var(--hover-color)\n    );\n    --active-background: var(\n      --ck-connectbutton-balance-active-background,\n      var(--hover-background)\n    );\n    --active-box-shadow: var(\n      --ck-connectbutton-balance-active-box-shadow,\n      var(--hover-box-shadow)\n    );\n    --active-border-radius: var(\n      --ck-connectbutton-balance-active-border-radius,\n      var(--hover-border-radius)\n    );\n  }\n`;\nexport const ThemeContainer = styled.button `\n  all: initial;\n  appearance: none;\n  user-select: none;\n  position: relative;\n  padding: 0;\n  margin: 0;\n  background: none;\n  border-radius: var(--ck-border-radius);\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n\n  display: flex;\n  flex-wrap: nowrap;\n  background: none;\n  cursor: pointer;\n  * {\n    cursor: pointer;\n  }\n  &:hover {\n    ${Container} {\n      color: var(--hover-color, var(--color));\n      background: var(--hover-background, var(--background));\n      box-shadow: var(--hover-box-shadow, var(--box-shadow));\n      border-radius: var(--hover-border-radius, var(--border-radius));\n    }\n  }\n  &:active {\n    ${Container} {\n      color: var(--active-color, var(--hover-color, var(--color)));\n      background: var(\n        --active-background,\n        var(--hover-background, var(--background))\n      );\n      box-shadow: var(\n        --active-box-shadow,\n        var(--hover-box-shadow, var(--box-shadow))\n      );\n      border-radius: var(\n        --active-border-radius,\n        var(--hover-border-radius, var(--border-radius))\n      );\n    }\n  }\n  &:focus-visible {\n    outline: 2px solid var(--ck-family-brand);\n  }\n`;\n"],"names":[],"mappings":";;;AAEY,MAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,SAAS,CAAC;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,SAAS,CAAC;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1,24 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion } from 'framer-motion';
-import { chainToLogo } from '../../../assets/chains.js';
-import styled from '../../../styles/styled/index.js';
-
-const TokenChainLogo = ({ token }) => {
-    return (jsxs(TokenChainContainer, { children: [jsx("img", { src: token.logoURI, alt: token.symbol, style: { borderRadius: 9999 } }), jsx(ChainContainer, { children: chainToLogo[token.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 { TokenChainLogo as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/TokenChainLogo/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { motion } from \"framer-motion\";\nimport { chainToLogo } from \"../../../assets/chains\";\nimport styled from \"../../../styles/styled\";\nconst TokenChainLogo = ({ token }) => {\n    return (_jsxs(TokenChainContainer, { children: [_jsx(\"img\", { src: token.logoURI, alt: token.symbol, style: { borderRadius: 9999 } }), _jsx(ChainContainer, { children: chainToLogo[token.chainId] })] }));\n};\nconst TokenChainContainer = styled(motion.div) `\n  width: 100%;\n  height: 100%;\n`;\nconst ChainContainer = styled(motion.div) `\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  border-radius: 9999px;\n  overflow: hidden;\n  bottom: 0px;\n  right: 0px;\n`;\nexport default TokenChainLogo;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIK,MAAC,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK;AACtC,IAAI,QAAQA,IAAK,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC/M,EAAE;AACF,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD;AACA;AACA,CAAC,CAAC;AACF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;;"}