@helpway/react 0.4.1 → 0.4.2

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helpway/react",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "description": "Official React SDK for Helpway — drop-in AI chat support widget with headless hooks for custom UIs.",
5
5
  "keywords": [
6
6
  "helpway",
@@ -1322,33 +1322,19 @@
1322
1322
  box-sizing: border-box;
1323
1323
  }
1324
1324
 
1325
- /* Meta (fully hidden; sender label + copy icon reveal on hover) */
1325
+ /* Meta — always visible timestamp below bubble */
1326
1326
  .hw-msg-meta {
1327
1327
  display: inline-flex;
1328
1328
  align-items: center;
1329
1329
  gap: 4px;
1330
1330
  font-size: 11px;
1331
1331
  color: var(--hw-text-3);
1332
- margin-top: 3px;
1332
+ margin-top: 2px;
1333
1333
  padding: 0 4px;
1334
- opacity: 0;
1335
1334
  font-variant-numeric: tabular-nums;
1336
- min-height: 0;
1337
- height: 0;
1338
- overflow: hidden;
1339
- transition:
1340
- opacity 140ms ease,
1341
- height 140ms ease;
1342
- }
1343
-
1344
- .hw-msg:hover .hw-msg-meta,
1345
- .hw-msg:focus-within .hw-msg-meta {
1346
- opacity: 1;
1347
- height: 20px;
1348
- min-height: 20px;
1349
1335
  }
1350
1336
 
1351
- .hw-msg-sender-label {
1337
+ .hw-msg-time {
1352
1338
  white-space: nowrap;
1353
1339
  }
1354
1340
 
@@ -2380,7 +2366,7 @@
2380
2366
  visualViewport isn't supported or not yet measured. */
2381
2367
  height: var(--hw-visible-height, 100%);
2382
2368
  border-radius: 0;
2383
- animation: hw-mob-up 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
2369
+ animation: hw-mob-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
2384
2370
  }
2385
2371
  .hw-window--closing {
2386
2372
  animation: hw-mob-down 0.2s ease forwards;
@@ -3216,15 +3202,6 @@
3216
3202
  .hw-composer-preview-remove {
3217
3203
  opacity: 0.7;
3218
3204
  }
3219
- .hw-msg-meta {
3220
- opacity: 1;
3221
- height: auto;
3222
- min-height: 20px;
3223
- overflow: visible;
3224
- }
3225
- .hw-msg-copy {
3226
- opacity: 1;
3227
- }
3228
3205
  }
3229
3206
 
3230
3207
  /* ════════════════════════════════════════════════
@@ -3270,46 +3247,7 @@
3270
3247
  MESSAGE COPY BUTTON
3271
3248
  ════════════════════════════════════════════════ */
3272
3249
 
3273
- .hw-msg-copy {
3274
- display: inline-flex;
3275
- align-items: center;
3276
- justify-content: center;
3277
- width: 20px;
3278
- height: 20px;
3279
- margin-left: 4px;
3280
- border: none;
3281
- border-radius: 4px;
3282
- background: none;
3283
- color: var(--hw-text-4);
3284
- cursor: pointer;
3285
- vertical-align: middle;
3286
- opacity: 0;
3287
- transition:
3288
- color 0.15s,
3289
- background 0.15s,
3290
- opacity 0.15s;
3291
- padding: 0;
3292
- flex-shrink: 0;
3293
- }
3294
-
3295
- .hw-msg:hover .hw-msg-copy,
3296
- .hw-msg:focus-within .hw-msg-copy {
3297
- opacity: 1;
3298
- }
3299
-
3300
- .hw-msg-copy:hover {
3301
- background: var(--hw-bg-hover);
3302
- color: var(--hw-text-2);
3303
- }
3304
-
3305
- .hw-msg-copy svg {
3306
- width: 12px;
3307
- height: 12px;
3308
- }
3309
-
3310
- .hw-msg-copy--done {
3311
- color: #22c55e;
3312
- }
3250
+ /* Copy button removed — see message-bubble.tsx */
3313
3251
 
3314
3252
  /* ════════════════════════════════════════════════
3315
3253
  DISCONNECT BANNER
@@ -3868,11 +3806,6 @@
3868
3806
  color: #f87171;
3869
3807
  }
3870
3808
 
3871
- .hw-msg-copy:hover {
3872
- background: var(--hw-bg-hover);
3873
- color: var(--hw-text-2);
3874
- }
3875
-
3876
3809
  .hw-resolved {
3877
3810
  border-color: var(--hw-border);
3878
3811
  }