Compare commits
No commits in common. "master" and "main" have entirely different histories.
|
|
@ -0,0 +1,110 @@
|
||||||
|
# Dependencies
|
||||||
|
**/node_modules
|
||||||
|
.pnpm-store/
|
||||||
|
|
||||||
|
# Build outputs
|
||||||
|
dist/
|
||||||
|
build/
|
||||||
|
*.dist
|
||||||
|
|
||||||
|
# Environment variables
|
||||||
|
.env
|
||||||
|
.env.local
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
|
||||||
|
# IDE and editor files
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
|
*.swp
|
||||||
|
*.swo
|
||||||
|
*~
|
||||||
|
|
||||||
|
# OS generated files
|
||||||
|
.DS_Store
|
||||||
|
.DS_Store?
|
||||||
|
._*
|
||||||
|
.Spotlight-V100
|
||||||
|
.Trashes
|
||||||
|
ehthumbs.db
|
||||||
|
Thumbs.db
|
||||||
|
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
*.bak
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage/
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
.parcel-cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
|
||||||
|
# Storybook build outputs
|
||||||
|
.out
|
||||||
|
.storybook-out
|
||||||
|
|
||||||
|
# Temporary folders
|
||||||
|
tmp/
|
||||||
|
temp/
|
||||||
|
|
||||||
|
# Database
|
||||||
|
*.db
|
||||||
|
*.sqlite
|
||||||
|
*.sqlite3
|
||||||
|
|
||||||
|
# Webdev artifacts (checkpoint zips, migrations, etc.)
|
||||||
|
.webdev/
|
||||||
|
|
@ -0,0 +1,106 @@
|
||||||
|
{
|
||||||
|
"query": "DESCRIBE trc20_purchases;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute DESCRIBE trc20_purchases;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"Field": "id",
|
||||||
|
"Type": "int",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "PRI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": "auto_increment"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "txHash",
|
||||||
|
"Type": "varchar(128)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "UNI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "fromAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "usdtAmount",
|
||||||
|
"Type": "decimal(20,6)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "xicAmount",
|
||||||
|
"Type": "decimal(30,6)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "blockNumber",
|
||||||
|
"Type": "bigint",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "status",
|
||||||
|
"Type": "enum('pending','confirmed','distributed','failed')",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "pending",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "distributedAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "distributeTxHash",
|
||||||
|
"Type": "varchar(128)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "createdAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "updatedAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": "DEFAULT_GENERATED on update CURRENT_TIMESTAMP"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "evmAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "Field\tType\tNull\tKey\tDefault\tExtra\nid\tint\tNO\tPRI\tNULL\tauto_increment\ntxHash\tvarchar(128)\tNO\tUNI\tNULL\t\nfromAddress\tvarchar(64)\tNO\t\tNULL\t\nusdtAmount\tdecimal(20,6)\tNO\t\tNULL\t\nxicAmount\tdecimal(30,6)\tNO\t\tNULL\t\nblockNumber\tbigint\tYES\t\tNULL\t\nstatus\tenum('pending','confirmed','distributed','failed')\tNO\t\tpending\t\ndistributedAt\ttimestamp\tYES\t\tNULL\t\ndistributeTxHash\tvarchar(128)\tYES\t\tNULL\t\ncreatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\t\nupdatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\tDEFAULT_GENERATED on update CURRENT_TIMESTAMP\nevmAddress\tvarchar(64)\tYES\t\tNULL\t\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1590
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT COLUMN_NAME, DATA_TYPE FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' ORDER BY ORDINAL_POSITION;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT COLUMN_NAME, DATA_TYPE FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' ORDER BY ORDINAL_POSITION;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "id",
|
||||||
|
"DATA_TYPE": "int"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "txHash",
|
||||||
|
"DATA_TYPE": "varchar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "fromAddress",
|
||||||
|
"DATA_TYPE": "varchar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "usdtAmount",
|
||||||
|
"DATA_TYPE": "decimal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "xicAmount",
|
||||||
|
"DATA_TYPE": "decimal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "blockNumber",
|
||||||
|
"DATA_TYPE": "bigint"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "status",
|
||||||
|
"DATA_TYPE": "enum"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributedAt",
|
||||||
|
"DATA_TYPE": "timestamp"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributeTxHash",
|
||||||
|
"DATA_TYPE": "varchar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "createdAt",
|
||||||
|
"DATA_TYPE": "timestamp"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "updatedAt",
|
||||||
|
"DATA_TYPE": "timestamp"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "evmAddress",
|
||||||
|
"DATA_TYPE": "varchar"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "COLUMN_NAME\tDATA_TYPE\nid\tint\ntxHash\tvarchar\nfromAddress\tvarchar\nusdtAmount\tdecimal\nxicAmount\tdecimal\nblockNumber\tbigint\nstatus\tenum\ndistributedAt\ttimestamp\ndistributeTxHash\tvarchar\ncreatedAt\ttimestamp\nupdatedAt\ttimestamp\nevmAddress\tvarchar\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1492
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,106 @@
|
||||||
|
{
|
||||||
|
"query": "SHOW COLUMNS FROM trc20_purchases;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SHOW COLUMNS FROM trc20_purchases;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"Field": "id",
|
||||||
|
"Type": "int",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "PRI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": "auto_increment"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "txHash",
|
||||||
|
"Type": "varchar(128)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "UNI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "fromAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "usdtAmount",
|
||||||
|
"Type": "decimal(20,6)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "xicAmount",
|
||||||
|
"Type": "decimal(30,6)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "blockNumber",
|
||||||
|
"Type": "bigint",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "status",
|
||||||
|
"Type": "enum('pending','confirmed','distributed','failed')",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "pending",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "distributedAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "distributeTxHash",
|
||||||
|
"Type": "varchar(128)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "createdAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "updatedAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": "DEFAULT_GENERATED on update CURRENT_TIMESTAMP"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "evmAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "Field\tType\tNull\tKey\tDefault\tExtra\nid\tint\tNO\tPRI\tNULL\tauto_increment\ntxHash\tvarchar(128)\tNO\tUNI\tNULL\t\nfromAddress\tvarchar(64)\tNO\t\tNULL\t\nusdtAmount\tdecimal(20,6)\tNO\t\tNULL\t\nxicAmount\tdecimal(30,6)\tNO\t\tNULL\t\nblockNumber\tbigint\tYES\t\tNULL\t\nstatus\tenum('pending','confirmed','distributed','failed')\tNO\t\tpending\t\ndistributedAt\ttimestamp\tYES\t\tNULL\t\ndistributeTxHash\tvarchar(128)\tYES\t\tNULL\t\ncreatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\t\nupdatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\tDEFAULT_GENERATED on update CURRENT_TIMESTAMP\nevmAddress\tvarchar(64)\tYES\t\tNULL\t\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1499
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' AND COLUMN_NAME LIKE '%vm%';",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' AND COLUMN_NAME LIKE '%vm%';",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "evmAddress"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "COLUMN_NAME\nevmAddress\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1512
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases';",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases';",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "id"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "txHash"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "fromAddress"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "usdtAmount"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "xicAmount"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "blockNumber"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "status"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributedAt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributeTxHash"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "createdAt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "updatedAt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "evmAddress"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "COLUMN_NAME\nid\ntxHash\nfromAddress\nusdtAmount\nxicAmount\nblockNumber\nstatus\ndistributedAt\ndistributeTxHash\ncreatedAt\nupdatedAt\nevmAddress\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1493
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT COLUMN_NAME, COLUMN_TYPE FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' ORDER BY ORDINAL_POSITION;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT COLUMN_NAME, COLUMN_TYPE FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' ORDER BY ORDINAL_POSITION;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "id",
|
||||||
|
"COLUMN_TYPE": "int"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "txHash",
|
||||||
|
"COLUMN_TYPE": "varchar(128)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "fromAddress",
|
||||||
|
"COLUMN_TYPE": "varchar(64)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "usdtAmount",
|
||||||
|
"COLUMN_TYPE": "decimal(20,6)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "xicAmount",
|
||||||
|
"COLUMN_TYPE": "decimal(30,6)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "blockNumber",
|
||||||
|
"COLUMN_TYPE": "bigint"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "status",
|
||||||
|
"COLUMN_TYPE": "enum('pending','confirmed','distributed','failed')"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributedAt",
|
||||||
|
"COLUMN_TYPE": "timestamp"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributeTxHash",
|
||||||
|
"COLUMN_TYPE": "varchar(128)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "createdAt",
|
||||||
|
"COLUMN_TYPE": "timestamp"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "updatedAt",
|
||||||
|
"COLUMN_TYPE": "timestamp"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "evmAddress",
|
||||||
|
"COLUMN_TYPE": "varchar(64)"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "COLUMN_NAME\tCOLUMN_TYPE\nid\tint\ntxHash\tvarchar(128)\nfromAddress\tvarchar(64)\nusdtAmount\tdecimal(20,6)\nxicAmount\tdecimal(30,6)\nblockNumber\tbigint\nstatus\tenum('pending','confirmed','distributed','failed')\ndistributedAt\ttimestamp\ndistributeTxHash\tvarchar(128)\ncreatedAt\ttimestamp\nupdatedAt\ttimestamp\nevmAddress\tvarchar(64)\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1572
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT 1 FROM trc20_purchases LIMIT 0; SELECT evmAddress FROM trc20_purchases LIMIT 1;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT 1 FROM trc20_purchases LIMIT 0; SELECT evmAddress FROM trc20_purchases LIMIT 1;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"evmAddress": "NULL"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "evmAddress\nNULL\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1778
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,70 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT COLUMN_NAME, COLUMN_TYPE, IS_NULLABLE FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_SCHEMA = DATABASE() AND TABLE_NAME = 'trc20_purchases';",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT COLUMN_NAME, COLUMN_TYPE, IS_NULLABLE FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_SCHEMA = DATABASE() AND TABLE_NAME = 'trc20_purchases';",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "id",
|
||||||
|
"COLUMN_TYPE": "int",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "txHash",
|
||||||
|
"COLUMN_TYPE": "varchar(128)",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "fromAddress",
|
||||||
|
"COLUMN_TYPE": "varchar(64)",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "usdtAmount",
|
||||||
|
"COLUMN_TYPE": "decimal(20,6)",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "xicAmount",
|
||||||
|
"COLUMN_TYPE": "decimal(30,6)",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "blockNumber",
|
||||||
|
"COLUMN_TYPE": "bigint",
|
||||||
|
"IS_NULLABLE": "YES"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "status",
|
||||||
|
"COLUMN_TYPE": "enum('pending','confirmed','distributed','failed')",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributedAt",
|
||||||
|
"COLUMN_TYPE": "timestamp",
|
||||||
|
"IS_NULLABLE": "YES"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributeTxHash",
|
||||||
|
"COLUMN_TYPE": "varchar(128)",
|
||||||
|
"IS_NULLABLE": "YES"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "createdAt",
|
||||||
|
"COLUMN_TYPE": "timestamp",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "updatedAt",
|
||||||
|
"COLUMN_TYPE": "timestamp",
|
||||||
|
"IS_NULLABLE": "NO"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "evmAddress",
|
||||||
|
"COLUMN_TYPE": "varchar(64)",
|
||||||
|
"IS_NULLABLE": "YES"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "COLUMN_NAME\tCOLUMN_TYPE\tIS_NULLABLE\nid\tint\tNO\ntxHash\tvarchar(128)\tNO\nfromAddress\tvarchar(64)\tNO\nusdtAmount\tdecimal(20,6)\tNO\nxicAmount\tdecimal(30,6)\tNO\nblockNumber\tbigint\tYES\nstatus\tenum('pending','confirmed','distributed','failed')\tNO\ndistributedAt\ttimestamp\tYES\ndistributeTxHash\tvarchar(128)\tYES\ncreatedAt\ttimestamp\tNO\nupdatedAt\ttimestamp\tNO\nevmAddress\tvarchar(64)\tYES\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1482
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT `evmAddress` FROM trc20_purchases LIMIT 1;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT `evmAddress` FROM trc20_purchases LIMIT 1;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"evmAddress": "NULL"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "evmAddress\nNULL\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1511
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,106 @@
|
||||||
|
{
|
||||||
|
"query": "SHOW COLUMNS FROM trc20_purchases;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SHOW COLUMNS FROM trc20_purchases;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"Field": "id",
|
||||||
|
"Type": "int",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "PRI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": "auto_increment"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "txHash",
|
||||||
|
"Type": "varchar(128)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "UNI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "fromAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "usdtAmount",
|
||||||
|
"Type": "decimal(20,6)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "xicAmount",
|
||||||
|
"Type": "decimal(30,6)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "blockNumber",
|
||||||
|
"Type": "bigint",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "status",
|
||||||
|
"Type": "enum('pending','confirmed','distributed','failed')",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "pending",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "distributedAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "distributeTxHash",
|
||||||
|
"Type": "varchar(128)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "createdAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "updatedAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": "DEFAULT_GENERATED on update CURRENT_TIMESTAMP"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "evmAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "Field\tType\tNull\tKey\tDefault\tExtra\nid\tint\tNO\tPRI\tNULL\tauto_increment\ntxHash\tvarchar(128)\tNO\tUNI\tNULL\t\nfromAddress\tvarchar(64)\tNO\t\tNULL\t\nusdtAmount\tdecimal(20,6)\tNO\t\tNULL\t\nxicAmount\tdecimal(30,6)\tNO\t\tNULL\t\nblockNumber\tbigint\tYES\t\tNULL\t\nstatus\tenum('pending','confirmed','distributed','failed')\tNO\t\tpending\t\ndistributedAt\ttimestamp\tYES\t\tNULL\t\ndistributeTxHash\tvarchar(128)\tYES\t\tNULL\t\ncreatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\t\nupdatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\tDEFAULT_GENERATED on update CURRENT_TIMESTAMP\nevmAddress\tvarchar(64)\tYES\t\tNULL\t\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1594
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
{
|
||||||
|
"query": "SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' ORDER BY ORDINAL_POSITION;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_NAME = 'trc20_purchases' ORDER BY ORDINAL_POSITION;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "id"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "txHash"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "fromAddress"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "usdtAmount"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "xicAmount"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "blockNumber"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "status"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributedAt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "distributeTxHash"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "createdAt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "updatedAt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"COLUMN_NAME": "evmAddress"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "COLUMN_NAME\nid\ntxHash\nfromAddress\nusdtAmount\nxicAmount\nblockNumber\nstatus\ndistributedAt\ndistributeTxHash\ncreatedAt\nupdatedAt\nevmAddress\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1593
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,74 @@
|
||||||
|
{
|
||||||
|
"query": "ALTER TABLE bridge_intents MODIFY COLUMN senderAddress VARCHAR(64) NULL;\nDESCRIBE bridge_intents;",
|
||||||
|
"command": "mysql --batch --raw --column-names --default-character-set=utf8mb4 --host gateway03.us-east-1.prod.aws.tidbcloud.com --port 4000 --user 3Bq4cgN2KNKQqNu.8160cd2033e0 --database Ngki3MumDNGduV3xJt3mga --execute ALTER TABLE bridge_intents MODIFY COLUMN senderAddress VARCHAR(64) NULL;\nDESCRIBE bridge_intents;",
|
||||||
|
"rows": [
|
||||||
|
{
|
||||||
|
"Field": "id",
|
||||||
|
"Type": "int",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "PRI",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": "auto_increment"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "fromChainId",
|
||||||
|
"Type": "int",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "senderAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "xicReceiveAddress",
|
||||||
|
"Type": "varchar(64)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "expectedUsdt",
|
||||||
|
"Type": "decimal(20,6)",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "matched",
|
||||||
|
"Type": "tinyint(1)",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "0",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "matchedOrderId",
|
||||||
|
"Type": "int",
|
||||||
|
"Null": "YES",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "NULL",
|
||||||
|
"Extra": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"Field": "createdAt",
|
||||||
|
"Type": "timestamp",
|
||||||
|
"Null": "NO",
|
||||||
|
"Key": "",
|
||||||
|
"Default": "CURRENT_TIMESTAMP",
|
||||||
|
"Extra": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"messages": [],
|
||||||
|
"stdout": "Field\tType\tNull\tKey\tDefault\tExtra\nid\tint\tNO\tPRI\tNULL\tauto_increment\nfromChainId\tint\tNO\t\tNULL\t\nsenderAddress\tvarchar(64)\tYES\t\tNULL\t\nxicReceiveAddress\tvarchar(64)\tNO\t\tNULL\t\nexpectedUsdt\tdecimal(20,6)\tYES\t\tNULL\t\nmatched\ttinyint(1)\tNO\t\t0\t\nmatchedOrderId\tint\tYES\t\tNULL\t\ncreatedAt\ttimestamp\tNO\t\tCURRENT_TIMESTAMP\t\n",
|
||||||
|
"stderr": "",
|
||||||
|
"execution_time_ms": 1992
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
# Dependencies
|
||||||
|
node_modules/
|
||||||
|
.pnpm-store/
|
||||||
|
|
||||||
|
# Build outputs
|
||||||
|
dist/
|
||||||
|
build/
|
||||||
|
*.dist
|
||||||
|
|
||||||
|
# Generated files
|
||||||
|
*.tsbuildinfo
|
||||||
|
coverage/
|
||||||
|
|
||||||
|
# Package files
|
||||||
|
package-lock.json
|
||||||
|
pnpm-lock.yaml
|
||||||
|
|
||||||
|
# Database
|
||||||
|
*.db
|
||||||
|
*.sqlite
|
||||||
|
*.sqlite3
|
||||||
|
|
||||||
|
# Logs
|
||||||
|
*.log
|
||||||
|
|
||||||
|
# Environment files
|
||||||
|
.env*
|
||||||
|
|
||||||
|
# IDE files
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
|
|
||||||
|
# OS files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
{
|
||||||
|
"semi": true,
|
||||||
|
"trailingComma": "es5",
|
||||||
|
"singleQuote": false,
|
||||||
|
"printWidth": 80,
|
||||||
|
"tabWidth": 2,
|
||||||
|
"useTabs": false,
|
||||||
|
"bracketSpacing": true,
|
||||||
|
"bracketSameLine": false,
|
||||||
|
"arrowParens": "avoid",
|
||||||
|
"endOfLine": "lf",
|
||||||
|
"quoteProps": "as-needed",
|
||||||
|
"jsxSingleQuote": false,
|
||||||
|
"proseWrap": "preserve"
|
||||||
|
}
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
const s=/[.*+?^${}()|[\]\\]/gu,e=/[0-9,.]/u,t="https://reown.com";export{t as R,e as n,s};
|
|
||||||
|
|
@ -1,201 +0,0 @@
|
||||||
import{i as g,r as h,e as p,a as w,b as u,O as m,u as v,d as f}from"./index-B6fu-u6K.js";import{n as s,c as b,U as x}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";import"./index-DUZ-8KUm.js";const N={URLS:{FAQ:"https://walletconnect.com/faq"}},y=g`
|
|
||||||
a {
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-010);
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-image {
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.disabled > wui-icon:not(.image-icon),
|
|
||||||
a.disabled > wui-image {
|
|
||||||
filter: grayscale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill'] {
|
|
||||||
color: var(--wui-color-inverse-100);
|
|
||||||
background-color: var(--wui-color-accent-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='shade'],
|
|
||||||
a[data-variant='shadeSmall'] {
|
|
||||||
background-color: transparent;
|
|
||||||
background-color: var(--wui-color-gray-glass-010);
|
|
||||||
color: var(--wui-color-fg-200);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='success'] {
|
|
||||||
column-gap: var(--wui-spacing-xxs);
|
|
||||||
border: 1px solid var(--wui-color-success-glass-010);
|
|
||||||
background-color: var(--wui-color-success-glass-010);
|
|
||||||
color: var(--wui-color-success-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='error'] {
|
|
||||||
column-gap: var(--wui-spacing-xxs);
|
|
||||||
border: 1px solid var(--wui-color-error-glass-010);
|
|
||||||
background-color: var(--wui-color-error-glass-010);
|
|
||||||
color: var(--wui-color-error-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent'] {
|
|
||||||
column-gap: var(--wui-spacing-xxs);
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--wui-color-fg-150);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent'],
|
|
||||||
a[data-variant='success'],
|
|
||||||
a[data-variant='shadeSmall'],
|
|
||||||
a[data-variant='error'] {
|
|
||||||
padding: 7px var(--wui-spacing-s) 7px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent']:has(wui-text:first-child),
|
|
||||||
a[data-variant='success']:has(wui-text:first-child),
|
|
||||||
a[data-variant='shadeSmall']:has(wui-text:first-child),
|
|
||||||
a[data-variant='error']:has(wui-text:first-child) {
|
|
||||||
padding: 7px var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill'],
|
|
||||||
a[data-variant='shade'] {
|
|
||||||
column-gap: var(--wui-spacing-xs);
|
|
||||||
padding: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-xxs)
|
|
||||||
var(--wui-spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill']:has(wui-text:first-child),
|
|
||||||
a[data-variant='shade']:has(wui-text:first-child) {
|
|
||||||
padding: 9px var(--wui-spacing-m) 9px var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill'] > wui-image,
|
|
||||||
a[data-variant='shade'] > wui-image {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill'] > wui-image {
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='shade'] > wui-image,
|
|
||||||
a[data-variant='shadeSmall'] > wui-image {
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill'] > wui-icon:not(.image-icon),
|
|
||||||
a[data-variant='shade'] > wui-icon:not(.image-icon) {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent'] > wui-image,
|
|
||||||
a[data-variant='success'] > wui-image,
|
|
||||||
a[data-variant='shadeSmall'] > wui-image,
|
|
||||||
a[data-variant='error'] > wui-image {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent'] > wui-icon:not(.image-icon),
|
|
||||||
a[data-variant='success'] > wui-icon:not(.image-icon),
|
|
||||||
a[data-variant='shadeSmall'] > wui-icon:not(.image-icon),
|
|
||||||
a[data-variant='error'] > wui-icon:not(.image-icon) {
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill']:focus-visible {
|
|
||||||
background-color: var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='shade']:focus-visible,
|
|
||||||
a[data-variant='shadeSmall']:focus-visible {
|
|
||||||
background-color: var(--wui-color-gray-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent']:focus-visible {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='success']:focus-visible {
|
|
||||||
background-color: var(--wui-color-success-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='error']:focus-visible {
|
|
||||||
background-color: var(--wui-color-error-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
a.disabled {
|
|
||||||
color: var(--wui-color-gray-glass-015);
|
|
||||||
background-color: var(--wui-color-gray-glass-015);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: hover) and (pointer: fine) {
|
|
||||||
a[data-variant='fill']:hover {
|
|
||||||
background-color: var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='shade']:hover,
|
|
||||||
a[data-variant='shadeSmall']:hover {
|
|
||||||
background-color: var(--wui-color-gray-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent']:hover {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='success']:hover {
|
|
||||||
background-color: var(--wui-color-success-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='error']:hover {
|
|
||||||
background-color: var(--wui-color-error-glass-015);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='fill']:active {
|
|
||||||
background-color: var(--wui-color-accent-080);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='shade']:active,
|
|
||||||
a[data-variant='shadeSmall']:active {
|
|
||||||
background-color: var(--wui-color-gray-glass-020);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='transparent']:active {
|
|
||||||
background-color: var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='success']:active {
|
|
||||||
background-color: var(--wui-color-success-glass-020);
|
|
||||||
}
|
|
||||||
|
|
||||||
a[data-variant='error']:active {
|
|
||||||
background-color: var(--wui-color-error-glass-020);
|
|
||||||
}
|
|
||||||
`;var o=function(a,t,i,n){var c=arguments.length,e=c<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(a,t,i,n);else for(var d=a.length-1;d>=0;d--)(l=a[d])&&(e=(c<3?l(e):c>3?l(t,i,e):l(t,i))||e);return c>3&&e&&Object.defineProperty(t,i,e),e};let r=class extends w{constructor(){super(...arguments),this.variant="fill",this.imageSrc=void 0,this.imageIcon=void 0,this.imageIconSize="md",this.disabled=!1,this.icon="externalLink",this.href="",this.text=void 0}render(){const i=this.variant==="success"||this.variant==="transparent"||this.variant==="shadeSmall"?"small-600":"paragraph-600";return u`
|
|
||||||
<a
|
|
||||||
rel="noreferrer"
|
|
||||||
target="_blank"
|
|
||||||
href=${this.href}
|
|
||||||
class=${this.disabled?"disabled":""}
|
|
||||||
data-variant=${this.variant}
|
|
||||||
>
|
|
||||||
${this.imageTemplate()}
|
|
||||||
<wui-text variant=${i} color="inherit">
|
|
||||||
${this.title?this.title:x.getHostName(this.href)}
|
|
||||||
</wui-text>
|
|
||||||
<wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
|
|
||||||
</a>
|
|
||||||
`}imageTemplate(){return this.imageSrc?u`<wui-image src=${this.imageSrc}></wui-image>`:this.imageIcon?u`<wui-icon
|
|
||||||
name=${this.imageIcon}
|
|
||||||
color="inherit"
|
|
||||||
size=${this.imageIconSize}
|
|
||||||
class="image-icon"
|
|
||||||
></wui-icon>`:null}};r.styles=[h,p,y];o([s()],r.prototype,"variant",void 0);o([s()],r.prototype,"imageSrc",void 0);o([s()],r.prototype,"imageIcon",void 0);o([s()],r.prototype,"imageIconSize",void 0);o([s({type:Boolean})],r.prototype,"disabled",void 0);o([s()],r.prototype,"icon",void 0);o([s()],r.prototype,"href",void 0);o([s()],r.prototype,"text",void 0);r=o([b("wui-chip")],r);const z={getTabsByNamespace(a){var i;return!!a&&a===f.CHAIN.EVM?((i=m.state.remoteFeatures)==null?void 0:i.activity)===!1?v.ACCOUNT_TABS.filter(n=>n.label!=="Activity"):v.ACCOUNT_TABS:[]},isValidReownName(a){return/^[a-zA-Z0-9]+$/gu.test(a)},validateReownName(a){return a.replace(/\^/gu,"").toLowerCase().replace(/[^a-zA-Z0-9]/gu,"")}};export{z as H,N};
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,15 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg
|
|
||||||
width="14"
|
|
||||||
height="14"
|
|
||||||
viewBox="0 0 14 14"
|
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M7.0023 0.875C7.48571 0.875 7.8776 1.26675 7.8776 1.75V6.125H12.2541C12.7375 6.125 13.1294 6.51675 13.1294 7C13.1294 7.48325 12.7375 7.875 12.2541 7.875H7.8776V12.25C7.8776 12.7332 7.48571 13.125 7.0023 13.125C6.51889 13.125 6.12701 12.7332 6.12701 12.25V7.875H1.75054C1.26713 7.875 0.875244 7.48325 0.875244 7C0.875244 6.51675 1.26713 6.125 1.75054 6.125H6.12701V1.75C6.12701 1.26675 6.51889 0.875 7.0023 0.875Z"
|
|
||||||
fill="#667dff"
|
|
||||||
/></svg
|
|
||||||
>`;export{o as addSvg};
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 24 24">
|
|
||||||
<path
|
|
||||||
style="fill: var(--wui-color-accent-100);"
|
|
||||||
d="M10.2 6.6a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0ZM21 6.6a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0ZM10.2 17.4a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0ZM21 17.4a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0Z"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as allWalletsSvg};
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
import{w as t}from"./index-B6fu-u6K.js";const e=t`
|
|
||||||
<svg width="36" height="36">
|
|
||||||
<path
|
|
||||||
d="M28.724 0H7.271A7.269 7.269 0 0 0 0 7.272v21.46A7.268 7.268 0 0 0 7.271 36H28.73A7.272 7.272 0 0 0 36 28.728V7.272A7.275 7.275 0 0 0 28.724 0Z"
|
|
||||||
fill="url(#a)"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="m17.845 8.271.729-1.26a1.64 1.64 0 1 1 2.843 1.638l-7.023 12.159h5.08c1.646 0 2.569 1.935 1.853 3.276H6.434a1.632 1.632 0 0 1-1.638-1.638c0-.909.73-1.638 1.638-1.638h4.176l5.345-9.265-1.67-2.898a1.642 1.642 0 0 1 2.844-1.638l.716 1.264Zm-6.317 17.5-1.575 2.732a1.64 1.64 0 1 1-2.844-1.638l1.17-2.025c1.323-.41 2.398-.095 3.249.931Zm13.56-4.954h4.262c.909 0 1.638.729 1.638 1.638 0 .909-.73 1.638-1.638 1.638h-2.367l1.597 2.772c.45.788.185 1.782-.602 2.241a1.642 1.642 0 0 1-2.241-.603c-2.69-4.666-4.711-8.159-6.052-10.485-1.372-2.367-.391-4.743.576-5.549 1.075 1.846 2.682 4.631 4.828 8.348Z"
|
|
||||||
fill="#fff"
|
|
||||||
/>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="a" x1="18" y1="0" x2="18" y2="36" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#18BFFB" />
|
|
||||||
<stop offset="1" stop-color="#2072F3" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>`;export{e as appStoreSvg};
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const f=l`<svg fill="none" viewBox="0 0 40 40">
|
|
||||||
<g clip-path="url(#a)">
|
|
||||||
<g clip-path="url(#b)">
|
|
||||||
<circle cx="20" cy="19.89" r="20" fill="#000" />
|
|
||||||
<g clip-path="url(#c)">
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
d="M28.77 23.3c-.69 1.99-2.75 5.52-4.87 5.56-1.4.03-1.86-.84-3.46-.84-1.61 0-2.12.81-3.45.86-2.25.1-5.72-5.1-5.72-9.62 0-4.15 2.9-6.2 5.42-6.25 1.36-.02 2.64.92 3.47.92.83 0 2.38-1.13 4.02-.97.68.03 2.6.28 3.84 2.08-3.27 2.14-2.76 6.61.75 8.25ZM24.2 7.88c-2.47.1-4.49 2.69-4.2 4.84 2.28.17 4.47-2.39 4.2-4.84Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="a"><rect width="40" height="40" fill="#fff" rx="20" /></clipPath>
|
|
||||||
<clipPath id="b"><path fill="#fff" d="M0 0h40v40H0z" /></clipPath>
|
|
||||||
<clipPath id="c"><path fill="#fff" d="M8 7.89h24v24H8z" /></clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>`;export{f as appleSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as o}from"./index-B6fu-u6K.js";const e=o`<svg fill="none" viewBox="0 0 14 15">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M7 1.99a1 1 0 0 1 1 1v7.58l2.46-2.46a1 1 0 0 1 1.41 1.42L7.7 13.69a1 1 0 0 1-1.41 0L2.12 9.53A1 1 0 0 1 3.54 8.1L6 10.57V3a1 1 0 0 1 1-1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as arrowBottomSvg};
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const e=C`<svg
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 21 20"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M10.5 2.42908C6.31875 2.42908 2.92859 5.81989 2.92859 10.0034C2.92859 14.1869 6.31875 17.5777 10.5 17.5777C14.6813 17.5777 18.0714 14.1869 18.0714 10.0034C18.0714 5.81989 14.6813 2.42908 10.5 2.42908ZM0.928589 10.0034C0.928589 4.71596 5.21355 0.429077 10.5 0.429077C15.7865 0.429077 20.0714 4.71596 20.0714 10.0034C20.0714 15.2908 15.7865 19.5777 10.5 19.5777C5.21355 19.5777 0.928589 15.2908 0.928589 10.0034ZM10.5 5.75003C11.0523 5.75003 11.5 6.19774 11.5 6.75003L11.5 10.8343L12.7929 9.54137C13.1834 9.15085 13.8166 9.15085 14.2071 9.54137C14.5976 9.9319 14.5976 10.5651 14.2071 10.9556L11.2071 13.9556C10.8166 14.3461 10.1834 14.3461 9.79291 13.9556L6.79291 10.9556C6.40239 10.5651 6.40239 9.9319 6.79291 9.54137C7.18343 9.15085 7.8166 9.15085 8.20712 9.54137L9.50002 10.8343L9.50002 6.75003C9.50002 6.19774 9.94773 5.75003 10.5 5.75003Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/></svg
|
|
||||||
>`;export{e as arrowBottomCircleSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as e}from"./index-B6fu-u6K.js";const o=e`<svg fill="none" viewBox="0 0 14 15">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M13 7.99a1 1 0 0 1-1 1H4.4l2.46 2.46a1 1 0 1 1-1.41 1.41L1.29 8.7a1 1 0 0 1 0-1.41L5.46 3.1a1 1 0 0 1 1.41 1.42L4.41 6.99H12a1 1 0 0 1 1 1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as arrowLeftSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const e=l`<svg fill="none" viewBox="0 0 14 15">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M1 7.99a1 1 0 0 1 1-1h7.58L7.12 4.53A1 1 0 1 1 8.54 3.1l4.16 4.17a1 1 0 0 1 0 1.41l-4.16 4.17a1 1 0 1 1-1.42-1.41l2.46-2.46H2a1 1 0 0 1-1-1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as arrowRightSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as o}from"./index-B6fu-u6K.js";const e=o`<svg fill="none" viewBox="0 0 14 15">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M7 13.99a1 1 0 0 1-1-1V5.4L3.54 7.86a1 1 0 0 1-1.42-1.41L6.3 2.28a1 1 0 0 1 1.41 0l4.17 4.17a1 1 0 1 1-1.41 1.41L8 5.4v7.59a1 1 0 0 1-1 1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as arrowTopSvg};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import{w as e}from"./index-B6fu-u6K.js";const o=e`<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="12"
|
|
||||||
height="13"
|
|
||||||
viewBox="0 0 12 13"
|
|
||||||
fill="none"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M5.61391 1.57124C5.85142 1.42873 6.14813 1.42873 6.38564 1.57124L11.0793 4.38749C11.9179 4.89067 11.5612 6.17864 10.5832 6.17864H9.96398V10.0358H10.2854C10.6996 10.0358 11.0354 10.3716 11.0354 10.7858C11.0354 11.2 10.6996 11.5358 10.2854 11.5358H1.71416C1.29995 11.5358 0.964172 11.2 0.964172 10.7858C0.964172 10.3716 1.29995 10.0358 1.71416 10.0358H2.03558L2.03558 6.17864H1.41637C0.438389 6.17864 0.0816547 4.89066 0.920263 4.38749L5.61391 1.57124ZM3.53554 6.17864V10.0358H5.24979V6.17864H3.53554ZM6.74976 6.17864V10.0358H8.46401V6.17864H6.74976ZM8.64913 4.67864H3.35043L5.99978 3.089L8.64913 4.67864Z"
|
|
||||||
fill="currentColor"
|
|
||||||
/></svg
|
|
||||||
>`;export{o as bankSvg};
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const o=C`<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.90029 1.71429C4.09883 0.736183 4.96358 0 6.00028 0C7.03698 0 7.90173 0.736183 8.10027 1.71429H9.41533C9.42361 1.71417 9.4319 1.71417 9.44022 1.71429H10.286C10.7594 1.71429 11.1431 2.09804 11.1431 2.57143C11.1431 3.04482 10.7594 3.42857 10.286 3.42857H10.1855L9.73675 7.01877C9.6785 7.48493 9.6279 7.88983 9.55601 8.22075C9.47948 8.57304 9.36472 8.91574 9.13613 9.22925C8.91553 9.53181 8.63151 9.78254 8.30392 9.96392C7.96448 10.1519 7.61019 10.2232 7.25112 10.2555C6.91385 10.2858 6.50581 10.2857 6.03603 10.2857H5.96453C5.49475 10.2857 5.08671 10.2858 4.74944 10.2555C4.39037 10.2232 4.03608 10.1519 3.69664 9.96392C3.36905 9.78254 3.08503 9.53181 2.86442 9.22925C2.63583 8.91574 2.52108 8.57304 2.44455 8.22075C2.37266 7.88984 2.32206 7.48496 2.26382 7.0188L1.81504 3.42857H1.71456C1.24118 3.42857 0.857422 3.04482 0.857422 2.57143C0.857422 2.09804 1.24118 1.71429 1.71456 1.71429H2.56034C2.56866 1.71417 2.57695 1.71417 2.58522 1.71429H3.90029ZM3.54266 3.42857L3.96043 6.77068C4.02441 7.2825 4.06617 7.61016 4.11976 7.85681C4.17051 8.09045 4.21726 8.17492 4.2496 8.21928C4.32314 8.32013 4.41781 8.4037 4.52701 8.46416C4.57504 8.49076 4.66465 8.52666 4.90278 8.54805C5.15417 8.57063 5.48448 8.57143 6.00028 8.57143C6.51608 8.57143 6.84638 8.57063 7.09778 8.54805C7.33591 8.52666 7.42552 8.49076 7.47355 8.46416C7.58275 8.4037 7.67742 8.32013 7.75096 8.21928C7.7833 8.17491 7.83005 8.09045 7.8808 7.85681C7.93439 7.61016 7.97615 7.2825 8.04013 6.77068L8.4579 3.42857H3.54266Z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
`;export{o as binSvg};
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import{w as L}from"./index-B6fu-u6K.js";const i=L`
|
|
||||||
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_24458_3947)">
|
|
||||||
<path d="M12.6542 7.45143C11.8528 10.6657 8.59691 12.6219 5.38191 11.8204C2.16827 11.019 0.211924 7.76324 1.01369 4.54918C1.81476 1.33451 5.07063 -0.621803 8.28463 0.17954C11.4994 0.980884 13.4556 4.23702 12.6541 7.45149L12.6542 7.45143H12.6542Z" fill="var(--wui-color-gray-glass-005)"/>
|
|
||||||
<path d="M9.48002 5.14517C9.59946 4.3467 8.9915 3.91749 8.16017 3.63117L8.42986 2.54957L7.7714 2.38551L7.50886 3.43863C7.33576 3.39546 7.15799 3.35479 6.9813 3.31446L7.24574 2.25439L6.58769 2.09033L6.31786 3.17158C6.17461 3.13896 6.03391 3.10673 5.89741 3.07277L5.89817 3.06937L4.99014 2.84264L4.81498 3.54585C4.81498 3.54585 5.3035 3.65783 5.29321 3.66472C5.55985 3.73126 5.60807 3.90775 5.60006 4.04765L5.29286 5.27984C5.31122 5.2845 5.33503 5.29125 5.36131 5.3018C5.33935 5.29635 5.31597 5.2904 5.29171 5.28459L4.86112 7.01072C4.82853 7.09172 4.74582 7.21328 4.5594 7.16712C4.566 7.17668 4.08082 7.0477 4.08082 7.0477L3.75391 7.80135L4.61079 8.01495C4.77019 8.05492 4.92641 8.09674 5.08024 8.13607L4.80777 9.23007L5.46547 9.39413L5.7353 8.31174C5.91498 8.36051 6.08935 8.4055 6.26005 8.44791L5.99112 9.52519L6.64961 9.68925L6.92206 8.5973C8.04487 8.80978 8.88914 8.72411 9.2445 7.70862C9.53085 6.89103 9.23025 6.41944 8.63954 6.11192C9.06978 6.0127 9.39385 5.72975 9.48026 5.14525L9.48005 5.14511L9.48002 5.14517ZM7.9756 7.25457C7.7721 8.07216 6.39541 7.6302 5.94906 7.51937L6.31064 6.07001C6.75696 6.18142 8.18827 6.40191 7.97562 7.25457H7.9756ZM8.17923 5.13332C7.9936 5.877 6.84776 5.49918 6.47606 5.40653L6.80389 4.09205C7.17559 4.18469 8.37261 4.35761 8.17929 5.13332H8.17923Z" fill="var(--wui-color-gray-glass-090)"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_24458_3947">
|
|
||||||
<rect width="11.9997" height="12" fill="white" transform="translate(0.833984)"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
`;export{i as bitcoinSvg};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const a=l`<svg fill="none" viewBox="0 0 20 20">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M4 6.4a1 1 0 0 1-.46.89 6.98 6.98 0 0 0 .38 6.18A7 7 0 0 0 16.46 7.3a1 1 0 0 1-.47-.92 7 7 0 0 0-12 .03Zm-2.02-.5a9 9 0 1 1 16.03 8.2A9 9 0 0 1 1.98 5.9Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M6.03 8.63c-1.46-.3-2.72-.75-3.6-1.35l-.02-.01-.14-.11a1 1 0 0 1 1.2-1.6l.1.08c.6.4 1.52.74 2.69 1 .16-.99.39-1.88.67-2.65.3-.79.68-1.5 1.15-2.02A2.58 2.58 0 0 1 9.99 1c.8 0 1.45.44 1.92.97.47.52.84 1.23 1.14 2.02.29.77.52 1.66.68 2.64a8 8 0 0 0 2.7-1l.26-.18h.48a1 1 0 0 1 .12 2c-.86.51-2.01.91-3.34 1.18a22.24 22.24 0 0 1-.03 3.19c1.45.29 2.7.73 3.58 1.31a1 1 0 0 1-1.1 1.68c-.6-.4-1.56-.76-2.75-1-.15.8-.36 1.55-.6 2.2-.3.79-.67 1.5-1.14 2.02-.47.53-1.12.97-1.92.97-.8 0-1.45-.44-1.91-.97a6.51 6.51 0 0 1-1.15-2.02c-.24-.65-.44-1.4-.6-2.2-1.18.24-2.13.6-2.73.99a1 1 0 1 1-1.1-1.67c.88-.58 2.12-1.03 3.57-1.31a22.03 22.03 0 0 1-.04-3.2Zm2.2-1.7c.15-.86.34-1.61.58-2.24.24-.65.51-1.12.76-1.4.25-.28.4-.29.42-.29.03 0 .17.01.42.3.25.27.52.74.77 1.4.23.62.43 1.37.57 2.22a19.96 19.96 0 0 1-3.52 0Zm-.18 4.6a20.1 20.1 0 0 1-.03-2.62 21.95 21.95 0 0 0 3.94 0 20.4 20.4 0 0 1-.03 2.63 21.97 21.97 0 0 0-3.88 0Zm.27 2c.13.66.3 1.26.49 1.78.24.65.51 1.12.76 1.4.25.28.4.29.42.29.03 0 .17-.01.42-.3.25-.27.52-.74.77-1.4.19-.5.36-1.1.49-1.78a20.03 20.03 0 0 0-3.35 0Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{a as browserSvg};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const l=C`<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="12"
|
|
||||||
height="13"
|
|
||||||
viewBox="0 0 12 13"
|
|
||||||
fill="none"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M4.16072 2C4.17367 2 4.18665 2 4.19968 2L7.83857 2C8.36772 1.99998 8.82398 1.99996 9.19518 2.04018C9.5895 2.0829 9.97577 2.17811 10.3221 2.42971C10.5131 2.56849 10.6811 2.73647 10.8198 2.92749C11.0714 3.27379 11.1666 3.66007 11.2094 4.0544C11.2496 4.42561 11.2496 4.88188 11.2495 5.41105V7.58896C11.2496 8.11812 11.2496 8.57439 11.2094 8.94561C11.1666 9.33994 11.0714 9.72621 10.8198 10.0725C10.6811 10.2635 10.5131 10.4315 10.3221 10.5703C9.97577 10.8219 9.5895 10.9171 9.19518 10.9598C8.82398 11 8.36772 11 7.83856 11H4.16073C3.63157 11 3.17531 11 2.80411 10.9598C2.40979 10.9171 2.02352 10.8219 1.67722 10.5703C1.48621 10.4315 1.31824 10.2635 1.17946 10.0725C0.927858 9.72621 0.832652 9.33994 0.78993 8.94561C0.749713 8.5744 0.749733 8.11813 0.749757 7.58896L0.749758 5.45C0.749758 5.43697 0.749758 5.42399 0.749757 5.41104C0.749733 4.88188 0.749713 4.42561 0.78993 4.0544C0.832652 3.66007 0.927858 3.27379 1.17946 2.92749C1.31824 2.73647 1.48621 2.56849 1.67722 2.42971C2.02352 2.17811 2.40979 2.0829 2.80411 2.04018C3.17531 1.99996 3.63157 1.99998 4.16072 2ZM2.96567 3.53145C2.69897 3.56034 2.60687 3.60837 2.55888 3.64324C2.49521 3.6895 2.43922 3.74549 2.39296 3.80916C2.35809 3.85715 2.31007 3.94926 2.28117 4.21597C2.26629 4.35335 2.25844 4.51311 2.25431 4.70832H9.74498C9.74085 4.51311 9.733 4.35335 9.71812 4.21597C9.68922 3.94926 9.6412 3.85715 9.60633 3.80916C9.56007 3.74549 9.50408 3.6895 9.44041 3.64324C9.39242 3.60837 9.30031 3.56034 9.03362 3.53145C8.75288 3.50103 8.37876 3.5 7.79961 3.5H4.19968C3.62053 3.5 3.24641 3.50103 2.96567 3.53145ZM9.74956 6.20832H2.24973V7.55C2.24973 8.12917 2.25076 8.5033 2.28117 8.78404C2.31007 9.05074 2.35809 9.14285 2.39296 9.19084C2.43922 9.25451 2.49521 9.31051 2.55888 9.35677C2.60687 9.39163 2.69897 9.43966 2.96567 9.46856C3.24641 9.49897 3.62053 9.5 4.19968 9.5H7.79961C8.37876 9.5 8.75288 9.49897 9.03362 9.46856C9.30032 9.43966 9.39242 9.39163 9.44041 9.35677C9.50408 9.31051 9.56007 9.25451 9.60633 9.19084C9.6412 9.14285 9.68922 9.05075 9.71812 8.78404C9.74854 8.5033 9.74956 8.12917 9.74956 7.55V6.20832ZM6.74963 8C6.74963 7.58579 7.08541 7.25 7.49961 7.25H8.2496C8.6638 7.25 8.99958 7.58579 8.99958 8C8.99958 8.41422 8.6638 8.75 8.2496 8.75H7.49961C7.08541 8.75 6.74963 8.41422 6.74963 8Z"
|
|
||||||
fill="currentColor"
|
|
||||||
/></svg
|
|
||||||
>`;export{l as cardSvg};
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
import{w as e}from"./index-B6fu-u6K.js";const o=e`<svg
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M25.5297 4.92733C26.1221 5.4242 26.1996 6.30724 25.7027 6.89966L12.2836 22.8997C12.0316 23.2001 11.6652 23.3811 11.2735 23.3986C10.8817 23.4161 10.5006 23.2686 10.2228 22.9919L2.38218 15.1815C1.83439 14.6358 1.83268 13.7494 2.37835 13.2016C2.92403 12.6538 3.81046 12.6521 4.35825 13.1978L11.1183 19.9317L23.5573 5.10036C24.0542 4.50794 24.9372 4.43047 25.5297 4.92733Z"
|
|
||||||
fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
`;export{o as checkmarkSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as e}from"./index-B6fu-u6K.js";const o=e`<svg fill="none" viewBox="0 0 14 14">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M12.9576 2.23383C13.3807 2.58873 13.4361 3.21947 13.0812 3.64263L6.37159 11.6426C6.19161 11.8572 5.92989 11.9865 5.65009 11.999C5.3703 12.0115 5.09808 11.9062 4.89965 11.7085L0.979321 7.80331C0.588042 7.41354 0.586817 6.78038 0.976585 6.3891C1.36635 5.99782 1.99952 5.99659 2.3908 6.38636L5.53928 9.52268L11.5488 2.35742C11.9037 1.93426 12.5344 1.87893 12.9576 2.23383Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as checkmarkBoldSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as o}from"./index-B6fu-u6K.js";const e=o`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M1.46 4.96a1 1 0 0 1 1.41 0L8 10.09l5.13-5.13a1 1 0 1 1 1.41 1.41l-5.83 5.84a1 1 0 0 1-1.42 0L1.46 6.37a1 1 0 0 1 0-1.41Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as chevronBottomSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as e}from"./index-B6fu-u6K.js";const o=e`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M11.04 1.46a1 1 0 0 1 0 1.41L5.91 8l5.13 5.13a1 1 0 1 1-1.41 1.41L3.79 8.71a1 1 0 0 1 0-1.42l5.84-5.83a1 1 0 0 1 1.41 0Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as chevronLeftSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M4.96 14.54a1 1 0 0 1 0-1.41L10.09 8 4.96 2.87a1 1 0 0 1 1.41-1.41l5.84 5.83a1 1 0 0 1 0 1.42l-5.84 5.83a1 1 0 0 1-1.41 0Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as chevronRightSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const e=l`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M14.54 11.04a1 1 0 0 1-1.41 0L8 5.92l-5.13 5.12a1 1 0 1 1-1.41-1.41l5.83-5.84a1 1 0 0 1 1.42 0l5.83 5.84a1 1 0 0 1 0 1.41Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as chevronTopSvg};
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
import{w as t}from"./index-B6fu-u6K.js";const o=t`<svg width="36" height="36" fill="none">
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
fill-opacity=".05"
|
|
||||||
d="M0 14.94c0-5.55 0-8.326 1.182-10.4a9 9 0 0 1 3.359-3.358C6.614 0 9.389 0 14.94 0h6.12c5.55 0 8.326 0 10.4 1.182a9 9 0 0 1 3.358 3.359C36 6.614 36 9.389 36 14.94v6.12c0 5.55 0 8.326-1.182 10.4a9 9 0 0 1-3.359 3.358C29.386 36 26.611 36 21.06 36h-6.12c-5.55 0-8.326 0-10.4-1.182a9 9 0 0 1-3.358-3.359C0 29.386 0 26.611 0 21.06v-6.12Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
stroke="#fff"
|
|
||||||
stroke-opacity=".05"
|
|
||||||
d="M14.94.5h6.12c2.785 0 4.84 0 6.46.146 1.612.144 2.743.43 3.691.97a8.5 8.5 0 0 1 3.172 3.173c.541.948.826 2.08.971 3.692.145 1.62.146 3.675.146 6.459v6.12c0 2.785 0 4.84-.146 6.46-.145 1.612-.43 2.743-.97 3.691a8.5 8.5 0 0 1-3.173 3.172c-.948.541-2.08.826-3.692.971-1.62.145-3.674.146-6.459.146h-6.12c-2.784 0-4.84 0-6.46-.146-1.612-.145-2.743-.43-3.691-.97a8.5 8.5 0 0 1-3.172-3.173c-.541-.948-.827-2.08-.971-3.692C.5 25.9.5 23.845.5 21.06v-6.12c0-2.784 0-4.84.146-6.46.144-1.612.43-2.743.97-3.691A8.5 8.5 0 0 1 4.79 1.617C5.737 1.076 6.869.79 8.48.646 10.1.5 12.156.5 14.94.5Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="url(#a)"
|
|
||||||
d="M17.998 10.8h12.469a14.397 14.397 0 0 0-24.938.001l6.234 10.798.006-.001a7.19 7.19 0 0 1 6.23-10.799Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="url(#b)"
|
|
||||||
d="m24.237 21.598-6.234 10.798A14.397 14.397 0 0 0 30.47 10.798H18.002l-.002.006a7.191 7.191 0 0 1 6.237 10.794Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="url(#c)"
|
|
||||||
d="M11.765 21.601 5.531 10.803A14.396 14.396 0 0 0 18.001 32.4l6.235-10.798-.004-.004a7.19 7.19 0 0 1-12.466.004Z"
|
|
||||||
/>
|
|
||||||
<path fill="#fff" d="M18 25.2a7.2 7.2 0 1 0 0-14.4 7.2 7.2 0 0 0 0 14.4Z" />
|
|
||||||
<path fill="#1A73E8" d="M18 23.7a5.7 5.7 0 1 0 0-11.4 5.7 5.7 0 0 0 0 11.4Z" />
|
|
||||||
<defs>
|
|
||||||
<linearGradient
|
|
||||||
id="a"
|
|
||||||
x1="6.294"
|
|
||||||
x2="41.1"
|
|
||||||
y1="5.995"
|
|
||||||
y2="5.995"
|
|
||||||
gradientUnits="userSpaceOnUse"
|
|
||||||
>
|
|
||||||
<stop stop-color="#D93025" />
|
|
||||||
<stop offset="1" stop-color="#EA4335" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient
|
|
||||||
id="b"
|
|
||||||
x1="20.953"
|
|
||||||
x2="37.194"
|
|
||||||
y1="32.143"
|
|
||||||
y2="2.701"
|
|
||||||
gradientUnits="userSpaceOnUse"
|
|
||||||
>
|
|
||||||
<stop stop-color="#FCC934" />
|
|
||||||
<stop offset="1" stop-color="#FBBC04" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient
|
|
||||||
id="c"
|
|
||||||
x1="25.873"
|
|
||||||
x2="9.632"
|
|
||||||
y1="31.2"
|
|
||||||
y2="1.759"
|
|
||||||
gradientUnits="userSpaceOnUse"
|
|
||||||
>
|
|
||||||
<stop stop-color="#1E8E3E" />
|
|
||||||
<stop offset="1" stop-color="#34A853" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>`;export{o as chromeStoreSvg};
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
import{w as i}from"./index-B6fu-u6K.js";const t=i`<svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<circle cx="2" cy="2" r="2" fill="white" fill-opacity="0.2"/>
|
|
||||||
</svg>
|
|
||||||
`;export{t as circleSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const l=C`<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M7.00235 2C4.24 2 2.00067 4.23858 2.00067 7C2.00067 9.76142 4.24 12 7.00235 12C9.7647 12 12.004 9.76142 12.004 7C12.004 4.23858 9.7647 2 7.00235 2ZM0 7C0 3.13401 3.13506 0 7.00235 0C10.8696 0 14.0047 3.13401 14.0047 7C14.0047 10.866 10.8696 14 7.00235 14C3.13506 14 0 10.866 0 7ZM7.00235 3C7.55482 3 8.00269 3.44771 8.00269 4V6.58579L9.85327 8.43575C10.2439 8.82627 10.2439 9.45944 9.85327 9.84996C9.46262 10.2405 8.82924 10.2405 8.43858 9.84996L6.29501 7.70711C6.10741 7.51957 6.00201 7.26522 6.00201 7V4C6.00201 3.44771 6.44988 3 7.00235 3Z"
|
|
||||||
fill="currentColor"
|
|
||||||
/>
|
|
||||||
</svg>`;export{l as clockSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M2.54 2.54a1 1 0 0 1 1.42 0L8 6.6l4.04-4.05a1 1 0 1 1 1.42 1.42L9.4 8l4.05 4.04a1 1 0 0 1-1.42 1.42L8 9.4l-4.04 4.05a1 1 0 0 1-1.42-1.42L6.6 8 2.54 3.96a1 1 0 0 1 0-1.42Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as closeSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 20 20">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M10 3a7 7 0 0 0-6.85 8.44l8.29-8.3C10.97 3.06 10.49 3 10 3Zm3.49.93-9.56 9.56c.32.55.71 1.06 1.16 1.5L15 5.1a7.03 7.03 0 0 0-1.5-1.16Zm2.7 2.8-9.46 9.46a7 7 0 0 0 9.46-9.46ZM1.99 5.9A9 9 0 1 1 18 14.09 9 9 0 0 1 1.98 5.91Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as coinPlaceholderSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const e=l`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm10.66-2.65a1 1 0 0 1 .23 1.06L9.83 9.24a1 1 0 0 1-.59.58l-2.83 1.06A1 1 0 0 1 5.13 9.6l1.06-2.82a1 1 0 0 1 .58-.59L9.6 5.12a1 1 0 0 1 1.06.23ZM7.9 7.89l-.13.35.35-.13.12-.35-.34.13Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as compassSvg};
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const o=C`<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="16"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 16 16"
|
|
||||||
fill="none"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M9.21498 1.28565H10.5944C11.1458 1.28562 11.6246 1.2856 12.0182 1.32093C12.4353 1.35836 12.853 1.44155 13.2486 1.66724C13.7005 1.92498 14.0749 2.29935 14.3326 2.75122C14.5583 3.14689 14.6415 3.56456 14.6789 3.9817C14.7143 4.37531 14.7142 4.85403 14.7142 5.40545V6.78489C14.7142 7.33631 14.7143 7.81503 14.6789 8.20865C14.6415 8.62578 14.5583 9.04345 14.3326 9.43912C14.0749 9.89099 13.7005 10.2654 13.2486 10.5231C12.853 10.7488 12.4353 10.832 12.0182 10.8694C11.7003 10.8979 11.3269 10.9034 10.9045 10.9045C10.9034 11.3269 10.8979 11.7003 10.8694 12.0182C10.832 12.4353 10.7488 12.853 10.5231 13.2486C10.2654 13.7005 9.89099 14.0749 9.43912 14.3326C9.04345 14.5583 8.62578 14.6415 8.20865 14.6789C7.81503 14.7143 7.33631 14.7142 6.78489 14.7142H5.40545C4.85403 14.7142 4.37531 14.7143 3.9817 14.6789C3.56456 14.6415 3.14689 14.5583 2.75122 14.3326C2.29935 14.0749 1.92498 13.7005 1.66724 13.2486C1.44155 12.853 1.35836 12.4353 1.32093 12.0182C1.2856 11.6246 1.28562 11.1458 1.28565 10.5944V9.21498C1.28562 8.66356 1.2856 8.18484 1.32093 7.79122C1.35836 7.37409 1.44155 6.95642 1.66724 6.56074C1.92498 6.10887 2.29935 5.73451 2.75122 5.47677C3.14689 5.25108 3.56456 5.16789 3.9817 5.13045C4.2996 5.10192 4.67301 5.09645 5.09541 5.09541C5.09645 4.67302 5.10192 4.2996 5.13045 3.9817C5.16789 3.56456 5.25108 3.14689 5.47676 2.75122C5.73451 2.29935 6.10887 1.92498 6.56074 1.66724C6.95642 1.44155 7.37409 1.35836 7.79122 1.32093C8.18484 1.2856 8.66356 1.28562 9.21498 1.28565ZM5.09541 7.09552C4.68397 7.09667 4.39263 7.10161 4.16046 7.12245C3.88053 7.14757 3.78516 7.18949 3.74214 7.21403C3.60139 7.29431 3.48478 7.41091 3.4045 7.55166C3.37997 7.59468 3.33804 7.69005 3.31292 7.96999C3.28659 8.26345 3.28565 8.65147 3.28565 9.25708V10.5523C3.28565 11.1579 3.28659 11.5459 3.31292 11.8394C3.33804 12.1193 3.37997 12.2147 3.4045 12.2577C3.48478 12.3985 3.60139 12.5151 3.74214 12.5954C3.78516 12.6199 3.88053 12.6618 4.16046 12.6869C4.45393 12.7133 4.84195 12.7142 5.44755 12.7142H6.74279C7.3484 12.7142 7.73641 12.7133 8.02988 12.6869C8.30981 12.6618 8.40518 12.6199 8.44821 12.5954C8.58895 12.5151 8.70556 12.3985 8.78584 12.2577C8.81038 12.2147 8.8523 12.1193 8.87742 11.8394C8.89825 11.6072 8.90319 11.3159 8.90435 10.9045C8.48219 10.9034 8.10898 10.8979 7.79122 10.8694C7.37409 10.832 6.95641 10.7488 6.56074 10.5231C6.10887 10.2654 5.73451 9.89099 5.47676 9.43912C5.25108 9.04345 5.16789 8.62578 5.13045 8.20865C5.10194 7.89089 5.09645 7.51767 5.09541 7.09552ZM7.96999 3.31292C7.69005 3.33804 7.59468 3.37997 7.55166 3.4045C7.41091 3.48478 7.29431 3.60139 7.21403 3.74214C7.18949 3.78516 7.14757 3.88053 7.12245 4.16046C7.09611 4.45393 7.09517 4.84195 7.09517 5.44755V6.74279C7.09517 7.3484 7.09611 7.73641 7.12245 8.02988C7.14757 8.30981 7.18949 8.40518 7.21403 8.4482C7.29431 8.58895 7.41091 8.70556 7.55166 8.78584C7.59468 8.81038 7.69005 8.8523 7.96999 8.87742C8.26345 8.90376 8.65147 8.9047 9.25708 8.9047H10.5523C11.1579 8.9047 11.5459 8.90376 11.8394 8.87742C12.1193 8.8523 12.2147 8.81038 12.2577 8.78584C12.3985 8.70556 12.5151 8.58895 12.5954 8.4482C12.6199 8.40518 12.6618 8.30981 12.6869 8.02988C12.7133 7.73641 12.7142 7.3484 12.7142 6.74279V5.44755C12.7142 4.84195 12.7133 4.45393 12.6869 4.16046C12.6618 3.88053 12.6199 3.78516 12.5954 3.74214C12.5151 3.60139 12.3985 3.48478 12.2577 3.4045C12.2147 3.37997 12.1193 3.33804 11.8394 3.31292C11.5459 3.28659 11.1579 3.28565 10.5523 3.28565H9.25708C8.65147 3.28565 8.26345 3.28659 7.96999 3.31292Z"
|
|
||||||
fill="#788181"
|
|
||||||
/></svg
|
|
||||||
>`;export{o as copySvg};
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
import{w as o}from"./index-B6fu-u6K.js";const l=o` <svg fill="none" viewBox="0 0 13 4">
|
|
||||||
<path fill="currentColor" d="M.5 0h12L8.9 3.13a3.76 3.76 0 0 1-4.8 0L.5 0Z" />
|
|
||||||
</svg>`;export{l as cursorSvg};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import{w as o}from"./index-B6fu-u6K.js";const l=o`<svg fill="none" viewBox="0 0 14 6">
|
|
||||||
<path style="fill: var(--wui-color-bg-150);" d="M0 1h14L9.21 5.12a3.31 3.31 0 0 1-4.49 0L0 1Z" />
|
|
||||||
<path
|
|
||||||
style="stroke: var(--wui-color-inverse-100);"
|
|
||||||
stroke-opacity=".05"
|
|
||||||
d="M1.33 1.5h11.32L8.88 4.75l-.01.01a2.81 2.81 0 0 1-3.8 0l-.02-.01L1.33 1.5Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
style="fill: var(--wui-color-bg-150);"
|
|
||||||
d="M1.25.71h11.5L9.21 3.88a3.31 3.31 0 0 1-4.49 0L1.25.71Z"
|
|
||||||
/>
|
|
||||||
</svg> `;export{l as cursorTransparentSvg};
|
|
||||||
|
|
@ -1,242 +0,0 @@
|
||||||
import{i as y,a as $,b as l,O as m,R as p,f,S as h,D as E,F as R}from"./index-B6fu-u6K.js";import{n as S,c as x,r as u,U as _}from"./if-defined-D6swbWyQ.js";import{W as C}from"./index-DPKK9P02.js";import{ReownAuthentication as v}from"./features-C1ep8yJF.js";import"./index-BEFi7f_e.js";import"./index-BqLefJXm.js";const D=y`
|
|
||||||
.email-sufixes {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: var(--wui-spacing-3xs);
|
|
||||||
overflow-x: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
margin-top: var(--wui-spacing-s);
|
|
||||||
margin-bottom: calc(-1 * var(--wui-spacing-m));
|
|
||||||
padding-bottom: var(--wui-spacing-m);
|
|
||||||
margin-left: calc(-1 * var(--wui-spacing-m));
|
|
||||||
margin-right: calc(-1 * var(--wui-spacing-m));
|
|
||||||
padding-left: var(--wui-spacing-m);
|
|
||||||
padding-right: var(--wui-spacing-m);
|
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var O=function(o,t,i,a){var n=arguments.length,e=n<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,i):a,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,a);else for(var s=o.length-1;s>=0;s--)(r=o[s])&&(e=(n<3?r(e):n>3?r(t,i,e):r(t,i))||e);return n>3&&e&&Object.defineProperty(t,i,e),e};const I=["@gmail.com","@outlook.com","@yahoo.com","@hotmail.com","@aol.com","@icloud.com","@zoho.com"];let g=class extends ${constructor(){super(...arguments),this.email=""}render(){const t=I.filter(this.filter.bind(this)).map(this.item.bind(this));return t.length===0?null:l`<div class="email-sufixes">${t}</div>`}filter(t){if(!this.email)return!1;const i=this.email.split("@");if(i.length<2)return!0;const a=i.pop();return t.includes(a)&&t!==`@${a}`}item(t){return l`<wui-button variant="neutral" size="sm" @click=${()=>{const a=this.email.split("@");a.length>1&&a.pop();const n=a[0]+t;this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0}))}}
|
|
||||||
>${t}</wui-button
|
|
||||||
>`}};g.styles=[D];O([S()],g.prototype,"email",void 0);g=O([x("w3m-email-suffixes-widget")],g);const j=y`
|
|
||||||
.recent-emails {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: var(--wui-spacing-s) 0;
|
|
||||||
border-top: 1px solid var(--wui-color-gray-glass-005);
|
|
||||||
border-bottom: 1px solid var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
.recent-emails-heading {
|
|
||||||
margin-bottom: var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
.recent-emails-list-item {
|
|
||||||
--wui-color-gray-glass-002: transparent;
|
|
||||||
}
|
|
||||||
`;var W=function(o,t,i,a){var n=arguments.length,e=n<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,i):a,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,a);else for(var s=o.length-1;s>=0;s--)(r=o[s])&&(e=(n<3?r(e):n>3?r(t,i,e):r(t,i))||e);return n>3&&e&&Object.defineProperty(t,i,e),e};let w=class extends ${constructor(){super(...arguments),this.emails=[]}render(){return this.emails.length===0?null:l`<div class="recent-emails">
|
|
||||||
<wui-text variant="micro-600" color="fg-200" class="recent-emails-heading"
|
|
||||||
>Recently used emails</wui-text
|
|
||||||
>
|
|
||||||
${this.emails.map(this.item.bind(this))}
|
|
||||||
</div>`}item(t){return l`<wui-list-item
|
|
||||||
@click=${()=>{this.dispatchEvent(new CustomEvent("select",{detail:t,bubbles:!0,composed:!0}))}}
|
|
||||||
?chevron=${!0}
|
|
||||||
icon="mail"
|
|
||||||
iconVariant="overlay"
|
|
||||||
class="recent-emails-list-item"
|
|
||||||
>
|
|
||||||
<wui-text variant="paragraph-500" color="fg-100">${t}</wui-text>
|
|
||||||
</wui-list-item>`}};w.styles=[j];W([S()],w.prototype,"emails",void 0);w=W([x("w3m-recent-emails-widget")],w);var A=function(o,t,i,a){var n=arguments.length,e=n<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,i):a,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,a);else for(var s=o.length-1;s>=0;s--)(r=o[s])&&(e=(n<3?r(e):n>3?r(t,i,e):r(t,i))||e);return n>3&&e&&Object.defineProperty(t,i,e),e};let b=class extends C{constructor(){super(...arguments),this.siwx=m.state.siwx,this.onOtpSubmit=async t=>{await this.siwx.confirmEmailOtp({code:t}),p.replace("SIWXSignMessage")},this.onOtpResend=async t=>{const i=f.getAccountData();if(!(i!=null&&i.caipAddress))throw new Error("No account data found");await this.siwx.requestEmailOtp({email:t,account:i.caipAddress})}}connectedCallback(){(!this.siwx||!(this.siwx instanceof v))&&h.showError("ReownAuthentication is not initialized."),super.connectedCallback()}shouldSubmitOnOtpChange(){return this.otp.length===C.OTP_LENGTH}};A([u()],b.prototype,"siwx",void 0);b=A([x("w3m-data-capture-otp-confirm-view")],b);const P=y`
|
|
||||||
.hero {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: var(--wui-spacing-3xs);
|
|
||||||
|
|
||||||
transition-property: margin, height;
|
|
||||||
transition-duration: var(--wui-duration-md);
|
|
||||||
transition-timing-function: var(--wui-ease-out-power-1);
|
|
||||||
margin-top: -100px;
|
|
||||||
|
|
||||||
&[data-state='loading'] {
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
height: 252px;
|
|
||||||
width: 360px;
|
|
||||||
background: radial-gradient(
|
|
||||||
96.11% 53.95% at 50% 51.28%,
|
|
||||||
transparent 0%,
|
|
||||||
color-mix(in srgb, var(--wui-color-bg-100) 5%, transparent) 49%,
|
|
||||||
color-mix(in srgb, var(--wui-color-bg-100) 65%, transparent) 99.43%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-main-icon {
|
|
||||||
width: 176px;
|
|
||||||
transition-property: background-color;
|
|
||||||
transition-duration: var(--wui-duration-lg);
|
|
||||||
transition-timing-function: var(--wui-ease-out-power-1);
|
|
||||||
|
|
||||||
&[data-state='loading'] {
|
|
||||||
width: 56px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-row {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: var(--wui-spacing-3xs);
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
min-width: fit-content;
|
|
||||||
|
|
||||||
&:nth-child(1) {
|
|
||||||
transform: translateX(-30px);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(2) {
|
|
||||||
transform: translateX(30px);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(4) {
|
|
||||||
transform: translateX(40px);
|
|
||||||
}
|
|
||||||
|
|
||||||
transition-property: height;
|
|
||||||
transition-duration: var(--wui-duration-md);
|
|
||||||
transition-timing-function: var(--wui-ease-out-power-1);
|
|
||||||
height: 68px;
|
|
||||||
|
|
||||||
&[data-state='loading'] {
|
|
||||||
height: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-row-icon {
|
|
||||||
opacity: 0.1;
|
|
||||||
transition-property: opacity;
|
|
||||||
transition-duration: var(--wui-duration-md);
|
|
||||||
transition-timing-function: var(--wui-ease-out-power-1);
|
|
||||||
|
|
||||||
&[data-state='loading'] {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var d=function(o,t,i,a){var n=arguments.length,e=n<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,i):a,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,a);else for(var s=o.length-1;s>=0;s--)(r=o[s])&&(e=(n<3?r(e):n>3?r(t,i,e):r(t,i))||e);return n>3&&e&&Object.defineProperty(t,i,e),e};let c=class extends ${constructor(){var t,i,a,n,e,r,s;super(...arguments),this.email=((t=p.state.data)==null?void 0:t.email)??((a=(i=f.getAccountData())==null?void 0:i.user)==null?void 0:a.email)??"",this.address=((n=f.getAccountData())==null?void 0:n.address)??"",this.loading=!1,this.appName=((e=m.state.metadata)==null?void 0:e.name)??"AppKit",this.siwx=m.state.siwx,this.isRequired=Array.isArray((r=m.state.remoteFeatures)==null?void 0:r.emailCapture)&&((s=m.state.remoteFeatures)==null?void 0:s.emailCapture.includes("required")),this.recentEmails=this.getRecentEmails()}connectedCallback(){(!this.siwx||!(this.siwx instanceof v))&&h.showError("ReownAuthentication is not initialized. Please contact support."),super.connectedCallback()}firstUpdated(){this.loading=!1,this.recentEmails=this.getRecentEmails(),this.email&&this.onSubmit()}render(){return l`
|
|
||||||
<wui-flex flexDirection="column" .padding=${["3xs","m","m","m"]} gap="l">
|
|
||||||
${this.hero()} ${this.paragraph()} ${this.emailInput()} ${this.recentEmailsWidget()}
|
|
||||||
${this.footerActions()}
|
|
||||||
</wui-flex>
|
|
||||||
`}hero(){return l`
|
|
||||||
<div class="hero" data-state=${this.loading?"loading":"default"}>
|
|
||||||
${this.heroRow(["id","mail","wallet","x","solana","qrCode"])}
|
|
||||||
${this.heroRow(["mail","farcaster","wallet","discord","mobile","qrCode"])}
|
|
||||||
<div class="hero-row">
|
|
||||||
${this.heroIcon("github")} ${this.heroIcon("bank")}
|
|
||||||
<wui-icon-box
|
|
||||||
size="xl"
|
|
||||||
iconSize="xxl"
|
|
||||||
iconColor=${this.loading?"fg-100":"accent-100"}
|
|
||||||
backgroundColor=${this.loading?"fg-100":"accent-100"}
|
|
||||||
icon=${this.loading?"id":"user"}
|
|
||||||
isOpaque
|
|
||||||
class="hero-main-icon"
|
|
||||||
data-state=${this.loading?"loading":"default"}
|
|
||||||
>
|
|
||||||
</wui-icon-box>
|
|
||||||
${this.heroIcon("id")} ${this.heroIcon("card")}
|
|
||||||
</div>
|
|
||||||
${this.heroRow(["google","id","github","verify","apple","mobile"])}
|
|
||||||
</div>
|
|
||||||
`}heroRow(t){return l`
|
|
||||||
<div class="hero-row" data-state=${this.loading?"loading":"default"}>
|
|
||||||
${t.map(this.heroIcon.bind(this))}
|
|
||||||
</div>
|
|
||||||
`}heroIcon(t){return l`
|
|
||||||
<wui-icon-box
|
|
||||||
size="xl"
|
|
||||||
iconSize="xxl"
|
|
||||||
iconColor="fg-100"
|
|
||||||
backgroundColor="fg-100"
|
|
||||||
icon=${t}
|
|
||||||
data-state=${this.loading?"loading":"default"}
|
|
||||||
isOpaque
|
|
||||||
class="hero-row-icon"
|
|
||||||
>
|
|
||||||
</wui-icon-box>
|
|
||||||
`}paragraph(){return this.loading?l`
|
|
||||||
<wui-text variant="paragraph-400" color="fg-200" align="center"
|
|
||||||
>We are verifying your account with email
|
|
||||||
<wui-text variant="paragraph-600" color="accent-100">${this.email}</wui-text> and address
|
|
||||||
<wui-text variant="paragraph-600" color="fg-100">
|
|
||||||
${_.getTruncateString({string:this.address,charsEnd:4,charsStart:4,truncate:"middle"})} </wui-text
|
|
||||||
>, please wait a moment.</wui-text
|
|
||||||
>
|
|
||||||
`:this.isRequired?l`
|
|
||||||
<wui-text variant="paragraph-600" color="fg-100" align="center">
|
|
||||||
${this.appName} requires your email for authentication.
|
|
||||||
</wui-text>
|
|
||||||
`:l`
|
|
||||||
<wui-flex flexDirection="column" gap="xs" alignItems="center">
|
|
||||||
<wui-text variant="paragraph-600" color="fg-100" align="center" size>
|
|
||||||
${this.appName} would like to collect your email.
|
|
||||||
</wui-text>
|
|
||||||
|
|
||||||
<wui-text variant="small-400" color="fg-200" align="center">
|
|
||||||
Don't worry, it's optional—you can skip this step.
|
|
||||||
</wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
`}emailInput(){if(this.loading)return null;const t=a=>{a.key==="Enter"&&this.onSubmit()},i=a=>{this.email=a.detail};return l`
|
|
||||||
<wui-flex flexDirection="column">
|
|
||||||
<wui-email-input
|
|
||||||
.value=${this.email}
|
|
||||||
.disabled=${this.loading}
|
|
||||||
@inputChange=${i}
|
|
||||||
@keydown=${t}
|
|
||||||
></wui-email-input>
|
|
||||||
|
|
||||||
<w3m-email-suffixes-widget
|
|
||||||
.email=${this.email}
|
|
||||||
@change=${i}
|
|
||||||
></w3m-email-suffixes-widget>
|
|
||||||
</wui-flex>
|
|
||||||
`}recentEmailsWidget(){if(this.recentEmails.length===0||this.loading)return null;const t=i=>{this.email=i.detail,this.onSubmit()};return l`
|
|
||||||
<w3m-recent-emails-widget
|
|
||||||
.emails=${this.recentEmails}
|
|
||||||
@select=${t}
|
|
||||||
></w3m-recent-emails-widget>
|
|
||||||
`}footerActions(){return l`
|
|
||||||
<wui-flex flexDirection="row" fullWidth gap="s">
|
|
||||||
${this.isRequired?null:l`<wui-button
|
|
||||||
size="lg"
|
|
||||||
variant="neutral"
|
|
||||||
fullWidth
|
|
||||||
.disabled=${this.loading}
|
|
||||||
@click=${this.onSkip.bind(this)}
|
|
||||||
>Skip this step</wui-button
|
|
||||||
>`}
|
|
||||||
|
|
||||||
<wui-button
|
|
||||||
size="lg"
|
|
||||||
variant="main"
|
|
||||||
type="submit"
|
|
||||||
fullWidth
|
|
||||||
.disabled=${!this.email||!this.isValidEmail(this.email)}
|
|
||||||
.loading=${this.loading}
|
|
||||||
@click=${this.onSubmit.bind(this)}
|
|
||||||
>
|
|
||||||
Continue
|
|
||||||
</wui-button>
|
|
||||||
</wui-flex>
|
|
||||||
`}async onSubmit(){if(!(this.siwx instanceof v)){h.showError("ReownAuthentication is not initialized. Please contact support.");return}const t=f.getActiveCaipAddress();if(!t)throw new Error("Account is not connected.");if(!this.isValidEmail(this.email)){h.showError("Please provide a valid email.");return}try{this.loading=!0;const i=await this.siwx.requestEmailOtp({email:this.email,account:t});this.pushRecentEmail(this.email),i.uuid===null?p.replace("SIWXSignMessage"):p.replace("DataCaptureOtpConfirm",{email:this.email})}catch{h.showError("Failed to send email OTP"),this.loading=!1}}onSkip(){p.replace("SIWXSignMessage")}getRecentEmails(){const t=E.getItem(R.RECENT_EMAILS);return(t?t.split(","):[]).filter(this.isValidEmail.bind(this)).slice(0,3)}pushRecentEmail(t){const i=this.getRecentEmails(),a=Array.from(new Set([t,...i])).slice(0,3);E.setItem(R.RECENT_EMAILS,a.join(","))}isValidEmail(t){return/^\S+@\S+\.\S+$/u.test(t)}};c.styles=[P];d([u()],c.prototype,"email",void 0);d([u()],c.prototype,"address",void 0);d([u()],c.prototype,"loading",void 0);d([u()],c.prototype,"appName",void 0);d([u()],c.prototype,"siwx",void 0);d([u()],c.prototype,"isRequired",void 0);d([u()],c.prototype,"recentEmails",void 0);c=d([x("w3m-data-capture-view")],c);export{b as W3mDataCaptureOtpConfirmView,c as W3mDataCaptureView,g as W3mEmailSuffixesWidget,w as W3mRecentEmailsWidget};
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
import{w as c}from"./index-B6fu-u6K.js";const l=c`<svg fill="none" viewBox="0 0 20 20">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M13.66 2H6.34c-1.07 0-1.96 0-2.68.08-.74.08-1.42.25-2.01.68a4 4 0 0 0-.89.89c-.43.6-.6 1.27-.68 2.01C0 6.38 0 7.26 0 8.34v.89c0 1.07 0 1.96.08 2.68.08.74.25 1.42.68 2.01a4 4 0 0 0 .89.89c.6.43 1.27.6 2.01.68a27 27 0 0 0 2.68.08h7.32a27 27 0 0 0 2.68-.08 4.03 4.03 0 0 0 2.01-.68 4 4 0 0 0 .89-.89c.43-.6.6-1.27.68-2.01.08-.72.08-1.6.08-2.68v-.89c0-1.07 0-1.96-.08-2.68a4.04 4.04 0 0 0-.68-2.01 4 4 0 0 0-.89-.89c-.6-.43-1.27-.6-2.01-.68C15.62 2 14.74 2 13.66 2ZM2.82 4.38c.2-.14.48-.25 1.06-.31C4.48 4 5.25 4 6.4 4h7.2c1.15 0 1.93 0 2.52.07.58.06.86.17 1.06.31a2 2 0 0 1 .44.44c.14.2.25.48.31 1.06.07.6.07 1.37.07 2.52v.77c0 1.15 0 1.93-.07 2.52-.06.58-.17.86-.31 1.06a2 2 0 0 1-.44.44c-.2.14-.48.25-1.06.32-.6.06-1.37.06-2.52.06H6.4c-1.15 0-1.93 0-2.52-.06-.58-.07-.86-.18-1.06-.32a2 2 0 0 1-.44-.44c-.14-.2-.25-.48-.31-1.06C2 11.1 2 10.32 2 9.17V8.4c0-1.15 0-1.93.07-2.52.06-.58.17-.86.31-1.06a2 2 0 0 1 .44-.44Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
<path fill="currentColor" d="M6.14 17.57a1 1 0 1 0 0 2h7.72a1 1 0 1 0 0-2H6.14Z" />
|
|
||||||
</svg>`;export{l as desktopSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as a}from"./index-B6fu-u6K.js";const e=a`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M6.07 1h.57a1 1 0 0 1 0 2h-.52c-.98 0-1.64 0-2.14.06-.48.05-.7.14-.84.24-.13.1-.25.22-.34.35-.1.14-.2.35-.25.83-.05.5-.05 1.16-.05 2.15v2.74c0 .99 0 1.65.05 2.15.05.48.14.7.25.83.1.14.2.25.34.35.14.1.36.2.84.25.5.05 1.16.05 2.14.05h.52a1 1 0 0 1 0 2h-.57c-.92 0-1.69 0-2.3-.07a3.6 3.6 0 0 1-1.8-.61c-.3-.22-.57-.49-.8-.8a3.6 3.6 0 0 1-.6-1.79C.5 11.11.5 10.35.5 9.43V6.58c0-.92 0-1.7.06-2.31a3.6 3.6 0 0 1 .62-1.8c.22-.3.48-.57.79-.79a3.6 3.6 0 0 1 1.8-.61C4.37 1 5.14 1 6.06 1ZM9.5 3a1 1 0 0 1 1.42 0l4.28 4.3a1 1 0 0 1 0 1.4L10.93 13a1 1 0 0 1-1.42-1.42L12.1 9H6.8a1 1 0 1 1 0-2h5.3L9.51 4.42a1 1 0 0 1 0-1.41Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as disconnectSvg};
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const i=l`<svg fill="none" viewBox="0 0 40 40">
|
|
||||||
<g clip-path="url(#a)">
|
|
||||||
<g clip-path="url(#b)">
|
|
||||||
<circle cx="20" cy="19.89" r="20" fill="#5865F2" />
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M25.71 28.15C30.25 28 32 25.02 32 25.02c0-6.61-2.96-11.98-2.96-11.98-2.96-2.22-5.77-2.15-5.77-2.15l-.29.32c3.5 1.07 5.12 2.61 5.12 2.61a16.75 16.75 0 0 0-10.34-1.93l-.35.04a15.43 15.43 0 0 0-5.88 1.9s1.71-1.63 5.4-2.7l-.2-.24s-2.81-.07-5.77 2.15c0 0-2.96 5.37-2.96 11.98 0 0 1.73 2.98 6.27 3.13l1.37-1.7c-2.6-.79-3.6-2.43-3.6-2.43l.58.35.09.06.08.04.02.01.08.05a17.25 17.25 0 0 0 4.52 1.58 14.4 14.4 0 0 0 8.3-.86c.72-.27 1.52-.66 2.37-1.21 0 0-1.03 1.68-3.72 2.44.61.78 1.35 1.67 1.35 1.67Zm-9.55-9.6c-1.17 0-2.1 1.03-2.1 2.28 0 1.25.95 2.28 2.1 2.28 1.17 0 2.1-1.03 2.1-2.28.01-1.25-.93-2.28-2.1-2.28Zm7.5 0c-1.17 0-2.1 1.03-2.1 2.28 0 1.25.95 2.28 2.1 2.28 1.17 0 2.1-1.03 2.1-2.28 0-1.25-.93-2.28-2.1-2.28Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="a"><rect width="40" height="40" fill="#fff" rx="20" /></clipPath>
|
|
||||||
<clipPath id="b"><path fill="#fff" d="M0 0h40v40H0z" /></clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>`;export{i as discordSvg};
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const V=C`<svg viewBox="0 0 14 16" fill="none">
|
|
||||||
<path d="M8.16261 7.29409H7.45708V4.00146H7.69226C8.12886 4.00146 8.54759 4.17491 8.85632 4.48365C9.16505 4.7924 9.33849 5.21114 9.33849 5.64777C9.33849 5.8349 9.41282 6.01436 9.54513 6.14668C9.67745 6.279 9.8569 6.35334 10.044 6.35334C10.2311 6.35334 10.4106 6.279 10.5429 6.14668C10.6752 6.01436 10.7495 5.8349 10.7495 5.64777C10.7486 4.83718 10.4262 4.06004 9.85306 3.48686C9.2799 2.91368 8.50281 2.59126 7.69226 2.59033H7.45708V1.88476C7.45708 1.69764 7.38275 1.51817 7.25043 1.38585C7.11812 1.25354 6.93867 1.1792 6.75155 1.1792C6.56443 1.1792 6.38498 1.25354 6.25267 1.38585C6.12035 1.51817 6.04602 1.69764 6.04602 1.88476V2.59033H5.81085C5 2.59033 4.22237 2.91245 3.64901 3.48583C3.07566 4.05922 2.75356 4.83689 2.75356 5.64777C2.75356 6.45866 3.07566 7.23633 3.64901 7.80972C4.22237 8.3831 5 8.70522 5.81085 8.70522H6.04602V11.9979H5.34049C4.90388 11.9979 4.48516 11.8244 4.17643 11.5157C3.8677 11.2069 3.69426 10.7882 3.69426 10.3515C3.69426 10.1644 3.61993 9.98495 3.48762 9.85263C3.3553 9.72031 3.17585 9.64597 2.98873 9.64597C2.80161 9.64597 2.62216 9.72031 2.48985 9.85263C2.35754 9.98495 2.2832 10.1644 2.2832 10.3515C2.28414 11.1621 2.60654 11.9393 3.17969 12.5124C3.75284 13.0856 4.52994 13.408 5.34049 13.409H6.04602V14.1145C6.04602 14.3017 6.12035 14.4811 6.25267 14.6135C6.38498 14.7458 6.56443 14.8201 6.75155 14.8201C6.93867 14.8201 7.11812 14.7458 7.25043 14.6135C7.38275 14.4811 7.45708 14.3017 7.45708 14.1145V13.409H8.16261C8.97345 13.409 9.75108 13.0869 10.3244 12.5135C10.8978 11.9401 11.2199 11.1624 11.2199 10.3515C11.2199 9.54065 10.8978 8.76298 10.3244 8.1896C9.75108 7.61621 8.97345 7.29409 8.16261 7.29409ZM5.81085 7.29409C5.37424 7.29409 4.95551 7.12064 4.64678 6.8119C4.33805 6.50315 4.16461 6.08441 4.16461 5.64777C4.16461 5.21114 4.33805 4.7924 4.64678 4.48365C4.95551 4.17491 5.37424 4.00146 5.81085 4.00146H6.04602V7.29409H5.81085ZM8.16261 11.9979H7.45708V8.70522H8.16261C8.59922 8.70522 9.01794 8.87867 9.32667 9.18742C9.6354 9.49616 9.80884 9.91491 9.80884 10.3515C9.80884 10.7882 9.6354 11.2069 9.32667 11.5157C9.01794 11.8244 8.59922 11.9979 8.16261 11.9979Z" fill="currentColor"/>
|
|
||||||
<path d="M3.69319 10.352C3.69319 10.1884 3.63606 10.0305 3.53335 9.905L3.48633 9.85285C3.37056 9.73708 3.21874 9.66545 3.05723 9.64942L2.98714 9.646C2.80019 9.64609 2.62103 9.72068 2.48881 9.85285L2.44179 9.905C2.33903 10.0305 2.28195 10.1884 2.28195 10.352C2.28296 11.1625 2.60553 11.9398 3.17861 12.5129C3.71583 13.0501 4.43222 13.367 5.18734 13.4053L5.33949 13.4096H6.04469V14.1148L6.04811 14.1849C6.06421 14.3463 6.13586 14.4983 6.25154 14.614C6.3673 14.7296 6.51921 14.8005 6.68064 14.8166L6.74988 14.82C6.91379 14.82 7.07217 14.7632 7.19778 14.6601L7.24907 14.614C7.36476 14.4983 7.4364 14.3463 7.45251 14.1849L7.45593 14.1148V13.4096H8.16112L8.31327 13.4053C9.01849 13.3703 9.69006 13.0921 10.2134 12.6181L10.3229 12.5138C10.8604 11.9762 11.1778 11.259 11.2152 10.5033L11.2187 10.352C11.2187 9.59191 10.9357 8.86056 10.428 8.29972L10.3229 8.18945C9.78545 7.65219 9.06865 7.33547 8.31327 7.29792L8.16112 7.2945V7.03208C9.04161 7.03208 9.8866 7.38134 10.5092 8.00397C11.1317 8.62659 11.4811 9.47156 11.4811 10.352C11.481 11.2324 11.1316 12.0767 10.5092 12.6993C9.92554 13.283 9.1466 13.627 8.32609 13.6677L8.16112 13.672H7.71834V14.1148C7.71834 14.3715 7.61611 14.6179 7.43456 14.7995C7.25302 14.9809 7.00655 15.0832 6.74988 15.0832C6.49337 15.0831 6.24749 14.9808 6.06606 14.7995C5.9072 14.6406 5.80855 14.4321 5.78654 14.2105L5.78227 14.1148V13.672H5.33864C4.45875 13.6709 3.61535 13.3206 2.99312 12.6984C2.4098 12.1151 2.06547 11.3371 2.02381 10.517L2.01953 10.352C2.01953 10.0953 2.12176 9.84893 2.30332 9.66737C2.48478 9.48595 2.73055 9.38367 2.98714 9.38358C3.2439 9.38358 3.49026 9.48581 3.67182 9.66737C3.83073 9.82629 3.92851 10.0346 3.95048 10.2563L3.95561 10.352C3.95568 10.7188 4.10147 11.0705 4.36077 11.3299C4.62026 11.5894 4.97253 11.7351 5.33949 11.7351V11.9983L5.17623 11.9898C4.8532 11.9577 4.54687 11.8306 4.29581 11.6248L4.17528 11.5163C3.90514 11.2461 3.73829 10.8913 3.70088 10.5145L3.69319 10.352ZM9.54501 10.352C9.54501 9.98508 9.39929 9.63282 9.13984 9.37332C8.88036 9.11382 8.52808 8.96816 8.16112 8.96816H7.71834V11.7351H8.16112V11.9983H7.45593V8.70574H8.16112L8.32438 8.71343C8.70113 8.75092 9.05527 8.91776 9.32533 9.18784C9.63402 9.49657 9.80743 9.91544 9.80743 10.352L9.79973 10.5145C9.76232 10.8913 9.59548 11.2461 9.32533 11.5163L9.20481 11.6248C8.95375 11.8306 8.64741 11.9577 8.32438 11.9898L8.16112 11.9983V11.7351C8.52808 11.7351 8.88036 11.5894 9.13984 11.3299C9.39913 11.0705 9.54493 10.7188 9.54501 10.352ZM6.04469 4.00189V7.2945H5.80962L5.64721 7.28595C5.32407 7.25392 5.01711 7.12764 4.76594 6.92182L4.64541 6.8124C4.37524 6.54222 4.2084 6.18754 4.17101 5.8106L4.16332 5.6482C4.16332 5.26615 4.29599 4.89746 4.536 4.60451L4.64541 4.48399C4.91563 4.21375 5.27023 4.04694 5.64721 4.00958L5.80962 4.00189H6.04469ZM9.07488 5.6482C9.07488 5.28127 8.92911 4.92896 8.66971 4.66947C8.41668 4.41643 8.0754 4.27222 7.71834 4.26516V7.03208H8.16112V7.2945H7.45593V4.00189H7.69099L7.8534 4.00958C8.23038 4.04694 8.58499 4.21376 8.8552 4.48399C9.16385 4.79272 9.3373 5.21163 9.3373 5.6482L9.34072 5.71743C9.35669 5.87904 9.42834 6.03069 9.54415 6.14653C9.65998 6.26236 9.81166 6.33397 9.97325 6.34997L10.0425 6.35339C10.2062 6.35339 10.364 6.29636 10.4895 6.19354L10.5417 6.14653C10.6574 6.0307 10.7292 5.87898 10.7451 5.71743L10.7485 5.6482C10.7477 4.88818 10.4639 4.15738 9.95616 3.59673L9.85187 3.48731C9.31448 2.94989 8.59774 2.6323 7.84229 2.59407L7.69099 2.59065H7.45593V1.8846C7.45584 1.72094 7.39894 1.56303 7.29608 1.43755L7.24907 1.38627C7.13328 1.27047 6.98151 1.19885 6.81997 1.18283L6.74988 1.17941C6.56291 1.17952 6.38376 1.25405 6.25154 1.38627L6.20453 1.43755C6.10166 1.56303 6.04477 1.72093 6.04469 1.8846V2.59065H5.80962L5.65833 2.59407C4.90255 2.63148 4.18549 2.94883 3.64789 3.48646L3.5436 3.59587C3.03567 4.15676 2.75208 4.8879 2.75208 5.6482L2.75635 5.79949C2.79382 6.55521 3.11035 7.27236 3.64789 7.80993C4.18547 8.34752 4.90259 8.66405 5.65833 8.70147L5.80962 8.70574H6.04469V11.9983H5.33949V11.7351H5.78227V8.9673C4.91168 8.96015 4.07855 8.61156 3.4624 7.99542C2.83985 7.37284 2.48972 6.52864 2.48966 5.6482C2.48966 4.76767 2.8398 3.92274 3.4624 3.30012C4.07852 2.68411 4.91178 2.33539 5.78227 2.32823V1.8846C5.78237 1.62799 5.88461 1.38225 6.06606 1.20078C6.24751 1.01931 6.49327 0.917102 6.74988 0.916992C7.00664 0.916992 7.253 1.01921 7.43456 1.20078C7.616 1.38225 7.71825 1.62799 7.71834 1.8846V2.32823C8.58867 2.33631 9.42142 2.68585 10.0374 3.30183C10.6595 3.92408 11.0099 4.7674 11.011 5.64734V5.6482C11.0109 5.90489 10.9087 6.15136 10.7272 6.33287C10.5683 6.49166 10.3598 6.58958 10.1382 6.61153L10.0425 6.61581C9.78582 6.61573 9.5393 6.51437 9.35781 6.33287C9.17633 6.15136 9.07493 5.90487 9.07488 5.6482ZM4.43257 5.78496C4.46405 6.1015 4.6041 6.39909 4.8309 6.62606C5.08393 6.87911 5.42521 7.02332 5.78227 7.03037V4.26516C5.4252 4.27221 5.08394 4.41642 4.8309 4.66947C4.57149 4.92896 4.42573 5.28126 4.42573 5.6482L4.43257 5.78496Z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
`;export{V as dollarSvg};
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const o=C`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00231 1.87549C4.17118 1.87549 1.87559 4.17065 1.87559 7.0025C1.87559 9.83435 4.17118 12.1295 7.00231 12.1295C9.83344 12.1295 12.129 9.83435 12.129 7.0025C12.129 4.17065 9.83344 1.87549 7.00231 1.87549ZM0.125 7.0025C0.125 3.20471 3.2038 0.125488 7.00231 0.125488C10.8008 0.125488 13.8796 3.20471 13.8796 7.0025C13.8796 10.8003 10.8008 13.8795 7.00231 13.8795C3.2038 13.8795 0.125 10.8003 0.125 7.0025ZM7.00231 3.85015C7.48572 3.85015 7.8776 4.2419 7.8776 4.72515L7.8776 7.16163L8.48409 6.55535C8.82591 6.21364 9.38012 6.21364 9.72194 6.55535C10.0638 6.89706 10.0638 7.45108 9.72194 7.79279L7.62124 9.89279C7.27941 10.2345 6.72521 10.2345 6.38338 9.89279L4.28268 7.79279C3.94085 7.45108 3.94085 6.89706 4.28268 6.55535C4.6245 6.21364 5.17871 6.21364 5.52053 6.55535L6.12702 7.16163L6.12702 4.72515C6.12702 4.2419 6.5189 3.85015 7.00231 3.85015Z" fill="#949E9E"/>
|
|
||||||
</svg>
|
|
||||||
`;export{o as downloadSvg};
|
|
||||||
|
|
@ -1,100 +0,0 @@
|
||||||
import{f as D,C as y,O as p,E as c,M as _,R as s,S as f,h as C,i as R,a as b,p as d,b as u,H as W,d as $}from"./index-B6fu-u6K.js";import{c as m,r as E}from"./if-defined-D6swbWyQ.js";import{W as O}from"./index-DPKK9P02.js";import"./index-Bl7lS5oY.js";import"./index-BEFi7f_e.js";import{e as N,n as P}from"./ref-CNdtRDdT.js";import"./index-CaabtizE.js";import"./index-Cu_OxD_1.js";import"./index-BqLefJXm.js";import"./index-CuJMoJHR.js";import"./index-CS6mdpde.js";var T=function(o,e,t,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(e,t,i):a(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let x=class extends O{constructor(){super(...arguments),this.onOtpSubmit=async e=>{var t,r;try{if(this.authConnector){const n=D.state.activeChain,i=y.getConnections(n),a=(t=p.state.remoteFeatures)==null?void 0:t.multiWallet,l=i.length>0;if(await this.authConnector.provider.connectOtp({otp:e}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),n)await y.connectExternal(this.authConnector,n);else throw new Error("Active chain is not set on ChainControll");if(c.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"email",name:this.authConnector.name||"Unknown"}}),(r=p.state.remoteFeatures)!=null&&r.emailCapture)return;if(p.state.siwx){_.close();return}if(l&&a){s.replace("ProfileWallets"),f.showSuccess("New Wallet Added");return}_.close()}}catch(n){throw c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:C.parseError(n)}}),n}},this.onOtpResend=async e=>{this.authConnector&&(await this.authConnector.provider.connectEmail({email:e}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}))}}};x=T([m("w3m-email-verify-otp-view")],x);const U=R`
|
|
||||||
wui-icon-box {
|
|
||||||
height: var(--wui-icon-box-size-xl);
|
|
||||||
width: var(--wui-icon-box-size-xl);
|
|
||||||
}
|
|
||||||
`;var S=function(o,e,t,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(e,t,i):a(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let w=class extends b{constructor(){var e;super(),this.email=(e=s.state.data)==null?void 0:e.email,this.authConnector=d.getAuthConnector(),this.loading=!1,this.listenForDeviceApproval()}render(){if(!this.email)throw new Error("w3m-email-verify-device-view: No email provided");if(!this.authConnector)throw new Error("w3m-email-verify-device-view: No auth connector provided");return u`
|
|
||||||
<wui-flex
|
|
||||||
flexDirection="column"
|
|
||||||
alignItems="center"
|
|
||||||
.padding=${["xxl","s","xxl","s"]}
|
|
||||||
gap="l"
|
|
||||||
>
|
|
||||||
<wui-icon-box
|
|
||||||
size="xl"
|
|
||||||
iconcolor="accent-100"
|
|
||||||
backgroundcolor="accent-100"
|
|
||||||
icon="verify"
|
|
||||||
background="opaque"
|
|
||||||
></wui-icon-box>
|
|
||||||
|
|
||||||
<wui-flex flexDirection="column" alignItems="center" gap="s">
|
|
||||||
<wui-flex flexDirection="column" alignItems="center">
|
|
||||||
<wui-text variant="paragraph-400" color="fg-100">
|
|
||||||
Approve the login link we sent to
|
|
||||||
</wui-text>
|
|
||||||
<wui-text variant="paragraph-400" color="fg-100"><b>${this.email}</b></wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
|
|
||||||
<wui-text variant="small-400" color="fg-200" align="center">
|
|
||||||
The code expires in 20 minutes
|
|
||||||
</wui-text>
|
|
||||||
|
|
||||||
<wui-flex alignItems="center" id="w3m-resend-section" gap="xs">
|
|
||||||
<wui-text variant="small-400" color="fg-100" align="center">
|
|
||||||
Didn't receive it?
|
|
||||||
</wui-text>
|
|
||||||
<wui-link @click=${this.onResendCode.bind(this)} .disabled=${this.loading}>
|
|
||||||
Resend email
|
|
||||||
</wui-link>
|
|
||||||
</wui-flex>
|
|
||||||
</wui-flex>
|
|
||||||
</wui-flex>
|
|
||||||
`}async listenForDeviceApproval(){if(this.authConnector)try{await this.authConnector.provider.connectDevice(),c.sendEvent({type:"track",event:"DEVICE_REGISTERED_FOR_EMAIL"}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_SENT"}),s.replace("EmailVerifyOtp",{email:this.email})}catch{s.goBack()}}async onResendCode(){try{if(!this.loading){if(!this.authConnector||!this.email)throw new Error("w3m-email-login-widget: Unable to resend email");this.loading=!0,await this.authConnector.provider.connectEmail({email:this.email}),this.listenForDeviceApproval(),f.showSuccess("Code email resent")}}catch(e){f.showError(e)}finally{this.loading=!1}}};w.styles=U;S([E()],w.prototype,"loading",void 0);w=S([m("w3m-email-verify-device-view")],w);const F=R`
|
|
||||||
wui-email-input {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
`;var g=function(o,e,t,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(e,t,i):a(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let h=class extends b{constructor(){var e,t;super(...arguments),this.formRef=N(),this.initialEmail=((e=s.state.data)==null?void 0:e.email)??"",this.redirectView=(t=s.state.data)==null?void 0:t.redirectView,this.email="",this.loading=!1}firstUpdated(){var e;(e=this.formRef.value)==null||e.addEventListener("keydown",t=>{t.key==="Enter"&&this.onSubmitEmail(t)})}render(){return u`
|
|
||||||
<wui-flex flexDirection="column" padding="m" gap="m">
|
|
||||||
<form ${P(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}>
|
|
||||||
<wui-email-input
|
|
||||||
value=${this.initialEmail}
|
|
||||||
.disabled=${this.loading}
|
|
||||||
@inputChange=${this.onEmailInputChange.bind(this)}
|
|
||||||
>
|
|
||||||
</wui-email-input>
|
|
||||||
<input type="submit" hidden />
|
|
||||||
</form>
|
|
||||||
${this.buttonsTemplate()}
|
|
||||||
</wui-flex>
|
|
||||||
`}onEmailInputChange(e){this.email=e.detail}async onSubmitEmail(e){try{if(this.loading)return;this.loading=!0,e.preventDefault();const t=d.getAuthConnector();if(!t)throw new Error("w3m-update-email-wallet: Auth connector not found");const r=await t.provider.updateEmail({email:this.email});c.sendEvent({type:"track",event:"EMAIL_EDIT"}),r.action==="VERIFY_SECONDARY_OTP"?s.push("UpdateEmailSecondaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView}):s.push("UpdateEmailPrimaryOtp",{email:this.initialEmail,newEmail:this.email,redirectView:this.redirectView})}catch(t){f.showError(t),this.loading=!1}}buttonsTemplate(){const e=!this.loading&&this.email.length>3&&this.email!==this.initialEmail;return this.redirectView?u`
|
|
||||||
<wui-flex gap="s">
|
|
||||||
<wui-button size="md" variant="neutral" fullWidth @click=${s.goBack}>
|
|
||||||
Cancel
|
|
||||||
</wui-button>
|
|
||||||
|
|
||||||
<wui-button
|
|
||||||
size="md"
|
|
||||||
variant="main"
|
|
||||||
fullWidth
|
|
||||||
@click=${this.onSubmitEmail.bind(this)}
|
|
||||||
.disabled=${!e}
|
|
||||||
.loading=${this.loading}
|
|
||||||
>
|
|
||||||
Save
|
|
||||||
</wui-button>
|
|
||||||
</wui-flex>
|
|
||||||
`:u`
|
|
||||||
<wui-button
|
|
||||||
size="md"
|
|
||||||
variant="main"
|
|
||||||
fullWidth
|
|
||||||
@click=${this.onSubmitEmail.bind(this)}
|
|
||||||
.disabled=${!e}
|
|
||||||
.loading=${this.loading}
|
|
||||||
>
|
|
||||||
Save
|
|
||||||
</wui-button>
|
|
||||||
`}};h.styles=F;g([E()],h.prototype,"email",void 0);g([E()],h.prototype,"loading",void 0);h=g([m("w3m-update-email-wallet-view")],h);var j=function(o,e,t,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(e,t,i):a(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let I=class extends O{constructor(){var e;super(),this.email=(e=s.state.data)==null?void 0:e.email,this.onOtpSubmit=async t=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailPrimaryOtp({otp:t}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),s.replace("UpdateEmailSecondaryOtp",s.state.data))}catch(r){throw c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:C.parseError(r)}}),r}},this.onStartOver=()=>{s.replace("UpdateEmailWallet",s.state.data)}}};I=j([m("w3m-update-email-primary-otp-view")],I);var L=function(o,e,t,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(e,t,i):a(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let A=class extends O{constructor(){var e,t;super(),this.email=(e=s.state.data)==null?void 0:e.newEmail,this.redirectView=(t=s.state.data)==null?void 0:t.redirectView,this.onOtpSubmit=async r=>{try{this.authConnector&&(await this.authConnector.provider.updateEmailSecondaryOtp({otp:r}),c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_PASS"}),this.redirectView&&s.reset(this.redirectView))}catch(n){throw c.sendEvent({type:"track",event:"EMAIL_VERIFICATION_CODE_FAIL",properties:{message:C.parseError(n)}}),n}},this.onStartOver=()=>{s.replace("UpdateEmailWallet",s.state.data)}}};A=L([m("w3m-update-email-secondary-otp-view")],A);var V=function(o,e,t,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(e,t,i):a(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};let v=class extends b{constructor(){var e;super(),this.authConnector=d.getAuthConnector(),this.isEmailEnabled=(e=p.state.remoteFeatures)==null?void 0:e.email,this.isAuthEnabled=this.checkIfAuthEnabled(d.state.connectors),this.connectors=d.state.connectors,d.subscribeKey("connectors",t=>{this.connectors=t,this.isAuthEnabled=this.checkIfAuthEnabled(this.connectors)})}render(){if(!this.isEmailEnabled)throw new Error("w3m-email-login-view: Email is not enabled");if(!this.isAuthEnabled)throw new Error("w3m-email-login-view: No auth connector provided");return u`<wui-flex
|
|
||||||
flexDirection="column"
|
|
||||||
.padding=${["3xs","m","m","m"]}
|
|
||||||
gap="l"
|
|
||||||
>
|
|
||||||
<w3m-email-login-widget></w3m-email-login-widget>
|
|
||||||
</wui-flex> `}checkIfAuthEnabled(e){const t=e.filter(n=>n.type===W.CONNECTOR_TYPE_AUTH).map(n=>n.chain);return $.AUTH_CONNECTOR_SUPPORTED_CHAINS.some(n=>t.includes(n))}};V([E()],v.prototype,"connectors",void 0);v=V([m("w3m-email-login-view")],v);export{v as W3mEmailLoginView,O as W3mEmailOtpWidget,w as W3mEmailVerifyDeviceView,x as W3mEmailVerifyOtpView,I as W3mUpdateEmailPrimaryOtpView,A as W3mUpdateEmailSecondaryOtpView,h as W3mUpdateEmailWalletView};
|
|
||||||
|
|
@ -1,206 +0,0 @@
|
||||||
import{i as y,a as g,M as N,O as W,b as l,p as P,T as _,K as j,n as A,r as k,d as C,L as m,k as I,h as U,E as v,g as x,f as $,W as R,S as F,R as H}from"./index-B6fu-u6K.js";import{r as p,c as w,n as h,o as K}from"./if-defined-D6swbWyQ.js";import{H as T,N as V}from"./HelpersUtil-C5MO_6Gi.js";import{e as z,n as G}from"./ref-CNdtRDdT.js";import"./index-BqLefJXm.js";import"./index-CS6mdpde.js";import"./index-CuJMoJHR.js";import"./index-CWdYHdXq.js";import"./index-Dd9NGLEL.js";import"./index-CaabtizE.js";import"./index-Bl7lS5oY.js";import"./index-BEFi7f_e.js";import"./index-DUZ-8KUm.js";const L=y`
|
|
||||||
div {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
[data-ready='false'] {
|
|
||||||
transform: scale(1.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 430px) {
|
|
||||||
[data-ready='false'] {
|
|
||||||
transform: translateY(-50px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var M=function(a,e,t,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,n);else for(var r=a.length-1;r>=0;r--)(o=a[r])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};const S=600,O=360,Y=64;let b=class extends g{constructor(){super(),this.bodyObserver=void 0,this.unsubscribe=[],this.iframe=document.getElementById("w3m-iframe"),this.ready=!1,this.unsubscribe.push(N.subscribeKey("open",e=>{e||this.onHideIframe()}),N.subscribeKey("shake",e=>{e?this.iframe.style.animation="w3m-shake 500ms var(--wui-ease-out-power-2)":this.iframe.style.animation="none"}))}disconnectedCallback(){var e;this.onHideIframe(),this.unsubscribe.forEach(t=>t()),(e=this.bodyObserver)==null||e.unobserve(window.document.body)}async firstUpdated(){var t;await this.syncTheme(),this.iframe.style.display="block";const e=(t=this==null?void 0:this.renderRoot)==null?void 0:t.querySelector("div");this.bodyObserver=new ResizeObserver(n=>{var o,r;const s=(o=n==null?void 0:n[0])==null?void 0:o.contentBoxSize,i=(r=s==null?void 0:s[0])==null?void 0:r.inlineSize;this.iframe.style.height=`${S}px`,e.style.height=`${S}px`,W.state.enableEmbedded?this.updateFrameSizeForEmbeddedMode():i&&i<=430?(this.iframe.style.width="100%",this.iframe.style.left="0px",this.iframe.style.bottom="0px",this.iframe.style.top="unset",this.onShowIframe()):(this.iframe.style.width=`${O}px`,this.iframe.style.left=`calc(50% - ${O/2}px)`,this.iframe.style.top=`calc(50% - ${S/2}px + ${Y/2}px)`,this.iframe.style.bottom="unset",this.onShowIframe())}),this.bodyObserver.observe(window.document.body)}render(){return l`<div data-ready=${this.ready} id="w3m-frame-container"></div>`}onShowIframe(){const e=window.innerWidth<=430;this.ready=!0,this.iframe.style.animation=e?"w3m-iframe-zoom-in-mobile 200ms var(--wui-ease-out-power-2)":"w3m-iframe-zoom-in 200ms var(--wui-ease-out-power-2)"}onHideIframe(){this.iframe.style.display="none",this.iframe.style.animation="w3m-iframe-fade-out 200ms var(--wui-ease-out-power-2)"}async syncTheme(){const e=P.getAuthConnector();if(e){const t=_.getSnapshot().themeMode,n=_.getSnapshot().themeVariables;await e.provider.syncTheme({themeVariables:n,w3mThemeVariables:j(n,t)})}}async updateFrameSizeForEmbeddedMode(){var n;const e=(n=this==null?void 0:this.renderRoot)==null?void 0:n.querySelector("div");await new Promise(s=>{setTimeout(s,300)});const t=this.getBoundingClientRect();e.style.width="100%",this.iframe.style.left=`${t.left}px`,this.iframe.style.top=`${t.top}px`,this.iframe.style.width=`${t.width}px`,this.iframe.style.height=`${t.height}px`,this.onShowIframe()}};b.styles=L;M([p()],b.prototype,"ready",void 0);b=M([w("w3m-approve-transaction-view")],b);var B=function(a,e,t,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,n);else for(var r=a.length-1;r>=0;r--)(o=a[r])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let D=class extends g{render(){return l`
|
|
||||||
<wui-flex flexDirection="column" alignItems="center" gap="xl" padding="xl">
|
|
||||||
<wui-text variant="paragraph-400" color="fg-100">Follow the instructions on</wui-text>
|
|
||||||
<wui-chip
|
|
||||||
icon="externalLink"
|
|
||||||
variant="fill"
|
|
||||||
href=${A.SECURE_SITE_DASHBOARD}
|
|
||||||
imageSrc=${A.SECURE_SITE_FAVICON}
|
|
||||||
data-testid="w3m-secure-website-button"
|
|
||||||
>
|
|
||||||
</wui-chip>
|
|
||||||
<wui-text variant="small-400" color="fg-200">
|
|
||||||
You will have to reconnect for security reasons
|
|
||||||
</wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
`}};D=B([w("w3m-upgrade-wallet-view")],D);const q=y`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
color: var(--wui-color-fg-275);
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
.base-name {
|
|
||||||
position: absolute;
|
|
||||||
right: 45px;
|
|
||||||
top: 15px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
`;var f=function(a,e,t,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,n);else for(var r=a.length-1;r>=0;r--)(o=a[r])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let c=class extends g{constructor(){super(...arguments),this.disabled=!1,this.loading=!1}render(){return l`
|
|
||||||
<wui-input-text
|
|
||||||
value=${K(this.value)}
|
|
||||||
?disabled=${this.disabled}
|
|
||||||
.value=${this.value||""}
|
|
||||||
data-testid="wui-ens-input"
|
|
||||||
inputRightPadding="5xl"
|
|
||||||
.onKeyDown=${this.onKeyDown}
|
|
||||||
>
|
|
||||||
${this.baseNameTemplate()} ${this.errorTemplate()}${this.loadingTemplate()}
|
|
||||||
</wui-input-text>
|
|
||||||
`}baseNameTemplate(){return l`<wui-text variant="paragraph-400" color="fg-200" class="base-name">
|
|
||||||
${C.WC_NAME_SUFFIX}
|
|
||||||
</wui-text>`}loadingTemplate(){return this.loading?l`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`:null}errorTemplate(){return this.errorMessage?l`<wui-text variant="tiny-500" color="error-100" class="error"
|
|
||||||
>${this.errorMessage}</wui-text
|
|
||||||
>`:null}};c.styles=[k,q];f([h()],c.prototype,"errorMessage",void 0);f([h({type:Boolean})],c.prototype,"disabled",void 0);f([h()],c.prototype,"value",void 0);f([h({type:Boolean})],c.prototype,"loading",void 0);f([h({attribute:!1})],c.prototype,"onKeyDown",void 0);c=f([w("wui-ens-input")],c);const X=y`
|
|
||||||
wui-flex {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.suggestion {
|
|
||||||
border: none;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
padding: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
.suggestion:disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.suggestion:focus-visible:not(:disabled) {
|
|
||||||
outline: 1px solid var(--wui-color-gray-glass-020);
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
.suggestion:hover:not(:disabled) {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
.suggested-name {
|
|
||||||
max-width: 75%;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-submit-button,
|
|
||||||
.input-loading-spinner {
|
|
||||||
position: absolute;
|
|
||||||
top: 26px;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
`;var d=function(a,e,t,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,n);else for(var r=a.length-1;r>=0;r--)(o=a[r])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let u=class extends g{constructor(){super(),this.formRef=z(),this.usubscribe=[],this.name="",this.error="",this.loading=m.state.loading,this.suggestions=m.state.suggestions,this.profileName=I.state.profileName,this.onDebouncedNameInputChange=U.debounce(e=>{e.length<4?this.error="Name must be at least 4 characters long":T.isValidReownName(e)?(this.error="",m.getSuggestions(e)):this.error="The value is not a valid username"}),this.usubscribe.push(m.subscribe(e=>{this.suggestions=e.suggestions,this.loading=e.loading}),I.subscribeKey("profileName",e=>{this.profileName=e,e&&(this.error="You already own a name")}))}firstUpdated(){var e;(e=this.formRef.value)==null||e.addEventListener("keydown",this.onEnterKey.bind(this))}disconnectedCallback(){var e;super.disconnectedCallback(),this.usubscribe.forEach(t=>t()),(e=this.formRef.value)==null||e.removeEventListener("keydown",this.onEnterKey.bind(this))}render(){return l`
|
|
||||||
<wui-flex
|
|
||||||
flexDirection="column"
|
|
||||||
alignItems="center"
|
|
||||||
gap="m"
|
|
||||||
.padding=${["0","s","m","s"]}
|
|
||||||
>
|
|
||||||
<form ${G(this.formRef)} @submit=${this.onSubmitName.bind(this)}>
|
|
||||||
<wui-ens-input
|
|
||||||
@inputChange=${this.onNameInputChange.bind(this)}
|
|
||||||
.errorMessage=${this.error}
|
|
||||||
.value=${this.name}
|
|
||||||
.onKeyDown=${this.onKeyDown.bind(this)}
|
|
||||||
>
|
|
||||||
</wui-ens-input>
|
|
||||||
${this.submitButtonTemplate()}
|
|
||||||
<input type="submit" hidden />
|
|
||||||
</form>
|
|
||||||
${this.templateSuggestions()}
|
|
||||||
</wui-flex>
|
|
||||||
`}submitButtonTemplate(){const e=this.suggestions.find(n=>{var s,i;return((i=(s=n.name)==null?void 0:s.split("."))==null?void 0:i[0])===this.name&&n.registered});if(this.loading)return l`<wui-loading-spinner
|
|
||||||
class="input-loading-spinner"
|
|
||||||
color="fg-200"
|
|
||||||
></wui-loading-spinner>`;const t=`${this.name}${C.WC_NAME_SUFFIX}`;return l`
|
|
||||||
<wui-icon-link
|
|
||||||
.disabled=${e}
|
|
||||||
class="input-submit-button"
|
|
||||||
size="sm"
|
|
||||||
icon="chevronRight"
|
|
||||||
iconColor=${e?"fg-200":"accent-100"}
|
|
||||||
@click=${()=>this.onSubmitName(t)}
|
|
||||||
>
|
|
||||||
</wui-icon-link>
|
|
||||||
`}onNameInputChange(e){const t=T.validateReownName(e.detail||"");this.name=t,this.onDebouncedNameInputChange(t)}onKeyDown(e){e.key.length===1&&!T.isValidReownName(e.key)&&e.preventDefault()}nameSuggestionTagTemplate(e){return this.loading?l`<wui-loading-spinner color="fg-200"></wui-loading-spinner>`:e.registered?l`<wui-tag variant="shade" size="lg">Registered</wui-tag>`:l`<wui-tag variant="success" size="lg">Available</wui-tag>`}templateSuggestions(){return!this.name||this.name.length<4||this.error?null:l`<wui-flex flexDirection="column" gap="xxs" alignItems="center">
|
|
||||||
${this.suggestions.map(e=>l`<button
|
|
||||||
.disabled=${e.registered||this.loading}
|
|
||||||
data-testid="account-name-suggestion"
|
|
||||||
class="suggestion"
|
|
||||||
@click=${()=>this.onSubmitName(e.name)}
|
|
||||||
>
|
|
||||||
<wui-text color="fg-100" variant="paragraph-400" class="suggested-name">
|
|
||||||
${e.name}</wui-text
|
|
||||||
>${this.nameSuggestionTagTemplate(e)}
|
|
||||||
</button>`)}
|
|
||||||
</wui-flex>`}isAllowedToSubmit(e){var s;const t=(s=e.split("."))==null?void 0:s[0],n=this.suggestions.find(i=>{var o,r;return((r=(o=i.name)==null?void 0:o.split("."))==null?void 0:r[0])===t&&i.registered});return!this.loading&&!this.error&&!this.profileName&&t&&m.validateName(t)&&!n}async onSubmitName(e){try{if(!this.isAllowedToSubmit(e))return;v.sendEvent({type:"track",event:"REGISTER_NAME_INITIATED",properties:{isSmartAccount:x($.state.activeChain)===R.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e}}),await m.registerName(e),v.sendEvent({type:"track",event:"REGISTER_NAME_SUCCESS",properties:{isSmartAccount:x($.state.activeChain)===R.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e}})}catch(t){F.showError(t.message),v.sendEvent({type:"track",event:"REGISTER_NAME_ERROR",properties:{isSmartAccount:x($.state.activeChain)===R.ACCOUNT_TYPES.SMART_ACCOUNT,ensName:e,error:(t==null?void 0:t.message)||"Unknown error"}})}}onEnterKey(e){if(e.key==="Enter"&&this.name&&this.isAllowedToSubmit(this.name)){const t=`${this.name}${C.WC_NAME_SUFFIX}`;this.onSubmitName(t)}}};u.styles=X;d([h()],u.prototype,"errorMessage",void 0);d([p()],u.prototype,"name",void 0);d([p()],u.prototype,"error",void 0);d([p()],u.prototype,"loading",void 0);d([p()],u.prototype,"suggestions",void 0);d([p()],u.prototype,"profileName",void 0);u=d([w("w3m-register-account-name-view")],u);const Q=y`
|
|
||||||
.continue-button-container {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
`;var J=function(a,e,t,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,e,t,n);else for(var r=a.length-1;r>=0;r--)(o=a[r])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let E=class extends g{render(){return l`
|
|
||||||
<wui-flex
|
|
||||||
flexDirection="column"
|
|
||||||
alignItems="center"
|
|
||||||
gap="xxl"
|
|
||||||
.padding=${["0","0","l","0"]}
|
|
||||||
>
|
|
||||||
${this.onboardingTemplate()} ${this.buttonsTemplate()}
|
|
||||||
<wui-link
|
|
||||||
@click=${()=>{U.openHref(V.URLS.FAQ,"_blank")}}
|
|
||||||
>
|
|
||||||
Learn more
|
|
||||||
<wui-icon color="inherit" slot="iconRight" name="externalLink"></wui-icon>
|
|
||||||
</wui-link>
|
|
||||||
</wui-flex>
|
|
||||||
`}onboardingTemplate(){return l` <wui-flex
|
|
||||||
flexDirection="column"
|
|
||||||
gap="xxl"
|
|
||||||
alignItems="center"
|
|
||||||
.padding=${["0","xxl","0","xxl"]}
|
|
||||||
>
|
|
||||||
<wui-flex gap="s" alignItems="center" justifyContent="center">
|
|
||||||
<wui-icon-box
|
|
||||||
size="xl"
|
|
||||||
iconcolor="success-100"
|
|
||||||
backgroundcolor="success-100"
|
|
||||||
icon="checkmark"
|
|
||||||
background="opaque"
|
|
||||||
></wui-icon-box>
|
|
||||||
</wui-flex>
|
|
||||||
<wui-flex flexDirection="column" alignItems="center" gap="s">
|
|
||||||
<wui-text align="center" variant="medium-600" color="fg-100">
|
|
||||||
Account name chosen successfully
|
|
||||||
</wui-text>
|
|
||||||
<wui-text align="center" variant="paragraph-400" color="fg-100">
|
|
||||||
You can now fund your account and trade crypto
|
|
||||||
</wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
</wui-flex>`}buttonsTemplate(){return l`<wui-flex
|
|
||||||
.padding=${["0","2l","0","2l"]}
|
|
||||||
gap="s"
|
|
||||||
class="continue-button-container"
|
|
||||||
>
|
|
||||||
<wui-button fullWidth size="lg" borderRadius="xs" @click=${this.redirectToAccount.bind(this)}
|
|
||||||
>Let's Go!
|
|
||||||
</wui-button>
|
|
||||||
</wui-flex>`}redirectToAccount(){H.replace("Account")}};E.styles=Q;E=J([w("w3m-register-account-name-success-view")],E);export{b as W3mApproveTransactionView,E as W3mRegisterAccountNameSuccess,u as W3mRegisterAccountNameView,D as W3mUpgradeWalletView};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const r=l`<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M6.66686 12C9.9805 12 12.6667 9.31371 12.6667 6C12.6667 2.68629 9.9805 0 6.66686 0C3.35323 0 0.666992 2.68629 0.666992 6C0.666992 9.31371 3.35323 12 6.66686 12Z" fill="var(--wui-color-gray-glass-005)"/>
|
|
||||||
<path d="M6.6658 1.50098V4.82739L9.47712 6.08381L6.6658 1.50098Z" fill="var(--wui-color-gray-glass-060)"/>
|
|
||||||
<path d="M6.6658 1.50098L3.85449 6.08381L6.6658 4.82739V1.50098Z" fill="var(--wui-color-gray-glass-090)"/>
|
|
||||||
<path d="M6.6658 8.23909V10.4993L9.47876 6.60705L6.6658 8.23909Z" fill="var(--wui-color-gray-glass-060)"/>
|
|
||||||
<path d="M6.6658 10.4993V8.23909L3.85449 6.60705L6.6658 10.4993Z" fill="var(--wui-color-gray-glass-090)"/>
|
|
||||||
<path d="M6.6658 7.71585L9.47712 6.08381L6.6658 4.82739V7.71585Z" fill="var(--wui-color-gray-glass-020)"/>
|
|
||||||
<path d="M3.85449 6.08381L6.6658 7.71585V4.82739L3.85449 6.08381Z" fill="var(--wui-color-gray-glass-060)"/>
|
|
||||||
</svg>
|
|
||||||
`;export{r as ethereumSvg};
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
import{w as c}from"./index-B6fu-u6K.js";const a=c`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M4.25 7a.63.63 0 0 0-.63.63v3.97c0 .28-.2.51-.47.54l-.75.07a.93.93 0 0 1-.9-.47A7.51 7.51 0 0 1 5.54.92a7.5 7.5 0 0 1 9.54 4.62c.12.35.06.72-.16 1-.74.97-1.68 1.78-2.6 2.44V4.44a.64.64 0 0 0-.63-.64h-1.06c-.35 0-.63.3-.63.64v5.5c0 .23-.12.42-.32.5l-.52.23V6.05c0-.36-.3-.64-.64-.64H7.45c-.35 0-.64.3-.64.64v4.97c0 .25-.17.46-.4.52a5.8 5.8 0 0 0-.45.11v-4c0-.36-.3-.65-.64-.65H4.25ZM14.07 12.4A7.49 7.49 0 0 1 3.6 14.08c4.09-.58 9.14-2.5 11.87-6.6v.03a7.56 7.56 0 0 1-1.41 4.91Z"
|
|
||||||
/>
|
|
||||||
</svg>`;export{a as etherscanSvg};
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const t=C`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M15.0162 11.6312L9.55059 2.13937C9.39228 1.86862 9.16584 1.64405 8.8938 1.48798C8.62176 1.33192 8.3136 1.2498 7.99997 1.2498C7.68634 1.2498 7.37817 1.33192 7.10613 1.48798C6.83409 1.64405 6.60765 1.86862 6.44934 2.13937L0.983716 11.6312C0.830104 11.894 0.749146 12.1928 0.749146 12.4972C0.749146 12.8015 0.830104 13.1004 0.983716 13.3631C1.14027 13.6352 1.3664 13.8608 1.63889 14.0166C1.91139 14.1725 2.22044 14.253 2.53434 14.25H13.4656C13.7793 14.2528 14.0881 14.1721 14.3603 14.0163C14.6326 13.8604 14.8585 13.635 15.015 13.3631C15.1688 13.1005 15.2499 12.8017 15.2502 12.4973C15.2504 12.193 15.1696 11.8941 15.0162 11.6312ZM13.7162 12.6125C13.6908 12.6558 13.6541 12.6914 13.6101 12.7157C13.5661 12.7399 13.5164 12.7517 13.4662 12.75H2.53434C2.48415 12.7517 2.43442 12.7399 2.39042 12.7157C2.34641 12.6914 2.30976 12.6558 2.28434 12.6125C2.26278 12.5774 2.25137 12.5371 2.25137 12.4959C2.25137 12.4548 2.26278 12.4144 2.28434 12.3794L7.74997 2.88749C7.77703 2.84583 7.81408 2.8116 7.85774 2.7879C7.9014 2.7642 7.95029 2.75178 7.99997 2.75178C8.04964 2.75178 8.09854 2.7642 8.1422 2.7879C8.18586 2.8116 8.2229 2.84583 8.24997 2.88749L13.715 12.3794C13.7367 12.4143 13.7483 12.4546 13.7486 12.4958C13.7488 12.5369 13.7376 12.5773 13.7162 12.6125ZM7.24997 8.49999V6.49999C7.24997 6.30108 7.32898 6.11031 7.46964 5.96966C7.61029 5.82901 7.80105 5.74999 7.99997 5.74999C8.19888 5.74999 8.38964 5.82901 8.5303 5.96966C8.67095 6.11031 8.74997 6.30108 8.74997 6.49999V8.49999C8.74997 8.6989 8.67095 8.88967 8.5303 9.03032C8.38964 9.17097 8.19888 9.24999 7.99997 9.24999C7.80105 9.24999 7.61029 9.17097 7.46964 9.03032C7.32898 8.88967 7.24997 8.6989 7.24997 8.49999ZM8.99997 11C8.99997 11.1978 8.94132 11.3911 8.83144 11.5556C8.72155 11.72 8.56538 11.8482 8.38265 11.9239C8.19992 11.9996 7.99886 12.0194 7.80488 11.9808C7.6109 11.9422 7.43271 11.847 7.29286 11.7071C7.15301 11.5672 7.05777 11.3891 7.01918 11.1951C6.9806 11.0011 7.0004 10.8 7.07609 10.6173C7.15177 10.4346 7.27995 10.2784 7.4444 10.1685C7.60885 10.0586 7.80219 9.99999 7.99997 9.99999C8.26518 9.99999 8.51954 10.1053 8.70707 10.2929C8.89461 10.4804 8.99997 10.7348 8.99997 11Z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
`;export{t as exclamationTriangleSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as a}from"./index-B6fu-u6K.js";const e=a`<svg fill="none" viewBox="0 0 14 15">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M6.71 2.99a.57.57 0 0 0-.57.57 1 1 0 0 1-1 1c-.58 0-.96 0-1.24.03-.27.03-.37.07-.42.1a.97.97 0 0 0-.36.35c-.04.08-.09.21-.11.67a2.57 2.57 0 0 1 0 5.13c.02.45.07.6.11.66.09.15.21.28.36.36.07.04.21.1.67.12a2.57 2.57 0 0 1 5.12 0c.46-.03.6-.08.67-.12a.97.97 0 0 0 .36-.36c.03-.04.07-.14.1-.41.02-.29.03-.66.03-1.24a1 1 0 0 1 1-1 .57.57 0 0 0 0-1.15 1 1 0 0 1-1-1c0-.58 0-.95-.03-1.24a1.04 1.04 0 0 0-.1-.42.97.97 0 0 0-.36-.36 1.04 1.04 0 0 0-.42-.1c-.28-.02-.65-.02-1.24-.02a1 1 0 0 1-1-1 .57.57 0 0 0-.57-.57ZM5.15 13.98a1 1 0 0 0 .99-1v-.78a.57.57 0 0 1 1.14 0v.78a1 1 0 0 0 .99 1H8.36a66.26 66.26 0 0 0 .73 0 3.78 3.78 0 0 0 1.84-.38c.46-.26.85-.64 1.1-1.1.23-.4.32-.8.36-1.22.02-.2.03-.4.03-.63a2.57 2.57 0 0 0 0-4.75c0-.23-.01-.44-.03-.63a2.96 2.96 0 0 0-.35-1.22 2.97 2.97 0 0 0-1.1-1.1c-.4-.22-.8-.31-1.22-.35a8.7 8.7 0 0 0-.64-.04 2.57 2.57 0 0 0-4.74 0c-.23 0-.44.02-.63.04-.42.04-.83.13-1.22.35-.46.26-.84.64-1.1 1.1-.33.57-.37 1.2-.39 1.84a21.39 21.39 0 0 0 0 .72v.1a1 1 0 0 0 1 .99h.78a.57.57 0 0 1 0 1.15h-.77a1 1 0 0 0-1 .98v.1a63.87 63.87 0 0 0 0 .73c0 .64.05 1.27.38 1.83.26.47.64.85 1.1 1.11.56.32 1.2.37 1.84.38a20.93 20.93 0 0 0 .72 0h.1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{e as extensionSvg};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 14 15">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M3.74 3.99a1 1 0 0 1 1-1H11a1 1 0 0 1 1 1v6.26a1 1 0 0 1-2 0V6.4l-6.3 6.3a1 1 0 0 1-1.4-1.42l6.29-6.3H4.74a1 1 0 0 1-1-1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as externalLinkSvg};
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const f=l`<svg fill="none" viewBox="0 0 40 40">
|
|
||||||
<g clip-path="url(#a)">
|
|
||||||
<g clip-path="url(#b)">
|
|
||||||
<circle cx="20" cy="19.89" r="20" fill="#1877F2" />
|
|
||||||
<g clip-path="url(#c)">
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
d="M26 12.38h-2.89c-.92 0-1.61.38-1.61 1.34v1.66H26l-.36 4.5H21.5v12H17v-12h-3v-4.5h3V12.5c0-3.03 1.6-4.62 5.2-4.62H26v4.5Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<path
|
|
||||||
fill="#1877F2"
|
|
||||||
d="M40 20a20 20 0 1 0-23.13 19.76V25.78H11.8V20h5.07v-4.4c0-5.02 3-7.79 7.56-7.79 2.19 0 4.48.4 4.48.4v4.91h-2.53c-2.48 0-3.25 1.55-3.25 3.13V20h5.54l-.88 5.78h-4.66v13.98A20 20 0 0 0 40 20Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
d="m27.79 25.78.88-5.78h-5.55v-3.75c0-1.58.78-3.13 3.26-3.13h2.53V8.2s-2.3-.39-4.48-.39c-4.57 0-7.55 2.77-7.55 7.78V20H11.8v5.78h5.07v13.98a20.15 20.15 0 0 0 6.25 0V25.78h4.67Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="a"><rect width="40" height="40" fill="#fff" rx="20" /></clipPath>
|
|
||||||
<clipPath id="b"><path fill="#fff" d="M0 0h40v40H0z" /></clipPath>
|
|
||||||
<clipPath id="c"><path fill="#fff" d="M8 7.89h24v24H8z" /></clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>`;export{f as facebookSvg};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import{w as h}from"./index-B6fu-u6K.js";const a=h`<svg style="border-radius: 9999px; overflow: hidden;" fill="none" viewBox="0 0 1000 1000">
|
|
||||||
<rect width="1000" height="1000" rx="9999" ry="9999" fill="#855DCD"/>
|
|
||||||
<path fill="#855DCD" d="M0 0h1000v1000H0V0Z" />
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
d="M320 248h354v504h-51.96V521.13h-.5c-5.76-63.8-59.31-113.81-124.54-113.81s-118.78 50-124.53 113.81h-.5V752H320V248Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
d="m225 320 21.16 71.46h17.9v289.09a16.29 16.29 0 0 0-16.28 16.24v19.49h-3.25a16.3 16.3 0 0 0-16.28 16.24V752h182.26v-19.48a16.22 16.22 0 0 0-16.28-16.24h-3.25v-19.5a16.22 16.22 0 0 0-16.28-16.23h-19.52V320H225Zm400.3 360.55a16.3 16.3 0 0 0-15.04 10.02 16.2 16.2 0 0 0-1.24 6.22v19.49h-3.25a16.29 16.29 0 0 0-16.27 16.24V752h182.24v-19.48a16.23 16.23 0 0 0-16.27-16.24h-3.25v-19.5a16.2 16.2 0 0 0-10.04-15 16.3 16.3 0 0 0-6.23-1.23v-289.1h17.9L775 320H644.82v360.55H625.3Z"
|
|
||||||
/>
|
|
||||||
</svg>`;export{a as farcasterSvg};
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
import{f,ap as w,F as g,aq as A,d as y,D as u,B as N,k as p,ad as m}from"./index-B6fu-u6K.js";class I{constructor(e){this.getNonce=e.getNonce}async createMessage(e){const t={accountAddress:e.accountAddress,chainId:e.chainId,version:"1",domain:typeof document>"u"?"Unknown Domain":document.location.host,uri:typeof document>"u"?"Unknown URI":document.location.href,resources:this.resources,nonce:await this.getNonce(e),issuedAt:this.stringifyDate(new Date),statement:void 0,expirationTime:void 0,notBefore:void 0};return Object.assign(t,{toString:()=>this.stringify(t)})}stringify(e){var s;const t=this.getNetworkName(e.chainId);return[`${e.domain} wants you to sign in with your ${t} account:`,e.accountAddress,e.statement?`
|
|
||||||
${e.statement}
|
|
||||||
`:"",`URI: ${e.uri}`,`Version: ${e.version}`,`Chain ID: ${e.chainId}`,`Nonce: ${e.nonce}`,e.issuedAt&&`Issued At: ${e.issuedAt}`,e.expirationTime&&`Expiration Time: ${e.expirationTime}`,e.notBefore&&`Not Before: ${e.notBefore}`,e.requestId&&`Request ID: ${e.requestId}`,((s=e.resources)==null?void 0:s.length)&&e.resources.reduce((n,o)=>`${n}
|
|
||||||
- ${o}`,"Resources:")].filter(n=>typeof n=="string").join(`
|
|
||||||
`).trim()}getNetworkName(e){const t=f.getAllRequestedCaipNetworks();return w.getNetworkNameByCaipNetworkId(t,e)}stringifyDate(e){return e.toISOString()}}class C{constructor(e={}){this.otpUuid=null,this.listeners={sessionChanged:[]},this.localAuthStorageKey=e.localAuthStorageKey||g.SIWX_AUTH_TOKEN,this.localNonceStorageKey=e.localNonceStorageKey||g.SIWX_NONCE_TOKEN,this.required=e.required??!0,this.messenger=new I({getNonce:this.getNonce.bind(this)})}async createMessage(e){return this.messenger.createMessage(e)}async addSession(e){const t=await this.request({method:"POST",key:"authenticate",body:{data:e.data,message:e.message,signature:e.signature,clientId:this.getClientId(),walletInfo:this.getWalletInfo()},headers:["nonce","otp"]});this.setStorageToken(t.token,this.localAuthStorageKey),this.emit("sessionChanged",e),this.setAppKitAccountUser(T(t.token)),this.otpUuid=null}async getSessions(e,t){try{if(!this.getStorageToken(this.localAuthStorageKey))return[];const s=await this.request({method:"GET",key:"me",query:{},headers:["auth"]});if(!s)return[];const n=s.address.toLowerCase()===t.toLowerCase(),o=s.caip2Network===e;if(!n||!o)return[];const r={data:{accountAddress:s.address,chainId:s.caip2Network},message:"",signature:""};return this.emit("sessionChanged",r),this.setAppKitAccountUser(s),[r]}catch{return[]}}async revokeSession(e,t){return Promise.resolve(this.clearStorageTokens())}async setSessions(e){if(e.length===0)this.clearStorageTokens();else{const t=e.find(s=>{var n;return s.data.chainId===((n=A())==null?void 0:n.caipNetworkId)})||e[0];await this.addSession(t)}}getRequired(){return this.required}async getSessionAccount(){if(!this.getStorageToken(this.localAuthStorageKey))throw new Error("Not authenticated");return this.request({method:"GET",key:"me",body:void 0,query:{includeAppKitAccount:!0},headers:["auth"]})}async setSessionAccountMetadata(e=null){if(!this.getStorageToken(this.localAuthStorageKey))throw new Error("Not authenticated");return this.request({method:"PUT",key:"account-metadata",body:{metadata:e},headers:["auth"]})}on(e,t){return this.listeners[e].push(t),()=>{this.listeners[e]=this.listeners[e].filter(s=>s!==t)}}removeAllListeners(){Object.keys(this.listeners).forEach(t=>{this.listeners[t]=[]})}async requestEmailOtp({email:e,account:t}){const s=await this.request({method:"POST",key:"otp",body:{email:e,account:t}});return this.otpUuid=s.uuid,this.messenger.resources=[`email:${e}`],s}confirmEmailOtp({code:e}){return this.request({method:"PUT",key:"otp",body:{code:e},headers:["otp"]})}async request({method:e,key:t,query:s,body:n,headers:o}){var l;const{projectId:r,st:k,sv:S}=this.getSDKProperties(),a=new URL(`${y.W3M_API_URL}/auth/v1/${String(t)}`);a.searchParams.set("projectId",r),a.searchParams.set("st",k),a.searchParams.set("sv",S),s&&Object.entries(s).forEach(([i,h])=>a.searchParams.set(i,String(h)));const c=await fetch(a,{method:e,body:n?JSON.stringify(n):void 0,headers:Array.isArray(o)?o.reduce((i,h)=>{switch(h){case"nonce":i["x-nonce-jwt"]=`Bearer ${this.getStorageToken(this.localNonceStorageKey)}`;break;case"auth":i.Authorization=`Bearer ${this.getStorageToken(this.localAuthStorageKey)}`;break;case"otp":this.otpUuid&&(i["x-otp"]=this.otpUuid);break}return i},{}):void 0});if(!c.ok)throw new Error(await c.text());return(l=c.headers.get("content-type"))!=null&&l.includes("application/json")?c.json():null}getStorageToken(e){return u.getItem(e)}setStorageToken(e,t){u.setItem(t,e)}clearStorageTokens(){this.otpUuid=null,u.removeItem(this.localAuthStorageKey),u.removeItem(this.localNonceStorageKey),this.emit("sessionChanged",void 0)}async getNonce(){const{nonce:e,token:t}=await this.request({method:"GET",key:"nonce"});return this.setStorageToken(t,this.localNonceStorageKey),e}getClientId(){return N.state.clientId}getWalletInfo(){const{connectedWalletInfo:e}=p.state;if(!e)return;if("social"in e){const o=e.social,r=e.identifier;return{type:"social",social:o,identifier:r}}const{name:t,icon:s}=e;let n="unknown";switch(e.type){case"EXTERNAL":case"INJECTED":case"ANNOUNCED":n="extension";break;case"WALLET_CONNECT":n="walletconnect";break;default:n="unknown"}return{type:n,name:t,icon:s}}getSDKProperties(){return m._getSdkProperties()}emit(e,t){this.listeners[e].forEach(s=>s(t))}setAppKitAccountUser(e){const{email:t}=e;t&&Object.values(y.CHAIN).forEach(s=>{f.setAccountProp("user",{email:t},s)})}}function T(d){const e=d.split(".");if(e.length!==3)throw new Error("Invalid token");const t=e[1];if(typeof t!="string")throw new Error("Invalid token");const s=t.replace(/-/gu,"+").replace(/_/gu,"/"),n=s.padEnd(s.length+(4-s.length%4)%4,"=");return JSON.parse(atob(n))}export{C as ReownAuthentication,I as ReownAuthenticationMessenger};
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import{w as e}from"./index-B6fu-u6K.js";const a=e`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M0 3a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1Zm2.63 5.25a1 1 0 0 1 1-1h8.75a1 1 0 1 1 0 2H3.63a1 1 0 0 1-1-1Zm2.62 5.25a1 1 0 0 1 1-1h3.5a1 1 0 0 1 0 2h-3.5a1 1 0 0 1-1-1Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{a as filtersSvg};
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const c=l`<svg fill="none" viewBox="0 0 40 40">
|
|
||||||
<g clip-path="url(#a)">
|
|
||||||
<g clip-path="url(#b)">
|
|
||||||
<circle cx="20" cy="19.89" r="20" fill="#1B1F23" />
|
|
||||||
<g clip-path="url(#c)">
|
|
||||||
<path
|
|
||||||
fill="#fff"
|
|
||||||
d="M8 19.89a12 12 0 1 1 15.8 11.38c-.6.12-.8-.26-.8-.57v-3.3c0-1.12-.4-1.85-.82-2.22 2.67-.3 5.48-1.31 5.48-5.92 0-1.31-.47-2.38-1.24-3.22.13-.3.54-1.52-.12-3.18 0 0-1-.32-3.3 1.23a11.54 11.54 0 0 0-6 0c-2.3-1.55-3.3-1.23-3.3-1.23a4.32 4.32 0 0 0-.12 3.18 4.64 4.64 0 0 0-1.24 3.22c0 4.6 2.8 5.63 5.47 5.93-.34.3-.65.83-.76 1.6-.69.31-2.42.84-3.5-1 0 0-.63-1.15-1.83-1.23 0 0-1.18-.02-.09.73 0 0 .8.37 1.34 1.76 0 0 .7 2.14 4.03 1.41v2.24c0 .31-.2.68-.8.57A12 12 0 0 1 8 19.9Z"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="a"><rect width="40" height="40" fill="#fff" rx="20" /></clipPath>
|
|
||||||
<clipPath id="b"><path fill="#fff" d="M0 0h40v40H0z" /></clipPath>
|
|
||||||
<clipPath id="c"><path fill="#fff" d="M8 7.89h24v24H8z" /></clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>`;export{c as githubSvg};
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 40 40">
|
|
||||||
<path
|
|
||||||
fill="#4285F4"
|
|
||||||
d="M32.74 20.3c0-.93-.08-1.81-.24-2.66H20.26v5.03h7a6 6 0 0 1-2.62 3.91v3.28h4.22c2.46-2.27 3.88-5.6 3.88-9.56Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="#34A853"
|
|
||||||
d="M20.26 33a12.4 12.4 0 0 0 8.6-3.14l-4.22-3.28a7.74 7.74 0 0 1-4.38 1.26 7.76 7.76 0 0 1-7.28-5.36H8.65v3.36A12.99 12.99 0 0 0 20.26 33Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="#FBBC05"
|
|
||||||
d="M12.98 22.47a7.79 7.79 0 0 1 0-4.94v-3.36H8.65a12.84 12.84 0 0 0 0 11.66l3.37-2.63.96-.73Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="#EA4335"
|
|
||||||
d="M20.26 12.18a7.1 7.1 0 0 1 4.98 1.93l3.72-3.72A12.47 12.47 0 0 0 20.26 7c-5.08 0-9.47 2.92-11.6 7.17l4.32 3.36a7.76 7.76 0 0 1 7.28-5.35Z"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as googleSvg};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import{w as l}from"./index-B6fu-u6K.js";const o=l`<svg fill="none" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M8.51 5.66a.83.83 0 0 0-.57-.2.83.83 0 0 0-.52.28.8.8 0 0 0-.25.52 1 1 0 0 1-2 0c0-.75.34-1.43.81-1.91a2.75 2.75 0 0 1 4.78 1.92c0 1.24-.8 1.86-1.25 2.2l-.04.03c-.47.36-.5.43-.5.65a1 1 0 1 1-2 0c0-1.25.8-1.86 1.24-2.2l.04-.04c.47-.36.5-.43.5-.65 0-.3-.1-.49-.24-.6ZM9.12 11.87a1.13 1.13 0 1 1-2.25 0 1.13 1.13 0 0 1 2.25 0Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>`;export{o as helpCircleSvg};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import{w as c}from"./index-B6fu-u6K.js";const e=c`<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="28"
|
|
||||||
height="28"
|
|
||||||
viewBox="0 0 28 28"
|
|
||||||
fill="none">
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M7.974 2.975h12.052c1.248 0 2.296 0 3.143.092.89.096 1.723.307 2.461.844a4.9 4.9 0 0 1 1.084 1.084c.537.738.748 1.57.844 2.461.092.847.092 1.895.092 3.143v6.802c0 1.248 0 2.296-.092 3.143-.096.89-.307 1.723-.844 2.461a4.9 4.9 0 0 1-1.084 1.084c-.738.537-1.57.748-2.461.844-.847.092-1.895.092-3.143.092H7.974c-1.247 0-2.296 0-3.143-.092-.89-.096-1.723-.307-2.461-.844a4.901 4.901 0 0 1-1.084-1.084c-.537-.738-.748-1.571-.844-2.461C.35 19.697.35 18.649.35 17.4v-6.802c0-1.248 0-2.296.092-3.143.096-.89.307-1.723.844-2.461A4.9 4.9 0 0 1 2.37 3.91c.738-.537 1.571-.748 2.461-.844.847-.092 1.895-.092 3.143-.092ZM5.133 5.85c-.652.071-.936.194-1.117.326a2.1 2.1 0 0 0-.465.465c-.132.181-.255.465-.325 1.117-.074.678-.076 1.573-.076 2.917v6.65c0 1.344.002 2.239.076 2.917.07.652.193.936.325 1.117a2.1 2.1 0 0 0 .465.465c.181.132.465.255 1.117.326.678.073 1.574.075 2.917.075h11.9c1.344 0 2.239-.002 2.917-.075.652-.071.936-.194 1.117-.326.179-.13.335-.286.465-.465.132-.181.255-.465.326-1.117.073-.678.075-1.573.075-2.917v-6.65c0-1.344-.002-2.239-.075-2.917-.071-.652-.194-.936-.326-1.117a2.1 2.1 0 0 0-.465-.465c-.181-.132-.465-.255-1.117-.326-.678-.073-1.573-.075-2.917-.075H8.05c-1.343 0-2.239.002-2.917.075Zm.467 7.275a3.15 3.15 0 1 1 6.3 0 3.15 3.15 0 0 1-6.3 0Zm8.75-1.75a1.4 1.4 0 0 1 1.4-1.4h3.5a1.4 1.4 0 0 1 0 2.8h-3.5a1.4 1.4 0 0 1-1.4-1.4Zm0 5.25a1.4 1.4 0 0 1 1.4-1.4H21a1.4 1.4 0 1 1 0 2.8h-5.25a1.4 1.4 0 0 1-1.4-1.4Z"
|
|
||||||
clip-rule="evenodd"/>
|
|
||||||
</svg>`;export{e as idSvg};
|
|
||||||
|
|
@ -1,191 +0,0 @@
|
||||||
import{a6 as x,a7 as S,G as C,i as m,r as v,a as y,b as $,A as z}from"./index-B6fu-u6K.js";const p={getSpacingStyles(t,e){if(Array.isArray(t))return t[e]?`var(--wui-spacing-${t[e]})`:void 0;if(typeof t=="string")return`var(--wui-spacing-${t})`},getFormattedDate(t){return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric"}).format(t)},getHostName(t){try{return new URL(t).hostname}catch{return""}},getTruncateString({string:t,charsStart:e,charsEnd:i,truncate:r}){return t.length<=e+i?t:r==="end"?`${t.substring(0,e)}...`:r==="start"?`...${t.substring(t.length-i)}`:`${t.substring(0,Math.floor(e))}...${t.substring(t.length-Math.floor(i))}`},generateAvatarColors(t){const i=t.toLowerCase().replace(/^0x/iu,"").replace(/[^a-f0-9]/gu,"").substring(0,6).padEnd(6,"0"),r=this.hexToRgb(i),o=getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"),s=100-3*Number(o==null?void 0:o.replace("px","")),a=`${s}% ${s}% at 65% 40%`,f=[];for(let h=0;h<5;h+=1){const w=this.tintColor(r,.15*h);f.push(`rgb(${w[0]}, ${w[1]}, ${w[2]})`)}return`
|
|
||||||
--local-color-1: ${f[0]};
|
|
||||||
--local-color-2: ${f[1]};
|
|
||||||
--local-color-3: ${f[2]};
|
|
||||||
--local-color-4: ${f[3]};
|
|
||||||
--local-color-5: ${f[4]};
|
|
||||||
--local-radial-circle: ${a}
|
|
||||||
`},hexToRgb(t){const e=parseInt(t,16),i=e>>16&255,r=e>>8&255,o=e&255;return[i,r,o]},tintColor(t,e){const[i,r,o]=t,n=Math.round(i+(255-i)*e),s=Math.round(r+(255-r)*e),a=Math.round(o+(255-o)*e);return[n,s,a]},isNumber(t){return{number:/^[0-9]+$/u}.number.test(t)},getColorTheme(t){var e;return t||(typeof window<"u"&&window.matchMedia&&typeof window.matchMedia=="function"?(e=window.matchMedia("(prefers-color-scheme: dark)"))!=null&&e.matches?"dark":"light":"dark")},splitBalance(t){const e=t.split(".");return e.length===2?[e[0],e[1]]:["0","00"]},roundNumber(t,e,i){return t.toString().length>=e?Number(t).toFixed(i):t}};function T(t,e){const{kind:i,elements:r}=e;return{kind:i,elements:r,finisher(o){customElements.get(t)||customElements.define(t,o)}}}function _(t,e){return customElements.get(t)||customElements.define(t,e),e}function b(t){return function(i){return typeof i=="function"?_(t,i):T(t,i)}}/**
|
|
||||||
* @license
|
|
||||||
* Copyright 2017 Google LLC
|
|
||||||
* SPDX-License-Identifier: BSD-3-Clause
|
|
||||||
*/const j={attribute:!0,type:String,converter:S,reflect:!1,hasChanged:x},M=(t=j,e,i)=>{const{kind:r,metadata:o}=i;let n=globalThis.litPropertyMetadata.get(o);if(n===void 0&&globalThis.litPropertyMetadata.set(o,n=new Map),r==="setter"&&((t=Object.create(t)).wrapped=!0),n.set(i.name,t),r==="accessor"){const{name:s}=i;return{set(a){const f=e.get.call(this);e.set.call(this,a),this.requestUpdate(s,f,t,!0,a)},init(a){return a!==void 0&&this.C(s,void 0,t,a),a}}}if(r==="setter"){const{name:s}=i;return function(a){const f=this[s];e.call(this,a),this.requestUpdate(s,f,t,!0,a)}}throw Error("Unsupported decorator location: "+r)};function l(t){return(e,i)=>typeof i=="object"?M(t,e,i):((r,o,n)=>{const s=o.hasOwnProperty(n);return o.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(o,n):void 0})(t,e,i)}/**
|
|
||||||
* @license
|
|
||||||
* Copyright 2017 Google LLC
|
|
||||||
* SPDX-License-Identifier: BSD-3-Clause
|
|
||||||
*/function k(t){return l({...t,state:!0,attribute:!1})}/**
|
|
||||||
* @license
|
|
||||||
* Copyright 2017 Google LLC
|
|
||||||
* SPDX-License-Identifier: BSD-3-Clause
|
|
||||||
*/const U={ATTRIBUTE:1,CHILD:2},A=t=>(...e)=>({_$litDirective$:t,values:e});class E{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,i,r){this._$Ct=e,this._$AM=i,this._$Ci=r}_$AS(e,i){return this.update(e,i)}update(e,i){return this.render(...i)}}/**
|
|
||||||
* @license
|
|
||||||
* Copyright 2018 Google LLC
|
|
||||||
* SPDX-License-Identifier: BSD-3-Clause
|
|
||||||
*/const R=A(class extends E{constructor(t){var e;if(super(t),t.type!==U.ATTRIBUTE||t.name!=="class"||((e=t.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var r,o;if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in e)e[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(e)}const i=t.element.classList;for(const n of this.st)n in e||(i.remove(n),this.st.delete(n));for(const n in e){const s=!!e[n];s===this.st.has(n)||(o=this.nt)!=null&&o.has(n)||(s?(i.add(n),this.st.add(n)):(i.remove(n),this.st.delete(n)))}return C}}),G=m`
|
|
||||||
:host {
|
|
||||||
display: inline-flex !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
slot {
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
font-style: normal;
|
|
||||||
font-family: var(--wui-font-family);
|
|
||||||
font-feature-settings:
|
|
||||||
'tnum' on,
|
|
||||||
'lnum' on,
|
|
||||||
'case' on;
|
|
||||||
line-height: 130%;
|
|
||||||
font-weight: var(--wui-font-weight-regular);
|
|
||||||
overflow: inherit;
|
|
||||||
text-overflow: inherit;
|
|
||||||
text-align: var(--local-align);
|
|
||||||
color: var(--local-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-line-clamp-1 {
|
|
||||||
overflow: hidden;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-line-clamp-2 {
|
|
||||||
overflow: hidden;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-medium-400 {
|
|
||||||
font-size: var(--wui-font-size-medium);
|
|
||||||
font-weight: var(--wui-font-weight-light);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-medium-600 {
|
|
||||||
font-size: var(--wui-font-size-medium);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-title-600 {
|
|
||||||
font-size: var(--wui-font-size-title);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-title);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-title-6-600 {
|
|
||||||
font-size: var(--wui-font-size-title-6);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-title-6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-mini-700 {
|
|
||||||
font-size: var(--wui-font-size-mini);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-mini);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-large-500,
|
|
||||||
.wui-font-large-600,
|
|
||||||
.wui-font-large-700 {
|
|
||||||
font-size: var(--wui-font-size-large);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-large);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-2xl-500,
|
|
||||||
.wui-font-2xl-600,
|
|
||||||
.wui-font-2xl-700 {
|
|
||||||
font-size: var(--wui-font-size-2xl);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-2xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-paragraph-400,
|
|
||||||
.wui-font-paragraph-500,
|
|
||||||
.wui-font-paragraph-600,
|
|
||||||
.wui-font-paragraph-700 {
|
|
||||||
font-size: var(--wui-font-size-paragraph);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-paragraph);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-small-400,
|
|
||||||
.wui-font-small-500,
|
|
||||||
.wui-font-small-600 {
|
|
||||||
font-size: var(--wui-font-size-small);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-tiny-400,
|
|
||||||
.wui-font-tiny-500,
|
|
||||||
.wui-font-tiny-600 {
|
|
||||||
font-size: var(--wui-font-size-tiny);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-tiny);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-micro-700,
|
|
||||||
.wui-font-micro-600,
|
|
||||||
.wui-font-micro-500 {
|
|
||||||
font-size: var(--wui-font-size-micro);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-micro);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-tiny-400,
|
|
||||||
.wui-font-small-400,
|
|
||||||
.wui-font-medium-400,
|
|
||||||
.wui-font-paragraph-400 {
|
|
||||||
font-weight: var(--wui-font-weight-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-large-700,
|
|
||||||
.wui-font-paragraph-700,
|
|
||||||
.wui-font-micro-700,
|
|
||||||
.wui-font-mini-700 {
|
|
||||||
font-weight: var(--wui-font-weight-bold);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-font-medium-600,
|
|
||||||
.wui-font-medium-title-600,
|
|
||||||
.wui-font-title-6-600,
|
|
||||||
.wui-font-large-600,
|
|
||||||
.wui-font-paragraph-600,
|
|
||||||
.wui-font-small-600,
|
|
||||||
.wui-font-tiny-600,
|
|
||||||
.wui-font-micro-600 {
|
|
||||||
font-weight: var(--wui-font-weight-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([disabled]) {
|
|
||||||
opacity: 0.4;
|
|
||||||
}
|
|
||||||
`;var g=function(t,e,i,r){var o=arguments.length,n=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends y{constructor(){super(...arguments),this.variant="paragraph-500",this.color="fg-300",this.align="left",this.lineClamp=void 0}render(){const e={[`wui-font-${this.variant}`]:!0,[`wui-color-${this.color}`]:!0,[`wui-line-clamp-${this.lineClamp}`]:!!this.lineClamp};return this.style.cssText=`
|
|
||||||
--local-align: ${this.align};
|
|
||||||
--local-color: var(--wui-color-${this.color});
|
|
||||||
`,$`<slot class=${R(e)}></slot>`}};d.styles=[v,G];g([l()],d.prototype,"variant",void 0);g([l()],d.prototype,"color",void 0);g([l()],d.prototype,"align",void 0);g([l()],d.prototype,"lineClamp",void 0);d=g([b("wui-text")],d);const P=m`
|
|
||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
width: inherit;
|
|
||||||
height: inherit;
|
|
||||||
}
|
|
||||||
`;var c=function(t,e,i,r){var o=arguments.length,n=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};let u=class extends y{render(){return this.style.cssText=`
|
|
||||||
flex-direction: ${this.flexDirection};
|
|
||||||
flex-wrap: ${this.flexWrap};
|
|
||||||
flex-basis: ${this.flexBasis};
|
|
||||||
flex-grow: ${this.flexGrow};
|
|
||||||
flex-shrink: ${this.flexShrink};
|
|
||||||
align-items: ${this.alignItems};
|
|
||||||
justify-content: ${this.justifyContent};
|
|
||||||
column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`};
|
|
||||||
row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`};
|
|
||||||
gap: ${this.gap&&`var(--wui-spacing-${this.gap})`};
|
|
||||||
padding-top: ${this.padding&&p.getSpacingStyles(this.padding,0)};
|
|
||||||
padding-right: ${this.padding&&p.getSpacingStyles(this.padding,1)};
|
|
||||||
padding-bottom: ${this.padding&&p.getSpacingStyles(this.padding,2)};
|
|
||||||
padding-left: ${this.padding&&p.getSpacingStyles(this.padding,3)};
|
|
||||||
margin-top: ${this.margin&&p.getSpacingStyles(this.margin,0)};
|
|
||||||
margin-right: ${this.margin&&p.getSpacingStyles(this.margin,1)};
|
|
||||||
margin-bottom: ${this.margin&&p.getSpacingStyles(this.margin,2)};
|
|
||||||
margin-left: ${this.margin&&p.getSpacingStyles(this.margin,3)};
|
|
||||||
`,$`<slot></slot>`}};u.styles=[v,P];c([l()],u.prototype,"flexDirection",void 0);c([l()],u.prototype,"flexWrap",void 0);c([l()],u.prototype,"flexBasis",void 0);c([l()],u.prototype,"flexGrow",void 0);c([l()],u.prototype,"flexShrink",void 0);c([l()],u.prototype,"alignItems",void 0);c([l()],u.prototype,"justifyContent",void 0);c([l()],u.prototype,"columnGap",void 0);c([l()],u.prototype,"rowGap",void 0);c([l()],u.prototype,"gap",void 0);c([l()],u.prototype,"padding",void 0);c([l()],u.prototype,"margin",void 0);u=c([b("wui-flex")],u);/**
|
|
||||||
* @license
|
|
||||||
* Copyright 2018 Google LLC
|
|
||||||
* SPDX-License-Identifier: BSD-3-Clause
|
|
||||||
*/const W=t=>t??z;export{p as U,R as a,b as c,A as e,E as i,l as n,W as o,k as r,U as t};
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
import{w as C}from"./index-B6fu-u6K.js";const l=C`<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
|
|
||||||
<path d="M4.98926 3.73932C4.2989 3.73932 3.73926 4.29896 3.73926 4.98932C3.73926 5.67968 4.2989 6.23932 4.98926 6.23932C5.67962 6.23932 6.23926 5.67968 6.23926 4.98932C6.23926 4.29896 5.67962 3.73932 4.98926 3.73932Z" fill="currentColor"/>
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.60497 0.500001H6.39504C5.41068 0.499977 4.59185 0.499958 3.93178 0.571471C3.24075 0.64634 2.60613 0.809093 2.04581 1.21619C1.72745 1.44749 1.44749 1.72745 1.21619 2.04581C0.809093 2.60613 0.64634 3.24075 0.571471 3.93178C0.499958 4.59185 0.499977 5.41065 0.500001 6.39501V7.57815C0.499998 8.37476 0.499995 9.05726 0.534869 9.62725C0.570123 10.2034 0.644114 10.7419 0.828442 11.2302C0.925651 11.4877 1.05235 11.7287 1.21619 11.9542C1.44749 12.2726 1.72745 12.5525 2.04581 12.7838C2.60613 13.1909 3.24075 13.3537 3.93178 13.4285C4.59185 13.5001 5.41066 13.5 6.39503 13.5H7.60496C8.58933 13.5 9.40815 13.5001 10.0682 13.4285C10.7593 13.3537 11.3939 13.1909 11.9542 12.7838C12.2726 12.5525 12.5525 12.2726 12.7838 11.9542C13.1909 11.3939 13.3537 10.7593 13.4285 10.0682C13.5 9.40816 13.5 8.58935 13.5 7.60497V6.39505C13.5 5.41068 13.5 4.59185 13.4285 3.93178C13.3537 3.24075 13.1909 2.60613 12.7838 2.04581C12.5525 1.72745 12.2726 1.44749 11.9542 1.21619C11.3939 0.809093 10.7593 0.64634 10.0682 0.571471C9.40816 0.499958 8.58933 0.499977 7.60497 0.500001ZM3.22138 2.83422C3.38394 2.71612 3.62634 2.61627 4.14721 2.55984C4.68679 2.50138 5.39655 2.5 6.45 2.5H7.55C8.60345 2.5 9.31322 2.50138 9.8528 2.55984C10.3737 2.61627 10.6161 2.71612 10.7786 2.83422C10.9272 2.94216 11.0578 3.07281 11.1658 3.22138C11.2839 3.38394 11.3837 3.62634 11.4402 4.14721C11.4986 4.68679 11.5 5.39655 11.5 6.45V6.49703C10.9674 6.11617 10.386 5.84936 9.74213 5.81948C8.40536 5.75745 7.3556 6.73051 6.40509 7.84229C6.33236 7.92737 6.27406 7.98735 6.22971 8.02911L6.1919 8.00514L6.17483 7.99427C6.09523 7.94353 5.98115 7.87083 5.85596 7.80302C5.56887 7.64752 5.18012 7.4921 4.68105 7.4921C4.66697 7.4921 4.6529 7.49239 4.63884 7.49299C3.79163 7.52878 3.09922 8.1106 2.62901 8.55472C2.58751 8.59392 2.54594 8.6339 2.50435 8.6745C2.50011 8.34653 2.5 7.97569 2.5 7.55V6.45C2.5 5.39655 2.50138 4.68679 2.55984 4.14721C2.61627 3.62634 2.71612 3.38394 2.83422 3.22138C2.94216 3.07281 3.07281 2.94216 3.22138 2.83422ZM10.3703 8.14825C10.6798 8.37526 11.043 8.71839 11.4832 9.20889C11.4744 9.44992 11.4608 9.662 11.4402 9.8528C11.3837 10.3737 11.2839 10.6161 11.1658 10.7786C11.0578 10.9272 10.9272 11.0578 10.7786 11.1658C10.6161 11.2839 10.3737 11.3837 9.8528 11.4402C9.31322 11.4986 8.60345 11.5 7.55 11.5H6.45C5.39655 11.5 4.68679 11.4986 4.14721 11.4402C3.62634 11.3837 3.38394 11.2839 3.22138 11.1658C3.15484 11.1174 3.0919 11.0645 3.03298 11.0075C3.10126 10.9356 3.16806 10.8649 3.23317 10.7959L3.29772 10.7276C3.55763 10.4525 3.78639 10.2126 4.00232 10.0087C4.22016 9.80294 4.39412 9.66364 4.53524 9.57742C4.63352 9.51738 4.69022 9.49897 4.71275 9.49345C4.76387 9.49804 4.81803 9.51537 4.90343 9.56162C4.96409 9.59447 5.02355 9.63225 5.11802 9.69238L5.12363 9.69595C5.20522 9.74789 5.32771 9.82587 5.46078 9.89278C5.76529 10.0459 6.21427 10.186 6.74977 10.0158C7.21485 9.86796 7.59367 9.52979 7.92525 9.14195C8.91377 7.98571 9.38267 7.80495 9.64941 7.81733C9.7858 7.82366 10.0101 7.884 10.3703 8.14825Z" fill="currentColor"/>
|
|
||||||
</svg>`;export{l as imageSvg};
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,116 +0,0 @@
|
||||||
import{i as h,r as p,e as f,a as g,N as w,b as m}from"./index-B6fu-u6K.js";import{n as t,c as x,U as b}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";import"./index-DUZ-8KUm.js";const y=h`
|
|
||||||
button {
|
|
||||||
padding: 6.5px var(--wui-spacing-l) 6.5px var(--wui-spacing-xs);
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-clickable='false'] {
|
|
||||||
pointer-events: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-image,
|
|
||||||
wui-icon {
|
|
||||||
width: var(--wui-spacing-3xl);
|
|
||||||
height: var(--wui-spacing-3xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-image {
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
}
|
|
||||||
`;var u=function(a,o,r,i){var l=arguments.length,e=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,r):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(a,o,r,i);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(e=(l<3?c(e):l>3?c(o,r,e):c(o,r))||e);return l>3&&e&&Object.defineProperty(o,r,e),e};let n=class extends g{constructor(){super(...arguments),this.tokenName="",this.tokenImageUrl="",this.tokenValue=0,this.tokenAmount="0.0",this.tokenCurrency="",this.clickable=!1}render(){return m`
|
|
||||||
<button data-clickable=${String(this.clickable)}>
|
|
||||||
<wui-flex gap="s" alignItems="center">
|
|
||||||
${this.visualTemplate()}
|
|
||||||
<wui-flex flexDirection="column" justifyContent="spaceBetween">
|
|
||||||
<wui-text variant="paragraph-500" color="fg-100">${this.tokenName}</wui-text>
|
|
||||||
<wui-text variant="small-400" color="fg-200">
|
|
||||||
${w.formatNumberToLocalString(this.tokenAmount,4)} ${this.tokenCurrency}
|
|
||||||
</wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
</wui-flex>
|
|
||||||
<wui-text variant="paragraph-500" color="fg-100">$${this.tokenValue.toFixed(2)}</wui-text>
|
|
||||||
</button>
|
|
||||||
`}visualTemplate(){return this.tokenName&&this.tokenImageUrl?m`<wui-image alt=${this.tokenName} src=${this.tokenImageUrl}></wui-image>`:m`<wui-icon name="coinPlaceholder" color="fg-100"></wui-icon>`}};n.styles=[p,f,y];u([t()],n.prototype,"tokenName",void 0);u([t()],n.prototype,"tokenImageUrl",void 0);u([t({type:Number})],n.prototype,"tokenValue",void 0);u([t()],n.prototype,"tokenAmount",void 0);u([t()],n.prototype,"tokenCurrency",void 0);u([t({type:Boolean})],n.prototype,"clickable",void 0);n=u([x("wui-list-token")],n);const k=h`
|
|
||||||
:host {
|
|
||||||
display: block;
|
|
||||||
width: var(--local-width);
|
|
||||||
height: var(--local-height);
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='generated']) {
|
|
||||||
--mixed-local-color-1: var(--local-color-1);
|
|
||||||
--mixed-local-color-2: var(--local-color-2);
|
|
||||||
--mixed-local-color-3: var(--local-color-3);
|
|
||||||
--mixed-local-color-4: var(--local-color-4);
|
|
||||||
--mixed-local-color-5: var(--local-color-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
@supports (background: color-mix(in srgb, white 50%, black)) {
|
|
||||||
:host([data-variant='generated']) {
|
|
||||||
--mixed-local-color-1: color-mix(
|
|
||||||
in srgb,
|
|
||||||
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
||||||
var(--local-color-1)
|
|
||||||
);
|
|
||||||
--mixed-local-color-2: color-mix(
|
|
||||||
in srgb,
|
|
||||||
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
||||||
var(--local-color-2)
|
|
||||||
);
|
|
||||||
--mixed-local-color-3: color-mix(
|
|
||||||
in srgb,
|
|
||||||
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
||||||
var(--local-color-3)
|
|
||||||
);
|
|
||||||
--mixed-local-color-4: color-mix(
|
|
||||||
in srgb,
|
|
||||||
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
||||||
var(--local-color-4)
|
|
||||||
);
|
|
||||||
--mixed-local-color-5: color-mix(
|
|
||||||
in srgb,
|
|
||||||
var(--w3m-color-mix) var(--w3m-color-mix-strength),
|
|
||||||
var(--local-color-5)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='generated']) {
|
|
||||||
box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
|
|
||||||
background: radial-gradient(
|
|
||||||
var(--local-radial-circle),
|
|
||||||
#fff 0.52%,
|
|
||||||
var(--mixed-local-color-5) 31.25%,
|
|
||||||
var(--mixed-local-color-3) 51.56%,
|
|
||||||
var(--mixed-local-color-2) 65.63%,
|
|
||||||
var(--mixed-local-color-1) 82.29%,
|
|
||||||
var(--mixed-local-color-4) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='default']) {
|
|
||||||
box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
|
|
||||||
background: radial-gradient(
|
|
||||||
75.29% 75.29% at 64.96% 24.36%,
|
|
||||||
#fff 0.52%,
|
|
||||||
#f5ccfc 31.25%,
|
|
||||||
#dba4f5 51.56%,
|
|
||||||
#9a8ee8 65.63%,
|
|
||||||
#6493da 82.29%,
|
|
||||||
#6ebdea 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
`;var v=function(a,o,r,i){var l=arguments.length,e=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,r):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(a,o,r,i);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(e=(l<3?c(e):l>3?c(o,r,e):c(o,r))||e);return l>3&&e&&Object.defineProperty(o,r,e),e};let d=class extends g{constructor(){super(...arguments),this.imageSrc=void 0,this.alt=void 0,this.address=void 0,this.size="xl"}render(){return this.style.cssText=`
|
|
||||||
--local-width: var(--wui-icon-box-size-${this.size});
|
|
||||||
--local-height: var(--wui-icon-box-size-${this.size});
|
|
||||||
`,m`${this.visualTemplate()}`}visualTemplate(){if(this.imageSrc)return this.dataset.variant="image",m`<wui-image src=${this.imageSrc} alt=${this.alt??"avatar"}></wui-image>`;if(this.address){this.dataset.variant="generated";const o=b.generateAvatarColors(this.address);return this.style.cssText+=`
|
|
||||||
${o}`,null}return this.dataset.variant="default",null}};d.styles=[p,k];v([t()],d.prototype,"imageSrc",void 0);v([t()],d.prototype,"alt",void 0);v([t()],d.prototype,"address",void 0);v([t()],d.prototype,"size",void 0);d=v([x("wui-avatar")],d);
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,157 +0,0 @@
|
||||||
import{s as $,q as _,t as R,i as f,r as m,a as b,b as l,O as a,e as O}from"./index-B6fu-u6K.js";import{n as j,c as w,o as P,r as y}from"./if-defined-D6swbWyQ.js";import{e as T,n as U}from"./ref-CNdtRDdT.js";import"./index-CuJMoJHR.js";import{R as B}from"./ConstantsUtil-Dmg8YACJ.js";const u=R({isLegalCheckboxChecked:!1}),g={state:u,subscribe(n){return _(u,()=>n(u))},subscribeKey(n,e){return $(u,n,e)},setIsLegalCheckboxChecked(n){u.isLegalCheckboxChecked=n}},E=f`
|
|
||||||
label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
column-gap: var(--wui-spacing-1xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
label > input[type='checkbox'] {
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
label > span {
|
|
||||||
width: var(--wui-spacing-xl);
|
|
||||||
height: var(--wui-spacing-xl);
|
|
||||||
min-width: var(--wui-spacing-xl);
|
|
||||||
min-height: var(--wui-spacing-xl);
|
|
||||||
border-radius: var(--wui-border-radius-3xs);
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: var(--wui-color-gray-glass-010);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-lg);
|
|
||||||
will-change: background-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
label > span:hover,
|
|
||||||
label > input[type='checkbox']:focus-visible + span {
|
|
||||||
background-color: var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
label input[type='checkbox']:checked + span {
|
|
||||||
background-color: var(--wui-color-blue-base-90);
|
|
||||||
}
|
|
||||||
|
|
||||||
label > span > wui-icon {
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-lg);
|
|
||||||
will-change: opacity;
|
|
||||||
}
|
|
||||||
|
|
||||||
label > input[type='checkbox']:checked + span wui-icon {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
`;var v=function(n,e,r,o){var i=arguments.length,t=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,r,o);else for(var s=n.length-1;s>=0;s--)(c=n[s])&&(t=(i<3?c(t):i>3?c(e,r,t):c(e,r))||t);return i>3&&t&&Object.defineProperty(e,r,t),t};let h=class extends b{constructor(){super(...arguments),this.inputElementRef=T(),this.checked=void 0}render(){return l`
|
|
||||||
<label>
|
|
||||||
<input
|
|
||||||
${U(this.inputElementRef)}
|
|
||||||
?checked=${P(this.checked)}
|
|
||||||
type="checkbox"
|
|
||||||
@change=${this.dispatchChangeEvent}
|
|
||||||
/>
|
|
||||||
<span>
|
|
||||||
<wui-icon name="checkmarkBold" color="inverse-100" size="xxs"></wui-icon>
|
|
||||||
</span>
|
|
||||||
<slot></slot>
|
|
||||||
</label>
|
|
||||||
`}dispatchChangeEvent(){var e;this.dispatchEvent(new CustomEvent("checkboxChange",{detail:(e=this.inputElementRef.value)==null?void 0:e.checked,bubbles:!0,composed:!0}))}};h.styles=[m,E];v([j({type:Boolean})],h.prototype,"checked",void 0);h=v([w("wui-checkbox")],h);const L=f`
|
|
||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
wui-checkbox {
|
|
||||||
padding: var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--wui-color-fg-150);
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
`;var k=function(n,e,r,o){var i=arguments.length,t=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,r,o);else for(var s=n.length-1;s>=0;s--)(c=n[s])&&(t=(i<3?c(t):i>3?c(e,r,t):c(e,r))||t);return i>3&&t&&Object.defineProperty(e,r,t),t};let p=class extends b{constructor(){super(),this.unsubscribe=[],this.checked=g.state.isLegalCheckboxChecked,this.unsubscribe.push(g.subscribeKey("isLegalCheckboxChecked",e=>{this.checked=e}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){var i;const{termsConditionsUrl:e,privacyPolicyUrl:r}=a.state,o=(i=a.state.features)==null?void 0:i.legalCheckbox;return!e&&!r||!o?null:l`
|
|
||||||
<wui-checkbox
|
|
||||||
?checked=${this.checked}
|
|
||||||
@checkboxChange=${this.onCheckboxChange.bind(this)}
|
|
||||||
data-testid="wui-checkbox"
|
|
||||||
>
|
|
||||||
<wui-text color="fg-250" variant="small-400" align="left">
|
|
||||||
I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
|
|
||||||
</wui-text>
|
|
||||||
</wui-checkbox>
|
|
||||||
`}andTemplate(){const{termsConditionsUrl:e,privacyPolicyUrl:r}=a.state;return e&&r?"and":""}termsTemplate(){const{termsConditionsUrl:e}=a.state;return e?l`<a rel="noreferrer" target="_blank" href=${e}>terms of service</a>`:null}privacyTemplate(){const{privacyPolicyUrl:e}=a.state;return e?l`<a rel="noreferrer" target="_blank" href=${e}>privacy policy</a>`:null}onCheckboxChange(){g.setIsLegalCheckboxChecked(!this.checked)}};p.styles=[L];k([y()],p.prototype,"checked",void 0);p=k([w("w3m-legal-checkbox")],p);const W=f`
|
|
||||||
.reown-logo {
|
|
||||||
height: var(--wui-spacing-xxl);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
`;var F=function(n,e,r,o){var i=arguments.length,t=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,r,o);else for(var s=n.length-1;s>=0;s--)(c=n[s])&&(t=(i<3?c(t):i>3?c(e,r,t):c(e,r))||t);return i>3&&t&&Object.defineProperty(e,r,t),t};let x=class extends b{render(){return l`
|
|
||||||
<a
|
|
||||||
data-testid="ux-branding-reown"
|
|
||||||
href=${B}
|
|
||||||
rel="noreferrer"
|
|
||||||
target="_blank"
|
|
||||||
style="text-decoration: none;"
|
|
||||||
>
|
|
||||||
<wui-flex
|
|
||||||
justifyContent="center"
|
|
||||||
alignItems="center"
|
|
||||||
gap="xs"
|
|
||||||
.padding=${["0","0","l","0"]}
|
|
||||||
>
|
|
||||||
<wui-text variant="small-500" color="fg-100"> UX by </wui-text>
|
|
||||||
<wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
|
|
||||||
</wui-flex>
|
|
||||||
</a>
|
|
||||||
`}};x.styles=[m,O,W];x=F([w("wui-ux-by-reown")],x);const D=f`
|
|
||||||
:host > wui-flex {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host wui-ux-by-reown {
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host wui-ux-by-reown.branding-only {
|
|
||||||
padding-top: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--wui-color-fg-175);
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
`;var C=function(n,e,r,o){var i=arguments.length,t=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,r,o);else for(var s=n.length-1;s>=0;s--)(c=n[s])&&(t=(i<3?c(t):i>3?c(e,r,t):c(e,r))||t);return i>3&&t&&Object.defineProperty(e,r,t),t};let d=class extends b{constructor(){super(),this.unsubscribe=[],this.remoteFeatures=a.state.remoteFeatures,this.unsubscribe.push(a.subscribeKey("remoteFeatures",e=>this.remoteFeatures=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){var t;const{termsConditionsUrl:e,privacyPolicyUrl:r}=a.state,o=(t=a.state.features)==null?void 0:t.legalCheckbox;return!e&&!r||o?l`
|
|
||||||
<wui-flex flexDirection="column"> ${this.reownBrandingTemplate(!0)} </wui-flex>
|
|
||||||
`:l`
|
|
||||||
<wui-flex flexDirection="column">
|
|
||||||
<wui-flex .padding=${["m","s","s","s"]} justifyContent="center">
|
|
||||||
<wui-text color="fg-250" variant="small-400" align="center">
|
|
||||||
By connecting your wallet, you agree to our <br />
|
|
||||||
${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
|
|
||||||
</wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
${this.reownBrandingTemplate()}
|
|
||||||
</wui-flex>
|
|
||||||
`}andTemplate(){const{termsConditionsUrl:e,privacyPolicyUrl:r}=a.state;return e&&r?"and":""}termsTemplate(){const{termsConditionsUrl:e}=a.state;return e?l`<a href=${e} target="_blank" rel="noopener noreferrer"
|
|
||||||
>Terms of Service</a
|
|
||||||
>`:null}privacyTemplate(){const{privacyPolicyUrl:e}=a.state;return e?l`<a href=${e} target="_blank" rel="noopener noreferrer"
|
|
||||||
>Privacy Policy</a
|
|
||||||
>`:null}reownBrandingTemplate(e=!1){var r;return(r=this.remoteFeatures)!=null&&r.reownBranding?e?l`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>`:l`<wui-ux-by-reown></wui-ux-by-reown>`:null}};d.styles=[D];C([y()],d.prototype,"remoteFeatures",void 0);d=C([w("w3m-legal-footer")],d);export{g as O};
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import{i as u,r as b,e as p,a as f,b as v}from"./index-B6fu-u6K.js";import{n as d,c as m,o as g}from"./if-defined-D6swbWyQ.js";const h=u`
|
|
||||||
button {
|
|
||||||
padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs);
|
|
||||||
border-radius: var(--wui-border-radius-3xs);
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--wui-color-accent-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled {
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--wui-color-gray-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
`;var l=function(n,o,r,i){var s=arguments.length,t=s<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,r):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,o,r,i);else for(var c=n.length-1;c>=0;c--)(a=n[c])&&(t=(s<3?a(t):s>3?a(o,r,t):a(o,r))||t);return s>3&&t&&Object.defineProperty(o,r,t),t};let e=class extends f{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return v`
|
|
||||||
<button ?disabled=${this.disabled} tabindex=${g(this.tabIdx)}>
|
|
||||||
<slot name="iconLeft"></slot>
|
|
||||||
<wui-text variant="small-600" color=${this.color}>
|
|
||||||
<slot></slot>
|
|
||||||
</wui-text>
|
|
||||||
<slot name="iconRight"></slot>
|
|
||||||
</button>
|
|
||||||
`}};e.styles=[b,p,h];l([d()],e.prototype,"tabIdx",void 0);l([d({type:Boolean})],e.prototype,"disabled",void 0);l([d()],e.prototype,"color",void 0);e=l([m("wui-link")],e);
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import{i as p,a as u,R as f,M as b,b as d}from"./index-B6fu-u6K.js";import{n as g,r as m,c as M}from"./if-defined-D6swbWyQ.js";import{T as l}from"./index-BmxH4wsL.js";const T={interpolate(i,e,o){if(i.length!==2||e.length!==2)throw new Error("inputRange and outputRange must be an array of length 2");const n=i[0]||0,r=i[1]||0,t=e[0]||0,s=e[1]||0;return o<n?t:o>r?s:(s-t)/(r-n)*(o-n)+t}},v=p`
|
|
||||||
:host {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
`;var a=function(i,e,o,n){var r=arguments.length,t=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,e,o,n);else for(var c=i.length-1;c>=0;c--)(s=i[c])&&(t=(r<3?s(t):r>3?s(e,o,t):s(e,o))||t);return r>3&&t&&Object.defineProperty(e,o,t),t};let h=class extends u{constructor(){super(),this.unsubscribe=[],this.text="",this.open=l.state.open,this.unsubscribe.push(f.subscribeKey("view",()=>{l.hide()}),b.subscribeKey("open",e=>{e||l.hide()}),l.subscribeKey("open",e=>{this.open=e}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),l.hide()}render(){return d`
|
|
||||||
<div
|
|
||||||
@pointermove=${this.onMouseEnter.bind(this)}
|
|
||||||
@pointerleave=${this.onMouseLeave.bind(this)}
|
|
||||||
>
|
|
||||||
${this.renderChildren()}
|
|
||||||
</div>
|
|
||||||
`}renderChildren(){return d`<slot></slot> `}onMouseEnter(){const e=this.getBoundingClientRect();this.open||l.showTooltip({message:this.text,triggerRect:{width:e.width,height:e.height,left:e.left,top:e.top},variant:"shade"})}onMouseLeave(e){this.contains(e.relatedTarget)||l.hide()}};h.styles=[v];a([g()],h.prototype,"text",void 0);a([m()],h.prototype,"open",void 0);h=a([M("w3m-tooltip-trigger")],h);export{T as M};
|
|
||||||
|
|
@ -1,201 +0,0 @@
|
||||||
import{i as g,r as v,e as y,a as f,b as d,w as m}from"./index-B6fu-u6K.js";import{n,c as b}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";import"./index-DUZ-8KUm.js";import"./index-Bl7lS5oY.js";const z=g`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 48px;
|
|
||||||
width: 100%;
|
|
||||||
background-color: var(--wui-color-accent-glass-010);
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
border: 1px solid var(--wui-color-accent-glass-010);
|
|
||||||
transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
||||||
will-change: background-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-tooltip {
|
|
||||||
padding: 7px var(--wui-spacing-s) 8px var(--wui-spacing-s);
|
|
||||||
position: absolute;
|
|
||||||
top: -8px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -100%);
|
|
||||||
opacity: 0;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: hover) and (pointer: fine) {
|
|
||||||
button:hover:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:active:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var x=function(o,t,i,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(e=(a<3?s(e):a>3?s(t,i,e):s(t,i))||e);return a>3&&e&&Object.defineProperty(t,i,e),e};let w=class extends f{constructor(){super(...arguments),this.text="",this.icon="card"}render(){return d`<button>
|
|
||||||
<wui-icon color="accent-100" name=${this.icon} size="lg"></wui-icon>
|
|
||||||
</button>`}};w.styles=[v,y,z];x([n()],w.prototype,"text",void 0);x([n()],w.prototype,"icon",void 0);w=x([b("wui-icon-button")],w);const $=m`<svg width="86" height="96" fill="none">
|
|
||||||
<path
|
|
||||||
d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
|
|
||||||
/>
|
|
||||||
</svg>`,S=m`<svg viewBox="0 0 48 54" fill="none">
|
|
||||||
<path
|
|
||||||
d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
|
|
||||||
/>
|
|
||||||
</svg>`,I=m`
|
|
||||||
<svg fill="none" viewBox="0 0 36 40">
|
|
||||||
<path
|
|
||||||
d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
`,k=g`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
border-radius: inherit;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: var(--local-width);
|
|
||||||
height: var(--local-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-round='true']) {
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
border-radius: 100%;
|
|
||||||
outline: 1px solid var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 1;
|
|
||||||
fill: var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
svg > path {
|
|
||||||
stroke: var(--local-stroke);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
-webkit-clip-path: var(--local-path);
|
|
||||||
clip-path: var(--local-path);
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon {
|
|
||||||
transform: translateY(-5%);
|
|
||||||
width: var(--local-icon-size);
|
|
||||||
height: var(--local-icon-size);
|
|
||||||
}
|
|
||||||
`;var h=function(o,t,i,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(e=(a<3?s(e):a>3?s(t,i,e):s(t,i))||e);return a>3&&e&&Object.defineProperty(t,i,e),e};let c=class extends f{constructor(){super(...arguments),this.size="md",this.name="uknown",this.networkImagesBySize={sm:I,md:S,lg:$},this.selected=!1,this.round=!1}render(){return this.round?(this.dataset.round="true",this.style.cssText=`
|
|
||||||
--local-width: var(--wui-spacing-3xl);
|
|
||||||
--local-height: var(--wui-spacing-3xl);
|
|
||||||
--local-icon-size: var(--wui-spacing-l);
|
|
||||||
`):this.style.cssText=`
|
|
||||||
|
|
||||||
--local-path: var(--wui-path-network-${this.size});
|
|
||||||
--local-width: var(--wui-width-network-${this.size});
|
|
||||||
--local-height: var(--wui-height-network-${this.size});
|
|
||||||
--local-icon-size: var(--wui-icon-size-network-${this.size});
|
|
||||||
`,d`${this.templateVisual()} ${this.svgTemplate()} `}svgTemplate(){return this.round?null:this.networkImagesBySize[this.size]}templateVisual(){return this.imageSrc?d`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:d`<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`}};c.styles=[v,k];h([n()],c.prototype,"size",void 0);h([n()],c.prototype,"name",void 0);h([n({type:Object})],c.prototype,"networkImagesBySize",void 0);h([n()],c.prototype,"imageSrc",void 0);h([n({type:Boolean})],c.prototype,"selected",void 0);h([n({type:Boolean})],c.prototype,"round",void 0);c=h([b("wui-network-image")],c);const j=g`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: var(--local-size);
|
|
||||||
height: var(--local-size);
|
|
||||||
border-radius: inherit;
|
|
||||||
border-radius: var(--local-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > wui-flex {
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: inherit;
|
|
||||||
border-radius: var(--local-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
border-radius: inherit;
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-010);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([name='Extension'])::after {
|
|
||||||
border: 1px solid var(--wui-color-accent-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-wallet-icon='allWallets']) {
|
|
||||||
background-color: var(--wui-all-wallets-bg-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-wallet-icon='allWallets'])::after {
|
|
||||||
border: 1px solid var(--wui-color-accent-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-parent-size='inherit'] {
|
|
||||||
width: 75%;
|
|
||||||
height: 75%;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-parent-size='sm'] {
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-parent-size='md'] {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-parent-size='lg'] {
|
|
||||||
width: 42px;
|
|
||||||
height: 42px;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-parent-size='full'] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > wui-icon-box {
|
|
||||||
position: absolute;
|
|
||||||
overflow: hidden;
|
|
||||||
right: -1px;
|
|
||||||
bottom: -2px;
|
|
||||||
z-index: 1;
|
|
||||||
border: 2px solid var(--wui-color-bg-150, #1e1f1f);
|
|
||||||
padding: 1px;
|
|
||||||
}
|
|
||||||
`;var p=function(o,t,i,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,i,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(e=(a<3?s(e):a>3?s(t,i,e):s(t,i))||e);return a>3&&e&&Object.defineProperty(t,i,e),e};let u=class extends f{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="xxs";return this.size==="lg"?t="m":this.size==="md"?t="xs":t="xxs",this.style.cssText=`
|
|
||||||
--local-border-radius: var(--wui-border-radius-${t});
|
|
||||||
--local-size: var(--wui-wallet-image-size-${this.size});
|
|
||||||
`,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),d`
|
|
||||||
<wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
|
|
||||||
`}templateVisual(){return this.imageSrc?d`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?d`<wui-icon
|
|
||||||
data-parent-size="md"
|
|
||||||
size="md"
|
|
||||||
color="inherit"
|
|
||||||
name=${this.walletIcon}
|
|
||||||
></wui-icon>`:d`<wui-icon
|
|
||||||
data-parent-size=${this.size}
|
|
||||||
size="inherit"
|
|
||||||
color="inherit"
|
|
||||||
name="walletPlaceholder"
|
|
||||||
></wui-icon>`}};u.styles=[y,v,j];p([n()],u.prototype,"size",void 0);p([n()],u.prototype,"name",void 0);p([n()],u.prototype,"imageSrc",void 0);p([n()],u.prototype,"walletIcon",void 0);p([n({type:Boolean})],u.prototype,"installed",void 0);p([n()],u.prototype,"badgeSize",void 0);u=p([b("wui-wallet-image")],u);export{S as n};
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,131 +0,0 @@
|
||||||
import{i as b,r as v,e as g,a as h,b as l}from"./index-B6fu-u6K.js";import{n as r,c as w}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";import"./index-DUZ-8KUm.js";const p=b`
|
|
||||||
button {
|
|
||||||
border: none;
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='main'] {
|
|
||||||
background-color: var(--wui-color-accent-100);
|
|
||||||
color: var(--wui-color-inverse-100);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent'] {
|
|
||||||
background-color: var(--wui-color-accent-glass-010);
|
|
||||||
color: var(--wui-color-accent-100);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='gray'] {
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--wui-color-fg-200);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='shade'] {
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--wui-color-accent-100);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='sm'] {
|
|
||||||
height: 32px;
|
|
||||||
padding: 0 var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='md'] {
|
|
||||||
height: 40px;
|
|
||||||
padding: 0 var(--wui-spacing-l);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='sm'] > wui-image {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='md'] > wui-image {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='sm'] > wui-icon {
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='md'] > wui-icon {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-image {
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.disabled > wui-icon,
|
|
||||||
button.disabled > wui-image {
|
|
||||||
filter: grayscale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='main'] > wui-image {
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='shade'] > wui-image,
|
|
||||||
button[data-variant='gray'] > wui-image {
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: hover) and (pointer: fine) {
|
|
||||||
button[data-variant='main']:focus-visible {
|
|
||||||
background-color: var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='main']:hover:enabled {
|
|
||||||
background-color: var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='main']:active:enabled {
|
|
||||||
background-color: var(--wui-color-accent-080);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent']:hover:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent']:active:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='shade']:focus-visible,
|
|
||||||
button[data-variant='gray']:focus-visible,
|
|
||||||
button[data-variant='shade']:hover,
|
|
||||||
button[data-variant='gray']:hover {
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='gray']:active,
|
|
||||||
button[data-variant='shade']:active {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button.disabled {
|
|
||||||
color: var(--wui-color-gray-glass-020);
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
`;var i=function(n,t,e,s){var c=arguments.length,o=c<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,t,e,s);else for(var d=n.length-1;d>=0;d--)(u=n[d])&&(o=(c<3?u(o):c>3?u(t,e,o):u(t,e))||o);return c>3&&o&&Object.defineProperty(t,e,o),o};let a=class extends h{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){const t=this.size==="sm"?"small-600":"paragraph-600";return l`
|
|
||||||
<button
|
|
||||||
class=${this.disabled?"disabled":""}
|
|
||||||
data-variant=${this.variant}
|
|
||||||
data-size=${this.size}
|
|
||||||
?disabled=${this.disabled}
|
|
||||||
>
|
|
||||||
${this.imageSrc?l`<wui-image src=${this.imageSrc}></wui-image>`:null}
|
|
||||||
<wui-text variant=${t} color="inherit"> ${this.text} </wui-text>
|
|
||||||
${this.icon?l`<wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>`:null}
|
|
||||||
</button>
|
|
||||||
`}};a.styles=[v,g,p];i([r()],a.prototype,"variant",void 0);i([r()],a.prototype,"imageSrc",void 0);i([r({type:Boolean})],a.prototype,"disabled",void 0);i([r()],a.prototype,"icon",void 0);i([r()],a.prototype,"size",void 0);i([r()],a.prototype,"text",void 0);a=i([w("wui-chip-button")],a);
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
import{i as h,r as g,e as p,a as v,b as f}from"./index-B6fu-u6K.js";import{n as c,c as x}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";const y=h`
|
|
||||||
:host {
|
|
||||||
display: inline-flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: var(--wui-color-gray-glass-020);
|
|
||||||
border-radius: var(--local-border-radius);
|
|
||||||
border: var(--local-border);
|
|
||||||
box-sizing: content-box;
|
|
||||||
width: var(--local-size);
|
|
||||||
height: var(--local-size);
|
|
||||||
min-height: var(--local-size);
|
|
||||||
min-width: var(--local-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
@supports (background: color-mix(in srgb, white 50%, black)) {
|
|
||||||
:host {
|
|
||||||
background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var i=function(d,e,t,l){var a=arguments.length,r=a<3?e:l===null?l=Object.getOwnPropertyDescriptor(e,t):l,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(d,e,t,l);else for(var s=d.length-1;s>=0;s--)(n=d[s])&&(r=(a<3?n(r):a>3?n(e,t,r):n(e,t))||r);return a>3&&r&&Object.defineProperty(e,t,r),r};let o=class extends v{constructor(){super(...arguments),this.size="md",this.backgroundColor="accent-100",this.iconColor="accent-100",this.background="transparent",this.border=!1,this.borderColor="wui-color-bg-125",this.icon="copy"}render(){const e=this.iconSize||this.size,t=this.size==="lg",l=this.size==="xl",a=t?"12%":"16%",r=t?"xxs":l?"s":"3xl",n=this.background==="gray",s=this.background==="opaque",b=this.backgroundColor==="accent-100"&&s||this.backgroundColor==="success-100"&&s||this.backgroundColor==="error-100"&&s||this.backgroundColor==="inverse-100"&&s;let u=`var(--wui-color-${this.backgroundColor})`;return b?u=`var(--wui-icon-box-bg-${this.backgroundColor})`:n&&(u=`var(--wui-color-gray-${this.backgroundColor})`),this.style.cssText=`
|
|
||||||
--local-bg-value: ${u};
|
|
||||||
--local-bg-mix: ${b||n?"100%":a};
|
|
||||||
--local-border-radius: var(--wui-border-radius-${r});
|
|
||||||
--local-size: var(--wui-icon-box-size-${this.size});
|
|
||||||
--local-border: ${this.borderColor==="wui-color-bg-125"?"2px":"1px"} solid ${this.border?`var(--${this.borderColor})`:"transparent"}
|
|
||||||
`,f` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `}};o.styles=[g,p,y];i([c()],o.prototype,"size",void 0);i([c()],o.prototype,"backgroundColor",void 0);i([c()],o.prototype,"iconColor",void 0);i([c()],o.prototype,"iconSize",void 0);i([c()],o.prototype,"background",void 0);i([c({type:Boolean})],o.prototype,"border",void 0);i([c()],o.prototype,"borderColor",void 0);i([c()],o.prototype,"icon",void 0);o=i([x("wui-icon-box")],o);
|
|
||||||
|
|
@ -1,74 +0,0 @@
|
||||||
import{c as g,s as m,q as w,t as f,i as v,a as b,b as x}from"./index-B6fu-u6K.js";import{r as u,c as h}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";const e=f({message:"",open:!1,triggerRect:{width:0,height:0,top:0,left:0},variant:"shade"}),y={state:e,subscribe(o){return w(e,()=>o(e))},subscribeKey(o,t){return m(e,o,t)},showTooltip({message:o,triggerRect:t,variant:i}){e.open=!0,e.message=o,e.triggerRect=t,e.variant=i},hide(){e.open=!1,e.message="",e.triggerRect={width:0,height:0,top:0,left:0}}},s=g(y),R=v`
|
|
||||||
:host {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > wui-flex {
|
|
||||||
display: var(--w3m-tooltip-display);
|
|
||||||
opacity: var(--w3m-tooltip-opacity);
|
|
||||||
padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
|
|
||||||
border-radius: var(--wui-border-radius-xxs);
|
|
||||||
color: var(--wui-color-bg-100);
|
|
||||||
position: fixed;
|
|
||||||
top: var(--w3m-tooltip-top);
|
|
||||||
left: var(--w3m-tooltip-left);
|
|
||||||
transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
|
|
||||||
max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
|
|
||||||
transition: opacity 0.2s var(--wui-ease-out-power-2);
|
|
||||||
will-change: opacity;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='shade']) > wui-flex {
|
|
||||||
background-color: var(--wui-color-bg-150);
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='shade']) > wui-flex > wui-text {
|
|
||||||
color: var(--wui-color-fg-150);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='fill']) > wui-flex {
|
|
||||||
background-color: var(--wui-color-fg-100);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon {
|
|
||||||
position: absolute;
|
|
||||||
width: 12px !important;
|
|
||||||
height: 4px !important;
|
|
||||||
color: var(--wui-color-bg-150);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-placement='top'] {
|
|
||||||
bottom: 0px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, 95%);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-placement='bottom'] {
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -95%) rotate(180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-placement='right'] {
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
transform: translate(-65%, -50%) rotate(90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-placement='left'] {
|
|
||||||
top: 50%;
|
|
||||||
right: 0%;
|
|
||||||
transform: translate(65%, -50%) rotate(270deg);
|
|
||||||
}
|
|
||||||
`;var n=function(o,t,i,l){var p=arguments.length,r=p<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,i):l,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(o,t,i,l);else for(var d=o.length-1;d>=0;d--)(c=o[d])&&(r=(p<3?c(r):p>3?c(t,i,r):c(t,i))||r);return p>3&&r&&Object.defineProperty(t,i,r),r};let a=class extends b{constructor(){super(),this.unsubscribe=[],this.open=s.state.open,this.message=s.state.message,this.triggerRect=s.state.triggerRect,this.variant=s.state.variant,this.unsubscribe.push(s.subscribe(t=>{this.open=t.open,this.message=t.message,this.triggerRect=t.triggerRect,this.variant=t.variant}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){this.dataset.variant=this.variant;const t=this.triggerRect.top,i=this.triggerRect.left;return this.style.cssText=`
|
|
||||||
--w3m-tooltip-top: ${t}px;
|
|
||||||
--w3m-tooltip-left: ${i}px;
|
|
||||||
--w3m-tooltip-parent-width: ${this.triggerRect.width/2}px;
|
|
||||||
--w3m-tooltip-display: ${this.open?"flex":"none"};
|
|
||||||
--w3m-tooltip-opacity: ${this.open?1:0};
|
|
||||||
`,x`<wui-flex>
|
|
||||||
<wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
|
|
||||||
<wui-text color="inherit" variant="small-500">${this.message}</wui-text>
|
|
||||||
</wui-flex>`}};a.styles=[R];n([u()],a.prototype,"open",void 0);n([u()],a.prototype,"message",void 0);n([u()],a.prototype,"triggerRect",void 0);n([u()],a.prototype,"variant",void 0);a=n([h("w3m-tooltip"),h("w3m-tooltip")],a);export{s as T};
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
import{i as d,r as f,a as p,b as g}from"./index-B6fu-u6K.js";import{n as c,c as u}from"./if-defined-D6swbWyQ.js";const m=d`
|
|
||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='sm']) > svg {
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='md']) > svg {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='lg']) > svg {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='xl']) > svg {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
animation: rotate 2s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
circle {
|
|
||||||
fill: none;
|
|
||||||
stroke: var(--local-color);
|
|
||||||
stroke-width: 4px;
|
|
||||||
stroke-dasharray: 1, 124;
|
|
||||||
stroke-dashoffset: 0;
|
|
||||||
stroke-linecap: round;
|
|
||||||
animation: dash 1.5s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='md']) > svg > circle {
|
|
||||||
stroke-width: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='sm']) > svg > circle {
|
|
||||||
stroke-width: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes rotate {
|
|
||||||
100% {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes dash {
|
|
||||||
0% {
|
|
||||||
stroke-dasharray: 1, 124;
|
|
||||||
stroke-dashoffset: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
50% {
|
|
||||||
stroke-dasharray: 90, 124;
|
|
||||||
stroke-dashoffset: -35;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
stroke-dashoffset: -125;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var l=function(o,t,s,r){var a=arguments.length,e=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,s):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,s,r);else for(var h=o.length-1;h>=0;h--)(n=o[h])&&(e=(a<3?n(e):a>3?n(t,s,e):n(t,s))||e);return a>3&&e&&Object.defineProperty(t,s,e),e};let i=class extends p{constructor(){super(...arguments),this.color="accent-100",this.size="lg"}render(){return this.style.cssText=`--local-color: ${this.color==="inherit"?"inherit":`var(--wui-color-${this.color})`}`,this.dataset.size=this.size,g`<svg viewBox="25 25 50 50">
|
|
||||||
<circle r="20" cy="50" cx="50"></circle>
|
|
||||||
</svg>`}};i.styles=[f,m];l([c()],i.prototype,"color",void 0);l([c()],i.prototype,"size",void 0);i=l([u("wui-loading-spinner")],i);
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import{i as p,r as f,a as d,b as u}from"./index-B6fu-u6K.js";import{n as g,c as m}from"./if-defined-D6swbWyQ.js";const h=p`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > wui-text {
|
|
||||||
position: absolute;
|
|
||||||
padding: 0px 10px;
|
|
||||||
background-color: var(--wui-color-modal-bg);
|
|
||||||
transition: background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
|
|
||||||
will-change: background-color;
|
|
||||||
}
|
|
||||||
`;var c=function(o,e,r,i){var n=arguments.length,t=n<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,r):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(o,e,r,i);else for(var s=o.length-1;s>=0;s--)(a=o[s])&&(t=(n<3?a(t):n>3?a(e,r,t):a(e,r))||t);return n>3&&t&&Object.defineProperty(e,r,t),t};let l=class extends d{constructor(){super(...arguments),this.text=""}render(){return u`${this.template()}`}template(){return this.text?u`<wui-text variant="small-500" color="fg-200">${this.text}</wui-text>`:null}};l.styles=[f,h];c([g()],l.prototype,"text",void 0);l=c([m("wui-separator")],l);
|
|
||||||
|
|
@ -1,111 +0,0 @@
|
||||||
import{i as h,r as b,e as w,a as g,b as r}from"./index-B6fu-u6K.js";import{n as o,c as v,o as p}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";import"./index-DUZ-8KUm.js";import"./index-BqLefJXm.js";import"./index-Bl7lS5oY.js";const m=h`
|
|
||||||
button {
|
|
||||||
column-gap: var(--wui-spacing-s);
|
|
||||||
padding: 11px 18px 11px var(--wui-spacing-s);
|
|
||||||
width: 100%;
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
color: var(--wui-color-fg-250);
|
|
||||||
transition:
|
|
||||||
color var(--wui-ease-out-power-1) var(--wui-duration-md),
|
|
||||||
background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
||||||
will-change: color, background-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-iconvariant='square'],
|
|
||||||
button[data-iconvariant='square-blue'] {
|
|
||||||
padding: 6px 18px 6px 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-flex {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-image {
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon {
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
||||||
will-change: opacity;
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon-box[data-variant='blue'] {
|
|
||||||
box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon-box[data-variant='overlay'] {
|
|
||||||
box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon-box[data-variant='square-blue'] {
|
|
||||||
border-radius: var(--wui-border-radius-3xs);
|
|
||||||
position: relative;
|
|
||||||
border: none;
|
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon-box[data-variant='square-blue']::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
border-radius: inherit;
|
|
||||||
border: 1px solid var(--wui-color-accent-glass-010);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon:last-child {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled {
|
|
||||||
color: var(--wui-color-gray-glass-020);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-loading='true'] > wui-icon {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-loading-spinner {
|
|
||||||
position: absolute;
|
|
||||||
right: 18px;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
`;var t=function(u,a,e,s){var l=arguments.length,n=l<3?a:s===null?s=Object.getOwnPropertyDescriptor(a,e):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(u,a,e,s);else for(var d=u.length-1;d>=0;d--)(c=u[d])&&(n=(l<3?c(n):l>3?c(a,e,n):c(a,e))||n);return l>3&&n&&Object.defineProperty(a,e,n),n};let i=class extends g{constructor(){super(...arguments),this.tabIdx=void 0,this.variant="icon",this.disabled=!1,this.imageSrc=void 0,this.alt=void 0,this.chevron=!1,this.loading=!1}render(){return r`
|
|
||||||
<button
|
|
||||||
?disabled=${this.loading?!0:!!this.disabled}
|
|
||||||
data-loading=${this.loading}
|
|
||||||
data-iconvariant=${p(this.iconVariant)}
|
|
||||||
tabindex=${p(this.tabIdx)}
|
|
||||||
>
|
|
||||||
${this.loadingTemplate()} ${this.visualTemplate()}
|
|
||||||
<wui-flex gap="3xs">
|
|
||||||
<slot></slot>
|
|
||||||
</wui-flex>
|
|
||||||
${this.chevronTemplate()}
|
|
||||||
</button>
|
|
||||||
`}visualTemplate(){if(this.variant==="image"&&this.imageSrc)return r`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if(this.iconVariant==="square"&&this.icon&&this.variant==="icon")return r`<wui-icon name=${this.icon}></wui-icon>`;if(this.variant==="icon"&&this.icon&&this.iconVariant){const a=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",e=this.iconVariant==="square-blue"?"mdl":"md",s=this.iconSize?this.iconSize:e;return r`
|
|
||||||
<wui-icon-box
|
|
||||||
data-variant=${this.iconVariant}
|
|
||||||
icon=${this.icon}
|
|
||||||
iconSize=${s}
|
|
||||||
background="transparent"
|
|
||||||
iconColor=${a}
|
|
||||||
backgroundColor=${a}
|
|
||||||
size=${e}
|
|
||||||
></wui-icon-box>
|
|
||||||
`}return null}loadingTemplate(){return this.loading?r`<wui-loading-spinner
|
|
||||||
data-testid="wui-list-item-loading-spinner"
|
|
||||||
color="fg-300"
|
|
||||||
></wui-loading-spinner>`:r``}chevronTemplate(){return this.chevron?r`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};i.styles=[b,w,m];t([o()],i.prototype,"icon",void 0);t([o()],i.prototype,"iconSize",void 0);t([o()],i.prototype,"tabIdx",void 0);t([o()],i.prototype,"variant",void 0);t([o()],i.prototype,"iconVariant",void 0);t([o({type:Boolean})],i.prototype,"disabled",void 0);t([o()],i.prototype,"imageSrc",void 0);t([o()],i.prototype,"alt",void 0);t([o({type:Boolean})],i.prototype,"chevron",void 0);t([o({type:Boolean})],i.prototype,"loading",void 0);i=t([v("wui-list-item")],i);
|
|
||||||
|
|
@ -1,64 +0,0 @@
|
||||||
import{k as d,f as w,E as _,R as f,p as m,S as v,h as c,y as E,d as $,i as y,r as b,a as x,b as h,e as R}from"./index-B6fu-u6K.js";import{n as u,c as C,o as O}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";function T(){try{return c.returnOpenHref(`${$.SECURE_SITE_SDK_ORIGIN}/loading`,"popupWindow","width=600,height=800,scrollbars=yes")}catch{throw new Error("Could not open social popup")}}async function U(){f.push("ConnectingFarcaster");const t=m.getAuthConnector();if(t&&!d.state.farcasterUrl)try{const{url:o}=await t.provider.getFarcasterUri();d.setFarcasterUrl(o,w.state.activeChain)}catch(o){f.goBack(),v.showError(o)}}async function j(t){f.push("ConnectingSocial");const o=m.getAuthConnector();let e=null;try{const i=setTimeout(()=>{throw new Error("Social login timed out. Please try again.")},45e3);if(o&&t){if(c.isTelegram()||(e=T()),e)d.setSocialWindow(e,w.state.activeChain);else if(!c.isTelegram())throw new Error("Could not create social popup");const{uri:n}=await o.provider.getSocialRedirectUri({provider:t});if(!n)throw e==null||e.close(),new Error("Could not fetch the social redirect uri");if(e&&(e.location.href=n),c.isTelegram()){E.setTelegramSocialProvider(t);const r=c.formatTelegramSocialLoginUrl(n);c.openHref(r,"_top")}clearTimeout(i)}}catch(i){e==null||e.close(),v.showError(i==null?void 0:i.message)}}async function F(t){d.setSocialProvider(t,w.state.activeChain),_.sendEvent({type:"track",event:"SOCIAL_LOGIN_STARTED",properties:{provider:t}}),t==="farcaster"?await U():await j(t)}const L=y`
|
|
||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
border-radius: var(--wui-border-radius-3xl);
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-005);
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
`;var S=function(t,o,e,i){var n=arguments.length,r=n<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,e):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,o,e,i);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(r=(n<3?a(r):n>3?a(o,e,r):a(o,e))||r);return n>3&&r&&Object.defineProperty(o,e,r),r};let p=class extends x{constructor(){super(...arguments),this.logo="google"}render(){return h`<wui-icon color="inherit" size="inherit" name=${this.logo}></wui-icon> `}};p.styles=[b,L];S([u()],p.prototype,"logo",void 0);p=S([C("wui-logo")],p);const I=y`
|
|
||||||
button {
|
|
||||||
column-gap: var(--wui-spacing-s);
|
|
||||||
padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
|
|
||||||
width: 100%;
|
|
||||||
justify-content: flex-start;
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
color: var(--wui-color-fg-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-text {
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-text[data-align='left'] {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-text[data-align='center'] {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invisible {
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled {
|
|
||||||
background-color: var(--wui-color-gray-glass-015);
|
|
||||||
color: var(--wui-color-gray-glass-015);
|
|
||||||
}
|
|
||||||
`;var g=function(t,o,e,i){var n=arguments.length,r=n<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,e):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,o,e,i);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(r=(n<3?a(r):n>3?a(o,e,r):a(o,e))||r);return n>3&&r&&Object.defineProperty(o,e,r),r};let l=class extends x{constructor(){super(...arguments),this.logo="google",this.name="Continue with google",this.align="left",this.disabled=!1}render(){return h`
|
|
||||||
<button ?disabled=${this.disabled} tabindex=${O(this.tabIdx)}>
|
|
||||||
<wui-logo logo=${this.logo}></wui-logo>
|
|
||||||
<wui-text
|
|
||||||
data-align=${this.align}
|
|
||||||
variant="paragraph-500"
|
|
||||||
color="inherit"
|
|
||||||
align=${this.align}
|
|
||||||
>${this.name}</wui-text
|
|
||||||
>
|
|
||||||
${this.templatePlacement()}
|
|
||||||
</button>
|
|
||||||
`}templatePlacement(){return this.align==="center"?h` <wui-logo class="invisible" logo=${this.logo}></wui-logo>`:null}};l.styles=[b,R,I];g([u()],l.prototype,"logo",void 0);g([u()],l.prototype,"name",void 0);g([u()],l.prototype,"align",void 0);g([u()],l.prototype,"tabIdx",void 0);g([u({type:Boolean})],l.prototype,"disabled",void 0);l=g([C("wui-list-social")],l);export{F as e};
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,203 +0,0 @@
|
||||||
import{i as w,r as g,e as h,a as v,b as l}from"./index-B6fu-u6K.js";import{n as a,c as x,a as m,o as c}from"./if-defined-D6swbWyQ.js";import{e as b,n as f}from"./ref-CNdtRDdT.js";import"./index-CuJMoJHR.js";const y=w`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
color: var(--wui-color-fg-275);
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
font-size: var(--wui-font-size-paragraph);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-paragraph);
|
|
||||||
color: var(--wui-color-fg-100);
|
|
||||||
transition:
|
|
||||||
background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
||||||
border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
||||||
box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
|
|
||||||
will-change: background-color, border-color, box-shadow;
|
|
||||||
caret-color: var(--wui-color-accent-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled::placeholder,
|
|
||||||
input:disabled + wui-icon {
|
|
||||||
color: var(--wui-color-fg-300);
|
|
||||||
}
|
|
||||||
|
|
||||||
input::placeholder {
|
|
||||||
color: var(--wui-color-fg-275);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus:enabled {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
-webkit-box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
||||||
0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
||||||
-moz-box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
||||||
0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
||||||
0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:hover:enabled {
|
|
||||||
background-color: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-size-sm {
|
|
||||||
padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon + .wui-size-sm {
|
|
||||||
padding: 9px var(--wui-spacing-m) 10px 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-input='sm'] {
|
|
||||||
left: var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-size-md {
|
|
||||||
padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon + .wui-size-md,
|
|
||||||
wui-loading-spinner + .wui-size-md {
|
|
||||||
padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-input='md'] {
|
|
||||||
left: var(--wui-spacing-l);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-size-lg {
|
|
||||||
padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-medium-title);
|
|
||||||
font-size: var(--wui-font-size-medium-title);
|
|
||||||
font-weight: var(--wui-font-weight-light);
|
|
||||||
line-height: 130%;
|
|
||||||
color: var(--wui-color-fg-100);
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-xs {
|
|
||||||
padding-right: var(--wui-spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-s {
|
|
||||||
padding-right: var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-m {
|
|
||||||
padding-right: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-l {
|
|
||||||
padding-right: var(--wui-spacing-l);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-xl {
|
|
||||||
padding-right: var(--wui-spacing-xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-2xl {
|
|
||||||
padding-right: var(--wui-spacing-2xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-3xl {
|
|
||||||
padding-right: var(--wui-spacing-3xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-4xl {
|
|
||||||
padding-right: var(--wui-spacing-4xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-padding-right-5xl {
|
|
||||||
padding-right: var(--wui-spacing-5xl);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon + .wui-size-lg,
|
|
||||||
wui-loading-spinner + .wui-size-lg {
|
|
||||||
padding-left: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-icon[data-input='lg'] {
|
|
||||||
left: var(--wui-spacing-l);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wui-size-mdl {
|
|
||||||
padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
wui-icon + .wui-size-mdl,
|
|
||||||
wui-loading-spinner + .wui-size-mdl {
|
|
||||||
padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;
|
|
||||||
}
|
|
||||||
wui-icon[data-input='mdl'] {
|
|
||||||
left: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:placeholder-shown ~ ::slotted(wui-input-element),
|
|
||||||
input:placeholder-shown ~ ::slotted(wui-icon) {
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input::-webkit-outer-spin-button,
|
|
||||||
input::-webkit-inner-spin-button {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='number'] {
|
|
||||||
-moz-appearance: textfield;
|
|
||||||
}
|
|
||||||
|
|
||||||
::slotted(wui-input-element),
|
|
||||||
::slotted(wui-icon) {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
::slotted(wui-input-element) {
|
|
||||||
right: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
::slotted(wui-icon) {
|
|
||||||
right: 0px;
|
|
||||||
}
|
|
||||||
`;var e=function(s,t,o,r){var p=arguments.length,n=p<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,t,o,r);else for(var d=s.length-1;d>=0;d--)(u=s[d])&&(n=(p<3?u(n):p>3?u(t,o,n):u(t,o))||n);return p>3&&n&&Object.defineProperty(t,o,n),n};let i=class extends v{constructor(){super(...arguments),this.inputElementRef=b(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){const t=`wui-padding-right-${this.inputRightPadding}`,r={[`wui-size-${this.size}`]:!0,[t]:!!this.inputRightPadding};return l`${this.templateIcon()}
|
|
||||||
<input
|
|
||||||
data-testid="wui-input-text"
|
|
||||||
${f(this.inputElementRef)}
|
|
||||||
class=${m(r)}
|
|
||||||
type=${this.type}
|
|
||||||
enterkeyhint=${c(this.enterKeyHint)}
|
|
||||||
?disabled=${this.disabled}
|
|
||||||
placeholder=${this.placeholder}
|
|
||||||
@input=${this.dispatchInputChangeEvent.bind(this)}
|
|
||||||
@keydown=${this.onKeyDown}
|
|
||||||
.value=${this.value||""}
|
|
||||||
tabindex=${c(this.tabIdx)}
|
|
||||||
/>
|
|
||||||
<slot></slot>`}templateIcon(){return this.icon?l`<wui-icon
|
|
||||||
data-input=${this.size}
|
|
||||||
size=${this.size}
|
|
||||||
color="inherit"
|
|
||||||
name=${this.icon}
|
|
||||||
></wui-icon>`:null}dispatchInputChangeEvent(){var t;this.dispatchEvent(new CustomEvent("inputChange",{detail:(t=this.inputElementRef.value)==null?void 0:t.value,bubbles:!0,composed:!0}))}};i.styles=[g,h,y];e([a()],i.prototype,"size",void 0);e([a()],i.prototype,"icon",void 0);e([a({type:Boolean})],i.prototype,"disabled",void 0);e([a()],i.prototype,"placeholder",void 0);e([a()],i.prototype,"type",void 0);e([a()],i.prototype,"keyHint",void 0);e([a()],i.prototype,"value",void 0);e([a()],i.prototype,"inputRightPadding",void 0);e([a()],i.prototype,"tabIdx",void 0);e([a({attribute:!1})],i.prototype,"onKeyDown",void 0);i=e([x("wui-input-text")],i);
|
|
||||||
|
|
@ -1,43 +0,0 @@
|
||||||
import{i as u,r as b,e as p,v,a as w,b as h}from"./index-B6fu-u6K.js";import{n as l,c as f}from"./if-defined-D6swbWyQ.js";import"./index-CuJMoJHR.js";const g=u`
|
|
||||||
button {
|
|
||||||
border-radius: var(--local-border-radius);
|
|
||||||
color: var(--wui-color-fg-100);
|
|
||||||
padding: var(--local-padding);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
:host(:not([size='sm'])) button {
|
|
||||||
padding: var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-icon {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled > wui-icon {
|
|
||||||
color: var(--wui-color-bg-300) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:disabled {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover:not(:disabled) {
|
|
||||||
background-color: var(--wui-color-accent-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:focus-visible:not(:disabled) {
|
|
||||||
background-color: var(--wui-color-accent-glass-015);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
||||||
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
`;var s=function(r,o,i,n){var a=arguments.length,e=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,i):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(r,o,i,n);else for(var d=r.length-1;d>=0;d--)(c=r[d])&&(e=(a<3?c(e):a>3?c(o,i,e):c(o,i))||e);return a>3&&e&&Object.defineProperty(o,i,e),e};let t=class extends w{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="inherit"}render(){this.dataset.size=this.size;let o="",i="";switch(this.size){case"lg":o="--wui-border-radius-xs",i="--wui-spacing-1xs";break;case"sm":o="--wui-border-radius-3xs",i="--wui-spacing-xxs";break;default:o="--wui-border-radius-xxs",i="--wui-spacing-2xs";break}return this.style.cssText=`
|
|
||||||
--local-border-radius: var(${o});
|
|
||||||
--local-padding: var(${i});
|
|
||||||
`,h`
|
|
||||||
<button ?disabled=${this.disabled}>
|
|
||||||
<wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
|
|
||||||
</button>
|
|
||||||
`}};t.styles=[b,p,v,g];s([l()],t.prototype,"size",void 0);s([l({type:Boolean})],t.prototype,"disabled",void 0);s([l()],t.prototype,"icon",void 0);s([l()],t.prototype,"iconColor",void 0);t=s([f("wui-icon-link")],t);
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
import{i as h,r as c,a as l,b as f}from"./index-B6fu-u6K.js";import{n as m,c as p}from"./if-defined-D6swbWyQ.js";const v=h`
|
|
||||||
:host {
|
|
||||||
display: block;
|
|
||||||
width: var(--wui-box-size-md);
|
|
||||||
height: var(--wui-box-size-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
width: var(--wui-box-size-md);
|
|
||||||
height: var(--wui-box-size-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
rect {
|
|
||||||
fill: none;
|
|
||||||
stroke: var(--wui-color-accent-100);
|
|
||||||
stroke-width: 4px;
|
|
||||||
stroke-linecap: round;
|
|
||||||
animation: dash 1s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes dash {
|
|
||||||
to {
|
|
||||||
stroke-dashoffset: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var u=function(o,t,s,r){var i=arguments.length,e=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,s):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,s,r);else for(var d=o.length-1;d>=0;d--)(a=o[d])&&(e=(i<3?a(e):i>3?a(t,s,e):a(t,s))||e);return i>3&&e&&Object.defineProperty(t,s,e),e};let n=class extends l{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const t=this.radius>50?50:this.radius,r=36-t,i=116+r,e=245+r,a=360+r*1.75;return f`
|
|
||||||
<svg viewBox="0 0 110 110" width="110" height="110">
|
|
||||||
<rect
|
|
||||||
x="2"
|
|
||||||
y="2"
|
|
||||||
width="106"
|
|
||||||
height="106"
|
|
||||||
rx=${t}
|
|
||||||
stroke-dasharray="${i} ${e}"
|
|
||||||
stroke-dashoffset=${a}
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
`}};n.styles=[c,v];u([m({type:Number})],n.prototype,"radius",void 0);n=u([p("wui-loading-thumbnail")],n);
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
import{i as c,r as g,e as h,a as w,b as u}from"./index-B6fu-u6K.js";import{n as d,c as x}from"./if-defined-D6swbWyQ.js";import"./index-DUZ-8KUm.js";import"./index-DmDFCnkv.js";import"./index-Bl7lS5oY.js";const m=c`
|
|
||||||
:host {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > button,
|
|
||||||
:host > wui-flex {
|
|
||||||
gap: var(--wui-spacing-xxs);
|
|
||||||
padding: var(--wui-spacing-xs);
|
|
||||||
padding-right: var(--wui-spacing-1xs);
|
|
||||||
height: 40px;
|
|
||||||
border-radius: var(--wui-border-radius-l);
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
border-width: 0px;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > button wui-image {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
border-radius: var(--wui-border-radius-s);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
`;var l=function(o,t,r,s){var n=arguments.length,e=n<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,r):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,t,r,s);else for(var p=o.length-1;p>=0;p--)(a=o[p])&&(e=(n<3?a(e):n>3?a(t,r,e):a(t,r))||e);return n>3&&e&&Object.defineProperty(t,r,e),e};let i=class extends w{constructor(){super(...arguments),this.text="",this.loading=!1}render(){return this.loading?u` <wui-flex alignItems="center" gap="xxs" padding="xs">
|
|
||||||
<wui-shimmer width="24px" height="24px"></wui-shimmer>
|
|
||||||
<wui-shimmer width="40px" height="20px" borderRadius="4xs"></wui-shimmer>
|
|
||||||
</wui-flex>`:u`
|
|
||||||
<button>
|
|
||||||
${this.tokenTemplate()}
|
|
||||||
<wui-text variant="paragraph-600" color="fg-100">${this.text}</wui-text>
|
|
||||||
</button>
|
|
||||||
`}tokenTemplate(){return this.imageSrc?u`<wui-image src=${this.imageSrc}></wui-image>`:u`
|
|
||||||
<wui-icon-box
|
|
||||||
size="sm"
|
|
||||||
iconColor="fg-200"
|
|
||||||
backgroundColor="fg-300"
|
|
||||||
icon="networkPlaceholder"
|
|
||||||
></wui-icon-box>
|
|
||||||
`}};i.styles=[g,h,m];l([d()],i.prototype,"imageSrc",void 0);l([d()],i.prototype,"text",void 0);l([d({type:Boolean})],i.prototype,"loading",void 0);i=l([x("wui-token-button")],i);
|
|
||||||
|
|
@ -1,263 +0,0 @@
|
||||||
import{i as v,r as b,e as p,a as w,b as d}from"./index-B6fu-u6K.js";import{n as r,c as h}from"./if-defined-D6swbWyQ.js";import"./index-BqLefJXm.js";const x=v`
|
|
||||||
:host {
|
|
||||||
width: var(--local-width);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
border: none;
|
|
||||||
border-radius: var(--local-border-radius);
|
|
||||||
width: var(--local-width);
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- Sizes --------------------------------------------------- */
|
|
||||||
button[data-size='xs'] {
|
|
||||||
padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='xs'][data-icon-left='true'][data-icon-right='false'] {
|
|
||||||
padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='xs'][data-icon-right='true'][data-icon-left='false'] {
|
|
||||||
padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='sm'] {
|
|
||||||
padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='sm'][data-icon-left='true'][data-icon-right='false'] {
|
|
||||||
padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='sm'][data-icon-right='true'][data-icon-left='false'] {
|
|
||||||
padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='md'] {
|
|
||||||
padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
|
|
||||||
height: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
|
|
||||||
padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
|
|
||||||
padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='lg'] {
|
|
||||||
padding: var(--wui-spacing-m) var(--wui-spacing-2l);
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- Variants --------------------------------------------------------- */
|
|
||||||
button[data-variant='main'] {
|
|
||||||
background-color: var(--wui-color-accent-100);
|
|
||||||
color: var(--wui-color-inverse-100);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='inverse'] {
|
|
||||||
background-color: var(--wui-color-inverse-100);
|
|
||||||
color: var(--wui-color-inverse-000);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent'] {
|
|
||||||
background-color: var(--wui-color-accent-glass-010);
|
|
||||||
color: var(--wui-color-accent-100);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent-error'] {
|
|
||||||
background: var(--wui-color-error-glass-015);
|
|
||||||
color: var(--wui-color-error-100);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent-success'] {
|
|
||||||
background: var(--wui-color-success-glass-015);
|
|
||||||
color: var(--wui-color-success-100);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='neutral'] {
|
|
||||||
background: transparent;
|
|
||||||
color: var(--wui-color-fg-100);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='shade'] {
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
color: var(--wui-color-fg-200);
|
|
||||||
border: none;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- Focus states --------------------------------------------------- */
|
|
||||||
button[data-variant='main']:focus-visible:enabled {
|
|
||||||
background-color: var(--wui-color-accent-090);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
||||||
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
button[data-variant='inverse']:focus-visible:enabled {
|
|
||||||
background-color: var(--wui-color-inverse-100);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-gray-glass-010),
|
|
||||||
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
button[data-variant='accent']:focus-visible:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-010);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-accent-100),
|
|
||||||
0 0 0 4px var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
button[data-variant='accent-error']:focus-visible:enabled {
|
|
||||||
background: var(--wui-color-error-glass-015);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-error-100),
|
|
||||||
0 0 0 4px var(--wui-color-error-glass-020);
|
|
||||||
}
|
|
||||||
button[data-variant='accent-success']:focus-visible:enabled {
|
|
||||||
background: var(--wui-color-success-glass-015);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-success-100),
|
|
||||||
0 0 0 4px var(--wui-color-success-glass-020);
|
|
||||||
}
|
|
||||||
button[data-variant='neutral']:focus-visible:enabled {
|
|
||||||
background: var(--wui-color-gray-glass-005);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-gray-glass-010),
|
|
||||||
0 0 0 4px var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
button[data-variant='shade']:focus-visible:enabled {
|
|
||||||
background: var(--wui-color-gray-glass-005);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px var(--wui-color-gray-glass-010),
|
|
||||||
0 0 0 4px var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- Hover & Active states ----------------------------------------------------------- */
|
|
||||||
@media (hover: hover) and (pointer: fine) {
|
|
||||||
button[data-variant='main']:hover:enabled {
|
|
||||||
background-color: var(--wui-color-accent-090);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='main']:active:enabled {
|
|
||||||
background-color: var(--wui-color-accent-080);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent']:hover:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-015);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent']:active:enabled {
|
|
||||||
background-color: var(--wui-color-accent-glass-020);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent-error']:hover:enabled {
|
|
||||||
background: var(--wui-color-error-glass-020);
|
|
||||||
color: var(--wui-color-error-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent-error']:active:enabled {
|
|
||||||
background: var(--wui-color-error-glass-030);
|
|
||||||
color: var(--wui-color-error-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent-success']:hover:enabled {
|
|
||||||
background: var(--wui-color-success-glass-020);
|
|
||||||
color: var(--wui-color-success-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='accent-success']:active:enabled {
|
|
||||||
background: var(--wui-color-success-glass-030);
|
|
||||||
color: var(--wui-color-success-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='neutral']:hover:enabled {
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='neutral']:active:enabled {
|
|
||||||
background: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
|
|
||||||
padding-left: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
|
|
||||||
padding-right: var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='shade']:hover:enabled {
|
|
||||||
background: var(--wui-color-gray-glass-002);
|
|
||||||
}
|
|
||||||
|
|
||||||
button[data-variant='shade']:active:enabled {
|
|
||||||
background: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- Disabled state --------------------------------------------------- */
|
|
||||||
button:disabled {
|
|
||||||
background-color: var(--wui-color-gray-glass-002);
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
|
|
||||||
color: var(--wui-color-gray-glass-020);
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
button > wui-text {
|
|
||||||
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
||||||
will-change: opacity;
|
|
||||||
opacity: var(--local-opacity-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
::slotted(*) {
|
|
||||||
transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
|
|
||||||
will-change: opacity;
|
|
||||||
opacity: var(--local-opacity-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-loading-spinner {
|
|
||||||
position: absolute;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
opacity: var(--local-opacity-000);
|
|
||||||
}
|
|
||||||
`;var t=function(e,o,s,n){var c=arguments.length,i=c<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,s):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,o,s,n);else for(var u=e.length-1;u>=0;u--)(l=e[u])&&(i=(c<3?l(i):c>3?l(o,s,i):l(o,s))||i);return c>3&&i&&Object.defineProperty(o,s,i),i};const g={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020",shade:"fg-100"},f={lg:"paragraph-600",md:"small-600",sm:"small-600",xs:"tiny-600"},y={lg:"md",md:"md",sm:"sm",xs:"sm"};let a=class extends w{constructor(){super(...arguments),this.size="lg",this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant="main",this.hasIconLeft=!1,this.hasIconRight=!1,this.borderRadius="m"}render(){this.style.cssText=`
|
|
||||||
--local-width: ${this.fullWidth?"100%":"auto"};
|
|
||||||
--local-opacity-100: ${this.loading?0:1};
|
|
||||||
--local-opacity-000: ${this.loading?1:0};
|
|
||||||
--local-border-radius: var(--wui-border-radius-${this.borderRadius});
|
|
||||||
`;const o=this.textVariant??f[this.size];return d`
|
|
||||||
<button
|
|
||||||
data-variant=${this.variant}
|
|
||||||
data-icon-left=${this.hasIconLeft}
|
|
||||||
data-icon-right=${this.hasIconRight}
|
|
||||||
data-size=${this.size}
|
|
||||||
?disabled=${this.disabled}
|
|
||||||
>
|
|
||||||
${this.loadingTemplate()}
|
|
||||||
<slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot>
|
|
||||||
<wui-text variant=${o} color="inherit">
|
|
||||||
<slot></slot>
|
|
||||||
</wui-text>
|
|
||||||
<slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot>
|
|
||||||
</button>
|
|
||||||
`}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){const o=y[this.size],s=this.disabled?g.disabled:g[this.variant];return d`<wui-loading-spinner color=${s} size=${o}></wui-loading-spinner>`}return d``}};a.styles=[b,p,x];t([r()],a.prototype,"size",void 0);t([r({type:Boolean})],a.prototype,"disabled",void 0);t([r({type:Boolean})],a.prototype,"fullWidth",void 0);t([r({type:Boolean})],a.prototype,"loading",void 0);t([r()],a.prototype,"variant",void 0);t([r({type:Boolean})],a.prototype,"hasIconLeft",void 0);t([r({type:Boolean})],a.prototype,"hasIconRight",void 0);t([r()],a.prototype,"borderRadius",void 0);t([r()],a.prototype,"textVariant",void 0);a=t([h("wui-button")],a);
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,22 +0,0 @@
|
||||||
import{i as c,r as m,a as f,b as d}from"./index-B6fu-u6K.js";import{n as u,c as v,o as b}from"./if-defined-D6swbWyQ.js";import"./index-CS6mdpde.js";const w=c`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
wui-text {
|
|
||||||
margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
|
|
||||||
}
|
|
||||||
`;var a=function(o,i,r,n){var s=arguments.length,e=s<3?i:n===null?n=Object.getOwnPropertyDescriptor(i,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,i,r,n);else for(var p=o.length-1;p>=0;p--)(l=o[p])&&(e=(s<3?l(e):s>3?l(i,r,e):l(i,r))||e);return s>3&&e&&Object.defineProperty(i,r,e),e};let t=class extends f{constructor(){super(...arguments),this.disabled=!1}render(){return d`
|
|
||||||
<wui-input-text
|
|
||||||
type="email"
|
|
||||||
placeholder="Email"
|
|
||||||
icon="mail"
|
|
||||||
size="mdl"
|
|
||||||
.disabled=${this.disabled}
|
|
||||||
.value=${this.value}
|
|
||||||
data-testid="wui-email-input"
|
|
||||||
tabIdx=${b(this.tabIdx)}
|
|
||||||
></wui-input-text>
|
|
||||||
${this.templateError()}
|
|
||||||
`}templateError(){return this.errorMessage?d`<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>`:null}};t.styles=[m,w];a([u()],t.prototype,"errorMessage",void 0);a([u({type:Boolean})],t.prototype,"disabled",void 0);a([u()],t.prototype,"value",void 0);a([u()],t.prototype,"tabIdx",void 0);t=a([v("wui-email-input")],t);
|
|
||||||
|
|
@ -1,138 +0,0 @@
|
||||||
import{i as v,r as $,e as C,a as b,b as l,z as g,R,p as T,h as S,S as O}from"./index-B6fu-u6K.js";import{n as h,c as x,r as d,U as E}from"./if-defined-D6swbWyQ.js";import"./index-BEFi7f_e.js";import"./index-BqLefJXm.js";const L=v`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
background: var(--wui-color-gray-glass-010);
|
|
||||||
border-radius: var(--wui-border-radius-xs);
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-005);
|
|
||||||
font-family: var(--wui-font-family);
|
|
||||||
font-size: var(--wui-font-size-large);
|
|
||||||
font-weight: var(--wui-font-weight-regular);
|
|
||||||
letter-spacing: var(--wui-letter-spacing-large);
|
|
||||||
text-align: center;
|
|
||||||
color: var(--wui-color-fg-100);
|
|
||||||
caret-color: var(--wui-color-accent-100);
|
|
||||||
transition:
|
|
||||||
background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
||||||
border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
|
|
||||||
box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
|
|
||||||
will-change: background-color, border-color, box-shadow;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
-moz-appearance: textfield;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input::-webkit-outer-spin-button,
|
|
||||||
input::-webkit-inner-spin-button {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type='number'] {
|
|
||||||
-moz-appearance: textfield;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:disabled {
|
|
||||||
cursor: not-allowed;
|
|
||||||
border: 1px solid var(--wui-color-gray-glass-010);
|
|
||||||
background: var(--wui-color-gray-glass-005);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus:enabled {
|
|
||||||
background-color: var(--wui-color-gray-glass-015);
|
|
||||||
border: 1px solid var(--wui-color-accent-100);
|
|
||||||
-webkit-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
||||||
-moz-box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
||||||
box-shadow: 0px 0px 0px 4px var(--wui-box-shadow-blue);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: hover) and (pointer: fine) {
|
|
||||||
input:hover:enabled {
|
|
||||||
background-color: var(--wui-color-gray-glass-015);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var y=function(a,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(a,t,e,i);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n};let c=class extends b{constructor(){super(...arguments),this.disabled=!1,this.value=""}render(){return l`<input
|
|
||||||
type="number"
|
|
||||||
maxlength="1"
|
|
||||||
inputmode="numeric"
|
|
||||||
autofocus
|
|
||||||
?disabled=${this.disabled}
|
|
||||||
value=${this.value}
|
|
||||||
/> `}};c.styles=[$,C,L];y([h({type:Boolean})],c.prototype,"disabled",void 0);y([h({type:String})],c.prototype,"value",void 0);c=y([x("wui-input-numeric")],c);const P=v`
|
|
||||||
:host {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
`;var m=function(a,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(a,t,e,i);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n};let p=class extends b{constructor(){super(...arguments),this.length=6,this.otp="",this.values=Array.from({length:this.length}).map(()=>""),this.numerics=[],this.shouldInputBeEnabled=t=>this.values.slice(0,t).every(i=>i!==""),this.handleKeyDown=(t,e)=>{const i=t.target,o=this.getInputElement(i),n=["ArrowLeft","ArrowRight","Shift","Delete"];if(!o)return;n.includes(t.key)&&t.preventDefault();const r=o.selectionStart;switch(t.key){case"ArrowLeft":r&&o.setSelectionRange(r+1,r+1),this.focusInputField("prev",e);break;case"ArrowRight":this.focusInputField("next",e);break;case"Shift":this.focusInputField("next",e);break;case"Delete":o.value===""?this.focusInputField("prev",e):this.updateInput(o,e,"");break;case"Backspace":o.value===""?this.focusInputField("prev",e):this.updateInput(o,e,"");break}},this.focusInputField=(t,e)=>{if(t==="next"){const i=e+1;if(!this.shouldInputBeEnabled(i))return;const o=this.numerics[i<this.length?i:e],n=o?this.getInputElement(o):void 0;n&&(n.disabled=!1,n.focus())}if(t==="prev"){const i=e-1,o=this.numerics[i>-1?i:e],n=o?this.getInputElement(o):void 0;n&&n.focus()}}}firstUpdated(){var e,i;this.otp&&(this.values=this.otp.split(""));const t=(e=this.shadowRoot)==null?void 0:e.querySelectorAll("wui-input-numeric");t&&(this.numerics=Array.from(t)),(i=this.numerics[0])==null||i.focus()}render(){return l`
|
|
||||||
<wui-flex gap="xxs" data-testid="wui-otp-input">
|
|
||||||
${Array.from({length:this.length}).map((t,e)=>l`
|
|
||||||
<wui-input-numeric
|
|
||||||
@input=${i=>this.handleInput(i,e)}
|
|
||||||
@click=${i=>this.selectInput(i)}
|
|
||||||
@keydown=${i=>this.handleKeyDown(i,e)}
|
|
||||||
.disabled=${!this.shouldInputBeEnabled(e)}
|
|
||||||
.value=${this.values[e]||""}
|
|
||||||
>
|
|
||||||
</wui-input-numeric>
|
|
||||||
`)}
|
|
||||||
</wui-flex>
|
|
||||||
`}updateInput(t,e,i){const o=this.numerics[e],n=t||(o?this.getInputElement(o):void 0);n&&(n.value=i,this.values=this.values.map((r,s)=>s===e?i:r))}selectInput(t){const e=t.target;if(e){const i=this.getInputElement(e);i==null||i.select()}}handleInput(t,e){const i=t.target,o=this.getInputElement(i);if(o){const n=o.value;t.inputType==="insertFromPaste"?this.handlePaste(o,n,e):E.isNumber(n)&&t.data?(this.updateInput(o,e,t.data),this.focusInputField("next",e)):this.updateInput(o,e,"")}this.dispatchInputChangeEvent()}handlePaste(t,e,i){const o=e[0];if(o&&E.isNumber(o)){this.updateInput(t,i,o);const r=e.substring(1);if(i+1<this.length&&r.length){const s=this.numerics[i+1],I=s?this.getInputElement(s):void 0;I&&this.handlePaste(I,r,i+1)}else this.focusInputField("next",i)}else this.updateInput(t,i,"")}getInputElement(t){var e;return(e=t.shadowRoot)!=null&&e.querySelector("input")?t.shadowRoot.querySelector("input"):null}dispatchInputChangeEvent(){const t=this.values.join("");this.dispatchEvent(new CustomEvent("inputChange",{detail:t,bubbles:!0,composed:!0}))}};p.styles=[$,P];m([h({type:Number})],p.prototype,"length",void 0);m([h({type:String})],p.prototype,"otp",void 0);m([d()],p.prototype,"values",void 0);p=m([x("wui-otp")],p);const k=v`
|
|
||||||
wui-loading-spinner {
|
|
||||||
margin: 9px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.email-display,
|
|
||||||
.email-display wui-text {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
`;var f=function(a,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(a,t,e,i);else for(var s=a.length-1;s>=0;s--)(r=a[s])&&(n=(o<3?r(n):o>3?r(t,e,n):r(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n},w;let u=w=class extends b{firstUpdated(){this.startOTPTimeout()}disconnectedCallback(){clearTimeout(this.OTPTimeout)}constructor(){var t;super(),this.loading=!1,this.timeoutTimeLeft=g.getTimeToNextEmailLogin(),this.error="",this.otp="",this.email=(t=R.state.data)==null?void 0:t.email,this.authConnector=T.getAuthConnector()}render(){if(!this.email)throw new Error("w3m-email-otp-widget: No email provided");const t=!!this.timeoutTimeLeft,e=this.getFooterLabels(t);return l`
|
|
||||||
<wui-flex
|
|
||||||
flexDirection="column"
|
|
||||||
alignItems="center"
|
|
||||||
.padding=${["l","0","l","0"]}
|
|
||||||
gap="l"
|
|
||||||
>
|
|
||||||
<wui-flex
|
|
||||||
class="email-display"
|
|
||||||
flexDirection="column"
|
|
||||||
alignItems="center"
|
|
||||||
.padding=${["0","xl","0","xl"]}
|
|
||||||
>
|
|
||||||
<wui-text variant="paragraph-400" color="fg-100" align="center">
|
|
||||||
Enter the code we sent to
|
|
||||||
</wui-text>
|
|
||||||
<wui-text variant="paragraph-500" color="fg-100" lineClamp="1" align="center">
|
|
||||||
${this.email}
|
|
||||||
</wui-text>
|
|
||||||
</wui-flex>
|
|
||||||
|
|
||||||
<wui-text variant="small-400" color="fg-200">The code expires in 20 minutes</wui-text>
|
|
||||||
|
|
||||||
${this.loading?l`<wui-loading-spinner size="xl" color="accent-100"></wui-loading-spinner>`:l` <wui-flex flexDirection="column" alignItems="center" gap="xs">
|
|
||||||
<wui-otp
|
|
||||||
dissabled
|
|
||||||
length="6"
|
|
||||||
@inputChange=${this.onOtpInputChange.bind(this)}
|
|
||||||
.otp=${this.otp}
|
|
||||||
></wui-otp>
|
|
||||||
${this.error?l`
|
|
||||||
<wui-text variant="small-400" align="center" color="error-100">
|
|
||||||
${this.error}. Try Again
|
|
||||||
</wui-text>
|
|
||||||
`:null}
|
|
||||||
</wui-flex>`}
|
|
||||||
|
|
||||||
<wui-flex alignItems="center" gap="xs">
|
|
||||||
<wui-text variant="small-400" color="fg-200">${e.title}</wui-text>
|
|
||||||
<wui-link @click=${this.onResendCode.bind(this)} .disabled=${t}>
|
|
||||||
${e.action}
|
|
||||||
</wui-link>
|
|
||||||
</wui-flex>
|
|
||||||
</wui-flex>
|
|
||||||
`}startOTPTimeout(){this.timeoutTimeLeft=g.getTimeToNextEmailLogin(),this.OTPTimeout=setInterval(()=>{this.timeoutTimeLeft>0?this.timeoutTimeLeft=g.getTimeToNextEmailLogin():clearInterval(this.OTPTimeout)},1e3)}async onOtpInputChange(t){var e;try{this.loading||(this.otp=t.detail,this.shouldSubmitOnOtpChange()&&(this.loading=!0,await((e=this.onOtpSubmit)==null?void 0:e.call(this,this.otp))))}catch(i){this.error=S.parseError(i),this.loading=!1}}async onResendCode(){try{if(this.onOtpResend){if(!this.loading&&!this.timeoutTimeLeft){if(this.error="",this.otp="",!T.getAuthConnector()||!this.email)throw new Error("w3m-email-otp-widget: Unable to resend email");this.loading=!0,await this.onOtpResend(this.email),this.startOTPTimeout(),O.showSuccess("Code email resent")}}else this.onStartOver&&this.onStartOver()}catch(t){O.showError(t)}finally{this.loading=!1}}getFooterLabels(t){return this.onStartOver?{title:"Something wrong?",action:`Try again ${t?`in ${this.timeoutTimeLeft}s`:""}`}:{title:"Didn't receive it?",action:`Resend ${t?`in ${this.timeoutTimeLeft}s`:"Code"}`}}shouldSubmitOnOtpChange(){return this.authConnector&&this.otp.length===w.OTP_LENGTH}};u.OTP_LENGTH=6;u.styles=k;f([d()],u.prototype,"loading",void 0);f([d()],u.prototype,"timeoutTimeLeft",void 0);f([d()],u.prototype,"error",void 0);u=w=f([x("w3m-email-otp-widget")],u);export{u as W};
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
import{i as d,r as p,v as u,a as b,b as f}from"./index-B6fu-u6K.js";import{n as h,c as m}from"./if-defined-D6swbWyQ.js";const v=d`
|
|
||||||
:host {
|
|
||||||
display: block;
|
|
||||||
width: var(--local-width);
|
|
||||||
height: var(--local-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-object-fit='cover']) img {
|
|
||||||
object-fit: cover;
|
|
||||||
object-position: center center;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-object-fit='contain']) img {
|
|
||||||
object-fit: contain;
|
|
||||||
object-position: center center;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: inherit;
|
|
||||||
}
|
|
||||||
`;var r=function(s,i,o,c){var n=arguments.length,t=n<3?i:c===null?c=Object.getOwnPropertyDescriptor(i,o):c,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(s,i,o,c);else for(var l=s.length-1;l>=0;l--)(a=s[l])&&(t=(n<3?a(t):n>3?a(i,o,t):a(i,o))||t);return n>3&&t&&Object.defineProperty(i,o,t),t};let e=class extends b{constructor(){super(...arguments),this.src="./path/to/image.jpg",this.alt="Image",this.size=void 0,this.objectFit="cover"}render(){return this.objectFit&&(this.dataset.objectFit=this.objectFit),this.style.cssText=`
|
|
||||||
--local-width: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"};
|
|
||||||
--local-height: ${this.size?`var(--wui-icon-size-${this.size});`:"100%"};
|
|
||||||
`,f`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`}handleImageError(){this.dispatchEvent(new CustomEvent("onLoadError",{bubbles:!0,composed:!0}))}};e.styles=[p,u,v];r([h()],e.prototype,"src",void 0);r([h()],e.prototype,"alt",void 0);r([h()],e.prototype,"size",void 0);r([h()],e.prototype,"objectFit",void 0);e=r([m("wui-image")],e);
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,59 +0,0 @@
|
||||||
import{i as d,r as v,a as g,b as h}from"./index-B6fu-u6K.js";import{n as l,c as p}from"./if-defined-D6swbWyQ.js";const w=d`
|
|
||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: var(--wui-spacing-m);
|
|
||||||
padding: 0 var(--wui-spacing-3xs) !important;
|
|
||||||
border-radius: var(--wui-border-radius-5xs);
|
|
||||||
transition:
|
|
||||||
border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
|
|
||||||
background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
|
|
||||||
will-change: border-radius, background-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host > wui-text {
|
|
||||||
transform: translateY(5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='main']) {
|
|
||||||
background-color: var(--wui-color-accent-glass-015);
|
|
||||||
color: var(--wui-color-accent-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='shade']) {
|
|
||||||
background-color: var(--wui-color-gray-glass-010);
|
|
||||||
color: var(--wui-color-fg-200);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='success']) {
|
|
||||||
background-color: var(--wui-icon-box-bg-success-100);
|
|
||||||
color: var(--wui-color-success-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-variant='error']) {
|
|
||||||
background-color: var(--wui-icon-box-bg-error-100);
|
|
||||||
color: var(--wui-color-error-100);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='lg']) {
|
|
||||||
padding: 11px 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='lg']) > wui-text {
|
|
||||||
transform: translateY(2%);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='xs']) {
|
|
||||||
height: var(--wui-spacing-2l);
|
|
||||||
padding: 0 var(--wui-spacing-3xs) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([data-size='xs']) > wui-text {
|
|
||||||
transform: translateY(2%);
|
|
||||||
}
|
|
||||||
`;var u=function(o,t,a,e){var s=arguments.length,r=s<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,a):e,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(o,t,a,e);else for(var c=o.length-1;c>=0;c--)(n=o[c])&&(r=(s<3?n(r):s>3?n(t,a,r):n(t,a))||r);return s>3&&r&&Object.defineProperty(t,a,r),r};let i=class extends g{constructor(){super(...arguments),this.variant="main",this.size="lg"}render(){this.dataset.variant=this.variant,this.dataset.size=this.size;const t=this.size==="md"||this.size==="xs"?"mini-700":"micro-700";return h`
|
|
||||||
<wui-text data-variant=${this.variant} variant=${t} color="inherit">
|
|
||||||
<slot></slot>
|
|
||||||
</wui-text>
|
|
||||||
`}};i.styles=[v,w];u([l()],i.prototype,"variant",void 0);u([l()],i.prototype,"size",void 0);i=u([p("wui-tag")],i);
|
|
||||||
|
|
@ -1,45 +0,0 @@
|
||||||
import{i as d,a as b,b as g}from"./index-B6fu-u6K.js";import{n,c as h}from"./if-defined-D6swbWyQ.js";const p=d`
|
|
||||||
:host {
|
|
||||||
display: block;
|
|
||||||
box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
|
|
||||||
background: linear-gradient(
|
|
||||||
120deg,
|
|
||||||
var(--wui-color-bg-200) 5%,
|
|
||||||
var(--wui-color-bg-200) 48%,
|
|
||||||
var(--wui-color-bg-300) 55%,
|
|
||||||
var(--wui-color-bg-300) 60%,
|
|
||||||
var(--wui-color-bg-300) calc(60% + 10px),
|
|
||||||
var(--wui-color-bg-200) calc(60% + 12px),
|
|
||||||
var(--wui-color-bg-200) 100%
|
|
||||||
);
|
|
||||||
background-size: 250%;
|
|
||||||
animation: shimmer 3s linear infinite reverse;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host([variant='light']) {
|
|
||||||
background: linear-gradient(
|
|
||||||
120deg,
|
|
||||||
var(--wui-color-bg-150) 5%,
|
|
||||||
var(--wui-color-bg-150) 48%,
|
|
||||||
var(--wui-color-bg-200) 55%,
|
|
||||||
var(--wui-color-bg-200) 60%,
|
|
||||||
var(--wui-color-bg-200) calc(60% + 10px),
|
|
||||||
var(--wui-color-bg-150) calc(60% + 12px),
|
|
||||||
var(--wui-color-bg-150) 100%
|
|
||||||
);
|
|
||||||
background-size: 250%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes shimmer {
|
|
||||||
from {
|
|
||||||
background-position: -250% 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
background-position: 250% 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;var t=function(a,i,e,c){var s=arguments.length,r=s<3?i:c===null?c=Object.getOwnPropertyDescriptor(i,e):c,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,i,e,c);else for(var u=a.length-1;u>=0;u--)(l=a[u])&&(r=(s<3?l(r):s>3?l(i,e,r):l(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};let o=class extends b{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=`
|
|
||||||
width: ${this.width};
|
|
||||||
height: ${this.height};
|
|
||||||
border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
|
|
||||||
`,g`<slot></slot>`}};o.styles=[p];t([n()],o.prototype,"width",void 0);t([n()],o.prototype,"height",void 0);t([n()],o.prototype,"borderRadius",void 0);t([n()],o.prototype,"variant",void 0);o=t([h("wui-shimmer")],o);
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue