@landtrustinc/design-system 1.2.26 → 1.2.27-beta.1
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 +80 -74
- package/dist/index.js +415 -370
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -37,6 +37,7 @@ __export(src_exports, {
|
|
|
37
37
|
Button: () => Button_default,
|
|
38
38
|
ChatWidget: () => ChatWidget_default,
|
|
39
39
|
Column: () => Column_default,
|
|
40
|
+
ContactLandownerButton: () => ContactLandownerButton,
|
|
40
41
|
Container: () => Container_default,
|
|
41
42
|
Divider: () => Divider_default,
|
|
42
43
|
FeatureList: () => FeatureList_default,
|
|
@@ -74,6 +75,8 @@ __export(src_exports, {
|
|
|
74
75
|
Text: () => Text_default,
|
|
75
76
|
TextArea: () => TextArea,
|
|
76
77
|
ThemeTokens: () => ThemeTokens,
|
|
78
|
+
TopMatchingFieldNote: () => TopMatchingFieldNote,
|
|
79
|
+
TopMatchingReview: () => TopMatchingReview,
|
|
77
80
|
UserCard: () => UserCard_default,
|
|
78
81
|
Widget: () => Widget_default,
|
|
79
82
|
WidgetPanel: () => WidgetPanel,
|
|
@@ -4520,13 +4523,16 @@ var TableWrapper = ({
|
|
|
4520
4523
|
var MarkdownContent = ({
|
|
4521
4524
|
content,
|
|
4522
4525
|
className,
|
|
4523
|
-
enableCodeCopy = true
|
|
4526
|
+
enableCodeCopy = true,
|
|
4527
|
+
customComponents = {}
|
|
4524
4528
|
}) => {
|
|
4525
4529
|
return /* @__PURE__ */ (0, import_jsx_runtime213.jsx)("div", { className, css: markdownContentStyles, children: /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
4526
4530
|
import_markdown_to_jsx.default,
|
|
4527
4531
|
{
|
|
4528
4532
|
options: {
|
|
4529
4533
|
overrides: {
|
|
4534
|
+
// Custom components (e.g., TopMatchingFieldNote, TopMatchingReview)
|
|
4535
|
+
...customComponents,
|
|
4530
4536
|
// Headings - use design system Heading component with spacing
|
|
4531
4537
|
h1: {
|
|
4532
4538
|
component: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime213.jsx)(
|
|
@@ -4695,6 +4701,34 @@ var errorRetryStyles = import_react12.css`
|
|
|
4695
4701
|
align-items: center;
|
|
4696
4702
|
`;
|
|
4697
4703
|
|
|
4704
|
+
// src/AIResponse/components/ContactLandownerButton/ContactLandownerButton.tsx
|
|
4705
|
+
var import_jsx_runtime214 = require("@emotion/react/jsx-runtime");
|
|
4706
|
+
var ContactLandownerButton = ({
|
|
4707
|
+
listingId,
|
|
4708
|
+
slug,
|
|
4709
|
+
buttonText = "Contact Landowner",
|
|
4710
|
+
className
|
|
4711
|
+
}) => {
|
|
4712
|
+
const url = `/l/${slug}/${listingId}/inquiry/activity`;
|
|
4713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
|
|
4714
|
+
Button_default,
|
|
4715
|
+
{
|
|
4716
|
+
variant: "primary",
|
|
4717
|
+
size: "base",
|
|
4718
|
+
as: "a",
|
|
4719
|
+
href: url,
|
|
4720
|
+
className,
|
|
4721
|
+
style: {
|
|
4722
|
+
alignSelf: "flex-start",
|
|
4723
|
+
marginTop: "var(--spacing-4)",
|
|
4724
|
+
textDecoration: "none",
|
|
4725
|
+
color: "var(--text-on-action)"
|
|
4726
|
+
},
|
|
4727
|
+
children: buttonText
|
|
4728
|
+
}
|
|
4729
|
+
);
|
|
4730
|
+
};
|
|
4731
|
+
|
|
4698
4732
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.styles.ts
|
|
4699
4733
|
var import_react13 = require("@emotion/react");
|
|
4700
4734
|
var imageStyles = import_react13.css`
|
|
@@ -4706,18 +4740,36 @@ var imageStyles = import_react13.css`
|
|
|
4706
4740
|
`;
|
|
4707
4741
|
|
|
4708
4742
|
// src/AIResponse/components/TopMatchingFieldNote/TopMatchingFieldNote.tsx
|
|
4709
|
-
var
|
|
4743
|
+
var import_jsx_runtime215 = require("@emotion/react/jsx-runtime");
|
|
4710
4744
|
var TopMatchingFieldNote = ({
|
|
4711
4745
|
author,
|
|
4712
4746
|
datePosted,
|
|
4713
4747
|
content,
|
|
4714
4748
|
images,
|
|
4715
4749
|
title = "Top matching field note",
|
|
4716
|
-
className
|
|
4750
|
+
className,
|
|
4751
|
+
children
|
|
4717
4752
|
}) => {
|
|
4718
|
-
|
|
4719
|
-
|
|
4720
|
-
|
|
4753
|
+
let parsedImages = [];
|
|
4754
|
+
try {
|
|
4755
|
+
parsedImages = typeof images === "string" ? JSON.parse(images) : images;
|
|
4756
|
+
} catch (e) {
|
|
4757
|
+
console.warn("Failed to parse images in TopMatchingFieldNote:", e);
|
|
4758
|
+
parsedImages = [];
|
|
4759
|
+
}
|
|
4760
|
+
const displayContent = content || children;
|
|
4761
|
+
return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
4762
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
4763
|
+
Heading_default,
|
|
4764
|
+
{
|
|
4765
|
+
size: "2xs",
|
|
4766
|
+
fontWeight: "bold",
|
|
4767
|
+
color: "var(--text-primary)",
|
|
4768
|
+
css: { marginTop: "var(--spacing-6)" },
|
|
4769
|
+
children: title
|
|
4770
|
+
}
|
|
4771
|
+
),
|
|
4772
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(
|
|
4721
4773
|
Box_default,
|
|
4722
4774
|
{
|
|
4723
4775
|
display: "flex",
|
|
@@ -4725,23 +4777,23 @@ var TopMatchingFieldNote = ({
|
|
|
4725
4777
|
gap: "var(--spacing-4)",
|
|
4726
4778
|
bg: "var(--surface-neutral)",
|
|
4727
4779
|
borderRadius: "var(--radius-lg)",
|
|
4728
|
-
|
|
4780
|
+
pt: "var(--spacing-2)",
|
|
4729
4781
|
minWidth: "335px",
|
|
4730
4782
|
className,
|
|
4731
4783
|
children: [
|
|
4732
|
-
/* @__PURE__ */ (0,
|
|
4733
|
-
|
|
4784
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
|
|
4785
|
+
parsedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
|
|
4734
4786
|
"div",
|
|
4735
4787
|
{
|
|
4736
4788
|
css: imageStyles,
|
|
4737
4789
|
style: {
|
|
4738
|
-
backgroundImage: `url('${
|
|
4790
|
+
backgroundImage: `url('${parsedImages[0]}')`
|
|
4739
4791
|
}
|
|
4740
4792
|
}
|
|
4741
4793
|
),
|
|
4742
|
-
/* @__PURE__ */ (0,
|
|
4743
|
-
/* @__PURE__ */ (0,
|
|
4744
|
-
/* @__PURE__ */ (0,
|
|
4794
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
4795
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Icon_default, { variant: "IconFieldNotesUpdates", size: "large" }),
|
|
4796
|
+
/* @__PURE__ */ (0, import_jsx_runtime215.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
4745
4797
|
author,
|
|
4746
4798
|
" shared an update \u2022 ",
|
|
4747
4799
|
datePosted
|
|
@@ -4754,18 +4806,30 @@ var TopMatchingFieldNote = ({
|
|
|
4754
4806
|
};
|
|
4755
4807
|
|
|
4756
4808
|
// src/AIResponse/components/TopMatchingReview/TopMatchingReview.tsx
|
|
4757
|
-
var
|
|
4809
|
+
var import_jsx_runtime216 = require("@emotion/react/jsx-runtime");
|
|
4758
4810
|
var TopMatchingReview = ({
|
|
4759
4811
|
author,
|
|
4760
4812
|
datePosted,
|
|
4761
4813
|
rating,
|
|
4762
4814
|
content,
|
|
4763
4815
|
title = "Top matching review",
|
|
4764
|
-
className
|
|
4816
|
+
className,
|
|
4817
|
+
children
|
|
4765
4818
|
}) => {
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4819
|
+
const parsedRating = typeof rating === "string" ? parseInt(rating, 10) : rating;
|
|
4820
|
+
const displayContent = content || children;
|
|
4821
|
+
return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
4822
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
4823
|
+
Heading_default,
|
|
4824
|
+
{
|
|
4825
|
+
size: "2xs",
|
|
4826
|
+
fontWeight: "bold",
|
|
4827
|
+
color: "var(--text-primary)",
|
|
4828
|
+
css: { marginTop: "var(--spacing-6)" },
|
|
4829
|
+
children: title
|
|
4830
|
+
}
|
|
4831
|
+
),
|
|
4832
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
|
|
4769
4833
|
Box_default,
|
|
4770
4834
|
{
|
|
4771
4835
|
display: "flex",
|
|
@@ -4773,20 +4837,20 @@ var TopMatchingReview = ({
|
|
|
4773
4837
|
gap: "var(--spacing-4)",
|
|
4774
4838
|
bg: "var(--surface-neutral)",
|
|
4775
4839
|
borderRadius: "var(--radius-lg)",
|
|
4776
|
-
|
|
4840
|
+
pt: "var(--spacing-2)",
|
|
4777
4841
|
minWidth: "335px",
|
|
4778
4842
|
className,
|
|
4779
4843
|
children: [
|
|
4780
|
-
/* @__PURE__ */ (0,
|
|
4781
|
-
/* @__PURE__ */ (0,
|
|
4782
|
-
/* @__PURE__ */ (0,
|
|
4783
|
-
/* @__PURE__ */ (0,
|
|
4844
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: displayContent }),
|
|
4845
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
4846
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Icon_default, { variant: "StarSolid", size: "large" }),
|
|
4847
|
+
/* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Text_default, { size: "xs", color: "var(--text-primary)", children: [
|
|
4784
4848
|
"This review was posted by ",
|
|
4785
4849
|
author,
|
|
4786
4850
|
" on ",
|
|
4787
4851
|
datePosted,
|
|
4788
4852
|
" \u2022 ",
|
|
4789
|
-
|
|
4853
|
+
parsedRating,
|
|
4790
4854
|
"/5 Rating"
|
|
4791
4855
|
] })
|
|
4792
4856
|
] })
|
|
@@ -4797,7 +4861,7 @@ var TopMatchingReview = ({
|
|
|
4797
4861
|
};
|
|
4798
4862
|
|
|
4799
4863
|
// src/AIResponse/AIResponse.tsx
|
|
4800
|
-
var
|
|
4864
|
+
var import_jsx_runtime217 = require("@emotion/react/jsx-runtime");
|
|
4801
4865
|
var AIResponse = ({
|
|
4802
4866
|
title = `Here's what I found`,
|
|
4803
4867
|
showDisclaimer = true,
|
|
@@ -4810,13 +4874,7 @@ var AIResponse = ({
|
|
|
4810
4874
|
onErrorRetry,
|
|
4811
4875
|
helpfulDebounceMs = 1e3,
|
|
4812
4876
|
markdown = false,
|
|
4813
|
-
enableCodeCopy = true
|
|
4814
|
-
topMatchingReview,
|
|
4815
|
-
topMatchingReviewTitle = "Top matching review",
|
|
4816
|
-
topMatchingFieldNote,
|
|
4817
|
-
topMatchingFieldNoteTitle = "Top matching field note",
|
|
4818
|
-
contactLandownerUrl,
|
|
4819
|
-
contactLandownerButtonText = "Contact Landowner"
|
|
4877
|
+
enableCodeCopy = true
|
|
4820
4878
|
}) => {
|
|
4821
4879
|
const [visualHelpful, setVisualHelpful] = (0, import_react14.useState)(
|
|
4822
4880
|
void 0
|
|
@@ -4855,7 +4913,7 @@ var AIResponse = ({
|
|
|
4855
4913
|
}
|
|
4856
4914
|
};
|
|
4857
4915
|
}, []);
|
|
4858
|
-
return /* @__PURE__ */ (0,
|
|
4916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(
|
|
4859
4917
|
Box_default,
|
|
4860
4918
|
{
|
|
4861
4919
|
className,
|
|
@@ -4863,48 +4921,46 @@ var AIResponse = ({
|
|
|
4863
4921
|
flexDirection: "column",
|
|
4864
4922
|
gap: "var(--spacing-4)",
|
|
4865
4923
|
children: [
|
|
4866
|
-
variant !== "error" && /* @__PURE__ */ (0,
|
|
4867
|
-
/* @__PURE__ */ (0,
|
|
4868
|
-
variant === "error" ? /* @__PURE__ */ (0,
|
|
4869
|
-
|
|
4870
|
-
Button_default,
|
|
4924
|
+
variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", color: "var(--text-primary)", children: title }),
|
|
4925
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: getBannerStyles(variant), children: [
|
|
4926
|
+
variant === "error" ? /* @__PURE__ */ (0, import_jsx_runtime217.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_runtime217.jsx)(
|
|
4927
|
+
MarkdownContent_default,
|
|
4871
4928
|
{
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
children: contactLandownerButtonText
|
|
4929
|
+
content: children,
|
|
4930
|
+
enableCodeCopy,
|
|
4931
|
+
customComponents: {
|
|
4932
|
+
TopMatchingFieldNote,
|
|
4933
|
+
TopMatchingReview,
|
|
4934
|
+
ContactLandownerButton
|
|
4935
|
+
}
|
|
4880
4936
|
}
|
|
4881
|
-
),
|
|
4882
|
-
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0,
|
|
4883
|
-
/* @__PURE__ */ (0,
|
|
4884
|
-
/* @__PURE__ */ (0,
|
|
4937
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children }),
|
|
4938
|
+
variant !== "error" && showDisclaimer && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)(Box_default, { display: "flex", gap: "var(--spacing-1)", alignItems: "center", children: [
|
|
4939
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "AiMagic", size: "large" }),
|
|
4940
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.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." })
|
|
4885
4941
|
] }),
|
|
4886
|
-
variant === "error" && /* @__PURE__ */ (0,
|
|
4942
|
+
variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime217.jsx)("div", { css: errorRetryStyles, children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
4887
4943
|
Button_default,
|
|
4888
4944
|
{
|
|
4889
4945
|
variant: "secondary",
|
|
4890
4946
|
size: "md",
|
|
4891
4947
|
onClick: onErrorRetry,
|
|
4892
|
-
icon: /* @__PURE__ */ (0,
|
|
4893
|
-
children: /* @__PURE__ */ (0,
|
|
4948
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Icon_default, { variant: "ArrowRotateLeft" }),
|
|
4949
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: "Try Again" })
|
|
4894
4950
|
}
|
|
4895
4951
|
) })
|
|
4896
4952
|
] }),
|
|
4897
|
-
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0,
|
|
4898
|
-
/* @__PURE__ */ (0,
|
|
4899
|
-
/* @__PURE__ */ (0,
|
|
4900
|
-
/* @__PURE__ */ (0,
|
|
4953
|
+
showHelpfulQuestion && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: footerStyles, children: [
|
|
4954
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(Text_default, { size: "md", color: "var(--text-primary)", children: "Was this helpful?" }),
|
|
4955
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsxs)("div", { css: actionsStyles, children: [
|
|
4956
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
4901
4957
|
Button_default,
|
|
4902
4958
|
{
|
|
4903
4959
|
variant: "text",
|
|
4904
4960
|
size: "xs",
|
|
4905
4961
|
onClick: handleHelpfulYes,
|
|
4906
4962
|
"aria-pressed": visualHelpful === "yes",
|
|
4907
|
-
children: /* @__PURE__ */ (0,
|
|
4963
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
4908
4964
|
IconLabel_default,
|
|
4909
4965
|
{
|
|
4910
4966
|
variant: visualHelpful === "yes" ? "ThumbsUpSolid" : "ThumbsUp",
|
|
@@ -4913,14 +4969,14 @@ var AIResponse = ({
|
|
|
4913
4969
|
)
|
|
4914
4970
|
}
|
|
4915
4971
|
),
|
|
4916
|
-
/* @__PURE__ */ (0,
|
|
4972
|
+
/* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
4917
4973
|
Button_default,
|
|
4918
4974
|
{
|
|
4919
4975
|
variant: "text",
|
|
4920
4976
|
size: "xs",
|
|
4921
4977
|
onClick: handleHelpfulNo,
|
|
4922
4978
|
"aria-pressed": visualHelpful === "no",
|
|
4923
|
-
children: /* @__PURE__ */ (0,
|
|
4979
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime217.jsx)(
|
|
4924
4980
|
IconLabel_default,
|
|
4925
4981
|
{
|
|
4926
4982
|
variant: visualHelpful === "no" ? "ThumbsDownSolid" : "ThumbsDown",
|
|
@@ -4930,21 +4986,7 @@ var AIResponse = ({
|
|
|
4930
4986
|
}
|
|
4931
4987
|
)
|
|
4932
4988
|
] })
|
|
4933
|
-
] })
|
|
4934
|
-
topMatchingReview && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
4935
|
-
TopMatchingReview,
|
|
4936
|
-
{
|
|
4937
|
-
...topMatchingReview,
|
|
4938
|
-
title: topMatchingReviewTitle
|
|
4939
|
-
}
|
|
4940
|
-
),
|
|
4941
|
-
topMatchingFieldNote && variant !== "error" && /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
|
|
4942
|
-
TopMatchingFieldNote,
|
|
4943
|
-
{
|
|
4944
|
-
...topMatchingFieldNote,
|
|
4945
|
-
title: topMatchingFieldNoteTitle
|
|
4946
|
-
}
|
|
4947
|
-
)
|
|
4989
|
+
] })
|
|
4948
4990
|
]
|
|
4949
4991
|
}
|
|
4950
4992
|
);
|
|
@@ -4977,13 +5019,13 @@ var availabilityBadgeVariantStyles = {
|
|
|
4977
5019
|
};
|
|
4978
5020
|
|
|
4979
5021
|
// src/AvailabilityBadge/AvailabilityBadge.tsx
|
|
4980
|
-
var
|
|
5022
|
+
var import_jsx_runtime218 = require("@emotion/react/jsx-runtime");
|
|
4981
5023
|
var AvailabilityBadge = ({
|
|
4982
5024
|
children,
|
|
4983
5025
|
variant,
|
|
4984
5026
|
className
|
|
4985
5027
|
}) => {
|
|
4986
|
-
return /* @__PURE__ */ (0,
|
|
5028
|
+
return /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(
|
|
4987
5029
|
Box_default,
|
|
4988
5030
|
{
|
|
4989
5031
|
display: "inline-flex",
|
|
@@ -4993,7 +5035,7 @@ var AvailabilityBadge = ({
|
|
|
4993
5035
|
borderRadius: "var(--spacing-2)",
|
|
4994
5036
|
css: availabilityBadgeVariantStyles[variant],
|
|
4995
5037
|
className,
|
|
4996
|
-
children: /* @__PURE__ */ (0,
|
|
5038
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime218.jsx)(Text_default, { size: "xs", fontWeight: "bold", children })
|
|
4997
5039
|
}
|
|
4998
5040
|
);
|
|
4999
5041
|
};
|
|
@@ -5052,7 +5094,7 @@ var avatarFallbackStyles = import_react16.css`
|
|
|
5052
5094
|
`;
|
|
5053
5095
|
|
|
5054
5096
|
// src/Avatar/Avatar.tsx
|
|
5055
|
-
var
|
|
5097
|
+
var import_jsx_runtime219 = require("@emotion/react/jsx-runtime");
|
|
5056
5098
|
var Avatar = ({
|
|
5057
5099
|
type = "image",
|
|
5058
5100
|
src,
|
|
@@ -5102,7 +5144,7 @@ var Avatar = ({
|
|
|
5102
5144
|
};
|
|
5103
5145
|
if (type === "text" && text) {
|
|
5104
5146
|
const initials = getInitials(text);
|
|
5105
|
-
return /* @__PURE__ */ (0,
|
|
5147
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5106
5148
|
"div",
|
|
5107
5149
|
{
|
|
5108
5150
|
css: [
|
|
@@ -5117,7 +5159,7 @@ var Avatar = ({
|
|
|
5117
5159
|
);
|
|
5118
5160
|
}
|
|
5119
5161
|
if (type === "image" && src && !hasImageError) {
|
|
5120
|
-
return /* @__PURE__ */ (0,
|
|
5162
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5121
5163
|
"img",
|
|
5122
5164
|
{
|
|
5123
5165
|
src,
|
|
@@ -5128,13 +5170,13 @@ var Avatar = ({
|
|
|
5128
5170
|
}
|
|
5129
5171
|
);
|
|
5130
5172
|
}
|
|
5131
|
-
return /* @__PURE__ */ (0,
|
|
5173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5132
5174
|
"div",
|
|
5133
5175
|
{
|
|
5134
5176
|
css: [avatarFallbackStyles, avatarSizeStyles[size]],
|
|
5135
5177
|
className,
|
|
5136
5178
|
title: alt,
|
|
5137
|
-
children: /* @__PURE__ */ (0,
|
|
5179
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime219.jsx)(
|
|
5138
5180
|
Icon_default,
|
|
5139
5181
|
{
|
|
5140
5182
|
variant: "User",
|
|
@@ -5167,13 +5209,13 @@ var dividerStyles = import_react19.css`
|
|
|
5167
5209
|
`;
|
|
5168
5210
|
|
|
5169
5211
|
// src/Divider/Divider.tsx
|
|
5170
|
-
var
|
|
5212
|
+
var import_jsx_runtime220 = require("@emotion/react/jsx-runtime");
|
|
5171
5213
|
var StyledHr = import_styled4.default.hr`
|
|
5172
5214
|
${dividerStyles}
|
|
5173
5215
|
${import_styled_system2.space}
|
|
5174
5216
|
`;
|
|
5175
5217
|
var Divider = ({ className, ...rest }) => {
|
|
5176
|
-
return /* @__PURE__ */ (0,
|
|
5218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime220.jsx)(StyledHr, { className, ...rest });
|
|
5177
5219
|
};
|
|
5178
5220
|
var Divider_default = Divider;
|
|
5179
5221
|
|
|
@@ -5246,7 +5288,7 @@ var textareaWithSubmit = import_react20.css`
|
|
|
5246
5288
|
`;
|
|
5247
5289
|
|
|
5248
5290
|
// src/Form/TextArea.tsx
|
|
5249
|
-
var
|
|
5291
|
+
var import_jsx_runtime221 = require("@emotion/react/jsx-runtime");
|
|
5250
5292
|
var TextArea = (0, import_react22.forwardRef)(
|
|
5251
5293
|
({
|
|
5252
5294
|
rows = 3,
|
|
@@ -5304,8 +5346,8 @@ var TextArea = (0, import_react22.forwardRef)(
|
|
|
5304
5346
|
onSubmit();
|
|
5305
5347
|
}
|
|
5306
5348
|
};
|
|
5307
|
-
return /* @__PURE__ */ (0,
|
|
5308
|
-
/* @__PURE__ */ (0,
|
|
5349
|
+
return /* @__PURE__ */ (0, import_jsx_runtime221.jsxs)("div", { css: wrapperStyles, children: [
|
|
5350
|
+
/* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
5309
5351
|
"textarea",
|
|
5310
5352
|
{
|
|
5311
5353
|
ref: (node) => {
|
|
@@ -5335,14 +5377,14 @@ var TextArea = (0, import_react22.forwardRef)(
|
|
|
5335
5377
|
...props
|
|
5336
5378
|
}
|
|
5337
5379
|
),
|
|
5338
|
-
showSubmit && /* @__PURE__ */ (0,
|
|
5380
|
+
showSubmit && /* @__PURE__ */ (0, import_jsx_runtime221.jsx)("div", { css: submitButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
5339
5381
|
Button_default,
|
|
5340
5382
|
{
|
|
5341
5383
|
size: "xs",
|
|
5342
5384
|
"aria-label": submitAriaLabel,
|
|
5343
5385
|
onClick: onSubmit,
|
|
5344
5386
|
disabled: disabled || submitDisabled,
|
|
5345
|
-
icon: /* @__PURE__ */ (0,
|
|
5387
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime221.jsx)(
|
|
5346
5388
|
Icon_default,
|
|
5347
5389
|
{
|
|
5348
5390
|
variant: "PaperPlane",
|
|
@@ -5390,15 +5432,15 @@ var contentStyles = import_react23.css`
|
|
|
5390
5432
|
`;
|
|
5391
5433
|
|
|
5392
5434
|
// src/MessageBubble/MessageBubble.tsx
|
|
5393
|
-
var
|
|
5435
|
+
var import_jsx_runtime222 = require("@emotion/react/jsx-runtime");
|
|
5394
5436
|
var MessageBubble = ({
|
|
5395
5437
|
variant = "sent",
|
|
5396
5438
|
timestamp,
|
|
5397
5439
|
className,
|
|
5398
5440
|
children
|
|
5399
5441
|
}) => {
|
|
5400
|
-
return /* @__PURE__ */ (0,
|
|
5401
|
-
timestamp && /* @__PURE__ */ (0,
|
|
5442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)("div", { className, css: getRootStyles(variant), children: [
|
|
5443
|
+
timestamp && /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
|
|
5402
5444
|
Text_default,
|
|
5403
5445
|
{
|
|
5404
5446
|
size: "xs",
|
|
@@ -5407,7 +5449,7 @@ var MessageBubble = ({
|
|
|
5407
5449
|
children: timestamp
|
|
5408
5450
|
}
|
|
5409
5451
|
),
|
|
5410
|
-
/* @__PURE__ */ (0,
|
|
5452
|
+
/* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { css: getBubbleStyles(variant), children: /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { css: contentStyles, children }) })
|
|
5411
5453
|
] });
|
|
5412
5454
|
};
|
|
5413
5455
|
var MessageBubble_default = MessageBubble;
|
|
@@ -5448,14 +5490,14 @@ var tagChipVariantStyles = {
|
|
|
5448
5490
|
};
|
|
5449
5491
|
|
|
5450
5492
|
// src/TagChip/TagChip.tsx
|
|
5451
|
-
var
|
|
5493
|
+
var import_jsx_runtime223 = require("@emotion/react/jsx-runtime");
|
|
5452
5494
|
var TagChip = ({
|
|
5453
5495
|
variant = "primary",
|
|
5454
5496
|
className,
|
|
5455
5497
|
children,
|
|
5456
5498
|
...rest
|
|
5457
5499
|
}) => {
|
|
5458
|
-
return /* @__PURE__ */ (0,
|
|
5500
|
+
return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
|
|
5459
5501
|
Box_default,
|
|
5460
5502
|
{
|
|
5461
5503
|
display: "inline-flex",
|
|
@@ -5466,7 +5508,7 @@ var TagChip = ({
|
|
|
5466
5508
|
css: tagChipVariantStyles[variant],
|
|
5467
5509
|
className,
|
|
5468
5510
|
...rest,
|
|
5469
|
-
children: /* @__PURE__ */ (0,
|
|
5511
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Text_default, { as: "span", size: "sm", fontWeight: "normal", children })
|
|
5470
5512
|
}
|
|
5471
5513
|
);
|
|
5472
5514
|
};
|
|
@@ -5532,7 +5574,7 @@ var widgetTrigger = import_react25.css`
|
|
|
5532
5574
|
`;
|
|
5533
5575
|
|
|
5534
5576
|
// src/Widget/Widget.tsx
|
|
5535
|
-
var
|
|
5577
|
+
var import_jsx_runtime224 = require("@emotion/react/jsx-runtime");
|
|
5536
5578
|
var WidgetContext = (0, import_react26.createContext)(null);
|
|
5537
5579
|
var useWidgetContext = () => {
|
|
5538
5580
|
const ctx = (0, import_react26.useContext)(WidgetContext);
|
|
@@ -5543,7 +5585,7 @@ var useWidgetContext = () => {
|
|
|
5543
5585
|
var WidgetTrigger = () => {
|
|
5544
5586
|
const { expanded, toggle, triggerRef, icon: icon2, expandedIcon } = useWidgetContext();
|
|
5545
5587
|
const currentIcon = expanded ? expandedIcon : icon2;
|
|
5546
|
-
return /* @__PURE__ */ (0,
|
|
5588
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(import_jsx_runtime224.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5547
5589
|
Button_default,
|
|
5548
5590
|
{
|
|
5549
5591
|
ref: triggerRef,
|
|
@@ -5551,7 +5593,7 @@ var WidgetTrigger = () => {
|
|
|
5551
5593
|
"aria-haspopup": "dialog",
|
|
5552
5594
|
onClick: toggle,
|
|
5553
5595
|
size: "lg",
|
|
5554
|
-
icon: /* @__PURE__ */ (0,
|
|
5596
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Icon_default, { variant: currentIcon, size: "xxlarge" }),
|
|
5555
5597
|
css: widgetTrigger
|
|
5556
5598
|
}
|
|
5557
5599
|
) });
|
|
@@ -5560,7 +5602,7 @@ var WidgetPanel = ({ className, style, children }) => {
|
|
|
5560
5602
|
const { expanded, panelWidth } = useWidgetContext();
|
|
5561
5603
|
if (!expanded)
|
|
5562
5604
|
return null;
|
|
5563
|
-
return /* @__PURE__ */ (0,
|
|
5605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { css: panelContainer, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5564
5606
|
Box_default,
|
|
5565
5607
|
{
|
|
5566
5608
|
css: panelCard(panelWidth),
|
|
@@ -5642,7 +5684,7 @@ var WidgetRoot = ({
|
|
|
5642
5684
|
}),
|
|
5643
5685
|
[expandedIcon, icon2, isExpanded, panelWidth, toggle]
|
|
5644
5686
|
);
|
|
5645
|
-
return /* @__PURE__ */ (0,
|
|
5687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
|
|
5646
5688
|
Box_default,
|
|
5647
5689
|
{
|
|
5648
5690
|
ref: containerRef,
|
|
@@ -5653,7 +5695,7 @@ var WidgetRoot = ({
|
|
|
5653
5695
|
bottom: "var(--spacing-6)",
|
|
5654
5696
|
zIndex: 100,
|
|
5655
5697
|
...containerProps,
|
|
5656
|
-
children: /* @__PURE__ */ (0,
|
|
5698
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(WidgetContext.Provider, { value, children })
|
|
5657
5699
|
}
|
|
5658
5700
|
);
|
|
5659
5701
|
};
|
|
@@ -5821,23 +5863,23 @@ var buttonOverrideStyles = import_react28.css`
|
|
|
5821
5863
|
`;
|
|
5822
5864
|
|
|
5823
5865
|
// src/ChatWidget/components/AskBuckButton.tsx
|
|
5824
|
-
var
|
|
5866
|
+
var import_jsx_runtime225 = require("@emotion/react/jsx-runtime");
|
|
5825
5867
|
var AskBuckButton = import_react29.default.forwardRef(
|
|
5826
5868
|
({ isAnimating = true, children = "Ask Buck", badgeCount }, ref) => {
|
|
5827
5869
|
var _a;
|
|
5828
5870
|
const widgetContext = (0, import_react29.useContext)(WidgetContext);
|
|
5829
5871
|
const isExpanded = (_a = widgetContext == null ? void 0 : widgetContext.expanded) != null ? _a : false;
|
|
5830
5872
|
const showBadge = !isExpanded && badgeCount !== void 0 && badgeCount > 0;
|
|
5831
|
-
return /* @__PURE__ */ (0,
|
|
5873
|
+
return /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("div", { css: triggerWrapperStyles(isAnimating), children: /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
5832
5874
|
Button_default,
|
|
5833
5875
|
{
|
|
5834
5876
|
ref,
|
|
5835
5877
|
"aria-expanded": widgetContext == null ? void 0 : widgetContext.expanded,
|
|
5836
5878
|
"aria-haspopup": "dialog",
|
|
5837
5879
|
onClick: widgetContext == null ? void 0 : widgetContext.toggle,
|
|
5838
|
-
icon: /* @__PURE__ */ (0,
|
|
5839
|
-
showBadge && /* @__PURE__ */ (0,
|
|
5840
|
-
/* @__PURE__ */ (0,
|
|
5880
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime225.jsxs)(import_jsx_runtime225.Fragment, { children: [
|
|
5881
|
+
showBadge && /* @__PURE__ */ (0, import_jsx_runtime225.jsx)("span", { css: badgeStyles, children: badgeCount }),
|
|
5882
|
+
/* @__PURE__ */ (0, import_jsx_runtime225.jsx)(
|
|
5841
5883
|
Icon_default,
|
|
5842
5884
|
{
|
|
5843
5885
|
variant: isExpanded ? "AngleDownSharp" : "ConversationalSearchAi",
|
|
@@ -5855,9 +5897,9 @@ AskBuckButton.displayName = "AskBuckButton";
|
|
|
5855
5897
|
var AskBuckButton_default = AskBuckButton;
|
|
5856
5898
|
|
|
5857
5899
|
// src/ChatWidget/ChatWidget.tsx
|
|
5858
|
-
var
|
|
5900
|
+
var import_jsx_runtime226 = require("@emotion/react/jsx-runtime");
|
|
5859
5901
|
var DEFAULT_EMPTY_STATE = [
|
|
5860
|
-
/* @__PURE__ */ (0,
|
|
5902
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
5861
5903
|
AIResponse_default,
|
|
5862
5904
|
{
|
|
5863
5905
|
showDisclaimer: false,
|
|
@@ -5937,12 +5979,12 @@ var ChatWidget = ({
|
|
|
5937
5979
|
var _a;
|
|
5938
5980
|
const key = (_a = element.key) != null ? _a : index;
|
|
5939
5981
|
if (element.type === AIResponse_default) {
|
|
5940
|
-
return /* @__PURE__ */ (0,
|
|
5982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: element }, key);
|
|
5941
5983
|
}
|
|
5942
5984
|
if (element.type === MessageBubble_default) {
|
|
5943
|
-
return /* @__PURE__ */ (0,
|
|
5985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: sentWrapperStyles, children: element }, key);
|
|
5944
5986
|
}
|
|
5945
|
-
return /* @__PURE__ */ (0,
|
|
5987
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(import_react30.default.Fragment, { children: element }, key);
|
|
5946
5988
|
}),
|
|
5947
5989
|
[messagesToRender]
|
|
5948
5990
|
);
|
|
@@ -5953,7 +5995,7 @@ var ChatWidget = ({
|
|
|
5953
5995
|
onSubmit(trimmed);
|
|
5954
5996
|
setValue("");
|
|
5955
5997
|
};
|
|
5956
|
-
return /* @__PURE__ */ (0,
|
|
5998
|
+
return /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
|
|
5957
5999
|
Widget_default,
|
|
5958
6000
|
{
|
|
5959
6001
|
ariaLabel,
|
|
@@ -5965,10 +6007,10 @@ var ChatWidget = ({
|
|
|
5965
6007
|
containerProps,
|
|
5966
6008
|
closeOnClickOutside,
|
|
5967
6009
|
children: [
|
|
5968
|
-
/* @__PURE__ */ (0,
|
|
5969
|
-
/* @__PURE__ */ (0,
|
|
5970
|
-
/* @__PURE__ */ (0,
|
|
5971
|
-
/* @__PURE__ */ (0,
|
|
6010
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(AskBuckButton_default, { badgeCount: notificationCount }) }),
|
|
6011
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Widget_default.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { css: containerStyles, children: [
|
|
6012
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { position: "sticky", top: 0, zIndex: 1, children: [
|
|
6013
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
|
|
5972
6014
|
Box_default,
|
|
5973
6015
|
{
|
|
5974
6016
|
display: "flex",
|
|
@@ -5976,9 +6018,9 @@ var ChatWidget = ({
|
|
|
5976
6018
|
justifyContent: "space-between",
|
|
5977
6019
|
gap: "var(--spacing-4)",
|
|
5978
6020
|
children: [
|
|
5979
|
-
/* @__PURE__ */ (0,
|
|
5980
|
-
/* @__PURE__ */ (0,
|
|
5981
|
-
/* @__PURE__ */ (0,
|
|
6021
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
|
|
6022
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { css: badge, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: "ConversationalSearchAi", size: "large" }) }),
|
|
6023
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
5982
6024
|
Heading_default,
|
|
5983
6025
|
{
|
|
5984
6026
|
size: "2xs",
|
|
@@ -5988,25 +6030,25 @@ var ChatWidget = ({
|
|
|
5988
6030
|
}
|
|
5989
6031
|
)
|
|
5990
6032
|
] }),
|
|
5991
|
-
/* @__PURE__ */ (0,
|
|
6033
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
5992
6034
|
Button_default,
|
|
5993
6035
|
{
|
|
5994
6036
|
variant: "text",
|
|
5995
6037
|
size: "xs",
|
|
5996
6038
|
"aria-label": "Close widget",
|
|
5997
6039
|
onClick: () => setExpanded(false),
|
|
5998
|
-
children: /* @__PURE__ */ (0,
|
|
5999
|
-
/* @__PURE__ */ (0,
|
|
6000
|
-
/* @__PURE__ */ (0,
|
|
6040
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("span", { css: closeButtonContent, children: [
|
|
6041
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Icon_default, { variant: "Xmark", size: "medium" }),
|
|
6042
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { children: "Close" })
|
|
6001
6043
|
] })
|
|
6002
6044
|
}
|
|
6003
6045
|
)
|
|
6004
6046
|
]
|
|
6005
6047
|
}
|
|
6006
6048
|
),
|
|
6007
|
-
/* @__PURE__ */ (0,
|
|
6049
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Divider_default, { mt: 4, mb: 0 })
|
|
6008
6050
|
] }),
|
|
6009
|
-
/* @__PURE__ */ (0,
|
|
6051
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
|
|
6010
6052
|
Box_default,
|
|
6011
6053
|
{
|
|
6012
6054
|
ref: scrollRef,
|
|
@@ -6019,27 +6061,27 @@ var ChatWidget = ({
|
|
|
6019
6061
|
flexDirection: "column",
|
|
6020
6062
|
gap: "var(--spacing-2)",
|
|
6021
6063
|
children: [
|
|
6022
|
-
/* @__PURE__ */ (0,
|
|
6023
|
-
isThinking && /* @__PURE__ */ (0,
|
|
6024
|
-
/* @__PURE__ */ (0,
|
|
6025
|
-
/* @__PURE__ */ (0,
|
|
6064
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: renderedMessages }),
|
|
6065
|
+
isThinking && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)("div", { css: thinkingRowStyles, children: [
|
|
6066
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Spinner_default2, { size: "medium" }),
|
|
6067
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)("span", { css: thinkingTextStyles, children: thinkingText })
|
|
6026
6068
|
] }) }),
|
|
6027
|
-
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0,
|
|
6069
|
+
suggestedPrompts && suggestedPrompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { css: receivedWrapperStyles, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsxs)(
|
|
6028
6070
|
Box_default,
|
|
6029
6071
|
{
|
|
6030
6072
|
display: "flex",
|
|
6031
6073
|
flexDirection: "column",
|
|
6032
6074
|
gap: "var(--spacing-4)",
|
|
6033
6075
|
children: [
|
|
6034
|
-
/* @__PURE__ */ (0,
|
|
6035
|
-
/* @__PURE__ */ (0,
|
|
6076
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Text_default, { size: "md", fontWeight: "bold", color: "var(--text-primary)", children: suggestedPromptsTitle }),
|
|
6077
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
6036
6078
|
Box_default,
|
|
6037
6079
|
{
|
|
6038
6080
|
display: "flex",
|
|
6039
6081
|
flexWrap: "wrap",
|
|
6040
6082
|
gap: "var(--spacing-4)",
|
|
6041
6083
|
alignItems: "flex-start",
|
|
6042
|
-
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0,
|
|
6084
|
+
children: suggestedPrompts.map((prompt, index) => /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
6043
6085
|
TagChip_default,
|
|
6044
6086
|
{
|
|
6045
6087
|
variant: "success",
|
|
@@ -6060,7 +6102,7 @@ var ChatWidget = ({
|
|
|
6060
6102
|
]
|
|
6061
6103
|
}
|
|
6062
6104
|
),
|
|
6063
|
-
/* @__PURE__ */ (0,
|
|
6105
|
+
/* @__PURE__ */ (0, import_jsx_runtime226.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime226.jsx)(
|
|
6064
6106
|
TextArea_default,
|
|
6065
6107
|
{
|
|
6066
6108
|
rows: 3,
|
|
@@ -6085,7 +6127,7 @@ var ChatWidget_default = ChatWidget;
|
|
|
6085
6127
|
// src/FeatureList/components/FeatureListItem.tsx
|
|
6086
6128
|
var import_react31 = require("@emotion/react");
|
|
6087
6129
|
var import_react_loading_skeleton = __toESM(require("react-loading-skeleton"));
|
|
6088
|
-
var
|
|
6130
|
+
var import_jsx_runtime227 = require("@emotion/react/jsx-runtime");
|
|
6089
6131
|
var FeatureListItem = ({
|
|
6090
6132
|
iconVariant,
|
|
6091
6133
|
label,
|
|
@@ -6100,8 +6142,8 @@ var FeatureListItem = ({
|
|
|
6100
6142
|
}) => {
|
|
6101
6143
|
const iconDimensions = IconSizeMap[iconSize];
|
|
6102
6144
|
if (isLoading) {
|
|
6103
|
-
return /* @__PURE__ */ (0,
|
|
6104
|
-
/* @__PURE__ */ (0,
|
|
6145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: [
|
|
6146
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
|
|
6105
6147
|
Box_default,
|
|
6106
6148
|
{
|
|
6107
6149
|
display: "flex",
|
|
@@ -6111,7 +6153,7 @@ var FeatureListItem = ({
|
|
|
6111
6153
|
className,
|
|
6112
6154
|
...rest,
|
|
6113
6155
|
children: [
|
|
6114
|
-
/* @__PURE__ */ (0,
|
|
6156
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6115
6157
|
import_react_loading_skeleton.default,
|
|
6116
6158
|
{
|
|
6117
6159
|
circle: true,
|
|
@@ -6120,24 +6162,24 @@ var FeatureListItem = ({
|
|
|
6120
6162
|
borderRadius: 4
|
|
6121
6163
|
}
|
|
6122
6164
|
),
|
|
6123
|
-
/* @__PURE__ */ (0,
|
|
6165
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(import_react_loading_skeleton.default, { width: 120, height: 16, borderRadius: 4 })
|
|
6124
6166
|
]
|
|
6125
6167
|
}
|
|
6126
6168
|
),
|
|
6127
|
-
subtitle && /* @__PURE__ */ (0,
|
|
6128
|
-
/* @__PURE__ */ (0,
|
|
6129
|
-
/* @__PURE__ */ (0,
|
|
6169
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
6170
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
6171
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(import_react_loading_skeleton.default, { width: 150, height: 14, borderRadius: 4 })
|
|
6130
6172
|
] })
|
|
6131
6173
|
] });
|
|
6132
6174
|
}
|
|
6133
|
-
return /* @__PURE__ */ (0,
|
|
6134
|
-
/* @__PURE__ */ (0,
|
|
6175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { display: "flex", flexDirection: "column", color: "var(--text-primary)", children: isInline ? /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Text_default, { as: "span", children: [
|
|
6176
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
|
|
6135
6177
|
label,
|
|
6136
6178
|
" "
|
|
6137
6179
|
] }),
|
|
6138
6180
|
subtitle
|
|
6139
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
6140
|
-
/* @__PURE__ */ (0,
|
|
6181
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(import_jsx_runtime227.Fragment, { children: [
|
|
6182
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(
|
|
6141
6183
|
Box_default,
|
|
6142
6184
|
{
|
|
6143
6185
|
display: "flex",
|
|
@@ -6146,7 +6188,7 @@ var FeatureListItem = ({
|
|
|
6146
6188
|
className,
|
|
6147
6189
|
...rest,
|
|
6148
6190
|
children: [
|
|
6149
|
-
iconVariant && /* @__PURE__ */ (0,
|
|
6191
|
+
iconVariant && /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
|
|
6150
6192
|
Icon_default,
|
|
6151
6193
|
{
|
|
6152
6194
|
variant: iconVariant,
|
|
@@ -6157,22 +6199,22 @@ var FeatureListItem = ({
|
|
|
6157
6199
|
`
|
|
6158
6200
|
}
|
|
6159
6201
|
),
|
|
6160
|
-
/* @__PURE__ */ (0,
|
|
6202
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text_default, { fontWeight: "semibold", size: labelSize, children: label })
|
|
6161
6203
|
]
|
|
6162
6204
|
}
|
|
6163
6205
|
),
|
|
6164
|
-
subtitle && /* @__PURE__ */ (0,
|
|
6165
|
-
/* @__PURE__ */ (0,
|
|
6166
|
-
/* @__PURE__ */ (0,
|
|
6206
|
+
subtitle && /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-3)", children: [
|
|
6207
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Box_default, { minWidth: "var(--spacing-6)", children: "\xA0" }),
|
|
6208
|
+
/* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text_default, { size: "sm", children: subtitle })
|
|
6167
6209
|
] })
|
|
6168
6210
|
] }) });
|
|
6169
6211
|
};
|
|
6170
6212
|
var FeatureListItem_default = FeatureListItem;
|
|
6171
6213
|
|
|
6172
6214
|
// src/FeatureList/FeatureList.tsx
|
|
6173
|
-
var
|
|
6215
|
+
var import_jsx_runtime228 = require("@emotion/react/jsx-runtime");
|
|
6174
6216
|
var FeatureList = ({ heading, items, className }) => {
|
|
6175
|
-
return /* @__PURE__ */ (0,
|
|
6217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime228.jsxs)(
|
|
6176
6218
|
Box_default,
|
|
6177
6219
|
{
|
|
6178
6220
|
display: "flex",
|
|
@@ -6180,8 +6222,8 @@ var FeatureList = ({ heading, items, className }) => {
|
|
|
6180
6222
|
gap: "var(--spacing-2)",
|
|
6181
6223
|
className,
|
|
6182
6224
|
children: [
|
|
6183
|
-
heading && /* @__PURE__ */ (0,
|
|
6184
|
-
/* @__PURE__ */ (0,
|
|
6225
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Text_default, { fontWeight: "bold", children: heading }),
|
|
6226
|
+
/* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(FeatureListItem_default, { ...item }, `${item.iconVariant}-${index}`)) })
|
|
6185
6227
|
]
|
|
6186
6228
|
}
|
|
6187
6229
|
);
|
|
@@ -6217,7 +6259,7 @@ var getBackgroundWithGradient = (imageUrl) => import_react32.css`
|
|
|
6217
6259
|
`;
|
|
6218
6260
|
|
|
6219
6261
|
// src/FieldNoteCard/FieldNoteCard.tsx
|
|
6220
|
-
var
|
|
6262
|
+
var import_jsx_runtime229 = require("@emotion/react/jsx-runtime");
|
|
6221
6263
|
var FieldNoteCard = ({
|
|
6222
6264
|
backgroundImage,
|
|
6223
6265
|
title,
|
|
@@ -6226,14 +6268,14 @@ var FieldNoteCard = ({
|
|
|
6226
6268
|
className,
|
|
6227
6269
|
...rest
|
|
6228
6270
|
}) => {
|
|
6229
|
-
return /* @__PURE__ */ (0,
|
|
6271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6230
6272
|
Box_default,
|
|
6231
6273
|
{
|
|
6232
6274
|
display: "flex",
|
|
6233
6275
|
css: cardContainerStyles,
|
|
6234
6276
|
className,
|
|
6235
6277
|
...rest,
|
|
6236
|
-
children: /* @__PURE__ */ (0,
|
|
6278
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
|
|
6237
6279
|
Box_default,
|
|
6238
6280
|
{
|
|
6239
6281
|
display: "flex",
|
|
@@ -6241,9 +6283,9 @@ var FieldNoteCard = ({
|
|
|
6241
6283
|
justifyContent: "flex-end",
|
|
6242
6284
|
p: 6,
|
|
6243
6285
|
css: [cardContentStyles, getBackgroundWithGradient(backgroundImage)],
|
|
6244
|
-
children: /* @__PURE__ */ (0,
|
|
6245
|
-
/* @__PURE__ */ (0,
|
|
6246
|
-
/* @__PURE__ */ (0,
|
|
6286
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime229.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
6287
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
6288
|
+
/* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
6247
6289
|
] })
|
|
6248
6290
|
}
|
|
6249
6291
|
)
|
|
@@ -6254,7 +6296,7 @@ var FieldNoteCard_default = FieldNoteCard;
|
|
|
6254
6296
|
|
|
6255
6297
|
// src/Form/FormField.tsx
|
|
6256
6298
|
var import_react33 = require("@emotion/react");
|
|
6257
|
-
var
|
|
6299
|
+
var import_jsx_runtime230 = require("@emotion/react/jsx-runtime");
|
|
6258
6300
|
var fieldContainerStyles = import_react33.css`
|
|
6259
6301
|
display: flex;
|
|
6260
6302
|
flex-direction: column;
|
|
@@ -6321,21 +6363,21 @@ var FormField = ({
|
|
|
6321
6363
|
const hasError = !!error;
|
|
6322
6364
|
const hasSuccess = !!success && !hasError;
|
|
6323
6365
|
const hasHelpText = !!helpText && !hasError && !hasSuccess;
|
|
6324
|
-
return /* @__PURE__ */ (0,
|
|
6325
|
-
label && /* @__PURE__ */ (0,
|
|
6366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: fieldContainerStyles, className, children: [
|
|
6367
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)(
|
|
6326
6368
|
"label",
|
|
6327
6369
|
{
|
|
6328
6370
|
htmlFor,
|
|
6329
6371
|
css: [labelStyles2, hideLabel && visuallyHiddenStyles],
|
|
6330
6372
|
children: [
|
|
6331
6373
|
label,
|
|
6332
|
-
required && /* @__PURE__ */ (0,
|
|
6374
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("span", { css: requiredIndicatorStyles, "aria-label": "required", children: "*" })
|
|
6333
6375
|
]
|
|
6334
6376
|
}
|
|
6335
6377
|
),
|
|
6336
6378
|
children,
|
|
6337
|
-
hasError && /* @__PURE__ */ (0,
|
|
6338
|
-
/* @__PURE__ */ (0,
|
|
6379
|
+
hasError && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: errorTextStyles, role: "alert", children: [
|
|
6380
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6339
6381
|
"path",
|
|
6340
6382
|
{
|
|
6341
6383
|
fillRule: "evenodd",
|
|
@@ -6345,8 +6387,8 @@ var FormField = ({
|
|
|
6345
6387
|
) }),
|
|
6346
6388
|
error
|
|
6347
6389
|
] }),
|
|
6348
|
-
hasSuccess && /* @__PURE__ */ (0,
|
|
6349
|
-
/* @__PURE__ */ (0,
|
|
6390
|
+
hasSuccess && /* @__PURE__ */ (0, import_jsx_runtime230.jsxs)("div", { css: successTextStyles, children: [
|
|
6391
|
+
/* @__PURE__ */ (0, import_jsx_runtime230.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime230.jsx)(
|
|
6350
6392
|
"path",
|
|
6351
6393
|
{
|
|
6352
6394
|
fillRule: "evenodd",
|
|
@@ -6356,14 +6398,14 @@ var FormField = ({
|
|
|
6356
6398
|
) }),
|
|
6357
6399
|
success
|
|
6358
6400
|
] }),
|
|
6359
|
-
hasHelpText && /* @__PURE__ */ (0,
|
|
6401
|
+
hasHelpText && /* @__PURE__ */ (0, import_jsx_runtime230.jsx)("div", { css: helpTextStyles, children: helpText })
|
|
6360
6402
|
] });
|
|
6361
6403
|
};
|
|
6362
6404
|
|
|
6363
6405
|
// src/Form/Input.tsx
|
|
6364
6406
|
var import_react34 = require("@emotion/react");
|
|
6365
6407
|
var import_react35 = require("react");
|
|
6366
|
-
var
|
|
6408
|
+
var import_jsx_runtime231 = require("@emotion/react/jsx-runtime");
|
|
6367
6409
|
var inputStyles = import_react34.css`
|
|
6368
6410
|
position: relative;
|
|
6369
6411
|
width: 100%;
|
|
@@ -6493,9 +6535,9 @@ var Input = (0, import_react35.forwardRef)(
|
|
|
6493
6535
|
hasEndIcon && "has-end-icon",
|
|
6494
6536
|
className
|
|
6495
6537
|
].filter(Boolean).join(" ");
|
|
6496
|
-
return /* @__PURE__ */ (0,
|
|
6497
|
-
hasStartIcon && /* @__PURE__ */ (0,
|
|
6498
|
-
/* @__PURE__ */ (0,
|
|
6538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime231.jsxs)("div", { css: inputWrapperStyles, children: [
|
|
6539
|
+
hasStartIcon && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { css: startIconStyles, children: startIcon }),
|
|
6540
|
+
/* @__PURE__ */ (0, import_jsx_runtime231.jsx)(
|
|
6499
6541
|
"input",
|
|
6500
6542
|
{
|
|
6501
6543
|
ref,
|
|
@@ -6512,7 +6554,7 @@ var Input = (0, import_react35.forwardRef)(
|
|
|
6512
6554
|
...props
|
|
6513
6555
|
}
|
|
6514
6556
|
),
|
|
6515
|
-
hasEndIcon && /* @__PURE__ */ (0,
|
|
6557
|
+
hasEndIcon && /* @__PURE__ */ (0, import_jsx_runtime231.jsx)("div", { css: endIconStyles, children: endIcon })
|
|
6516
6558
|
] });
|
|
6517
6559
|
}
|
|
6518
6560
|
);
|
|
@@ -6521,7 +6563,7 @@ Input.displayName = "Input";
|
|
|
6521
6563
|
// src/Form/Select.tsx
|
|
6522
6564
|
var import_react36 = require("@emotion/react");
|
|
6523
6565
|
var import_react37 = require("react");
|
|
6524
|
-
var
|
|
6566
|
+
var import_jsx_runtime232 = require("@emotion/react/jsx-runtime");
|
|
6525
6567
|
var selectStyles = import_react36.css`
|
|
6526
6568
|
position: relative;
|
|
6527
6569
|
width: 100%;
|
|
@@ -6618,7 +6660,7 @@ var Select = (0, import_react37.forwardRef)(
|
|
|
6618
6660
|
className = "",
|
|
6619
6661
|
...props
|
|
6620
6662
|
}, ref) => {
|
|
6621
|
-
return /* @__PURE__ */ (0,
|
|
6663
|
+
return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
|
|
6622
6664
|
"select",
|
|
6623
6665
|
{
|
|
6624
6666
|
ref,
|
|
@@ -6627,8 +6669,8 @@ var Select = (0, import_react37.forwardRef)(
|
|
|
6627
6669
|
className,
|
|
6628
6670
|
...props,
|
|
6629
6671
|
children: [
|
|
6630
|
-
placeholderOption && /* @__PURE__ */ (0,
|
|
6631
|
-
options.map((option) => /* @__PURE__ */ (0,
|
|
6672
|
+
placeholderOption && /* @__PURE__ */ (0, import_jsx_runtime232.jsx)("option", { value: "", disabled: true, css: optionStyles, children: placeholderOption }),
|
|
6673
|
+
options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(
|
|
6632
6674
|
"option",
|
|
6633
6675
|
{
|
|
6634
6676
|
value: option.value,
|
|
@@ -6886,7 +6928,7 @@ var generateJustifyItems = (justifyItems) => {
|
|
|
6886
6928
|
};
|
|
6887
6929
|
|
|
6888
6930
|
// src/Grid/Column.tsx
|
|
6889
|
-
var
|
|
6931
|
+
var import_jsx_runtime233 = require("@emotion/react/jsx-runtime");
|
|
6890
6932
|
var Column = ({
|
|
6891
6933
|
span,
|
|
6892
6934
|
start,
|
|
@@ -6915,13 +6957,13 @@ var Column = ({
|
|
|
6915
6957
|
grid-area: ${area};
|
|
6916
6958
|
`
|
|
6917
6959
|
].filter(Boolean);
|
|
6918
|
-
return /* @__PURE__ */ (0,
|
|
6960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(Box_default, { css: columnStyles, ...props, children });
|
|
6919
6961
|
};
|
|
6920
6962
|
var Column_default = Column;
|
|
6921
6963
|
|
|
6922
6964
|
// src/Grid/Grid.tsx
|
|
6923
6965
|
var import_react40 = require("@emotion/react");
|
|
6924
|
-
var
|
|
6966
|
+
var import_jsx_runtime234 = require("@emotion/react/jsx-runtime");
|
|
6925
6967
|
var baseGridStyles = import_react40.css`
|
|
6926
6968
|
display: grid;
|
|
6927
6969
|
`;
|
|
@@ -6960,13 +7002,13 @@ var Grid = ({
|
|
|
6960
7002
|
justify-content: ${typeof justifyContent === "string" ? justifyContent : justifyContent._};
|
|
6961
7003
|
`
|
|
6962
7004
|
].filter(Boolean);
|
|
6963
|
-
return /* @__PURE__ */ (0,
|
|
7005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(Box_default, { css: gridStyles, ...props, children });
|
|
6964
7006
|
};
|
|
6965
7007
|
var Grid_default = Grid;
|
|
6966
7008
|
|
|
6967
7009
|
// src/Grid/GridContainer.tsx
|
|
6968
7010
|
var import_react41 = require("@emotion/react");
|
|
6969
|
-
var
|
|
7011
|
+
var import_jsx_runtime235 = require("@emotion/react/jsx-runtime");
|
|
6970
7012
|
var baseContainerStyles = import_react41.css`
|
|
6971
7013
|
width: 100%;
|
|
6972
7014
|
margin: 0 auto;
|
|
@@ -7011,7 +7053,7 @@ var GridContainer = ({
|
|
|
7011
7053
|
baseContainerStyles,
|
|
7012
7054
|
generateMaxWidthStyles(maxWidth)
|
|
7013
7055
|
];
|
|
7014
|
-
return /* @__PURE__ */ (0,
|
|
7056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(Box_default, { css: containerStyles4, className, ...props, children });
|
|
7015
7057
|
};
|
|
7016
7058
|
var GridContainer_default = GridContainer;
|
|
7017
7059
|
|
|
@@ -7044,7 +7086,7 @@ var getBackgroundWithGradient2 = (imageUrl) => import_react42.css`
|
|
|
7044
7086
|
`;
|
|
7045
7087
|
|
|
7046
7088
|
// src/HuntCard/HuntCard.tsx
|
|
7047
|
-
var
|
|
7089
|
+
var import_jsx_runtime236 = require("@emotion/react/jsx-runtime");
|
|
7048
7090
|
var HuntCard = ({
|
|
7049
7091
|
backgroundImage,
|
|
7050
7092
|
title,
|
|
@@ -7053,14 +7095,14 @@ var HuntCard = ({
|
|
|
7053
7095
|
className,
|
|
7054
7096
|
...rest
|
|
7055
7097
|
}) => {
|
|
7056
|
-
return /* @__PURE__ */ (0,
|
|
7098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7057
7099
|
Box_default,
|
|
7058
7100
|
{
|
|
7059
7101
|
display: "flex",
|
|
7060
7102
|
css: cardContainerStyles2,
|
|
7061
7103
|
className,
|
|
7062
7104
|
...rest,
|
|
7063
|
-
children: /* @__PURE__ */ (0,
|
|
7105
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
|
|
7064
7106
|
Box_default,
|
|
7065
7107
|
{
|
|
7066
7108
|
display: "flex",
|
|
@@ -7068,9 +7110,9 @@ var HuntCard = ({
|
|
|
7068
7110
|
justifyContent: "flex-end",
|
|
7069
7111
|
p: 6,
|
|
7070
7112
|
css: [cardContentStyles2, getBackgroundWithGradient2(backgroundImage)],
|
|
7071
|
-
children: /* @__PURE__ */ (0,
|
|
7072
|
-
/* @__PURE__ */ (0,
|
|
7073
|
-
/* @__PURE__ */ (0,
|
|
7113
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: 6, children: [
|
|
7114
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Heading_default, { size: "sm", color: "white", textAlign: "left", children: title }),
|
|
7115
|
+
/* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Button_default, { variant: "primary", onClick, children: buttonLabel })
|
|
7074
7116
|
] })
|
|
7075
7117
|
}
|
|
7076
7118
|
)
|
|
@@ -7080,9 +7122,9 @@ var HuntCard = ({
|
|
|
7080
7122
|
var HuntCard_default = HuntCard;
|
|
7081
7123
|
|
|
7082
7124
|
// src/InfoBox/InfoBox.tsx
|
|
7083
|
-
var
|
|
7125
|
+
var import_jsx_runtime237 = require("@emotion/react/jsx-runtime");
|
|
7084
7126
|
var InfoBox = ({ heading, features, className }) => {
|
|
7085
|
-
return /* @__PURE__ */ (0,
|
|
7127
|
+
return /* @__PURE__ */ (0, import_jsx_runtime237.jsxs)(
|
|
7086
7128
|
Box_default,
|
|
7087
7129
|
{
|
|
7088
7130
|
display: "flex",
|
|
@@ -7091,8 +7133,8 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7091
7133
|
className,
|
|
7092
7134
|
color: "var(--text-primary)",
|
|
7093
7135
|
children: [
|
|
7094
|
-
/* @__PURE__ */ (0,
|
|
7095
|
-
/* @__PURE__ */ (0,
|
|
7136
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7137
|
+
/* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7096
7138
|
Box_default,
|
|
7097
7139
|
{
|
|
7098
7140
|
display: "flex",
|
|
@@ -7102,7 +7144,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7102
7144
|
borderRadius: "var(--radius-lg)",
|
|
7103
7145
|
bg: "var(--surface-neutral)",
|
|
7104
7146
|
className,
|
|
7105
|
-
children: features.map((section, index) => /* @__PURE__ */ (0,
|
|
7147
|
+
children: features.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime237.jsx)(
|
|
7106
7148
|
FeatureList_default,
|
|
7107
7149
|
{
|
|
7108
7150
|
heading: section.heading,
|
|
@@ -7119,7 +7161,7 @@ var InfoBox = ({ heading, features, className }) => {
|
|
|
7119
7161
|
var InfoBox_default = InfoBox;
|
|
7120
7162
|
|
|
7121
7163
|
// src/StarRating/StarRating.tsx
|
|
7122
|
-
var
|
|
7164
|
+
var import_jsx_runtime238 = require("@emotion/react/jsx-runtime");
|
|
7123
7165
|
var starSize = {
|
|
7124
7166
|
sm: {
|
|
7125
7167
|
size: "medium",
|
|
@@ -7138,7 +7180,7 @@ var StarRating = ({
|
|
|
7138
7180
|
const stars = [];
|
|
7139
7181
|
for (let i = 1; i <= 5; i++) {
|
|
7140
7182
|
stars.push(
|
|
7141
|
-
/* @__PURE__ */ (0,
|
|
7183
|
+
/* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7142
7184
|
Icon_default,
|
|
7143
7185
|
{
|
|
7144
7186
|
variant: "StarSolid",
|
|
@@ -7149,7 +7191,7 @@ var StarRating = ({
|
|
|
7149
7191
|
)
|
|
7150
7192
|
);
|
|
7151
7193
|
}
|
|
7152
|
-
return /* @__PURE__ */ (0,
|
|
7194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
|
|
7153
7195
|
Box_default,
|
|
7154
7196
|
{
|
|
7155
7197
|
className,
|
|
@@ -7163,7 +7205,7 @@ var StarRating = ({
|
|
|
7163
7205
|
var StarRating_default = StarRating;
|
|
7164
7206
|
|
|
7165
7207
|
// src/UserCard/UserCard.tsx
|
|
7166
|
-
var
|
|
7208
|
+
var import_jsx_runtime239 = require("@emotion/react/jsx-runtime");
|
|
7167
7209
|
var UserCard = ({
|
|
7168
7210
|
avatarSrc,
|
|
7169
7211
|
title,
|
|
@@ -7173,7 +7215,7 @@ var UserCard = ({
|
|
|
7173
7215
|
isVerified = false,
|
|
7174
7216
|
className
|
|
7175
7217
|
}) => {
|
|
7176
|
-
return /* @__PURE__ */ (0,
|
|
7218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
|
|
7177
7219
|
Box_default,
|
|
7178
7220
|
{
|
|
7179
7221
|
display: "flex",
|
|
@@ -7182,8 +7224,8 @@ var UserCard = ({
|
|
|
7182
7224
|
gap: "var(--spacing-4)",
|
|
7183
7225
|
className,
|
|
7184
7226
|
children: [
|
|
7185
|
-
/* @__PURE__ */ (0,
|
|
7186
|
-
/* @__PURE__ */ (0,
|
|
7227
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", alignItems: "flex-start", gap: "var(--spacing-4)", children: [
|
|
7228
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
|
|
7187
7229
|
Avatar_default,
|
|
7188
7230
|
{
|
|
7189
7231
|
type: avatarSrc ? "image" : "text",
|
|
@@ -7192,13 +7234,13 @@ var UserCard = ({
|
|
|
7192
7234
|
alt: `${title}'s avatar`
|
|
7193
7235
|
}
|
|
7194
7236
|
),
|
|
7195
|
-
/* @__PURE__ */ (0,
|
|
7196
|
-
/* @__PURE__ */ (0,
|
|
7197
|
-
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0,
|
|
7198
|
-
showRating && rating !== void 0 && /* @__PURE__ */ (0,
|
|
7237
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
7238
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
|
|
7239
|
+
subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }) : subtitle),
|
|
7240
|
+
showRating && rating !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(StarRating_default, { rating })
|
|
7199
7241
|
] })
|
|
7200
7242
|
] }),
|
|
7201
|
-
isVerified && /* @__PURE__ */ (0,
|
|
7243
|
+
isVerified && /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(
|
|
7202
7244
|
Box_default,
|
|
7203
7245
|
{
|
|
7204
7246
|
display: "flex",
|
|
@@ -7207,8 +7249,8 @@ var UserCard = ({
|
|
|
7207
7249
|
gap: "var(--spacing-1)",
|
|
7208
7250
|
flexShrink: 0,
|
|
7209
7251
|
children: [
|
|
7210
|
-
/* @__PURE__ */ (0,
|
|
7211
|
-
/* @__PURE__ */ (0,
|
|
7252
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Icon_default, { variant: "ShieldCheckSolid", fill: "var(--icon-success)" }),
|
|
7253
|
+
/* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "xs", fontWeight: "bold", color: "text-primary", children: "Verified" })
|
|
7212
7254
|
]
|
|
7213
7255
|
}
|
|
7214
7256
|
)
|
|
@@ -7219,19 +7261,19 @@ var UserCard = ({
|
|
|
7219
7261
|
var UserCard_default = UserCard;
|
|
7220
7262
|
|
|
7221
7263
|
// src/LandownerProfile/components/ProfileSubtitle.tsx
|
|
7222
|
-
var
|
|
7264
|
+
var import_jsx_runtime240 = require("@emotion/react/jsx-runtime");
|
|
7223
7265
|
var ProfileSubtitle = ({
|
|
7224
7266
|
yearsHosting = 1,
|
|
7225
7267
|
featureReviewItem
|
|
7226
7268
|
}) => {
|
|
7227
|
-
return /* @__PURE__ */ (0,
|
|
7228
|
-
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0,
|
|
7269
|
+
return /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
|
|
7270
|
+
yearsHosting && yearsHosting > 0 && /* @__PURE__ */ (0, import_jsx_runtime240.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
7229
7271
|
yearsHosting,
|
|
7230
7272
|
" ",
|
|
7231
7273
|
yearsHosting === 1 ? "Year" : "Years",
|
|
7232
7274
|
" Hosting"
|
|
7233
7275
|
] }),
|
|
7234
|
-
featureReviewItem && /* @__PURE__ */ (0,
|
|
7276
|
+
featureReviewItem && /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(FeatureListItem_default, { ...featureReviewItem })
|
|
7235
7277
|
] });
|
|
7236
7278
|
};
|
|
7237
7279
|
var ProfileSubtitle_default = ProfileSubtitle;
|
|
@@ -7246,7 +7288,7 @@ var hasTextContent = (html) => {
|
|
|
7246
7288
|
};
|
|
7247
7289
|
|
|
7248
7290
|
// src/LandownerProfile/LandownerProfile.tsx
|
|
7249
|
-
var
|
|
7291
|
+
var import_jsx_runtime241 = require("@emotion/react/jsx-runtime");
|
|
7250
7292
|
var LandownerProfile = ({
|
|
7251
7293
|
heading,
|
|
7252
7294
|
avatarSrc,
|
|
@@ -7270,7 +7312,7 @@ var LandownerProfile = ({
|
|
|
7270
7312
|
iconVariant: "Bolt",
|
|
7271
7313
|
label: `Response Time: ${responseTime}`
|
|
7272
7314
|
} : void 0;
|
|
7273
|
-
return /* @__PURE__ */ (0,
|
|
7315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
7274
7316
|
Box_default,
|
|
7275
7317
|
{
|
|
7276
7318
|
display: "flex",
|
|
@@ -7279,8 +7321,8 @@ var LandownerProfile = ({
|
|
|
7279
7321
|
color: "var(--text-primary)",
|
|
7280
7322
|
className,
|
|
7281
7323
|
children: [
|
|
7282
|
-
heading && /* @__PURE__ */ (0,
|
|
7283
|
-
/* @__PURE__ */ (0,
|
|
7324
|
+
heading && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: heading }),
|
|
7325
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(
|
|
7284
7326
|
Box_default,
|
|
7285
7327
|
{
|
|
7286
7328
|
display: "flex",
|
|
@@ -7290,12 +7332,12 @@ var LandownerProfile = ({
|
|
|
7290
7332
|
p: "var(--spacing-4)",
|
|
7291
7333
|
borderRadius: "var(--radius-lg)",
|
|
7292
7334
|
children: [
|
|
7293
|
-
/* @__PURE__ */ (0,
|
|
7335
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7294
7336
|
UserCard_default,
|
|
7295
7337
|
{
|
|
7296
7338
|
avatarSrc,
|
|
7297
7339
|
title: name,
|
|
7298
|
-
subtitle: /* @__PURE__ */ (0,
|
|
7340
|
+
subtitle: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7299
7341
|
ProfileSubtitle_default,
|
|
7300
7342
|
{
|
|
7301
7343
|
yearsHosting,
|
|
@@ -7306,9 +7348,9 @@ var LandownerProfile = ({
|
|
|
7306
7348
|
isVerified
|
|
7307
7349
|
}
|
|
7308
7350
|
),
|
|
7309
|
-
hasTextContent(bio) && !!bio && /* @__PURE__ */ (0,
|
|
7310
|
-
/* @__PURE__ */ (0,
|
|
7311
|
-
/* @__PURE__ */ (0,
|
|
7351
|
+
hasTextContent(bio) && !!bio && /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7352
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { fontWeight: "bold", children: "Bio" }),
|
|
7353
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7312
7354
|
Text_default,
|
|
7313
7355
|
{
|
|
7314
7356
|
dangerouslySetInnerHTML: {
|
|
@@ -7317,14 +7359,14 @@ var LandownerProfile = ({
|
|
|
7317
7359
|
}
|
|
7318
7360
|
)
|
|
7319
7361
|
] }),
|
|
7320
|
-
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0,
|
|
7321
|
-
/* @__PURE__ */ (0,
|
|
7322
|
-
/* @__PURE__ */ (0,
|
|
7323
|
-
!!responseRateFeature && /* @__PURE__ */ (0,
|
|
7324
|
-
!!responseTimeFeature && /* @__PURE__ */ (0,
|
|
7362
|
+
(!!responseRateFeature || !!responseTimeFeature) && /* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7363
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Text_default, { fontWeight: "bold", children: "Landowner Details" }),
|
|
7364
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-2)", children: [
|
|
7365
|
+
!!responseRateFeature && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(FeatureListItem_default, { ...responseRateFeature }),
|
|
7366
|
+
!!responseTimeFeature && /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(FeatureListItem_default, { ...responseTimeFeature })
|
|
7325
7367
|
] })
|
|
7326
7368
|
] }),
|
|
7327
|
-
/* @__PURE__ */ (0,
|
|
7369
|
+
/* @__PURE__ */ (0, import_jsx_runtime241.jsx)(Box_default, { alignSelf: "flex-start", children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
|
|
7328
7370
|
Button_default,
|
|
7329
7371
|
{
|
|
7330
7372
|
variant: "secondary",
|
|
@@ -7382,7 +7424,7 @@ var inputWrapperStyles2 = import_react43.css`
|
|
|
7382
7424
|
`;
|
|
7383
7425
|
|
|
7384
7426
|
// src/ListingChat/ListingChat.tsx
|
|
7385
|
-
var
|
|
7427
|
+
var import_jsx_runtime242 = require("@emotion/react/jsx-runtime");
|
|
7386
7428
|
var ListingChat = ({
|
|
7387
7429
|
onSubmit,
|
|
7388
7430
|
placeholder = "Ask anything about this listing\u2026",
|
|
@@ -7409,18 +7451,18 @@ var ListingChat = ({
|
|
|
7409
7451
|
},
|
|
7410
7452
|
[onSubmit]
|
|
7411
7453
|
);
|
|
7412
|
-
return /* @__PURE__ */ (0,
|
|
7413
|
-
/* @__PURE__ */ (0,
|
|
7414
|
-
/* @__PURE__ */ (0,
|
|
7415
|
-
/* @__PURE__ */ (0,
|
|
7416
|
-
/* @__PURE__ */ (0,
|
|
7454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: containerStyles2, className, ...rest, children: [
|
|
7455
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { css: headerStyles, children: [
|
|
7456
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { children: [
|
|
7457
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { mb: "var(--spacing-2)", children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Heading_default, { size: "2xs", fontWeight: "bold", children: title }) }),
|
|
7458
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "md", children: "Get instant answers with Buck, our AI powered assistant." })
|
|
7417
7459
|
] }),
|
|
7418
|
-
/* @__PURE__ */ (0,
|
|
7419
|
-
/* @__PURE__ */ (0,
|
|
7420
|
-
/* @__PURE__ */ (0,
|
|
7460
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-1)", children: [
|
|
7461
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Icon_default, { variant: "AiMagic", size: "medium" }),
|
|
7462
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { size: "sm", children: "Beta" })
|
|
7421
7463
|
] })
|
|
7422
7464
|
] }),
|
|
7423
|
-
/* @__PURE__ */ (0,
|
|
7465
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: inputWrapperStyles2, children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7424
7466
|
TextArea,
|
|
7425
7467
|
{
|
|
7426
7468
|
rows: 1,
|
|
@@ -7435,14 +7477,14 @@ var ListingChat = ({
|
|
|
7435
7477
|
css: textAreaStyles
|
|
7436
7478
|
}
|
|
7437
7479
|
) }),
|
|
7438
|
-
tags.length > 0 && /* @__PURE__ */ (0,
|
|
7439
|
-
/* @__PURE__ */ (0,
|
|
7440
|
-
/* @__PURE__ */ (0,
|
|
7480
|
+
tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime242.jsxs)(import_jsx_runtime242.Fragment, { children: [
|
|
7481
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Text_default, { as: "div", size: "sm", fontWeight: "bold", children: "Try one of these" }),
|
|
7482
|
+
/* @__PURE__ */ (0, import_jsx_runtime242.jsx)(Box_default, { css: chipsContainerStyles, children: tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(
|
|
7441
7483
|
"button",
|
|
7442
7484
|
{
|
|
7443
7485
|
onClick: handleTagClick(tag),
|
|
7444
7486
|
disabled,
|
|
7445
|
-
children: /* @__PURE__ */ (0,
|
|
7487
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime242.jsx)(TagChip_default, { children: tag })
|
|
7446
7488
|
},
|
|
7447
7489
|
tag
|
|
7448
7490
|
)) })
|
|
@@ -7455,8 +7497,8 @@ var ListingChat_default = ListingChat;
|
|
|
7455
7497
|
var import_react45 = require("@emotion/react");
|
|
7456
7498
|
|
|
7457
7499
|
// src/Logo/components/LandtrustPlusDark.tsx
|
|
7458
|
-
var
|
|
7459
|
-
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0,
|
|
7500
|
+
var import_jsx_runtime243 = require("@emotion/react/jsx-runtime");
|
|
7501
|
+
var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
|
|
7460
7502
|
"svg",
|
|
7461
7503
|
{
|
|
7462
7504
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7464,14 +7506,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime242.
|
|
|
7464
7506
|
fill: "none",
|
|
7465
7507
|
...props,
|
|
7466
7508
|
children: [
|
|
7467
|
-
/* @__PURE__ */ (0,
|
|
7509
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("g", { filter: "url(#landtrust-plus-dark_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
7468
7510
|
"path",
|
|
7469
7511
|
{
|
|
7470
7512
|
fill: "#000",
|
|
7471
7513
|
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"
|
|
7472
7514
|
}
|
|
7473
7515
|
) }),
|
|
7474
|
-
/* @__PURE__ */ (0,
|
|
7516
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
7475
7517
|
"path",
|
|
7476
7518
|
{
|
|
7477
7519
|
fill: "#FAD44E",
|
|
@@ -7480,14 +7522,14 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime242.
|
|
|
7480
7522
|
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"
|
|
7481
7523
|
}
|
|
7482
7524
|
),
|
|
7483
|
-
/* @__PURE__ */ (0,
|
|
7525
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
7484
7526
|
"path",
|
|
7485
7527
|
{
|
|
7486
7528
|
fill: "#fff",
|
|
7487
7529
|
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"
|
|
7488
7530
|
}
|
|
7489
7531
|
),
|
|
7490
|
-
/* @__PURE__ */ (0,
|
|
7532
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(
|
|
7491
7533
|
"filter",
|
|
7492
7534
|
{
|
|
7493
7535
|
id: "landtrust-plus-dark_svg__a",
|
|
@@ -7498,8 +7540,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime242.
|
|
|
7498
7540
|
colorInterpolationFilters: "sRGB",
|
|
7499
7541
|
filterUnits: "userSpaceOnUse",
|
|
7500
7542
|
children: [
|
|
7501
|
-
/* @__PURE__ */ (0,
|
|
7502
|
-
/* @__PURE__ */ (0,
|
|
7543
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7544
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
7503
7545
|
"feColorMatrix",
|
|
7504
7546
|
{
|
|
7505
7547
|
in: "SourceAlpha",
|
|
@@ -7507,18 +7549,18 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime242.
|
|
|
7507
7549
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7508
7550
|
}
|
|
7509
7551
|
),
|
|
7510
|
-
/* @__PURE__ */ (0,
|
|
7511
|
-
/* @__PURE__ */ (0,
|
|
7512
|
-
/* @__PURE__ */ (0,
|
|
7513
|
-
/* @__PURE__ */ (0,
|
|
7514
|
-
/* @__PURE__ */ (0,
|
|
7552
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feOffset", { dy: 1 }),
|
|
7553
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7554
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7555
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
7556
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
7515
7557
|
"feBlend",
|
|
7516
7558
|
{
|
|
7517
7559
|
in2: "BackgroundImageFix",
|
|
7518
7560
|
result: "effect1_dropShadow_257_2540"
|
|
7519
7561
|
}
|
|
7520
7562
|
),
|
|
7521
|
-
/* @__PURE__ */ (0,
|
|
7563
|
+
/* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
|
|
7522
7564
|
"feBlend",
|
|
7523
7565
|
{
|
|
7524
7566
|
in: "SourceGraphic",
|
|
@@ -7535,8 +7577,8 @@ var SvgLandtrustPlusDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime242.
|
|
|
7535
7577
|
var LandtrustPlusDark_default = SvgLandtrustPlusDark;
|
|
7536
7578
|
|
|
7537
7579
|
// src/Logo/components/LandtrustPlusLight.tsx
|
|
7538
|
-
var
|
|
7539
|
-
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0,
|
|
7580
|
+
var import_jsx_runtime244 = require("@emotion/react/jsx-runtime");
|
|
7581
|
+
var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
|
|
7540
7582
|
"svg",
|
|
7541
7583
|
{
|
|
7542
7584
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7544,14 +7586,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime243
|
|
|
7544
7586
|
fill: "none",
|
|
7545
7587
|
...props,
|
|
7546
7588
|
children: [
|
|
7547
|
-
/* @__PURE__ */ (0,
|
|
7589
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("g", { filter: "url(#landtrust-plus-light_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7548
7590
|
"path",
|
|
7549
7591
|
{
|
|
7550
7592
|
fill: "#000",
|
|
7551
7593
|
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"
|
|
7552
7594
|
}
|
|
7553
7595
|
) }),
|
|
7554
|
-
/* @__PURE__ */ (0,
|
|
7596
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7555
7597
|
"path",
|
|
7556
7598
|
{
|
|
7557
7599
|
fill: "#FAD44E",
|
|
@@ -7560,14 +7602,14 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime243
|
|
|
7560
7602
|
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"
|
|
7561
7603
|
}
|
|
7562
7604
|
),
|
|
7563
|
-
/* @__PURE__ */ (0,
|
|
7605
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7564
7606
|
"path",
|
|
7565
7607
|
{
|
|
7566
7608
|
fill: "#1A202C",
|
|
7567
7609
|
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"
|
|
7568
7610
|
}
|
|
7569
7611
|
),
|
|
7570
|
-
/* @__PURE__ */ (0,
|
|
7612
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)(
|
|
7571
7613
|
"filter",
|
|
7572
7614
|
{
|
|
7573
7615
|
id: "landtrust-plus-light_svg__a",
|
|
@@ -7578,8 +7620,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime243
|
|
|
7578
7620
|
colorInterpolationFilters: "sRGB",
|
|
7579
7621
|
filterUnits: "userSpaceOnUse",
|
|
7580
7622
|
children: [
|
|
7581
|
-
/* @__PURE__ */ (0,
|
|
7582
|
-
/* @__PURE__ */ (0,
|
|
7623
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
7624
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7583
7625
|
"feColorMatrix",
|
|
7584
7626
|
{
|
|
7585
7627
|
in: "SourceAlpha",
|
|
@@ -7587,18 +7629,18 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime243
|
|
|
7587
7629
|
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
7588
7630
|
}
|
|
7589
7631
|
),
|
|
7590
|
-
/* @__PURE__ */ (0,
|
|
7591
|
-
/* @__PURE__ */ (0,
|
|
7592
|
-
/* @__PURE__ */ (0,
|
|
7593
|
-
/* @__PURE__ */ (0,
|
|
7594
|
-
/* @__PURE__ */ (0,
|
|
7632
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feOffset", { dy: 1 }),
|
|
7633
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feGaussianBlur", { stdDeviation: 0.5 }),
|
|
7634
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
7635
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
|
|
7636
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7595
7637
|
"feBlend",
|
|
7596
7638
|
{
|
|
7597
7639
|
in2: "BackgroundImageFix",
|
|
7598
7640
|
result: "effect1_dropShadow_257_2538"
|
|
7599
7641
|
}
|
|
7600
7642
|
),
|
|
7601
|
-
/* @__PURE__ */ (0,
|
|
7643
|
+
/* @__PURE__ */ (0, import_jsx_runtime244.jsx)(
|
|
7602
7644
|
"feBlend",
|
|
7603
7645
|
{
|
|
7604
7646
|
in: "SourceGraphic",
|
|
@@ -7615,8 +7657,8 @@ var SvgLandtrustPlusLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime243
|
|
|
7615
7657
|
var LandtrustPlusLight_default = SvgLandtrustPlusLight;
|
|
7616
7658
|
|
|
7617
7659
|
// src/Logo/components/LandtrustStandardDark.tsx
|
|
7618
|
-
var
|
|
7619
|
-
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0,
|
|
7660
|
+
var import_jsx_runtime245 = require("@emotion/react/jsx-runtime");
|
|
7661
|
+
var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(
|
|
7620
7662
|
"svg",
|
|
7621
7663
|
{
|
|
7622
7664
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7624,14 +7666,14 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7624
7666
|
fill: "none",
|
|
7625
7667
|
...props,
|
|
7626
7668
|
children: [
|
|
7627
|
-
/* @__PURE__ */ (0,
|
|
7669
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7628
7670
|
"path",
|
|
7629
7671
|
{
|
|
7630
7672
|
fill: "#E2430C",
|
|
7631
7673
|
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"
|
|
7632
7674
|
}
|
|
7633
7675
|
),
|
|
7634
|
-
/* @__PURE__ */ (0,
|
|
7676
|
+
/* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
|
|
7635
7677
|
"path",
|
|
7636
7678
|
{
|
|
7637
7679
|
fill: "#fff",
|
|
@@ -7644,8 +7686,8 @@ var SvgLandtrustStandardDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime
|
|
|
7644
7686
|
var LandtrustStandardDark_default = SvgLandtrustStandardDark;
|
|
7645
7687
|
|
|
7646
7688
|
// src/Logo/components/LandtrustStandardLight.tsx
|
|
7647
|
-
var
|
|
7648
|
-
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0,
|
|
7689
|
+
var import_jsx_runtime246 = require("@emotion/react/jsx-runtime");
|
|
7690
|
+
var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(
|
|
7649
7691
|
"svg",
|
|
7650
7692
|
{
|
|
7651
7693
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7653,14 +7695,14 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7653
7695
|
fill: "none",
|
|
7654
7696
|
...props,
|
|
7655
7697
|
children: [
|
|
7656
|
-
/* @__PURE__ */ (0,
|
|
7698
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7657
7699
|
"path",
|
|
7658
7700
|
{
|
|
7659
7701
|
fill: "#E2430C",
|
|
7660
7702
|
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"
|
|
7661
7703
|
}
|
|
7662
7704
|
),
|
|
7663
|
-
/* @__PURE__ */ (0,
|
|
7705
|
+
/* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
|
|
7664
7706
|
"path",
|
|
7665
7707
|
{
|
|
7666
7708
|
fill: "#000",
|
|
@@ -7673,7 +7715,7 @@ var SvgLandtrustStandardLight = (props) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
7673
7715
|
var LandtrustStandardLight_default = SvgLandtrustStandardLight;
|
|
7674
7716
|
|
|
7675
7717
|
// src/Logo/Logo.tsx
|
|
7676
|
-
var
|
|
7718
|
+
var import_jsx_runtime247 = require("@emotion/react/jsx-runtime");
|
|
7677
7719
|
var logoStyles = (size) => import_react45.css`
|
|
7678
7720
|
width: ${space[size]};
|
|
7679
7721
|
height: auto;
|
|
@@ -7702,7 +7744,7 @@ var Logo = ({
|
|
|
7702
7744
|
return LandtrustStandardLight_default;
|
|
7703
7745
|
};
|
|
7704
7746
|
const LogoComponent = getLogoComponent();
|
|
7705
|
-
return /* @__PURE__ */ (0,
|
|
7747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(LogoComponent, { css: logoStyles(size), className, ...rest });
|
|
7706
7748
|
};
|
|
7707
7749
|
var Logo_default = Logo;
|
|
7708
7750
|
|
|
@@ -7810,7 +7852,7 @@ var avatarPlaceholderStyles = import_react46.css`
|
|
|
7810
7852
|
`;
|
|
7811
7853
|
|
|
7812
7854
|
// src/Navigation/Navigation.tsx
|
|
7813
|
-
var
|
|
7855
|
+
var import_jsx_runtime248 = require("@emotion/react/jsx-runtime");
|
|
7814
7856
|
var Navigation = ({
|
|
7815
7857
|
onMenuToggle,
|
|
7816
7858
|
className,
|
|
@@ -7824,7 +7866,7 @@ var Navigation = ({
|
|
|
7824
7866
|
onAvatarClick,
|
|
7825
7867
|
...rest
|
|
7826
7868
|
}) => {
|
|
7827
|
-
return /* @__PURE__ */ (0,
|
|
7869
|
+
return /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { css: navigationStyles, className, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(
|
|
7828
7870
|
Box_default,
|
|
7829
7871
|
{
|
|
7830
7872
|
display: "flex",
|
|
@@ -7833,7 +7875,7 @@ var Navigation = ({
|
|
|
7833
7875
|
position: "relative",
|
|
7834
7876
|
css: containerStyles3,
|
|
7835
7877
|
children: [
|
|
7836
|
-
/* @__PURE__ */ (0,
|
|
7878
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7837
7879
|
Box_default,
|
|
7838
7880
|
{
|
|
7839
7881
|
as: "button",
|
|
@@ -7845,11 +7887,11 @@ var Navigation = ({
|
|
|
7845
7887
|
border: "none",
|
|
7846
7888
|
padding: space[2],
|
|
7847
7889
|
css: hamburgerButtonStyles,
|
|
7848
|
-
children: /* @__PURE__ */ (0,
|
|
7890
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Icon_default, { variant: "Bars", size: "large" })
|
|
7849
7891
|
}
|
|
7850
7892
|
),
|
|
7851
|
-
/* @__PURE__ */ (0,
|
|
7852
|
-
/* @__PURE__ */ (0,
|
|
7893
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { css: desktopLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Logo_default, { variant: logoVariant, theme: logoTheme }) }),
|
|
7894
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { position: "absolute", left: "50%", top: "50%", css: centeredLogoStyles, children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7853
7895
|
Logo_default,
|
|
7854
7896
|
{
|
|
7855
7897
|
variant: logoVariant,
|
|
@@ -7858,8 +7900,8 @@ var Navigation = ({
|
|
|
7858
7900
|
css: logoStyles2
|
|
7859
7901
|
}
|
|
7860
7902
|
) }),
|
|
7861
|
-
/* @__PURE__ */ (0,
|
|
7862
|
-
/* @__PURE__ */ (0,
|
|
7903
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsxs)(Box_default, { css: desktopNavStyles, children: [
|
|
7904
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { as: "nav", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { as: "ul", css: navLinksStyles, children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Box_default, { as: "li", children: /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7863
7905
|
"a",
|
|
7864
7906
|
{
|
|
7865
7907
|
href: link.href,
|
|
@@ -7868,7 +7910,7 @@ var Navigation = ({
|
|
|
7868
7910
|
children: link.label
|
|
7869
7911
|
}
|
|
7870
7912
|
) }, link.href)) }) }),
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
7913
|
+
/* @__PURE__ */ (0, import_jsx_runtime248.jsx)(
|
|
7872
7914
|
Box_default,
|
|
7873
7915
|
{
|
|
7874
7916
|
as: "button",
|
|
@@ -8116,7 +8158,7 @@ var dotVisible = import_react48.css`
|
|
|
8116
8158
|
`;
|
|
8117
8159
|
|
|
8118
8160
|
// src/ScrollingCarousel/components/ScrollingCarouselStep.tsx
|
|
8119
|
-
var
|
|
8161
|
+
var import_jsx_runtime249 = require("@emotion/react/jsx-runtime");
|
|
8120
8162
|
var ScrollingCarouselStep = ({
|
|
8121
8163
|
children,
|
|
8122
8164
|
index,
|
|
@@ -8144,7 +8186,7 @@ var ScrollingCarouselStep = ({
|
|
|
8144
8186
|
}
|
|
8145
8187
|
}, [inView, index, dispatch]);
|
|
8146
8188
|
const dataStep = { [`data-step-${parentId}`]: index };
|
|
8147
|
-
return /* @__PURE__ */ (0,
|
|
8189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime249.jsx)(
|
|
8148
8190
|
"div",
|
|
8149
8191
|
{
|
|
8150
8192
|
ref,
|
|
@@ -8370,7 +8412,7 @@ var useCarouselVisibility = (carousel2) => {
|
|
|
8370
8412
|
};
|
|
8371
8413
|
|
|
8372
8414
|
// src/ScrollingCarousel/ScrollingCarousel.tsx
|
|
8373
|
-
var
|
|
8415
|
+
var import_jsx_runtime250 = require("@emotion/react/jsx-runtime");
|
|
8374
8416
|
var ScrollingCarousel = ({
|
|
8375
8417
|
className,
|
|
8376
8418
|
children,
|
|
@@ -8436,7 +8478,7 @@ var ScrollingCarousel = ({
|
|
|
8436
8478
|
});
|
|
8437
8479
|
const hasMultipleChildren = state.childVisibility.length > 1;
|
|
8438
8480
|
const shouldShowNavigation = showNavigationOnHover ? isHovering : true;
|
|
8439
|
-
return /* @__PURE__ */ (0,
|
|
8481
|
+
return /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)(
|
|
8440
8482
|
"div",
|
|
8441
8483
|
{
|
|
8442
8484
|
css: carouselRoot,
|
|
@@ -8444,7 +8486,7 @@ var ScrollingCarousel = ({
|
|
|
8444
8486
|
onMouseEnter: () => setIsHovering(true),
|
|
8445
8487
|
onMouseLeave: () => setIsHovering(false),
|
|
8446
8488
|
children: [
|
|
8447
|
-
/* @__PURE__ */ (0,
|
|
8489
|
+
/* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
|
|
8448
8490
|
"div",
|
|
8449
8491
|
{
|
|
8450
8492
|
css: carousel,
|
|
@@ -8453,11 +8495,11 @@ var ScrollingCarousel = ({
|
|
|
8453
8495
|
role: "region",
|
|
8454
8496
|
"aria-roledescription": "carousel",
|
|
8455
8497
|
"aria-label": "Scrolling carousel",
|
|
8456
|
-
children: /* @__PURE__ */ (0,
|
|
8498
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(CarouselContext.Provider, { value: carouselContextApi, children: childrenWithIndex })
|
|
8457
8499
|
}
|
|
8458
8500
|
),
|
|
8459
|
-
hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0,
|
|
8460
|
-
showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0,
|
|
8501
|
+
hasMultipleChildren && shouldShowNavigation && /* @__PURE__ */ (0, import_jsx_runtime250.jsxs)("div", { css: controls(buttonsPosition), children: [
|
|
8502
|
+
showButtons && (!firstItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
|
|
8461
8503
|
"button",
|
|
8462
8504
|
{
|
|
8463
8505
|
"aria-label": "Previous",
|
|
@@ -8465,10 +8507,10 @@ var ScrollingCarousel = ({
|
|
|
8465
8507
|
onClick: back,
|
|
8466
8508
|
css: customLeftButton ? customButtonLeft(buttonsPosition) : buttonLeft(buttonsPosition),
|
|
8467
8509
|
"data-testid": `scrolling-carousel-button-back-${id}`,
|
|
8468
|
-
children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0,
|
|
8510
|
+
children: customBackIcon ? customBackIcon : /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon_default, { variant: "AngleLeft", css: icon }) })
|
|
8469
8511
|
}
|
|
8470
8512
|
),
|
|
8471
|
-
showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0,
|
|
8513
|
+
showButtons && (!lastItemIsVisible || infiniteScroll) && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
|
|
8472
8514
|
"button",
|
|
8473
8515
|
{
|
|
8474
8516
|
"aria-label": "Next",
|
|
@@ -8476,11 +8518,11 @@ var ScrollingCarousel = ({
|
|
|
8476
8518
|
onClick: next,
|
|
8477
8519
|
css: buttonRight(buttonsPosition),
|
|
8478
8520
|
"data-testid": `scrolling-carousel-button-next-${id}`,
|
|
8479
|
-
children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0,
|
|
8521
|
+
children: customNextIcon ? customNextIcon : /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("span", { css: iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(Icon_default, { variant: "AngleRight", css: icon }) })
|
|
8480
8522
|
}
|
|
8481
8523
|
)
|
|
8482
8524
|
] }),
|
|
8483
|
-
showDots && /* @__PURE__ */ (0,
|
|
8525
|
+
showDots && /* @__PURE__ */ (0, import_jsx_runtime250.jsx)("div", { css: dots, children: /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
|
|
8484
8526
|
"div",
|
|
8485
8527
|
{
|
|
8486
8528
|
css: dotsInner,
|
|
@@ -8488,7 +8530,7 @@ var ScrollingCarousel = ({
|
|
|
8488
8530
|
children: state.childVisibility.map((childVisibility, i) => {
|
|
8489
8531
|
var _a;
|
|
8490
8532
|
const distance = (_a = dotDistances[i]) != null ? _a : 0;
|
|
8491
|
-
return /* @__PURE__ */ (0,
|
|
8533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime250.jsx)(
|
|
8492
8534
|
"button",
|
|
8493
8535
|
{
|
|
8494
8536
|
type: "button",
|
|
@@ -8591,7 +8633,7 @@ var overlayStyles = import_react54.css`
|
|
|
8591
8633
|
`;
|
|
8592
8634
|
|
|
8593
8635
|
// src/PackageCard/PackageCard.tsx
|
|
8594
|
-
var
|
|
8636
|
+
var import_jsx_runtime251 = require("@emotion/react/jsx-runtime");
|
|
8595
8637
|
var PackageCard = ({
|
|
8596
8638
|
images,
|
|
8597
8639
|
title,
|
|
@@ -8612,7 +8654,7 @@ var PackageCard = ({
|
|
|
8612
8654
|
const shouldShowOverlay = availabilityBadges == null ? void 0 : availabilityBadges.some(
|
|
8613
8655
|
(badge2) => badge2.showOverlay
|
|
8614
8656
|
);
|
|
8615
|
-
return /* @__PURE__ */ (0,
|
|
8657
|
+
return /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
8616
8658
|
Box_default,
|
|
8617
8659
|
{
|
|
8618
8660
|
display: "flex",
|
|
@@ -8623,7 +8665,7 @@ var PackageCard = ({
|
|
|
8623
8665
|
...rest,
|
|
8624
8666
|
borderRadius: hasContentBackground ? "var(--spacing-4)" : "var(--spacing-4) var(--spacing-4) 0 0",
|
|
8625
8667
|
children: [
|
|
8626
|
-
/* @__PURE__ */ (0,
|
|
8668
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
8627
8669
|
Box_default,
|
|
8628
8670
|
{
|
|
8629
8671
|
position: "relative",
|
|
@@ -8632,7 +8674,7 @@ var PackageCard = ({
|
|
|
8632
8674
|
overflow: "hidden",
|
|
8633
8675
|
borderRadius: "var(--spacing-4)",
|
|
8634
8676
|
children: [
|
|
8635
|
-
availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0,
|
|
8677
|
+
availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8636
8678
|
AvailabilityBadge_default,
|
|
8637
8679
|
{
|
|
8638
8680
|
variant: badge2.variant,
|
|
@@ -8641,19 +8683,19 @@ var PackageCard = ({
|
|
|
8641
8683
|
},
|
|
8642
8684
|
`availability-${index}`
|
|
8643
8685
|
)),
|
|
8644
|
-
shouldShowOverlay && /* @__PURE__ */ (0,
|
|
8645
|
-
/* @__PURE__ */ (0,
|
|
8686
|
+
shouldShowOverlay && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { css: overlayStyles }),
|
|
8687
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8646
8688
|
ScrollingCarousel,
|
|
8647
8689
|
{
|
|
8648
8690
|
showDots: images.length > 1,
|
|
8649
8691
|
showNavigationOnHover: true,
|
|
8650
8692
|
id: carouselId,
|
|
8651
|
-
children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0,
|
|
8693
|
+
children: images.filter((image) => !!image).map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8652
8694
|
ScrollingCarouselStep,
|
|
8653
8695
|
{
|
|
8654
8696
|
parentId: carouselId,
|
|
8655
8697
|
onClick,
|
|
8656
|
-
children: /* @__PURE__ */ (0,
|
|
8698
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8657
8699
|
Box_default,
|
|
8658
8700
|
{
|
|
8659
8701
|
width: "100%",
|
|
@@ -8671,7 +8713,7 @@ var PackageCard = ({
|
|
|
8671
8713
|
))
|
|
8672
8714
|
}
|
|
8673
8715
|
),
|
|
8674
|
-
onFavoriteClick && /* @__PURE__ */ (0,
|
|
8716
|
+
onFavoriteClick && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8675
8717
|
Box_default,
|
|
8676
8718
|
{
|
|
8677
8719
|
css: heartIconStyles,
|
|
@@ -8680,14 +8722,14 @@ var PackageCard = ({
|
|
|
8680
8722
|
e.stopPropagation();
|
|
8681
8723
|
onFavoriteClick == null ? void 0 : onFavoriteClick();
|
|
8682
8724
|
},
|
|
8683
|
-
children: isFavorited ? /* @__PURE__ */ (0,
|
|
8725
|
+
children: isFavorited ? /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8684
8726
|
Icon_default,
|
|
8685
8727
|
{
|
|
8686
8728
|
variant: "HeartSolid",
|
|
8687
8729
|
size: "small",
|
|
8688
8730
|
fill: "var(--color-error-500)"
|
|
8689
8731
|
}
|
|
8690
|
-
) : /* @__PURE__ */ (0,
|
|
8732
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8691
8733
|
Icon_default,
|
|
8692
8734
|
{
|
|
8693
8735
|
variant: "Heart",
|
|
@@ -8700,7 +8742,7 @@ var PackageCard = ({
|
|
|
8700
8742
|
]
|
|
8701
8743
|
}
|
|
8702
8744
|
),
|
|
8703
|
-
/* @__PURE__ */ (0,
|
|
8745
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
8704
8746
|
Box_default,
|
|
8705
8747
|
{
|
|
8706
8748
|
css: hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles,
|
|
@@ -8709,7 +8751,7 @@ var PackageCard = ({
|
|
|
8709
8751
|
flexDirection: "column",
|
|
8710
8752
|
justifyContent: orientation === "horizontal" ? "center" : "flex-start",
|
|
8711
8753
|
children: [
|
|
8712
|
-
/* @__PURE__ */ (0,
|
|
8754
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(
|
|
8713
8755
|
Box_default,
|
|
8714
8756
|
{
|
|
8715
8757
|
onClick,
|
|
@@ -8718,9 +8760,9 @@ var PackageCard = ({
|
|
|
8718
8760
|
gap: "var(--spacing-1)",
|
|
8719
8761
|
mb: "var(--spacing-1)",
|
|
8720
8762
|
children: [
|
|
8721
|
-
/* @__PURE__ */ (0,
|
|
8722
|
-
/* @__PURE__ */ (0,
|
|
8723
|
-
/* @__PURE__ */ (0,
|
|
8763
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }) }),
|
|
8764
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Text_default, { size: "sm", fontWeight: "bold", children: subtitle }) }),
|
|
8765
|
+
/* @__PURE__ */ (0, import_jsx_runtime251.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime251.jsxs)(Text_default, { size: "sm", fontWeight: "normal", children: [
|
|
8724
8766
|
"Starting Price ",
|
|
8725
8767
|
startingPrice,
|
|
8726
8768
|
" / Guest"
|
|
@@ -8728,14 +8770,14 @@ var PackageCard = ({
|
|
|
8728
8770
|
]
|
|
8729
8771
|
}
|
|
8730
8772
|
),
|
|
8731
|
-
badges && badges.length > 0 && /* @__PURE__ */ (0,
|
|
8773
|
+
badges && badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8732
8774
|
Box_default,
|
|
8733
8775
|
{
|
|
8734
8776
|
display: "flex",
|
|
8735
8777
|
gap: "var(--spacing-2) var(--spacing-4)",
|
|
8736
8778
|
alignItems: "center",
|
|
8737
8779
|
flexWrap: "wrap",
|
|
8738
|
-
children: badges.map((badge2, index) => /* @__PURE__ */ (0,
|
|
8780
|
+
children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime251.jsx)(
|
|
8739
8781
|
IconLabel_default,
|
|
8740
8782
|
{
|
|
8741
8783
|
iconSize: badge2.iconSize || "medium",
|
|
@@ -8756,14 +8798,14 @@ var PackageCard = ({
|
|
|
8756
8798
|
var PackageCard_default = PackageCard;
|
|
8757
8799
|
|
|
8758
8800
|
// src/PackageHeader/PackageHeader.tsx
|
|
8759
|
-
var
|
|
8801
|
+
var import_jsx_runtime252 = require("@emotion/react/jsx-runtime");
|
|
8760
8802
|
var PackageHeader = ({
|
|
8761
8803
|
header,
|
|
8762
8804
|
subheader,
|
|
8763
8805
|
features,
|
|
8764
8806
|
className
|
|
8765
8807
|
}) => {
|
|
8766
|
-
return /* @__PURE__ */ (0,
|
|
8808
|
+
return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
|
|
8767
8809
|
Box_default,
|
|
8768
8810
|
{
|
|
8769
8811
|
display: "flex",
|
|
@@ -8772,9 +8814,9 @@ var PackageHeader = ({
|
|
|
8772
8814
|
color: "var(--text-primary)",
|
|
8773
8815
|
className,
|
|
8774
8816
|
children: [
|
|
8775
|
-
/* @__PURE__ */ (0,
|
|
8776
|
-
subheader && /* @__PURE__ */ (0,
|
|
8777
|
-
features && /* @__PURE__ */ (0,
|
|
8817
|
+
/* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Heading_default, { size: "xs", fontWeight: "bold", children: header }),
|
|
8818
|
+
subheader && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(Text_default, { children: subheader }),
|
|
8819
|
+
features && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(FeatureList_default, { items: features })
|
|
8778
8820
|
]
|
|
8779
8821
|
}
|
|
8780
8822
|
);
|
|
@@ -8794,13 +8836,13 @@ var imageStyles3 = import_react55.css`
|
|
|
8794
8836
|
`;
|
|
8795
8837
|
|
|
8796
8838
|
// src/ReviewCard/components/ReviewImages.tsx
|
|
8797
|
-
var
|
|
8839
|
+
var import_jsx_runtime253 = require("@emotion/react/jsx-runtime");
|
|
8798
8840
|
var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
8799
8841
|
const displayImages = images.slice(0, maxImages);
|
|
8800
8842
|
if (displayImages.length === 0) {
|
|
8801
8843
|
return null;
|
|
8802
8844
|
}
|
|
8803
|
-
return /* @__PURE__ */ (0,
|
|
8845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(Box_default, { display: "flex", gap: "var(--spacing-2)", flexWrap: "wrap", children: displayImages.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime253.jsx)(
|
|
8804
8846
|
"img",
|
|
8805
8847
|
{
|
|
8806
8848
|
src: image,
|
|
@@ -8813,7 +8855,7 @@ var ReviewImages = ({ images, maxImages = 3 }) => {
|
|
|
8813
8855
|
var ReviewImages_default = ReviewImages;
|
|
8814
8856
|
|
|
8815
8857
|
// src/ReviewCard/components/ReviewReply.tsx
|
|
8816
|
-
var
|
|
8858
|
+
var import_jsx_runtime254 = require("@emotion/react/jsx-runtime");
|
|
8817
8859
|
var ReviewReply = ({
|
|
8818
8860
|
avatarSrc,
|
|
8819
8861
|
name,
|
|
@@ -8822,7 +8864,7 @@ var ReviewReply = ({
|
|
|
8822
8864
|
label,
|
|
8823
8865
|
rating
|
|
8824
8866
|
}) => {
|
|
8825
|
-
return /* @__PURE__ */ (0,
|
|
8867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
8826
8868
|
Box_default,
|
|
8827
8869
|
{
|
|
8828
8870
|
backgroundColor: "var(--surface-neutral)",
|
|
@@ -8832,7 +8874,7 @@ var ReviewReply = ({
|
|
|
8832
8874
|
flexDirection: "column",
|
|
8833
8875
|
gap: "var(--spacing-3)",
|
|
8834
8876
|
children: [
|
|
8835
|
-
/* @__PURE__ */ (0,
|
|
8877
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
|
|
8836
8878
|
Box_default,
|
|
8837
8879
|
{
|
|
8838
8880
|
display: "flex",
|
|
@@ -8840,7 +8882,7 @@ var ReviewReply = ({
|
|
|
8840
8882
|
justifyContent: "space-between",
|
|
8841
8883
|
gap: "var(--spacing-2)",
|
|
8842
8884
|
children: [
|
|
8843
|
-
/* @__PURE__ */ (0,
|
|
8885
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
|
|
8844
8886
|
UserCard_default,
|
|
8845
8887
|
{
|
|
8846
8888
|
avatarSrc,
|
|
@@ -8849,11 +8891,11 @@ var ReviewReply = ({
|
|
|
8849
8891
|
rating
|
|
8850
8892
|
}
|
|
8851
8893
|
),
|
|
8852
|
-
/* @__PURE__ */ (0,
|
|
8894
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(AvailabilityBadge_default, { variant: "neutral", children: label })
|
|
8853
8895
|
]
|
|
8854
8896
|
}
|
|
8855
8897
|
),
|
|
8856
|
-
/* @__PURE__ */ (0,
|
|
8898
|
+
/* @__PURE__ */ (0, import_jsx_runtime254.jsx)(Text_default, { children: content })
|
|
8857
8899
|
]
|
|
8858
8900
|
}
|
|
8859
8901
|
);
|
|
@@ -8861,7 +8903,7 @@ var ReviewReply = ({
|
|
|
8861
8903
|
var ReviewReply_default = ReviewReply;
|
|
8862
8904
|
|
|
8863
8905
|
// src/ReviewCard/ReviewCard.tsx
|
|
8864
|
-
var
|
|
8906
|
+
var import_jsx_runtime255 = require("@emotion/react/jsx-runtime");
|
|
8865
8907
|
var ReviewCard = ({
|
|
8866
8908
|
avatarSrc,
|
|
8867
8909
|
name,
|
|
@@ -8873,7 +8915,7 @@ var ReviewCard = ({
|
|
|
8873
8915
|
replies = [],
|
|
8874
8916
|
className
|
|
8875
8917
|
}) => {
|
|
8876
|
-
return /* @__PURE__ */ (0,
|
|
8918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)(
|
|
8877
8919
|
Box_default,
|
|
8878
8920
|
{
|
|
8879
8921
|
backgroundColor: "white",
|
|
@@ -8884,7 +8926,7 @@ var ReviewCard = ({
|
|
|
8884
8926
|
gap: "var(--spacing-4)",
|
|
8885
8927
|
className,
|
|
8886
8928
|
children: [
|
|
8887
|
-
/* @__PURE__ */ (0,
|
|
8929
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
|
|
8888
8930
|
UserCard_default,
|
|
8889
8931
|
{
|
|
8890
8932
|
avatarSrc,
|
|
@@ -8893,10 +8935,10 @@ var ReviewCard = ({
|
|
|
8893
8935
|
rating
|
|
8894
8936
|
}
|
|
8895
8937
|
),
|
|
8896
|
-
availabilityBadge && /* @__PURE__ */ (0,
|
|
8897
|
-
/* @__PURE__ */ (0,
|
|
8898
|
-
images.length > 0 && /* @__PURE__ */ (0,
|
|
8899
|
-
replies.length > 0 && /* @__PURE__ */ (0,
|
|
8938
|
+
availabilityBadge && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(AvailabilityBadge_default, { variant: availabilityBadge.variant, children: availabilityBadge.text }) }),
|
|
8939
|
+
/* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Text_default, { size: "md", children: content }),
|
|
8940
|
+
images.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(ReviewImages_default, { images }),
|
|
8941
|
+
replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-3)", children: replies.map((reply, index) => /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(
|
|
8900
8942
|
ReviewReply_default,
|
|
8901
8943
|
{
|
|
8902
8944
|
avatarSrc: reply.avatarSrc,
|
|
@@ -8918,9 +8960,9 @@ var ReviewCard_default = ReviewCard;
|
|
|
8918
8960
|
var import_react56 = require("@emotion/react");
|
|
8919
8961
|
|
|
8920
8962
|
// src/Reviews/components/ReviewItem.tsx
|
|
8921
|
-
var
|
|
8963
|
+
var import_jsx_runtime256 = require("@emotion/react/jsx-runtime");
|
|
8922
8964
|
var ReviewItem = ({ label, rating }) => {
|
|
8923
|
-
return /* @__PURE__ */ (0,
|
|
8965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(
|
|
8924
8966
|
Box_default,
|
|
8925
8967
|
{
|
|
8926
8968
|
display: "flex",
|
|
@@ -8928,10 +8970,10 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
8928
8970
|
alignItems: "center",
|
|
8929
8971
|
width: "100%",
|
|
8930
8972
|
children: [
|
|
8931
|
-
/* @__PURE__ */ (0,
|
|
8932
|
-
/* @__PURE__ */ (0,
|
|
8933
|
-
/* @__PURE__ */ (0,
|
|
8934
|
-
/* @__PURE__ */ (0,
|
|
8973
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Text_default, { fontWeight: "semibold", children: label }),
|
|
8974
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-2)", children: [
|
|
8975
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsx)(Icon_default, { variant: "StarSolid", size: "large", fill: "var(--surface-action-2)" }),
|
|
8976
|
+
/* @__PURE__ */ (0, import_jsx_runtime256.jsxs)(Text_default, { fontWeight: "semibold", children: [
|
|
8935
8977
|
rating,
|
|
8936
8978
|
"/5"
|
|
8937
8979
|
] })
|
|
@@ -8943,14 +8985,14 @@ var ReviewItem = ({ label, rating }) => {
|
|
|
8943
8985
|
var ReviewItem_default = ReviewItem;
|
|
8944
8986
|
|
|
8945
8987
|
// src/Reviews/Reviews.tsx
|
|
8946
|
-
var
|
|
8988
|
+
var import_jsx_runtime257 = require("@emotion/react/jsx-runtime");
|
|
8947
8989
|
var Reviews = ({
|
|
8948
8990
|
averageRating,
|
|
8949
8991
|
totalReviews,
|
|
8950
8992
|
items,
|
|
8951
8993
|
className
|
|
8952
8994
|
}) => {
|
|
8953
|
-
return /* @__PURE__ */ (0,
|
|
8995
|
+
return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
|
|
8954
8996
|
Box_default,
|
|
8955
8997
|
{
|
|
8956
8998
|
width: "100%",
|
|
@@ -8963,7 +9005,7 @@ var Reviews = ({
|
|
|
8963
9005
|
p: "var(--spacing-4)",
|
|
8964
9006
|
className,
|
|
8965
9007
|
children: [
|
|
8966
|
-
/* @__PURE__ */ (0,
|
|
9008
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(
|
|
8967
9009
|
Box_default,
|
|
8968
9010
|
{
|
|
8969
9011
|
display: "flex",
|
|
@@ -8971,8 +9013,8 @@ var Reviews = ({
|
|
|
8971
9013
|
alignItems: "center",
|
|
8972
9014
|
gap: "var(--spacing-2)",
|
|
8973
9015
|
children: [
|
|
8974
|
-
/* @__PURE__ */ (0,
|
|
8975
|
-
/* @__PURE__ */ (0,
|
|
9016
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(Heading_default, { size: "sm", fontWeight: "bold", color: "text-primary", children: averageRating.toFixed(1) }),
|
|
9017
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
8976
9018
|
StarRating_default,
|
|
8977
9019
|
{
|
|
8978
9020
|
rating: Math.floor(averageRating),
|
|
@@ -8984,7 +9026,7 @@ var Reviews = ({
|
|
|
8984
9026
|
`
|
|
8985
9027
|
}
|
|
8986
9028
|
),
|
|
8987
|
-
/* @__PURE__ */ (0,
|
|
9029
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(Text_default, { size: "sm", color: "text-secondary", children: [
|
|
8988
9030
|
"Overall Rating \u2022 ",
|
|
8989
9031
|
totalReviews,
|
|
8990
9032
|
" Review",
|
|
@@ -8993,14 +9035,14 @@ var Reviews = ({
|
|
|
8993
9035
|
]
|
|
8994
9036
|
}
|
|
8995
9037
|
),
|
|
8996
|
-
/* @__PURE__ */ (0,
|
|
9038
|
+
/* @__PURE__ */ (0, import_jsx_runtime257.jsx)(
|
|
8997
9039
|
Box_default,
|
|
8998
9040
|
{
|
|
8999
9041
|
display: "flex",
|
|
9000
9042
|
flexDirection: "column",
|
|
9001
9043
|
gap: "var(--spacing-2)",
|
|
9002
9044
|
width: "100%",
|
|
9003
|
-
children: items.map((item, index) => /* @__PURE__ */ (0,
|
|
9045
|
+
children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime257.jsx)(ReviewItem_default, { label: item.label, rating: item.rating }, index))
|
|
9004
9046
|
}
|
|
9005
9047
|
)
|
|
9006
9048
|
]
|
|
@@ -9010,7 +9052,7 @@ var Reviews = ({
|
|
|
9010
9052
|
var Reviews_default = Reviews;
|
|
9011
9053
|
|
|
9012
9054
|
// src/Reviews/ReviewsShowcase.tsx
|
|
9013
|
-
var
|
|
9055
|
+
var import_jsx_runtime258 = require("@emotion/react/jsx-runtime");
|
|
9014
9056
|
var ReviewsShowcase = () => {
|
|
9015
9057
|
const sampleData = {
|
|
9016
9058
|
averageRating: 4,
|
|
@@ -9032,7 +9074,7 @@ var ReviewsShowcase = () => {
|
|
|
9032
9074
|
{ label: "Game Abundance", rating: 5 }
|
|
9033
9075
|
]
|
|
9034
9076
|
};
|
|
9035
|
-
return /* @__PURE__ */ (0,
|
|
9077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(
|
|
9036
9078
|
Box_default,
|
|
9037
9079
|
{
|
|
9038
9080
|
display: "flex",
|
|
@@ -9040,24 +9082,24 @@ var ReviewsShowcase = () => {
|
|
|
9040
9082
|
gap: "var(--spacing-8)",
|
|
9041
9083
|
p: "var(--spacing-6)",
|
|
9042
9084
|
children: [
|
|
9043
|
-
/* @__PURE__ */ (0,
|
|
9044
|
-
/* @__PURE__ */ (0,
|
|
9045
|
-
/* @__PURE__ */ (0,
|
|
9046
|
-
/* @__PURE__ */ (0,
|
|
9085
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "lg", children: "Reviews Component Showcase" }),
|
|
9086
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9087
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "md", children: "Default Reviews" }),
|
|
9088
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Reviews_default, { ...sampleData }) })
|
|
9047
9089
|
] }),
|
|
9048
|
-
/* @__PURE__ */ (0,
|
|
9049
|
-
/* @__PURE__ */ (0,
|
|
9050
|
-
/* @__PURE__ */ (0,
|
|
9090
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9091
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "md", children: "High Rating Reviews" }),
|
|
9092
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Box_default, { maxWidth: "400px", children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Reviews_default, { ...highRatingData }) })
|
|
9051
9093
|
] }),
|
|
9052
|
-
/* @__PURE__ */ (0,
|
|
9053
|
-
/* @__PURE__ */ (0,
|
|
9054
|
-
/* @__PURE__ */ (0,
|
|
9094
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "var(--spacing-4)", children: [
|
|
9095
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Heading_default, { size: "md", children: "Mobile Layout (320px width)" }),
|
|
9096
|
+
/* @__PURE__ */ (0, import_jsx_runtime258.jsx)(
|
|
9055
9097
|
Box_default,
|
|
9056
9098
|
{
|
|
9057
9099
|
maxWidth: "320px",
|
|
9058
9100
|
border: "1px solid var(--color-neutral-200)",
|
|
9059
9101
|
p: "var(--spacing-4)",
|
|
9060
|
-
children: /* @__PURE__ */ (0,
|
|
9102
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(Reviews_default, { ...sampleData })
|
|
9061
9103
|
}
|
|
9062
9104
|
)
|
|
9063
9105
|
] })
|
|
@@ -9075,6 +9117,7 @@ var ReviewsShowcase_default = ReviewsShowcase;
|
|
|
9075
9117
|
Button,
|
|
9076
9118
|
ChatWidget,
|
|
9077
9119
|
Column,
|
|
9120
|
+
ContactLandownerButton,
|
|
9078
9121
|
Container,
|
|
9079
9122
|
Divider,
|
|
9080
9123
|
FeatureList,
|
|
@@ -9112,6 +9155,8 @@ var ReviewsShowcase_default = ReviewsShowcase;
|
|
|
9112
9155
|
Text,
|
|
9113
9156
|
TextArea,
|
|
9114
9157
|
ThemeTokens,
|
|
9158
|
+
TopMatchingFieldNote,
|
|
9159
|
+
TopMatchingReview,
|
|
9115
9160
|
UserCard,
|
|
9116
9161
|
Widget,
|
|
9117
9162
|
WidgetPanel,
|