@geowiki/design-system 0.16.9 → 0.16.10-dev.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.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +250 -184
- package/dist/index.mjs +234 -168
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -7528,20 +7528,48 @@ var SummaryCard = (props) => {
|
|
|
7528
7528
|
] });
|
|
7529
7529
|
};
|
|
7530
7530
|
|
|
7531
|
-
// src/components/
|
|
7531
|
+
// src/components/ui/VideoPlayer.tsx
|
|
7532
7532
|
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
7533
|
+
var VideoPlayer = (props) => {
|
|
7534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: " max-w-sm aspect-square overflow-hidden bg-black rounded-lg " + props.className, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
7535
|
+
"video",
|
|
7536
|
+
{
|
|
7537
|
+
src: props.url,
|
|
7538
|
+
controls: true,
|
|
7539
|
+
preload: "metadata",
|
|
7540
|
+
className: "object-cover",
|
|
7541
|
+
style: { width: props.width, height: props.height }
|
|
7542
|
+
}
|
|
7543
|
+
) });
|
|
7544
|
+
};
|
|
7545
|
+
|
|
7546
|
+
// src/components/DesignElements/Carousel/CarouselGalleryItem.tsx
|
|
7547
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
7533
7548
|
var CarouselGalleryItem = ({ text, url }) => {
|
|
7534
|
-
return /* @__PURE__ */ (0,
|
|
7535
|
-
/* @__PURE__ */ (0,
|
|
7536
|
-
|
|
7537
|
-
|
|
7538
|
-
|
|
7539
|
-
|
|
7540
|
-
|
|
7541
|
-
|
|
7542
|
-
|
|
7543
|
-
|
|
7544
|
-
|
|
7549
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
|
|
7550
|
+
!url.includes(".mp4") && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "aspect-square sm:w-auto bg-center relative flex group ", children: [
|
|
7551
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
7552
|
+
ImageElement,
|
|
7553
|
+
{
|
|
7554
|
+
src: url,
|
|
7555
|
+
width: 432,
|
|
7556
|
+
height: 356,
|
|
7557
|
+
className: "h-full bg-black group-hover:brightness-50 rounded-xl object-cover"
|
|
7558
|
+
}
|
|
7559
|
+
),
|
|
7560
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
|
|
7561
|
+
] }),
|
|
7562
|
+
url.includes(".mp4") && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: " max-w-sm aspect-square relative group cursor-pointer overflow-hidden rounded-xl", children: [
|
|
7563
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "transition-all duration-300 group-hover:brightness-50", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
7564
|
+
VideoPlayer,
|
|
7565
|
+
{
|
|
7566
|
+
url,
|
|
7567
|
+
width: 432,
|
|
7568
|
+
height: 570
|
|
7569
|
+
}
|
|
7570
|
+
) }),
|
|
7571
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
|
|
7572
|
+
] })
|
|
7545
7573
|
] });
|
|
7546
7574
|
};
|
|
7547
7575
|
|
|
@@ -7551,12 +7579,13 @@ var import_react24 = require("@headlessui/react");
|
|
|
7551
7579
|
var import_outline5 = require("@heroicons/react/24/outline");
|
|
7552
7580
|
var import_react25 = require("react");
|
|
7553
7581
|
var import_lucide_react20 = require("lucide-react");
|
|
7554
|
-
var
|
|
7582
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
7555
7583
|
var GalleryCarouselOpen = ({
|
|
7556
7584
|
list,
|
|
7557
7585
|
currentPhoto,
|
|
7558
7586
|
open,
|
|
7559
|
-
setOpen
|
|
7587
|
+
setOpen,
|
|
7588
|
+
saveRotationChanges
|
|
7560
7589
|
}) => {
|
|
7561
7590
|
const [defaultPhoto, setDefaultPhoto] = (0, import_react25.useState)(currentPhoto);
|
|
7562
7591
|
const [text, setDefaultText] = (0, import_react25.useState)("");
|
|
@@ -7582,14 +7611,30 @@ var GalleryCarouselOpen = ({
|
|
|
7582
7611
|
setDefaultPhoto({ imageUrl: list[nextIndex].url });
|
|
7583
7612
|
}
|
|
7584
7613
|
};
|
|
7614
|
+
const generateBase64ofImage = () => {
|
|
7615
|
+
const img = new Image();
|
|
7616
|
+
let base64;
|
|
7617
|
+
img.src = defaultPhoto.imageUrl;
|
|
7618
|
+
img.crossOrigin = "anonymous";
|
|
7619
|
+
const canvas = document.createElement("canvas");
|
|
7620
|
+
const ctx = canvas.getContext("2d");
|
|
7621
|
+
if (!ctx) return null;
|
|
7622
|
+
canvas.width = img.height;
|
|
7623
|
+
canvas.height = img.width;
|
|
7624
|
+
ctx.translate(canvas.width / 2, canvas.height / 2);
|
|
7625
|
+
ctx.rotate(rotation * Math.PI / 180);
|
|
7626
|
+
ctx.drawImage(img, -img.width / 2, -img.height / 2);
|
|
7627
|
+
base64 = canvas.toDataURL("image/jpeg");
|
|
7628
|
+
return base64 != null ? base64 : null;
|
|
7629
|
+
};
|
|
7585
7630
|
(0, import_react25.useEffect)(() => {
|
|
7586
7631
|
const foundPhoto = list.find((list2) => list2.url === defaultPhoto.imageUrl);
|
|
7587
7632
|
if (foundPhoto) {
|
|
7588
7633
|
setDefaultText(foundPhoto.text);
|
|
7589
7634
|
}
|
|
7590
7635
|
}, [defaultPhoto, list]);
|
|
7591
|
-
return /* @__PURE__ */ (0,
|
|
7592
|
-
/* @__PURE__ */ (0,
|
|
7636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react24.Transition.Root, { show: open, as: import_react23.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_react24.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
7637
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7593
7638
|
import_react24.Transition.Child,
|
|
7594
7639
|
{
|
|
7595
7640
|
as: import_react23.Fragment,
|
|
@@ -7599,19 +7644,19 @@ var GalleryCarouselOpen = ({
|
|
|
7599
7644
|
leave: "ease-in duration-200",
|
|
7600
7645
|
leaveFrom: "opacity-100",
|
|
7601
7646
|
leaveTo: "opacity-0",
|
|
7602
|
-
children: /* @__PURE__ */ (0,
|
|
7647
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
|
|
7603
7648
|
}
|
|
7604
7649
|
),
|
|
7605
|
-
/* @__PURE__ */ (0,
|
|
7606
|
-
/* @__PURE__ */ (0,
|
|
7650
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react24.Dialog.Panel, { className: "relative ", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "fixed inset-0 flex items-center justify-between", children: [
|
|
7651
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
7607
7652
|
"button",
|
|
7608
7653
|
{
|
|
7609
7654
|
type: "button",
|
|
7610
7655
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
7611
7656
|
onClick: () => setOpen(false),
|
|
7612
7657
|
children: [
|
|
7613
|
-
/* @__PURE__ */ (0,
|
|
7614
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7615
7660
|
import_outline5.XMarkIcon,
|
|
7616
7661
|
{
|
|
7617
7662
|
className: "h-4 w-4 lg:h-6 lg:w-6 text-white",
|
|
@@ -7621,19 +7666,19 @@ var GalleryCarouselOpen = ({
|
|
|
7621
7666
|
]
|
|
7622
7667
|
}
|
|
7623
7668
|
) }),
|
|
7624
|
-
/* @__PURE__ */ (0,
|
|
7625
|
-
/* @__PURE__ */ (0,
|
|
7626
|
-
/* @__PURE__ */ (0,
|
|
7669
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col", children: [
|
|
7670
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex justify-between items-center w-full ", children: [
|
|
7671
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7627
7672
|
"button",
|
|
7628
7673
|
{
|
|
7629
7674
|
type: "button",
|
|
7630
7675
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40 ",
|
|
7631
7676
|
onClick: handlePrevious,
|
|
7632
|
-
children: /* @__PURE__ */ (0,
|
|
7677
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react20.ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white", onClick: () => setRotation(0) })
|
|
7633
7678
|
}
|
|
7634
7679
|
),
|
|
7635
|
-
/* @__PURE__ */ (0,
|
|
7636
|
-
/* @__PURE__ */ (0,
|
|
7680
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "w-full flex-col flex justify-center items-center", children: [
|
|
7681
|
+
!defaultPhoto.imageUrl.includes(".mp4") && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7637
7682
|
"img",
|
|
7638
7683
|
{
|
|
7639
7684
|
src: defaultPhoto.imageUrl,
|
|
@@ -7642,25 +7687,45 @@ var GalleryCarouselOpen = ({
|
|
|
7642
7687
|
className: " p-4"
|
|
7643
7688
|
}
|
|
7644
7689
|
),
|
|
7645
|
-
/* @__PURE__ */ (0,
|
|
7690
|
+
defaultPhoto.imageUrl.includes(".mp4") && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7691
|
+
"video",
|
|
7692
|
+
{
|
|
7693
|
+
src: defaultPhoto.imageUrl,
|
|
7694
|
+
controls: true,
|
|
7695
|
+
preload: "metadata",
|
|
7696
|
+
style: { maxWidth: "100%", maxHeight: "95vh", transform: `rotate(${rotation}deg)` },
|
|
7697
|
+
className: " p-4"
|
|
7698
|
+
}
|
|
7699
|
+
),
|
|
7700
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Body16, { className: "z-40 text-white", children: text })
|
|
7646
7701
|
] }),
|
|
7647
|
-
/* @__PURE__ */ (0,
|
|
7702
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7648
7703
|
"button",
|
|
7649
7704
|
{
|
|
7650
7705
|
type: "button",
|
|
7651
7706
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40",
|
|
7652
7707
|
onClick: handleNext,
|
|
7653
|
-
children: /* @__PURE__ */ (0,
|
|
7708
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react20.ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white", onClick: () => setRotation(0) })
|
|
7654
7709
|
}
|
|
7655
7710
|
)
|
|
7656
7711
|
] }),
|
|
7657
|
-
/* @__PURE__ */ (0,
|
|
7658
|
-
/* @__PURE__ */ (0,
|
|
7659
|
-
|
|
7660
|
-
|
|
7661
|
-
|
|
7662
|
-
|
|
7663
|
-
|
|
7712
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "justify-between flex flex-row mb-5", children: [
|
|
7713
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "gap-2 flex flex-row", children: [
|
|
7714
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react20.RotateCcw, { className: "h-6 w-6 text-white cursor-pointer", onClick: () => {
|
|
7715
|
+
setRotation(rotation - 90);
|
|
7716
|
+
} }),
|
|
7717
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react20.RotateCw, { className: "h-6 w-6 text-white cursor-pointer", onClick: () => {
|
|
7718
|
+
setRotation(rotation + 90);
|
|
7719
|
+
} })
|
|
7720
|
+
] }),
|
|
7721
|
+
saveRotationChanges && !defaultPhoto.imageUrl.includes(".mp4") && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
7722
|
+
"div",
|
|
7723
|
+
{
|
|
7724
|
+
className: "z-40 text-white hover:cursor-pointer",
|
|
7725
|
+
onClick: () => saveRotationChanges(generateBase64ofImage()),
|
|
7726
|
+
children: "Save rotation changes"
|
|
7727
|
+
}
|
|
7728
|
+
)
|
|
7664
7729
|
] })
|
|
7665
7730
|
] }) })
|
|
7666
7731
|
] }) })
|
|
@@ -7669,28 +7734,28 @@ var GalleryCarouselOpen = ({
|
|
|
7669
7734
|
|
|
7670
7735
|
// src/components/DesignElements/Carousel/CarouselGalleryItemList.tsx
|
|
7671
7736
|
var import_react26 = require("react");
|
|
7672
|
-
var
|
|
7673
|
-
var CarouselItemList = ({ galleryItems }) => {
|
|
7737
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
7738
|
+
var CarouselItemList = ({ galleryItems, saveRotationChanges }) => {
|
|
7674
7739
|
const [open, setOpen] = (0, import_react26.useState)(false);
|
|
7675
7740
|
const [selectedItemId, setSelectedItemId] = (0, import_react26.useState)("");
|
|
7676
7741
|
const handleOpenGallery = (id) => {
|
|
7677
7742
|
setOpen(true);
|
|
7678
7743
|
setSelectedItemId(id);
|
|
7679
7744
|
};
|
|
7680
|
-
return /* @__PURE__ */ (0,
|
|
7681
|
-
/* @__PURE__ */ (0,
|
|
7682
|
-
/* @__PURE__ */ (0,
|
|
7745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { children: [
|
|
7746
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Carousel, { className: "w-full px-8", children: [
|
|
7747
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CarouselContent, { className: "px-3", children: galleryItems.map((galleryItem, index) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CarouselItem, { className: " md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
7683
7748
|
"div",
|
|
7684
7749
|
{
|
|
7685
7750
|
className: "flex aspect-square items-center justify-center cursor-pointer",
|
|
7686
7751
|
onClick: () => handleOpenGallery(galleryItem.url),
|
|
7687
|
-
children: /* @__PURE__ */ (0,
|
|
7752
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CarouselGalleryItem, { text: galleryItem.text, url: galleryItem.url })
|
|
7688
7753
|
}
|
|
7689
7754
|
) }) }, index)) }),
|
|
7690
|
-
/* @__PURE__ */ (0,
|
|
7691
|
-
/* @__PURE__ */ (0,
|
|
7755
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CarouselPrevious, {}),
|
|
7756
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CarouselNext, {})
|
|
7692
7757
|
] }),
|
|
7693
|
-
/* @__PURE__ */ (0,
|
|
7758
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
7694
7759
|
GalleryCarouselOpen,
|
|
7695
7760
|
{
|
|
7696
7761
|
currentPhoto: { imageUrl: selectedItemId },
|
|
@@ -7699,7 +7764,8 @@ var CarouselItemList = ({ galleryItems }) => {
|
|
|
7699
7764
|
text: galleryItem.text
|
|
7700
7765
|
})),
|
|
7701
7766
|
open,
|
|
7702
|
-
setOpen
|
|
7767
|
+
setOpen,
|
|
7768
|
+
saveRotationChanges
|
|
7703
7769
|
}
|
|
7704
7770
|
)
|
|
7705
7771
|
] });
|
|
@@ -7707,7 +7773,7 @@ var CarouselItemList = ({ galleryItems }) => {
|
|
|
7707
7773
|
|
|
7708
7774
|
// src/components/Elements/button.tsx
|
|
7709
7775
|
var import_classnames4 = __toESM(require("classnames"));
|
|
7710
|
-
var
|
|
7776
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
7711
7777
|
var OldButton = ({
|
|
7712
7778
|
label,
|
|
7713
7779
|
appearance,
|
|
@@ -7716,7 +7782,7 @@ var OldButton = ({
|
|
|
7716
7782
|
loading = false,
|
|
7717
7783
|
type
|
|
7718
7784
|
}) => {
|
|
7719
|
-
return /* @__PURE__ */ (0,
|
|
7785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("button", { onClick: handleClick, type, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
7720
7786
|
"div",
|
|
7721
7787
|
{
|
|
7722
7788
|
className: (0, import_classnames4.default)(
|
|
@@ -7754,9 +7820,9 @@ var OldButton = ({
|
|
|
7754
7820
|
|
|
7755
7821
|
// src/components/Elements/button-link.tsx
|
|
7756
7822
|
var import_classnames5 = __toESM(require("classnames"));
|
|
7757
|
-
var
|
|
7823
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
7758
7824
|
var ButtonContent = ({ button, appearance, compact }) => {
|
|
7759
|
-
return /* @__PURE__ */ (0,
|
|
7825
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
7760
7826
|
"div",
|
|
7761
7827
|
{
|
|
7762
7828
|
className: (0, import_classnames5.default)(
|
|
@@ -7796,13 +7862,13 @@ var ButtonLink = ({
|
|
|
7796
7862
|
appearance,
|
|
7797
7863
|
compact = false
|
|
7798
7864
|
}) => {
|
|
7799
|
-
return /* @__PURE__ */ (0,
|
|
7865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(ButtonContent, { button, appearance, compact });
|
|
7800
7866
|
};
|
|
7801
7867
|
|
|
7802
7868
|
// src/components/Elements/Error.tsx
|
|
7803
|
-
var
|
|
7869
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
7804
7870
|
var ErrorMessage = (props) => {
|
|
7805
|
-
return /* @__PURE__ */ (0,
|
|
7871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { children: [
|
|
7806
7872
|
"Error (: ",
|
|
7807
7873
|
props.message,
|
|
7808
7874
|
")"
|
|
@@ -7810,10 +7876,10 @@ var ErrorMessage = (props) => {
|
|
|
7810
7876
|
};
|
|
7811
7877
|
|
|
7812
7878
|
// src/components/Elements/feature-disabled.tsx
|
|
7813
|
-
var
|
|
7879
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
7814
7880
|
var FeatureDisabled = () => {
|
|
7815
|
-
return /* @__PURE__ */ (0,
|
|
7816
|
-
/* @__PURE__ */ (0,
|
|
7881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "container mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
|
|
7882
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
7817
7883
|
"svg",
|
|
7818
7884
|
{
|
|
7819
7885
|
className: "mx-auto h-12 w-12 text-gray-400",
|
|
@@ -7821,7 +7887,7 @@ var FeatureDisabled = () => {
|
|
|
7821
7887
|
fill: "none",
|
|
7822
7888
|
viewBox: "0 0 24 24",
|
|
7823
7889
|
stroke: "currentColor",
|
|
7824
|
-
children: /* @__PURE__ */ (0,
|
|
7890
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
7825
7891
|
"path",
|
|
7826
7892
|
{
|
|
7827
7893
|
strokeLinecap: "round",
|
|
@@ -7832,13 +7898,13 @@ var FeatureDisabled = () => {
|
|
|
7832
7898
|
)
|
|
7833
7899
|
}
|
|
7834
7900
|
),
|
|
7835
|
-
/* @__PURE__ */ (0,
|
|
7901
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "mt-2 block text-sm font-medium ", children: "This feature is disabled for your site." })
|
|
7836
7902
|
] }) }) });
|
|
7837
7903
|
};
|
|
7838
7904
|
|
|
7839
7905
|
// src/components/Elements/IframeViewer.tsx
|
|
7840
7906
|
var import_react27 = require("react");
|
|
7841
|
-
var
|
|
7907
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
7842
7908
|
var IframeViewer = ({ html, className }) => {
|
|
7843
7909
|
const containerRef = (0, import_react27.useRef)(null);
|
|
7844
7910
|
(0, import_react27.useEffect)(() => {
|
|
@@ -7868,28 +7934,28 @@ var IframeViewer = ({ html, className }) => {
|
|
|
7868
7934
|
});
|
|
7869
7935
|
}
|
|
7870
7936
|
}, [html]);
|
|
7871
|
-
return /* @__PURE__ */ (0,
|
|
7937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { ref: containerRef, className: className != null ? className : "" });
|
|
7872
7938
|
};
|
|
7873
7939
|
|
|
7874
7940
|
// src/components/Elements/loader.tsx
|
|
7875
|
-
var
|
|
7941
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
7876
7942
|
var LoaderFull = ({
|
|
7877
7943
|
showInCenter = true,
|
|
7878
7944
|
cssClass = null
|
|
7879
7945
|
}) => {
|
|
7880
|
-
return /* @__PURE__ */ (0,
|
|
7946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
7881
7947
|
"div",
|
|
7882
7948
|
{
|
|
7883
7949
|
className: showInCenter ? "w-full min-h-screen flex items-center justify-center " + (cssClass !== null ? cssClass : "z-[1000] fixed top-0 left-0") : "w-full flex items-center justify-center " + (cssClass !== null ? cssClass : "z-[1000] fixed top-0 left-0"),
|
|
7884
|
-
children: /* @__PURE__ */ (0,
|
|
7950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
7885
7951
|
"svg",
|
|
7886
7952
|
{
|
|
7887
7953
|
viewBox: "0 0 38 38",
|
|
7888
7954
|
className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
|
|
7889
7955
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7890
|
-
children: /* @__PURE__ */ (0,
|
|
7891
|
-
/* @__PURE__ */ (0,
|
|
7892
|
-
/* @__PURE__ */ (0,
|
|
7956
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
7957
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
|
|
7958
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
7893
7959
|
"animateTransform",
|
|
7894
7960
|
{
|
|
7895
7961
|
attributeName: "transform",
|
|
@@ -7908,17 +7974,17 @@ var LoaderFull = ({
|
|
|
7908
7974
|
};
|
|
7909
7975
|
|
|
7910
7976
|
// src/components/Elements/LocalLoader.tsx
|
|
7911
|
-
var
|
|
7977
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
7912
7978
|
var LocalLoader = () => {
|
|
7913
|
-
return /* @__PURE__ */ (0,
|
|
7979
|
+
return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
7914
7980
|
"svg",
|
|
7915
7981
|
{
|
|
7916
7982
|
viewBox: "0 0 38 38",
|
|
7917
7983
|
className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
|
|
7918
7984
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7919
|
-
children: /* @__PURE__ */ (0,
|
|
7920
|
-
/* @__PURE__ */ (0,
|
|
7921
|
-
/* @__PURE__ */ (0,
|
|
7985
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
7986
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
|
|
7987
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
7922
7988
|
"animateTransform",
|
|
7923
7989
|
{
|
|
7924
7990
|
attributeName: "transform",
|
|
@@ -7935,9 +8001,9 @@ var LocalLoader = () => {
|
|
|
7935
8001
|
};
|
|
7936
8002
|
|
|
7937
8003
|
// src/components/Elements/MediaEmbedItem.tsx
|
|
7938
|
-
var
|
|
8004
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
7939
8005
|
var MediaEmbedItem = ({ alt, src }) => {
|
|
7940
|
-
return /* @__PURE__ */ (0,
|
|
8006
|
+
return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
7941
8007
|
"img",
|
|
7942
8008
|
{
|
|
7943
8009
|
alt,
|
|
@@ -7948,10 +8014,10 @@ var MediaEmbedItem = ({ alt, src }) => {
|
|
|
7948
8014
|
};
|
|
7949
8015
|
|
|
7950
8016
|
// src/components/Elements/permission-disabled.tsx
|
|
7951
|
-
var
|
|
8017
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
7952
8018
|
var PermissionDisabled = () => {
|
|
7953
|
-
return /* @__PURE__ */ (0,
|
|
7954
|
-
/* @__PURE__ */ (0,
|
|
8019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "container mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
|
|
8020
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
7955
8021
|
"svg",
|
|
7956
8022
|
{
|
|
7957
8023
|
className: "mx-auto h-12 w-12 text-gray-400",
|
|
@@ -7959,7 +8025,7 @@ var PermissionDisabled = () => {
|
|
|
7959
8025
|
fill: "none",
|
|
7960
8026
|
viewBox: "0 0 24 24",
|
|
7961
8027
|
stroke: "currentColor",
|
|
7962
|
-
children: /* @__PURE__ */ (0,
|
|
8028
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
7963
8029
|
"path",
|
|
7964
8030
|
{
|
|
7965
8031
|
strokeLinecap: "round",
|
|
@@ -7970,38 +8036,38 @@ var PermissionDisabled = () => {
|
|
|
7970
8036
|
)
|
|
7971
8037
|
}
|
|
7972
8038
|
),
|
|
7973
|
-
/* @__PURE__ */ (0,
|
|
8039
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "mt-2 block text-sm font-medium ", children: "Permission denied" })
|
|
7974
8040
|
] }) }) });
|
|
7975
8041
|
};
|
|
7976
8042
|
|
|
7977
8043
|
// src/components/Elements/ShowLargeText.tsx
|
|
7978
|
-
var
|
|
8044
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
7979
8045
|
var ShowLargeText = (props) => {
|
|
7980
|
-
return /* @__PURE__ */ (0,
|
|
8046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
|
|
7981
8047
|
"div",
|
|
7982
8048
|
{
|
|
7983
8049
|
className: props.colSpan != null ? "sm:col-span-" + props.colSpan : "sm:col-span-1",
|
|
7984
8050
|
children: [
|
|
7985
|
-
/* @__PURE__ */ (0,
|
|
7986
|
-
/* @__PURE__ */ (0,
|
|
8051
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("dt", { className: "text-sm font-bold", children: props.label }),
|
|
8052
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("dd", { className: "mt-1 text-sm", children: props.value })
|
|
7987
8053
|
]
|
|
7988
8054
|
}
|
|
7989
8055
|
);
|
|
7990
8056
|
};
|
|
7991
8057
|
|
|
7992
8058
|
// src/components/Elements/ShowShortText.tsx
|
|
7993
|
-
var
|
|
8059
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
7994
8060
|
var ShowShortText = (props) => {
|
|
7995
|
-
return /* @__PURE__ */ (0,
|
|
7996
|
-
/* @__PURE__ */ (0,
|
|
7997
|
-
/* @__PURE__ */ (0,
|
|
8061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "sm:col-span-1", children: [
|
|
8062
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("dt", { className: "text-sm font-bold", children: props.label }),
|
|
8063
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("dd", { className: "mt-1 text-sm", children: props.value })
|
|
7998
8064
|
] });
|
|
7999
8065
|
};
|
|
8000
8066
|
|
|
8001
8067
|
// src/components/Elements/SizedImage.tsx
|
|
8002
|
-
var
|
|
8068
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
8003
8069
|
var SizedImage = (props) => {
|
|
8004
|
-
return /* @__PURE__ */ (0,
|
|
8070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
8005
8071
|
"img",
|
|
8006
8072
|
{
|
|
8007
8073
|
className: props.className,
|
|
@@ -8014,42 +8080,42 @@ var SizedImage = (props) => {
|
|
|
8014
8080
|
};
|
|
8015
8081
|
|
|
8016
8082
|
// src/components/Elements/UnderConstruction.tsx
|
|
8017
|
-
var
|
|
8083
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
8018
8084
|
var UnderConstruction = () => {
|
|
8019
|
-
return /* @__PURE__ */ (0,
|
|
8020
|
-
/* @__PURE__ */ (0,
|
|
8021
|
-
/* @__PURE__ */ (0,
|
|
8022
|
-
/* @__PURE__ */ (0,
|
|
8023
|
-
/* @__PURE__ */ (0,
|
|
8085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: " min-h-screen px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "max-w-max mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("main", { className: "sm:flex", children: [
|
|
8086
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-4xl font-extrabold text-primary-600 sm:text-5xl", children: "recodo.io" }),
|
|
8087
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "sm:ml-6", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "sm:border-l sm:border-gray-200 sm:pl-6", children: [
|
|
8088
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h1", { className: "text-4xl font-extrabold tracking-tight sm:text-5xl", children: "Under Construction" }),
|
|
8089
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "mt-4 text-xl ", children: "Please check back later." })
|
|
8024
8090
|
] }) })
|
|
8025
8091
|
] }) }) });
|
|
8026
8092
|
};
|
|
8027
8093
|
|
|
8028
8094
|
// src/components/Elements/FeaturedItemWithBannerImage.tsx
|
|
8029
|
-
var
|
|
8095
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
8030
8096
|
var FeaturedItemWithBannerImage = (props) => {
|
|
8031
8097
|
var _a, _b, _c, _d;
|
|
8032
|
-
return /* @__PURE__ */ (0,
|
|
8098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "w-full h-full mt-15 pointer-events-auto md:pointer-events-none", onClick: () => {
|
|
8033
8099
|
if (window.innerWidth < 700 && props.itemDetails.externalWebsiteLink) window.open(props.itemDetails.externalWebsiteLink, "_blank");
|
|
8034
8100
|
}, children: [
|
|
8035
|
-
/* @__PURE__ */ (0,
|
|
8036
|
-
/* @__PURE__ */ (0,
|
|
8037
|
-
props.itemDetails.externalWebsiteLink && /* @__PURE__ */ (0,
|
|
8038
|
-
/* @__PURE__ */ (0,
|
|
8039
|
-
/* @__PURE__ */ (0,
|
|
8101
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "hidden md:block relative", children: [
|
|
8102
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)("img", { src: (_a = props.featuredItem[0]) == null ? void 0 : _a.landscapeBannerUrl, className: "relative w-full object-contain rounded-xl mt-6 lg:mt-12 " }),
|
|
8103
|
+
props.itemDetails.externalWebsiteLink && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("a", { className: "hidden md:block md:pointer-events-auto absolute featuredItemButton ml-5 h-24 rounded-tr-xl", target: "_blank", href: (_b = props.itemDetails) == null ? void 0 : _b.externalWebsiteLink, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "w-auto h-14 bg-primary rounded-[40px] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "inline-flex gap-2", children: [
|
|
8104
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "text-white text-base text-lg font-medium ml-6", children: "View Quest" }),
|
|
8105
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)("svg", { width: "13", height: "13", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "-rotate-1 mt-2 mr-6", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("path", { d: "M14.728 1.00124V10.8994C14.728 11.1751 14.6162 11.4254 14.4352 11.6065C14.2542 11.7875 14.0038 11.8992 13.7281 11.8992C13.1751 11.8992 12.7282 11.4523 12.7282 10.8994V3.41396L1.70725 14.4349C1.31622 14.8259 0.683362 14.8252 0.293039 14.4349C-0.0972836 14.0446 -0.0979906 13.4117 0.293039 13.0207L11.314 1.99975L3.82857 1.99975C3.27562 1.99975 2.82868 1.55281 2.82868 0.999856C2.82868 0.446899 3.27562 -3.6872e-05 3.82857 -3.67244e-05L13.7267 -3.66612e-05C13.8582 -3.69984e-05 13.9876 0.0260465 14.1106 0.0769579C14.3546 0.178074 14.5498 0.373349 14.651 0.617301C14.7019 0.740338 14.728 0.869715 14.728 1.00124Z", fill: "white" }) })
|
|
8040
8106
|
] }) }) })
|
|
8041
8107
|
] }),
|
|
8042
|
-
((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ (0,
|
|
8043
|
-
/* @__PURE__ */ (0,
|
|
8044
|
-
/* @__PURE__ */ (0,
|
|
8108
|
+
((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "w-full relative pt-10", children: [
|
|
8109
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: "Feature Quest" }),
|
|
8110
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)("img", { src: (_d = props.featuredItem[0]) == null ? void 0 : _d.portraitBannerUrl, className: "w-full h-full overflow-hidden rounded-xl object-cover mt-5" })
|
|
8045
8111
|
] }) })
|
|
8046
8112
|
] });
|
|
8047
8113
|
};
|
|
8048
8114
|
|
|
8049
8115
|
// src/components/Hero/HeroImage.tsx
|
|
8050
|
-
var
|
|
8116
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
8051
8117
|
var HeroImage = ({ path, cmsUrl }) => {
|
|
8052
|
-
return /* @__PURE__ */ (0,
|
|
8118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
8053
8119
|
"div",
|
|
8054
8120
|
{
|
|
8055
8121
|
className: "w-full bg-center bg-cover hero-geo-wiki rounded-xl overflow-hidden",
|
|
@@ -8066,7 +8132,7 @@ var import_react28 = require("react");
|
|
|
8066
8132
|
// src/components/HeadingTextBlocks/H1BodyButton.tsx
|
|
8067
8133
|
var import_core6 = require("@geowiki/core");
|
|
8068
8134
|
var import_html_react_parser2 = __toESM(require("html-react-parser"));
|
|
8069
|
-
var
|
|
8135
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
8070
8136
|
var HtmlView2 = (props) => {
|
|
8071
8137
|
const options = {
|
|
8072
8138
|
replace: (domNode) => {
|
|
@@ -8080,11 +8146,11 @@ var HtmlView2 = (props) => {
|
|
|
8080
8146
|
data = data.replace(match, imageHtml);
|
|
8081
8147
|
});
|
|
8082
8148
|
}
|
|
8083
|
-
return /* @__PURE__ */ (0,
|
|
8149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { children: (0, import_html_react_parser2.default)(data) });
|
|
8084
8150
|
}
|
|
8085
8151
|
}
|
|
8086
8152
|
};
|
|
8087
|
-
return /* @__PURE__ */ (0,
|
|
8153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
8088
8154
|
"div",
|
|
8089
8155
|
{
|
|
8090
8156
|
className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
|
|
@@ -8104,40 +8170,40 @@ var H1BodyButton = (props) => {
|
|
|
8104
8170
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
8105
8171
|
return modifiedText;
|
|
8106
8172
|
};
|
|
8107
|
-
return /* @__PURE__ */ (0,
|
|
8173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
8108
8174
|
"div",
|
|
8109
8175
|
{
|
|
8110
8176
|
className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
|
|
8111
8177
|
"data-component-name": "H1BodyButton",
|
|
8112
8178
|
children: [
|
|
8113
|
-
/* @__PURE__ */ (0,
|
|
8114
|
-
/* @__PURE__ */ (0,
|
|
8115
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
8116
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
8179
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
8180
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "w-full max-w-3xl lg:px-5", children: [
|
|
8181
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
|
|
8182
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(H1Design, { children: [
|
|
8117
8183
|
props.title,
|
|
8118
8184
|
" "
|
|
8119
8185
|
] }),
|
|
8120
|
-
props.textBody && /* @__PURE__ */ (0,
|
|
8186
|
+
props.textBody && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
8121
8187
|
HtmlView2,
|
|
8122
8188
|
{
|
|
8123
8189
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
8124
8190
|
html: addLinksStyles(props.textBody)
|
|
8125
8191
|
}
|
|
8126
8192
|
),
|
|
8127
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0,
|
|
8193
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
8128
8194
|
import_core6.Link,
|
|
8129
8195
|
{
|
|
8130
8196
|
href: props.button.link,
|
|
8131
8197
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
8132
8198
|
rel: "noreferrer",
|
|
8133
|
-
children: props.button.isNewTab ? /* @__PURE__ */ (0,
|
|
8199
|
+
children: props.button.isNewTab ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
8134
8200
|
DesignButton,
|
|
8135
8201
|
{
|
|
8136
8202
|
variant: "externalLink",
|
|
8137
8203
|
className: "h-auto p-0 lg:p-0",
|
|
8138
8204
|
children: props.button.text
|
|
8139
8205
|
}
|
|
8140
|
-
) : /* @__PURE__ */ (0,
|
|
8206
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(DesignButton, { children: props.button.text })
|
|
8141
8207
|
}
|
|
8142
8208
|
) })
|
|
8143
8209
|
] })
|
|
@@ -8154,57 +8220,57 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
8154
8220
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
8155
8221
|
return modifiedText;
|
|
8156
8222
|
};
|
|
8157
|
-
return /* @__PURE__ */ (0,
|
|
8223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
8158
8224
|
"div",
|
|
8159
8225
|
{
|
|
8160
8226
|
className: "px-0 container mx-auto mt-2 lg:mt-10 flex justify-start",
|
|
8161
8227
|
"data-component-name": "H1BodyButton",
|
|
8162
8228
|
children: [
|
|
8163
|
-
/* @__PURE__ */ (0,
|
|
8164
|
-
/* @__PURE__ */ (0,
|
|
8165
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
8166
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
8229
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
8230
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "max-w-3xl lg:px-5", children: [
|
|
8231
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
|
|
8232
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(BigLandingTitle, { children: [
|
|
8167
8233
|
props.title,
|
|
8168
8234
|
" "
|
|
8169
8235
|
] }),
|
|
8170
|
-
props.textBody && /* @__PURE__ */ (0,
|
|
8236
|
+
props.textBody && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
8171
8237
|
HtmlView2,
|
|
8172
8238
|
{
|
|
8173
8239
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
8174
8240
|
html: addLinksStyles(props.textBody)
|
|
8175
8241
|
}
|
|
8176
8242
|
),
|
|
8177
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0,
|
|
8243
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
8178
8244
|
import_core6.Link,
|
|
8179
8245
|
{
|
|
8180
8246
|
href: props.button.link,
|
|
8181
8247
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
8182
8248
|
rel: "noreferrer",
|
|
8183
|
-
children: props.button.isNewTab ? /* @__PURE__ */ (0,
|
|
8249
|
+
children: props.button.isNewTab ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
8184
8250
|
DesignButton,
|
|
8185
8251
|
{
|
|
8186
8252
|
variant: "externalLink",
|
|
8187
8253
|
className: "h-auto p-0 lg:p-0",
|
|
8188
8254
|
children: props.button.text
|
|
8189
8255
|
}
|
|
8190
|
-
) : /* @__PURE__ */ (0,
|
|
8256
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(DesignButton, { children: props.button.text })
|
|
8191
8257
|
}
|
|
8192
8258
|
) }),
|
|
8193
|
-
props.show_app_stores && /* @__PURE__ */ (0,
|
|
8194
|
-
/* @__PURE__ */ (0,
|
|
8195
|
-
/* @__PURE__ */ (0,
|
|
8196
|
-
/* @__PURE__ */ (0,
|
|
8197
|
-
/* @__PURE__ */ (0,
|
|
8198
|
-
/* @__PURE__ */ (0,
|
|
8199
|
-
/* @__PURE__ */ (0,
|
|
8200
|
-
/* @__PURE__ */ (0,
|
|
8201
|
-
/* @__PURE__ */ (0,
|
|
8202
|
-
/* @__PURE__ */ (0,
|
|
8203
|
-
/* @__PURE__ */ (0,
|
|
8259
|
+
props.show_app_stores && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "mt-6 gap-3 lg:gap-2 flex flex-row md:px-0", children: [
|
|
8260
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("a", { href: props.google_marketplace_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-full md:w-auto h-auto", viewBox: "0 0 180 53", fill: "none", children: [
|
|
8261
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("g", { clipPath: "url(#clip0_5955_146)", children: [
|
|
8262
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M173.33 53H6.66992C3.00332 53 0.00341797 50.0188 0.00341797 46.3751V6.62585C0.00341797 2.98215 3.00332 0.000976562 6.66992 0.000976562H173.33C176.997 0.000976562 179.996 2.98215 179.996 6.62585V46.3751C179.996 50.0188 176.997 53 173.33 53Z", fill: "#100F0D" }),
|
|
8263
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M173.33 0.000976562H6.66992C3.00332 0.000976562 0.00341797 2.98215 0.00341797 6.62585V46.3751C0.00341797 50.0188 3.00332 53 6.66992 53H173.33C176.997 53 179.996 50.0188 179.996 46.3751V6.62585C179.996 2.98215 176.997 0.000976562 173.33 0.000976562ZM173.33 1.06042C176.418 1.06042 178.93 3.55723 178.93 6.62585V46.3751C178.93 49.4437 176.418 51.9405 173.33 51.9405H6.66992C3.58202 51.9405 1.07062 49.4437 1.07062 46.3751V6.62585C1.07062 3.55723 3.58202 1.06042 6.66992 1.06042H173.33Z", fill: "#A2A2A1" }),
|
|
8264
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M142.58 39.7504H145.068V23.1854H142.58V39.7504ZM164.989 29.1529L162.137 36.3342H162.052L159.092 29.1529H156.412L160.852 39.1899L158.32 44.7733H160.915L167.756 29.1534L164.989 29.1529ZM150.879 37.8688C150.066 37.8688 148.928 37.4635 148.928 36.462C148.928 35.1836 150.344 34.6934 151.566 34.6934C152.659 34.6934 153.175 34.9274 153.839 35.2473C153.646 36.7818 152.316 37.8688 150.879 37.8688ZM151.18 28.7906C149.379 28.7906 147.514 29.5794 146.742 31.3268L148.95 32.2429C149.422 31.3268 150.3 31.0287 151.223 31.0287C152.51 31.0287 153.818 31.7952 153.839 33.1595V33.3298C153.388 33.074 152.423 32.6906 151.244 32.6906C148.863 32.6906 146.44 33.9901 146.44 36.4196C146.44 38.6359 148.392 40.0638 150.579 40.0638C152.251 40.0638 153.175 39.3179 153.752 38.4439H153.839V39.7232H156.241V33.3721C156.241 30.4313 154.031 28.7906 151.18 28.7906ZM135.804 31.1694H132.266V25.4917H135.804C137.664 25.4917 138.72 27.0217 138.72 28.3305C138.72 29.6141 137.664 31.1694 135.804 31.1694ZM135.74 23.1858H129.779V39.7508H132.266V33.4753H135.74C138.498 33.4753 141.208 31.4919 141.208 28.3311C141.208 25.1709 138.498 23.1858 135.74 23.1858ZM103.233 37.8716C101.514 37.8716 100.076 36.441 100.076 34.4779C100.076 32.492 101.514 31.0412 103.233 31.0412C104.93 31.0412 106.262 32.4921 106.262 34.4779C106.262 36.441 104.93 37.8716 103.233 37.8716ZM106.09 30.0802H106.004C105.446 29.4187 104.371 28.8209 103.019 28.8209C100.183 28.8209 97.5839 31.2975 97.5839 34.4779C97.5839 37.6366 100.183 40.0914 103.019 40.0914C104.371 40.0914 105.446 39.4936 106.004 38.811H106.09V39.6214C106.09 41.7782 104.93 42.9303 103.061 42.9303C101.537 42.9303 100.592 41.8418 100.205 40.9241L98.0356 41.8205C98.658 43.3141 100.311 45.1506 103.061 45.1506C105.983 45.1506 108.453 43.4425 108.453 39.2798V29.1623H106.09L106.09 30.0802ZM110.172 39.7499H112.663V23.1849H110.172V39.7499ZM116.336 34.2854C116.272 32.108 118.034 30.9982 119.301 30.9982C120.289 30.9982 121.126 31.4894 121.406 32.1933L116.336 34.2854ZM124.069 32.4066C123.596 31.1479 122.157 28.8209 119.215 28.8209C116.293 28.8209 113.866 31.1049 113.866 34.4562C113.866 37.6155 116.272 40.0915 119.493 40.0915C122.092 40.0915 123.596 38.5124 124.22 37.5942L122.286 36.3133C121.642 37.2527 120.762 37.8717 119.493 37.8717C118.227 37.8717 117.324 37.2952 116.745 36.1638L124.327 33.0475L124.069 32.4066ZM63.6598 30.5501V32.9407H69.4163C69.2444 34.2855 68.7934 35.2672 68.1059 35.9504C67.2679 36.7827 65.9576 37.7008 63.6597 37.7008C60.1154 37.7008 57.3447 34.862 57.3447 31.3399C57.3447 27.8178 60.1154 24.9786 63.6597 24.9786C65.5715 24.9786 66.9674 25.7259 67.9985 26.6864L69.6959 24.9997C68.2563 23.6338 66.3449 22.5879 63.6597 22.5879C58.8045 22.5879 54.7234 26.5156 54.7234 31.3399C54.7234 36.1637 58.8045 40.0915 63.6597 40.0915C66.2799 40.0915 68.2564 39.2376 69.8027 37.6367C71.3923 36.0571 71.8865 33.8372 71.8865 32.0439C71.8865 31.4895 71.8432 30.9772 71.7573 30.5501H63.6598ZM78.4318 37.8716C76.713 37.8716 75.2308 36.4627 75.2308 34.4562C75.2308 32.4284 76.713 31.0413 78.4318 31.0413C80.1499 31.0413 81.6321 32.4284 81.6321 34.4562C81.6321 36.4627 80.1499 37.8716 78.4318 37.8716ZM78.4318 28.8209C75.2948 28.8209 72.7391 31.1902 72.7391 34.4562C72.7391 37.7008 75.2948 40.0915 78.4318 40.0915C81.5676 40.0915 84.1238 37.7008 84.1238 34.4562C84.1238 31.1902 81.5676 28.8209 78.4318 28.8209ZM90.8488 37.8716C89.1312 37.8716 87.6485 36.4627 87.6485 34.4562C87.6485 32.4284 89.1313 31.0413 90.8488 31.0413C92.5676 31.0413 94.0493 32.4284 94.0493 34.4562C94.0493 36.4627 92.5676 37.8716 90.8488 37.8716ZM90.8488 28.8209C87.713 28.8209 85.1573 31.1902 85.1573 34.4562C85.1573 37.7008 87.713 40.0915 90.8488 40.0915C93.9858 40.0915 96.5415 37.7008 96.5415 34.4562C96.5415 31.1902 93.9858 28.8209 90.8488 28.8209Z", fill: "white" }),
|
|
8265
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M27.622 25.7372L13.428 40.7092C13.4285 40.7122 13.4296 40.7148 13.4301 40.718C13.8654 42.3438 15.3597 43.5409 17.1331 43.5409C17.842 43.5409 18.5076 43.3504 19.0784 43.0161L19.1237 42.9897L35.1017 33.8272L27.622 25.7372Z", fill: "#EB3131" }),
|
|
8266
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M41.9831 23.1884L41.9695 23.1791L35.0713 19.2051L27.2996 26.0775L35.0983 33.8265L41.9601 29.892C43.1631 29.2466 43.9798 27.9863 43.9798 26.5329C43.9798 25.09 43.1742 23.8359 41.9831 23.1884Z", fill: "#F6B60B" }),
|
|
8267
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M13.4261 12.2927C13.3407 12.6054 13.2959 12.933 13.2959 13.2731V39.7298C13.2959 40.0693 13.3402 40.398 13.4266 40.7096L28.1106 26.1202L13.4261 12.2927Z", fill: "#5778C5" }),
|
|
8268
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M27.727 26.5016L35.0743 19.2024L19.1143 10.0067C18.5342 9.66144 17.8571 9.46216 17.1326 9.46216C15.3592 9.46216 13.8629 10.6614 13.4275 12.2891C13.427 12.2907 13.427 12.2918 13.427 12.2932L27.727 26.5016Z", fill: "#3BAD49" }),
|
|
8269
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M63.193 12.9606H59.3035V13.9171H62.2181C62.1389 14.6976 61.8263 15.3104 61.2993 15.7555C60.7722 16.2007 60.0993 16.4243 59.3035 16.4243C58.4306 16.4243 57.691 16.122 57.0849 15.5217C56.491 14.9089 56.189 14.1511 56.189 13.2381C56.189 12.3252 56.491 11.5674 57.0849 10.9547C57.691 10.3543 58.4306 10.0541 59.3035 10.0541C59.7515 10.0541 60.1785 10.1307 60.5701 10.2984C60.9618 10.466 61.2763 10.7 61.5222 11.0003L62.2618 10.2653C61.9263 9.88636 61.5014 9.59658 60.9742 9.38539C60.4471 9.17419 59.8972 9.07282 59.3034 9.07282C58.1389 9.07282 57.1515 9.47442 56.3452 10.2757C55.5389 11.0789 55.1348 12.0685 55.1348 13.2382C55.1348 14.4078 55.5389 15.3996 56.3452 16.2008C57.1514 17.0019 58.1389 17.4037 59.3034 17.4037C60.5263 17.4037 61.5013 17.0144 62.2513 16.2235C62.9116 15.5653 63.2491 14.675 63.2491 13.5612C63.2491 13.3728 63.2263 13.1718 63.193 12.9606ZM64.6998 9.2507V17.2255H69.385V16.2462H65.731V13.7164H69.0268V12.7599H65.731V10.2321H69.385V9.25067L64.6998 9.2507ZM75.9548 10.2321V9.2507H70.4403V10.2321H72.682V17.2255H73.7132V10.2321H75.9548ZM80.9473 9.2507H79.9161V17.2255H80.9473V9.2507ZM87.7539 10.2321V9.2507H82.2395V10.2321H84.481V17.2255H85.5122V10.2321H87.7539ZM98.1599 10.288C97.364 9.47436 96.3891 9.07275 95.2245 9.07275C94.0579 9.07275 93.083 9.47435 92.2871 10.2756C91.4912 11.0665 91.0997 12.0581 91.0997 13.2381C91.0997 14.4181 91.4912 15.4098 92.2871 16.2008C93.0829 17.0018 94.0579 17.4036 95.2245 17.4036C96.3786 17.4036 97.364 17.0019 98.1599 16.2008C98.9557 15.4099 99.3473 14.4182 99.3473 13.2381C99.3473 12.0684 98.9557 11.0788 98.1599 10.288ZM93.0267 10.9546C93.6204 10.3543 94.3496 10.054 95.2245 10.054C96.0974 10.054 96.8266 10.3543 97.4099 10.9546C98.0036 11.5446 98.2952 12.3147 98.2952 13.2381C98.2952 14.1636 98.0036 14.9315 97.4099 15.5216C96.8265 16.122 96.0974 16.4242 95.2245 16.4242C94.3495 16.4242 93.6204 16.122 93.0267 15.5216C92.4453 14.9192 92.1537 14.1635 92.1537 13.2381C92.1537 12.3147 92.4453 11.557 93.0267 10.9546ZM101.797 12.2589L101.754 10.7206H101.797L105.876 17.2254H106.953V9.25062H105.922V13.917L105.966 15.4553H105.922L102.022 9.25062H100.766V17.2254H101.797V12.2589Z", fill: "white", stroke: "white", strokeWidth: "0.26666", strokeMiterlimit: "10" })
|
|
8204
8270
|
] }),
|
|
8205
|
-
/* @__PURE__ */ (0,
|
|
8271
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("clipPath", { id: "clip0_5955_146", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("rect", { width: "180", height: "53", fill: "white" }) }) })
|
|
8206
8272
|
] }) }),
|
|
8207
|
-
/* @__PURE__ */ (0,
|
|
8273
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("a", { href: props.apple_store_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
8208
8274
|
"svg",
|
|
8209
8275
|
{
|
|
8210
8276
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8213,34 +8279,34 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
8213
8279
|
fill: "none",
|
|
8214
8280
|
onClick: () => props.apple_store_link,
|
|
8215
8281
|
children: [
|
|
8216
|
-
/* @__PURE__ */ (0,
|
|
8217
|
-
/* @__PURE__ */ (0,
|
|
8218
|
-
/* @__PURE__ */ (0,
|
|
8219
|
-
/* @__PURE__ */ (0,
|
|
8220
|
-
/* @__PURE__ */ (0,
|
|
8221
|
-
/* @__PURE__ */ (0,
|
|
8222
|
-
/* @__PURE__ */ (0,
|
|
8223
|
-
/* @__PURE__ */ (0,
|
|
8224
|
-
/* @__PURE__ */ (0,
|
|
8225
|
-
/* @__PURE__ */ (0,
|
|
8226
|
-
/* @__PURE__ */ (0,
|
|
8227
|
-
/* @__PURE__ */ (0,
|
|
8228
|
-
/* @__PURE__ */ (0,
|
|
8229
|
-
/* @__PURE__ */ (0,
|
|
8230
|
-
/* @__PURE__ */ (0,
|
|
8231
|
-
/* @__PURE__ */ (0,
|
|
8232
|
-
/* @__PURE__ */ (0,
|
|
8233
|
-
/* @__PURE__ */ (0,
|
|
8234
|
-
/* @__PURE__ */ (0,
|
|
8235
|
-
/* @__PURE__ */ (0,
|
|
8236
|
-
/* @__PURE__ */ (0,
|
|
8237
|
-
/* @__PURE__ */ (0,
|
|
8238
|
-
/* @__PURE__ */ (0,
|
|
8239
|
-
/* @__PURE__ */ (0,
|
|
8240
|
-
/* @__PURE__ */ (0,
|
|
8241
|
-
/* @__PURE__ */ (0,
|
|
8282
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("g", { clipPath: "url(#clip0_5955_114)", children: [
|
|
8283
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M173.596 53H6.30533C2.82933 53 0 50.1804 0 46.7288V6.26195C0 2.809 2.82933 0 6.30533 0H173.596C177.071 0 180 2.809 180 6.26195V46.7288C180 50.1804 177.071 53 173.596 53Z", fill: "#A6A6A6" }),
|
|
8284
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M178.709 46.73C178.709 49.5337 176.424 51.8048 173.597 51.8048H6.30543C3.4801 51.8048 1.18677 49.5337 1.18677 46.73V6.26057C1.18677 3.4582 3.4801 1.1792 6.30543 1.1792H173.596C176.424 1.1792 178.708 3.4582 178.708 6.26057L178.709 46.73Z", fill: "black" }),
|
|
8285
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M40.1707 26.2137C40.132 21.9432 43.6894 19.8656 43.852 19.7689C41.8374 16.8499 38.7147 16.4511 37.6174 16.4193C34.9947 16.145 32.4507 17.9788 31.1147 17.9788C29.752 17.9788 27.6947 16.4458 25.4774 16.4909C22.624 16.5346 19.9547 18.1763 18.4907 20.7256C15.4694 25.9235 17.7227 33.5622 20.6174 37.7637C22.0654 39.8215 23.7574 42.119 25.972 42.0382C28.1387 41.9494 28.948 40.6655 31.5627 40.6655C34.1534 40.6655 34.9134 42.0382 37.172 41.9865C39.4974 41.9494 40.9614 39.9195 42.3587 37.8432C44.032 35.4847 44.704 33.162 44.7307 33.0428C44.676 33.0242 40.2147 31.3322 40.1707 26.2137Z", fill: "white" }),
|
|
8286
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M35.9041 13.6555C37.0694 12.2072 37.8667 10.237 37.6454 8.23755C35.9587 8.31175 33.8494 9.39692 32.6347 10.8133C31.5601 12.0615 30.6001 14.1073 30.8481 16.0312C32.7427 16.1716 34.6881 15.0812 35.9041 13.6555Z", fill: "white" }),
|
|
8287
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M71.5266 41.7427H68.4986L66.84 36.5633H61.0746L59.4946 41.7427H56.5466L62.2586 24.1096H65.7866L71.5266 41.7427ZM66.34 34.3903L64.84 29.7859C64.6813 29.3155 64.384 28.2078 63.9453 26.4641H63.892C63.7173 27.2141 63.436 28.3218 63.0493 29.7859L61.576 34.3903H66.34Z", fill: "white" }),
|
|
8288
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M86.2159 35.2291C86.2159 37.3915 85.6279 39.1008 84.4519 40.3555C83.3985 41.4725 82.0905 42.0303 80.5292 42.0303C78.8439 42.0303 77.6332 41.4288 76.8959 40.2257H76.8425V46.9236H73.9999V33.2138C73.9999 31.8543 73.9639 30.4591 73.8945 29.0281H76.3945L76.5532 31.0434H76.6065C77.5545 29.525 78.9932 28.7671 80.9239 28.7671C82.4332 28.7671 83.6932 29.3594 84.7012 30.5452C85.7119 31.7324 86.2159 33.2933 86.2159 35.2291ZM83.3199 35.3325C83.3199 34.0949 83.0399 33.0747 82.4772 32.2717C81.8625 31.4343 81.0372 31.0156 80.0025 31.0156C79.3012 31.0156 78.6639 31.2488 78.0945 31.7086C77.5239 32.1723 77.1505 32.7779 76.9759 33.5278C76.8879 33.8776 76.8439 34.1638 76.8439 34.3891V36.5091C76.8439 37.4339 77.1292 38.2143 77.6999 38.8517C78.2705 39.489 79.0119 39.807 79.9239 39.807C80.9945 39.807 81.8279 39.3962 82.4239 38.5774C83.0212 37.7572 83.3199 36.676 83.3199 35.3325Z", fill: "white" }),
|
|
8289
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M100.932 35.2291C100.932 37.3915 100.344 39.1008 99.1667 40.3555C98.1147 41.4725 96.8067 42.0303 95.2454 42.0303C93.5601 42.0303 92.3494 41.4288 91.6134 40.2257H91.5601V46.9236H88.7174V33.2138C88.7174 31.8543 88.6814 30.4591 88.6121 29.0281H91.1121L91.2707 31.0434H91.3241C92.2707 29.525 93.7094 28.7671 95.6414 28.7671C97.1494 28.7671 98.4094 29.3594 99.4201 30.5452C100.427 31.7324 100.932 33.2933 100.932 35.2291ZM98.0361 35.3325C98.0361 34.0949 97.7547 33.0747 97.1921 32.2717C96.5774 31.4343 95.7547 31.0156 94.7187 31.0156C94.0161 31.0156 93.3801 31.2488 92.8094 31.7086C92.2387 32.1723 91.8667 32.7779 91.6921 33.5278C91.6054 33.8776 91.5601 34.1638 91.5601 34.3891V36.5091C91.5601 37.4339 91.8454 38.2143 92.4134 38.8517C92.9841 39.4877 93.7254 39.807 94.6401 39.807C95.7107 39.807 96.5441 39.3962 97.1401 38.5774C97.7374 37.7572 98.0361 36.676 98.0361 35.3325Z", fill: "white" }),
|
|
8290
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M117.385 36.7979C117.385 38.2978 116.861 39.5181 115.809 40.4602C114.653 41.4897 113.044 42.0038 110.976 42.0038C109.067 42.0038 107.536 41.6381 106.377 40.9054L107.036 38.5509C108.284 39.3008 109.653 39.6771 111.145 39.6771C112.216 39.6771 113.049 39.436 113.648 38.9563C114.244 38.4767 114.541 37.8327 114.541 37.0298C114.541 36.3143 114.296 35.7114 113.804 35.2225C113.315 34.7335 112.497 34.2791 111.356 33.859C108.249 32.7076 106.697 31.0209 106.697 28.8028C106.697 27.3533 107.241 26.1648 108.331 25.2399C109.416 24.3137 110.864 23.8513 112.675 23.8513C114.289 23.8513 115.631 24.1309 116.701 24.6887L115.991 26.9916C114.991 26.451 113.86 26.1807 112.595 26.1807C111.595 26.1807 110.813 26.4258 110.253 26.9134C109.78 27.3493 109.543 27.8806 109.543 28.51C109.543 29.207 109.813 29.7833 110.357 30.2365C110.831 30.6552 111.691 31.1083 112.939 31.5973C114.465 32.2081 115.587 32.9223 116.308 33.7411C117.027 34.5573 117.385 35.5789 117.385 36.7979Z", fill: "white" }),
|
|
8291
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M126.784 31.1482H123.651V37.3214C123.651 38.8915 124.203 39.6759 125.309 39.6759C125.817 39.6759 126.239 39.6322 126.572 39.5447L126.651 41.6899C126.091 41.8979 125.353 42.0026 124.44 42.0026C123.317 42.0026 122.44 41.6621 121.807 40.9823C121.176 40.3013 120.859 39.1591 120.859 37.5546V31.1455H118.992V29.0255H120.859V26.6975L123.651 25.8601V29.0255H126.784V31.1482Z", fill: "white" }),
|
|
8292
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M140.921 35.2807C140.921 37.2351 140.359 38.8396 139.236 40.0944C138.059 41.3863 136.496 42.0302 134.548 42.0302C132.671 42.0302 131.176 41.4115 130.061 40.1739C128.947 38.9364 128.389 37.3742 128.389 35.4914C128.389 33.5211 128.963 31.9072 130.113 30.6525C131.261 29.3964 132.811 28.7683 134.759 28.7683C136.636 28.7683 138.147 29.3871 139.287 30.626C140.377 31.8277 140.921 33.3793 140.921 35.2807ZM137.972 35.3721C137.972 34.1995 137.72 33.1938 137.209 32.3551C136.613 31.3401 135.761 30.834 134.657 30.834C133.515 30.834 132.647 31.3415 132.051 32.3551C131.54 33.1951 131.288 34.2167 131.288 35.4251C131.288 36.5977 131.54 37.6034 132.051 38.4408C132.665 39.4558 133.524 39.9619 134.632 39.9619C135.717 39.9619 136.569 39.4452 137.184 38.4143C137.708 37.5597 137.972 36.5434 137.972 35.3721Z", fill: "white" }),
|
|
8293
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M150.161 31.5125C149.88 31.4608 149.58 31.4343 149.265 31.4343C148.265 31.4343 147.492 31.8093 146.948 32.5606C146.475 33.2231 146.237 34.0605 146.237 35.0714V41.7428H143.396L143.423 33.0323C143.423 31.5668 143.387 30.2325 143.316 29.0294H145.792L145.896 31.4621H145.975C146.275 30.6261 146.748 29.953 147.396 29.4481C148.029 28.9937 148.713 28.7671 149.451 28.7671C149.713 28.7671 149.951 28.7856 150.161 28.8188V31.5125Z", fill: "white" }),
|
|
8294
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M162.875 34.7838C162.875 35.29 162.841 35.7166 162.771 36.0651H154.243C154.276 37.3212 154.688 38.2818 155.48 38.9443C156.199 39.5366 157.128 39.8334 158.269 39.8334C159.532 39.8334 160.684 39.6333 161.72 39.2319L162.165 41.1929C160.955 41.7176 159.525 41.9786 157.876 41.9786C155.892 41.9786 154.335 41.3982 153.201 40.2389C152.071 39.0795 151.504 37.5226 151.504 35.5696C151.504 33.6523 152.031 32.0557 153.085 30.7823C154.189 29.4229 155.681 28.7432 157.559 28.7432C159.403 28.7432 160.799 29.4229 161.747 30.7823C162.497 31.8622 162.875 33.1978 162.875 34.7838ZM160.164 34.0511C160.183 33.2137 159.997 32.4903 159.612 31.8794C159.12 31.0937 158.364 30.7015 157.347 30.7015C156.417 30.7015 155.661 31.0844 155.084 31.8529C154.611 32.4638 154.329 33.1965 154.243 34.0498L160.164 34.0511Z", fill: "white" }),
|
|
8295
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M65.4 13.262C65.4 14.8215 64.9293 15.9955 63.9893 16.7839C63.1186 17.5113 61.8813 17.8757 60.2786 17.8757C59.484 17.8757 58.804 17.8412 58.2346 17.7723V9.25124C58.9773 9.13199 59.7773 9.07104 60.6413 9.07104C62.168 9.07104 63.3186 9.40097 64.0946 10.0608C64.964 10.8068 65.4 11.8734 65.4 13.262ZM63.9266 13.3004C63.9266 12.2895 63.6573 11.5143 63.1186 10.9737C62.58 10.4345 61.7933 10.1642 60.7573 10.1642C60.3173 10.1642 59.9426 10.1933 59.632 10.2543V16.7322C59.804 16.7587 60.1186 16.7706 60.576 16.7706C61.6453 16.7706 62.4706 16.4751 63.052 15.8842C63.6333 15.2932 63.9266 14.432 63.9266 13.3004Z", fill: "white" }),
|
|
8296
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M73.2119 14.6241C73.2119 15.5847 72.9359 16.3718 72.3839 16.9892C71.8052 17.6239 71.0386 17.9406 70.0812 17.9406C69.1586 17.9406 68.4239 17.6371 67.8759 17.0276C67.3292 16.4195 67.0559 15.6523 67.0559 14.7274C67.0559 13.7602 67.3372 12.9665 67.9026 12.3504C68.4679 11.7343 69.2279 11.4255 70.1852 11.4255C71.1079 11.4255 71.8492 11.729 72.4106 12.3371C72.9439 12.9281 73.2119 13.6913 73.2119 14.6241ZM71.7626 14.6691C71.7626 14.0928 71.6372 13.5985 71.3879 13.1865C71.0946 12.6883 70.6772 12.4392 70.1346 12.4392C69.5732 12.4392 69.1466 12.6883 68.8532 13.1865C68.6026 13.5985 68.4786 14.1007 68.4786 14.6943C68.4786 15.2707 68.6039 15.7649 68.8532 16.177C69.1559 16.6752 69.5772 16.9243 70.1212 16.9243C70.6546 16.9243 71.0732 16.6712 71.3746 16.1637C71.6332 15.7437 71.7626 15.2455 71.7626 14.6691Z", fill: "white" }),
|
|
8297
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M83.6867 11.5527L81.7201 17.7988H80.4401L79.6254 15.0865C79.4187 14.4094 79.2507 13.7363 79.1201 13.0685H79.0947C78.9734 13.7549 78.8054 14.4267 78.5894 15.0865L77.7241 17.7988H76.4294L74.5801 11.5527H76.0161L76.7267 14.5221C76.8987 15.2243 77.0401 15.8934 77.1534 16.5268H77.1787C77.2827 16.0047 77.4547 15.3396 77.6974 14.5353L78.5894 11.5541H79.7281L80.5827 14.4717C80.7894 15.1832 80.9574 15.8683 81.0867 16.5281H81.1254C81.2201 15.8855 81.3627 15.2005 81.5521 14.4717L82.3147 11.5541H83.6867V11.5527Z", fill: "white" }),
|
|
8298
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M90.9307 17.7989H89.5334V14.2214C89.5334 13.119 89.112 12.5678 88.2667 12.5678C87.852 12.5678 87.5174 12.7188 87.2574 13.0222C87.0001 13.3257 86.8694 13.6834 86.8694 14.0928V17.7975H85.472V13.3376C85.472 12.789 85.4547 12.1941 85.4214 11.5502H86.6494L86.7147 12.5267H86.7534C86.9161 12.2233 87.1587 11.9728 87.4774 11.7728C87.8561 11.5396 88.28 11.4216 88.744 11.4216C89.3307 11.4216 89.8187 11.6098 90.2067 11.9874C90.6894 12.4498 90.9307 13.1402 90.9307 14.0571V17.7989Z", fill: "white" }),
|
|
8299
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M94.7839 17.7988H93.3879V8.68677H94.7839V17.7988Z", fill: "white" }),
|
|
8300
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M103.011 14.6241C103.011 15.5847 102.735 16.3718 102.183 16.9892C101.604 17.6239 100.836 17.9406 99.8801 17.9406C98.9561 17.9406 98.2214 17.6371 97.6747 17.0276C97.1281 16.4195 96.8547 15.6523 96.8547 14.7274C96.8547 13.7602 97.1361 12.9665 97.7014 12.3504C98.2667 11.7343 99.0267 11.4255 99.9827 11.4255C100.907 11.4255 101.647 11.729 102.209 12.3371C102.743 12.9281 103.011 13.6913 103.011 14.6241ZM101.56 14.6691C101.56 14.0928 101.435 13.5985 101.185 13.1865C100.893 12.6883 100.475 12.4392 99.9334 12.4392C99.3707 12.4392 98.9441 12.6883 98.6521 13.1865C98.4014 13.5985 98.2774 14.1007 98.2774 14.6943C98.2774 15.2707 98.4027 15.7649 98.6521 16.177C98.9547 16.6752 99.3761 16.9243 99.9201 16.9243C100.453 16.9243 100.871 16.6712 101.172 16.1637C101.432 15.7437 101.56 15.2455 101.56 14.6691Z", fill: "white" }),
|
|
8301
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M109.773 17.7988H108.519L108.415 17.0793H108.376C107.947 17.653 107.335 17.9406 106.54 17.9406C105.947 17.9406 105.467 17.7511 105.105 17.3748C104.777 17.0329 104.613 16.6076 104.613 16.1028C104.613 15.3396 104.933 14.7579 105.577 14.3551C106.22 13.9523 107.124 13.7549 108.288 13.7642V13.6476C108.288 12.8247 107.853 12.414 106.983 12.414C106.363 12.414 105.816 12.569 105.344 12.8764L105.06 11.9648C105.644 11.6057 106.365 11.4255 107.216 11.4255C108.859 11.4255 109.683 12.2868 109.683 14.0093V16.3095C109.683 16.9336 109.713 17.4304 109.773 17.7988ZM108.323 15.6523V14.689C106.781 14.6625 106.011 15.0825 106.011 15.9478C106.011 16.2737 106.099 16.5175 106.279 16.6805C106.459 16.8435 106.688 16.9243 106.961 16.9243C107.268 16.9243 107.555 16.8276 107.816 16.6354C108.079 16.442 108.24 16.1969 108.3 15.8961C108.315 15.8285 108.323 15.7464 108.323 15.6523Z", fill: "white" }),
|
|
8302
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M117.713 17.7988H116.473L116.408 16.7958H116.369C115.973 17.559 115.299 17.9406 114.351 17.9406C113.593 17.9406 112.963 17.6451 112.463 17.0541C111.963 16.4632 111.713 15.696 111.713 14.7539C111.713 13.743 111.984 12.9241 112.528 12.2987C113.055 11.7157 113.7 11.4242 114.468 11.4242C115.312 11.4242 115.903 11.7064 116.239 12.2722H116.265V8.68677H117.664V16.116C117.664 16.7242 117.68 17.2847 117.713 17.7988ZM116.265 15.1647V14.1232C116.265 13.943 116.252 13.7973 116.227 13.686C116.148 13.3521 115.979 13.0712 115.721 12.8446C115.461 12.618 115.148 12.5041 114.787 12.5041C114.265 12.5041 113.857 12.7095 113.557 13.1215C113.26 13.5336 113.109 14.0596 113.109 14.7023C113.109 15.3197 113.252 15.8206 113.539 16.2061C113.841 16.6169 114.249 16.8223 114.76 16.8223C115.219 16.8223 115.585 16.6513 115.864 16.3082C116.133 15.9915 116.265 15.6099 116.265 15.1647Z", fill: "white" }),
|
|
8303
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M129.664 14.6241C129.664 15.5847 129.388 16.3718 128.836 16.9892C128.257 17.6239 127.492 17.9406 126.533 17.9406C125.612 17.9406 124.877 17.6371 124.328 17.0276C123.781 16.4195 123.508 15.6523 123.508 14.7274C123.508 13.7602 123.789 12.9665 124.355 12.3504C124.92 11.7343 125.68 11.4255 126.639 11.4255C127.56 11.4255 128.303 11.729 128.863 12.3371C129.396 12.9281 129.664 13.6913 129.664 14.6241ZM128.216 14.6691C128.216 14.0928 128.091 13.5985 127.841 13.1865C127.547 12.6883 127.131 12.4392 126.587 12.4392C126.027 12.4392 125.6 12.6883 125.305 13.1865C125.055 13.5985 124.931 14.1007 124.931 14.6943C124.931 15.2707 125.056 15.7649 125.305 16.177C125.608 16.6752 126.029 16.9243 126.573 16.9243C127.107 16.9243 127.527 16.6712 127.828 16.1637C128.085 15.7437 128.216 15.2455 128.216 14.6691Z", fill: "white" }),
|
|
8304
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M137.177 17.7989H135.781V14.2214C135.781 13.119 135.36 12.5678 134.513 12.5678C134.099 12.5678 133.764 12.7188 133.505 13.0222C133.247 13.3257 133.117 13.6834 133.117 14.0928V17.7975H131.719V13.3376C131.719 12.789 131.703 12.1941 131.669 11.5502H132.896L132.961 12.5267H133C133.164 12.2233 133.407 11.9728 133.724 11.7728C134.104 11.5396 134.527 11.4216 134.992 11.4216C135.577 11.4216 136.065 11.6098 136.453 11.9874C136.937 12.4498 137.177 13.1402 137.177 14.0571V17.7989Z", fill: "white" }),
|
|
8305
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M146.581 12.593H145.043V15.6272C145.043 16.3984 145.316 16.784 145.857 16.784C146.108 16.784 146.316 16.7628 146.48 16.719L146.516 17.7724C146.24 17.8758 145.877 17.9274 145.431 17.9274C144.879 17.9274 144.449 17.7605 144.139 17.4266C143.827 17.0927 143.672 16.5309 143.672 15.7425V12.593H142.753V11.5529H143.672V10.4081L145.041 9.99731V11.5515H146.58L146.581 12.593Z", fill: "white" }),
|
|
8306
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M153.979 17.7988H152.58V14.2478C152.58 13.1282 152.159 12.5677 151.315 12.5677C150.667 12.5677 150.224 12.8923 149.981 13.5416C149.94 13.678 149.916 13.845 149.916 14.0411V17.7975H148.52V8.68677H149.916V12.4511H149.943C150.383 11.7661 151.013 11.4242 151.831 11.4242C152.409 11.4242 152.888 11.6124 153.268 11.99C153.741 12.4604 153.979 13.16 153.979 14.0848V17.7988Z", fill: "white" }),
|
|
8307
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("path", { d: "M161.609 14.3802C161.609 14.6293 161.591 14.8387 161.557 15.0096H157.367C157.385 15.6271 157.585 16.0974 157.973 16.4234C158.328 16.7149 158.785 16.8606 159.345 16.8606C159.965 16.8606 160.531 16.7626 161.04 16.5652L161.259 17.5298C160.663 17.7868 159.961 17.9153 159.149 17.9153C158.176 17.9153 157.409 17.6305 156.855 17.0607C156.297 16.491 156.021 15.7264 156.021 14.7671C156.021 13.8251 156.279 13.0407 156.797 12.4153C157.339 11.7475 158.071 11.4136 158.995 11.4136C159.899 11.4136 160.585 11.7475 161.049 12.4153C161.424 12.9453 161.609 13.6011 161.609 14.3802ZM160.276 14.0212C160.287 13.6091 160.195 13.254 160.005 12.9545C159.763 12.569 159.393 12.3755 158.893 12.3755C158.437 12.3755 158.065 12.5637 157.781 12.9413C157.549 13.2421 157.412 13.6011 157.367 14.0212H160.276Z", fill: "white" })
|
|
8242
8308
|
] }),
|
|
8243
|
-
/* @__PURE__ */ (0,
|
|
8309
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("clipPath", { id: "clip0_5955_114", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("rect", { width: "180", height: "53", fill: "white" }) }) })
|
|
8244
8310
|
]
|
|
8245
8311
|
}
|
|
8246
8312
|
) })
|
|
@@ -8252,7 +8318,7 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
8252
8318
|
};
|
|
8253
8319
|
|
|
8254
8320
|
// src/components/Hero/HeroImageRightWithAppButtons.tsx
|
|
8255
|
-
var
|
|
8321
|
+
var import_jsx_runtime152 = require("react/jsx-runtime");
|
|
8256
8322
|
var HeroImageRightWithAppButtons = (props) => {
|
|
8257
8323
|
const [description, setDescription] = (0, import_react28.useState)(props.description);
|
|
8258
8324
|
(0, import_react28.useEffect)(() => {
|
|
@@ -8262,8 +8328,8 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
8262
8328
|
setDescription(desc);
|
|
8263
8329
|
}
|
|
8264
8330
|
}, [props.description]);
|
|
8265
|
-
return /* @__PURE__ */ (0,
|
|
8266
|
-
/* @__PURE__ */ (0,
|
|
8331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "lg:mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
8332
|
+
/* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full lg:pr-5", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex flex-col self-stretch lg:pr-5 my-auto max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
8267
8333
|
H1BodyButtonWithApp,
|
|
8268
8334
|
{
|
|
8269
8335
|
title: props.title,
|
|
@@ -8273,7 +8339,7 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
8273
8339
|
apple_store_link: props.app_store_link
|
|
8274
8340
|
}
|
|
8275
8341
|
) }) }),
|
|
8276
|
-
/* @__PURE__ */ (0,
|
|
8342
|
+
/* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex overflow-hidden relative min-h-[430px] flex-col grow justify-center lg:min-h-[784px] max-md:mt-6 max-md:max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
|
|
8277
8343
|
ImageElement,
|
|
8278
8344
|
{
|
|
8279
8345
|
src: props.path,
|
|
@@ -8284,16 +8350,16 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
8284
8350
|
};
|
|
8285
8351
|
|
|
8286
8352
|
// src/components/Panel/Horizontal.tsx
|
|
8287
|
-
var
|
|
8353
|
+
var import_jsx_runtime153 = require("react/jsx-runtime");
|
|
8288
8354
|
var PanelHorizontal = ({
|
|
8289
8355
|
children
|
|
8290
8356
|
}) => {
|
|
8291
|
-
return /* @__PURE__ */ (0,
|
|
8357
|
+
return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "panel-horizontal", children });
|
|
8292
8358
|
};
|
|
8293
8359
|
|
|
8294
8360
|
// src/components/HeadingTextBlocks/H2BodyButton.tsx
|
|
8295
8361
|
var import_core7 = require("@geowiki/core");
|
|
8296
|
-
var
|
|
8362
|
+
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
8297
8363
|
var H2BodyButton = (props) => {
|
|
8298
8364
|
var _a;
|
|
8299
8365
|
const isNeedParse = /<em>(.*?)<\/em>/g.test(props.title);
|
|
@@ -8303,43 +8369,43 @@ var H2BodyButton = (props) => {
|
|
|
8303
8369
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
8304
8370
|
return modifiedText;
|
|
8305
8371
|
};
|
|
8306
|
-
return /* @__PURE__ */ (0,
|
|
8372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
|
|
8307
8373
|
"div",
|
|
8308
8374
|
{
|
|
8309
8375
|
id: props.id,
|
|
8310
8376
|
className: `${props.noContainer ? `lg:ml-8` : `lg:container`} mx-auto flex flex-col lg:flex-row justify-between mt-4 lg:pt-20 ${props.bottomPadding && `lg:mb-${props.bottomPadding}`}`,
|
|
8311
8377
|
children: [
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8313
|
-
/* @__PURE__ */ (0,
|
|
8314
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
8378
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "flex flex-col lg:w-[14%]", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Body18, { children: props.tag }) }),
|
|
8379
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "flex flex-col lg:w-[51%] space-y-4 lg:space-y-6", children: [
|
|
8380
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
8315
8381
|
HtmlView,
|
|
8316
8382
|
{
|
|
8317
8383
|
cssClass: "m-0 pt-2 lg:pt-0",
|
|
8318
8384
|
html: parseTitle(props.title, "H2")
|
|
8319
8385
|
}
|
|
8320
8386
|
),
|
|
8321
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
8387
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(H2Design, { className: "pt-2 lg:pt-0", children: [
|
|
8322
8388
|
props.title,
|
|
8323
8389
|
" "
|
|
8324
8390
|
] }),
|
|
8325
|
-
/* @__PURE__ */ (0,
|
|
8391
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
8326
8392
|
HtmlView,
|
|
8327
8393
|
{
|
|
8328
8394
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] lg:mt-4",
|
|
8329
8395
|
html: addLinksStyles(props.textBody)
|
|
8330
8396
|
}
|
|
8331
8397
|
),
|
|
8332
|
-
((_a = props.button) == null ? void 0 : _a.text) && props.button.link && /* @__PURE__ */ (0,
|
|
8398
|
+
((_a = props.button) == null ? void 0 : _a.text) && props.button.link && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
|
|
8333
8399
|
import_core7.Link,
|
|
8334
8400
|
{
|
|
8335
8401
|
href: props.button.link,
|
|
8336
8402
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
8337
8403
|
rel: "noreferrer",
|
|
8338
|
-
children: /* @__PURE__ */ (0,
|
|
8404
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(DesignButton, { children: props.button.text })
|
|
8339
8405
|
}
|
|
8340
8406
|
) })
|
|
8341
8407
|
] }),
|
|
8342
|
-
/* @__PURE__ */ (0,
|
|
8408
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
8343
8409
|
]
|
|
8344
8410
|
}
|
|
8345
8411
|
);
|