@landtrustinc/design-system 1.2.33 → 1.2.34
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/dist/index.d.ts +48 -1
- package/dist/index.js +385 -338
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -36,6 +36,7 @@ __export(src_exports, {
|
|
|
36
36
|
Avatar: () => Avatar_default,
|
|
37
37
|
Box: () => Box_default,
|
|
38
38
|
Button: () => Button_default,
|
|
39
|
+
BytescaleImage: () => BytescaleImage,
|
|
39
40
|
ChatWidget: () => ChatWidget_default,
|
|
40
41
|
Column: () => Column_default,
|
|
41
42
|
ContactLandownerButton: () => ContactLandownerButton,
|
|
@@ -5218,6 +5219,48 @@ var ContactLandownerButton = ({
|
|
|
5218
5219
|
) });
|
|
5219
5220
|
};
|
|
5220
5221
|
|
|
5222
|
+
// src/BytescaleImage/BytescaleImage.tsx
|
|
5223
|
+
var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
|
|
5224
|
+
var DEFAULT_BYTESCALE_ACCOUNT_ID = "12a1yC2";
|
|
5225
|
+
var getBytescaleImageURL = (path, width2, height, accountId) => {
|
|
5226
|
+
const params = new URLSearchParams();
|
|
5227
|
+
if (width2)
|
|
5228
|
+
params.append("w", width2.toString());
|
|
5229
|
+
if (height)
|
|
5230
|
+
params.append("h", height.toString());
|
|
5231
|
+
params.append("f", "auto");
|
|
5232
|
+
params.append("cache_perm", "auto");
|
|
5233
|
+
params.append("cache_ttl", "31536000");
|
|
5234
|
+
return `https://upcdn.io/${accountId}/image${path}?${params.toString()}`;
|
|
5235
|
+
};
|
|
5236
|
+
var BytescaleImage = ({
|
|
5237
|
+
imagePath,
|
|
5238
|
+
width: width2,
|
|
5239
|
+
height,
|
|
5240
|
+
alt,
|
|
5241
|
+
className,
|
|
5242
|
+
accountId = DEFAULT_BYTESCALE_ACCOUNT_ID,
|
|
5243
|
+
...props
|
|
5244
|
+
}) => {
|
|
5245
|
+
if (!imagePath) {
|
|
5246
|
+
return null;
|
|
5247
|
+
}
|
|
5248
|
+
const url = getBytescaleImageURL(imagePath, width2, height, accountId);
|
|
5249
|
+
const basename = imagePath.split("/").reverse()[0];
|
|
5250
|
+
const altText = alt || basename;
|
|
5251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5252
|
+
"img",
|
|
5253
|
+
{
|
|
5254
|
+
src: url,
|
|
5255
|
+
alt: altText,
|
|
5256
|
+
width: width2,
|
|
5257
|
+
height,
|
|
5258
|
+
className,
|
|
5259
|
+
...props
|
|
5260
|
+
}
|
|
5261
|
+
);
|
|
5262
|
+
};
|
|
5263
|
+
|
|
5221
5264
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
|
|
5222
5265
|
var import_react17 = require("@emotion/react");
|
|
5223
5266
|
var imageStyles = import_react17.css`
|
|
@@ -5229,7 +5272,7 @@ var imageStyles = import_react17.css`
|
|
|
5229
5272
|
`;
|
|
5230
5273
|
|
|
5231
5274
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
|
|
5232
|
-
var
|
|
5275
|
+
var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
|
|
5233
5276
|
var TopMatchingFieldNote = ({
|
|
5234
5277
|
author,
|
|
5235
5278
|
datePosted,
|
|
@@ -5237,7 +5280,9 @@ var TopMatchingFieldNote = ({
|
|
|
5237
5280
|
images,
|
|
5238
5281
|
title = "Top matching field note",
|
|
5239
5282
|
className,
|
|
5240
|
-
children
|
|
5283
|
+
children,
|
|
5284
|
+
width: width2 = 376,
|
|
5285
|
+
height = 275
|
|
5241
5286
|
}) => {
|
|
5242
5287
|
let parsedImages = [];
|
|
5243
5288
|
try {
|
|
@@ -5247,8 +5292,8 @@ var TopMatchingFieldNote = ({
|
|
|
5247
5292
|
parsedImages = [];
|
|
5248
5293
|
}
|
|
5249
5294
|
const displayContent = content || children;
|
|
5250
|
-
return /* @__PURE__ */ (0,
|
|
5251
|
-
/* @__PURE__ */ (0,
|
|
5295
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
5296
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5252
5297
|
Heading_default,
|
|
5253
5298
|
{
|
|
5254
5299
|
size: "2xs",
|
|
@@ -5258,7 +5303,7 @@ var TopMatchingFieldNote = ({
|
|
|
5258
5303
|
children: title
|
|
5259
5304
|
}
|
|
5260
5305
|
),
|
|
5261
|
-
/* @__PURE__ */ (0,
|
|
5306
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
|
|
5262
5307
|
Box_default,
|
|
5263
5308
|
{
|
|
5264
5309
|
display: "flex",
|
|
@@ -5270,19 +5315,20 @@ var TopMatchingFieldNote = ({
|
|
|
5270
5315
|
minWidth: "335px",
|
|
5271
5316
|
className,
|
|
5272
5317
|
children: [
|
|
5273
|
-
/* @__PURE__ */ (0,
|
|
5274
|
-
parsedImages.length > 0 && /* @__PURE__ */ (0,
|
|
5275
|
-
|
|
5318
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
|
|
5319
|
+
parsedImages.length > 0 && parsedImages[0] && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5320
|
+
BytescaleImage,
|
|
5276
5321
|
{
|
|
5322
|
+
imagePath: parsedImages[0],
|
|
5323
|
+
width: width2,
|
|
5324
|
+
height,
|
|
5277
5325
|
css: imageStyles,
|
|
5278
|
-
|
|
5279
|
-
backgroundImage: `url('${parsedImages[0]}')`
|
|
5280
|
-
}
|
|
5326
|
+
alt: "Field note update"
|
|
5281
5327
|
}
|
|
5282
5328
|
),
|
|
5283
|
-
/* @__PURE__ */ (0,
|
|
5284
|
-
/* @__PURE__ */ (0,
|
|
5285
|
-
/* @__PURE__ */ (0,
|
|
5329
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
5330
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
|
|
5331
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
5286
5332
|
author,
|
|
5287
5333
|
" shared an update \u2022 ",
|
|
5288
5334
|
datePosted
|
|
@@ -5295,7 +5341,7 @@ var TopMatchingFieldNote = ({
|
|
|
5295
5341
|
};
|
|
5296
5342
|
|
|
5297
5343
|
// src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
|
|
5298
|
-
var
|
|
5344
|
+
var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
|
|
5299
5345
|
var TopMatchingReview = ({
|
|
5300
5346
|
author,
|
|
5301
5347
|
datePosted,
|
|
@@ -5307,8 +5353,8 @@ var TopMatchingReview = ({
|
|
|
5307
5353
|
}) => {
|
|
5308
5354
|
const parsedRating = typeof rating === "string" ? parseInt(rating, 10) : rating;
|
|
5309
5355
|
const displayContent = content || children;
|
|
5310
|
-
return /* @__PURE__ */ (0,
|
|
5311
|
-
/* @__PURE__ */ (0,
|
|
5356
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
5357
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5312
5358
|
Heading_default,
|
|
5313
5359
|
{
|
|
5314
5360
|
size: "2xs",
|
|
@@ -5318,7 +5364,7 @@ var TopMatchingReview = ({
|
|
|
5318
5364
|
children: title
|
|
5319
5365
|
}
|
|
5320
5366
|
),
|
|
5321
|
-
/* @__PURE__ */ (0,
|
|
5367
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5322
5368
|
Box_default,
|
|
5323
5369
|
{
|
|
5324
5370
|
display: "flex",
|
|
@@ -5330,10 +5376,10 @@ var TopMatchingReview = ({
|
|
|
5330
5376
|
minWidth: "335px",
|
|
5331
5377
|
className,
|
|
5332
5378
|
children: [
|
|
5333
|
-
/* @__PURE__ */ (0,
|
|
5334
|
-
/* @__PURE__ */ (0,
|
|
5335
|
-
/* @__PURE__ */ (0,
|
|
5336
|
-
/* @__PURE__ */ (0,
|
|
5379
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
|
|
5380
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
5381
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
|
|
5382
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
5337
5383
|
"This review was posted by ",
|
|
5338
5384
|
author,
|
|
5339
5385
|
" on ",
|
|
@@ -5350,7 +5396,7 @@ var TopMatchingReview = ({
|
|
|
5350
5396
|
};
|
|
5351
5397
|
|
|
5352
5398
|
// src/AIResponse/AIResponse.tsx
|
|
5353
|
-
var
|
|
5399
|
+
var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
|
|
5354
5400
|
var AIResponse = ({
|
|
5355
5401
|
title = `Here's what I found`,
|
|
5356
5402
|
showTitle = true,
|
|
@@ -5403,7 +5449,7 @@ var AIResponse = ({
|
|
|
5403
5449
|
}
|
|
5404
5450
|
};
|
|
5405
5451
|
}, []);
|
|
5406
|
-
return /* @__PURE__ */ (0,
|
|
5452
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
5407
5453
|
Box_default,
|
|
5408
5454
|
{
|
|
5409
5455
|
className,
|
|
@@ -5411,9 +5457,9 @@ var AIResponse = ({
|
|
|
5411
5457
|
flexDirection: "column",
|
|
5412
5458
|
gap: "var(--spacing-4)",
|
|
5413
5459
|
children: [
|
|
5414
|
-
variant !== "error" && showTitle && /* @__PURE__ */ (0,
|
|
5415
|
-
/* @__PURE__ */ (0,
|
|
5416
|
-
variant === "error" ? /* @__PURE__ */ (0,
|
|
5460
|
+
variant !== "error" && showTitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
|
|
5461
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: getBannerStyles(variant), children: [
|
|
5462
|
+
variant === "error" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: children || "An error occurred while generating your summary. Please try again." }) : markdown && typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5417
5463
|
MarkdownContent_default,
|
|
5418
5464
|
{
|
|
5419
5465
|
content: children,
|
|
@@ -5424,33 +5470,33 @@ var AIResponse = ({
|
|
|
5424
5470
|
ContactLandownerButton
|
|
5425
5471
|
}
|
|
5426
5472
|
}
|
|
5427
|
-
) : /* @__PURE__ */ (0,
|
|
5428
|
-
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0,
|
|
5429
|
-
/* @__PURE__ */ (0,
|
|
5430
|
-
/* @__PURE__ */ (0,
|
|
5473
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
|
|
5474
|
+
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
|
|
5475
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: "AiMagic", size: "large" }),
|
|
5476
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "xs", color: "var(--text-primary)", children: "This AI summary was generated from the property information from this package. This answer may display incorrect information." })
|
|
5431
5477
|
] }),
|
|
5432
|
-
variant === "error" && /* @__PURE__ */ (0,
|
|
5478
|
+
variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5433
5479
|
Button_default,
|
|
5434
5480
|
{
|
|
5435
5481
|
variant: "secondary",
|
|
5436
5482
|
size: "md",
|
|
5437
5483
|
onClick: onErrorRetry,
|
|
5438
|
-
icon: /* @__PURE__ */ (0,
|
|
5439
|
-
children: /* @__PURE__ */ (0,
|
|
5484
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: "ArrowRotateLeft" }),
|
|
5485
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "Try Again" })
|
|
5440
5486
|
}
|
|
5441
5487
|
) })
|
|
5442
5488
|
] }),
|
|
5443
|
-
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0,
|
|
5444
|
-
/* @__PURE__ */ (0,
|
|
5445
|
-
/* @__PURE__ */ (0,
|
|
5446
|
-
/* @__PURE__ */ (0,
|
|
5489
|
+
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: footerStyles, children: [
|
|
5490
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
|
|
5491
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: actionsStyles, children: [
|
|
5492
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5447
5493
|
Button_default,
|
|
5448
5494
|
{
|
|
5449
5495
|
variant: "text",
|
|
5450
5496
|
size: "xs",
|
|
5451
5497
|
onClick: handleHelpfulYes,
|
|
5452
5498
|
"aria-pressed": visualHelpful === "yes",
|
|
5453
|
-
children: /* @__PURE__ */ (0,
|
|
5499
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5454
5500
|
IconLabel_default,
|
|
5455
5501
|
{
|
|
5456
5502
|
variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
|
|
@@ -5459,14 +5505,14 @@ var AIResponse = ({
|
|
|
5459
5505
|
)
|
|
5460
5506
|
}
|
|
5461
5507
|
),
|
|
5462
|
-
/* @__PURE__ */ (0,
|
|
5508
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5463
5509
|
Button_default,
|
|
5464
5510
|
{
|
|
5465
5511
|
variant: "text",
|
|
5466
5512
|
size: "xs",
|
|
5467
5513
|
onClick: handleHelpfulNo,
|
|
5468
5514
|
"aria-pressed": visualHelpful === "no",
|
|
5469
|
-
children: /* @__PURE__ */ (0,
|
|
5515
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5470
5516
|
IconLabel_default,
|
|
5471
5517
|
{
|
|
5472
5518
|
variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
|
|
@@ -5509,13 +5555,13 @@ var availabilityBadgeVariantStyles = {
|
|
|
5509
5555
|
};
|
|
5510
5556
|
|
|
5511
5557
|
// src/AvailabilityBadge/AvailabilityBadge.tsx
|
|
5512
|
-
var
|
|
5558
|
+
var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
|
|
5513
5559
|
var AvailabilityBadge = ({
|
|
5514
5560
|
children,
|
|
5515
5561
|
variant,
|
|
5516
5562
|
className
|
|
5517
5563
|
}) => {
|
|
5518
|
-
return /* @__PURE__ */ (0,
|
|
5564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
5519
5565
|
Box_default,
|
|
5520
5566
|
{
|
|
5521
5567
|
display: "inline-flex",
|
|
@@ -5525,7 +5571,7 @@ var AvailabilityBadge = ({
|
|
|
5525
5571
|
borderRadius: "var(--spacing-2)",
|
|
5526
5572
|
css: availabilityBadgeVariantStyles[variant],
|
|
5527
5573
|
className,
|
|
5528
|
-
children: /* @__PURE__ */ (0,
|
|
5574
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
|
|
5529
5575
|
}
|
|
5530
5576
|
);
|
|
5531
5577
|
};
|
|
@@ -5584,7 +5630,7 @@ var avatarFallbackStyles = import_react20.css`
|
|
|
5584
5630
|
`;
|
|
5585
5631
|
|
|
5586
5632
|
// src/Avatar/Avatar.tsx
|
|
5587
|
-
var
|
|
5633
|
+
var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
|
|
5588
5634
|
var Avatar = ({
|
|
5589
5635
|
type = "image",
|
|
5590
5636
|
src,
|
|
@@ -5634,7 +5680,7 @@ var Avatar = ({
|
|
|
5634
5680
|
};
|
|
5635
5681
|
if (type === "text" && text) {
|
|
5636
5682
|
const initials = getInitials(text);
|
|
5637
|
-
return /* @__PURE__ */ (0,
|
|
5683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5638
5684
|
"div",
|
|
5639
5685
|
{
|
|
5640
5686
|
css: [
|
|
@@ -5649,7 +5695,7 @@ var Avatar = ({
|
|
|
5649
5695
|
);
|
|
5650
5696
|
}
|
|
5651
5697
|
if (type === "image" && src && !hasImageError) {
|
|
5652
|
-
return /* @__PURE__ */ (0,
|
|
5698
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5653
5699
|
"img",
|
|
5654
5700
|
{
|
|
5655
5701
|
src,
|
|
@@ -5660,13 +5706,13 @@ var Avatar = ({
|
|
|
5660
5706
|
}
|
|
5661
5707
|
);
|
|
5662
5708
|
}
|
|
5663
|
-
return /* @__PURE__ */ (0,
|
|
5709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5664
5710
|
"div",
|
|
5665
5711
|
{
|
|
5666
5712
|
css: [avatarFallbackStyles, avatarSizeStyles[size]],
|
|
5667
5713
|
className,
|
|
5668
5714
|
title: alt,
|
|
5669
|
-
children: /* @__PURE__ */ (0,
|
|
5715
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5670
5716
|
Icon_default,
|
|
5671
5717
|
{
|
|
5672
5718
|
variant: "User",
|
|
@@ -5699,13 +5745,13 @@ var dividerStyles = import_react23.css`
|
|
|
5699
5745
|
`;
|
|
5700
5746
|
|
|
5701
5747
|
// src/Divider/Divider.tsx
|
|
5702
|
-
var
|
|
5748
|
+
var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
|
|
5703
5749
|
var StyledHr = import_styled4.default.hr`
|
|
5704
5750
|
${dividerStyles}
|
|
5705
5751
|
${import_styled_system2.space}
|
|
5706
5752
|
`;
|
|
5707
5753
|
var Divider = ({ className, ...rest }) => {
|
|
5708
|
-
return /* @__PURE__ */ (0,
|
|
5754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(StyledHr, { className, ...rest });
|
|
5709
5755
|
};
|
|
5710
5756
|
var Divider_default = Divider;
|
|
5711
5757
|
|
|
@@ -5778,7 +5824,7 @@ var textareaWithSubmit = import_react24.css`
|
|
|
5778
5824
|
`;
|
|
5779
5825
|
|
|
5780
5826
|
// src/Form/TextArea.tsx
|
|
5781
|
-
var
|
|
5827
|
+
var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
|
|
5782
5828
|
var TextArea = (0, import_react26.forwardRef)(
|
|
5783
5829
|
({
|
|
5784
5830
|
rows = 3,
|
|
@@ -5836,8 +5882,8 @@ var TextArea = (0, import_react26.forwardRef)(
|
|
|
5836
5882
|
onSubmit();
|
|
5837
5883
|
}
|
|
5838
5884
|
};
|
|
5839
|
-
return /* @__PURE__ */ (0,
|
|
5840
|
-
/* @__PURE__ */ (0,
|
|
5885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { css: wrapperStyles, children: [
|
|
5886
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5841
5887
|
"textarea",
|
|
5842
5888
|
{
|
|
5843
5889
|
ref: (node) => {
|
|
@@ -5867,14 +5913,14 @@ var TextArea = (0, import_react26.forwardRef)(
|
|
|
5867
5913
|
...props
|
|
5868
5914
|
}
|
|
5869
5915
|
),
|
|
5870
|
-
showSubmit && /* @__PURE__ */ (0,
|
|
5916
|
+
showSubmit && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5871
5917
|
Button_default,
|
|
5872
5918
|
{
|
|
5873
5919
|
size: "xs",
|
|
5874
5920
|
"aria-label": submitAriaLabel,
|
|
5875
5921
|
onClick: onSubmit,
|
|
5876
5922
|
disabled: disabled || submitDisabled,
|
|
5877
|
-
icon: /* @__PURE__ */ (0,
|
|
5923
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5878
5924
|
Icon_default,
|
|
5879
5925
|
{
|
|
5880
5926
|
variant: "PaperPlane",
|
|
@@ -5922,15 +5968,15 @@ var contentStyles = import_react27.css`
|
|
|
5922
5968
|
`;
|
|
5923
5969
|
|
|
5924
5970
|
// src/MessageBubble/MessageBubble.tsx
|
|
5925
|
-
var
|
|
5971
|
+
var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
|
|
5926
5972
|
var MessageBubble = ({
|
|
5927
5973
|
variant = "sent",
|
|
5928
5974
|
timestamp,
|
|
5929
5975
|
className,
|
|
5930
5976
|
children
|
|
5931
5977
|
}) => {
|
|
5932
|
-
return /* @__PURE__ */ (0,
|
|
5933
|
-
timestamp && /* @__PURE__ */ (0,
|
|
5978
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className, css: getRootStyles(variant), children: [
|
|
5979
|
+
timestamp && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
5934
5980
|
Text_default,
|
|
5935
5981
|
{
|
|
5936
5982
|
size: "xs",
|
|
@@ -5939,7 +5985,7 @@ var MessageBubble = ({
|
|
|
5939
5985
|
children: timestamp
|
|
5940
5986
|
}
|
|
5941
5987
|
),
|
|
5942
|
-
/* @__PURE__ */ (0,
|
|
5988
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { css: contentStyles, children }) })
|
|
5943
5989
|
] });
|
|
5944
5990
|
};
|
|
5945
5991
|
var MessageBubble_default = MessageBubble;
|
|
@@ -5980,14 +6026,14 @@ var tagChipVariantStyles = {
|
|
|
5980
6026
|
};
|
|
5981
6027
|
|
|
5982
6028
|
// src/TagChip/TagChip.tsx
|
|
5983
|
-
var
|
|
6029
|
+
var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
|
|
5984
6030
|
var TagChip = ({
|
|
5985
6031
|
variant = "primary",
|
|
5986
6032
|
className,
|
|
5987
6033
|
children,
|
|
5988
6034
|
...rest
|
|
5989
6035
|
}) => {
|
|
5990
|
-
return /* @__PURE__ */ (0,
|
|
6036
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
5991
6037
|
Box_default,
|
|
5992
6038
|
{
|
|
5993
6039
|
display: "inline-flex",
|
|
@@ -5998,7 +6044,7 @@ var TagChip = ({
|
|
|
5998
6044
|
css: tagChipVariantStyles[variant],
|
|
5999
6045
|
className,
|
|
6000
6046
|
...rest,
|
|
6001
|
-
children: /* @__PURE__ */ (0,
|
|
6047
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
|
|
6002
6048
|
}
|
|
6003
6049
|
);
|
|
6004
6050
|
};
|
|
@@ -6064,7 +6110,7 @@ var widgetTrigger = import_react29.css`
|
|
|
6064
6110
|
`;
|
|
6065
6111
|
|
|
6066
6112
|
// src/Widget/Widget.tsx
|
|
6067
|
-
var
|
|
6113
|
+
var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
|
|
6068
6114
|
var WidgetContext = (0, import_react30.createContext)(null);
|
|
6069
6115
|
var useWidgetContext = () => {
|
|
6070
6116
|
const ctx = (0, import_react30.useContext)(WidgetContext);
|
|
@@ -6075,7 +6121,7 @@ var useWidgetContext = () => {
|
|
|
6075
6121
|
var WidgetTrigger = () => {
|
|
6076
6122
|
const { expanded, toggle, triggerRef, icon: icon2, expandedIcon } = useWidgetContext();
|
|
6077
6123
|
const currentIcon = expanded ? expandedIcon : icon2;
|
|
6078
|
-
return /* @__PURE__ */ (0,
|
|
6124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(import_jsx_runtime227.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6079
6125
|
Button_default,
|
|
6080
6126
|
{
|
|
6081
6127
|
ref: triggerRef,
|
|
@@ -6083,7 +6129,7 @@ var WidgetTrigger = () => {
|
|
|
6083
6129
|
"aria-haspopup": "dialog",
|
|
6084
6130
|
onClick: toggle,
|
|
6085
6131
|
size: "lg",
|
|
6086
|
-
icon: /* @__PURE__ */ (0,
|
|
6132
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
|
|
6087
6133
|
css: widgetTrigger
|
|
6088
6134
|
}
|
|
6089
6135
|
) });
|
|
@@ -6092,7 +6138,7 @@ var WidgetPanel = ({ className, style, children }) => {
|
|
|
6092
6138
|
const { expanded, panelWidth } = useWidgetContext();
|
|
6093
6139
|
if (!expanded)
|
|
6094
6140
|
return null;
|
|
6095
|
-
return /* @__PURE__ */ (0,
|
|
6141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6096
6142
|
Box_default,
|
|
6097
6143
|
{
|
|
6098
6144
|
css: panelCard(panelWidth),
|
|
@@ -6174,7 +6220,7 @@ var WidgetRoot = ({
|
|
|
6174
6220
|
}),
|
|
6175
6221
|
[expandedIcon, icon2, isExpanded, panelWidth, toggle]
|
|
6176
6222
|
);
|
|
6177
|
-
return /* @__PURE__ */ (0,
|
|
6223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6178
6224
|
Box_default,
|
|
6179
6225
|
{
|
|
6180
6226
|
ref: containerRef,
|
|
@@ -6185,7 +6231,7 @@ var WidgetRoot = ({
|
|
|
6185
6231
|
bottom: "var(--spacing-6)",
|
|
6186
6232
|
zIndex: 100,
|
|
6187
6233
|
...containerProps,
|
|
6188
|
-
children: /* @__PURE__ */ (0,
|
|
6234
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(WidgetContext.Provider, { value, children })
|
|
6189
6235
|
}
|
|
6190
6236
|
);
|
|
6191
6237
|
};
|
|
@@ -6353,23 +6399,23 @@ var buttonOverrideStyles = import_react32.css`
|
|
|
6353
6399
|
`;
|
|
6354
6400
|
|
|
6355
6401
|
// src/ChatWidget/components/AskBuckButton.tsx
|
|
6356
|
-
var
|
|
6402
|
+
var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
|
|
6357
6403
|
var AskBuckButton = import_react33.default.forwardRef(
|
|
6358
6404
|
({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
|
|
6359
6405
|
var _a;
|
|
6360
6406
|
const widgetContext = (0, import_react33.useContext)(WidgetContext);
|
|
6361
6407
|
const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
|
|
6362
6408
|
const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
|
|
6363
|
-
return /* @__PURE__ */ (0,
|
|
6409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
6364
6410
|
Button_default,
|
|
6365
6411
|
{
|
|
6366
6412
|
ref,
|
|
6367
6413
|
"aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
|
|
6368
6414
|
"aria-haspopup": "dialog",
|
|
6369
6415
|
onClick: widgetContext == null ? void 0 : widgetContext.toggle,
|
|
6370
|
-
icon: /* @__PURE__ */ (0,
|
|
6371
|
-
showBadge && /* @__PURE__ */ (0,
|
|
6372
|
-
/* @__PURE__ */ (0,
|
|
6416
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(import_jsx_runtime228.Fragment, { children: [
|
|
6417
|
+
showBadge && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { css: badgeStyles, children: badgeCount }),
|
|
6418
|
+
/* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
6373
6419
|
Icon_default,
|
|
6374
6420
|
{
|
|
6375
6421
|
variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
|
|
@@ -6387,9 +6433,9 @@ AskBuckButton.displayName = "AskBuckButton";
|
|
|
6387
6433
|
var AskBuckButton_default = AskBuckButton;
|
|
6388
6434
|
|
|
6389
6435
|
// src/ChatWidget/ChatWidget.tsx
|
|
6390
|
-
var
|
|
6436
|
+
var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
|
|
6391
6437
|
var DEFAULT_EMPTY_STATE = [
|
|
6392
|
-
/* @__PURE__ */ (0,
|
|
6438
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6393
6439
|
AIResponse_default,
|
|
6394
6440
|
{
|
|
6395
6441
|
showDisclaimer: false,
|
|
@@ -6469,12 +6515,12 @@ var ChatWidget = ({
|
|
|
6469
6515
|
var _a;
|
|
6470
6516
|
const key = (_a = element.key) != null ? _a : index;
|
|
6471
6517
|
if (element.type === AIResponse_default) {
|
|
6472
|
-
return /* @__PURE__ */ (0,
|
|
6518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
|
|
6473
6519
|
}
|
|
6474
6520
|
if (element.type === MessageBubble_default) {
|
|
6475
|
-
return /* @__PURE__ */ (0,
|
|
6521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
|
|
6476
6522
|
}
|
|
6477
|
-
return /* @__PURE__ */ (0,
|
|
6523
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react34.default.Fragment, { children: element }, key);
|
|
6478
6524
|
}),
|
|
6479
6525
|
[messagesToRender]
|
|
6480
6526
|
);
|
|
@@ -6485,7 +6531,7 @@ var ChatWidget = ({
|
|
|
6485
6531
|
onSubmit(trimmed);
|
|
6486
6532
|
setValue("");
|
|
6487
6533
|
};
|
|
6488
|
-
return /* @__PURE__ */ (0,
|
|
6534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6489
6535
|
Widget_default,
|
|
6490
6536
|
{
|
|
6491
6537
|
ariaLabel,
|
|
@@ -6497,10 +6543,10 @@ var ChatWidget = ({
|
|
|
6497
6543
|
containerProps,
|
|
6498
6544
|
closeOnClickOutside,
|
|
6499
6545
|
children: [
|
|
6500
|
-
/* @__PURE__ */ (0,
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6502
|
-
/* @__PURE__ */ (0,
|
|
6503
|
-
/* @__PURE__ */ (0,
|
|
6546
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
|
|
6547
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { css: containerStyles, children: [
|
|
6548
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
|
|
6549
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6504
6550
|
Box_default,
|
|
6505
6551
|
{
|
|
6506
6552
|
display: "flex",
|
|
@@ -6508,9 +6554,9 @@ var ChatWidget = ({
|
|
|
6508
6554
|
justifyContent: "space-between",
|
|
6509
6555
|
gap: "var(--spacing-4)",
|
|
6510
6556
|
children: [
|
|
6511
|
-
/* @__PURE__ */ (0,
|
|
6512
|
-
/* @__PURE__ */ (0,
|
|
6513
|
-
/* @__PURE__ */ (0,
|
|
6557
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
|
|
6558
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
|
|
6559
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6514
6560
|
Heading_default,
|
|
6515
6561
|
{
|
|
6516
6562
|
size: "2xs",
|
|
@@ -6520,25 +6566,25 @@ var ChatWidget = ({
|
|
|
6520
6566
|
}
|
|
6521
6567
|
)
|
|
6522
6568
|
] }),
|
|
6523
|
-
/* @__PURE__ */ (0,
|
|
6569
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6524
6570
|
Button_default,
|
|
6525
6571
|
{
|
|
6526
6572
|
variant: "text",
|
|
6527
6573
|
size: "xs",
|
|
6528
6574
|
"aria-label": "Close widget",
|
|
6529
6575
|
onClick: () => setExpanded(false),
|
|
6530
|
-
children: /* @__PURE__ */ (0,
|
|
6531
|
-
/* @__PURE__ */ (0,
|
|
6532
|
-
/* @__PURE__ */ (0,
|
|
6576
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("span", { css: closeButtonContent, children: [
|
|
6577
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
|
|
6578
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { children: "Close" })
|
|
6533
6579
|
] })
|
|
6534
6580
|
}
|
|
6535
6581
|
)
|
|
6536
6582
|
]
|
|
6537
6583
|
}
|
|
6538
6584
|
),
|
|
6539
|
-
/* @__PURE__ */ (0,
|
|
6585
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Divider_default, { mt: 4, mb: 0 })
|
|
6540
6586
|
] }),
|
|
6541
|
-
/* @__PURE__ */ (0,
|
|
6587
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6542
6588
|
Box_default,
|
|
6543
6589
|
{
|
|
6544
6590
|
ref: scrollRef,
|
|
@@ -6551,27 +6597,27 @@ var ChatWidget = ({
|
|
|
6551
6597
|
flexDirection: "column",
|
|
6552
6598
|
gap: "var(--spacing-2)",
|
|
6553
6599
|
children: [
|
|
6554
|
-
/* @__PURE__ */ (0,
|
|
6555
|
-
isThinking && /* @__PURE__ */ (0,
|
|
6556
|
-
/* @__PURE__ */ (0,
|
|
6557
|
-
/* @__PURE__ */ (0,
|
|
6600
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
|
|
6601
|
+
isThinking && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { css: thinkingRowStyles, children: [
|
|
6602
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Spinner_default2, { size: "medium" }),
|
|
6603
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
|
|
6558
6604
|
] }) }),
|
|
6559
|
-
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0,
|
|
6605
|
+
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6560
6606
|
Box_default,
|
|
6561
6607
|
{
|
|
6562
6608
|
display: "flex",
|
|
6563
6609
|
flexDirection: "column",
|
|
6564
6610
|
gap: "var(--spacing-4)",
|
|
6565
6611
|
children: [
|
|
6566
|
-
/* @__PURE__ */ (0,
|
|
6567
|
-
/* @__PURE__ */ (0,
|
|
6612
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
|
|
6613
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6568
6614
|
Box_default,
|
|
6569
6615
|
{
|
|
6570
6616
|
display: "flex",
|
|
6571
6617
|
flexWrap: "wrap",
|
|
6572
6618
|
gap: "var(--spacing-4)",
|
|
6573
6619
|
alignItems: "flex-start",
|
|
6574
|
-
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0,
|
|
6620
|
+
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6575
6621
|
TagChip_default,
|
|
6576
6622
|
{
|
|
6577
6623
|
variant: "success",
|
|
@@ -6592,7 +6638,7 @@ var ChatWidget = ({
|
|
|
6592
6638
|
]
|
|
6593
6639
|
}
|
|
6594
6640
|
),
|
|
6595
|
-
/* @__PURE__ */ (0,
|
|
6641
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6596
6642
|
TextArea_default,
|
|
6597
6643
|
{
|
|
6598
6644
|
rows: 3,
|
|
@@ -6617,7 +6663,7 @@ var ChatWidget_default = ChatWidget;
|
|
|
6617
6663
|
// src/FeatureList/components/FeatureListItem.tsx
|
|
6618
6664
|
var import_react35 = require("@emotion/react");
|
|
6619
6665
|
var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
|
|
6620
|
-
var
|
|
6666
|
+
var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
|
|
6621
6667
|
var FeatureListItem = ({
|
|
6622
6668
|
iconVariant,
|
|
6623
6669
|
label,
|
|
@@ -6632,8 +6678,8 @@ var FeatureListItem = ({
|
|
|
6632
6678
|
}) => {
|
|
6633
6679
|
const iconDimensions = IconSizeMap[iconSize];
|
|
6634
6680
|
if (isLoading) {
|
|
6635
|
-
return /* @__PURE__ */ (0,
|
|
6636
|
-
/* @__PURE__ */ (0,
|
|
6681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
|
|
6682
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6637
6683
|
Box_default,
|
|
6638
6684
|
{
|
|
6639
6685
|
display: "flex",
|
|
@@ -6643,7 +6689,7 @@ var FeatureListItem = ({
|
|
|
6643
6689
|
className,
|
|
6644
6690
|
...rest,
|
|
6645
6691
|
children: [
|
|
6646
|
-
/* @__PURE__ */ (0,
|
|
6692
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6647
6693
|
import_react_loading_skeleton.default,
|
|
6648
6694
|
{
|
|
6649
6695
|
circle: true,
|
|
@@ -6652,24 +6698,24 @@ var FeatureListItem = ({
|
|
|
6652
6698
|
borderRadius: 4
|
|
6653
6699
|
}
|
|
6654
6700
|
),
|
|
6655
|
-
/* @__PURE__ */ (0,
|
|
6701
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
|
|
6656
6702
|
]
|
|
6657
6703
|
}
|
|
6658
6704
|
),
|
|
6659
|
-
subtitle && /* @__PURE__ */ (0,
|
|
6660
|
-
/* @__PURE__ */ (0,
|
|
6661
|
-
/* @__PURE__ */ (0,
|
|
6705
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
6706
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
6707
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
|
|
6662
6708
|
] })
|
|
6663
6709
|
] });
|
|
6664
6710
|
}
|
|
6665
|
-
return /* @__PURE__ */ (0,
|
|
6666
|
-
/* @__PURE__ */ (0,
|
|
6711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Text_default, { as: "span", children: [
|
|
6712
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
|
|
6667
6713
|
label,
|
|
6668
6714
|
" "
|
|
6669
6715
|
] }),
|
|
6670
6716
|
subtitle
|
|
6671
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
6672
|
-
/* @__PURE__ */ (0,
|
|
6717
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(import_jsx_runtime230.Fragment, { children: [
|
|
6718
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6673
6719
|
Box_default,
|
|
6674
6720
|
{
|
|
6675
6721
|
display: "flex",
|
|
@@ -6678,7 +6724,7 @@ var FeatureListItem = ({
|
|
|
6678
6724
|
className,
|
|
6679
6725
|
...rest,
|
|
6680
6726
|
children: [
|
|
6681
|
-
iconVariant && /* @__PURE__ */ (0,
|
|
6727
|
+
iconVariant && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6682
6728
|
Icon_default,
|
|
6683
6729
|
{
|
|
6684
6730
|
variant: iconVariant,
|
|
@@ -6689,22 +6735,22 @@ var FeatureListItem = ({
|
|
|
6689
6735
|
`
|
|
6690
6736
|
}
|
|
6691
6737
|
),
|
|
6692
|
-
/* @__PURE__ */ (0,
|
|
6738
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
|
|
6693
6739
|
]
|
|
6694
6740
|
}
|
|
6695
6741
|
),
|
|
6696
|
-
subtitle && /* @__PURE__ */ (0,
|
|
6697
|
-
/* @__PURE__ */ (0,
|
|
6698
|
-
/* @__PURE__ */ (0,
|
|
6742
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
6743
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
6744
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { size: "sm", children: subtitle })
|
|
6699
6745
|
] })
|
|
6700
6746
|
] }) });
|
|
6701
6747
|
};
|
|
6702
6748
|
var FeatureListItem_default = FeatureListItem;
|
|
6703
6749
|
|
|
6704
6750
|
// src/FeatureList/FeatureList.tsx
|
|
6705
|
-
var
|
|
6751
|
+
var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
|
|
6706
6752
|
var FeatureList = ({ heading, items, className }) => {
|
|
6707
|
-
return /* @__PURE__ */ (0,
|
|
6753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
|
|
6708
6754
|
Box_default,
|
|
6709
6755
|
{
|
|
6710
6756
|
display: "flex",
|
|
@@ -6712,8 +6758,8 @@ var FeatureList = ({ heading, items, className }) => {
|
|
|
6712
6758
|
gap: "var(--spacing-2)",
|
|
6713
6759
|
className,
|
|
6714
6760
|
children: [
|
|
6715
|
-
heading && /* @__PURE__ */ (0,
|
|
6716
|
-
/* @__PURE__ */ (0,
|
|
6761
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Text_default, { fontWeight: "bold", children: heading }),
|
|
6762
|
+
/* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
|
|
6717
6763
|
]
|
|
6718
6764
|
}
|
|
6719
6765
|
);
|
|
@@ -6749,7 +6795,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react36.css`
|
|
|
6749
6795
|
`;
|
|
6750
6796
|
|
|
6751
6797
|
// src/FieldNoteCard/FieldNoteCard.tsx
|
|
6752
|
-
var
|
|
6798
|
+
var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
|
|
6753
6799
|
var FieldNoteCard = ({
|
|
6754
6800
|
backgroundImage,
|
|
6755
6801
|
title,
|
|
@@ -6758,14 +6804,14 @@ var FieldNoteCard = ({
|
|
|
6758
6804
|
className,
|
|
6759
6805
|
...rest
|
|
6760
6806
|
}) => {
|
|
6761
|
-
return /* @__PURE__ */ (0,
|
|
6807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6762
6808
|
Box_default,
|
|
6763
6809
|
{
|
|
6764
6810
|
display: "flex",
|
|
6765
6811
|
css: cardContainerStyles,
|
|
6766
6812
|
className,
|
|
6767
6813
|
...rest,
|
|
6768
|
-
children: /* @__PURE__ */ (0,
|
|
6814
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6769
6815
|
Box_default,
|
|
6770
6816
|
{
|
|
6771
6817
|
display: "flex",
|
|
@@ -6773,9 +6819,9 @@ var FieldNoteCard = ({
|
|
|
6773
6819
|
justifyContent: "flex-end",
|
|
6774
6820
|
p: 6,
|
|
6775
6821
|
css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
|
|
6776
|
-
children: /* @__PURE__ */ (0,
|
|
6777
|
-
/* @__PURE__ */ (0,
|
|
6778
|
-
/* @__PURE__ */ (0,
|
|
6822
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
6823
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
6824
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
6779
6825
|
] })
|
|
6780
6826
|
}
|
|
6781
6827
|
)
|
|
@@ -6786,7 +6832,7 @@ var FieldNoteCard_default = FieldNoteCard;
|
|
|
6786
6832
|
|
|
6787
6833
|
// src/Form/FormField.tsx
|
|
6788
6834
|
var import_react37 = require("@emotion/react");
|
|
6789
|
-
var
|
|
6835
|
+
var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
|
|
6790
6836
|
var fieldContainerStyles = import_react37.css`
|
|
6791
6837
|
display: flex;
|
|
6792
6838
|
flex-direction: column;
|
|
@@ -6853,21 +6899,21 @@ var FormField = ({
|
|
|
6853
6899
|
const hasError = !!error;
|
|
6854
6900
|
const hasSuccess = !!success && !hasError;
|
|
6855
6901
|
const hasHelpText = !!helpText && !hasError && !hasSuccess;
|
|
6856
|
-
return /* @__PURE__ */ (0,
|
|
6857
|
-
label && /* @__PURE__ */ (0,
|
|
6902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: fieldContainerStyles, className, children: [
|
|
6903
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
|
|
6858
6904
|
"label",
|
|
6859
6905
|
{
|
|
6860
6906
|
htmlFor,
|
|
6861
6907
|
css: [labelStyles2, hideLabel && visuallyHiddenStyles],
|
|
6862
6908
|
children: [
|
|
6863
6909
|
label,
|
|
6864
|
-
required && /* @__PURE__ */ (0,
|
|
6910
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
|
|
6865
6911
|
]
|
|
6866
6912
|
}
|
|
6867
6913
|
),
|
|
6868
6914
|
children,
|
|
6869
|
-
hasError && /* @__PURE__ */ (0,
|
|
6870
|
-
/* @__PURE__ */ (0,
|
|
6915
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
|
|
6916
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
6871
6917
|
"path",
|
|
6872
6918
|
{
|
|
6873
6919
|
fillRule: "evenodd",
|
|
@@ -6877,8 +6923,8 @@ var FormField = ({
|
|
|
6877
6923
|
) }),
|
|
6878
6924
|
error
|
|
6879
6925
|
] }),
|
|
6880
|
-
hasSuccess && /* @__PURE__ */ (0,
|
|
6881
|
-
/* @__PURE__ */ (0,
|
|
6926
|
+
hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: successTextStyles, children: [
|
|
6927
|
+
/* @__PURE__ */ (0, import_jsx_runtime233.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(
|
|
6882
6928
|
"path",
|
|
6883
6929
|
{
|
|
6884
6930
|
fillRule: "evenodd",
|
|
@@ -6888,14 +6934,14 @@ var FormField = ({
|
|
|
6888
6934
|
) }),
|
|
6889
6935
|
success
|
|
6890
6936
|
] }),
|
|
6891
|
-
hasHelpText && /* @__PURE__ */ (0,
|
|
6937
|
+
hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { css: helpTextStyles, children: helpText })
|
|
6892
6938
|
] });
|
|
6893
6939
|
};
|
|
6894
6940
|
|
|
6895
6941
|
// src/Form/Input.tsx
|
|
6896
6942
|
var import_react38 = require("@emotion/react");
|
|
6897
6943
|
var import_react39 = require("react");
|
|
6898
|
-
var
|
|
6944
|
+
var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
|
|
6899
6945
|
var inputStyles = import_react38.css`
|
|
6900
6946
|
position: relative;
|
|
6901
6947
|
width: 100%;
|
|
@@ -7025,9 +7071,9 @@ var Input = (0, import_react39.forwardRef)(
|
|
|
7025
7071
|
hasEndIcon && "has-end-icon",
|
|
7026
7072
|
className
|
|
7027
7073
|
].filter(Boolean).join(" ");
|
|
7028
|
-
return /* @__PURE__ */ (0,
|
|
7029
|
-
hasStartIcon && /* @__PURE__ */ (0,
|
|
7030
|
-
/* @__PURE__ */ (0,
|
|
7074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { css: inputWrapperStyles, children: [
|
|
7075
|
+
hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { css: startIconStyles, children: startIcon }),
|
|
7076
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7031
7077
|
"input",
|
|
7032
7078
|
{
|
|
7033
7079
|
ref,
|
|
@@ -7044,7 +7090,7 @@ var Input = (0, import_react39.forwardRef)(
|
|
|
7044
7090
|
...props
|
|
7045
7091
|
}
|
|
7046
7092
|
),
|
|
7047
|
-
hasEndIcon && /* @__PURE__ */ (0,
|
|
7093
|
+
hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { css: endIconStyles, children: endIcon })
|
|
7048
7094
|
] });
|
|
7049
7095
|
}
|
|
7050
7096
|
);
|
|
@@ -7053,7 +7099,7 @@ Input.displayName = "Input";
|
|
|
7053
7099
|
// src/Form/Select.tsx
|
|
7054
7100
|
var import_react40 = require("@emotion/react");
|
|
7055
7101
|
var import_react41 = require("react");
|
|
7056
|
-
var
|
|
7102
|
+
var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
|
|
7057
7103
|
var selectStyles = import_react40.css`
|
|
7058
7104
|
position: relative;
|
|
7059
7105
|
width: 100%;
|
|
@@ -7150,7 +7196,7 @@ var Select = (0, import_react41.forwardRef)(
|
|
|
7150
7196
|
className = "",
|
|
7151
7197
|
...props
|
|
7152
7198
|
}, ref) => {
|
|
7153
|
-
return /* @__PURE__ */ (0,
|
|
7199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
|
|
7154
7200
|
"select",
|
|
7155
7201
|
{
|
|
7156
7202
|
ref,
|
|
@@ -7159,8 +7205,8 @@ var Select = (0, import_react41.forwardRef)(
|
|
|
7159
7205
|
className,
|
|
7160
7206
|
...props,
|
|
7161
7207
|
children: [
|
|
7162
|
-
placeholderOption && /* @__PURE__ */ (0,
|
|
7163
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
7208
|
+
placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
|
|
7209
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7164
7210
|
"option",
|
|
7165
7211
|
{
|
|
7166
7212
|
value: option.value,
|
|
@@ -7418,7 +7464,7 @@ var generateJustifyItems = (justifyItems) => {
|
|
|
7418
7464
|
};
|
|
7419
7465
|
|
|
7420
7466
|
// src/Grid/Column.tsx
|
|
7421
|
-
var
|
|
7467
|
+
var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
|
|
7422
7468
|
var Column = ({
|
|
7423
7469
|
span,
|
|
7424
7470
|
start,
|
|
@@ -7447,13 +7493,13 @@ var Column = ({
|
|
|
7447
7493
|
grid-area: ${area};
|
|
7448
7494
|
`
|
|
7449
7495
|
].filter(Boolean);
|
|
7450
|
-
return /* @__PURE__ */ (0,
|
|
7496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { css: columnStyles, ...props, children });
|
|
7451
7497
|
};
|
|
7452
7498
|
var Column_default = Column;
|
|
7453
7499
|
|
|
7454
7500
|
// src/Grid/Grid.tsx
|
|
7455
7501
|
var import_react44 = require("@emotion/react");
|
|
7456
|
-
var
|
|
7502
|
+
var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
|
|
7457
7503
|
var baseGridStyles = import_react44.css`
|
|
7458
7504
|
display: grid;
|
|
7459
7505
|
`;
|
|
@@ -7492,13 +7538,13 @@ var Grid = ({
|
|
|
7492
7538
|
justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
|
|
7493
7539
|
`
|
|
7494
7540
|
].filter(Boolean);
|
|
7495
|
-
return /* @__PURE__ */ (0,
|
|
7541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box_default, { css: gridStyles, ...props, children });
|
|
7496
7542
|
};
|
|
7497
7543
|
var Grid_default = Grid;
|
|
7498
7544
|
|
|
7499
7545
|
// src/Grid/GridContainer.tsx
|
|
7500
7546
|
var import_react45 = require("@emotion/react");
|
|
7501
|
-
var
|
|
7547
|
+
var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
|
|
7502
7548
|
var baseContainerStyles = import_react45.css`
|
|
7503
7549
|
width: 100%;
|
|
7504
7550
|
margin: 0 auto;
|
|
@@ -7543,7 +7589,7 @@ var GridContainer = ({
|
|
|
7543
7589
|
baseContainerStyles,
|
|
7544
7590
|
generateMaxWidthStyles(maxWidth)
|
|
7545
7591
|
];
|
|
7546
|
-
return /* @__PURE__ */ (0,
|
|
7592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
|
|
7547
7593
|
};
|
|
7548
7594
|
var GridContainer_default = GridContainer;
|
|
7549
7595
|
|
|
@@ -7576,7 +7622,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react46.css`
|
|
|
7576
7622
|
`;
|
|
7577
7623
|
|
|
7578
7624
|
// src/HuntCard/HuntCard.tsx
|
|
7579
|
-
var
|
|
7625
|
+
var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
|
|
7580
7626
|
var HuntCard = ({
|
|
7581
7627
|
backgroundImage,
|
|
7582
7628
|
title,
|
|
@@ -7585,14 +7631,14 @@ var HuntCard = ({
|
|
|
7585
7631
|
className,
|
|
7586
7632
|
...rest
|
|
7587
7633
|
}) => {
|
|
7588
|
-
return /* @__PURE__ */ (0,
|
|
7634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7589
7635
|
Box_default,
|
|
7590
7636
|
{
|
|
7591
7637
|
display: "flex",
|
|
7592
7638
|
css: cardContainerStyles2,
|
|
7593
7639
|
className,
|
|
7594
7640
|
...rest,
|
|
7595
|
-
children: /* @__PURE__ */ (0,
|
|
7641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7596
7642
|
Box_default,
|
|
7597
7643
|
{
|
|
7598
7644
|
display: "flex",
|
|
@@ -7600,9 +7646,9 @@ var HuntCard = ({
|
|
|
7600
7646
|
justifyContent: "flex-end",
|
|
7601
7647
|
p: 6,
|
|
7602
7648
|
css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
|
|
7603
|
-
children: /* @__PURE__ */ (0,
|
|
7604
|
-
/* @__PURE__ */ (0,
|
|
7605
|
-
/* @__PURE__ */ (0,
|
|
7649
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
7650
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
7651
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
7606
7652
|
] })
|
|
7607
7653
|
}
|
|
7608
7654
|
)
|
|
@@ -7612,9 +7658,9 @@ var HuntCard = ({
|
|
|
7612
7658
|
var HuntCard_default = HuntCard;
|
|
7613
7659
|
|
|
7614
7660
|
// src/InfoBox/InfoBox.tsx
|
|
7615
|
-
var
|
|
7661
|
+
var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
|
|
7616
7662
|
var InfoBox = ({ heading, features, className }) => {
|
|
7617
|
-
return /* @__PURE__ */ (0,
|
|
7663
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
|
|
7618
7664
|
Box_default,
|
|
7619
7665
|
{
|
|
7620
7666
|
display: "flex",
|
|
@@ -7623,8 +7669,8 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7623
7669
|
className,
|
|
7624
7670
|
color: "var(--text-primary)",
|
|
7625
7671
|
children: [
|
|
7626
|
-
/* @__PURE__ */ (0,
|
|
7627
|
-
/* @__PURE__ */ (0,
|
|
7672
|
+
/* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7673
|
+
/* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
7628
7674
|
Box_default,
|
|
7629
7675
|
{
|
|
7630
7676
|
display: "flex",
|
|
@@ -7634,7 +7680,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7634
7680
|
borderRadius: "var(--radius-lg)",
|
|
7635
7681
|
bg: "var(--surface-neutral)",
|
|
7636
7682
|
className,
|
|
7637
|
-
children: features.map((section, index) => /* @__PURE__ */ (0,
|
|
7683
|
+
children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
7638
7684
|
FeatureList_default,
|
|
7639
7685
|
{
|
|
7640
7686
|
heading: section.heading,
|
|
@@ -7651,7 +7697,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7651
7697
|
var InfoBox_default = InfoBox;
|
|
7652
7698
|
|
|
7653
7699
|
// src/StarRating/StarRating.tsx
|
|
7654
|
-
var
|
|
7700
|
+
var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
|
|
7655
7701
|
var starSize = {
|
|
7656
7702
|
sm: {
|
|
7657
7703
|
size: "medium",
|
|
@@ -7670,7 +7716,7 @@ var StarRating = ({
|
|
|
7670
7716
|
const stars = [];
|
|
7671
7717
|
for (let i = 1; i <= 5; i++) {
|
|
7672
7718
|
stars.push(
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7719
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7674
7720
|
Icon_default,
|
|
7675
7721
|
{
|
|
7676
7722
|
variant: "StarSolid",
|
|
@@ -7681,7 +7727,7 @@ var StarRating = ({
|
|
|
7681
7727
|
)
|
|
7682
7728
|
);
|
|
7683
7729
|
}
|
|
7684
|
-
return /* @__PURE__ */ (0,
|
|
7730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7685
7731
|
Box_default,
|
|
7686
7732
|
{
|
|
7687
7733
|
className,
|
|
@@ -7695,7 +7741,7 @@ var StarRating = ({
|
|
|
7695
7741
|
var StarRating_default = StarRating;
|
|
7696
7742
|
|
|
7697
7743
|
// src/UserCard/UserCard.tsx
|
|
7698
|
-
var
|
|
7744
|
+
var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
|
|
7699
7745
|
var UserCard = ({
|
|
7700
7746
|
avatarSrc,
|
|
7701
7747
|
title,
|
|
@@ -7705,7 +7751,7 @@ var UserCard = ({
|
|
|
7705
7751
|
isVerified = false,
|
|
7706
7752
|
className
|
|
7707
7753
|
}) => {
|
|
7708
|
-
return /* @__PURE__ */ (0,
|
|
7754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7709
7755
|
Box_default,
|
|
7710
7756
|
{
|
|
7711
7757
|
display: "flex",
|
|
@@ -7714,8 +7760,8 @@ var UserCard = ({
|
|
|
7714
7760
|
gap: "var(--spacing-4)",
|
|
7715
7761
|
className,
|
|
7716
7762
|
children: [
|
|
7717
|
-
/* @__PURE__ */ (0,
|
|
7718
|
-
/* @__PURE__ */ (0,
|
|
7763
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
|
|
7764
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7719
7765
|
Avatar_default,
|
|
7720
7766
|
{
|
|
7721
7767
|
type: avatarSrc ? "image" : "text",
|
|
@@ -7724,13 +7770,13 @@ var UserCard = ({
|
|
|
7724
7770
|
alt: `${title}'s avatar`
|
|
7725
7771
|
}
|
|
7726
7772
|
),
|
|
7727
|
-
/* @__PURE__ */ (0,
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7729
|
-
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0,
|
|
7730
|
-
showRating && rating !== void 0 && /* @__PURE__ */ (0,
|
|
7773
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
7774
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
|
|
7775
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
|
|
7776
|
+
showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(StarRating_default, { rating })
|
|
7731
7777
|
] })
|
|
7732
7778
|
] }),
|
|
7733
|
-
isVerified && /* @__PURE__ */ (0,
|
|
7779
|
+
isVerified && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7734
7780
|
Box_default,
|
|
7735
7781
|
{
|
|
7736
7782
|
display: "flex",
|
|
@@ -7739,8 +7785,8 @@ var UserCard = ({
|
|
|
7739
7785
|
gap: "var(--spacing-1)",
|
|
7740
7786
|
flexShrink: 0,
|
|
7741
7787
|
children: [
|
|
7742
|
-
/* @__PURE__ */ (0,
|
|
7743
|
-
/* @__PURE__ */ (0,
|
|
7788
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
|
|
7789
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
|
|
7744
7790
|
]
|
|
7745
7791
|
}
|
|
7746
7792
|
)
|
|
@@ -7751,19 +7797,19 @@ var UserCard = ({
|
|
|
7751
7797
|
var UserCard_default = UserCard;
|
|
7752
7798
|
|
|
7753
7799
|
// src/LandownerProfile/components/ProfileSubtitle.tsx
|
|
7754
|
-
var
|
|
7800
|
+
var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
|
|
7755
7801
|
var ProfileSubtitle = ({
|
|
7756
7802
|
yearsHosting = 1,
|
|
7757
7803
|
featureReviewItem
|
|
7758
7804
|
}) => {
|
|
7759
|
-
return /* @__PURE__ */ (0,
|
|
7760
|
-
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0,
|
|
7805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
7806
|
+
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
7761
7807
|
yearsHosting,
|
|
7762
7808
|
" ",
|
|
7763
7809
|
yearsHosting === 1 ? "Year" : "Years",
|
|
7764
7810
|
" Hosting"
|
|
7765
7811
|
] }),
|
|
7766
|
-
featureReviewItem && /* @__PURE__ */ (0,
|
|
7812
|
+
featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureListItem_default, { ...featureReviewItem })
|
|
7767
7813
|
] });
|
|
7768
7814
|
};
|
|
7769
7815
|
var ProfileSubtitle_default = ProfileSubtitle;
|
|
@@ -7778,7 +7824,7 @@ var hasTextContent = (html) => {
|
|
|
7778
7824
|
};
|
|
7779
7825
|
|
|
7780
7826
|
// src/LandownerProfile/LandownerProfile.tsx
|
|
7781
|
-
var
|
|
7827
|
+
var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
|
|
7782
7828
|
var LandownerProfile = ({
|
|
7783
7829
|
heading,
|
|
7784
7830
|
avatarSrc,
|
|
@@ -7802,7 +7848,7 @@ var LandownerProfile = ({
|
|
|
7802
7848
|
iconVariant: "Bolt",
|
|
7803
7849
|
label: `Response Time: ${responseTime}`
|
|
7804
7850
|
} : void 0;
|
|
7805
|
-
return /* @__PURE__ */ (0,
|
|
7851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
|
|
7806
7852
|
Box_default,
|
|
7807
7853
|
{
|
|
7808
7854
|
display: "flex",
|
|
@@ -7811,8 +7857,8 @@ var LandownerProfile = ({
|
|
|
7811
7857
|
color: "var(--text-primary)",
|
|
7812
7858
|
className,
|
|
7813
7859
|
children: [
|
|
7814
|
-
heading && /* @__PURE__ */ (0,
|
|
7815
|
-
/* @__PURE__ */ (0,
|
|
7860
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7861
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
|
|
7816
7862
|
Box_default,
|
|
7817
7863
|
{
|
|
7818
7864
|
display: "flex",
|
|
@@ -7822,12 +7868,12 @@ var LandownerProfile = ({
|
|
|
7822
7868
|
p: "var(--spacing-4)",
|
|
7823
7869
|
borderRadius: "var(--radius-lg)",
|
|
7824
7870
|
children: [
|
|
7825
|
-
/* @__PURE__ */ (0,
|
|
7871
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7826
7872
|
UserCard_default,
|
|
7827
7873
|
{
|
|
7828
7874
|
avatarSrc,
|
|
7829
7875
|
title: name,
|
|
7830
|
-
subtitle: /* @__PURE__ */ (0,
|
|
7876
|
+
subtitle: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7831
7877
|
ProfileSubtitle_default,
|
|
7832
7878
|
{
|
|
7833
7879
|
yearsHosting,
|
|
@@ -7838,9 +7884,9 @@ var LandownerProfile = ({
|
|
|
7838
7884
|
isVerified
|
|
7839
7885
|
}
|
|
7840
7886
|
),
|
|
7841
|
-
hasTextContent(bio) && !!bio && /* @__PURE__ */ (0,
|
|
7842
|
-
/* @__PURE__ */ (0,
|
|
7843
|
-
/* @__PURE__ */ (0,
|
|
7887
|
+
hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7888
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
|
|
7889
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7844
7890
|
Text_default,
|
|
7845
7891
|
{
|
|
7846
7892
|
dangerouslySetInnerHTML: {
|
|
@@ -7849,14 +7895,14 @@ var LandownerProfile = ({
|
|
|
7849
7895
|
}
|
|
7850
7896
|
)
|
|
7851
7897
|
] }),
|
|
7852
|
-
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0,
|
|
7853
|
-
/* @__PURE__ */ (0,
|
|
7854
|
-
/* @__PURE__ */ (0,
|
|
7855
|
-
!!responseRateFeature && /* @__PURE__ */ (0,
|
|
7856
|
-
!!responseTimeFeature && /* @__PURE__ */ (0,
|
|
7898
|
+
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7899
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
|
|
7900
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7901
|
+
!!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(FeatureListItem_default, { ...responseRateFeature }),
|
|
7902
|
+
!!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(FeatureListItem_default, { ...responseTimeFeature })
|
|
7857
7903
|
] })
|
|
7858
7904
|
] }),
|
|
7859
|
-
/* @__PURE__ */ (0,
|
|
7905
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7860
7906
|
Button_default,
|
|
7861
7907
|
{
|
|
7862
7908
|
variant: "secondary",
|
|
@@ -7914,7 +7960,7 @@ var inputWrapperStyles2 = import_react47.css`
|
|
|
7914
7960
|
`;
|
|
7915
7961
|
|
|
7916
7962
|
// src/ListingChat/ListingChat.tsx
|
|
7917
|
-
var
|
|
7963
|
+
var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
|
|
7918
7964
|
var ListingChat = ({
|
|
7919
7965
|
onSubmit,
|
|
7920
7966
|
placeholder = "Ask anything about this listing\u2026",
|
|
@@ -7941,18 +7987,18 @@ var ListingChat = ({
|
|
|
7941
7987
|
},
|
|
7942
7988
|
[onSubmit]
|
|
7943
7989
|
);
|
|
7944
|
-
return /* @__PURE__ */ (0,
|
|
7945
|
-
/* @__PURE__ */ (0,
|
|
7946
|
-
/* @__PURE__ */ (0,
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
7948
|
-
/* @__PURE__ */ (0,
|
|
7990
|
+
return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
|
|
7991
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { css: headerStyles, children: [
|
|
7992
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { children: [
|
|
7993
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
|
|
7994
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
|
|
7949
7995
|
] }),
|
|
7950
|
-
/* @__PURE__ */ (0,
|
|
7951
|
-
/* @__PURE__ */ (0,
|
|
7952
|
-
/* @__PURE__ */ (0,
|
|
7996
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
|
|
7997
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
|
|
7998
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "sm", children: "Beta" })
|
|
7953
7999
|
] })
|
|
7954
8000
|
] }),
|
|
7955
|
-
/* @__PURE__ */ (0,
|
|
8001
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7956
8002
|
TextArea,
|
|
7957
8003
|
{
|
|
7958
8004
|
rows: 1,
|
|
@@ -7967,14 +8013,14 @@ var ListingChat = ({
|
|
|
7967
8013
|
css: textAreaStyles
|
|
7968
8014
|
}
|
|
7969
8015
|
) }),
|
|
7970
|
-
tags.length > 0 && /* @__PURE__ */ (0,
|
|
7971
|
-
/* @__PURE__ */ (0,
|
|
7972
|
-
/* @__PURE__ */ (0,
|
|
8016
|
+
tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_jsx_runtime245.Fragment, { children: [
|
|
8017
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
|
|
8018
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7973
8019
|
"button",
|
|
7974
8020
|
{
|
|
7975
8021
|
onClick: handleTagClick(tag),
|
|
7976
8022
|
disabled,
|
|
7977
|
-
children: /* @__PURE__ */ (0,
|
|
8023
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(TagChip_default, { children: tag })
|
|
7978
8024
|
},
|
|
7979
8025
|
tag
|
|
7980
8026
|
)) })
|
|
@@ -7987,8 +8033,8 @@ var ListingChat_default = ListingChat;
|
|
|
7987
8033
|
var import_react49 = require("@emotion/react");
|
|
7988
8034
|
|
|
7989
8035
|
// src/Logo/components/LandtrustPlusDark.tsx
|
|
7990
|
-
var
|
|
7991
|
-
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0,
|
|
8036
|
+
var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
|
|
8037
|
+
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
7992
8038
|
"svg",
|
|
7993
8039
|
{
|
|
7994
8040
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7996,14 +8042,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
7996
8042
|
fill: "none",
|
|
7997
8043
|
...props,
|
|
7998
8044
|
children: [
|
|
7999
|
-
/* @__PURE__ */ (0,
|
|
8045
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8000
8046
|
"path",
|
|
8001
8047
|
{
|
|
8002
8048
|
fill: "#000",
|
|
8003
8049
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
8004
8050
|
}
|
|
8005
8051
|
) }),
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8052
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8007
8053
|
"path",
|
|
8008
8054
|
{
|
|
8009
8055
|
fill: "#FAD44E",
|
|
@@ -8012,14 +8058,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8012
8058
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
8013
8059
|
}
|
|
8014
8060
|
),
|
|
8015
|
-
/* @__PURE__ */ (0,
|
|
8061
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8016
8062
|
"path",
|
|
8017
8063
|
{
|
|
8018
8064
|
fill: "#fff",
|
|
8019
8065
|
d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
|
|
8020
8066
|
}
|
|
8021
8067
|
),
|
|
8022
|
-
/* @__PURE__ */ (0,
|
|
8068
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
8023
8069
|
"filter",
|
|
8024
8070
|
{
|
|
8025
8071
|
id: "landtrust-plus-dark_svg__a",
|
|
@@ -8030,8 +8076,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8030
8076
|
colorInterpolationFilters: "sRGB",
|
|
8031
8077
|
filterUnits: "userSpaceOnUse",
|
|
8032
8078
|
children: [
|
|
8033
|
-
/* @__PURE__ */ (0,
|
|
8034
|
-
/* @__PURE__ */ (0,
|
|
8079
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
8080
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8035
8081
|
"feColorMatrix",
|
|
8036
8082
|
{
|
|
8037
8083
|
in: "SourceAlpha",
|
|
@@ -8039,18 +8085,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8039
8085
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
8040
8086
|
}
|
|
8041
8087
|
),
|
|
8042
|
-
/* @__PURE__ */ (0,
|
|
8043
|
-
/* @__PURE__ */ (0,
|
|
8044
|
-
/* @__PURE__ */ (0,
|
|
8045
|
-
/* @__PURE__ */ (0,
|
|
8046
|
-
/* @__PURE__ */ (0,
|
|
8088
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feOffset", { dy: 1 }),
|
|
8089
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
8090
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
8091
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
8092
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8047
8093
|
"feBlend",
|
|
8048
8094
|
{
|
|
8049
8095
|
in2: "BackgroundImageFix",
|
|
8050
8096
|
result: "effect1_dropShadow_257_2540"
|
|
8051
8097
|
}
|
|
8052
8098
|
),
|
|
8053
|
-
/* @__PURE__ */ (0,
|
|
8099
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8054
8100
|
"feBlend",
|
|
8055
8101
|
{
|
|
8056
8102
|
in: "SourceGraphic",
|
|
@@ -8067,8 +8113,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8067
8113
|
var LandtrustPlusDark_default = SvgLandtrustPlusDark;
|
|
8068
8114
|
|
|
8069
8115
|
// src/Logo/components/LandtrustPlusLight.tsx
|
|
8070
|
-
var
|
|
8071
|
-
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0,
|
|
8116
|
+
var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
|
|
8117
|
+
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
8072
8118
|
"svg",
|
|
8073
8119
|
{
|
|
8074
8120
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8076,14 +8122,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8076
8122
|
fill: "none",
|
|
8077
8123
|
...props,
|
|
8078
8124
|
children: [
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8125
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8080
8126
|
"path",
|
|
8081
8127
|
{
|
|
8082
8128
|
fill: "#000",
|
|
8083
8129
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
8084
8130
|
}
|
|
8085
8131
|
) }),
|
|
8086
|
-
/* @__PURE__ */ (0,
|
|
8132
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8087
8133
|
"path",
|
|
8088
8134
|
{
|
|
8089
8135
|
fill: "#FAD44E",
|
|
@@ -8092,14 +8138,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8092
8138
|
d: "M397.611 44.707a1.357 1.357 0 0 1-1.347-1.367V12.481c0-.755.603-1.367 1.347-1.367h3.893c.744 0 1.348.612 1.348 1.367V43.34c0 .755-.604 1.367-1.348 1.367zM384.364 31.24a1.357 1.357 0 0 1-1.347-1.367v-3.95c0-.755.603-1.367 1.347-1.367h30.414c.741 0 1.345.612 1.345 1.367v3.95c0 .755-.604 1.367-1.345 1.367z"
|
|
8093
8139
|
}
|
|
8094
8140
|
),
|
|
8095
|
-
/* @__PURE__ */ (0,
|
|
8141
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8096
8142
|
"path",
|
|
8097
8143
|
{
|
|
8098
8144
|
fill: "#1A202C",
|
|
8099
8145
|
d: "M376.053 15.765h-9.487V49.36h-11.149V15.876h-9.56V6.608h30.196zM204.29 15.782h-9.487v33.6h-11.149V15.895h-9.56V6.633h30.196zM93.047 6.652l12.637 23.357V6.608h10.179v42.775h-10.488L92.982 25.96v23.402H82.878V6.651zM242.366 35.996l5.154 13.364h-10.781a8334 8334 0 0 0-5.254-13.389h-4.683v13.398h-10.921V6.64h4.836c7.307 0 14.616-.037 21.922.017 2.864.02 4.677 1.613 4.742 4.448q.225 10.12 0 20.244c-.052 2.927-2.075 4.29-5.015 4.648m-15.525-20.1v11.248h8.609a.912.912 0 0 0 .909-.911v-9.428a.905.905 0 0 0-.909-.91zM71.772 49.392H61.244l-1.831-9.098H48.34c-.628 2.995-1.262 6.004-1.91 9.09H36.147c3.07-14.297 6.11-28.505 9.179-42.774h17.268c3.047 14.207 6.101 28.436 9.179 42.782M57.939 30.786 55 15.744h-2.134c-1.012 4.987-2.02 9.974-3.054 15.042zM10.818 40.21H24.46v9.173H0V6.608h10.818zM282.264 6.608v32.466a.92.92 0 0 1-.268.648.9.9 0 0 1-.645.267h-7.445a.9.9 0 0 1-.645-.267.92.92 0 0 1-.267-.648V6.608h-11.025V44.94c0 2.443 1.971 4.424 4.403 4.424h22.506c2.432 0 4.404-1.982 4.404-4.426V6.608zM131.337 49.383V6.657h22.522c5.154 0 8.955 3.645 8.989 8.81q.088 12.542 0 25.086c-.046 5.18-3.85 8.824-8.999 8.824h-22.512zm11.036-33.503v24.2c2.346 0 4.623.092 6.889-.031 1.554-.084 2.589-1.274 2.6-2.912q.067-9.16 0-18.32c-.013-1.644-1.046-2.828-2.596-2.912-2.27-.123-4.549-.03-6.893-.03zM306.214 36.48c0 1.9-.115 3.747.022 5.577.31 4.136 3.799 7.47 7.924 7.539q7.022.116 14.047 0c3.879-.06 7.534-3.112 7.826-6.906.268-3.905.275-7.825.02-11.731-.176-3.002-2.574-5.277-5.55-5.806a766 766 0 0 0-13.834-2.343c-.901-.142-1.186-.527-1.176-1.342.017-1.404 0-2.807.013-4.21 0-.96.462-1.414 1.457-1.405 2.875.027 5.752.021 8.627 0 .992 0 1.425.466 1.412 1.433v2.183h9.117c0-2.078.17-4.067-.036-6.017-.406-3.818-3.896-6.992-7.718-7.057a423 423 0 0 0-14.416 0c-3.784.07-7.434 3.38-7.651 7.124a108 108 0 0 0-.01 11.375c.147 3.103 2.539 5.547 5.567 6.082q6.97 1.233 13.954 2.367c.775.127 1.058.435 1.041 1.195-.031 1.485-.01 2.971-.01 4.458 0 .857-.414 1.298-1.283 1.298h-8.875c-.859 0-1.286-.458-1.304-1.3-.017-.842 0-1.63 0-2.509z"
|
|
8100
8146
|
}
|
|
8101
8147
|
),
|
|
8102
|
-
/* @__PURE__ */ (0,
|
|
8148
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
8103
8149
|
"filter",
|
|
8104
8150
|
{
|
|
8105
8151
|
id: "landtrust-plus-light_svg__a",
|
|
@@ -8110,8 +8156,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8110
8156
|
colorInterpolationFilters: "sRGB",
|
|
8111
8157
|
filterUnits: "userSpaceOnUse",
|
|
8112
8158
|
children: [
|
|
8113
|
-
/* @__PURE__ */ (0,
|
|
8114
|
-
/* @__PURE__ */ (0,
|
|
8159
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
8160
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8115
8161
|
"feColorMatrix",
|
|
8116
8162
|
{
|
|
8117
8163
|
in: "SourceAlpha",
|
|
@@ -8119,18 +8165,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8119
8165
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
8120
8166
|
}
|
|
8121
8167
|
),
|
|
8122
|
-
/* @__PURE__ */ (0,
|
|
8123
|
-
/* @__PURE__ */ (0,
|
|
8124
|
-
/* @__PURE__ */ (0,
|
|
8125
|
-
/* @__PURE__ */ (0,
|
|
8126
|
-
/* @__PURE__ */ (0,
|
|
8168
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feOffset", { dy: 1 }),
|
|
8169
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
8170
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
8171
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
8172
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8127
8173
|
"feBlend",
|
|
8128
8174
|
{
|
|
8129
8175
|
in2: "BackgroundImageFix",
|
|
8130
8176
|
result: "effect1_dropShadow_257_2538"
|
|
8131
8177
|
}
|
|
8132
8178
|
),
|
|
8133
|
-
/* @__PURE__ */ (0,
|
|
8179
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8134
8180
|
"feBlend",
|
|
8135
8181
|
{
|
|
8136
8182
|
in: "SourceGraphic",
|
|
@@ -8147,8 +8193,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8147
8193
|
var LandtrustPlusLight_default = SvgLandtrustPlusLight;
|
|
8148
8194
|
|
|
8149
8195
|
// src/Logo/components/LandtrustStandardDark.tsx
|
|
8150
|
-
var
|
|
8151
|
-
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0,
|
|
8196
|
+
var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
|
|
8197
|
+
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
8152
8198
|
"svg",
|
|
8153
8199
|
{
|
|
8154
8200
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8156,14 +8202,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
8156
8202
|
fill: "none",
|
|
8157
8203
|
...props,
|
|
8158
8204
|
children: [
|
|
8159
|
-
/* @__PURE__ */ (0,
|
|
8205
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
8160
8206
|
"path",
|
|
8161
8207
|
{
|
|
8162
8208
|
fill: "#E2430C",
|
|
8163
8209
|
d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
|
|
8164
8210
|
}
|
|
8165
8211
|
),
|
|
8166
|
-
/* @__PURE__ */ (0,
|
|
8212
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
8167
8213
|
"path",
|
|
8168
8214
|
{
|
|
8169
8215
|
fill: "#fff",
|
|
@@ -8176,8 +8222,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
8176
8222
|
var LandtrustStandardDark_default = SvgLandtrustStandardDark;
|
|
8177
8223
|
|
|
8178
8224
|
// src/Logo/components/LandtrustStandardLight.tsx
|
|
8179
|
-
var
|
|
8180
|
-
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0,
|
|
8225
|
+
var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
|
|
8226
|
+
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
8181
8227
|
"svg",
|
|
8182
8228
|
{
|
|
8183
8229
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8185,14 +8231,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
8185
8231
|
fill: "none",
|
|
8186
8232
|
...props,
|
|
8187
8233
|
children: [
|
|
8188
|
-
/* @__PURE__ */ (0,
|
|
8234
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8189
8235
|
"path",
|
|
8190
8236
|
{
|
|
8191
8237
|
fill: "#E2430C",
|
|
8192
8238
|
d: "m0 0 .037 47.582q-.003 1.401.186 2.79a15.6 15.6 0 0 0 1.223 4.315c1.787 3.934 3.9 6.263 5.914 8.25 4.047 4 8.07 6.023 10.83 7.383A50 50 0 0 0 28.29 74a50 50 0 0 0 10.103-3.68c2.76-1.36 6.783-3.384 10.83-7.383 2.014-1.987 4.126-4.316 5.921-8.25a15.7 15.7 0 0 0 1.223-4.316q.189-1.387.186-2.79L56.59 0zm51.397 5.141-.01 14.061H5.197l-.011-14.06zm-.023 31.322a30 30 0 0 0-3.911-.876c-.822-.126-4.159-.603-8.867-.05-2.086.248-3.97.712-7.736 1.64a197 197 0 0 0-6.62 1.774c-3.427 1.195-9.065 2.541-15.502 1.125a26 26 0 0 1-3.526-1.051L5.2 24.337h46.183zM36.542 65.57a41 41 0 0 1-8.252 3.009 41 41 0 0 1-8.249-3.009 69 69 0 0 1-1.53-.773l9.768-5.588 9.778 5.608c-.55.277-1.054.525-1.515.753m14.823-18.4q.001.736-.072 1.467a13.2 13.2 0 0 1-1.076 4.17c-1.46 3.213-3.182 5.114-4.83 6.739a28 28 0 0 1-2.348 2.074l-.235-.133-14.525-8.327-14.544 8.324-.203.115a28 28 0 0 1-2.328-2.057c-1.642-1.624-3.369-3.526-4.829-6.74A13.2 13.2 0 0 1 5.3 48.636a15 15 0 0 1-.073-1.467v-2.774q1.9.561 3.86.86c.82.127 4.16.603 8.87.05 2.083-.246 3.967-.712 7.732-1.639a184 184 0 0 0 6.62-1.766c3.428-1.197 9.064-2.541 15.503-1.125q1.823.399 3.569 1.051z"
|
|
8193
8239
|
}
|
|
8194
8240
|
),
|
|
8195
|
-
/* @__PURE__ */ (0,
|
|
8241
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8196
8242
|
"path",
|
|
8197
8243
|
{
|
|
8198
8244
|
fill: "#000",
|
|
@@ -8205,7 +8251,7 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
8205
8251
|
var LandtrustStandardLight_default = SvgLandtrustStandardLight;
|
|
8206
8252
|
|
|
8207
8253
|
// src/Logo/Logo.tsx
|
|
8208
|
-
var
|
|
8254
|
+
var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
|
|
8209
8255
|
var logoStyles = (size) => import_react49.css`
|
|
8210
8256
|
width: ${space[size]};
|
|
8211
8257
|
height: auto;
|
|
@@ -8234,7 +8280,7 @@ var Logo = ({
|
|
|
8234
8280
|
return LandtrustStandardLight_default;
|
|
8235
8281
|
};
|
|
8236
8282
|
const LogoComponent = getLogoComponent();
|
|
8237
|
-
return /* @__PURE__ */ (0,
|
|
8283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
|
|
8238
8284
|
};
|
|
8239
8285
|
var Logo_default = Logo;
|
|
8240
8286
|
|
|
@@ -8342,7 +8388,7 @@ var avatarPlaceholderStyles = import_react50.css`
|
|
|
8342
8388
|
`;
|
|
8343
8389
|
|
|
8344
8390
|
// src/Navigation/Navigation.tsx
|
|
8345
|
-
var
|
|
8391
|
+
var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
|
|
8346
8392
|
var Navigation = ({
|
|
8347
8393
|
onMenuToggle,
|
|
8348
8394
|
className,
|
|
@@ -8356,7 +8402,7 @@ var Navigation = ({
|
|
|
8356
8402
|
onAvatarClick,
|
|
8357
8403
|
...rest
|
|
8358
8404
|
}) => {
|
|
8359
|
-
return /* @__PURE__ */ (0,
|
|
8405
|
+
return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
8360
8406
|
Box_default,
|
|
8361
8407
|
{
|
|
8362
8408
|
display: "flex",
|
|
@@ -8365,7 +8411,7 @@ var Navigation = ({
|
|
|
8365
8411
|
position: "relative",
|
|
8366
8412
|
css: containerStyles3,
|
|
8367
8413
|
children: [
|
|
8368
|
-
/* @__PURE__ */ (0,
|
|
8414
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8369
8415
|
Box_default,
|
|
8370
8416
|
{
|
|
8371
8417
|
as: "button",
|
|
@@ -8377,11 +8423,11 @@ var Navigation = ({
|
|
|
8377
8423
|
border: "none",
|
|
8378
8424
|
padding: space[2],
|
|
8379
8425
|
css: hamburgerButtonStyles,
|
|
8380
|
-
children: /* @__PURE__ */ (0,
|
|
8426
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon_default, { variant: "Bars", size: "large" })
|
|
8381
8427
|
}
|
|
8382
8428
|
),
|
|
8383
|
-
/* @__PURE__ */ (0,
|
|
8384
|
-
/* @__PURE__ */ (0,
|
|
8429
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
|
|
8430
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8385
8431
|
Logo_default,
|
|
8386
8432
|
{
|
|
8387
8433
|
variant: logoVariant,
|
|
@@ -8390,8 +8436,8 @@ var Navigation = ({
|
|
|
8390
8436
|
css: logoStyles2
|
|
8391
8437
|
}
|
|
8392
8438
|
) }),
|
|
8393
|
-
/* @__PURE__ */ (0,
|
|
8394
|
-
/* @__PURE__ */ (0,
|
|
8439
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { css: desktopNavStyles, children: [
|
|
8440
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8395
8441
|
"a",
|
|
8396
8442
|
{
|
|
8397
8443
|
href: link.href,
|
|
@@ -8400,7 +8446,7 @@ var Navigation = ({
|
|
|
8400
8446
|
children: link.label
|
|
8401
8447
|
}
|
|
8402
8448
|
) }, link.href)) }) }),
|
|
8403
|
-
/* @__PURE__ */ (0,
|
|
8449
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8404
8450
|
Box_default,
|
|
8405
8451
|
{
|
|
8406
8452
|
as: "button",
|
|
@@ -8650,7 +8696,7 @@ var dotVisible = import_react52.css`
|
|
|
8650
8696
|
`;
|
|
8651
8697
|
|
|
8652
8698
|
// src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
|
|
8653
|
-
var
|
|
8699
|
+
var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
|
|
8654
8700
|
var ScrollingCarouselStep = ({
|
|
8655
8701
|
children,
|
|
8656
8702
|
index,
|
|
@@ -8677,7 +8723,7 @@ var ScrollingCarouselStep = ({
|
|
|
8677
8723
|
});
|
|
8678
8724
|
}
|
|
8679
8725
|
}, [inView, index, dispatch]);
|
|
8680
|
-
return /* @__PURE__ */ (0,
|
|
8726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
|
|
8681
8727
|
"div",
|
|
8682
8728
|
{
|
|
8683
8729
|
ref,
|
|
@@ -8905,7 +8951,7 @@ var useCarouselVisibility = (carousel2) => {
|
|
|
8905
8951
|
};
|
|
8906
8952
|
|
|
8907
8953
|
// src/ScrollingCarousel/ScrollingCarousel.tsx
|
|
8908
|
-
var
|
|
8954
|
+
var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
|
|
8909
8955
|
var ScrollingCarousel = ({
|
|
8910
8956
|
className,
|
|
8911
8957
|
children,
|
|
@@ -8971,7 +9017,7 @@ var ScrollingCarousel = ({
|
|
|
8971
9017
|
});
|
|
8972
9018
|
const hasMultipleChildren = state.childVisibility.length > 1;
|
|
8973
9019
|
const shouldShowNavigation = showNavigationOnHover ? isHovering : true;
|
|
8974
|
-
return /* @__PURE__ */ (0,
|
|
9020
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
|
|
8975
9021
|
"div",
|
|
8976
9022
|
{
|
|
8977
9023
|
css: carouselRoot,
|
|
@@ -8979,7 +9025,7 @@ var ScrollingCarousel = ({
|
|
|
8979
9025
|
onMouseEnter: () => setIsHovering(true),
|
|
8980
9026
|
onMouseLeave: () => setIsHovering(false),
|
|
8981
9027
|
children: [
|
|
8982
|
-
/* @__PURE__ */ (0,
|
|
9028
|
+
/* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
8983
9029
|
"div",
|
|
8984
9030
|
{
|
|
8985
9031
|
css: carousel,
|
|
@@ -8988,11 +9034,11 @@ var ScrollingCarousel = ({
|
|
|
8988
9034
|
role: "region",
|
|
8989
9035
|
"aria-roledescription": "carousel",
|
|
8990
9036
|
"aria-label": "Scrolling carousel",
|
|
8991
|
-
children: /* @__PURE__ */ (0,
|
|
9037
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
|
|
8992
9038
|
}
|
|
8993
9039
|
),
|
|
8994
|
-
hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0,
|
|
8995
|
-
showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0,
|
|
9040
|
+
hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)("div", { css: controls(buttonsPosition), children: [
|
|
9041
|
+
showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
8996
9042
|
"button",
|
|
8997
9043
|
{
|
|
8998
9044
|
"aria-label": "Previous",
|
|
@@ -9004,10 +9050,10 @@ var ScrollingCarousel = ({
|
|
|
9004
9050
|
},
|
|
9005
9051
|
css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
|
|
9006
9052
|
"data-testid": `scrolling-carousel-button-back-${id}`,
|
|
9007
|
-
children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0,
|
|
9053
|
+
children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
|
|
9008
9054
|
}
|
|
9009
9055
|
),
|
|
9010
|
-
showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0,
|
|
9056
|
+
showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
9011
9057
|
"button",
|
|
9012
9058
|
{
|
|
9013
9059
|
"aria-label": "Next",
|
|
@@ -9019,11 +9065,11 @@ var ScrollingCarousel = ({
|
|
|
9019
9065
|
},
|
|
9020
9066
|
css: buttonRight(buttonsPosition),
|
|
9021
9067
|
"data-testid": `scrolling-carousel-button-next-${id}`,
|
|
9022
|
-
children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0,
|
|
9068
|
+
children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
|
|
9023
9069
|
}
|
|
9024
9070
|
)
|
|
9025
9071
|
] }),
|
|
9026
|
-
showDots && /* @__PURE__ */ (0,
|
|
9072
|
+
showDots && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
9027
9073
|
"div",
|
|
9028
9074
|
{
|
|
9029
9075
|
css: dotsInner,
|
|
@@ -9031,7 +9077,7 @@ var ScrollingCarousel = ({
|
|
|
9031
9077
|
children: state.childVisibility.map((childVisibility, i) => {
|
|
9032
9078
|
var _a;
|
|
9033
9079
|
const distance = (_a = dotDistances[i]) != null ? _a : 0;
|
|
9034
|
-
return /* @__PURE__ */ (0,
|
|
9080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
9035
9081
|
"button",
|
|
9036
9082
|
{
|
|
9037
9083
|
type: "button",
|
|
@@ -9211,7 +9257,7 @@ var overlayStyles = import_react58.css`
|
|
|
9211
9257
|
`;
|
|
9212
9258
|
|
|
9213
9259
|
// src/PackageCard/PackageCard.tsx
|
|
9214
|
-
var
|
|
9260
|
+
var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
|
|
9215
9261
|
var PackageCard = ({
|
|
9216
9262
|
images,
|
|
9217
9263
|
title,
|
|
@@ -9233,7 +9279,7 @@ var PackageCard = ({
|
|
|
9233
9279
|
const shouldShowOverlay = availabilityBadges == null ? void 0 : availabilityBadges.some(
|
|
9234
9280
|
(badge2) => badge2.showOverlay
|
|
9235
9281
|
);
|
|
9236
|
-
return /* @__PURE__ */ (0,
|
|
9282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
9237
9283
|
Box_default,
|
|
9238
9284
|
{
|
|
9239
9285
|
position: "relative",
|
|
@@ -9242,7 +9288,7 @@ var PackageCard = ({
|
|
|
9242
9288
|
onClick,
|
|
9243
9289
|
...rest,
|
|
9244
9290
|
children: [
|
|
9245
|
-
/* @__PURE__ */ (0,
|
|
9291
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
9246
9292
|
Box_default,
|
|
9247
9293
|
{
|
|
9248
9294
|
position: "relative",
|
|
@@ -9250,7 +9296,7 @@ var PackageCard = ({
|
|
|
9250
9296
|
borderRadius: "var(--spacing-4)",
|
|
9251
9297
|
css: imageContainerStyles(orientation),
|
|
9252
9298
|
children: [
|
|
9253
|
-
availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0,
|
|
9299
|
+
availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9254
9300
|
AvailabilityBadge_default,
|
|
9255
9301
|
{
|
|
9256
9302
|
variant: badge2.variant,
|
|
@@ -9259,18 +9305,18 @@ var PackageCard = ({
|
|
|
9259
9305
|
},
|
|
9260
9306
|
`availability-${index}`
|
|
9261
9307
|
)),
|
|
9262
|
-
shouldShowOverlay && /* @__PURE__ */ (0,
|
|
9263
|
-
/* @__PURE__ */ (0,
|
|
9308
|
+
shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: overlayStyles }),
|
|
9309
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9264
9310
|
ScrollingCarousel,
|
|
9265
9311
|
{
|
|
9266
9312
|
showDots: images.length > 1,
|
|
9267
9313
|
showNavigationOnHover: true,
|
|
9268
9314
|
id: carouselId,
|
|
9269
|
-
children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0,
|
|
9315
|
+
children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9270
9316
|
ScrollingCarouselStep,
|
|
9271
9317
|
{
|
|
9272
9318
|
parentId: carouselId,
|
|
9273
|
-
children: /* @__PURE__ */ (0,
|
|
9319
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9274
9320
|
Box_default,
|
|
9275
9321
|
{
|
|
9276
9322
|
width: "100%",
|
|
@@ -9288,7 +9334,7 @@ var PackageCard = ({
|
|
|
9288
9334
|
))
|
|
9289
9335
|
}
|
|
9290
9336
|
),
|
|
9291
|
-
onFavoriteClick && /* @__PURE__ */ (0,
|
|
9337
|
+
onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9292
9338
|
Box_default,
|
|
9293
9339
|
{
|
|
9294
9340
|
css: heartIconStyles,
|
|
@@ -9297,14 +9343,14 @@ var PackageCard = ({
|
|
|
9297
9343
|
e.stopPropagation();
|
|
9298
9344
|
onFavoriteClick == null ? void 0 : onFavoriteClick();
|
|
9299
9345
|
},
|
|
9300
|
-
children: isFavorited ? /* @__PURE__ */ (0,
|
|
9346
|
+
children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9301
9347
|
Icon_default,
|
|
9302
9348
|
{
|
|
9303
9349
|
variant: "HeartSolid",
|
|
9304
9350
|
size: "small",
|
|
9305
9351
|
fill: "var(--color-error-500)"
|
|
9306
9352
|
}
|
|
9307
|
-
) : /* @__PURE__ */ (0,
|
|
9353
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9308
9354
|
Icon_default,
|
|
9309
9355
|
{
|
|
9310
9356
|
variant: "Heart",
|
|
@@ -9314,13 +9360,13 @@ var PackageCard = ({
|
|
|
9314
9360
|
)
|
|
9315
9361
|
}
|
|
9316
9362
|
),
|
|
9317
|
-
actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0,
|
|
9363
|
+
actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(ActionMenu_default, { actions }) })
|
|
9318
9364
|
]
|
|
9319
9365
|
}
|
|
9320
9366
|
),
|
|
9321
|
-
actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0,
|
|
9322
|
-
/* @__PURE__ */ (0,
|
|
9323
|
-
/* @__PURE__ */ (0,
|
|
9367
|
+
actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(ActionMenu_default, { actions }) }),
|
|
9368
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
|
|
9369
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
9324
9370
|
Box_default,
|
|
9325
9371
|
{
|
|
9326
9372
|
display: "flex",
|
|
@@ -9328,9 +9374,9 @@ var PackageCard = ({
|
|
|
9328
9374
|
gap: "var(--spacing-1)",
|
|
9329
9375
|
mb: "var(--spacing-1)",
|
|
9330
9376
|
children: [
|
|
9331
|
-
/* @__PURE__ */ (0,
|
|
9332
|
-
/* @__PURE__ */ (0,
|
|
9333
|
-
/* @__PURE__ */ (0,
|
|
9377
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
|
|
9378
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
|
|
9379
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
|
|
9334
9380
|
"Starting Price ",
|
|
9335
9381
|
startingPrice,
|
|
9336
9382
|
" / Guest"
|
|
@@ -9338,14 +9384,14 @@ var PackageCard = ({
|
|
|
9338
9384
|
]
|
|
9339
9385
|
}
|
|
9340
9386
|
),
|
|
9341
|
-
badges && badges.length > 0 && /* @__PURE__ */ (0,
|
|
9387
|
+
badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9342
9388
|
Box_default,
|
|
9343
9389
|
{
|
|
9344
9390
|
display: "flex",
|
|
9345
9391
|
gap: "var(--spacing-2) var(--spacing-4)",
|
|
9346
9392
|
alignItems: "center",
|
|
9347
9393
|
flexWrap: "wrap",
|
|
9348
|
-
children: badges.map((badge2, index) => /* @__PURE__ */ (0,
|
|
9394
|
+
children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9349
9395
|
IconLabel_default,
|
|
9350
9396
|
{
|
|
9351
9397
|
iconSize: badge2.iconSize || "medium",
|
|
@@ -9364,14 +9410,14 @@ var PackageCard = ({
|
|
|
9364
9410
|
var PackageCard_default = PackageCard;
|
|
9365
9411
|
|
|
9366
9412
|
// src/PackageHeader/PackageHeader.tsx
|
|
9367
|
-
var
|
|
9413
|
+
var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
|
|
9368
9414
|
var PackageHeader = ({
|
|
9369
9415
|
header,
|
|
9370
9416
|
subheader,
|
|
9371
9417
|
features,
|
|
9372
9418
|
className
|
|
9373
9419
|
}) => {
|
|
9374
|
-
return /* @__PURE__ */ (0,
|
|
9420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
|
|
9375
9421
|
Box_default,
|
|
9376
9422
|
{
|
|
9377
9423
|
display: "flex",
|
|
@@ -9380,9 +9426,9 @@ var PackageHeader = ({
|
|
|
9380
9426
|
color: "var(--text-primary)",
|
|
9381
9427
|
className,
|
|
9382
9428
|
children: [
|
|
9383
|
-
/* @__PURE__ */ (0,
|
|
9384
|
-
subheader && /* @__PURE__ */ (0,
|
|
9385
|
-
features && /* @__PURE__ */ (0,
|
|
9429
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
|
|
9430
|
+
subheader && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { children: subheader }),
|
|
9431
|
+
features && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(FeatureList_default, { items: features })
|
|
9386
9432
|
]
|
|
9387
9433
|
}
|
|
9388
9434
|
);
|
|
@@ -9402,13 +9448,13 @@ var imageStyles3 = import_react59.css`
|
|
|
9402
9448
|
`;
|
|
9403
9449
|
|
|
9404
9450
|
// src/ReviewCard/components/ReviewImages.tsx
|
|
9405
|
-
var
|
|
9451
|
+
var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
|
|
9406
9452
|
var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
9407
9453
|
const displayImages = images.slice(0, maxImages);
|
|
9408
9454
|
if (displayImages.length === 0) {
|
|
9409
9455
|
return null;
|
|
9410
9456
|
}
|
|
9411
|
-
return /* @__PURE__ */ (0,
|
|
9457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime256.jsx)(
|
|
9412
9458
|
"img",
|
|
9413
9459
|
{
|
|
9414
9460
|
src: image,
|
|
@@ -9421,7 +9467,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
|
9421
9467
|
var ReviewImages_default = ReviewImages;
|
|
9422
9468
|
|
|
9423
9469
|
// src/ReviewCard/components/ReviewReply.tsx
|
|
9424
|
-
var
|
|
9470
|
+
var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
|
|
9425
9471
|
var ReviewReply = ({
|
|
9426
9472
|
avatarSrc,
|
|
9427
9473
|
name,
|
|
@@ -9430,7 +9476,7 @@ var ReviewReply = ({
|
|
|
9430
9476
|
label,
|
|
9431
9477
|
rating
|
|
9432
9478
|
}) => {
|
|
9433
|
-
return /* @__PURE__ */ (0,
|
|
9479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
|
|
9434
9480
|
Box_default,
|
|
9435
9481
|
{
|
|
9436
9482
|
backgroundColor: "var(--surface-neutral)",
|
|
@@ -9440,7 +9486,7 @@ var ReviewReply = ({
|
|
|
9440
9486
|
flexDirection: "column",
|
|
9441
9487
|
gap: "var(--spacing-3)",
|
|
9442
9488
|
children: [
|
|
9443
|
-
/* @__PURE__ */ (0,
|
|
9489
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
|
|
9444
9490
|
Box_default,
|
|
9445
9491
|
{
|
|
9446
9492
|
display: "flex",
|
|
@@ -9448,7 +9494,7 @@ var ReviewReply = ({
|
|
|
9448
9494
|
justifyContent: "space-between",
|
|
9449
9495
|
gap: "var(--spacing-2)",
|
|
9450
9496
|
children: [
|
|
9451
|
-
/* @__PURE__ */ (0,
|
|
9497
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
9452
9498
|
UserCard_default,
|
|
9453
9499
|
{
|
|
9454
9500
|
avatarSrc,
|
|
@@ -9457,11 +9503,11 @@ var ReviewReply = ({
|
|
|
9457
9503
|
rating
|
|
9458
9504
|
}
|
|
9459
9505
|
),
|
|
9460
|
-
/* @__PURE__ */ (0,
|
|
9506
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
|
|
9461
9507
|
]
|
|
9462
9508
|
}
|
|
9463
9509
|
),
|
|
9464
|
-
/* @__PURE__ */ (0,
|
|
9510
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Text_default, { children: content })
|
|
9465
9511
|
]
|
|
9466
9512
|
}
|
|
9467
9513
|
);
|
|
@@ -9469,7 +9515,7 @@ var ReviewReply = ({
|
|
|
9469
9515
|
var ReviewReply_default = ReviewReply;
|
|
9470
9516
|
|
|
9471
9517
|
// src/ReviewCard/ReviewCard.tsx
|
|
9472
|
-
var
|
|
9518
|
+
var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
|
|
9473
9519
|
var ReviewCard = ({
|
|
9474
9520
|
avatarSrc,
|
|
9475
9521
|
name,
|
|
@@ -9481,7 +9527,7 @@ var ReviewCard = ({
|
|
|
9481
9527
|
replies = [],
|
|
9482
9528
|
className
|
|
9483
9529
|
}) => {
|
|
9484
|
-
return /* @__PURE__ */ (0,
|
|
9530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
|
|
9485
9531
|
Box_default,
|
|
9486
9532
|
{
|
|
9487
9533
|
backgroundColor: "white",
|
|
@@ -9492,7 +9538,7 @@ var ReviewCard = ({
|
|
|
9492
9538
|
gap: "var(--spacing-4)",
|
|
9493
9539
|
className,
|
|
9494
9540
|
children: [
|
|
9495
|
-
/* @__PURE__ */ (0,
|
|
9541
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
|
|
9496
9542
|
UserCard_default,
|
|
9497
9543
|
{
|
|
9498
9544
|
avatarSrc,
|
|
@@ -9501,10 +9547,10 @@ var ReviewCard = ({
|
|
|
9501
9547
|
rating
|
|
9502
9548
|
}
|
|
9503
9549
|
),
|
|
9504
|
-
availabilityBadge && /* @__PURE__ */ (0,
|
|
9505
|
-
/* @__PURE__ */ (0,
|
|
9506
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
9507
|
-
replies.length > 0 && /* @__PURE__ */ (0,
|
|
9550
|
+
availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
|
|
9551
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Text_default, { size: "md", children: content }),
|
|
9552
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(ReviewImages_default, { images }),
|
|
9553
|
+
replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
|
|
9508
9554
|
ReviewReply_default,
|
|
9509
9555
|
{
|
|
9510
9556
|
avatarSrc: reply.avatarSrc,
|
|
@@ -9526,9 +9572,9 @@ var ReviewCard_default = ReviewCard;
|
|
|
9526
9572
|
var import_react60 = require("@emotion/react");
|
|
9527
9573
|
|
|
9528
9574
|
// src/Reviews/components/ReviewItem.tsx
|
|
9529
|
-
var
|
|
9575
|
+
var import_jsx_runtime259 = require("@emotion/react/jsx-runtime");
|
|
9530
9576
|
var ReviewItem = ({ label, rating }) => {
|
|
9531
|
-
return /* @__PURE__ */ (0,
|
|
9577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
|
|
9532
9578
|
Box_default,
|
|
9533
9579
|
{
|
|
9534
9580
|
display: "flex",
|
|
@@ -9536,10 +9582,10 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
9536
9582
|
alignItems: "center",
|
|
9537
9583
|
width: "100%",
|
|
9538
9584
|
children: [
|
|
9539
|
-
/* @__PURE__ */ (0,
|
|
9540
|
-
/* @__PURE__ */ (0,
|
|
9541
|
-
/* @__PURE__ */ (0,
|
|
9542
|
-
/* @__PURE__ */ (0,
|
|
9585
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Text_default, { fontWeight: "semibold", children: label }),
|
|
9586
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
9587
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
|
|
9588
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(Text_default, { fontWeight: "semibold", children: [
|
|
9543
9589
|
rating,
|
|
9544
9590
|
"/5"
|
|
9545
9591
|
] })
|
|
@@ -9551,14 +9597,14 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
9551
9597
|
var ReviewItem_default = ReviewItem;
|
|
9552
9598
|
|
|
9553
9599
|
// src/Reviews/Reviews.tsx
|
|
9554
|
-
var
|
|
9600
|
+
var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
|
|
9555
9601
|
var Reviews = ({
|
|
9556
9602
|
averageRating,
|
|
9557
9603
|
totalReviews,
|
|
9558
9604
|
items,
|
|
9559
9605
|
className
|
|
9560
9606
|
}) => {
|
|
9561
|
-
return /* @__PURE__ */ (0,
|
|
9607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
|
|
9562
9608
|
Box_default,
|
|
9563
9609
|
{
|
|
9564
9610
|
width: "100%",
|
|
@@ -9571,7 +9617,7 @@ var Reviews = ({
|
|
|
9571
9617
|
p: "var(--spacing-4)",
|
|
9572
9618
|
className,
|
|
9573
9619
|
children: [
|
|
9574
|
-
/* @__PURE__ */ (0,
|
|
9620
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
|
|
9575
9621
|
Box_default,
|
|
9576
9622
|
{
|
|
9577
9623
|
display: "flex",
|
|
@@ -9579,8 +9625,8 @@ var Reviews = ({
|
|
|
9579
9625
|
alignItems: "center",
|
|
9580
9626
|
gap: "var(--spacing-2)",
|
|
9581
9627
|
children: [
|
|
9582
|
-
/* @__PURE__ */ (0,
|
|
9583
|
-
/* @__PURE__ */ (0,
|
|
9628
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
|
|
9629
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
|
|
9584
9630
|
StarRating_default,
|
|
9585
9631
|
{
|
|
9586
9632
|
rating: Math.floor(averageRating),
|
|
@@ -9592,7 +9638,7 @@ var Reviews = ({
|
|
|
9592
9638
|
`
|
|
9593
9639
|
}
|
|
9594
9640
|
),
|
|
9595
|
-
/* @__PURE__ */ (0,
|
|
9641
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
9596
9642
|
"Overall Rating \u2022 ",
|
|
9597
9643
|
totalReviews,
|
|
9598
9644
|
" Review",
|
|
@@ -9601,14 +9647,14 @@ var Reviews = ({
|
|
|
9601
9647
|
]
|
|
9602
9648
|
}
|
|
9603
9649
|
),
|
|
9604
|
-
/* @__PURE__ */ (0,
|
|
9650
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
|
|
9605
9651
|
Box_default,
|
|
9606
9652
|
{
|
|
9607
9653
|
display: "flex",
|
|
9608
9654
|
flexDirection: "column",
|
|
9609
9655
|
gap: "var(--spacing-2)",
|
|
9610
9656
|
width: "100%",
|
|
9611
|
-
children: items.map((item, index) => /* @__PURE__ */ (0,
|
|
9657
|
+
children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
|
|
9612
9658
|
}
|
|
9613
9659
|
)
|
|
9614
9660
|
]
|
|
@@ -9618,7 +9664,7 @@ var Reviews = ({
|
|
|
9618
9664
|
var Reviews_default = Reviews;
|
|
9619
9665
|
|
|
9620
9666
|
// src/Reviews/ReviewsShowcase.tsx
|
|
9621
|
-
var
|
|
9667
|
+
var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
|
|
9622
9668
|
var ReviewsShowcase = () => {
|
|
9623
9669
|
const sampleData = {
|
|
9624
9670
|
averageRating: 4,
|
|
@@ -9640,7 +9686,7 @@ var ReviewsShowcase = () => {
|
|
|
9640
9686
|
{ label: "Game Abundance", rating: 5 }
|
|
9641
9687
|
]
|
|
9642
9688
|
};
|
|
9643
|
-
return /* @__PURE__ */ (0,
|
|
9689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
|
|
9644
9690
|
Box_default,
|
|
9645
9691
|
{
|
|
9646
9692
|
display: "flex",
|
|
@@ -9648,24 +9694,24 @@ var ReviewsShowcase = () => {
|
|
|
9648
9694
|
gap: "var(--spacing-8)",
|
|
9649
9695
|
p: "var(--spacing-6)",
|
|
9650
9696
|
children: [
|
|
9651
|
-
/* @__PURE__ */ (0,
|
|
9652
|
-
/* @__PURE__ */ (0,
|
|
9653
|
-
/* @__PURE__ */ (0,
|
|
9654
|
-
/* @__PURE__ */ (0,
|
|
9697
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
|
|
9698
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9699
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
|
|
9700
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Reviews_default, { ...sampleData }) })
|
|
9655
9701
|
] }),
|
|
9656
|
-
/* @__PURE__ */ (0,
|
|
9657
|
-
/* @__PURE__ */ (0,
|
|
9658
|
-
/* @__PURE__ */ (0,
|
|
9702
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9703
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
|
|
9704
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Reviews_default, { ...highRatingData }) })
|
|
9659
9705
|
] }),
|
|
9660
|
-
/* @__PURE__ */ (0,
|
|
9661
|
-
/* @__PURE__ */ (0,
|
|
9662
|
-
/* @__PURE__ */ (0,
|
|
9706
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9707
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
|
|
9708
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
|
|
9663
9709
|
Box_default,
|
|
9664
9710
|
{
|
|
9665
9711
|
maxWidth: "320px",
|
|
9666
9712
|
border: "1px solid var(--color-neutral-200)",
|
|
9667
9713
|
p: "var(--spacing-4)",
|
|
9668
|
-
children: /* @__PURE__ */ (0,
|
|
9714
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Reviews_default, { ...sampleData })
|
|
9669
9715
|
}
|
|
9670
9716
|
)
|
|
9671
9717
|
] })
|
|
@@ -9682,6 +9728,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
|
|
|
9682
9728
|
Avatar,
|
|
9683
9729
|
Box,
|
|
9684
9730
|
Button,
|
|
9731
|
+
BytescaleImage,
|
|
9685
9732
|
ChatWidget,
|
|
9686
9733
|
Column,
|
|
9687
9734
|
ContactLandownerButton,
|