eros-sdk-react
Version:
eros sdk
953 lines (857 loc) • 177 kB
JavaScript
"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/ui/index.ts
var ui_exports = {};
__export(ui_exports, {
AlphaAvatar: () => AlphaAvatar2,
Button: () => Button,
Checkbox: () => Checkbox,
ConfirmModal: () => ConfirmModal,
Drawer: () => Drawer,
Field: () => Field,
HashPanel: () => HashPanel_default,
Input: () => Input,
Lottie: () => Lottie_default,
Modal: () => Modal,
ModalDrawer: () => ModalDrawer,
ModalWithHeader: () => ModalWithHeader,
Overlay: () => Overlay,
Popover: () => Popover,
Radio: () => Radio,
Skeleton: () => Skeleton_default,
Switch: () => Switch,
Tabs: () => Tabs
});
module.exports = __toCommonJS(ui_exports);
// src/assets/icon/BackIcon.tsx
var import_jsx_runtime = require("react/jsx-runtime");
// src/assets/icon/CloseIcon.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
// src/assets/icon/XIcon.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
// src/assets/icon/GoogleIcon.tsx
var import_jsx_runtime4 = require("react/jsx-runtime");
// src/assets/icon/WalletIcon.tsx
var import_jsx_runtime5 = require("react/jsx-runtime");
// src/assets/icon/TelegramIcon.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
// src/assets/icon/EmailIcon.tsx
var import_jsx_runtime7 = require("react/jsx-runtime");
// src/assets/icon/ArrowRightIcon.tsx
var import_jsx_runtime8 = require("react/jsx-runtime");
// src/assets/icon/CloseRoundIcon.tsx
var import_jsx_runtime9 = require("react/jsx-runtime");
function CloseRoundIcon({ size = 30, ...props }) {
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: size, height: size, ...props, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("rect", { width: "30", height: "30", rx: "15", fill: "#F9F9F9" }),
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10.7574 10.7573L19.2426 19.2426", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M19.2426 10.7573L10.7574 19.2426", stroke: "#6E6E6E", strokeWidth: "1.5", strokeLinecap: "round" })
] });
}
// src/assets/icon/LoadingIcon.tsx
var import_jsx_runtime10 = require("react/jsx-runtime");
var LoadingIcon = ({ size = 22, className = "", color = "white", rotate = false }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
"svg",
{
width: size,
height: size,
viewBox: "0 0 22 22",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
className: className + " " + (rotate ? "matchid-rotate" : ""),
children: [
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M11 1V3.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.3", d: "M3.92834 3.92871L5.69977 5.70017", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.4", d: "M1 11H3.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.5", d: "M3.92834 18.0722L5.69977 16.3008", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.6", d: "M11 21V18.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.7", d: "M18.0715 18.0722L16.3 16.3008", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.8", d: "M21 11H18.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { opacity: "0.9", d: "M18.0715 3.92871L16.3 5.70017", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
]
}
);
var LoadingIcon_default = LoadingIcon;
// src/assets/icon/EmailLineIcon.tsx
var import_jsx_runtime11 = require("react/jsx-runtime");
// src/assets/icon/UnLoginIcon.tsx
var import_jsx_runtime12 = require("react/jsx-runtime");
// src/assets/icon/LoginIcon.tsx
var import_jsx_runtime13 = require("react/jsx-runtime");
// src/assets/icon/CheckRoundIcon.tsx
var import_jsx_runtime14 = require("react/jsx-runtime");
// src/assets/icon/PasswordRoundIcon.tsx
var import_jsx_runtime15 = require("react/jsx-runtime");
// src/assets/icon/CloseEyeIcon.tsx
var import_jsx_runtime16 = require("react/jsx-runtime");
function CloseEyeIcon({
size = 20,
color = "#6E6E6E"
}) {
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
"path",
{
d: "M9.15132 12.5568V11.5464C8.21031 11.4949 7.28023 11.3193 6.38524 11.024L6.04233 11.9579C6.00626 12.0669 5.94867 12.1676 5.87299 12.2539C5.79731 12.3403 5.70508 12.4106 5.60174 12.4607C5.4984 12.5108 5.38607 12.5396 5.27139 12.5455C5.15671 12.5514 5.04201 12.5342 4.93409 12.4949C4.82617 12.4557 4.72722 12.3952 4.6431 12.317C4.55898 12.2389 4.49139 12.1446 4.44435 12.0399C4.3973 11.9351 4.37175 11.822 4.36921 11.7072C4.36667 11.5924 4.38719 11.4783 4.42955 11.3715L4.80788 10.3268C4.04603 9.88461 3.32634 9.37345 2.65789 8.79975C2.54358 8.70488 2.42928 8.61687 2.32184 8.52772C2.1442 8.38554 2.03031 8.17862 2.00523 7.95247C1.98015 7.72633 2.04593 7.49948 2.18811 7.32184C2.33028 7.1442 2.5372 7.03031 2.76335 7.00523C2.98949 6.98015 3.21634 7.04593 3.39398 7.18811C3.50828 7.27955 3.62258 7.37099 3.73689 7.47043C5.46065 9.00826 7.68996 9.85815 10 9.85815C12.31 9.85815 14.5393 9.00826 16.2631 7.47043C16.3774 7.37099 16.4917 7.27955 16.606 7.18811C16.694 7.11771 16.7949 7.06533 16.9031 7.03395C17.0114 7.00257 17.1247 6.99281 17.2367 7.00523C17.3486 7.01765 17.4571 7.052 17.5558 7.10632C17.6545 7.16065 17.7415 7.23388 17.8119 7.32184C17.8823 7.4098 17.9347 7.51077 17.9661 7.61897C17.9974 7.72717 18.0072 7.8405 17.9948 7.95247C17.9824 8.06445 17.948 8.17288 17.8937 8.27158C17.8394 8.37028 17.7661 8.45732 17.6782 8.52772L17.3421 8.79975C16.6737 9.37354 15.954 9.88471 15.1921 10.3268L15.5705 11.3715C15.6128 11.4783 15.6333 11.5924 15.6308 11.7072C15.6283 11.822 15.6027 11.9351 15.5557 12.0399C15.5086 12.1446 15.441 12.2389 15.3569 12.317C15.2728 12.3952 15.1738 12.4557 15.0659 12.4949C14.958 12.5342 14.8433 12.5514 14.7286 12.5455C14.6139 12.5396 14.5016 12.5108 14.3983 12.4607C14.2949 12.4106 14.2027 12.3403 14.127 12.2539C14.0513 12.1676 13.9937 12.0669 13.9577 11.9579L13.6148 11.024C12.7198 11.3193 11.7897 11.4949 10.8487 11.5464V12.5568C10.8487 12.7842 10.7584 13.0022 10.5976 13.163C10.4368 13.3238 10.2188 13.4141 9.99143 13.4141C9.76407 13.4141 9.54602 13.3238 9.38526 13.163C9.22449 13.0022 9.13417 12.7842 9.13417 12.5568H9.15132Z",
fill: color
}
) });
}
// src/assets/icon/OpenEyeIcon.tsx
var import_jsx_runtime17 = require("react/jsx-runtime");
function OpenEyeIcon({
size = 20,
color = "#6E6E6E"
}) {
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
"path",
{
d: "M10 6.4543C11.3373 6.44986 12.6486 6.82287 13.7834 7.53047C14.9181 8.23806 15.8301 9.25151 16.4145 10.4543C15.2145 12.9052 12.7564 14.4543 10 14.4543C7.24364 14.4543 4.78545 12.9052 3.58545 10.4543C4.1699 9.25151 5.08191 8.23806 6.21664 7.53047C7.35136 6.82287 8.66274 6.44986 10 6.4543ZM10 4.99976C6.36364 4.99976 3.25818 7.26157 2 10.4543C3.25818 13.647 6.36364 15.9088 10 15.9088C13.6364 15.9088 16.7418 13.647 18 10.4543C16.7418 7.26157 13.6364 4.99976 10 4.99976ZM10 8.63612C10.4822 8.63617 10.9446 8.82774 11.2855 9.16871C11.6265 9.50968 11.818 9.97212 11.818 10.4543C11.818 10.9365 11.6265 11.3989 11.2855 11.7399C10.9446 12.0809 10.4822 12.2724 10 12.2725C9.51782 12.2724 9.0554 12.0809 8.71447 11.7399C8.37353 11.3989 8.18199 10.9365 8.18199 10.4543C8.18199 9.97212 8.37353 9.50968 8.71447 9.16871C9.0554 8.82774 9.51782 8.63617 10 8.63612ZM10 7.18157C8.19636 7.18157 6.72727 8.65066 6.72727 10.4543C6.72727 12.2579 8.19636 13.727 10 13.727C11.8036 13.727 13.2727 12.2579 13.2727 10.4543C13.2727 8.65066 11.8036 7.18157 10 7.18157Z",
fill: color
}
) });
}
// src/assets/icon/DeleteRoundIcon.tsx
var import_jsx_runtime18 = require("react/jsx-runtime");
function DeleteRoundIcon({ height = 21, width = 20, color = "var(--matchid-error-color)", ...props }) {
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { width, height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { y: "0.5", width: "20", height: "20", rx: "10", fill: color }),
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M7.17139 7.67188L12.8282 13.3287", stroke: "white", strokeLinecap: "round" }),
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M12.8286 7.67188L7.17176 13.3287", stroke: "white", strokeLinecap: "round" })
] });
}
// src/assets/icon/FacebookIcon.tsx
var import_jsx_runtime19 = require("react/jsx-runtime");
// src/assets/icon/ArrowLeftIcon.tsx
var import_jsx_runtime20 = require("react/jsx-runtime");
function ArrowLeftIcon({
color = "#000",
width = 24,
height = 25,
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
"svg",
{
width,
height,
...props,
viewBox: "0 0 24 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
"path",
{
fillRule: "evenodd",
clipRule: "evenodd",
d: "M10.2322 5.26777L11.1161 6.15165L5.55207 11.7157H20.2157L20.2157 12.962L5.55207 12.962L11.1161 18.526L10.2322 19.4099L3.16117 12.3388L10.2322 5.26777Z",
fill: color
}
)
}
);
}
// src/assets/icon/GithubIcon.tsx
var import_jsx_runtime21 = require("react/jsx-runtime");
// src/assets/icon/DiscordIcon.tsx
var import_jsx_runtime22 = require("react/jsx-runtime");
// src/assets/icon/CheckIcon.tsx
var import_jsx_runtime23 = require("react/jsx-runtime");
// src/assets/icon/CopyIcon.tsx
var import_jsx_runtime24 = require("react/jsx-runtime");
// src/assets/icon/LinkedinIcon.tsx
var import_jsx_runtime25 = require("react/jsx-runtime");
// src/assets/icon/YoutubeIcon.tsx
var import_jsx_runtime26 = require("react/jsx-runtime");
// src/assets/icon/BTCDarkIcon.tsx
var import_jsx_runtime27 = require("react/jsx-runtime");
// src/assets/icon/BTCLightIcon.tsx
var import_jsx_runtime28 = require("react/jsx-runtime");
// src/assets/icon/EVMDarkIcon.tsx
var import_jsx_runtime29 = require("react/jsx-runtime");
// src/assets/icon/EVMLightIcon.tsx
var import_jsx_runtime30 = require("react/jsx-runtime");
// src/assets/icon/SOLDarkIcon.tsx
var import_jsx_runtime31 = require("react/jsx-runtime");
// src/assets/icon/SOLLightIcon.tsx
var import_jsx_runtime32 = require("react/jsx-runtime");
// src/assets/icon/TRXDarkIcon.tsx
var import_jsx_runtime33 = require("react/jsx-runtime");
// src/assets/icon/TRXLightIcon.tsx
var import_jsx_runtime34 = require("react/jsx-runtime");
// src/assets/icon/ArrowDownIcon.tsx
var import_jsx_runtime35 = require("react/jsx-runtime");
// src/assets/icon/LeatherIcon.tsx
var import_jsx_runtime36 = require("react/jsx-runtime");
// src/assets/icon/UnisatIcon.tsx
var import_jsx_runtime37 = require("react/jsx-runtime");
// src/assets/icon/XverseIcon.tsx
var import_jsx_runtime38 = require("react/jsx-runtime");
// src/assets/icon/TronLinkIcon.tsx
var import_jsx_runtime39 = require("react/jsx-runtime");
// src/assets/icon/OKXIcon.tsx
var import_jsx_runtime40 = require("react/jsx-runtime");
// src/assets/icon/BitgetIcon.tsx
var import_jsx_runtime41 = require("react/jsx-runtime");
// src/assets/icon/TonDarkIcon.tsx
var import_jsx_runtime42 = require("react/jsx-runtime");
// src/assets/icon/TonLightIcon.tsx
var import_jsx_runtime43 = require("react/jsx-runtime");
// src/assets/icon/ErrorRoundIcon.tsx
var import_jsx_runtime44 = require("react/jsx-runtime");
// src/assets/icon/InfoLineIcon.tsx
var import_jsx_runtime45 = require("react/jsx-runtime");
// src/assets/icon/InfoRoundIcon.tsx
var import_jsx_runtime46 = require("react/jsx-runtime");
// src/assets/icon/TransferIcon.tsx
var import_jsx_runtime47 = require("react/jsx-runtime");
// src/assets/icon/ArrowSendIcon.tsx
var import_jsx_runtime48 = require("react/jsx-runtime");
// src/assets/icon/PhantomIcon.tsx
var import_jsx_runtime49 = require("react/jsx-runtime");
// src/assets/icon/MoreIcon.tsx
var import_jsx_runtime50 = require("react/jsx-runtime");
// src/assets/icon/CheckboxIcon.tsx
var import_jsx_runtime51 = require("react/jsx-runtime");
function CheckboxIcon({
size = 16,
color = "#E3E3E3",
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { width: size, height: size, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("rect", { x: "2.08203", y: "2.58325", width: "11.8333", height: "11.8333", rx: "3.25", stroke: color, strokeWidth: "1.5" }) });
}
// src/assets/icon/CheckboxCheckedIcon.tsx
var import_jsx_runtime52 = require("react/jsx-runtime");
function CheckboxCheckedIcon({
size = 16,
color = "#FC802D",
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("rect", { x: "1.33203", y: "1.83325", width: "13.3333", height: "13.3333", rx: "4", fill: color }),
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
"path",
{
d: "M5.96094 7.63565L7.23226 8.90697L9.87499 6.26424C10.113 6.02621 10.4989 6.02621 10.737 6.26424C10.975 6.50227 10.975 6.8882 10.737 7.12623L7.80211 10.0611C7.48739 10.3758 6.97714 10.3758 6.66242 10.0611L5.09896 8.49764C4.86093 8.25961 4.86093 7.87368 5.09896 7.63565C5.33699 7.39762 5.72291 7.39762 5.96094 7.63565Z",
fill: "white"
}
)
] });
}
// src/assets/icon/InputLengthIcon.tsx
var import_jsx_runtime53 = require("react/jsx-runtime");
function InputLengthIcon({
size = 12,
color = "#B6B6B6",
...props
}) {
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
"path",
{
"fill-rule": "evenodd",
"clip-rule": "evenodd",
d: "M1.10097 12L12 1.10097L10.899 0L0 10.899L1.10097 12ZM7.19277 11.4594L11.6684 6.98378L10.5675 5.88281L6.0918 10.3585L7.19277 11.4594Z",
fill: color
}
) });
}
// src/assets/icon/KakaoIcon.tsx
var import_jsx_runtime54 = require("react/jsx-runtime");
// src/assets/icon/MatchIdIcon.tsx
var import_jsx_runtime55 = require("react/jsx-runtime");
// src/ui/Button/index.tsx
var import_jsx_runtime56 = require("react/jsx-runtime");
function Button({
size = "df",
disabled = false,
loading = false,
children,
onClick,
highlight = false,
block = false,
type = "button",
rounded = true,
className = "",
style = {},
dataset = {}
}) {
const onAction = () => {
if (!disabled && !loading) {
onClick && onClick();
}
};
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
"button",
{
type,
className: `${className} matchid-btn ${"matchid-btn-" + size} ${highlight ? "matchid-btn-highlight" : ""} ${loading ? "matchid-btn-loading" : ""} ${block ? "matchid-btn-block" : ""} ${rounded ? "matchid-btn-rounded" : ""}`,
disabled: disabled || loading,
style: {
...style
},
onClick: onAction,
...dataset,
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LoadingIcon_default, { className: "matchid-btn-loading-icon", color: "var(--matchid-btn-loading-color)" }) : children
}
);
}
// src/ui/Overlay/index.tsx
var import_react = require("react");
var import_jsx_runtime57 = require("react/jsx-runtime");
function Overlay({
isOpen = false,
children,
zIndex = 100
}) {
(0, import_react.useEffect)(() => {
if (isOpen) {
document.body.style.overflow = "hidden";
} else {
document.body.style.overflow = "";
}
return () => {
document.body.style.overflow = "";
};
}, [isOpen]);
return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
"div",
{
className: "matchid-overlay",
style: {
zIndex
},
children
}
) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, {});
}
// src/ui/Drawer/index.tsx
var import_jsx_runtime58 = require("react/jsx-runtime");
function Drawer({
children,
showClose = true,
onClose,
isOpen = false,
title,
zIndex = 100,
onBack
}) {
if (!isOpen) {
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
}
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Overlay, { isOpen, zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "matchid-drawer", children: [
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-drawer-header matchid-flex`, children: [
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `matchid-drawer-header-content matchid-flex`, children: [
onBack && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ArrowLeftIcon, { height: 25, width: 24, className: "matchid-drawer-header-back", onClick: onBack }),
title
] }),
showClose && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseRoundIcon, { className: "matchid-drawer-header-close", onClick: onClose })
] }),
children
] }) });
}
// src/ui/Field/index.tsx
var import_jsx_runtime59 = require("react/jsx-runtime");
function Field({
label,
children,
error,
required,
className = ""
}) {
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `matchid-field-box ${className}`, children: [
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "matchid-field-label", children: [
required && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "matchid-field-required", children: "*" }),
label
] }),
children,
error && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "matchid-field-error", children: error })
] });
}
// src/ui/HashPanel/index.tsx
var import_react41 = require("react");
// src/hooks/useLayout.tsx
var import_react2 = require("react");
function useDownMd() {
const [isBelowMd, setIsBelowMd] = (0, import_react2.useState)(window.matchMedia("(max-width: 767px)").matches);
(0, import_react2.useEffect)(() => {
const handleResize = () => {
setIsBelowMd(window.matchMedia("(max-width: 767px)").matches);
};
window.addEventListener("resize", handleResize);
return () => {
window.removeEventListener("resize", handleResize);
};
}, []);
return isBelowMd;
}
// src/ui/Modal/index.tsx
var import_react40 = require("react");
// src/components/EmailModal/index.tsx
var import_react21 = require("react");
// src/components/EmailModal/StepEmail.tsx
var import_react4 = require("react");
// src/utils/index.tsx
var import_moment = __toESM(require("moment"));
var import_jsx_runtime60 = require("react/jsx-runtime");
var getVersion = () => {
return "0.0.2";
};
function getAppClientId() {
return "react-sdk-" + getVersion();
}
// src/ui/Input/index.tsx
var import_react3 = require("react");
var import_jsx_runtime61 = require("react/jsx-runtime");
function Input({
onChange,
type,
after,
showLength = false,
showClear = true,
className = "",
rows = 1,
maxRows = 4,
children,
...props
}) {
const [inputType, setInputType] = (0, import_react3.useState)(type);
const isDownMd = useDownMd();
const textareaRef = (0, import_react3.useRef)(null);
(0, import_react3.useEffect)(() => {
const textarea = textareaRef.current;
if (textarea) {
textarea.style.height = "auto";
const lineHeight = 24;
const maxHeight = lineHeight * 4;
textarea.style.height = Math.min(textarea.scrollHeight, maxHeight) + "px";
}
}, [props.value]);
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
"div",
{
className: `matchid-input-box matchid-input-${type} ${props.value && props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`,
style: {
// @ts-ignore
"--max-rows": maxRows
},
children: [
children ?? (type == "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("textarea", { rows: 1, onChange, ...props, className: "matchid-input-field", ref: textareaRef, style: {
maxHeight: maxRows * 24 + "px"
} }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("input", { type: inputType, onChange, ...props, className: "matchid-input-field" })),
type != "textarea" && showClear && props.value && props.value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-input-delete-icon", onClick: (e) => {
if (onChange) {
onChange({ target: { value: "" } });
}
}, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
DeleteRoundIcon,
{
height: isDownMd ? 16 : 21,
width: isDownMd ? 16 : 20,
color: "var(--matchid-input-delete-icon-color)"
}
) }),
type === "password" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "matchid-input-eye-icon", onClick: () => {
setInputType(inputType === "password" ? "text" : "password");
}, children: inputType === "password" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CloseEyeIcon, { size: isDownMd ? 16 : 20 }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(OpenEyeIcon, { size: isDownMd ? 16 : 20 }) }),
showLength && props.maxLength && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `matchid-input-length`, children: [
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { children: [
props.value?.length || 0,
"/",
props.maxLength
] }),
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(InputLengthIcon, { color: "var(--icon-color)" })
] }),
after
]
}
);
}
// src/components/EmailModal/StepEmail.tsx
var import_react_intl = require("react-intl");
var import_jsx_runtime62 = require("react/jsx-runtime");
// src/store/useLocalStore.ts
var import_zustand = require("zustand");
var import_middleware = require("zustand/middleware");
// src/api/request.ts
var import_axios = __toESM(require("axios"));
// src/config/env/index.ts
var env_default = {
endpoints: {
back: "https://api.matchid.ai/",
auth: "https://auth.matchid.ai/"
}
};
// src/store/index.ts
var getEndpoints = () => {
try {
const store = localStore.getState();
const env = store?.endpoints;
if (env) {
return env;
} else {
return env_default.endpoints;
}
} catch (e) {
return env_default.endpoints;
}
};
var getAppid = () => {
try {
const store = localStore.getState();
const appid = store?.appid;
if (appid) {
return appid;
} else {
return "";
}
} catch (e) {
return "";
}
};
var getLocale = () => {
try {
const store = localStore.getState();
const locale = store?.locale;
if (locale) {
return locale;
} else {
return "en";
}
} catch (e) {
return "en";
}
};
var getToken = () => {
try {
const store = localStore.getState();
const token = store?.token;
if (token) {
return token;
} else {
return "";
}
} catch (e) {
return "";
}
};
// src/utils/matchlog.ts
var matchDevExists = () => localStorage.getItem("matchid-sdk-react-debug") !== null;
var handler = {
get(target, prop) {
if (matchDevExists() && typeof target[prop] === "function") {
return target[prop].bind(console);
}
return () => {
};
}
};
var matchlog = new Proxy(console, handler);
var matchlog_default = matchlog;
// src/api/request.ts
var import_axios_retry = __toESM(require("axios-retry"));
var instance = import_axios.default.create({
timeout: 6e4,
validateStatus(status) {
return status >= 200 && status <= 500;
}
});
var retryInstance = import_axios.default.create({
timeout: 6e4,
validateStatus(status) {
return status >= 200 && status <= 500;
}
});
(0, import_axios_retry.default)(retryInstance, {
retries: 3,
retryDelay: (retryCount) => retryCount * 1e3,
shouldResetTimeout: true,
retryCondition: (error) => {
return error.response.status >= 500 && error.response.status < 600 || error.code === "ECONNABORTED";
}
});
var retryRequest = async (config) => {
try {
const endpoints = getEndpoints();
const token = getToken();
retryInstance.defaults.baseURL = `${endpoints.back}`;
retryInstance.defaults.headers.common["Appid"] = getAppid();
if (token) {
retryInstance.defaults.headers.common["Authorization"] = token;
}
retryInstance.defaults.headers.common["Accept-Language"] = getLocale();
const { data } = await retryInstance.request(config);
matchlog_default.log("api", data);
if (data.code == 401001) {
localStore.getState().logout();
throw new Error("Your session has expired, please log in again");
}
return data;
} catch (err) {
console.error("qwe-err", err);
const message = "Request Error";
console.error(message);
return {
code: -1,
data: null,
message,
success: false,
fail: true,
result: null
};
}
};
// src/api/index.ts
var getOverviewInfoApi = () => {
return retryRequest({
url: `/api/v1/user/overview`,
method: "GET"
});
};
// src/store/useLocalStore.ts
var persistedState = (0, import_middleware.persist)(
(set) => ({
appid: "",
token: "",
did: "",
mid: "",
overview: null,
theme: "light",
setOverview: (overview) => set({
overview,
address: overview.address,
did: overview.did,
mid: overview.mid
}),
refreshOverview: async () => {
const res = await getOverviewInfoApi();
if (res.data) {
set({ overview: res.data });
set({ address: res.data.address });
set({ did: res.data.did });
set({ mid: res.data.mid });
}
},
endpoints: {
back: "https://api.matchid.ai/",
auth: "https://auth.matchid.ai/"
},
setDid: (did) => set({ did }),
setToken: (token) => set({ token }),
setAppid: (appid) => set({ appid }),
setMid: (mid) => set({ mid }),
logout: () => set({ token: "", did: "", mid: "", address: "", overview: null, assets: [] }),
setTheme: (theme) => set({ theme }),
setEndpoints: (endpoints) => set({ endpoints }),
address: "",
setAddress: (address) => set({ address }),
locale: "en",
setLocale: (locale) => set({ locale }),
wallet: {
type: "UserPasscode"
},
setWallet: (wallet) => set({ wallet }),
chainId: 698,
setChainId: (chainId) => set({ chainId }),
assets: [],
setAssets: (assets) => set({ assets })
}),
{ name: "match-local" }
);
var useLocalStore = (0, import_zustand.create)((0, import_middleware.devtools)(persistedState));
var localStore = useLocalStore;
// src/hooks/useUserInfo.tsx
var import_react19 = require("react");
// src/MatchContext.tsx
var import_react18 = require("react");
// src/hooks/useMatchEvents.ts
var import_react5 = require("react");
// src/hooks/eventManager.ts
var EventManager = class {
constructor() {
this.listeners = {};
}
on(event, callback) {
if (!this.listeners[event]) {
this.listeners[event] = /* @__PURE__ */ new Set();
}
this.listeners[event].add(callback);
}
off(event, callback) {
if (this.listeners[event]) {
this.listeners[event].delete(callback);
if (this.listeners[event].size === 0) {
delete this.listeners[event];
}
}
}
emit(event, ...args) {
if (this.listeners[event]) {
this.listeners[event].forEach((callback) => callback(...args));
}
}
};
var eventManager = new EventManager();
// src/hooks/useWallet.tsx
var import_viem = require("viem");
// src/store/useStore.ts
var import_zustand2 = require("zustand");
var useStore = (0, import_zustand2.create)((set) => ({
walletReady: false,
setWalletReady: (inited) => set({ walletReady: inited }),
tgAppAuthCode: "",
setTgAppAuthCode: (code) => set({ tgAppAuthCode: code }),
emailLoginKey: "",
setEmailLoginKey: (key) => set({ emailLoginKey: key })
}));
// src/hooks/useWallet.tsx
var import_accounts = require("viem/accounts");
var import_viem2 = require("viem");
var import_react7 = require("react");
var import_viem3 = require("viem");
// src/context/ModalContext.tsx
var import_react6 = require("react");
var import_react_dom = require("react-dom");
var import_jsx_runtime63 = require("react/jsx-runtime");
var ModalContext = (0, import_react6.createContext)(null);
// src/store/useTransactionStore.ts
var import_zustand3 = require("zustand");
var import_middleware2 = require("zustand/middleware");
var persistedState2 = (0, import_middleware2.persist)(
(set, get) => ({
transactions: {},
addTransaction: (data) => {
set((state) => {
const updatedTransactions = {
...state.transactions,
[`${data.chainId}-${data.address}`]: [data.info, ...state.transactions[`${data.chainId}-${data.address}`] || []]
};
return { transactions: updatedTransactions };
});
},
removeTransaction: (data) => {
set((state) => {
const updatedTransactions = {
...state.transactions,
[`${data.chainId}-${data.address}`]: (state.transactions[`${data.chainId}-${data.address}`] || []).filter((tx) => tx.hash !== data.hash)
};
return { transactions: updatedTransactions };
});
}
}),
{ name: "match-transactions-local" }
);
var useTransactionStore = (0, import_zustand3.create)((0, import_middleware2.devtools)(persistedState2));
// src/hooks/useWallet.tsx
var import_jsx_runtime64 = require("react/jsx-runtime");
var AppClientId = "react-sdk-" + getVersion();
// src/hooks/useCopyClipboard.ts
var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
var import_react8 = require("react");
// src/context/ToastContext.tsx
var import_react9 = require("react");
var import_react_dom2 = require("react-dom");
var import_jsx_runtime65 = require("react/jsx-runtime");
var ToastContext = (0, import_react9.createContext)(null);
// src/hooks/api/wallet.ts
var import_react_query = require("@tanstack/react-query");
// src/hooks/useMatchChain.tsx
var import_react10 = require("react");
var import_viem4 = require("viem");
var import_react_intl2 = require("react-intl");
var import_jsx_runtime66 = require("react/jsx-runtime");
// src/hooks/useMatchWallet.tsx
var import_react_qrcode = require("react-qrcode");
var import_react12 = require("react");
var import_react_query4 = require("@tanstack/react-query");
var import_viem7 = require("viem");
// src/store/useContractStore.ts
var import_zustand4 = require("zustand");
var import_middleware3 = require("zustand/middleware");
var persistedState3 = (0, import_middleware3.persist)(
(set, get) => ({
contracts: {},
getContract: (chainId, contractAddress) => {
const key = `${chainId}-${contractAddress.toLowerCase()}`;
return get().contracts[key];
},
setContractName: (chainId, contractAddress, name) => {
const key = `${chainId}-${contractAddress.toLowerCase()}`;
set((state) => {
const updatedContracts = {
...state.contracts,
[key]: { ...state.contracts[key], name }
};
return { contracts: updatedContracts };
});
},
setContractSymbol: (chainId, contractAddress, symbol) => {
const key = `${chainId}-${contractAddress.toLowerCase()}`;
set((state) => {
const updatedContracts = {
...state.contracts,
[key]: { ...state.contracts[key], symbol }
};
return { contracts: updatedContracts };
});
},
setContractDecimals: (chainId, contractAddress, decimals) => {
const key = `${chainId}-${contractAddress.toLowerCase()}`;
set((state) => {
const updatedContracts = {
...state.contracts,
[key]: { ...state.contracts[key], decimals }
};
return { contracts: updatedContracts };
});
},
setContracts: (data) => {
set((state) => {
const newContracts = { ...state.contracts };
data.forEach(({ chainId, contractAddress, info }) => {
const key = `${chainId}-${contractAddress.toLowerCase()}`;
newContracts[key] = { ...newContracts[key], ...info };
});
return { contracts: newContracts };
});
}
}),
{ name: "match-contract-local" }
);
var useContractStore = (0, import_zustand4.create)((0, import_middleware3.devtools)(persistedState3));
// src/hooks/useMatchWallet.tsx
var import_react_intl4 = require("react-intl");
// src/components/ImportToken/index.tsx
var import_react11 = require("react");
var import_react_intl3 = require("react-intl");
var import_react_query3 = require("@tanstack/react-query");
var import_viem6 = require("viem");
// src/hooks/useIsContract.ts
var import_viem5 = require("viem");
var import_react_query2 = require("@tanstack/react-query");
// src/assets/lottie/confirm.json
var confirm_default = { v: "5.9.6", fr: 25, ip: 0, op: 75, w: 500, h: 500, nm: "15 waiting file", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 3, nm: "Main Stroke width - Color Ctrl", parent: 23, sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [0, 0, 0], ix: 2, l: 2 }, a: { a: 0, k: [50, 50, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, ef: [{ ty: 5, nm: "Stroke width", np: 3, mn: "ADBE Slider Control", ix: 1, en: 1, ef: [{ ty: 0, nm: "\u6ED1\u5757", mn: "ADBE Slider Control-0001", ix: 1, v: { a: 0, k: 16, ix: 1 } }] }, { ty: 5, nm: "Base Color", np: 3, mn: "ADBE Color Control", ix: 2, en: 1, ef: [{ ty: 2, nm: "\u989C\u8272", mn: "ADBE Color Control-0001", ix: 1, v: { a: 0, k: [0, 0, 0, 1], ix: 1 } }] }, { ty: 5, nm: "Highlight", np: 3, mn: "ADBE Color Control", ix: 3, en: 1, ef: [{ ty: 2, nm: "\u989C\u8272", mn: "ADBE Color Control-0001", ix: 1, v: { a: 0, k: [0.20000000298, 0.800000011921, 0.800000011921, 1], ix: 1 } }] }], ip: 0, op: 75, st: 0, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "Line B 1", parent: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [-10.218, 10.449, 0], ix: 2, l: 2 }, a: { a: 0, k: [68.217, 8, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.2, y: 1 }, o: { x: 0.6, y: 0 }, t: 38, s: [{ i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [68.435, 8.207]], c: false }], e: [{ i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [128.435, 8]], c: false }] }, { t: 62 }], ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 0, k: 0, ix: 1 }, e: { a: 1, k: [{ i: { x: [0.2], y: [1] }, o: { x: [0.6], y: [0] }, t: 47, s: [0], e: [100] }, { t: 61 }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Recortar trazados 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 47, op: 75, st: 11, ct: 1, bm: 0 }, { ddd: 0, ind: 3, ty: 4, nm: "Line B 2", parent: 1, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 54, s: [100], e: [0] }, { t: 60 }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [-10.218, 10.449, 0], ix: 2, l: 2 }, a: { a: 0, k: [68.217, 8, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.2, y: 1 }, o: { x: 0.6, y: 0 }, t: 45, s: [{ i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [68.435, 8.207]], c: false }], e: [{ i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [128.435, 8]], c: false }] }, { t: 67 }], ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 0, k: 0, ix: 1 }, e: { a: 1, k: [{ i: { x: [0.2], y: [1] }, o: { x: [0.6], y: [0] }, t: 11, s: [0], e: [100] }, { t: 30 }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Recortar trazados 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 16, op: 62, st: 16, ct: 1, bm: 0 }, { ddd: 0, ind: 4, ty: 4, nm: "Line B 3", parent: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [-10.218, 56.624, 0], ix: 2, l: 2 }, a: { a: 0, k: [68.217, 8, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [67.685, 8.291]], c: false }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 0, k: 0, ix: 1 }, e: { a: 1, k: [{ i: { x: [0.2], y: [1] }, o: { x: [0.6], y: [0] }, t: 12, s: [0], e: [100] }, { t: 31 }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Recortar trazados 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 17, op: 76, st: 20, ct: 1, bm: 0 }, { ddd: 0, ind: 5, ty: 4, nm: "Line B 4", parent: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [-10.218, 104.798, 0], ix: 2, l: 2 }, a: { a: 0, k: [68.217, 8, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [67.935, 7.938]], c: false }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 0, k: 0, ix: 1 }, e: { a: 1, k: [{ i: { x: [0.2], y: [1] }, o: { x: [0.6], y: [0] }, t: 49, s: [0], e: [100] }, { t: 64 }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Recortar trazados 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 50, op: 76, st: 18, ct: 1, bm: 0 }, { ddd: 0, ind: 6, ty: 4, nm: "Line B 5", parent: 1, sr: 1, ks: { o: { a: 1, k: [{ i: { x: [0.833], y: [0.833] }, o: { x: [0.167], y: [0.167] }, t: 59, s: [100], e: [0] }, { t: 65 }], ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [-10.218, 104.798, 0], ix: 2, l: 2 }, a: { a: 0, k: [68.217, 8, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [67.935, 7.938]], c: false }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 0, k: 0, ix: 1 }, e: { a: 1, k: [{ i: { x: [0.2], y: [1] }, o: { x: [0.6], y: [0] }, t: 13, s: [0], e: [100] }, { t: 32 }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Recortar trazados 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 18, op: 67, st: 21, ct: 1, bm: 0 }, { ddd: 0, ind: 7, ty: 4, nm: "Line B 6", parent: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [-10.218, 152.972, 0], ix: 2, l: 2 }, a: { a: 0, k: [68.217, 8, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[8, 8], [67.185, 8.112]], c: false }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [0, 0], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }, { ty: "tm", s: { a: 0, k: 0, ix: 1 }, e: { a: 1, k: [{ i: { x: [0.2], y: [1] }, o: { x: [0.6], y: [0] }, t: 14, s: [0], e: [100] }, { t: 33 }], ix: 2 }, o: { a: 0, k: 0, ix: 3 }, m: 1, ix: 2, nm: "Recortar trazados 1", mn: "ADBE Vector Filter - Trim", hd: false }], ip: 19, op: 78, st: 22, ct: 1, bm: 0 }, { ddd: 0, ind: 8, ty: 4, nm: "Clock Line 1", parent: 10, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.833], y: [0.873] }, o: { x: [0.6], y: [0] }, t: 18, s: [0], e: [237] }, { i: { x: [0.2], y: [1] }, o: { x: [0.167], y: [0.243] }, t: 41, s: [237], e: [361] }, { t: 64 }], ix: 10 }, p: { a: 0, k: [132.703, 132.69, 0], ix: 2, l: 2 }, a: { a: 0, k: [40, 86.084, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[-17.282, 23.042], [-17.282, -23.042]], c: false }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [57.281, 63.042], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 75, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 9, ty: 4, nm: "Clock Line 2", parent: 10, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.833], y: [0.655] }, o: { x: [0.6], y: [0] }, t: 18, s: [0], e: [87] }, { i: { x: [0.2], y: [1] }, o: { x: [0.167], y: [0.11] }, t: 41, s: [87], e: [360] }, { t: 64 }], ix: 10 }, p: { a: 0, k: [132.703, 132.69, 0], ix: 2, l: 2 }, a: { a: 0, k: [40, 86.084, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0]], o: [[0, 0], [0, 0]], v: [[17.282, 23.042], [-17.282, 23.042]], c: false }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0, 0, 0, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [57.281, 63.042], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 75, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 10, ty: 4, nm: "Clock", parent: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 1, k: [{ i: { x: 0.2, y: 1 }, o: { x: 0.6, y: 0 }, t: 14, s: [134.402, 135.666, 0], e: [134.402, 14.416, 0], to: [0, -20.208, 0], ti: [0, 20.208, 0] }, { i: { x: 0.2, y: 0.2 }, o: { x: 0.6, y: 0.6 }, t: 36, s: [134.402, 14.416, 0], e: [134.402, 14.416, 0], to: [0, 0, 0], ti: [0, 0, 0] }, { i: { x: 0.2, y: 1 }, o: { x: 0.6, y: 0 }, t: 43, s: [134.402, 14.416, 0], e: [134.402, 135.666, 0], to: [0, 20.208, 0], ti: [0, -20.208, 0] }, { t: 65 }], ix: 2, l: 2 }, a: { a: 0, k: [136.459, 136.46, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[-53.239, 0], [0, -53.239], [53.24, 0], [0, 53.24]], o: [[53.24, 0], [0, 53.24], [-53.239, 0], [0, -53.239]], v: [[0, -96.46], [96.459, -1e-3], [0, 96.46], [-96.459, -1e-3]], c: true }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.988235294819, 0.501960813999, 0.176470592618, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 16, ix: 5 }, lc: 2, lj: 2, bm: 0, nm: "Trazo 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "tr", p: { a: 0, k: [136.459, 136.46], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "\u53D8\u6362" }], nm: "Grupo 1", np: 2, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 75, st: 0, ct: 1, bm: 0 }, { ddd: 0, ind: 11, ty: 4, nm: "Mask Fold ", parent: 18, td: 1, sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10 }, p: { a: 0, k: [75.303, 82.303, 0], ix: 2, l: 2 }, a: { a: 0, k: [82.304, 82.304, 0], ix: 1, l: 2 }, s: { a: 0, k: [100, 100, 100], ix: 6, l: 2 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 0, k: { i: [[0, 0], [0, 0], [0, 0], [0, 0], [0, 13.349], [0, 0]], o: [[0, 0], [0, 0], [0, 0], [13.35, 0], [0, 0], [0, 0]], v: [[36.65, -42.508], [-34.85, 29.742], [-34.803, 42.326], [18.13, 42.303], [42.303, 18.131], [42.303, -42.303]], c: true }, ix: 2 }, nm: "Trazado 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "tr", p: { a: 0, k: [82.303, 82.303], ix: 2 }, a: { a: 0, k