@landtrustinc/design-system 1.2.33 → 1.2.36
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 +50 -3
- package/dist/index.js +428 -354
- 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,
|
|
@@ -726,7 +727,7 @@ __export(components_exports, {
|
|
|
726
727
|
SquareParking: () => SquareParking_default,
|
|
727
728
|
SquareParkingSolid: () => SquareParkingSolid_default,
|
|
728
729
|
Star: () => Star_default,
|
|
729
|
-
|
|
730
|
+
StarHalf: () => StarHalf_default,
|
|
730
731
|
StarSolid: () => StarSolid_default,
|
|
731
732
|
StarSplash: () => StarSplash_default,
|
|
732
733
|
TablePicnic: () => TablePicnic_default,
|
|
@@ -2949,10 +2950,19 @@ var import_jsx_runtime175 = require("@emotion/react/jsx-runtime");
|
|
|
2949
2950
|
var SvgStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("path", { d: "m226.5 168.8 61.4-126.5 61.4 126.5c4.6 9.5 13.6 16.1 24.1 17.7l137.4 20.3-99.8 98.8c-7.4 7.3-10.8 17.8-9 28.1l23.5 139.5L303 407.7c-9.4-5-20.7-5-30.2 0l-122.6 65.5 23.5-139.5c1.7-10.3-1.6-20.7-9-28.1L65 206.8l137.4-20.3c10.5-1.5 19.5-8.2 24.1-17.7m198.4 340.3c8.1 4.3 17.9 3.7 25.3-1.7s11.2-14.5 9.7-23.5l-26.3-155.5 111.2-110.2c6.5-6.4 8.7-15.9 5.9-24.5s-10.3-14.9-19.3-16.3l-153.3-22.6-68.6-141.3C305.5 5.2 297.1 0 287.9 0s-17.6 5.2-21.6 13.5l-68.6 141.3-153.2 22.7c-9 1.3-16.5 7.6-19.3 16.3s-.5 18.1 5.9 24.5l111.1 110.1L116 483.9c-1.5 9 2.2 18.1 9.7 23.5s17.3 6 25.3 1.7l137-73.2 137 73.2z" }) });
|
|
2950
2951
|
var Star_default = SvgStar;
|
|
2951
2952
|
|
|
2952
|
-
// src/Icon/components/
|
|
2953
|
+
// src/Icon/components/StarHalf.tsx
|
|
2953
2954
|
var import_jsx_runtime176 = require("@emotion/react/jsx-runtime");
|
|
2954
|
-
var
|
|
2955
|
-
|
|
2955
|
+
var SvgStarHalf = (props) => /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", ...props, children: [
|
|
2956
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
|
|
2957
|
+
"path",
|
|
2958
|
+
{
|
|
2959
|
+
fill: "#e4e7eb",
|
|
2960
|
+
d: "M13.781 4.474A.88.88 0 0 0 13.003 4v16.253l5.246 2.653c.29.148.643.12.909-.072a.87.87 0 0 0 .349-.84l-.92-5.78 4.159-4.138a.868.868 0 0 0-.483-1.471l-5.81-.919z"
|
|
2961
|
+
}
|
|
2962
|
+
),
|
|
2963
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("path", { d: "M13.003 4a.88.88 0 0 0-.778.474L9.55 9.686l-5.813.918a.87.87 0 0 0-.483 1.471l4.158 4.14-.916 5.78a.87.87 0 0 0 .35.839c.265.191.614.22.908.072l5.25-2.653z" })
|
|
2964
|
+
] });
|
|
2965
|
+
var StarHalf_default = SvgStarHalf;
|
|
2956
2966
|
|
|
2957
2967
|
// src/Icon/components/StarSolid.tsx
|
|
2958
2968
|
var import_jsx_runtime177 = require("@emotion/react/jsx-runtime");
|
|
@@ -5218,6 +5228,48 @@ var ContactLandownerButton = ({
|
|
|
5218
5228
|
) });
|
|
5219
5229
|
};
|
|
5220
5230
|
|
|
5231
|
+
// src/BytescaleImage/BytescaleImage.tsx
|
|
5232
|
+
var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
|
|
5233
|
+
var DEFAULT_BYTESCALE_ACCOUNT_ID = "12a1yC2";
|
|
5234
|
+
var getBytescaleImageURL = (path, width2, height, accountId) => {
|
|
5235
|
+
const params = new URLSearchParams();
|
|
5236
|
+
if (width2)
|
|
5237
|
+
params.append("w", width2.toString());
|
|
5238
|
+
if (height)
|
|
5239
|
+
params.append("h", height.toString());
|
|
5240
|
+
params.append("f", "auto");
|
|
5241
|
+
params.append("cache_perm", "auto");
|
|
5242
|
+
params.append("cache_ttl", "31536000");
|
|
5243
|
+
return `https://upcdn.io/${accountId}/image${path}?${params.toString()}`;
|
|
5244
|
+
};
|
|
5245
|
+
var BytescaleImage = ({
|
|
5246
|
+
imagePath,
|
|
5247
|
+
width: width2,
|
|
5248
|
+
height,
|
|
5249
|
+
alt,
|
|
5250
|
+
className,
|
|
5251
|
+
accountId = DEFAULT_BYTESCALE_ACCOUNT_ID,
|
|
5252
|
+
...props
|
|
5253
|
+
}) => {
|
|
5254
|
+
if (!imagePath) {
|
|
5255
|
+
return null;
|
|
5256
|
+
}
|
|
5257
|
+
const url = getBytescaleImageURL(imagePath, width2, height, accountId);
|
|
5258
|
+
const basename = imagePath.split("/").reverse()[0];
|
|
5259
|
+
const altText = alt || basename;
|
|
5260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
5261
|
+
"img",
|
|
5262
|
+
{
|
|
5263
|
+
src: url,
|
|
5264
|
+
alt: altText,
|
|
5265
|
+
width: width2,
|
|
5266
|
+
height,
|
|
5267
|
+
className,
|
|
5268
|
+
...props
|
|
5269
|
+
}
|
|
5270
|
+
);
|
|
5271
|
+
};
|
|
5272
|
+
|
|
5221
5273
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
|
|
5222
5274
|
var import_react17 = require("@emotion/react");
|
|
5223
5275
|
var imageStyles = import_react17.css`
|
|
@@ -5229,7 +5281,7 @@ var imageStyles = import_react17.css`
|
|
|
5229
5281
|
`;
|
|
5230
5282
|
|
|
5231
5283
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
|
|
5232
|
-
var
|
|
5284
|
+
var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
|
|
5233
5285
|
var TopMatchingFieldNote = ({
|
|
5234
5286
|
author,
|
|
5235
5287
|
datePosted,
|
|
@@ -5237,7 +5289,9 @@ var TopMatchingFieldNote = ({
|
|
|
5237
5289
|
images,
|
|
5238
5290
|
title = "Top matching field note",
|
|
5239
5291
|
className,
|
|
5240
|
-
children
|
|
5292
|
+
children,
|
|
5293
|
+
width: width2 = 376,
|
|
5294
|
+
height = 275
|
|
5241
5295
|
}) => {
|
|
5242
5296
|
let parsedImages = [];
|
|
5243
5297
|
try {
|
|
@@ -5247,8 +5301,8 @@ var TopMatchingFieldNote = ({
|
|
|
5247
5301
|
parsedImages = [];
|
|
5248
5302
|
}
|
|
5249
5303
|
const displayContent = content || children;
|
|
5250
|
-
return /* @__PURE__ */ (0,
|
|
5251
|
-
/* @__PURE__ */ (0,
|
|
5304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
5305
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5252
5306
|
Heading_default,
|
|
5253
5307
|
{
|
|
5254
5308
|
size: "2xs",
|
|
@@ -5258,7 +5312,7 @@ var TopMatchingFieldNote = ({
|
|
|
5258
5312
|
children: title
|
|
5259
5313
|
}
|
|
5260
5314
|
),
|
|
5261
|
-
/* @__PURE__ */ (0,
|
|
5315
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(
|
|
5262
5316
|
Box_default,
|
|
5263
5317
|
{
|
|
5264
5318
|
display: "flex",
|
|
@@ -5270,19 +5324,20 @@ var TopMatchingFieldNote = ({
|
|
|
5270
5324
|
minWidth: "335px",
|
|
5271
5325
|
className,
|
|
5272
5326
|
children: [
|
|
5273
|
-
/* @__PURE__ */ (0,
|
|
5274
|
-
parsedImages.length > 0 && /* @__PURE__ */ (0,
|
|
5275
|
-
|
|
5327
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
|
|
5328
|
+
parsedImages.length > 0 && parsedImages[0] && /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
5329
|
+
BytescaleImage,
|
|
5276
5330
|
{
|
|
5331
|
+
imagePath: parsedImages[0],
|
|
5332
|
+
width: width2,
|
|
5333
|
+
height,
|
|
5277
5334
|
css: imageStyles,
|
|
5278
|
-
|
|
5279
|
-
backgroundImage: `url('${parsedImages[0]}')`
|
|
5280
|
-
}
|
|
5335
|
+
alt: "Field note update"
|
|
5281
5336
|
}
|
|
5282
5337
|
),
|
|
5283
|
-
/* @__PURE__ */ (0,
|
|
5284
|
-
/* @__PURE__ */ (0,
|
|
5285
|
-
/* @__PURE__ */ (0,
|
|
5338
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
5339
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
|
|
5340
|
+
/* @__PURE__ */ (0, import_jsx_runtime218.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
5286
5341
|
author,
|
|
5287
5342
|
" shared an update \u2022 ",
|
|
5288
5343
|
datePosted
|
|
@@ -5295,7 +5350,7 @@ var TopMatchingFieldNote = ({
|
|
|
5295
5350
|
};
|
|
5296
5351
|
|
|
5297
5352
|
// src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
|
|
5298
|
-
var
|
|
5353
|
+
var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
|
|
5299
5354
|
var TopMatchingReview = ({
|
|
5300
5355
|
author,
|
|
5301
5356
|
datePosted,
|
|
@@ -5307,8 +5362,8 @@ var TopMatchingReview = ({
|
|
|
5307
5362
|
}) => {
|
|
5308
5363
|
const parsedRating = typeof rating === "string" ? parseInt(rating, 10) : rating;
|
|
5309
5364
|
const displayContent = content || children;
|
|
5310
|
-
return /* @__PURE__ */ (0,
|
|
5311
|
-
/* @__PURE__ */ (0,
|
|
5365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
5366
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5312
5367
|
Heading_default,
|
|
5313
5368
|
{
|
|
5314
5369
|
size: "2xs",
|
|
@@ -5318,7 +5373,7 @@ var TopMatchingReview = ({
|
|
|
5318
5373
|
children: title
|
|
5319
5374
|
}
|
|
5320
5375
|
),
|
|
5321
|
-
/* @__PURE__ */ (0,
|
|
5376
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(
|
|
5322
5377
|
Box_default,
|
|
5323
5378
|
{
|
|
5324
5379
|
display: "flex",
|
|
@@ -5330,10 +5385,10 @@ var TopMatchingReview = ({
|
|
|
5330
5385
|
minWidth: "335px",
|
|
5331
5386
|
className,
|
|
5332
5387
|
children: [
|
|
5333
|
-
/* @__PURE__ */ (0,
|
|
5334
|
-
/* @__PURE__ */ (0,
|
|
5335
|
-
/* @__PURE__ */ (0,
|
|
5336
|
-
/* @__PURE__ */ (0,
|
|
5388
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
|
|
5389
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
5390
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
|
|
5391
|
+
/* @__PURE__ */ (0, import_jsx_runtime219.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
5337
5392
|
"This review was posted by ",
|
|
5338
5393
|
author,
|
|
5339
5394
|
" on ",
|
|
@@ -5350,7 +5405,7 @@ var TopMatchingReview = ({
|
|
|
5350
5405
|
};
|
|
5351
5406
|
|
|
5352
5407
|
// src/AIResponse/AIResponse.tsx
|
|
5353
|
-
var
|
|
5408
|
+
var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
|
|
5354
5409
|
var AIResponse = ({
|
|
5355
5410
|
title = `Here's what I found`,
|
|
5356
5411
|
showTitle = true,
|
|
@@ -5403,7 +5458,7 @@ var AIResponse = ({
|
|
|
5403
5458
|
}
|
|
5404
5459
|
};
|
|
5405
5460
|
}, []);
|
|
5406
|
-
return /* @__PURE__ */ (0,
|
|
5461
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
|
|
5407
5462
|
Box_default,
|
|
5408
5463
|
{
|
|
5409
5464
|
className,
|
|
@@ -5411,9 +5466,9 @@ var AIResponse = ({
|
|
|
5411
5466
|
flexDirection: "column",
|
|
5412
5467
|
gap: "var(--spacing-4)",
|
|
5413
5468
|
children: [
|
|
5414
|
-
variant !== "error" && showTitle && /* @__PURE__ */ (0,
|
|
5415
|
-
/* @__PURE__ */ (0,
|
|
5416
|
-
variant === "error" ? /* @__PURE__ */ (0,
|
|
5469
|
+
variant !== "error" && showTitle && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
|
|
5470
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: getBannerStyles(variant), children: [
|
|
5471
|
+
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
5472
|
MarkdownContent_default,
|
|
5418
5473
|
{
|
|
5419
5474
|
content: children,
|
|
@@ -5424,33 +5479,33 @@ var AIResponse = ({
|
|
|
5424
5479
|
ContactLandownerButton
|
|
5425
5480
|
}
|
|
5426
5481
|
}
|
|
5427
|
-
) : /* @__PURE__ */ (0,
|
|
5428
|
-
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0,
|
|
5429
|
-
/* @__PURE__ */ (0,
|
|
5430
|
-
/* @__PURE__ */ (0,
|
|
5482
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
|
|
5483
|
+
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
|
|
5484
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: "AiMagic", size: "large" }),
|
|
5485
|
+
/* @__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
5486
|
] }),
|
|
5432
|
-
variant === "error" && /* @__PURE__ */ (0,
|
|
5487
|
+
variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime220.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5433
5488
|
Button_default,
|
|
5434
5489
|
{
|
|
5435
5490
|
variant: "secondary",
|
|
5436
5491
|
size: "md",
|
|
5437
5492
|
onClick: onErrorRetry,
|
|
5438
|
-
icon: /* @__PURE__ */ (0,
|
|
5439
|
-
children: /* @__PURE__ */ (0,
|
|
5493
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Icon_default, { variant: "ArrowRotateLeft" }),
|
|
5494
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "Try Again" })
|
|
5440
5495
|
}
|
|
5441
5496
|
) })
|
|
5442
5497
|
] }),
|
|
5443
|
-
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0,
|
|
5444
|
-
/* @__PURE__ */ (0,
|
|
5445
|
-
/* @__PURE__ */ (0,
|
|
5446
|
-
/* @__PURE__ */ (0,
|
|
5498
|
+
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: footerStyles, children: [
|
|
5499
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
|
|
5500
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsxs)("div", { css: actionsStyles, children: [
|
|
5501
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5447
5502
|
Button_default,
|
|
5448
5503
|
{
|
|
5449
5504
|
variant: "text",
|
|
5450
5505
|
size: "xs",
|
|
5451
5506
|
onClick: handleHelpfulYes,
|
|
5452
5507
|
"aria-pressed": visualHelpful === "yes",
|
|
5453
|
-
children: /* @__PURE__ */ (0,
|
|
5508
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5454
5509
|
IconLabel_default,
|
|
5455
5510
|
{
|
|
5456
5511
|
variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
|
|
@@ -5459,14 +5514,14 @@ var AIResponse = ({
|
|
|
5459
5514
|
)
|
|
5460
5515
|
}
|
|
5461
5516
|
),
|
|
5462
|
-
/* @__PURE__ */ (0,
|
|
5517
|
+
/* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5463
5518
|
Button_default,
|
|
5464
5519
|
{
|
|
5465
5520
|
variant: "text",
|
|
5466
5521
|
size: "xs",
|
|
5467
5522
|
onClick: handleHelpfulNo,
|
|
5468
5523
|
"aria-pressed": visualHelpful === "no",
|
|
5469
|
-
children: /* @__PURE__ */ (0,
|
|
5524
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(
|
|
5470
5525
|
IconLabel_default,
|
|
5471
5526
|
{
|
|
5472
5527
|
variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
|
|
@@ -5509,13 +5564,13 @@ var availabilityBadgeVariantStyles = {
|
|
|
5509
5564
|
};
|
|
5510
5565
|
|
|
5511
5566
|
// src/AvailabilityBadge/AvailabilityBadge.tsx
|
|
5512
|
-
var
|
|
5567
|
+
var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
|
|
5513
5568
|
var AvailabilityBadge = ({
|
|
5514
5569
|
children,
|
|
5515
5570
|
variant,
|
|
5516
5571
|
className
|
|
5517
5572
|
}) => {
|
|
5518
|
-
return /* @__PURE__ */ (0,
|
|
5573
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
5519
5574
|
Box_default,
|
|
5520
5575
|
{
|
|
5521
5576
|
display: "inline-flex",
|
|
@@ -5525,7 +5580,7 @@ var AvailabilityBadge = ({
|
|
|
5525
5580
|
borderRadius: "var(--spacing-2)",
|
|
5526
5581
|
css: availabilityBadgeVariantStyles[variant],
|
|
5527
5582
|
className,
|
|
5528
|
-
children: /* @__PURE__ */ (0,
|
|
5583
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
|
|
5529
5584
|
}
|
|
5530
5585
|
);
|
|
5531
5586
|
};
|
|
@@ -5584,7 +5639,7 @@ var avatarFallbackStyles = import_react20.css`
|
|
|
5584
5639
|
`;
|
|
5585
5640
|
|
|
5586
5641
|
// src/Avatar/Avatar.tsx
|
|
5587
|
-
var
|
|
5642
|
+
var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
|
|
5588
5643
|
var Avatar = ({
|
|
5589
5644
|
type = "image",
|
|
5590
5645
|
src,
|
|
@@ -5634,7 +5689,7 @@ var Avatar = ({
|
|
|
5634
5689
|
};
|
|
5635
5690
|
if (type === "text" && text) {
|
|
5636
5691
|
const initials = getInitials(text);
|
|
5637
|
-
return /* @__PURE__ */ (0,
|
|
5692
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5638
5693
|
"div",
|
|
5639
5694
|
{
|
|
5640
5695
|
css: [
|
|
@@ -5649,7 +5704,7 @@ var Avatar = ({
|
|
|
5649
5704
|
);
|
|
5650
5705
|
}
|
|
5651
5706
|
if (type === "image" && src && !hasImageError) {
|
|
5652
|
-
return /* @__PURE__ */ (0,
|
|
5707
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5653
5708
|
"img",
|
|
5654
5709
|
{
|
|
5655
5710
|
src,
|
|
@@ -5660,13 +5715,13 @@ var Avatar = ({
|
|
|
5660
5715
|
}
|
|
5661
5716
|
);
|
|
5662
5717
|
}
|
|
5663
|
-
return /* @__PURE__ */ (0,
|
|
5718
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5664
5719
|
"div",
|
|
5665
5720
|
{
|
|
5666
5721
|
css: [avatarFallbackStyles, avatarSizeStyles[size]],
|
|
5667
5722
|
className,
|
|
5668
5723
|
title: alt,
|
|
5669
|
-
children: /* @__PURE__ */ (0,
|
|
5724
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5670
5725
|
Icon_default,
|
|
5671
5726
|
{
|
|
5672
5727
|
variant: "User",
|
|
@@ -5699,13 +5754,13 @@ var dividerStyles = import_react23.css`
|
|
|
5699
5754
|
`;
|
|
5700
5755
|
|
|
5701
5756
|
// src/Divider/Divider.tsx
|
|
5702
|
-
var
|
|
5757
|
+
var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
|
|
5703
5758
|
var StyledHr = import_styled4.default.hr`
|
|
5704
5759
|
${dividerStyles}
|
|
5705
5760
|
${import_styled_system2.space}
|
|
5706
5761
|
`;
|
|
5707
5762
|
var Divider = ({ className, ...rest }) => {
|
|
5708
|
-
return /* @__PURE__ */ (0,
|
|
5763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(StyledHr, { className, ...rest });
|
|
5709
5764
|
};
|
|
5710
5765
|
var Divider_default = Divider;
|
|
5711
5766
|
|
|
@@ -5778,7 +5833,7 @@ var textareaWithSubmit = import_react24.css`
|
|
|
5778
5833
|
`;
|
|
5779
5834
|
|
|
5780
5835
|
// src/Form/TextArea.tsx
|
|
5781
|
-
var
|
|
5836
|
+
var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
|
|
5782
5837
|
var TextArea = (0, import_react26.forwardRef)(
|
|
5783
5838
|
({
|
|
5784
5839
|
rows = 3,
|
|
@@ -5836,8 +5891,8 @@ var TextArea = (0, import_react26.forwardRef)(
|
|
|
5836
5891
|
onSubmit();
|
|
5837
5892
|
}
|
|
5838
5893
|
};
|
|
5839
|
-
return /* @__PURE__ */ (0,
|
|
5840
|
-
/* @__PURE__ */ (0,
|
|
5894
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)("div", { css: wrapperStyles, children: [
|
|
5895
|
+
/* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5841
5896
|
"textarea",
|
|
5842
5897
|
{
|
|
5843
5898
|
ref: (node) => {
|
|
@@ -5867,14 +5922,14 @@ var TextArea = (0, import_react26.forwardRef)(
|
|
|
5867
5922
|
...props
|
|
5868
5923
|
}
|
|
5869
5924
|
),
|
|
5870
|
-
showSubmit && /* @__PURE__ */ (0,
|
|
5925
|
+
showSubmit && /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5871
5926
|
Button_default,
|
|
5872
5927
|
{
|
|
5873
5928
|
size: "xs",
|
|
5874
5929
|
"aria-label": submitAriaLabel,
|
|
5875
5930
|
onClick: onSubmit,
|
|
5876
5931
|
disabled: disabled || submitDisabled,
|
|
5877
|
-
icon: /* @__PURE__ */ (0,
|
|
5932
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5878
5933
|
Icon_default,
|
|
5879
5934
|
{
|
|
5880
5935
|
variant: "PaperPlane",
|
|
@@ -5922,15 +5977,15 @@ var contentStyles = import_react27.css`
|
|
|
5922
5977
|
`;
|
|
5923
5978
|
|
|
5924
5979
|
// src/MessageBubble/MessageBubble.tsx
|
|
5925
|
-
var
|
|
5980
|
+
var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
|
|
5926
5981
|
var MessageBubble = ({
|
|
5927
5982
|
variant = "sent",
|
|
5928
5983
|
timestamp,
|
|
5929
5984
|
className,
|
|
5930
5985
|
children
|
|
5931
5986
|
}) => {
|
|
5932
|
-
return /* @__PURE__ */ (0,
|
|
5933
|
-
timestamp && /* @__PURE__ */ (0,
|
|
5987
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)("div", { className, css: getRootStyles(variant), children: [
|
|
5988
|
+
timestamp && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
5934
5989
|
Text_default,
|
|
5935
5990
|
{
|
|
5936
5991
|
size: "xs",
|
|
@@ -5939,7 +5994,7 @@ var MessageBubble = ({
|
|
|
5939
5994
|
children: timestamp
|
|
5940
5995
|
}
|
|
5941
5996
|
),
|
|
5942
|
-
/* @__PURE__ */ (0,
|
|
5997
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { css: contentStyles, children }) })
|
|
5943
5998
|
] });
|
|
5944
5999
|
};
|
|
5945
6000
|
var MessageBubble_default = MessageBubble;
|
|
@@ -5980,14 +6035,14 @@ var tagChipVariantStyles = {
|
|
|
5980
6035
|
};
|
|
5981
6036
|
|
|
5982
6037
|
// src/TagChip/TagChip.tsx
|
|
5983
|
-
var
|
|
6038
|
+
var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
|
|
5984
6039
|
var TagChip = ({
|
|
5985
6040
|
variant = "primary",
|
|
5986
6041
|
className,
|
|
5987
6042
|
children,
|
|
5988
6043
|
...rest
|
|
5989
6044
|
}) => {
|
|
5990
|
-
return /* @__PURE__ */ (0,
|
|
6045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
5991
6046
|
Box_default,
|
|
5992
6047
|
{
|
|
5993
6048
|
display: "inline-flex",
|
|
@@ -5998,7 +6053,7 @@ var TagChip = ({
|
|
|
5998
6053
|
css: tagChipVariantStyles[variant],
|
|
5999
6054
|
className,
|
|
6000
6055
|
...rest,
|
|
6001
|
-
children: /* @__PURE__ */ (0,
|
|
6056
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
|
|
6002
6057
|
}
|
|
6003
6058
|
);
|
|
6004
6059
|
};
|
|
@@ -6064,7 +6119,7 @@ var widgetTrigger = import_react29.css`
|
|
|
6064
6119
|
`;
|
|
6065
6120
|
|
|
6066
6121
|
// src/Widget/Widget.tsx
|
|
6067
|
-
var
|
|
6122
|
+
var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
|
|
6068
6123
|
var WidgetContext = (0, import_react30.createContext)(null);
|
|
6069
6124
|
var useWidgetContext = () => {
|
|
6070
6125
|
const ctx = (0, import_react30.useContext)(WidgetContext);
|
|
@@ -6075,7 +6130,7 @@ var useWidgetContext = () => {
|
|
|
6075
6130
|
var WidgetTrigger = () => {
|
|
6076
6131
|
const { expanded, toggle, triggerRef, icon: icon2, expandedIcon } = useWidgetContext();
|
|
6077
6132
|
const currentIcon = expanded ? expandedIcon : icon2;
|
|
6078
|
-
return /* @__PURE__ */ (0,
|
|
6133
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(import_jsx_runtime227.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6079
6134
|
Button_default,
|
|
6080
6135
|
{
|
|
6081
6136
|
ref: triggerRef,
|
|
@@ -6083,7 +6138,7 @@ var WidgetTrigger = () => {
|
|
|
6083
6138
|
"aria-haspopup": "dialog",
|
|
6084
6139
|
onClick: toggle,
|
|
6085
6140
|
size: "lg",
|
|
6086
|
-
icon: /* @__PURE__ */ (0,
|
|
6141
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
|
|
6087
6142
|
css: widgetTrigger
|
|
6088
6143
|
}
|
|
6089
6144
|
) });
|
|
@@ -6092,7 +6147,7 @@ var WidgetPanel = ({ className, style, children }) => {
|
|
|
6092
6147
|
const { expanded, panelWidth } = useWidgetContext();
|
|
6093
6148
|
if (!expanded)
|
|
6094
6149
|
return null;
|
|
6095
|
-
return /* @__PURE__ */ (0,
|
|
6150
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6096
6151
|
Box_default,
|
|
6097
6152
|
{
|
|
6098
6153
|
css: panelCard(panelWidth),
|
|
@@ -6174,7 +6229,7 @@ var WidgetRoot = ({
|
|
|
6174
6229
|
}),
|
|
6175
6230
|
[expandedIcon, icon2, isExpanded, panelWidth, toggle]
|
|
6176
6231
|
);
|
|
6177
|
-
return /* @__PURE__ */ (0,
|
|
6232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6178
6233
|
Box_default,
|
|
6179
6234
|
{
|
|
6180
6235
|
ref: containerRef,
|
|
@@ -6185,7 +6240,7 @@ var WidgetRoot = ({
|
|
|
6185
6240
|
bottom: "var(--spacing-6)",
|
|
6186
6241
|
zIndex: 100,
|
|
6187
6242
|
...containerProps,
|
|
6188
|
-
children: /* @__PURE__ */ (0,
|
|
6243
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(WidgetContext.Provider, { value, children })
|
|
6189
6244
|
}
|
|
6190
6245
|
);
|
|
6191
6246
|
};
|
|
@@ -6353,23 +6408,23 @@ var buttonOverrideStyles = import_react32.css`
|
|
|
6353
6408
|
`;
|
|
6354
6409
|
|
|
6355
6410
|
// src/ChatWidget/components/AskBuckButton.tsx
|
|
6356
|
-
var
|
|
6411
|
+
var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
|
|
6357
6412
|
var AskBuckButton = import_react33.default.forwardRef(
|
|
6358
6413
|
({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
|
|
6359
6414
|
var _a;
|
|
6360
6415
|
const widgetContext = (0, import_react33.useContext)(WidgetContext);
|
|
6361
6416
|
const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
|
|
6362
6417
|
const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
|
|
6363
|
-
return /* @__PURE__ */ (0,
|
|
6418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
6364
6419
|
Button_default,
|
|
6365
6420
|
{
|
|
6366
6421
|
ref,
|
|
6367
6422
|
"aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
|
|
6368
6423
|
"aria-haspopup": "dialog",
|
|
6369
6424
|
onClick: widgetContext == null ? void 0 : widgetContext.toggle,
|
|
6370
|
-
icon: /* @__PURE__ */ (0,
|
|
6371
|
-
showBadge && /* @__PURE__ */ (0,
|
|
6372
|
-
/* @__PURE__ */ (0,
|
|
6425
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(import_jsx_runtime228.Fragment, { children: [
|
|
6426
|
+
showBadge && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)("span", { css: badgeStyles, children: badgeCount }),
|
|
6427
|
+
/* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
|
|
6373
6428
|
Icon_default,
|
|
6374
6429
|
{
|
|
6375
6430
|
variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
|
|
@@ -6387,9 +6442,9 @@ AskBuckButton.displayName = "AskBuckButton";
|
|
|
6387
6442
|
var AskBuckButton_default = AskBuckButton;
|
|
6388
6443
|
|
|
6389
6444
|
// src/ChatWidget/ChatWidget.tsx
|
|
6390
|
-
var
|
|
6445
|
+
var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
|
|
6391
6446
|
var DEFAULT_EMPTY_STATE = [
|
|
6392
|
-
/* @__PURE__ */ (0,
|
|
6447
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6393
6448
|
AIResponse_default,
|
|
6394
6449
|
{
|
|
6395
6450
|
showDisclaimer: false,
|
|
@@ -6469,12 +6524,12 @@ var ChatWidget = ({
|
|
|
6469
6524
|
var _a;
|
|
6470
6525
|
const key = (_a = element.key) != null ? _a : index;
|
|
6471
6526
|
if (element.type === AIResponse_default) {
|
|
6472
|
-
return /* @__PURE__ */ (0,
|
|
6527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
|
|
6473
6528
|
}
|
|
6474
6529
|
if (element.type === MessageBubble_default) {
|
|
6475
|
-
return /* @__PURE__ */ (0,
|
|
6530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
|
|
6476
6531
|
}
|
|
6477
|
-
return /* @__PURE__ */ (0,
|
|
6532
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(import_react34.default.Fragment, { children: element }, key);
|
|
6478
6533
|
}),
|
|
6479
6534
|
[messagesToRender]
|
|
6480
6535
|
);
|
|
@@ -6485,7 +6540,7 @@ var ChatWidget = ({
|
|
|
6485
6540
|
onSubmit(trimmed);
|
|
6486
6541
|
setValue("");
|
|
6487
6542
|
};
|
|
6488
|
-
return /* @__PURE__ */ (0,
|
|
6543
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6489
6544
|
Widget_default,
|
|
6490
6545
|
{
|
|
6491
6546
|
ariaLabel,
|
|
@@ -6497,10 +6552,10 @@ var ChatWidget = ({
|
|
|
6497
6552
|
containerProps,
|
|
6498
6553
|
closeOnClickOutside,
|
|
6499
6554
|
children: [
|
|
6500
|
-
/* @__PURE__ */ (0,
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6502
|
-
/* @__PURE__ */ (0,
|
|
6503
|
-
/* @__PURE__ */ (0,
|
|
6555
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
|
|
6556
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { css: containerStyles, children: [
|
|
6557
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
|
|
6558
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6504
6559
|
Box_default,
|
|
6505
6560
|
{
|
|
6506
6561
|
display: "flex",
|
|
@@ -6508,9 +6563,9 @@ var ChatWidget = ({
|
|
|
6508
6563
|
justifyContent: "space-between",
|
|
6509
6564
|
gap: "var(--spacing-4)",
|
|
6510
6565
|
children: [
|
|
6511
|
-
/* @__PURE__ */ (0,
|
|
6512
|
-
/* @__PURE__ */ (0,
|
|
6513
|
-
/* @__PURE__ */ (0,
|
|
6566
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
|
|
6567
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
|
|
6568
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6514
6569
|
Heading_default,
|
|
6515
6570
|
{
|
|
6516
6571
|
size: "2xs",
|
|
@@ -6520,25 +6575,25 @@ var ChatWidget = ({
|
|
|
6520
6575
|
}
|
|
6521
6576
|
)
|
|
6522
6577
|
] }),
|
|
6523
|
-
/* @__PURE__ */ (0,
|
|
6578
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6524
6579
|
Button_default,
|
|
6525
6580
|
{
|
|
6526
6581
|
variant: "text",
|
|
6527
6582
|
size: "xs",
|
|
6528
6583
|
"aria-label": "Close widget",
|
|
6529
6584
|
onClick: () => setExpanded(false),
|
|
6530
|
-
children: /* @__PURE__ */ (0,
|
|
6531
|
-
/* @__PURE__ */ (0,
|
|
6532
|
-
/* @__PURE__ */ (0,
|
|
6585
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("span", { css: closeButtonContent, children: [
|
|
6586
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
|
|
6587
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { children: "Close" })
|
|
6533
6588
|
] })
|
|
6534
6589
|
}
|
|
6535
6590
|
)
|
|
6536
6591
|
]
|
|
6537
6592
|
}
|
|
6538
6593
|
),
|
|
6539
|
-
/* @__PURE__ */ (0,
|
|
6594
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Divider_default, { mt: 4, mb: 0 })
|
|
6540
6595
|
] }),
|
|
6541
|
-
/* @__PURE__ */ (0,
|
|
6596
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6542
6597
|
Box_default,
|
|
6543
6598
|
{
|
|
6544
6599
|
ref: scrollRef,
|
|
@@ -6551,27 +6606,27 @@ var ChatWidget = ({
|
|
|
6551
6606
|
flexDirection: "column",
|
|
6552
6607
|
gap: "var(--spacing-2)",
|
|
6553
6608
|
children: [
|
|
6554
|
-
/* @__PURE__ */ (0,
|
|
6555
|
-
isThinking && /* @__PURE__ */ (0,
|
|
6556
|
-
/* @__PURE__ */ (0,
|
|
6557
|
-
/* @__PURE__ */ (0,
|
|
6609
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
|
|
6610
|
+
isThinking && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)("div", { css: thinkingRowStyles, children: [
|
|
6611
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Spinner_default2, { size: "medium" }),
|
|
6612
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
|
|
6558
6613
|
] }) }),
|
|
6559
|
-
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0,
|
|
6614
|
+
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(
|
|
6560
6615
|
Box_default,
|
|
6561
6616
|
{
|
|
6562
6617
|
display: "flex",
|
|
6563
6618
|
flexDirection: "column",
|
|
6564
6619
|
gap: "var(--spacing-4)",
|
|
6565
6620
|
children: [
|
|
6566
|
-
/* @__PURE__ */ (0,
|
|
6567
|
-
/* @__PURE__ */ (0,
|
|
6621
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
|
|
6622
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6568
6623
|
Box_default,
|
|
6569
6624
|
{
|
|
6570
6625
|
display: "flex",
|
|
6571
6626
|
flexWrap: "wrap",
|
|
6572
6627
|
gap: "var(--spacing-4)",
|
|
6573
6628
|
alignItems: "flex-start",
|
|
6574
|
-
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0,
|
|
6629
|
+
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6575
6630
|
TagChip_default,
|
|
6576
6631
|
{
|
|
6577
6632
|
variant: "success",
|
|
@@ -6592,7 +6647,7 @@ var ChatWidget = ({
|
|
|
6592
6647
|
]
|
|
6593
6648
|
}
|
|
6594
6649
|
),
|
|
6595
|
-
/* @__PURE__ */ (0,
|
|
6650
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6596
6651
|
TextArea_default,
|
|
6597
6652
|
{
|
|
6598
6653
|
rows: 3,
|
|
@@ -6617,7 +6672,7 @@ var ChatWidget_default = ChatWidget;
|
|
|
6617
6672
|
// src/FeatureList/components/FeatureListItem.tsx
|
|
6618
6673
|
var import_react35 = require("@emotion/react");
|
|
6619
6674
|
var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
|
|
6620
|
-
var
|
|
6675
|
+
var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
|
|
6621
6676
|
var FeatureListItem = ({
|
|
6622
6677
|
iconVariant,
|
|
6623
6678
|
label,
|
|
@@ -6632,8 +6687,8 @@ var FeatureListItem = ({
|
|
|
6632
6687
|
}) => {
|
|
6633
6688
|
const iconDimensions = IconSizeMap[iconSize];
|
|
6634
6689
|
if (isLoading) {
|
|
6635
|
-
return /* @__PURE__ */ (0,
|
|
6636
|
-
/* @__PURE__ */ (0,
|
|
6690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
|
|
6691
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6637
6692
|
Box_default,
|
|
6638
6693
|
{
|
|
6639
6694
|
display: "flex",
|
|
@@ -6643,7 +6698,7 @@ var FeatureListItem = ({
|
|
|
6643
6698
|
className,
|
|
6644
6699
|
...rest,
|
|
6645
6700
|
children: [
|
|
6646
|
-
/* @__PURE__ */ (0,
|
|
6701
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6647
6702
|
import_react_loading_skeleton.default,
|
|
6648
6703
|
{
|
|
6649
6704
|
circle: true,
|
|
@@ -6652,24 +6707,24 @@ var FeatureListItem = ({
|
|
|
6652
6707
|
borderRadius: 4
|
|
6653
6708
|
}
|
|
6654
6709
|
),
|
|
6655
|
-
/* @__PURE__ */ (0,
|
|
6710
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
|
|
6656
6711
|
]
|
|
6657
6712
|
}
|
|
6658
6713
|
),
|
|
6659
|
-
subtitle && /* @__PURE__ */ (0,
|
|
6660
|
-
/* @__PURE__ */ (0,
|
|
6661
|
-
/* @__PURE__ */ (0,
|
|
6714
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
6715
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
6716
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
|
|
6662
6717
|
] })
|
|
6663
6718
|
] });
|
|
6664
6719
|
}
|
|
6665
|
-
return /* @__PURE__ */ (0,
|
|
6666
|
-
/* @__PURE__ */ (0,
|
|
6720
|
+
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: [
|
|
6721
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
|
|
6667
6722
|
label,
|
|
6668
6723
|
" "
|
|
6669
6724
|
] }),
|
|
6670
6725
|
subtitle
|
|
6671
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
6672
|
-
/* @__PURE__ */ (0,
|
|
6726
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(import_jsx_runtime230.Fragment, { children: [
|
|
6727
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6673
6728
|
Box_default,
|
|
6674
6729
|
{
|
|
6675
6730
|
display: "flex",
|
|
@@ -6678,7 +6733,7 @@ var FeatureListItem = ({
|
|
|
6678
6733
|
className,
|
|
6679
6734
|
...rest,
|
|
6680
6735
|
children: [
|
|
6681
|
-
iconVariant && /* @__PURE__ */ (0,
|
|
6736
|
+
iconVariant && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6682
6737
|
Icon_default,
|
|
6683
6738
|
{
|
|
6684
6739
|
variant: iconVariant,
|
|
@@ -6689,22 +6744,22 @@ var FeatureListItem = ({
|
|
|
6689
6744
|
`
|
|
6690
6745
|
}
|
|
6691
6746
|
),
|
|
6692
|
-
/* @__PURE__ */ (0,
|
|
6747
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
|
|
6693
6748
|
]
|
|
6694
6749
|
}
|
|
6695
6750
|
),
|
|
6696
|
-
subtitle && /* @__PURE__ */ (0,
|
|
6697
|
-
/* @__PURE__ */ (0,
|
|
6698
|
-
/* @__PURE__ */ (0,
|
|
6751
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
6752
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
6753
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)(Text_default, { size: "sm", children: subtitle })
|
|
6699
6754
|
] })
|
|
6700
6755
|
] }) });
|
|
6701
6756
|
};
|
|
6702
6757
|
var FeatureListItem_default = FeatureListItem;
|
|
6703
6758
|
|
|
6704
6759
|
// src/FeatureList/FeatureList.tsx
|
|
6705
|
-
var
|
|
6760
|
+
var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
|
|
6706
6761
|
var FeatureList = ({ heading, items, className }) => {
|
|
6707
|
-
return /* @__PURE__ */ (0,
|
|
6762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)(
|
|
6708
6763
|
Box_default,
|
|
6709
6764
|
{
|
|
6710
6765
|
display: "flex",
|
|
@@ -6712,8 +6767,8 @@ var FeatureList = ({ heading, items, className }) => {
|
|
|
6712
6767
|
gap: "var(--spacing-2)",
|
|
6713
6768
|
className,
|
|
6714
6769
|
children: [
|
|
6715
|
-
heading && /* @__PURE__ */ (0,
|
|
6716
|
-
/* @__PURE__ */ (0,
|
|
6770
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)(Text_default, { fontWeight: "bold", children: heading }),
|
|
6771
|
+
/* @__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
6772
|
]
|
|
6718
6773
|
}
|
|
6719
6774
|
);
|
|
@@ -6749,7 +6804,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react36.css`
|
|
|
6749
6804
|
`;
|
|
6750
6805
|
|
|
6751
6806
|
// src/FieldNoteCard/FieldNoteCard.tsx
|
|
6752
|
-
var
|
|
6807
|
+
var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
|
|
6753
6808
|
var FieldNoteCard = ({
|
|
6754
6809
|
backgroundImage,
|
|
6755
6810
|
title,
|
|
@@ -6758,14 +6813,14 @@ var FieldNoteCard = ({
|
|
|
6758
6813
|
className,
|
|
6759
6814
|
...rest
|
|
6760
6815
|
}) => {
|
|
6761
|
-
return /* @__PURE__ */ (0,
|
|
6816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6762
6817
|
Box_default,
|
|
6763
6818
|
{
|
|
6764
6819
|
display: "flex",
|
|
6765
6820
|
css: cardContainerStyles,
|
|
6766
6821
|
className,
|
|
6767
6822
|
...rest,
|
|
6768
|
-
children: /* @__PURE__ */ (0,
|
|
6823
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6769
6824
|
Box_default,
|
|
6770
6825
|
{
|
|
6771
6826
|
display: "flex",
|
|
@@ -6773,9 +6828,9 @@ var FieldNoteCard = ({
|
|
|
6773
6828
|
justifyContent: "flex-end",
|
|
6774
6829
|
p: 6,
|
|
6775
6830
|
css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
|
|
6776
|
-
children: /* @__PURE__ */ (0,
|
|
6777
|
-
/* @__PURE__ */ (0,
|
|
6778
|
-
/* @__PURE__ */ (0,
|
|
6831
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
6832
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
6833
|
+
/* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
6779
6834
|
] })
|
|
6780
6835
|
}
|
|
6781
6836
|
)
|
|
@@ -6786,7 +6841,7 @@ var FieldNoteCard_default = FieldNoteCard;
|
|
|
6786
6841
|
|
|
6787
6842
|
// src/Form/FormField.tsx
|
|
6788
6843
|
var import_react37 = require("@emotion/react");
|
|
6789
|
-
var
|
|
6844
|
+
var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
|
|
6790
6845
|
var fieldContainerStyles = import_react37.css`
|
|
6791
6846
|
display: flex;
|
|
6792
6847
|
flex-direction: column;
|
|
@@ -6853,21 +6908,21 @@ var FormField = ({
|
|
|
6853
6908
|
const hasError = !!error;
|
|
6854
6909
|
const hasSuccess = !!success && !hasError;
|
|
6855
6910
|
const hasHelpText = !!helpText && !hasError && !hasSuccess;
|
|
6856
|
-
return /* @__PURE__ */ (0,
|
|
6857
|
-
label && /* @__PURE__ */ (0,
|
|
6911
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: fieldContainerStyles, className, children: [
|
|
6912
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)(
|
|
6858
6913
|
"label",
|
|
6859
6914
|
{
|
|
6860
6915
|
htmlFor,
|
|
6861
6916
|
css: [labelStyles2, hideLabel && visuallyHiddenStyles],
|
|
6862
6917
|
children: [
|
|
6863
6918
|
label,
|
|
6864
|
-
required && /* @__PURE__ */ (0,
|
|
6919
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
|
|
6865
6920
|
]
|
|
6866
6921
|
}
|
|
6867
6922
|
),
|
|
6868
6923
|
children,
|
|
6869
|
-
hasError && /* @__PURE__ */ (0,
|
|
6870
|
-
/* @__PURE__ */ (0,
|
|
6924
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
|
|
6925
|
+
/* @__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
6926
|
"path",
|
|
6872
6927
|
{
|
|
6873
6928
|
fillRule: "evenodd",
|
|
@@ -6877,8 +6932,8 @@ var FormField = ({
|
|
|
6877
6932
|
) }),
|
|
6878
6933
|
error
|
|
6879
6934
|
] }),
|
|
6880
|
-
hasSuccess && /* @__PURE__ */ (0,
|
|
6881
|
-
/* @__PURE__ */ (0,
|
|
6935
|
+
hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime233.jsxs)("div", { css: successTextStyles, children: [
|
|
6936
|
+
/* @__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
6937
|
"path",
|
|
6883
6938
|
{
|
|
6884
6939
|
fillRule: "evenodd",
|
|
@@ -6888,14 +6943,14 @@ var FormField = ({
|
|
|
6888
6943
|
) }),
|
|
6889
6944
|
success
|
|
6890
6945
|
] }),
|
|
6891
|
-
hasHelpText && /* @__PURE__ */ (0,
|
|
6946
|
+
hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime233.jsx)("div", { css: helpTextStyles, children: helpText })
|
|
6892
6947
|
] });
|
|
6893
6948
|
};
|
|
6894
6949
|
|
|
6895
6950
|
// src/Form/Input.tsx
|
|
6896
6951
|
var import_react38 = require("@emotion/react");
|
|
6897
6952
|
var import_react39 = require("react");
|
|
6898
|
-
var
|
|
6953
|
+
var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
|
|
6899
6954
|
var inputStyles = import_react38.css`
|
|
6900
6955
|
position: relative;
|
|
6901
6956
|
width: 100%;
|
|
@@ -7025,9 +7080,9 @@ var Input = (0, import_react39.forwardRef)(
|
|
|
7025
7080
|
hasEndIcon && "has-end-icon",
|
|
7026
7081
|
className
|
|
7027
7082
|
].filter(Boolean).join(" ");
|
|
7028
|
-
return /* @__PURE__ */ (0,
|
|
7029
|
-
hasStartIcon && /* @__PURE__ */ (0,
|
|
7030
|
-
/* @__PURE__ */ (0,
|
|
7083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)("div", { css: inputWrapperStyles, children: [
|
|
7084
|
+
hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { css: startIconStyles, children: startIcon }),
|
|
7085
|
+
/* @__PURE__ */ (0, import_jsx_runtime234.jsx)(
|
|
7031
7086
|
"input",
|
|
7032
7087
|
{
|
|
7033
7088
|
ref,
|
|
@@ -7044,7 +7099,7 @@ var Input = (0, import_react39.forwardRef)(
|
|
|
7044
7099
|
...props
|
|
7045
7100
|
}
|
|
7046
7101
|
),
|
|
7047
|
-
hasEndIcon && /* @__PURE__ */ (0,
|
|
7102
|
+
hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime234.jsx)("div", { css: endIconStyles, children: endIcon })
|
|
7048
7103
|
] });
|
|
7049
7104
|
}
|
|
7050
7105
|
);
|
|
@@ -7053,7 +7108,7 @@ Input.displayName = "Input";
|
|
|
7053
7108
|
// src/Form/Select.tsx
|
|
7054
7109
|
var import_react40 = require("@emotion/react");
|
|
7055
7110
|
var import_react41 = require("react");
|
|
7056
|
-
var
|
|
7111
|
+
var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
|
|
7057
7112
|
var selectStyles = import_react40.css`
|
|
7058
7113
|
position: relative;
|
|
7059
7114
|
width: 100%;
|
|
@@ -7150,7 +7205,7 @@ var Select = (0, import_react41.forwardRef)(
|
|
|
7150
7205
|
className = "",
|
|
7151
7206
|
...props
|
|
7152
7207
|
}, ref) => {
|
|
7153
|
-
return /* @__PURE__ */ (0,
|
|
7208
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsxs)(
|
|
7154
7209
|
"select",
|
|
7155
7210
|
{
|
|
7156
7211
|
ref,
|
|
@@ -7159,8 +7214,8 @@ var Select = (0, import_react41.forwardRef)(
|
|
|
7159
7214
|
className,
|
|
7160
7215
|
...props,
|
|
7161
7216
|
children: [
|
|
7162
|
-
placeholderOption && /* @__PURE__ */ (0,
|
|
7163
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
7217
|
+
placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
|
|
7218
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(
|
|
7164
7219
|
"option",
|
|
7165
7220
|
{
|
|
7166
7221
|
value: option.value,
|
|
@@ -7418,7 +7473,7 @@ var generateJustifyItems = (justifyItems) => {
|
|
|
7418
7473
|
};
|
|
7419
7474
|
|
|
7420
7475
|
// src/Grid/Column.tsx
|
|
7421
|
-
var
|
|
7476
|
+
var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
|
|
7422
7477
|
var Column = ({
|
|
7423
7478
|
span,
|
|
7424
7479
|
start,
|
|
@@ -7447,13 +7502,13 @@ var Column = ({
|
|
|
7447
7502
|
grid-area: ${area};
|
|
7448
7503
|
`
|
|
7449
7504
|
].filter(Boolean);
|
|
7450
|
-
return /* @__PURE__ */ (0,
|
|
7505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { css: columnStyles, ...props, children });
|
|
7451
7506
|
};
|
|
7452
7507
|
var Column_default = Column;
|
|
7453
7508
|
|
|
7454
7509
|
// src/Grid/Grid.tsx
|
|
7455
7510
|
var import_react44 = require("@emotion/react");
|
|
7456
|
-
var
|
|
7511
|
+
var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
|
|
7457
7512
|
var baseGridStyles = import_react44.css`
|
|
7458
7513
|
display: grid;
|
|
7459
7514
|
`;
|
|
@@ -7492,13 +7547,13 @@ var Grid = ({
|
|
|
7492
7547
|
justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
|
|
7493
7548
|
`
|
|
7494
7549
|
].filter(Boolean);
|
|
7495
|
-
return /* @__PURE__ */ (0,
|
|
7550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Box_default, { css: gridStyles, ...props, children });
|
|
7496
7551
|
};
|
|
7497
7552
|
var Grid_default = Grid;
|
|
7498
7553
|
|
|
7499
7554
|
// src/Grid/GridContainer.tsx
|
|
7500
7555
|
var import_react45 = require("@emotion/react");
|
|
7501
|
-
var
|
|
7556
|
+
var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
|
|
7502
7557
|
var baseContainerStyles = import_react45.css`
|
|
7503
7558
|
width: 100%;
|
|
7504
7559
|
margin: 0 auto;
|
|
@@ -7543,7 +7598,7 @@ var GridContainer = ({
|
|
|
7543
7598
|
baseContainerStyles,
|
|
7544
7599
|
generateMaxWidthStyles(maxWidth)
|
|
7545
7600
|
];
|
|
7546
|
-
return /* @__PURE__ */ (0,
|
|
7601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
|
|
7547
7602
|
};
|
|
7548
7603
|
var GridContainer_default = GridContainer;
|
|
7549
7604
|
|
|
@@ -7576,7 +7631,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react46.css`
|
|
|
7576
7631
|
`;
|
|
7577
7632
|
|
|
7578
7633
|
// src/HuntCard/HuntCard.tsx
|
|
7579
|
-
var
|
|
7634
|
+
var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
|
|
7580
7635
|
var HuntCard = ({
|
|
7581
7636
|
backgroundImage,
|
|
7582
7637
|
title,
|
|
@@ -7585,14 +7640,14 @@ var HuntCard = ({
|
|
|
7585
7640
|
className,
|
|
7586
7641
|
...rest
|
|
7587
7642
|
}) => {
|
|
7588
|
-
return /* @__PURE__ */ (0,
|
|
7643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7589
7644
|
Box_default,
|
|
7590
7645
|
{
|
|
7591
7646
|
display: "flex",
|
|
7592
7647
|
css: cardContainerStyles2,
|
|
7593
7648
|
className,
|
|
7594
7649
|
...rest,
|
|
7595
|
-
children: /* @__PURE__ */ (0,
|
|
7650
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7596
7651
|
Box_default,
|
|
7597
7652
|
{
|
|
7598
7653
|
display: "flex",
|
|
@@ -7600,9 +7655,9 @@ var HuntCard = ({
|
|
|
7600
7655
|
justifyContent: "flex-end",
|
|
7601
7656
|
p: 6,
|
|
7602
7657
|
css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
|
|
7603
|
-
children: /* @__PURE__ */ (0,
|
|
7604
|
-
/* @__PURE__ */ (0,
|
|
7605
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
7660
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
7606
7661
|
] })
|
|
7607
7662
|
}
|
|
7608
7663
|
)
|
|
@@ -7612,9 +7667,9 @@ var HuntCard = ({
|
|
|
7612
7667
|
var HuntCard_default = HuntCard;
|
|
7613
7668
|
|
|
7614
7669
|
// src/InfoBox/InfoBox.tsx
|
|
7615
|
-
var
|
|
7670
|
+
var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
|
|
7616
7671
|
var InfoBox = ({ heading, features, className }) => {
|
|
7617
|
-
return /* @__PURE__ */ (0,
|
|
7672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(
|
|
7618
7673
|
Box_default,
|
|
7619
7674
|
{
|
|
7620
7675
|
display: "flex",
|
|
@@ -7623,8 +7678,8 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7623
7678
|
className,
|
|
7624
7679
|
color: "var(--text-primary)",
|
|
7625
7680
|
children: [
|
|
7626
|
-
/* @__PURE__ */ (0,
|
|
7627
|
-
/* @__PURE__ */ (0,
|
|
7681
|
+
/* @__PURE__ */ (0, import_jsx_runtime240.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7682
|
+
/* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
7628
7683
|
Box_default,
|
|
7629
7684
|
{
|
|
7630
7685
|
display: "flex",
|
|
@@ -7634,7 +7689,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7634
7689
|
borderRadius: "var(--radius-lg)",
|
|
7635
7690
|
bg: "var(--surface-neutral)",
|
|
7636
7691
|
className,
|
|
7637
|
-
children: features.map((section, index) => /* @__PURE__ */ (0,
|
|
7692
|
+
children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
|
|
7638
7693
|
FeatureList_default,
|
|
7639
7694
|
{
|
|
7640
7695
|
heading: section.heading,
|
|
@@ -7651,7 +7706,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7651
7706
|
var InfoBox_default = InfoBox;
|
|
7652
7707
|
|
|
7653
7708
|
// src/StarRating/StarRating.tsx
|
|
7654
|
-
var
|
|
7709
|
+
var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
|
|
7655
7710
|
var starSize = {
|
|
7656
7711
|
sm: {
|
|
7657
7712
|
size: "medium",
|
|
@@ -7668,20 +7723,41 @@ var StarRating = ({
|
|
|
7668
7723
|
size = "md"
|
|
7669
7724
|
}) => {
|
|
7670
7725
|
const stars = [];
|
|
7726
|
+
const getStarType = (position2, rating2) => {
|
|
7727
|
+
const decimal = Math.round((rating2 - Math.floor(rating2)) * 100) / 100;
|
|
7728
|
+
const wholePart = Math.floor(rating2);
|
|
7729
|
+
if (position2 <= wholePart) {
|
|
7730
|
+
return "full";
|
|
7731
|
+
}
|
|
7732
|
+
if (position2 === wholePart + 1) {
|
|
7733
|
+
if (decimal >= 0.8) {
|
|
7734
|
+
return "full";
|
|
7735
|
+
}
|
|
7736
|
+
if (decimal >= 0.3) {
|
|
7737
|
+
return "half";
|
|
7738
|
+
}
|
|
7739
|
+
}
|
|
7740
|
+
return "empty";
|
|
7741
|
+
};
|
|
7671
7742
|
for (let i = 1; i <= 5; i++) {
|
|
7743
|
+
const starType = getStarType(i, rating);
|
|
7744
|
+
let variant = "StarSolid";
|
|
7745
|
+
let fill = "var(--color-neutral-100)";
|
|
7746
|
+
if (starType === "full") {
|
|
7747
|
+
variant = "StarSolid";
|
|
7748
|
+
fill = "var(--color-yellow-500)";
|
|
7749
|
+
} else if (starType === "half") {
|
|
7750
|
+
variant = "StarHalf";
|
|
7751
|
+
fill = "var(--color-yellow-500)";
|
|
7752
|
+
} else {
|
|
7753
|
+
variant = "StarSolid";
|
|
7754
|
+
fill = "var(--color-neutral-100)";
|
|
7755
|
+
}
|
|
7672
7756
|
stars.push(
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7674
|
-
Icon_default,
|
|
7675
|
-
{
|
|
7676
|
-
variant: "StarSolid",
|
|
7677
|
-
size: starSize[size].size,
|
|
7678
|
-
fill: i <= rating ? "var(--color-yellow-500)" : "var(--color-neutral-100)"
|
|
7679
|
-
},
|
|
7680
|
-
i
|
|
7681
|
-
)
|
|
7757
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Icon_default, { variant, size: starSize[size].size, fill }, i)
|
|
7682
7758
|
);
|
|
7683
7759
|
}
|
|
7684
|
-
return /* @__PURE__ */ (0,
|
|
7760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7685
7761
|
Box_default,
|
|
7686
7762
|
{
|
|
7687
7763
|
className,
|
|
@@ -7695,7 +7771,7 @@ var StarRating = ({
|
|
|
7695
7771
|
var StarRating_default = StarRating;
|
|
7696
7772
|
|
|
7697
7773
|
// src/UserCard/UserCard.tsx
|
|
7698
|
-
var
|
|
7774
|
+
var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
|
|
7699
7775
|
var UserCard = ({
|
|
7700
7776
|
avatarSrc,
|
|
7701
7777
|
title,
|
|
@@ -7705,7 +7781,7 @@ var UserCard = ({
|
|
|
7705
7781
|
isVerified = false,
|
|
7706
7782
|
className
|
|
7707
7783
|
}) => {
|
|
7708
|
-
return /* @__PURE__ */ (0,
|
|
7784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7709
7785
|
Box_default,
|
|
7710
7786
|
{
|
|
7711
7787
|
display: "flex",
|
|
@@ -7714,8 +7790,8 @@ var UserCard = ({
|
|
|
7714
7790
|
gap: "var(--spacing-4)",
|
|
7715
7791
|
className,
|
|
7716
7792
|
children: [
|
|
7717
|
-
/* @__PURE__ */ (0,
|
|
7718
|
-
/* @__PURE__ */ (0,
|
|
7793
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
|
|
7794
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7719
7795
|
Avatar_default,
|
|
7720
7796
|
{
|
|
7721
7797
|
type: avatarSrc ? "image" : "text",
|
|
@@ -7724,13 +7800,13 @@ var UserCard = ({
|
|
|
7724
7800
|
alt: `${title}'s avatar`
|
|
7725
7801
|
}
|
|
7726
7802
|
),
|
|
7727
|
-
/* @__PURE__ */ (0,
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7729
|
-
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0,
|
|
7730
|
-
showRating && rating !== void 0 && /* @__PURE__ */ (0,
|
|
7803
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
7804
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
|
|
7805
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
|
|
7806
|
+
showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(StarRating_default, { rating })
|
|
7731
7807
|
] })
|
|
7732
7808
|
] }),
|
|
7733
|
-
isVerified && /* @__PURE__ */ (0,
|
|
7809
|
+
isVerified && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(
|
|
7734
7810
|
Box_default,
|
|
7735
7811
|
{
|
|
7736
7812
|
display: "flex",
|
|
@@ -7739,8 +7815,8 @@ var UserCard = ({
|
|
|
7739
7815
|
gap: "var(--spacing-1)",
|
|
7740
7816
|
flexShrink: 0,
|
|
7741
7817
|
children: [
|
|
7742
|
-
/* @__PURE__ */ (0,
|
|
7743
|
-
/* @__PURE__ */ (0,
|
|
7818
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
|
|
7819
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
|
|
7744
7820
|
]
|
|
7745
7821
|
}
|
|
7746
7822
|
)
|
|
@@ -7751,19 +7827,19 @@ var UserCard = ({
|
|
|
7751
7827
|
var UserCard_default = UserCard;
|
|
7752
7828
|
|
|
7753
7829
|
// src/LandownerProfile/components/ProfileSubtitle.tsx
|
|
7754
|
-
var
|
|
7830
|
+
var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
|
|
7755
7831
|
var ProfileSubtitle = ({
|
|
7756
7832
|
yearsHosting = 1,
|
|
7757
7833
|
featureReviewItem
|
|
7758
7834
|
}) => {
|
|
7759
|
-
return /* @__PURE__ */ (0,
|
|
7760
|
-
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0,
|
|
7835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
7836
|
+
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
7761
7837
|
yearsHosting,
|
|
7762
7838
|
" ",
|
|
7763
7839
|
yearsHosting === 1 ? "Year" : "Years",
|
|
7764
7840
|
" Hosting"
|
|
7765
7841
|
] }),
|
|
7766
|
-
featureReviewItem && /* @__PURE__ */ (0,
|
|
7842
|
+
featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(FeatureListItem_default, { ...featureReviewItem })
|
|
7767
7843
|
] });
|
|
7768
7844
|
};
|
|
7769
7845
|
var ProfileSubtitle_default = ProfileSubtitle;
|
|
@@ -7778,7 +7854,7 @@ var hasTextContent = (html) => {
|
|
|
7778
7854
|
};
|
|
7779
7855
|
|
|
7780
7856
|
// src/LandownerProfile/LandownerProfile.tsx
|
|
7781
|
-
var
|
|
7857
|
+
var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
|
|
7782
7858
|
var LandownerProfile = ({
|
|
7783
7859
|
heading,
|
|
7784
7860
|
avatarSrc,
|
|
@@ -7802,7 +7878,7 @@ var LandownerProfile = ({
|
|
|
7802
7878
|
iconVariant: "Bolt",
|
|
7803
7879
|
label: `Response Time: ${responseTime}`
|
|
7804
7880
|
} : void 0;
|
|
7805
|
-
return /* @__PURE__ */ (0,
|
|
7881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
|
|
7806
7882
|
Box_default,
|
|
7807
7883
|
{
|
|
7808
7884
|
display: "flex",
|
|
@@ -7811,8 +7887,8 @@ var LandownerProfile = ({
|
|
|
7811
7887
|
color: "var(--text-primary)",
|
|
7812
7888
|
className,
|
|
7813
7889
|
children: [
|
|
7814
|
-
heading && /* @__PURE__ */ (0,
|
|
7815
|
-
/* @__PURE__ */ (0,
|
|
7890
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7891
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
|
|
7816
7892
|
Box_default,
|
|
7817
7893
|
{
|
|
7818
7894
|
display: "flex",
|
|
@@ -7822,12 +7898,12 @@ var LandownerProfile = ({
|
|
|
7822
7898
|
p: "var(--spacing-4)",
|
|
7823
7899
|
borderRadius: "var(--radius-lg)",
|
|
7824
7900
|
children: [
|
|
7825
|
-
/* @__PURE__ */ (0,
|
|
7901
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7826
7902
|
UserCard_default,
|
|
7827
7903
|
{
|
|
7828
7904
|
avatarSrc,
|
|
7829
7905
|
title: name,
|
|
7830
|
-
subtitle: /* @__PURE__ */ (0,
|
|
7906
|
+
subtitle: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7831
7907
|
ProfileSubtitle_default,
|
|
7832
7908
|
{
|
|
7833
7909
|
yearsHosting,
|
|
@@ -7838,9 +7914,9 @@ var LandownerProfile = ({
|
|
|
7838
7914
|
isVerified
|
|
7839
7915
|
}
|
|
7840
7916
|
),
|
|
7841
|
-
hasTextContent(bio) && !!bio && /* @__PURE__ */ (0,
|
|
7842
|
-
/* @__PURE__ */ (0,
|
|
7843
|
-
/* @__PURE__ */ (0,
|
|
7917
|
+
hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7918
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
|
|
7919
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7844
7920
|
Text_default,
|
|
7845
7921
|
{
|
|
7846
7922
|
dangerouslySetInnerHTML: {
|
|
@@ -7849,14 +7925,14 @@ var LandownerProfile = ({
|
|
|
7849
7925
|
}
|
|
7850
7926
|
)
|
|
7851
7927
|
] }),
|
|
7852
|
-
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0,
|
|
7853
|
-
/* @__PURE__ */ (0,
|
|
7854
|
-
/* @__PURE__ */ (0,
|
|
7855
|
-
!!responseRateFeature && /* @__PURE__ */ (0,
|
|
7856
|
-
!!responseTimeFeature && /* @__PURE__ */ (0,
|
|
7928
|
+
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7929
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
|
|
7930
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7931
|
+
!!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(FeatureListItem_default, { ...responseRateFeature }),
|
|
7932
|
+
!!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(FeatureListItem_default, { ...responseTimeFeature })
|
|
7857
7933
|
] })
|
|
7858
7934
|
] }),
|
|
7859
|
-
/* @__PURE__ */ (0,
|
|
7935
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7860
7936
|
Button_default,
|
|
7861
7937
|
{
|
|
7862
7938
|
variant: "secondary",
|
|
@@ -7914,7 +7990,7 @@ var inputWrapperStyles2 = import_react47.css`
|
|
|
7914
7990
|
`;
|
|
7915
7991
|
|
|
7916
7992
|
// src/ListingChat/ListingChat.tsx
|
|
7917
|
-
var
|
|
7993
|
+
var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
|
|
7918
7994
|
var ListingChat = ({
|
|
7919
7995
|
onSubmit,
|
|
7920
7996
|
placeholder = "Ask anything about this listing\u2026",
|
|
@@ -7941,18 +8017,18 @@ var ListingChat = ({
|
|
|
7941
8017
|
},
|
|
7942
8018
|
[onSubmit]
|
|
7943
8019
|
);
|
|
7944
|
-
return /* @__PURE__ */ (0,
|
|
7945
|
-
/* @__PURE__ */ (0,
|
|
7946
|
-
/* @__PURE__ */ (0,
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
7948
|
-
/* @__PURE__ */ (0,
|
|
8020
|
+
return /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
|
|
8021
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { css: headerStyles, children: [
|
|
8022
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { children: [
|
|
8023
|
+
/* @__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 }) }),
|
|
8024
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
|
|
7949
8025
|
] }),
|
|
7950
|
-
/* @__PURE__ */ (0,
|
|
7951
|
-
/* @__PURE__ */ (0,
|
|
7952
|
-
/* @__PURE__ */ (0,
|
|
8026
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
|
|
8027
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { size: "sm", children: "Beta" })
|
|
7953
8029
|
] })
|
|
7954
8030
|
] }),
|
|
7955
|
-
/* @__PURE__ */ (0,
|
|
8031
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7956
8032
|
TextArea,
|
|
7957
8033
|
{
|
|
7958
8034
|
rows: 1,
|
|
@@ -7967,14 +8043,14 @@ var ListingChat = ({
|
|
|
7967
8043
|
css: textAreaStyles
|
|
7968
8044
|
}
|
|
7969
8045
|
) }),
|
|
7970
|
-
tags.length > 0 && /* @__PURE__ */ (0,
|
|
7971
|
-
/* @__PURE__ */ (0,
|
|
7972
|
-
/* @__PURE__ */ (0,
|
|
8046
|
+
tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_jsx_runtime245.Fragment, { children: [
|
|
8047
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
|
|
8048
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7973
8049
|
"button",
|
|
7974
8050
|
{
|
|
7975
8051
|
onClick: handleTagClick(tag),
|
|
7976
8052
|
disabled,
|
|
7977
|
-
children: /* @__PURE__ */ (0,
|
|
8053
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(TagChip_default, { children: tag })
|
|
7978
8054
|
},
|
|
7979
8055
|
tag
|
|
7980
8056
|
)) })
|
|
@@ -7987,8 +8063,8 @@ var ListingChat_default = ListingChat;
|
|
|
7987
8063
|
var import_react49 = require("@emotion/react");
|
|
7988
8064
|
|
|
7989
8065
|
// src/Logo/components/LandtrustPlusDark.tsx
|
|
7990
|
-
var
|
|
7991
|
-
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0,
|
|
8066
|
+
var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
|
|
8067
|
+
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
7992
8068
|
"svg",
|
|
7993
8069
|
{
|
|
7994
8070
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7996,14 +8072,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
7996
8072
|
fill: "none",
|
|
7997
8073
|
...props,
|
|
7998
8074
|
children: [
|
|
7999
|
-
/* @__PURE__ */ (0,
|
|
8075
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8000
8076
|
"path",
|
|
8001
8077
|
{
|
|
8002
8078
|
fill: "#000",
|
|
8003
8079
|
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
8080
|
}
|
|
8005
8081
|
) }),
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8082
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8007
8083
|
"path",
|
|
8008
8084
|
{
|
|
8009
8085
|
fill: "#FAD44E",
|
|
@@ -8012,14 +8088,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8012
8088
|
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
8089
|
}
|
|
8014
8090
|
),
|
|
8015
|
-
/* @__PURE__ */ (0,
|
|
8091
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8016
8092
|
"path",
|
|
8017
8093
|
{
|
|
8018
8094
|
fill: "#fff",
|
|
8019
8095
|
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
8096
|
}
|
|
8021
8097
|
),
|
|
8022
|
-
/* @__PURE__ */ (0,
|
|
8098
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
8023
8099
|
"filter",
|
|
8024
8100
|
{
|
|
8025
8101
|
id: "landtrust-plus-dark_svg__a",
|
|
@@ -8030,8 +8106,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8030
8106
|
colorInterpolationFilters: "sRGB",
|
|
8031
8107
|
filterUnits: "userSpaceOnUse",
|
|
8032
8108
|
children: [
|
|
8033
|
-
/* @__PURE__ */ (0,
|
|
8034
|
-
/* @__PURE__ */ (0,
|
|
8109
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
8110
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8035
8111
|
"feColorMatrix",
|
|
8036
8112
|
{
|
|
8037
8113
|
in: "SourceAlpha",
|
|
@@ -8039,18 +8115,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8039
8115
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
8040
8116
|
}
|
|
8041
8117
|
),
|
|
8042
|
-
/* @__PURE__ */ (0,
|
|
8043
|
-
/* @__PURE__ */ (0,
|
|
8044
|
-
/* @__PURE__ */ (0,
|
|
8045
|
-
/* @__PURE__ */ (0,
|
|
8046
|
-
/* @__PURE__ */ (0,
|
|
8118
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feOffset", { dy: 1 }),
|
|
8119
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
8120
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
8121
|
+
/* @__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" }),
|
|
8122
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8047
8123
|
"feBlend",
|
|
8048
8124
|
{
|
|
8049
8125
|
in2: "BackgroundImageFix",
|
|
8050
8126
|
result: "effect1_dropShadow_257_2540"
|
|
8051
8127
|
}
|
|
8052
8128
|
),
|
|
8053
|
-
/* @__PURE__ */ (0,
|
|
8129
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
8054
8130
|
"feBlend",
|
|
8055
8131
|
{
|
|
8056
8132
|
in: "SourceGraphic",
|
|
@@ -8067,8 +8143,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.
|
|
|
8067
8143
|
var LandtrustPlusDark_default = SvgLandtrustPlusDark;
|
|
8068
8144
|
|
|
8069
8145
|
// src/Logo/components/LandtrustPlusLight.tsx
|
|
8070
|
-
var
|
|
8071
|
-
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0,
|
|
8146
|
+
var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
|
|
8147
|
+
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
8072
8148
|
"svg",
|
|
8073
8149
|
{
|
|
8074
8150
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8076,14 +8152,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8076
8152
|
fill: "none",
|
|
8077
8153
|
...props,
|
|
8078
8154
|
children: [
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8155
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8080
8156
|
"path",
|
|
8081
8157
|
{
|
|
8082
8158
|
fill: "#000",
|
|
8083
8159
|
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
8160
|
}
|
|
8085
8161
|
) }),
|
|
8086
|
-
/* @__PURE__ */ (0,
|
|
8162
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8087
8163
|
"path",
|
|
8088
8164
|
{
|
|
8089
8165
|
fill: "#FAD44E",
|
|
@@ -8092,14 +8168,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8092
8168
|
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
8169
|
}
|
|
8094
8170
|
),
|
|
8095
|
-
/* @__PURE__ */ (0,
|
|
8171
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8096
8172
|
"path",
|
|
8097
8173
|
{
|
|
8098
8174
|
fill: "#1A202C",
|
|
8099
8175
|
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
8176
|
}
|
|
8101
8177
|
),
|
|
8102
|
-
/* @__PURE__ */ (0,
|
|
8178
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
|
|
8103
8179
|
"filter",
|
|
8104
8180
|
{
|
|
8105
8181
|
id: "landtrust-plus-light_svg__a",
|
|
@@ -8110,8 +8186,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8110
8186
|
colorInterpolationFilters: "sRGB",
|
|
8111
8187
|
filterUnits: "userSpaceOnUse",
|
|
8112
8188
|
children: [
|
|
8113
|
-
/* @__PURE__ */ (0,
|
|
8114
|
-
/* @__PURE__ */ (0,
|
|
8189
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
8190
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8115
8191
|
"feColorMatrix",
|
|
8116
8192
|
{
|
|
8117
8193
|
in: "SourceAlpha",
|
|
@@ -8119,18 +8195,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8119
8195
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
8120
8196
|
}
|
|
8121
8197
|
),
|
|
8122
|
-
/* @__PURE__ */ (0,
|
|
8123
|
-
/* @__PURE__ */ (0,
|
|
8124
|
-
/* @__PURE__ */ (0,
|
|
8125
|
-
/* @__PURE__ */ (0,
|
|
8126
|
-
/* @__PURE__ */ (0,
|
|
8198
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feOffset", { dy: 1 }),
|
|
8199
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
8200
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
8201
|
+
/* @__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" }),
|
|
8202
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8127
8203
|
"feBlend",
|
|
8128
8204
|
{
|
|
8129
8205
|
in2: "BackgroundImageFix",
|
|
8130
8206
|
result: "effect1_dropShadow_257_2538"
|
|
8131
8207
|
}
|
|
8132
8208
|
),
|
|
8133
|
-
/* @__PURE__ */ (0,
|
|
8209
|
+
/* @__PURE__ */ (0, import_jsx_runtime247.jsx)(
|
|
8134
8210
|
"feBlend",
|
|
8135
8211
|
{
|
|
8136
8212
|
in: "SourceGraphic",
|
|
@@ -8147,8 +8223,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246
|
|
|
8147
8223
|
var LandtrustPlusLight_default = SvgLandtrustPlusLight;
|
|
8148
8224
|
|
|
8149
8225
|
// src/Logo/components/LandtrustStandardDark.tsx
|
|
8150
|
-
var
|
|
8151
|
-
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0,
|
|
8226
|
+
var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
|
|
8227
|
+
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
8152
8228
|
"svg",
|
|
8153
8229
|
{
|
|
8154
8230
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8156,14 +8232,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
8156
8232
|
fill: "none",
|
|
8157
8233
|
...props,
|
|
8158
8234
|
children: [
|
|
8159
|
-
/* @__PURE__ */ (0,
|
|
8235
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
8160
8236
|
"path",
|
|
8161
8237
|
{
|
|
8162
8238
|
fill: "#E2430C",
|
|
8163
8239
|
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
8240
|
}
|
|
8165
8241
|
),
|
|
8166
|
-
/* @__PURE__ */ (0,
|
|
8242
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
8167
8243
|
"path",
|
|
8168
8244
|
{
|
|
8169
8245
|
fill: "#fff",
|
|
@@ -8176,8 +8252,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
8176
8252
|
var LandtrustStandardDark_default = SvgLandtrustStandardDark;
|
|
8177
8253
|
|
|
8178
8254
|
// src/Logo/components/LandtrustStandardLight.tsx
|
|
8179
|
-
var
|
|
8180
|
-
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0,
|
|
8255
|
+
var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
|
|
8256
|
+
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime249.jsxs)(
|
|
8181
8257
|
"svg",
|
|
8182
8258
|
{
|
|
8183
8259
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8185,14 +8261,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
8185
8261
|
fill: "none",
|
|
8186
8262
|
...props,
|
|
8187
8263
|
children: [
|
|
8188
|
-
/* @__PURE__ */ (0,
|
|
8264
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8189
8265
|
"path",
|
|
8190
8266
|
{
|
|
8191
8267
|
fill: "#E2430C",
|
|
8192
8268
|
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
8269
|
}
|
|
8194
8270
|
),
|
|
8195
|
-
/* @__PURE__ */ (0,
|
|
8271
|
+
/* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8196
8272
|
"path",
|
|
8197
8273
|
{
|
|
8198
8274
|
fill: "#000",
|
|
@@ -8205,7 +8281,7 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
8205
8281
|
var LandtrustStandardLight_default = SvgLandtrustStandardLight;
|
|
8206
8282
|
|
|
8207
8283
|
// src/Logo/Logo.tsx
|
|
8208
|
-
var
|
|
8284
|
+
var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
|
|
8209
8285
|
var logoStyles = (size) => import_react49.css`
|
|
8210
8286
|
width: ${space[size]};
|
|
8211
8287
|
height: auto;
|
|
@@ -8234,7 +8310,7 @@ var Logo = ({
|
|
|
8234
8310
|
return LandtrustStandardLight_default;
|
|
8235
8311
|
};
|
|
8236
8312
|
const LogoComponent = getLogoComponent();
|
|
8237
|
-
return /* @__PURE__ */ (0,
|
|
8313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
|
|
8238
8314
|
};
|
|
8239
8315
|
var Logo_default = Logo;
|
|
8240
8316
|
|
|
@@ -8342,7 +8418,7 @@ var avatarPlaceholderStyles = import_react50.css`
|
|
|
8342
8418
|
`;
|
|
8343
8419
|
|
|
8344
8420
|
// src/Navigation/Navigation.tsx
|
|
8345
|
-
var
|
|
8421
|
+
var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
|
|
8346
8422
|
var Navigation = ({
|
|
8347
8423
|
onMenuToggle,
|
|
8348
8424
|
className,
|
|
@@ -8356,7 +8432,7 @@ var Navigation = ({
|
|
|
8356
8432
|
onAvatarClick,
|
|
8357
8433
|
...rest
|
|
8358
8434
|
}) => {
|
|
8359
|
-
return /* @__PURE__ */ (0,
|
|
8435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
8360
8436
|
Box_default,
|
|
8361
8437
|
{
|
|
8362
8438
|
display: "flex",
|
|
@@ -8365,7 +8441,7 @@ var Navigation = ({
|
|
|
8365
8441
|
position: "relative",
|
|
8366
8442
|
css: containerStyles3,
|
|
8367
8443
|
children: [
|
|
8368
|
-
/* @__PURE__ */ (0,
|
|
8444
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8369
8445
|
Box_default,
|
|
8370
8446
|
{
|
|
8371
8447
|
as: "button",
|
|
@@ -8377,11 +8453,11 @@ var Navigation = ({
|
|
|
8377
8453
|
border: "none",
|
|
8378
8454
|
padding: space[2],
|
|
8379
8455
|
css: hamburgerButtonStyles,
|
|
8380
|
-
children: /* @__PURE__ */ (0,
|
|
8456
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Icon_default, { variant: "Bars", size: "large" })
|
|
8381
8457
|
}
|
|
8382
8458
|
),
|
|
8383
|
-
/* @__PURE__ */ (0,
|
|
8384
|
-
/* @__PURE__ */ (0,
|
|
8459
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
|
|
8460
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8385
8461
|
Logo_default,
|
|
8386
8462
|
{
|
|
8387
8463
|
variant: logoVariant,
|
|
@@ -8390,8 +8466,8 @@ var Navigation = ({
|
|
|
8390
8466
|
css: logoStyles2
|
|
8391
8467
|
}
|
|
8392
8468
|
) }),
|
|
8393
|
-
/* @__PURE__ */ (0,
|
|
8394
|
-
/* @__PURE__ */ (0,
|
|
8469
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Box_default, { css: desktopNavStyles, children: [
|
|
8470
|
+
/* @__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
8471
|
"a",
|
|
8396
8472
|
{
|
|
8397
8473
|
href: link.href,
|
|
@@ -8400,7 +8476,7 @@ var Navigation = ({
|
|
|
8400
8476
|
children: link.label
|
|
8401
8477
|
}
|
|
8402
8478
|
) }, link.href)) }) }),
|
|
8403
|
-
/* @__PURE__ */ (0,
|
|
8479
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8404
8480
|
Box_default,
|
|
8405
8481
|
{
|
|
8406
8482
|
as: "button",
|
|
@@ -8650,7 +8726,7 @@ var dotVisible = import_react52.css`
|
|
|
8650
8726
|
`;
|
|
8651
8727
|
|
|
8652
8728
|
// src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
|
|
8653
|
-
var
|
|
8729
|
+
var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
|
|
8654
8730
|
var ScrollingCarouselStep = ({
|
|
8655
8731
|
children,
|
|
8656
8732
|
index,
|
|
@@ -8677,7 +8753,7 @@ var ScrollingCarouselStep = ({
|
|
|
8677
8753
|
});
|
|
8678
8754
|
}
|
|
8679
8755
|
}, [inView, index, dispatch]);
|
|
8680
|
-
return /* @__PURE__ */ (0,
|
|
8756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
|
|
8681
8757
|
"div",
|
|
8682
8758
|
{
|
|
8683
8759
|
ref,
|
|
@@ -8905,7 +8981,7 @@ var useCarouselVisibility = (carousel2) => {
|
|
|
8905
8981
|
};
|
|
8906
8982
|
|
|
8907
8983
|
// src/ScrollingCarousel/ScrollingCarousel.tsx
|
|
8908
|
-
var
|
|
8984
|
+
var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
|
|
8909
8985
|
var ScrollingCarousel = ({
|
|
8910
8986
|
className,
|
|
8911
8987
|
children,
|
|
@@ -8971,7 +9047,7 @@ var ScrollingCarousel = ({
|
|
|
8971
9047
|
});
|
|
8972
9048
|
const hasMultipleChildren = state.childVisibility.length > 1;
|
|
8973
9049
|
const shouldShowNavigation = showNavigationOnHover ? isHovering : true;
|
|
8974
|
-
return /* @__PURE__ */ (0,
|
|
9050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)(
|
|
8975
9051
|
"div",
|
|
8976
9052
|
{
|
|
8977
9053
|
css: carouselRoot,
|
|
@@ -8979,7 +9055,7 @@ var ScrollingCarousel = ({
|
|
|
8979
9055
|
onMouseEnter: () => setIsHovering(true),
|
|
8980
9056
|
onMouseLeave: () => setIsHovering(false),
|
|
8981
9057
|
children: [
|
|
8982
|
-
/* @__PURE__ */ (0,
|
|
9058
|
+
/* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
8983
9059
|
"div",
|
|
8984
9060
|
{
|
|
8985
9061
|
css: carousel,
|
|
@@ -8988,11 +9064,11 @@ var ScrollingCarousel = ({
|
|
|
8988
9064
|
role: "region",
|
|
8989
9065
|
"aria-roledescription": "carousel",
|
|
8990
9066
|
"aria-label": "Scrolling carousel",
|
|
8991
|
-
children: /* @__PURE__ */ (0,
|
|
9067
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
|
|
8992
9068
|
}
|
|
8993
9069
|
),
|
|
8994
|
-
hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0,
|
|
8995
|
-
showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0,
|
|
9070
|
+
hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)("div", { css: controls(buttonsPosition), children: [
|
|
9071
|
+
showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
8996
9072
|
"button",
|
|
8997
9073
|
{
|
|
8998
9074
|
"aria-label": "Previous",
|
|
@@ -9004,10 +9080,10 @@ var ScrollingCarousel = ({
|
|
|
9004
9080
|
},
|
|
9005
9081
|
css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
|
|
9006
9082
|
"data-testid": `scrolling-carousel-button-back-${id}`,
|
|
9007
|
-
children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0,
|
|
9083
|
+
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
9084
|
}
|
|
9009
9085
|
),
|
|
9010
|
-
showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0,
|
|
9086
|
+
showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
9011
9087
|
"button",
|
|
9012
9088
|
{
|
|
9013
9089
|
"aria-label": "Next",
|
|
@@ -9019,11 +9095,11 @@ var ScrollingCarousel = ({
|
|
|
9019
9095
|
},
|
|
9020
9096
|
css: buttonRight(buttonsPosition),
|
|
9021
9097
|
"data-testid": `scrolling-carousel-button-next-${id}`,
|
|
9022
|
-
children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0,
|
|
9098
|
+
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
9099
|
}
|
|
9024
9100
|
)
|
|
9025
9101
|
] }),
|
|
9026
|
-
showDots && /* @__PURE__ */ (0,
|
|
9102
|
+
showDots && /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
9027
9103
|
"div",
|
|
9028
9104
|
{
|
|
9029
9105
|
css: dotsInner,
|
|
@@ -9031,7 +9107,7 @@ var ScrollingCarousel = ({
|
|
|
9031
9107
|
children: state.childVisibility.map((childVisibility, i) => {
|
|
9032
9108
|
var _a;
|
|
9033
9109
|
const distance = (_a = dotDistances[i]) != null ? _a : 0;
|
|
9034
|
-
return /* @__PURE__ */ (0,
|
|
9110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
9035
9111
|
"button",
|
|
9036
9112
|
{
|
|
9037
9113
|
type: "button",
|
|
@@ -9211,7 +9287,7 @@ var overlayStyles = import_react58.css`
|
|
|
9211
9287
|
`;
|
|
9212
9288
|
|
|
9213
9289
|
// src/PackageCard/PackageCard.tsx
|
|
9214
|
-
var
|
|
9290
|
+
var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
|
|
9215
9291
|
var PackageCard = ({
|
|
9216
9292
|
images,
|
|
9217
9293
|
title,
|
|
@@ -9233,7 +9309,7 @@ var PackageCard = ({
|
|
|
9233
9309
|
const shouldShowOverlay = availabilityBadges == null ? void 0 : availabilityBadges.some(
|
|
9234
9310
|
(badge2) => badge2.showOverlay
|
|
9235
9311
|
);
|
|
9236
|
-
return /* @__PURE__ */ (0,
|
|
9312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
9237
9313
|
Box_default,
|
|
9238
9314
|
{
|
|
9239
9315
|
position: "relative",
|
|
@@ -9242,7 +9318,7 @@ var PackageCard = ({
|
|
|
9242
9318
|
onClick,
|
|
9243
9319
|
...rest,
|
|
9244
9320
|
children: [
|
|
9245
|
-
/* @__PURE__ */ (0,
|
|
9321
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
9246
9322
|
Box_default,
|
|
9247
9323
|
{
|
|
9248
9324
|
position: "relative",
|
|
@@ -9250,7 +9326,7 @@ var PackageCard = ({
|
|
|
9250
9326
|
borderRadius: "var(--spacing-4)",
|
|
9251
9327
|
css: imageContainerStyles(orientation),
|
|
9252
9328
|
children: [
|
|
9253
|
-
availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0,
|
|
9329
|
+
availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9254
9330
|
AvailabilityBadge_default,
|
|
9255
9331
|
{
|
|
9256
9332
|
variant: badge2.variant,
|
|
@@ -9259,18 +9335,18 @@ var PackageCard = ({
|
|
|
9259
9335
|
},
|
|
9260
9336
|
`availability-${index}`
|
|
9261
9337
|
)),
|
|
9262
|
-
shouldShowOverlay && /* @__PURE__ */ (0,
|
|
9263
|
-
/* @__PURE__ */ (0,
|
|
9338
|
+
shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { css: overlayStyles }),
|
|
9339
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9264
9340
|
ScrollingCarousel,
|
|
9265
9341
|
{
|
|
9266
9342
|
showDots: images.length > 1,
|
|
9267
9343
|
showNavigationOnHover: true,
|
|
9268
9344
|
id: carouselId,
|
|
9269
|
-
children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0,
|
|
9345
|
+
children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9270
9346
|
ScrollingCarouselStep,
|
|
9271
9347
|
{
|
|
9272
9348
|
parentId: carouselId,
|
|
9273
|
-
children: /* @__PURE__ */ (0,
|
|
9349
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9274
9350
|
Box_default,
|
|
9275
9351
|
{
|
|
9276
9352
|
width: "100%",
|
|
@@ -9288,7 +9364,7 @@ var PackageCard = ({
|
|
|
9288
9364
|
))
|
|
9289
9365
|
}
|
|
9290
9366
|
),
|
|
9291
|
-
onFavoriteClick && /* @__PURE__ */ (0,
|
|
9367
|
+
onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9292
9368
|
Box_default,
|
|
9293
9369
|
{
|
|
9294
9370
|
css: heartIconStyles,
|
|
@@ -9297,14 +9373,14 @@ var PackageCard = ({
|
|
|
9297
9373
|
e.stopPropagation();
|
|
9298
9374
|
onFavoriteClick == null ? void 0 : onFavoriteClick();
|
|
9299
9375
|
},
|
|
9300
|
-
children: isFavorited ? /* @__PURE__ */ (0,
|
|
9376
|
+
children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9301
9377
|
Icon_default,
|
|
9302
9378
|
{
|
|
9303
9379
|
variant: "HeartSolid",
|
|
9304
9380
|
size: "small",
|
|
9305
9381
|
fill: "var(--color-error-500)"
|
|
9306
9382
|
}
|
|
9307
|
-
) : /* @__PURE__ */ (0,
|
|
9383
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9308
9384
|
Icon_default,
|
|
9309
9385
|
{
|
|
9310
9386
|
variant: "Heart",
|
|
@@ -9314,13 +9390,13 @@ var PackageCard = ({
|
|
|
9314
9390
|
)
|
|
9315
9391
|
}
|
|
9316
9392
|
),
|
|
9317
|
-
actions && actions.length > 0 && orientation === "vertical" && /* @__PURE__ */ (0,
|
|
9393
|
+
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
9394
|
]
|
|
9319
9395
|
}
|
|
9320
9396
|
),
|
|
9321
|
-
actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0,
|
|
9322
|
-
/* @__PURE__ */ (0,
|
|
9323
|
-
/* @__PURE__ */ (0,
|
|
9397
|
+
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 }) }),
|
|
9398
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
|
|
9399
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
9324
9400
|
Box_default,
|
|
9325
9401
|
{
|
|
9326
9402
|
display: "flex",
|
|
@@ -9328,9 +9404,9 @@ var PackageCard = ({
|
|
|
9328
9404
|
gap: "var(--spacing-1)",
|
|
9329
9405
|
mb: "var(--spacing-1)",
|
|
9330
9406
|
children: [
|
|
9331
|
-
/* @__PURE__ */ (0,
|
|
9332
|
-
/* @__PURE__ */ (0,
|
|
9333
|
-
/* @__PURE__ */ (0,
|
|
9407
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
|
|
9408
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
|
|
9409
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
|
|
9334
9410
|
"Starting Price ",
|
|
9335
9411
|
startingPrice,
|
|
9336
9412
|
" / Guest"
|
|
@@ -9338,14 +9414,14 @@ var PackageCard = ({
|
|
|
9338
9414
|
]
|
|
9339
9415
|
}
|
|
9340
9416
|
),
|
|
9341
|
-
badges && badges.length > 0 && /* @__PURE__ */ (0,
|
|
9417
|
+
badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9342
9418
|
Box_default,
|
|
9343
9419
|
{
|
|
9344
9420
|
display: "flex",
|
|
9345
9421
|
gap: "var(--spacing-2) var(--spacing-4)",
|
|
9346
9422
|
alignItems: "center",
|
|
9347
9423
|
flexWrap: "wrap",
|
|
9348
|
-
children: badges.map((badge2, index) => /* @__PURE__ */ (0,
|
|
9424
|
+
children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
9349
9425
|
IconLabel_default,
|
|
9350
9426
|
{
|
|
9351
9427
|
iconSize: badge2.iconSize || "medium",
|
|
@@ -9364,14 +9440,14 @@ var PackageCard = ({
|
|
|
9364
9440
|
var PackageCard_default = PackageCard;
|
|
9365
9441
|
|
|
9366
9442
|
// src/PackageHeader/PackageHeader.tsx
|
|
9367
|
-
var
|
|
9443
|
+
var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
|
|
9368
9444
|
var PackageHeader = ({
|
|
9369
9445
|
header,
|
|
9370
9446
|
subheader,
|
|
9371
9447
|
features,
|
|
9372
9448
|
className
|
|
9373
9449
|
}) => {
|
|
9374
|
-
return /* @__PURE__ */ (0,
|
|
9450
|
+
return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
|
|
9375
9451
|
Box_default,
|
|
9376
9452
|
{
|
|
9377
9453
|
display: "flex",
|
|
@@ -9380,9 +9456,9 @@ var PackageHeader = ({
|
|
|
9380
9456
|
color: "var(--text-primary)",
|
|
9381
9457
|
className,
|
|
9382
9458
|
children: [
|
|
9383
|
-
/* @__PURE__ */ (0,
|
|
9384
|
-
subheader && /* @__PURE__ */ (0,
|
|
9385
|
-
features && /* @__PURE__ */ (0,
|
|
9459
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
|
|
9460
|
+
subheader && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { children: subheader }),
|
|
9461
|
+
features && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(FeatureList_default, { items: features })
|
|
9386
9462
|
]
|
|
9387
9463
|
}
|
|
9388
9464
|
);
|
|
@@ -9402,13 +9478,13 @@ var imageStyles3 = import_react59.css`
|
|
|
9402
9478
|
`;
|
|
9403
9479
|
|
|
9404
9480
|
// src/ReviewCard/components/ReviewImages.tsx
|
|
9405
|
-
var
|
|
9481
|
+
var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
|
|
9406
9482
|
var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
9407
9483
|
const displayImages = images.slice(0, maxImages);
|
|
9408
9484
|
if (displayImages.length === 0) {
|
|
9409
9485
|
return null;
|
|
9410
9486
|
}
|
|
9411
|
-
return /* @__PURE__ */ (0,
|
|
9487
|
+
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
9488
|
"img",
|
|
9413
9489
|
{
|
|
9414
9490
|
src: image,
|
|
@@ -9421,7 +9497,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
|
9421
9497
|
var ReviewImages_default = ReviewImages;
|
|
9422
9498
|
|
|
9423
9499
|
// src/ReviewCard/components/ReviewReply.tsx
|
|
9424
|
-
var
|
|
9500
|
+
var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
|
|
9425
9501
|
var ReviewReply = ({
|
|
9426
9502
|
avatarSrc,
|
|
9427
9503
|
name,
|
|
@@ -9430,7 +9506,7 @@ var ReviewReply = ({
|
|
|
9430
9506
|
label,
|
|
9431
9507
|
rating
|
|
9432
9508
|
}) => {
|
|
9433
|
-
return /* @__PURE__ */ (0,
|
|
9509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
|
|
9434
9510
|
Box_default,
|
|
9435
9511
|
{
|
|
9436
9512
|
backgroundColor: "var(--surface-neutral)",
|
|
@@ -9440,7 +9516,7 @@ var ReviewReply = ({
|
|
|
9440
9516
|
flexDirection: "column",
|
|
9441
9517
|
gap: "var(--spacing-3)",
|
|
9442
9518
|
children: [
|
|
9443
|
-
/* @__PURE__ */ (0,
|
|
9519
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
|
|
9444
9520
|
Box_default,
|
|
9445
9521
|
{
|
|
9446
9522
|
display: "flex",
|
|
@@ -9448,7 +9524,7 @@ var ReviewReply = ({
|
|
|
9448
9524
|
justifyContent: "space-between",
|
|
9449
9525
|
gap: "var(--spacing-2)",
|
|
9450
9526
|
children: [
|
|
9451
|
-
/* @__PURE__ */ (0,
|
|
9527
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
9452
9528
|
UserCard_default,
|
|
9453
9529
|
{
|
|
9454
9530
|
avatarSrc,
|
|
@@ -9457,11 +9533,11 @@ var ReviewReply = ({
|
|
|
9457
9533
|
rating
|
|
9458
9534
|
}
|
|
9459
9535
|
),
|
|
9460
|
-
/* @__PURE__ */ (0,
|
|
9536
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
|
|
9461
9537
|
]
|
|
9462
9538
|
}
|
|
9463
9539
|
),
|
|
9464
|
-
/* @__PURE__ */ (0,
|
|
9540
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Text_default, { children: content })
|
|
9465
9541
|
]
|
|
9466
9542
|
}
|
|
9467
9543
|
);
|
|
@@ -9469,7 +9545,7 @@ var ReviewReply = ({
|
|
|
9469
9545
|
var ReviewReply_default = ReviewReply;
|
|
9470
9546
|
|
|
9471
9547
|
// src/ReviewCard/ReviewCard.tsx
|
|
9472
|
-
var
|
|
9548
|
+
var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
|
|
9473
9549
|
var ReviewCard = ({
|
|
9474
9550
|
avatarSrc,
|
|
9475
9551
|
name,
|
|
@@ -9481,7 +9557,7 @@ var ReviewCard = ({
|
|
|
9481
9557
|
replies = [],
|
|
9482
9558
|
className
|
|
9483
9559
|
}) => {
|
|
9484
|
-
return /* @__PURE__ */ (0,
|
|
9560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
|
|
9485
9561
|
Box_default,
|
|
9486
9562
|
{
|
|
9487
9563
|
backgroundColor: "white",
|
|
@@ -9492,7 +9568,7 @@ var ReviewCard = ({
|
|
|
9492
9568
|
gap: "var(--spacing-4)",
|
|
9493
9569
|
className,
|
|
9494
9570
|
children: [
|
|
9495
|
-
/* @__PURE__ */ (0,
|
|
9571
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
|
|
9496
9572
|
UserCard_default,
|
|
9497
9573
|
{
|
|
9498
9574
|
avatarSrc,
|
|
@@ -9501,10 +9577,10 @@ var ReviewCard = ({
|
|
|
9501
9577
|
rating
|
|
9502
9578
|
}
|
|
9503
9579
|
),
|
|
9504
|
-
availabilityBadge && /* @__PURE__ */ (0,
|
|
9505
|
-
/* @__PURE__ */ (0,
|
|
9506
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
9507
|
-
replies.length > 0 && /* @__PURE__ */ (0,
|
|
9580
|
+
availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
|
|
9581
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Text_default, { size: "md", children: content }),
|
|
9582
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(ReviewImages_default, { images }),
|
|
9583
|
+
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
9584
|
ReviewReply_default,
|
|
9509
9585
|
{
|
|
9510
9586
|
avatarSrc: reply.avatarSrc,
|
|
@@ -9526,9 +9602,9 @@ var ReviewCard_default = ReviewCard;
|
|
|
9526
9602
|
var import_react60 = require("@emotion/react");
|
|
9527
9603
|
|
|
9528
9604
|
// src/Reviews/components/ReviewItem.tsx
|
|
9529
|
-
var
|
|
9605
|
+
var import_jsx_runtime259 = require("@emotion/react/jsx-runtime");
|
|
9530
9606
|
var ReviewItem = ({ label, rating }) => {
|
|
9531
|
-
return /* @__PURE__ */ (0,
|
|
9607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(
|
|
9532
9608
|
Box_default,
|
|
9533
9609
|
{
|
|
9534
9610
|
display: "flex",
|
|
@@ -9536,13 +9612,10 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
9536
9612
|
alignItems: "center",
|
|
9537
9613
|
width: "100%",
|
|
9538
9614
|
children: [
|
|
9539
|
-
/* @__PURE__ */ (0,
|
|
9540
|
-
/* @__PURE__ */ (0,
|
|
9541
|
-
/* @__PURE__ */ (0,
|
|
9542
|
-
/* @__PURE__ */ (0,
|
|
9543
|
-
rating,
|
|
9544
|
-
"/5"
|
|
9545
|
-
] })
|
|
9615
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Text_default, { fontWeight: "semibold", children: label }),
|
|
9616
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
9617
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
|
|
9618
|
+
/* @__PURE__ */ (0, import_jsx_runtime259.jsx)(Text_default, { fontWeight: "semibold", children: rating.toFixed(1) })
|
|
9546
9619
|
] })
|
|
9547
9620
|
]
|
|
9548
9621
|
}
|
|
@@ -9551,14 +9624,14 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
9551
9624
|
var ReviewItem_default = ReviewItem;
|
|
9552
9625
|
|
|
9553
9626
|
// src/Reviews/Reviews.tsx
|
|
9554
|
-
var
|
|
9627
|
+
var import_jsx_runtime260 = require("@emotion/react/jsx-runtime");
|
|
9555
9628
|
var Reviews = ({
|
|
9556
9629
|
averageRating,
|
|
9557
9630
|
totalReviews,
|
|
9558
9631
|
items,
|
|
9559
9632
|
className
|
|
9560
9633
|
}) => {
|
|
9561
|
-
return /* @__PURE__ */ (0,
|
|
9634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
|
|
9562
9635
|
Box_default,
|
|
9563
9636
|
{
|
|
9564
9637
|
width: "100%",
|
|
@@ -9571,7 +9644,7 @@ var Reviews = ({
|
|
|
9571
9644
|
p: "var(--spacing-4)",
|
|
9572
9645
|
className,
|
|
9573
9646
|
children: [
|
|
9574
|
-
/* @__PURE__ */ (0,
|
|
9647
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(
|
|
9575
9648
|
Box_default,
|
|
9576
9649
|
{
|
|
9577
9650
|
display: "flex",
|
|
@@ -9579,11 +9652,11 @@ var Reviews = ({
|
|
|
9579
9652
|
alignItems: "center",
|
|
9580
9653
|
gap: "var(--spacing-2)",
|
|
9581
9654
|
children: [
|
|
9582
|
-
/* @__PURE__ */ (0,
|
|
9583
|
-
/* @__PURE__ */ (0,
|
|
9655
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
|
|
9656
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
|
|
9584
9657
|
StarRating_default,
|
|
9585
9658
|
{
|
|
9586
|
-
rating:
|
|
9659
|
+
rating: averageRating,
|
|
9587
9660
|
css: import_react60.css`
|
|
9588
9661
|
> svg {
|
|
9589
9662
|
height: 40px;
|
|
@@ -9592,7 +9665,7 @@ var Reviews = ({
|
|
|
9592
9665
|
`
|
|
9593
9666
|
}
|
|
9594
9667
|
),
|
|
9595
|
-
/* @__PURE__ */ (0,
|
|
9668
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
9596
9669
|
"Overall Rating \u2022 ",
|
|
9597
9670
|
totalReviews,
|
|
9598
9671
|
" Review",
|
|
@@ -9601,14 +9674,14 @@ var Reviews = ({
|
|
|
9601
9674
|
]
|
|
9602
9675
|
}
|
|
9603
9676
|
),
|
|
9604
|
-
/* @__PURE__ */ (0,
|
|
9677
|
+
/* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
|
|
9605
9678
|
Box_default,
|
|
9606
9679
|
{
|
|
9607
9680
|
display: "flex",
|
|
9608
9681
|
flexDirection: "column",
|
|
9609
9682
|
gap: "var(--spacing-2)",
|
|
9610
9683
|
width: "100%",
|
|
9611
|
-
children: items.map((item, index) => /* @__PURE__ */ (0,
|
|
9684
|
+
children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
|
|
9612
9685
|
}
|
|
9613
9686
|
)
|
|
9614
9687
|
]
|
|
@@ -9618,7 +9691,7 @@ var Reviews = ({
|
|
|
9618
9691
|
var Reviews_default = Reviews;
|
|
9619
9692
|
|
|
9620
9693
|
// src/Reviews/ReviewsShowcase.tsx
|
|
9621
|
-
var
|
|
9694
|
+
var import_jsx_runtime261 = require("@emotion/react/jsx-runtime");
|
|
9622
9695
|
var ReviewsShowcase = () => {
|
|
9623
9696
|
const sampleData = {
|
|
9624
9697
|
averageRating: 4,
|
|
@@ -9640,7 +9713,7 @@ var ReviewsShowcase = () => {
|
|
|
9640
9713
|
{ label: "Game Abundance", rating: 5 }
|
|
9641
9714
|
]
|
|
9642
9715
|
};
|
|
9643
|
-
return /* @__PURE__ */ (0,
|
|
9716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(
|
|
9644
9717
|
Box_default,
|
|
9645
9718
|
{
|
|
9646
9719
|
display: "flex",
|
|
@@ -9648,24 +9721,24 @@ var ReviewsShowcase = () => {
|
|
|
9648
9721
|
gap: "var(--spacing-8)",
|
|
9649
9722
|
p: "var(--spacing-6)",
|
|
9650
9723
|
children: [
|
|
9651
|
-
/* @__PURE__ */ (0,
|
|
9652
|
-
/* @__PURE__ */ (0,
|
|
9653
|
-
/* @__PURE__ */ (0,
|
|
9654
|
-
/* @__PURE__ */ (0,
|
|
9724
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
|
|
9725
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9726
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
|
|
9727
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Reviews_default, { ...sampleData }) })
|
|
9655
9728
|
] }),
|
|
9656
|
-
/* @__PURE__ */ (0,
|
|
9657
|
-
/* @__PURE__ */ (0,
|
|
9658
|
-
/* @__PURE__ */ (0,
|
|
9729
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9730
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
|
|
9731
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Reviews_default, { ...highRatingData }) })
|
|
9659
9732
|
] }),
|
|
9660
|
-
/* @__PURE__ */ (0,
|
|
9661
|
-
/* @__PURE__ */ (0,
|
|
9662
|
-
/* @__PURE__ */ (0,
|
|
9733
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9734
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
|
|
9735
|
+
/* @__PURE__ */ (0, import_jsx_runtime261.jsx)(
|
|
9663
9736
|
Box_default,
|
|
9664
9737
|
{
|
|
9665
9738
|
maxWidth: "320px",
|
|
9666
9739
|
border: "1px solid var(--color-neutral-200)",
|
|
9667
9740
|
p: "var(--spacing-4)",
|
|
9668
|
-
children: /* @__PURE__ */ (0,
|
|
9741
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime261.jsx)(Reviews_default, { ...sampleData })
|
|
9669
9742
|
}
|
|
9670
9743
|
)
|
|
9671
9744
|
] })
|
|
@@ -9682,6 +9755,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
|
|
|
9682
9755
|
Avatar,
|
|
9683
9756
|
Box,
|
|
9684
9757
|
Button,
|
|
9758
|
+
BytescaleImage,
|
|
9685
9759
|
ChatWidget,
|
|
9686
9760
|
Column,
|
|
9687
9761
|
ContactLandownerButton,
|