@metropolle/design-system 1.0.0-beta.2026.1.24.1557.6750112 → 1.0.0-beta.2026.1.24.924.ea29e2a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3896,60 +3896,6 @@ html[data-theme="light"] .mds-profile-card__verified-popup {
3896
3896
  color: #00d4aa;
3897
3897
  }
3898
3898
 
3899
- /* FEAT-090: Verification Score Checks */
3900
- .mds-profile-card__verified-checks {
3901
- display: flex;
3902
- flex-direction: column;
3903
- gap: 10px;
3904
- margin: 16px 0;
3905
- }
3906
-
3907
- .mds-profile-card__check-item {
3908
- display: flex;
3909
- align-items: center;
3910
- gap: 10px;
3911
- font-family: 'OCR-B', 'OCR B Std', 'Courier New', monospace;
3912
- font-size: 12px;
3913
- letter-spacing: 0.04em;
3914
- }
3915
-
3916
- .mds-profile-card__check-icon {
3917
- width: 18px;
3918
- height: 18px;
3919
- display: flex;
3920
- align-items: center;
3921
- justify-content: center;
3922
- border-radius: 50%;
3923
- font-size: 11px;
3924
- font-weight: bold;
3925
- background: rgba(255, 255, 255, 0.05);
3926
- color: rgba(255, 255, 255, 0.3);
3927
- flex-shrink: 0;
3928
- }
3929
-
3930
- .mds-profile-card__check-icon--passed {
3931
- background: rgba(0, 212, 170, 0.15);
3932
- color: #00d4aa;
3933
- }
3934
-
3935
- html[data-theme="light"] .mds-profile-card__check-icon {
3936
- background: rgba(0, 0, 0, 0.05);
3937
- color: rgba(0, 0, 0, 0.3);
3938
- }
3939
-
3940
- html[data-theme="light"] .mds-profile-card__check-icon--passed {
3941
- background: rgba(0, 180, 140, 0.15);
3942
- color: #00b48c;
3943
- }
3944
-
3945
- .mds-profile-card__check-label {
3946
- color: var(--mds-color-text-secondary, rgba(255, 255, 255, 0.7));
3947
- }
3948
-
3949
- html[data-theme="light"] .mds-profile-card__check-label {
3950
- color: rgba(0, 0, 0, 0.7);
3951
- }
3952
-
3953
3899
  .mds-profile-card__verified-footer {
3954
3900
  display: flex;
3955
3901
  justify-content: space-between;
@@ -4163,239 +4109,3 @@ html[data-theme="light"] .mds-profile-card__photo-modal-image {
4163
4109
  0 10px 30px rgba(0, 0, 0, 0.08),
4164
4110
  inset 0 1px 0 rgba(255, 255, 255, 1);
4165
4111
  }
4166
-
4167
- /* =============================================================================
4168
- FEAT-090: Verification Score Components (Settings Page)
4169
- ============================================================================= */
4170
-
4171
- .mds-verification-score-display {
4172
- display: flex;
4173
- flex-direction: column;
4174
- align-items: center;
4175
- gap: 8px;
4176
- padding: 24px 40px;
4177
- border-radius: 16px;
4178
- background: rgba(255, 255, 255, 0.05);
4179
- border: 1px solid rgba(255, 255, 255, 0.1);
4180
- }
4181
-
4182
- html[data-theme="light"] .mds-verification-score-display {
4183
- background: rgba(0, 0, 0, 0.02);
4184
- border-color: rgba(0, 0, 0, 0.1);
4185
- }
4186
-
4187
- .mds-verification-score-number {
4188
- font-family: 'OCR-B', 'OCR B Std', 'Courier New', monospace;
4189
- font-size: 4rem;
4190
- font-weight: bold;
4191
- line-height: 1;
4192
- color: #00d4aa;
4193
- }
4194
-
4195
- html[data-theme="light"] .mds-verification-score-number {
4196
- color: #00b48c;
4197
- }
4198
-
4199
- .mds-verification-score-label {
4200
- font-size: 0.875rem;
4201
- text-transform: uppercase;
4202
- letter-spacing: 0.1em;
4203
- color: var(--mds-color-text-secondary, rgba(255, 255, 255, 0.6));
4204
- }
4205
-
4206
- .mds-verification-checks-grid {
4207
- display: flex;
4208
- flex-direction: column;
4209
- gap: 12px;
4210
- }
4211
-
4212
- .mds-verification-check-card {
4213
- display: flex;
4214
- align-items: center;
4215
- gap: 16px;
4216
- padding: 16px 20px;
4217
- border-radius: 12px;
4218
- background: rgba(255, 255, 255, 0.03);
4219
- border: 1px solid rgba(255, 255, 255, 0.08);
4220
- transition: all 0.2s ease;
4221
- }
4222
-
4223
- html[data-theme="light"] .mds-verification-check-card {
4224
- background: rgba(0, 0, 0, 0.02);
4225
- border-color: rgba(0, 0, 0, 0.06);
4226
- }
4227
-
4228
- .mds-verification-check-card--passed {
4229
- background: rgba(0, 212, 170, 0.05);
4230
- border-color: rgba(0, 212, 170, 0.2);
4231
- }
4232
-
4233
- html[data-theme="light"] .mds-verification-check-card--passed {
4234
- background: rgba(0, 180, 140, 0.05);
4235
- border-color: rgba(0, 180, 140, 0.2);
4236
- }
4237
-
4238
- .mds-verification-check-icon {
4239
- width: 32px;
4240
- height: 32px;
4241
- display: flex;
4242
- align-items: center;
4243
- justify-content: center;
4244
- border-radius: 50%;
4245
- font-size: 16px;
4246
- font-weight: bold;
4247
- background: rgba(255, 255, 255, 0.05);
4248
- color: rgba(255, 255, 255, 0.3);
4249
- flex-shrink: 0;
4250
- }
4251
-
4252
- .mds-verification-check-card--passed .mds-verification-check-icon {
4253
- background: rgba(0, 212, 170, 0.15);
4254
- color: #00d4aa;
4255
- }
4256
-
4257
- html[data-theme="light"] .mds-verification-check-icon {
4258
- background: rgba(0, 0, 0, 0.05);
4259
- color: rgba(0, 0, 0, 0.3);
4260
- }
4261
-
4262
- html[data-theme="light"] .mds-verification-check-card--passed .mds-verification-check-icon {
4263
- background: rgba(0, 180, 140, 0.15);
4264
- color: #00b48c;
4265
- }
4266
-
4267
- .mds-verification-check-content {
4268
- flex: 1;
4269
- min-width: 0;
4270
- }
4271
-
4272
- .mds-verification-check-action {
4273
- flex-shrink: 0;
4274
- }
4275
-
4276
- /* =============================================================================
4277
- FEAT-090: Verification Tab (Modal/Backoffice)
4278
- ============================================================================= */
4279
-
4280
- .mds-verification-tab {
4281
- display: flex;
4282
- flex-direction: column;
4283
- gap: 20px;
4284
- padding: 8px 0;
4285
- }
4286
-
4287
- .mds-verification-score-header {
4288
- display: flex;
4289
- align-items: center;
4290
- gap: 20px;
4291
- padding: 20px;
4292
- background: rgba(0, 212, 170, 0.05);
4293
- border: 1px solid rgba(0, 212, 170, 0.15);
4294
- border-radius: 12px;
4295
- }
4296
-
4297
- .mds-verification-score-badge {
4298
- display: flex;
4299
- flex-direction: column;
4300
- align-items: center;
4301
- gap: 4px;
4302
- padding: 16px 24px;
4303
- background: rgba(0, 212, 170, 0.1);
4304
- border-radius: 10px;
4305
- }
4306
-
4307
- .mds-verification-score-badge .mds-verification-score-number {
4308
- font-family: 'OCR-B', 'OCR B Std', 'Courier New', monospace;
4309
- font-size: 2.5rem;
4310
- font-weight: bold;
4311
- line-height: 1;
4312
- color: #00d4aa;
4313
- }
4314
-
4315
- .mds-verification-score-badge .mds-verification-score-label {
4316
- font-size: 0.625rem;
4317
- text-transform: uppercase;
4318
- letter-spacing: 0.1em;
4319
- color: var(--mds-color-text-secondary, rgba(255, 255, 255, 0.6));
4320
- }
4321
-
4322
- .mds-verification-score-info {
4323
- flex: 1;
4324
- }
4325
-
4326
- .mds-verification-checks-list {
4327
- display: flex;
4328
- flex-direction: column;
4329
- gap: 10px;
4330
- }
4331
-
4332
- .mds-verification-check-item {
4333
- display: flex;
4334
- align-items: center;
4335
- gap: 14px;
4336
- padding: 14px 16px;
4337
- background: rgba(255, 255, 255, 0.03);
4338
- border: 1px solid rgba(255, 255, 255, 0.08);
4339
- border-radius: 10px;
4340
- transition: all 0.2s ease;
4341
- }
4342
-
4343
- .mds-verification-check-item--passed {
4344
- background: rgba(0, 212, 170, 0.05);
4345
- border-color: rgba(0, 212, 170, 0.2);
4346
- }
4347
-
4348
- .mds-verification-check-status {
4349
- display: flex;
4350
- align-items: center;
4351
- justify-content: center;
4352
- width: 28px;
4353
- height: 28px;
4354
- border-radius: 50%;
4355
- background: rgba(255, 255, 255, 0.05);
4356
- color: rgba(255, 255, 255, 0.3);
4357
- flex-shrink: 0;
4358
- }
4359
-
4360
- .mds-verification-check-item--passed .mds-verification-check-status {
4361
- background: rgba(0, 212, 170, 0.15);
4362
- color: #00d4aa;
4363
- }
4364
-
4365
- .mds-verification-check-content {
4366
- flex: 1;
4367
- min-width: 0;
4368
- }
4369
-
4370
- html[data-theme="light"] .mds-verification-score-header {
4371
- background: rgba(0, 180, 140, 0.05);
4372
- border-color: rgba(0, 180, 140, 0.15);
4373
- }
4374
-
4375
- html[data-theme="light"] .mds-verification-score-badge {
4376
- background: rgba(0, 180, 140, 0.1);
4377
- }
4378
-
4379
- html[data-theme="light"] .mds-verification-score-badge .mds-verification-score-number {
4380
- color: #00b48c;
4381
- }
4382
-
4383
- html[data-theme="light"] .mds-verification-check-item {
4384
- background: rgba(0, 0, 0, 0.02);
4385
- border-color: rgba(0, 0, 0, 0.06);
4386
- }
4387
-
4388
- html[data-theme="light"] .mds-verification-check-item--passed {
4389
- background: rgba(0, 180, 140, 0.05);
4390
- border-color: rgba(0, 180, 140, 0.15);
4391
- }
4392
-
4393
- html[data-theme="light"] .mds-verification-check-status {
4394
- background: rgba(0, 0, 0, 0.05);
4395
- color: rgba(0, 0, 0, 0.3);
4396
- }
4397
-
4398
- html[data-theme="light"] .mds-verification-check-item--passed .mds-verification-check-status {
4399
- background: rgba(0, 180, 140, 0.15);
4400
- color: #00b48c;
4401
- }
@@ -26,18 +26,6 @@ export interface ProfileCardUser {
26
26
  photo_url_full?: string;
27
27
  registration_sequence?: number;
28
28
  mfa_enabled?: boolean;
29
- verification_score?: VerificationScore;
30
- }
31
- export interface VerificationCheck {
32
- name: string;
33
- description: string;
34
- passed: boolean;
35
- }
36
- export interface VerificationScore {
37
- score: number;
38
- max_score: number;
39
- breakdown: Record<string, boolean>;
40
- checks: VerificationCheck[];
41
29
  }
42
30
  export interface ProfileCardProps {
43
31
  /** User data to display */
@@ -1 +1 @@
1
- {"version":3,"file":"ProfileCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/ProfileCard/ProfileCard.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,eAAe;IAE9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAGD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,MAAM,EAAE,iBAAiB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,IAAI,EAAE,eAAe,CAAC;IAEtB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IAEF,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAyJD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAgB,EAChB,UAAU,EACV,UAAkB,EAClB,WAAW,EACX,gBAAwB,EACxB,SAAS,EACT,SAAc,EACd,aAAa,GACd,EAAE,gBAAgB,2CAwTlB;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ProfileCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/ProfileCard/ProfileCard.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,eAAe;IAE9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,IAAI,EAAE,eAAe,CAAC;IAEtB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IAEF,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAwID,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAgB,EAChB,UAAU,EACV,UAAkB,EAClB,WAAW,EACX,gBAAwB,EACxB,SAAS,EACT,SAAc,EACd,aAAa,GACd,EAAE,gBAAgB,2CA6QlB;AAED,eAAe,WAAW,CAAC"}
@@ -1508,9 +1508,6 @@ function UsernameLinks({ username, className }) {
1508
1508
  function StatItem({ label, verified }) {
1509
1509
  return (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__stat-item", children: [jsxRuntimeExports.jsx("span", { className: "mds-profile-card__stat-label", children: label }), jsxRuntimeExports.jsx("span", { className: `mds-profile-card__stat-value ${verified ? 'mds-profile-card__stat-value--verified' : ''}`, children: verified ? 'Verified' : 'Not Verified' })] }));
1510
1510
  }
1511
- function VerificationCheckItem({ description, passed }) {
1512
- return (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__check-item", children: [jsxRuntimeExports.jsx("span", { className: `mds-profile-card__check-icon ${passed ? 'mds-profile-card__check-icon--passed' : ''}`, children: passed ? '\u2713' : '\u2717' }), jsxRuntimeExports.jsx("span", { className: "mds-profile-card__check-label", children: description })] }));
1513
- }
1514
1511
  // =============================================================================
1515
1512
  // Main Component
1516
1513
  // =============================================================================
@@ -1591,18 +1588,10 @@ function ProfileCard({ user, variant = 'full', photoWidth, showSocial = false, s
1591
1588
  // Full size photo for modal (prioritize full, then medium)
1592
1589
  const photoUrlFull = user.photo_url_full || user.photo_url_medium;
1593
1590
  const hasRealPhoto = !!(user.photo_url_medium || user.photo_url_full);
1594
- return (jsxRuntimeExports.jsxs("article", { className: `mds-profile-card ${className}`, style: { '--mds-profile-card-photo-width': `${computedPhotoWidth}px` }, children: [jsxRuntimeExports.jsx("div", { className: "mds-profile-card__grain" }), jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo", children: photoSlot ? (jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo-slot", children: photoSlot })) : (jsxRuntimeExports.jsx("img", { src: photoUrl, alt: displayName, className: `mds-profile-card__avatar ${hasRealPhoto ? 'mds-profile-card__avatar--clickable' : ''}`, onClick: hasRealPhoto ? () => setShowPhotoModal(true) : undefined, role: hasRealPhoto ? 'button' : undefined, tabIndex: hasRealPhoto ? 0 : undefined, onKeyDown: hasRealPhoto ? (e) => e.key === 'Enter' && setShowPhotoModal(true) : undefined })) }), showPhotoModal && photoUrlFull && (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__photo-modal", onClick: () => setShowPhotoModal(false), role: "dialog", "aria-modal": "true", "aria-label": "Enlarged photo - click anywhere to close", children: [jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo-modal-backdrop" }), jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo-modal-content", children: jsxRuntimeExports.jsx("img", { src: photoUrlFull, alt: displayName, className: "mds-profile-card__photo-modal-image" }) })] })), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__content", children: [jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__identity", children: [jsxRuntimeExports.jsx("h1", { className: "mds-profile-card__name", children: displayName.toUpperCase() }), variant === 'full' && profession && (jsxRuntimeExports.jsx("p", { className: "mds-profile-card__profession", children: profession.toUpperCase() })), variant === 'compact' && (jsxRuntimeExports.jsx(UsernameLinks, { username: user.username, className: "mds-profile-card__username" }))] }), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__details", children: [variant === 'full' && getLocation() && (jsxRuntimeExports.jsx("p", { className: "mds-profile-card__location", children: getLocation() })), variant === 'full' && (jsxRuntimeExports.jsx(UsernameLinks, { username: user.username, className: "mds-profile-card__username-detail" })), variant === 'compact' && user.email && (jsxRuntimeExports.jsx("p", { className: "mds-profile-card__email", children: user.email })), variant === 'compact' && (jsxRuntimeExports.jsxs("span", { className: "mds-profile-card__member", children: ["Member since ", memberSince] }))] }), variant === 'compact' && (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verification", children: [jsxRuntimeExports.jsxs("button", { className: "mds-profile-card__verified-badge", title: user.verification_score
1595
- ? `Verification Score: ${user.verification_score.score}`
1596
- : `Verification Level ${user.verified}`, onClick: (e) => {
1591
+ return (jsxRuntimeExports.jsxs("article", { className: `mds-profile-card ${className}`, style: { '--mds-profile-card-photo-width': `${computedPhotoWidth}px` }, children: [jsxRuntimeExports.jsx("div", { className: "mds-profile-card__grain" }), jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo", children: photoSlot ? (jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo-slot", children: photoSlot })) : (jsxRuntimeExports.jsx("img", { src: photoUrl, alt: displayName, className: `mds-profile-card__avatar ${hasRealPhoto ? 'mds-profile-card__avatar--clickable' : ''}`, onClick: hasRealPhoto ? () => setShowPhotoModal(true) : undefined, role: hasRealPhoto ? 'button' : undefined, tabIndex: hasRealPhoto ? 0 : undefined, onKeyDown: hasRealPhoto ? (e) => e.key === 'Enter' && setShowPhotoModal(true) : undefined })) }), showPhotoModal && photoUrlFull && (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__photo-modal", onClick: () => setShowPhotoModal(false), role: "dialog", "aria-modal": "true", "aria-label": "Enlarged photo - click anywhere to close", children: [jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo-modal-backdrop" }), jsxRuntimeExports.jsx("div", { className: "mds-profile-card__photo-modal-content", children: jsxRuntimeExports.jsx("img", { src: photoUrlFull, alt: displayName, className: "mds-profile-card__photo-modal-image" }) })] })), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__content", children: [jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__identity", children: [jsxRuntimeExports.jsx("h1", { className: "mds-profile-card__name", children: displayName.toUpperCase() }), variant === 'full' && profession && (jsxRuntimeExports.jsx("p", { className: "mds-profile-card__profession", children: profession.toUpperCase() })), variant === 'compact' && (jsxRuntimeExports.jsx(UsernameLinks, { username: user.username, className: "mds-profile-card__username" }))] }), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__details", children: [variant === 'full' && getLocation() && (jsxRuntimeExports.jsx("p", { className: "mds-profile-card__location", children: getLocation() })), variant === 'full' && (jsxRuntimeExports.jsx(UsernameLinks, { username: user.username, className: "mds-profile-card__username-detail" })), variant === 'compact' && user.email && (jsxRuntimeExports.jsx("p", { className: "mds-profile-card__email", children: user.email })), variant === 'compact' && (jsxRuntimeExports.jsxs("span", { className: "mds-profile-card__member", children: ["Member since ", memberSince] }))] }), variant === 'compact' && (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verification", children: [jsxRuntimeExports.jsxs("button", { className: "mds-profile-card__verified-badge", title: `Verification Level ${user.verified}`, onClick: (e) => {
1597
1592
  e.stopPropagation();
1598
1593
  setShowVerifiedPopup(!showVerifiedPopup);
1599
- }, children: [Icons.shield, jsxRuntimeExports.jsx("span", { children: user.verification_score
1600
- ? user.verification_score.score
1601
- : `Level ${user.verified}` })] }), jsxRuntimeExports.jsx("div", { className: "mds-profile-card__dots", children: user.verification_score ? (
1602
- // FEAT-090: Show 6 dots for verification score
1603
- jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: user.verification_score.checks.slice(0, 6).map((check, index) => (jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${check.passed ? 'active' : ''}`, title: check.description }, check.name))) })) : (
1604
- // Legacy: Show 3 dots for old verification levels
1605
- jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${user.verified >= 1 ? 'active' : ''}`, title: "Email Verified" }), jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${user.verified >= 2 ? 'active' : ''}`, title: "Identity Verified" }), jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${user.verified >= 3 ? 'active' : ''}`, title: "Area Verified" })] })) })] })), showSocial && (jsxRuntimeExports.jsxs("div", { ref: socialRef, className: "mds-profile-card__social", children: [jsxRuntimeExports.jsx("button", { className: "mds-profile-card__social-trigger", onClick: (e) => {
1594
+ }, children: [Icons.shield, jsxRuntimeExports.jsxs("span", { children: ["Level ", user.verified] })] }), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__dots", children: [jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${user.verified >= 1 ? 'active' : ''}`, title: "Email Verified" }), jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${user.verified >= 2 ? 'active' : ''}`, title: "Identity Verified" }), jsxRuntimeExports.jsx("span", { className: `mds-profile-card__dot ${user.verified >= 3 ? 'active' : ''}`, title: "Area Verified" })] })] })), showSocial && (jsxRuntimeExports.jsxs("div", { ref: socialRef, className: "mds-profile-card__social", children: [jsxRuntimeExports.jsx("button", { className: "mds-profile-card__social-trigger", onClick: (e) => {
1606
1595
  e.stopPropagation();
1607
1596
  setShowSocialPopup(!showSocialPopup);
1608
1597
  setShowVerifiedPopup(false);
@@ -1611,11 +1600,7 @@ function ProfileCard({ user, variant = 'full', photoWidth, showSocial = false, s
1611
1600
  e.stopPropagation();
1612
1601
  setShowVerifiedPopup(!showVerifiedPopup);
1613
1602
  setShowSocialPopup(false);
1614
- }, title: "Verification Status", children: Icons.shield }), showVerifiedPopup && (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-popup", children: [user.verification_score ? (
1615
- // FEAT-090: New 6-point verification score
1616
- jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-header", children: ["Verificacao: ", user.verification_score.score] }), jsxRuntimeExports.jsx("div", { className: "mds-profile-card__verified-checks", children: user.verification_score.checks.map((check) => (jsxRuntimeExports.jsx(VerificationCheckItem, { description: check.description, passed: check.passed }, check.name))) })] })) : (
1617
- // Legacy: Old verification levels
1618
- jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-header", children: ["Verification Level ", user.verified] }), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-stats", children: [jsxRuntimeExports.jsx(StatItem, { label: "Email", verified: user.verified >= 1 }), jsxRuntimeExports.jsx(StatItem, { label: "Identity", verified: user.verified >= 2 }), jsxRuntimeExports.jsx(StatItem, { label: "Area", verified: user.verified >= 3 })] })] })), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-footer", children: [user.registration_sequence && (jsxRuntimeExports.jsxs("span", { className: "mds-profile-card__verified-sequence", children: ["User #", user.registration_sequence.toLocaleString()] })), jsxRuntimeExports.jsxs("span", { className: "mds-profile-card__verified-date", children: ["Since ", memberSince] })] })] }))] }), showRotatingInfo && (jsxRuntimeExports.jsx("div", { className: "mds-profile-card__info-dots", children: infoTexts.map((_, index) => (jsxRuntimeExports.jsx("span", { className: `mds-profile-card__info-dot ${index === currentInfoIndex ? 'active' : ''}` }, index))) }))] }))] })] }));
1603
+ }, title: "Verification Status", children: Icons.shield }), showVerifiedPopup && (jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-popup", children: [jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-header", children: ["Verification Level ", user.verified] }), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-stats", children: [jsxRuntimeExports.jsx(StatItem, { label: "Email", verified: user.verified >= 1 }), jsxRuntimeExports.jsx(StatItem, { label: "Identity", verified: user.verified >= 2 }), jsxRuntimeExports.jsx(StatItem, { label: "Area", verified: user.verified >= 3 })] }), jsxRuntimeExports.jsxs("div", { className: "mds-profile-card__verified-footer", children: [user.registration_sequence && (jsxRuntimeExports.jsxs("span", { className: "mds-profile-card__verified-sequence", children: ["User #", user.registration_sequence.toLocaleString()] })), jsxRuntimeExports.jsxs("span", { className: "mds-profile-card__verified-date", children: ["Since ", memberSince] })] })] }))] }), showRotatingInfo && (jsxRuntimeExports.jsx("div", { className: "mds-profile-card__info-dots", children: infoTexts.map((_, index) => (jsxRuntimeExports.jsx("span", { className: `mds-profile-card__info-dot ${index === currentInfoIndex ? 'active' : ''}` }, index))) }))] }))] })] }));
1619
1604
  }
1620
1605
 
1621
1606
  const variantElementMap = {