@geowiki/design-system 0.16.7-dev.2 → 0.16.8-dev.0
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 +8 -0
- package/dist/index.js +592 -284
- package/dist/index.mjs +579 -271
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3291,7 +3291,7 @@ var require_link = __commonJS({
|
|
|
3291
3291
|
}
|
|
3292
3292
|
return (0, _formaturl.formatUrl)(urlObjOrString);
|
|
3293
3293
|
}
|
|
3294
|
-
var
|
|
3294
|
+
var Link8 = /* @__PURE__ */ _react.default.forwardRef(function LinkComponent(props, forwardedRef) {
|
|
3295
3295
|
let children;
|
|
3296
3296
|
const _a = props, { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false } = _a, restProps = __objRest(_a, ["href", "as", "children", "prefetch", "passHref", "replace", "shallow", "scroll", "locale", "onClick", "onNavigate", "onMouseEnter", "onTouchStart", "legacyBehavior"]);
|
|
3297
3297
|
children = childrenProp;
|
|
@@ -3573,7 +3573,7 @@ var require_link = __commonJS({
|
|
|
3573
3573
|
var useLinkStatus = () => {
|
|
3574
3574
|
return (0, _react.useContext)(LinkStatusContext);
|
|
3575
3575
|
};
|
|
3576
|
-
var _default =
|
|
3576
|
+
var _default = Link8;
|
|
3577
3577
|
if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
|
|
3578
3578
|
Object.defineProperty(exports.default, "__esModule", { value: true });
|
|
3579
3579
|
Object.assign(exports.default, exports);
|
|
@@ -6445,7 +6445,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
|
|
|
6445
6445
|
return x4 === y7 && (x4 !== 0 || 1 / x4 === 1 / y7) || x4 !== x4 && y7 !== y7;
|
|
6446
6446
|
}
|
|
6447
6447
|
var objectIs = typeof Object.is === "function" ? Object.is : is;
|
|
6448
|
-
var
|
|
6448
|
+
var useState19 = React48.useState, useEffect14 = React48.useEffect, useLayoutEffect2 = React48.useLayoutEffect, useDebugValue2 = React48.useDebugValue;
|
|
6449
6449
|
var didWarnOld18Alpha = false;
|
|
6450
6450
|
var didWarnUncachedGetSnapshot = false;
|
|
6451
6451
|
function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
|
|
@@ -6467,7 +6467,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
|
|
|
6467
6467
|
}
|
|
6468
6468
|
}
|
|
6469
6469
|
}
|
|
6470
|
-
var _useState =
|
|
6470
|
+
var _useState = useState19({
|
|
6471
6471
|
inst: {
|
|
6472
6472
|
value,
|
|
6473
6473
|
getSnapshot
|
|
@@ -15812,44 +15812,364 @@ var BasicFooter = (props) => {
|
|
|
15812
15812
|
};
|
|
15813
15813
|
|
|
15814
15814
|
// src/components/DesignElements/AppItem.tsx
|
|
15815
|
+
var import_react53 = require("react");
|
|
15816
|
+
|
|
15817
|
+
// src/components/DesignElements/AppItemPopUpView.tsx
|
|
15818
|
+
var import_react51 = require("react");
|
|
15819
|
+
var import_outline4 = require("@heroicons/react/24/outline");
|
|
15820
|
+
var import_link3 = __toESM(require_link2());
|
|
15821
|
+
|
|
15822
|
+
// src/components/Icons/ResourceIcon.tsx
|
|
15815
15823
|
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
15816
|
-
var
|
|
15817
|
-
|
|
15818
|
-
|
|
15819
|
-
|
|
15820
|
-
|
|
15821
|
-
|
|
15822
|
-
|
|
15823
|
-
|
|
15824
|
-
|
|
15825
|
-
|
|
15826
|
-
|
|
15827
|
-
|
|
15828
|
-
|
|
15824
|
+
var ResourceIcon = ({
|
|
15825
|
+
type
|
|
15826
|
+
}) => {
|
|
15827
|
+
switch (type) {
|
|
15828
|
+
case "Collection":
|
|
15829
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(GridDividersIcon, { className: "bg-tag-yellow w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15830
|
+
case "Dataset":
|
|
15831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ChartLineDotsIcon, { className: "bg-tag-turquoise w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15832
|
+
case "Event":
|
|
15833
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CalendarIcon, { className: "bg-tag-orange w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15834
|
+
case "Image":
|
|
15835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ImageIcon, { className: "bg-tag-turquoise w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15836
|
+
case "InteractiveResource":
|
|
15837
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DesktopCodeIcon, { className: "bg-tag-light-purple w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15838
|
+
case "MovingImage":
|
|
15839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(VideoPlayIcon, { className: "bg-tag-pink w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15840
|
+
case "PhysicalObject":
|
|
15841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CpuIcon, { className: "bg-tag-purple w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15842
|
+
case "Service":
|
|
15843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(UserGroupIcon, { className: "bg-tag-dark-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15844
|
+
case "Software":
|
|
15845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(HardDriveIcon, { className: "bg-tag-dark-green w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15846
|
+
case "Sound":
|
|
15847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(HeadphonesIcon, { className: "bg-tag-dark-purple w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15848
|
+
case "StillImage":
|
|
15849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(CameraIcon, { className: "bg-tag-light-green w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15850
|
+
case "TextBook":
|
|
15851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15852
|
+
case "TextGuidelines":
|
|
15853
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15854
|
+
case "TextGuideline":
|
|
15855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15856
|
+
case "TextCaseStudy":
|
|
15857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15858
|
+
case "TextReport":
|
|
15859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15860
|
+
case "TextPolicyBrief":
|
|
15861
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15862
|
+
case "TextScientificPublication":
|
|
15863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15864
|
+
case "TextOther":
|
|
15865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(BookTextIcon, { className: "bg-tag-blue w-[40px] h-[40px] lg:w-[48px] lg:h-[48px] p-3 rounded-[8px] fill-white" });
|
|
15866
|
+
default:
|
|
15867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: "Not found" });
|
|
15868
|
+
}
|
|
15869
|
+
};
|
|
15870
|
+
|
|
15871
|
+
// src/components/DesignElements/ExpandableText.tsx
|
|
15872
|
+
var import_react50 = require("react");
|
|
15873
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
15874
|
+
var ExpandableText = ({ text, maxLength = 120, show_read_more = false, no_word_wrap = true }) => {
|
|
15875
|
+
const [expanded, setExpanded] = (0, import_react50.useState)(false);
|
|
15876
|
+
if (text.length <= maxLength || maxLength == 0) {
|
|
15877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
|
|
15878
|
+
" ",
|
|
15879
|
+
text
|
|
15880
|
+
] });
|
|
15881
|
+
}
|
|
15882
|
+
const truncated = text.slice(0, maxLength);
|
|
15883
|
+
const lastSpace = truncated.lastIndexOf(" ");
|
|
15884
|
+
const safeText = truncated.slice(0, lastSpace);
|
|
15885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
|
|
15886
|
+
expanded ? text : safeText + "\u2026",
|
|
15887
|
+
" ",
|
|
15888
|
+
show_read_more && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
15889
|
+
"button",
|
|
15829
15890
|
{
|
|
15830
|
-
|
|
15831
|
-
|
|
15832
|
-
|
|
15833
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "w-4 h-4 left-[28px] top-[11px] absolute origin-top-left rotate-45", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("path", { d: "M19.092 5.22341V15.1215C19.092 15.3973 18.9802 15.6476 18.7992 15.8286C18.6182 16.0096 18.3679 16.1214 18.0921 16.1214C17.5391 16.1214 17.0922 15.6745 17.0922 15.1215V7.63613L6.07127 18.6571C5.68024 19.0481 5.04738 19.0474 4.65705 18.6571C4.26673 18.2667 4.26602 17.6339 4.65705 17.2428L15.678 6.22192L8.19259 6.22192C7.63963 6.22192 7.19269 5.77498 7.19269 5.22203C7.19269 4.66907 7.63963 4.22213 8.19259 4.22213L18.0907 4.22213C18.2222 4.22213 18.3516 4.24822 18.4746 4.29913C18.7186 4.40024 18.9139 4.59552 19.015 4.83947C19.0659 4.96251 19.092 5.09188 19.092 5.22341Z", fill: "white" }) }) })
|
|
15891
|
+
onClick: () => setExpanded(!expanded),
|
|
15892
|
+
className: "text-primary font-medium hover:underline",
|
|
15893
|
+
children: expanded ? "Read less" : "Read more"
|
|
15834
15894
|
}
|
|
15835
15895
|
)
|
|
15896
|
+
] });
|
|
15897
|
+
};
|
|
15898
|
+
|
|
15899
|
+
// src/components/DesignElements/ResourceTag.tsx
|
|
15900
|
+
var import_class_variance_authority14 = require("class-variance-authority");
|
|
15901
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
15902
|
+
var tagVariants = (0, import_class_variance_authority14.cva)(
|
|
15903
|
+
"justify-center self-start px-4 py-2 mr-2 mt-1 text-sm font-medium text-white whitespace-nowrap rounded-[40px] first-letter:capitalize",
|
|
15904
|
+
{
|
|
15905
|
+
variants: {
|
|
15906
|
+
variant: {
|
|
15907
|
+
topic: "bg-tag-dark-blue",
|
|
15908
|
+
audience: "bg-tag-dark-green",
|
|
15909
|
+
keyword: "bg-tag-blue",
|
|
15910
|
+
language: "bg-tag-orange",
|
|
15911
|
+
resourceType: "bg-sky-500"
|
|
15912
|
+
}
|
|
15913
|
+
},
|
|
15914
|
+
defaultVariants: {
|
|
15915
|
+
variant: "topic"
|
|
15916
|
+
}
|
|
15917
|
+
}
|
|
15918
|
+
);
|
|
15919
|
+
var ResourceTag = ({ tag, type }) => {
|
|
15920
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: cn(tagVariants({ variant: type })), children: tag });
|
|
15921
|
+
};
|
|
15922
|
+
|
|
15923
|
+
// src/components/DesignElements/AppItemPopUpView.tsx
|
|
15924
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
15925
|
+
var DetailRow = ({ label, value }) => {
|
|
15926
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_jsx_runtime127.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex gap-2 lg:gap-5 lg:justify-between py-4 max-md:flex-wrap max-md:max-w-full lg:py-6 border-0 border-b border-grey-light", children: [
|
|
15927
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Body16, { className: "text-grey", children: label }),
|
|
15928
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Body16m, { className: "lg:text-righ max-md:max-w-full", children: value })
|
|
15929
|
+
] }) });
|
|
15930
|
+
};
|
|
15931
|
+
var KeyValues = ({ name, keyValues, kind }) => {
|
|
15932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
|
|
15933
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Caption, { className: "text-grey", children: name }),
|
|
15934
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-center flex-wrap text-sm font-medium whitespace-nowrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: keyValues.map((keyValue, index) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ResourceTag, { tag: keyValue.value, type: kind }, index)) })
|
|
15935
|
+
] });
|
|
15936
|
+
};
|
|
15937
|
+
function AppItemPopUpView({
|
|
15938
|
+
resource,
|
|
15939
|
+
showResourcesButton,
|
|
15940
|
+
open,
|
|
15941
|
+
setOpen,
|
|
15942
|
+
selectedAudience,
|
|
15943
|
+
selectedTopic,
|
|
15944
|
+
is_small,
|
|
15945
|
+
audiences,
|
|
15946
|
+
topics,
|
|
15947
|
+
types,
|
|
15948
|
+
languages
|
|
15949
|
+
}) {
|
|
15950
|
+
var _a, _b, _c, _d;
|
|
15951
|
+
const currentAudiences = (audiences == null ? void 0 : audiences.filter(
|
|
15952
|
+
(audience) => {
|
|
15953
|
+
var _a2;
|
|
15954
|
+
return (_a2 = resource.audience) == null ? void 0 : _a2.includes(audience.key);
|
|
15955
|
+
}
|
|
15956
|
+
)) || [];
|
|
15957
|
+
const currentTopics = (topics == null ? void 0 : topics.filter((topic) => {
|
|
15958
|
+
var _a2;
|
|
15959
|
+
return (_a2 = resource.topic) == null ? void 0 : _a2.includes(topic.key);
|
|
15960
|
+
})) || [];
|
|
15961
|
+
const currentLanguages = (languages == null ? void 0 : languages.filter(
|
|
15962
|
+
(language) => {
|
|
15963
|
+
var _a2;
|
|
15964
|
+
return (_a2 = resource.language) == null ? void 0 : _a2.includes(language.key);
|
|
15965
|
+
}
|
|
15966
|
+
)) || [];
|
|
15967
|
+
const currentTypes = ((_a = types == null ? void 0 : types.find((type) => type.key === resource.resourceType)) == null ? void 0 : _a.value) || resource.resourceType;
|
|
15968
|
+
const link = (resource == null ? void 0 : resource.link) || "";
|
|
15969
|
+
const linkText = link.length > 70 ? `${link.slice(0, 70)}...` : link;
|
|
15970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(qe3.Root, { show: open, as: import_react51.Fragment, "data-component": "AppItemPopUpView", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(_t, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
15971
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
15972
|
+
qe3.Child,
|
|
15973
|
+
{
|
|
15974
|
+
as: import_react51.Fragment,
|
|
15975
|
+
enter: "ease-out duration-300",
|
|
15976
|
+
enterFrom: "opacity-0",
|
|
15977
|
+
enterTo: "opacity-100",
|
|
15978
|
+
leave: "ease-in duration-200",
|
|
15979
|
+
leaveFrom: "opacity-100",
|
|
15980
|
+
leaveTo: "opacity-0",
|
|
15981
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
15982
|
+
}
|
|
15983
|
+
),
|
|
15984
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
15985
|
+
qe3.Child,
|
|
15986
|
+
{
|
|
15987
|
+
as: import_react51.Fragment,
|
|
15988
|
+
enter: "ease-out duration-300",
|
|
15989
|
+
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
15990
|
+
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
15991
|
+
leave: "ease-in duration-200",
|
|
15992
|
+
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
15993
|
+
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
15994
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
15995
|
+
_t.Panel,
|
|
15996
|
+
{
|
|
15997
|
+
className: is_small ? `relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-xl sm:w-full sm:p-10` : `relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10`,
|
|
15998
|
+
children: [
|
|
15999
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "absolute top-0 right-0 " + (is_small ? "pr-2 pt-1 lg:pt-5 lg:pr-5" : "lg:pt-10 lg:pr-10"), children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
16000
|
+
"button",
|
|
16001
|
+
{
|
|
16002
|
+
type: "button",
|
|
16003
|
+
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
16004
|
+
onClick: () => setOpen(false),
|
|
16005
|
+
children: [
|
|
16006
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
16007
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16008
|
+
import_outline4.XMarkIcon,
|
|
16009
|
+
{
|
|
16010
|
+
className: "h-4 w-4 lg:h-6 lg:w-6",
|
|
16011
|
+
"aria-hidden": "true"
|
|
16012
|
+
}
|
|
16013
|
+
)
|
|
16014
|
+
]
|
|
16015
|
+
}
|
|
16016
|
+
) }),
|
|
16017
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: is_small ? "p-5 mt-2 lg:mt-0 lg:mx-0 lg:p-0" : "p-5 lg:px-6 lg:py-2", children: [
|
|
16018
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { children: [
|
|
16019
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex space-x-2 lg:block lg:space-x-0", children: [
|
|
16020
|
+
resource.resourceType && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ResourceIcon, { type: resource.resourceType }),
|
|
16021
|
+
currentTypes && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Body16sb, { className: "self-start mt-[10px] text-primary lg:mt-4", children: currentTypes })
|
|
16022
|
+
] }),
|
|
16023
|
+
resource.imgUrl && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("img", { src: resource.imgUrl, className: "w-full h-48 object-cover rounded-xl" }),
|
|
16024
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(H3Design, { className: "mt-6", children: resource.title }),
|
|
16025
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Body16, { className: is_small ? "mt-4" : "mt-6", children: is_small ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ExpandableText, { text: resource.description, maxLength: 250, show_read_more: true }) : resource.description }),
|
|
16026
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: is_small ? "whitespace-nowrap mt-6" : "whitespace-nowrap mt-6 lg:mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_link3.default, { href: link, target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
16027
|
+
DesignButton,
|
|
16028
|
+
{
|
|
16029
|
+
variant: "externalLink",
|
|
16030
|
+
className: "p-0 lg:p-0 ",
|
|
16031
|
+
children: [
|
|
16032
|
+
window.innerWidth < 700 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ExpandableText, { text: linkText, maxLength: 35, no_word_wrap: false }),
|
|
16033
|
+
window.innerWidth > 700 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ExpandableText, { text: linkText, maxLength: 50, no_word_wrap: false })
|
|
16034
|
+
]
|
|
16035
|
+
}
|
|
16036
|
+
) }) }),
|
|
16037
|
+
resource.statistics && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex w-full flex-col gap-6 mt-10", children: (_b = resource.statistics) == null ? void 0 : _b.map((x4) => {
|
|
16038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "border-b-2", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex justify-between items-center w-full gap-14 lg:mb-6 mb-2", children: [
|
|
16039
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "text-zinc-500 text-base font-normal leading-5", children: x4.name }),
|
|
16040
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "text-right text-gray-900 text-base font-medium leading-5", children: x4.value })
|
|
16041
|
+
] }) });
|
|
16042
|
+
}) }),
|
|
16043
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "my-6 lg:my-10", children: [
|
|
16044
|
+
currentTypes && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16045
|
+
DetailRow,
|
|
16046
|
+
{
|
|
16047
|
+
label: "Resource type:",
|
|
16048
|
+
value: currentTypes
|
|
16049
|
+
}
|
|
16050
|
+
),
|
|
16051
|
+
resource.publisher && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16052
|
+
DetailRow,
|
|
16053
|
+
{
|
|
16054
|
+
label: "Publisher",
|
|
16055
|
+
value: resource.publisher
|
|
16056
|
+
}
|
|
16057
|
+
)
|
|
16058
|
+
] }),
|
|
16059
|
+
(currentTopics == null ? void 0 : currentTopics.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16060
|
+
KeyValues,
|
|
16061
|
+
{
|
|
16062
|
+
name: "Topic",
|
|
16063
|
+
keyValues: (currentTopics == null ? void 0 : currentTopics.map((topic) => ({
|
|
16064
|
+
key: topic.key,
|
|
16065
|
+
value: topic.value
|
|
16066
|
+
}))) || [],
|
|
16067
|
+
kind: "topic"
|
|
16068
|
+
}
|
|
16069
|
+
),
|
|
16070
|
+
(currentAudiences == null ? void 0 : currentAudiences.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16071
|
+
KeyValues,
|
|
16072
|
+
{
|
|
16073
|
+
name: "Audience",
|
|
16074
|
+
keyValues: (currentAudiences == null ? void 0 : currentAudiences.map((audience) => ({
|
|
16075
|
+
key: audience.key,
|
|
16076
|
+
value: audience.value
|
|
16077
|
+
}))) || [],
|
|
16078
|
+
kind: "audience"
|
|
16079
|
+
}
|
|
16080
|
+
),
|
|
16081
|
+
(resource == null ? void 0 : resource.keywords) && ((_c = resource == null ? void 0 : resource.keywords) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { children: [
|
|
16082
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Caption, { className: "self-start lg:mt-10 tracking-wider text-grey", children: "Keywords" }),
|
|
16083
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-center flex-wrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: (_d = resource.keywords) == null ? void 0 : _d.map((keyword, index) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16084
|
+
ResourceTag,
|
|
16085
|
+
{
|
|
16086
|
+
tag: keyword,
|
|
16087
|
+
type: "keyword"
|
|
16088
|
+
},
|
|
16089
|
+
index
|
|
16090
|
+
)) })
|
|
16091
|
+
] }),
|
|
16092
|
+
(currentLanguages == null ? void 0 : currentLanguages.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16093
|
+
KeyValues,
|
|
16094
|
+
{
|
|
16095
|
+
name: "Language",
|
|
16096
|
+
keyValues: (currentLanguages == null ? void 0 : currentLanguages.map((language) => ({
|
|
16097
|
+
key: language.key,
|
|
16098
|
+
value: language.value
|
|
16099
|
+
}))) || [],
|
|
16100
|
+
kind: "language"
|
|
16101
|
+
}
|
|
16102
|
+
)
|
|
16103
|
+
] }),
|
|
16104
|
+
showResourcesButton && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
16105
|
+
import_link3.default,
|
|
16106
|
+
{
|
|
16107
|
+
href: `/resources/resource-finder?topic=${selectedTopic}&audience=${selectedAudience}`,
|
|
16108
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DesignButton, { children: "View all Resources" })
|
|
16109
|
+
}
|
|
16110
|
+
) })
|
|
16111
|
+
] })
|
|
16112
|
+
]
|
|
16113
|
+
}
|
|
16114
|
+
)
|
|
16115
|
+
}
|
|
16116
|
+
) }) })
|
|
15836
16117
|
] }) });
|
|
16118
|
+
}
|
|
16119
|
+
var AppItemPopUpView_default = AppItemPopUpView;
|
|
16120
|
+
|
|
16121
|
+
// src/components/DesignElements/AppItem.tsx
|
|
16122
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
16123
|
+
var AppItem = (props) => {
|
|
16124
|
+
var _a;
|
|
16125
|
+
const [open, setOpen] = (0, import_react53.useState)(false);
|
|
16126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "w-full h-64 pointer-events-auto mb-6 md:mb-0 md:pointer-events-none", onClick: () => {
|
|
16127
|
+
if (window.innerWidth < 700)
|
|
16128
|
+
setOpen(true);
|
|
16129
|
+
}, children: [
|
|
16130
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "w-full h-64 relative overflow-hidden rounded-xl", children: [
|
|
16131
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("img", { className: "absolute w-full h-64 rounded-xl object-cover", src: props.item.logoUrl }),
|
|
16132
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "inset-0 absolute bg-black/40 rounded-xl" }),
|
|
16133
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "left-4 md:left-6 top-44 absolute justify-start text-white text-base font-medium leading-5", children: props.item.locationType }),
|
|
16134
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "w-80 left-4 md:left-6 top-48 mt-2 absolute justify-start text-white text-xl font-semibold leading-7", children: (_a = props.item) == null ? void 0 : _a.name }),
|
|
16135
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
16136
|
+
"a",
|
|
16137
|
+
{
|
|
16138
|
+
className: "w-14 h-14 bottom-4 right-6 md:bottom-2 md:right-8 lg:bottom-0 -mb-3 lg:right-10 absolute origin-top-left -rotate-45 bg-cyan-500 rounded-full hidden md:block md:pointer-events-auto hover:cursor-pointer",
|
|
16139
|
+
onClick: () => setOpen(true),
|
|
16140
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "w-4 h-4 left-[28px] top-[11px] absolute origin-top-left rotate-45", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("path", { d: "M19.092 5.22341V15.1215C19.092 15.3973 18.9802 15.6476 18.7992 15.8286C18.6182 16.0096 18.3679 16.1214 18.0921 16.1214C17.5391 16.1214 17.0922 15.6745 17.0922 15.1215V7.63613L6.07127 18.6571C5.68024 19.0481 5.04738 19.0474 4.65705 18.6571C4.26673 18.2667 4.26602 17.6339 4.65705 17.2428L15.678 6.22192L8.19259 6.22192C7.63963 6.22192 7.19269 5.77498 7.19269 5.22203C7.19269 4.66907 7.63963 4.22213 8.19259 4.22213L18.0907 4.22213C18.2222 4.22213 18.3516 4.24822 18.4746 4.29913C18.7186 4.40024 18.9139 4.59552 19.015 4.83947C19.0659 4.96251 19.092 5.09188 19.092 5.22341Z", fill: "white" }) }) })
|
|
16141
|
+
}
|
|
16142
|
+
)
|
|
16143
|
+
] }),
|
|
16144
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(AppItemPopUpView_default, { resource: {
|
|
16145
|
+
title: props.item.name,
|
|
16146
|
+
description: props.item.description,
|
|
16147
|
+
imgUrl: props.item.logoUrl,
|
|
16148
|
+
link: props.item.externalWebsiteLink,
|
|
16149
|
+
statistics: [
|
|
16150
|
+
{ name: "Quest Type", value: props.item.locationType },
|
|
16151
|
+
{ name: "Submissions", value: props.item.totalSubmissions },
|
|
16152
|
+
{ name: "Images", value: props.item.totalImages },
|
|
16153
|
+
{ name: "Users", value: props.item.totalUsers }
|
|
16154
|
+
]
|
|
16155
|
+
}, open, setOpen, is_small: true })
|
|
16156
|
+
] });
|
|
15837
16157
|
};
|
|
15838
16158
|
|
|
15839
16159
|
// src/components/DesignElements/AppItemsList.tsx
|
|
15840
|
-
var
|
|
16160
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
15841
16161
|
var AppItemsList = (props) => {
|
|
15842
16162
|
var _a;
|
|
15843
|
-
return /* @__PURE__ */ (0,
|
|
15844
|
-
/* @__PURE__ */ (0,
|
|
15845
|
-
/* @__PURE__ */ (0,
|
|
15846
|
-
/* @__PURE__ */ (0,
|
|
16163
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "w-full relative mt-10 pt-5", id: props.id, children: [
|
|
16164
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: props.name }),
|
|
16165
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "justify-center text-gray-900 text-3xl md:text-5xl font-light", children: props.title }),
|
|
16166
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "md:grid md:grid-cols-3 gap-4 md:mt-12 mt-5", children: props.allItems && ((_a = props.allItems) == null ? void 0 : _a.map((x4, index) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(AppItem, { item: x4 }, index))) })
|
|
15847
16167
|
] });
|
|
15848
16168
|
};
|
|
15849
16169
|
|
|
15850
16170
|
// src/components/Elements/button.tsx
|
|
15851
16171
|
var import_classnames4 = __toESM(require("classnames"));
|
|
15852
|
-
var
|
|
16172
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
15853
16173
|
var OldButton = ({
|
|
15854
16174
|
label,
|
|
15855
16175
|
appearance,
|
|
@@ -15858,7 +16178,7 @@ var OldButton = ({
|
|
|
15858
16178
|
loading = false,
|
|
15859
16179
|
type
|
|
15860
16180
|
}) => {
|
|
15861
|
-
return /* @__PURE__ */ (0,
|
|
16181
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("button", { onClick: handleClick, type, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
15862
16182
|
"div",
|
|
15863
16183
|
{
|
|
15864
16184
|
className: (0, import_classnames4.default)(
|
|
@@ -15896,9 +16216,9 @@ var OldButton = ({
|
|
|
15896
16216
|
|
|
15897
16217
|
// src/components/Elements/button-link.tsx
|
|
15898
16218
|
var import_classnames5 = __toESM(require("classnames"));
|
|
15899
|
-
var
|
|
16219
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
15900
16220
|
var ButtonContent = ({ button, appearance, compact: compact2 }) => {
|
|
15901
|
-
return /* @__PURE__ */ (0,
|
|
16221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
15902
16222
|
"div",
|
|
15903
16223
|
{
|
|
15904
16224
|
className: (0, import_classnames5.default)(
|
|
@@ -15938,13 +16258,13 @@ var ButtonLink = ({
|
|
|
15938
16258
|
appearance,
|
|
15939
16259
|
compact: compact2 = false
|
|
15940
16260
|
}) => {
|
|
15941
|
-
return /* @__PURE__ */ (0,
|
|
16261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ButtonContent, { button, appearance, compact: compact2 });
|
|
15942
16262
|
};
|
|
15943
16263
|
|
|
15944
16264
|
// src/components/Elements/Error.tsx
|
|
15945
|
-
var
|
|
16265
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
15946
16266
|
var ErrorMessage = (props) => {
|
|
15947
|
-
return /* @__PURE__ */ (0,
|
|
16267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { children: [
|
|
15948
16268
|
"Error (: ",
|
|
15949
16269
|
props.message,
|
|
15950
16270
|
")"
|
|
@@ -15952,10 +16272,10 @@ var ErrorMessage = (props) => {
|
|
|
15952
16272
|
};
|
|
15953
16273
|
|
|
15954
16274
|
// src/components/Elements/feature-disabled.tsx
|
|
15955
|
-
var
|
|
16275
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
15956
16276
|
var FeatureDisabled = () => {
|
|
15957
|
-
return /* @__PURE__ */ (0,
|
|
15958
|
-
/* @__PURE__ */ (0,
|
|
16277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "container mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime133.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: [
|
|
16278
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
15959
16279
|
"svg",
|
|
15960
16280
|
{
|
|
15961
16281
|
className: "mx-auto h-12 w-12 text-gray-400",
|
|
@@ -15963,7 +16283,7 @@ var FeatureDisabled = () => {
|
|
|
15963
16283
|
fill: "none",
|
|
15964
16284
|
viewBox: "0 0 24 24",
|
|
15965
16285
|
stroke: "currentColor",
|
|
15966
|
-
children: /* @__PURE__ */ (0,
|
|
16286
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
15967
16287
|
"path",
|
|
15968
16288
|
{
|
|
15969
16289
|
strokeLinecap: "round",
|
|
@@ -15974,16 +16294,16 @@ var FeatureDisabled = () => {
|
|
|
15974
16294
|
)
|
|
15975
16295
|
}
|
|
15976
16296
|
),
|
|
15977
|
-
/* @__PURE__ */ (0,
|
|
16297
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "mt-2 block text-sm font-medium ", children: "This feature is disabled for your site." })
|
|
15978
16298
|
] }) }) });
|
|
15979
16299
|
};
|
|
15980
16300
|
|
|
15981
16301
|
// src/components/Elements/IframeViewer.tsx
|
|
15982
|
-
var
|
|
15983
|
-
var
|
|
16302
|
+
var import_react54 = require("react");
|
|
16303
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
15984
16304
|
var IframeViewer = ({ html, className }) => {
|
|
15985
|
-
const containerRef = (0,
|
|
15986
|
-
(0,
|
|
16305
|
+
const containerRef = (0, import_react54.useRef)(null);
|
|
16306
|
+
(0, import_react54.useEffect)(() => {
|
|
15987
16307
|
if (containerRef.current) {
|
|
15988
16308
|
containerRef.current.innerHTML = "";
|
|
15989
16309
|
const tempDiv = document.createElement("div");
|
|
@@ -16010,28 +16330,28 @@ var IframeViewer = ({ html, className }) => {
|
|
|
16010
16330
|
});
|
|
16011
16331
|
}
|
|
16012
16332
|
}, [html]);
|
|
16013
|
-
return /* @__PURE__ */ (0,
|
|
16333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { ref: containerRef, className: className != null ? className : "" });
|
|
16014
16334
|
};
|
|
16015
16335
|
|
|
16016
16336
|
// src/components/Elements/loader.tsx
|
|
16017
|
-
var
|
|
16337
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
16018
16338
|
var LoaderFull = ({
|
|
16019
16339
|
showInCenter = true,
|
|
16020
16340
|
cssClass = null
|
|
16021
16341
|
}) => {
|
|
16022
|
-
return /* @__PURE__ */ (0,
|
|
16342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
16023
16343
|
"div",
|
|
16024
16344
|
{
|
|
16025
16345
|
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"),
|
|
16026
|
-
children: /* @__PURE__ */ (0,
|
|
16346
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
16027
16347
|
"svg",
|
|
16028
16348
|
{
|
|
16029
16349
|
viewBox: "0 0 38 38",
|
|
16030
16350
|
className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
|
|
16031
16351
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16032
|
-
children: /* @__PURE__ */ (0,
|
|
16033
|
-
/* @__PURE__ */ (0,
|
|
16034
|
-
/* @__PURE__ */ (0,
|
|
16352
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
16353
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
|
|
16354
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
16035
16355
|
"animateTransform",
|
|
16036
16356
|
{
|
|
16037
16357
|
attributeName: "transform",
|
|
@@ -16050,17 +16370,17 @@ var LoaderFull = ({
|
|
|
16050
16370
|
};
|
|
16051
16371
|
|
|
16052
16372
|
// src/components/Elements/LocalLoader.tsx
|
|
16053
|
-
var
|
|
16373
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
16054
16374
|
var LocalLoader = () => {
|
|
16055
|
-
return /* @__PURE__ */ (0,
|
|
16375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
16056
16376
|
"svg",
|
|
16057
16377
|
{
|
|
16058
16378
|
viewBox: "0 0 38 38",
|
|
16059
16379
|
className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
|
|
16060
16380
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16061
|
-
children: /* @__PURE__ */ (0,
|
|
16062
|
-
/* @__PURE__ */ (0,
|
|
16063
|
-
/* @__PURE__ */ (0,
|
|
16381
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
|
|
16382
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
|
|
16383
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
16064
16384
|
"animateTransform",
|
|
16065
16385
|
{
|
|
16066
16386
|
attributeName: "transform",
|
|
@@ -16077,9 +16397,9 @@ var LocalLoader = () => {
|
|
|
16077
16397
|
};
|
|
16078
16398
|
|
|
16079
16399
|
// src/components/Elements/MediaEmbedItem.tsx
|
|
16080
|
-
var
|
|
16400
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
16081
16401
|
var MediaEmbedItem = ({ alt, src }) => {
|
|
16082
|
-
return /* @__PURE__ */ (0,
|
|
16402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
16083
16403
|
"img",
|
|
16084
16404
|
{
|
|
16085
16405
|
alt,
|
|
@@ -16090,10 +16410,10 @@ var MediaEmbedItem = ({ alt, src }) => {
|
|
|
16090
16410
|
};
|
|
16091
16411
|
|
|
16092
16412
|
// src/components/Elements/permission-disabled.tsx
|
|
16093
|
-
var
|
|
16413
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
16094
16414
|
var PermissionDisabled = () => {
|
|
16095
|
-
return /* @__PURE__ */ (0,
|
|
16096
|
-
/* @__PURE__ */ (0,
|
|
16415
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "container mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime138.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: [
|
|
16416
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
16097
16417
|
"svg",
|
|
16098
16418
|
{
|
|
16099
16419
|
className: "mx-auto h-12 w-12 text-gray-400",
|
|
@@ -16101,7 +16421,7 @@ var PermissionDisabled = () => {
|
|
|
16101
16421
|
fill: "none",
|
|
16102
16422
|
viewBox: "0 0 24 24",
|
|
16103
16423
|
stroke: "currentColor",
|
|
16104
|
-
children: /* @__PURE__ */ (0,
|
|
16424
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
16105
16425
|
"path",
|
|
16106
16426
|
{
|
|
16107
16427
|
strokeLinecap: "round",
|
|
@@ -16112,38 +16432,38 @@ var PermissionDisabled = () => {
|
|
|
16112
16432
|
)
|
|
16113
16433
|
}
|
|
16114
16434
|
),
|
|
16115
|
-
/* @__PURE__ */ (0,
|
|
16435
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "mt-2 block text-sm font-medium ", children: "Permission denied" })
|
|
16116
16436
|
] }) }) });
|
|
16117
16437
|
};
|
|
16118
16438
|
|
|
16119
16439
|
// src/components/Elements/ShowLargeText.tsx
|
|
16120
|
-
var
|
|
16440
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
16121
16441
|
var ShowLargeText = (props) => {
|
|
16122
|
-
return /* @__PURE__ */ (0,
|
|
16442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
|
|
16123
16443
|
"div",
|
|
16124
16444
|
{
|
|
16125
16445
|
className: props.colSpan != null ? "sm:col-span-" + props.colSpan : "sm:col-span-1",
|
|
16126
16446
|
children: [
|
|
16127
|
-
/* @__PURE__ */ (0,
|
|
16128
|
-
/* @__PURE__ */ (0,
|
|
16447
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("dt", { className: "text-sm font-bold", children: props.label }),
|
|
16448
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("dd", { className: "mt-1 text-sm", children: props.value })
|
|
16129
16449
|
]
|
|
16130
16450
|
}
|
|
16131
16451
|
);
|
|
16132
16452
|
};
|
|
16133
16453
|
|
|
16134
16454
|
// src/components/Elements/ShowShortText.tsx
|
|
16135
|
-
var
|
|
16455
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
16136
16456
|
var ShowShortText = (props) => {
|
|
16137
|
-
return /* @__PURE__ */ (0,
|
|
16138
|
-
/* @__PURE__ */ (0,
|
|
16139
|
-
/* @__PURE__ */ (0,
|
|
16457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "sm:col-span-1", children: [
|
|
16458
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("dt", { className: "text-sm font-bold", children: props.label }),
|
|
16459
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("dd", { className: "mt-1 text-sm", children: props.value })
|
|
16140
16460
|
] });
|
|
16141
16461
|
};
|
|
16142
16462
|
|
|
16143
16463
|
// src/components/Elements/SizedImage.tsx
|
|
16144
|
-
var
|
|
16464
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
16145
16465
|
var SizedImage = (props) => {
|
|
16146
|
-
return /* @__PURE__ */ (0,
|
|
16466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
16147
16467
|
"img",
|
|
16148
16468
|
{
|
|
16149
16469
|
className: props.className,
|
|
@@ -16156,43 +16476,43 @@ var SizedImage = (props) => {
|
|
|
16156
16476
|
};
|
|
16157
16477
|
|
|
16158
16478
|
// src/components/Elements/UnderConstruction.tsx
|
|
16159
|
-
var
|
|
16479
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
16160
16480
|
var UnderConstruction = () => {
|
|
16161
|
-
return /* @__PURE__ */ (0,
|
|
16162
|
-
/* @__PURE__ */ (0,
|
|
16163
|
-
/* @__PURE__ */ (0,
|
|
16164
|
-
/* @__PURE__ */ (0,
|
|
16165
|
-
/* @__PURE__ */ (0,
|
|
16481
|
+
return /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)("div", { className: "max-w-max mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("main", { className: "sm:flex", children: [
|
|
16482
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-4xl font-extrabold text-primary-600 sm:text-5xl", children: "recodo.io" }),
|
|
16483
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "sm:ml-6", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "sm:border-l sm:border-gray-200 sm:pl-6", children: [
|
|
16484
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("h1", { className: "text-4xl font-extrabold tracking-tight sm:text-5xl", children: "Under Construction" }),
|
|
16485
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "mt-4 text-xl ", children: "Please check back later." })
|
|
16166
16486
|
] }) })
|
|
16167
16487
|
] }) }) });
|
|
16168
16488
|
};
|
|
16169
16489
|
|
|
16170
16490
|
// src/components/Elements/FeaturedItemWithBannerImage.tsx
|
|
16171
|
-
var
|
|
16491
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
16172
16492
|
var FeaturedItemWithBannerImage = (props) => {
|
|
16173
16493
|
var _a, _b, _c, _d;
|
|
16174
|
-
return /* @__PURE__ */ (0,
|
|
16494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "w-full h-full mt-15 pointer-events-auto md:pointer-events-none", onClick: () => {
|
|
16175
16495
|
if (window.innerWidth < 700 && props.itemDetails.externalWebsiteLink)
|
|
16176
16496
|
window.open(props.itemDetails.externalWebsiteLink, "_blank");
|
|
16177
16497
|
}, children: [
|
|
16178
|
-
/* @__PURE__ */ (0,
|
|
16179
|
-
/* @__PURE__ */ (0,
|
|
16180
|
-
props.itemDetails.externalWebsiteLink && /* @__PURE__ */ (0,
|
|
16181
|
-
/* @__PURE__ */ (0,
|
|
16182
|
-
/* @__PURE__ */ (0,
|
|
16498
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "hidden md:block relative", children: [
|
|
16499
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.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 " }),
|
|
16500
|
+
props.itemDetails.externalWebsiteLink && /* @__PURE__ */ (0, import_jsx_runtime143.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_runtime143.jsx)("div", { className: "w-auto h-14 bg-cyan-500 rounded-[40px] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "inline-flex gap-2", children: [
|
|
16501
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "text-white text-base text-lg font-medium ml-6", children: "View Quest" }),
|
|
16502
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.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_runtime143.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" }) })
|
|
16183
16503
|
] }) }) })
|
|
16184
16504
|
] }),
|
|
16185
|
-
((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ (0,
|
|
16186
|
-
/* @__PURE__ */ (0,
|
|
16187
|
-
/* @__PURE__ */ (0,
|
|
16505
|
+
((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "w-full relative pt-10", children: [
|
|
16506
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: "Feature Quest" }),
|
|
16507
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.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" })
|
|
16188
16508
|
] }) })
|
|
16189
16509
|
] });
|
|
16190
16510
|
};
|
|
16191
16511
|
|
|
16192
16512
|
// src/components/Hero/HeroImage.tsx
|
|
16193
|
-
var
|
|
16513
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
16194
16514
|
var HeroImage = ({ path, cmsUrl }) => {
|
|
16195
|
-
return /* @__PURE__ */ (0,
|
|
16515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
16196
16516
|
"div",
|
|
16197
16517
|
{
|
|
16198
16518
|
className: "w-full bg-center bg-cover hero-geo-wiki rounded-xl overflow-hidden",
|
|
@@ -16204,12 +16524,12 @@ var HeroImage = ({ path, cmsUrl }) => {
|
|
|
16204
16524
|
};
|
|
16205
16525
|
|
|
16206
16526
|
// src/components/Hero/HeroImageRightWithAppButtons.tsx
|
|
16207
|
-
var
|
|
16527
|
+
var import_react55 = require("react");
|
|
16208
16528
|
|
|
16209
16529
|
// src/components/HeadingTextBlocks/H1BodyButton.tsx
|
|
16210
|
-
var
|
|
16530
|
+
var import_link4 = __toESM(require_link2());
|
|
16211
16531
|
var import_html_react_parser2 = __toESM(require("html-react-parser"));
|
|
16212
|
-
var
|
|
16532
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
16213
16533
|
var HtmlView2 = (props) => {
|
|
16214
16534
|
const options = {
|
|
16215
16535
|
replace: (domNode) => {
|
|
@@ -16223,11 +16543,11 @@ var HtmlView2 = (props) => {
|
|
|
16223
16543
|
data = data.replace(match, imageHtml);
|
|
16224
16544
|
});
|
|
16225
16545
|
}
|
|
16226
|
-
return /* @__PURE__ */ (0,
|
|
16546
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: (0, import_html_react_parser2.default)(data) });
|
|
16227
16547
|
}
|
|
16228
16548
|
}
|
|
16229
16549
|
};
|
|
16230
|
-
return /* @__PURE__ */ (0,
|
|
16550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
|
|
16231
16551
|
"div",
|
|
16232
16552
|
{
|
|
16233
16553
|
className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
|
|
@@ -16247,40 +16567,40 @@ var H1BodyButton = (props) => {
|
|
|
16247
16567
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
16248
16568
|
return modifiedText;
|
|
16249
16569
|
};
|
|
16250
|
-
return /* @__PURE__ */ (0,
|
|
16570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
|
|
16251
16571
|
"div",
|
|
16252
16572
|
{
|
|
16253
16573
|
className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
|
|
16254
16574
|
"data-component-name": "H1BodyButton",
|
|
16255
16575
|
children: [
|
|
16256
|
-
/* @__PURE__ */ (0,
|
|
16257
|
-
/* @__PURE__ */ (0,
|
|
16258
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
16259
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
16576
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
16577
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "w-full max-w-3xl lg:px-5", children: [
|
|
16578
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
|
|
16579
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(H1Design, { children: [
|
|
16260
16580
|
props.title,
|
|
16261
16581
|
" "
|
|
16262
16582
|
] }),
|
|
16263
|
-
props.textBody && /* @__PURE__ */ (0,
|
|
16583
|
+
props.textBody && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
16264
16584
|
HtmlView2,
|
|
16265
16585
|
{
|
|
16266
16586
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
16267
16587
|
html: addLinksStyles(props.textBody)
|
|
16268
16588
|
}
|
|
16269
16589
|
),
|
|
16270
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0,
|
|
16271
|
-
|
|
16590
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
16591
|
+
import_link4.default,
|
|
16272
16592
|
{
|
|
16273
16593
|
href: props.button.link,
|
|
16274
16594
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
16275
16595
|
rel: "noreferrer",
|
|
16276
|
-
children: props.button.isNewTab ? /* @__PURE__ */ (0,
|
|
16596
|
+
children: props.button.isNewTab ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
16277
16597
|
DesignButton,
|
|
16278
16598
|
{
|
|
16279
16599
|
variant: "externalLink",
|
|
16280
16600
|
className: "h-auto p-0 lg:p-0",
|
|
16281
16601
|
children: props.button.text
|
|
16282
16602
|
}
|
|
16283
|
-
) : /* @__PURE__ */ (0,
|
|
16603
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DesignButton, { children: props.button.text })
|
|
16284
16604
|
}
|
|
16285
16605
|
) })
|
|
16286
16606
|
] })
|
|
@@ -16297,57 +16617,57 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
16297
16617
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
16298
16618
|
return modifiedText;
|
|
16299
16619
|
};
|
|
16300
|
-
return /* @__PURE__ */ (0,
|
|
16620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
|
|
16301
16621
|
"div",
|
|
16302
16622
|
{
|
|
16303
16623
|
className: "px-0 container mx-auto mt-2 lg:mt-10 flex justify-start",
|
|
16304
16624
|
"data-component-name": "H1BodyButton",
|
|
16305
16625
|
children: [
|
|
16306
|
-
/* @__PURE__ */ (0,
|
|
16307
|
-
/* @__PURE__ */ (0,
|
|
16308
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
16309
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
16626
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
16627
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "max-w-3xl lg:px-5", children: [
|
|
16628
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
|
|
16629
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(BigLandingTitle, { children: [
|
|
16310
16630
|
props.title,
|
|
16311
16631
|
" "
|
|
16312
16632
|
] }),
|
|
16313
|
-
props.textBody && /* @__PURE__ */ (0,
|
|
16633
|
+
props.textBody && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
16314
16634
|
HtmlView2,
|
|
16315
16635
|
{
|
|
16316
16636
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
16317
16637
|
html: addLinksStyles(props.textBody)
|
|
16318
16638
|
}
|
|
16319
16639
|
),
|
|
16320
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0,
|
|
16321
|
-
|
|
16640
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
16641
|
+
import_link4.default,
|
|
16322
16642
|
{
|
|
16323
16643
|
href: props.button.link,
|
|
16324
16644
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
16325
16645
|
rel: "noreferrer",
|
|
16326
|
-
children: props.button.isNewTab ? /* @__PURE__ */ (0,
|
|
16646
|
+
children: props.button.isNewTab ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
16327
16647
|
DesignButton,
|
|
16328
16648
|
{
|
|
16329
16649
|
variant: "externalLink",
|
|
16330
16650
|
className: "h-auto p-0 lg:p-0",
|
|
16331
16651
|
children: props.button.text
|
|
16332
16652
|
}
|
|
16333
|
-
) : /* @__PURE__ */ (0,
|
|
16653
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DesignButton, { children: props.button.text })
|
|
16334
16654
|
}
|
|
16335
16655
|
) }),
|
|
16336
|
-
props.show_app_stores && /* @__PURE__ */ (0,
|
|
16337
|
-
/* @__PURE__ */ (0,
|
|
16338
|
-
/* @__PURE__ */ (0,
|
|
16339
|
-
/* @__PURE__ */ (0,
|
|
16340
|
-
/* @__PURE__ */ (0,
|
|
16341
|
-
/* @__PURE__ */ (0,
|
|
16342
|
-
/* @__PURE__ */ (0,
|
|
16343
|
-
/* @__PURE__ */ (0,
|
|
16344
|
-
/* @__PURE__ */ (0,
|
|
16345
|
-
/* @__PURE__ */ (0,
|
|
16346
|
-
/* @__PURE__ */ (0,
|
|
16656
|
+
props.show_app_stores && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "mt-6 gap-3 lg:gap-2 flex flex-row md:px-0", children: [
|
|
16657
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("a", { href: props.google_marketplace_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime145.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: [
|
|
16658
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("g", { clipPath: "url(#clip0_5955_146)", children: [
|
|
16659
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16660
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16661
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16662
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16663
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16664
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16665
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16666
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" })
|
|
16347
16667
|
] }),
|
|
16348
|
-
/* @__PURE__ */ (0,
|
|
16668
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("clipPath", { id: "clip0_5955_146", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("rect", { width: "180", height: "53", fill: "white" }) }) })
|
|
16349
16669
|
] }) }),
|
|
16350
|
-
/* @__PURE__ */ (0,
|
|
16670
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("a", { href: props.apple_store_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
|
|
16351
16671
|
"svg",
|
|
16352
16672
|
{
|
|
16353
16673
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -16356,34 +16676,34 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
16356
16676
|
fill: "none",
|
|
16357
16677
|
onClick: () => props.apple_store_link,
|
|
16358
16678
|
children: [
|
|
16359
|
-
/* @__PURE__ */ (0,
|
|
16360
|
-
/* @__PURE__ */ (0,
|
|
16361
|
-
/* @__PURE__ */ (0,
|
|
16362
|
-
/* @__PURE__ */ (0,
|
|
16363
|
-
/* @__PURE__ */ (0,
|
|
16364
|
-
/* @__PURE__ */ (0,
|
|
16365
|
-
/* @__PURE__ */ (0,
|
|
16366
|
-
/* @__PURE__ */ (0,
|
|
16367
|
-
/* @__PURE__ */ (0,
|
|
16368
|
-
/* @__PURE__ */ (0,
|
|
16369
|
-
/* @__PURE__ */ (0,
|
|
16370
|
-
/* @__PURE__ */ (0,
|
|
16371
|
-
/* @__PURE__ */ (0,
|
|
16372
|
-
/* @__PURE__ */ (0,
|
|
16373
|
-
/* @__PURE__ */ (0,
|
|
16374
|
-
/* @__PURE__ */ (0,
|
|
16375
|
-
/* @__PURE__ */ (0,
|
|
16376
|
-
/* @__PURE__ */ (0,
|
|
16377
|
-
/* @__PURE__ */ (0,
|
|
16378
|
-
/* @__PURE__ */ (0,
|
|
16379
|
-
/* @__PURE__ */ (0,
|
|
16380
|
-
/* @__PURE__ */ (0,
|
|
16381
|
-
/* @__PURE__ */ (0,
|
|
16382
|
-
/* @__PURE__ */ (0,
|
|
16383
|
-
/* @__PURE__ */ (0,
|
|
16384
|
-
/* @__PURE__ */ (0,
|
|
16679
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("g", { clipPath: "url(#clip0_5955_114)", children: [
|
|
16680
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16681
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16682
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16683
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16684
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16685
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16686
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16687
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16688
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16689
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16690
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16691
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16692
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16693
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16694
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16695
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16696
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M94.7839 17.7988H93.3879V8.68677H94.7839V17.7988Z", fill: "white" }),
|
|
16697
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16698
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16699
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16700
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16701
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16702
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16703
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" }),
|
|
16704
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.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" })
|
|
16385
16705
|
] }),
|
|
16386
|
-
/* @__PURE__ */ (0,
|
|
16706
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("clipPath", { id: "clip0_5955_114", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("rect", { width: "180", height: "53", fill: "white" }) }) })
|
|
16387
16707
|
]
|
|
16388
16708
|
}
|
|
16389
16709
|
) })
|
|
@@ -16395,18 +16715,18 @@ var H1BodyButtonWithApp = (props) => {
|
|
|
16395
16715
|
};
|
|
16396
16716
|
|
|
16397
16717
|
// src/components/Hero/HeroImageRightWithAppButtons.tsx
|
|
16398
|
-
var
|
|
16718
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
16399
16719
|
var HeroImageRightWithAppButtons = (props) => {
|
|
16400
|
-
const [description, setDescription] = (0,
|
|
16401
|
-
(0,
|
|
16720
|
+
const [description, setDescription] = (0, import_react55.useState)(props.description);
|
|
16721
|
+
(0, import_react55.useEffect)(() => {
|
|
16402
16722
|
var _a;
|
|
16403
16723
|
if (typeof window !== "undefined") {
|
|
16404
16724
|
const desc = window.innerWidth < 700 ? (_a = props.description) == null ? void 0 : _a.replaceAll("<br>", "") : props.description;
|
|
16405
16725
|
setDescription(desc);
|
|
16406
16726
|
}
|
|
16407
16727
|
}, [props.description]);
|
|
16408
|
-
return /* @__PURE__ */ (0,
|
|
16409
|
-
/* @__PURE__ */ (0,
|
|
16728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "lg:mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
16729
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full lg:pr-5", children: /* @__PURE__ */ (0, import_jsx_runtime146.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_runtime146.jsx)(
|
|
16410
16730
|
H1BodyButtonWithApp,
|
|
16411
16731
|
{
|
|
16412
16732
|
title: props.title,
|
|
@@ -16416,7 +16736,7 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
16416
16736
|
apple_store_link: props.app_store_link
|
|
16417
16737
|
}
|
|
16418
16738
|
) }) }),
|
|
16419
|
-
/* @__PURE__ */ (0,
|
|
16739
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ (0, import_jsx_runtime146.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_runtime146.jsx)(
|
|
16420
16740
|
ImageElement,
|
|
16421
16741
|
{
|
|
16422
16742
|
src: props.path,
|
|
@@ -16427,16 +16747,16 @@ var HeroImageRightWithAppButtons = (props) => {
|
|
|
16427
16747
|
};
|
|
16428
16748
|
|
|
16429
16749
|
// src/components/Panel/Horizontal.tsx
|
|
16430
|
-
var
|
|
16750
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
16431
16751
|
var PanelHorizontal = ({
|
|
16432
16752
|
children
|
|
16433
16753
|
}) => {
|
|
16434
|
-
return /* @__PURE__ */ (0,
|
|
16754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "panel-horizontal", children });
|
|
16435
16755
|
};
|
|
16436
16756
|
|
|
16437
16757
|
// src/components/HeadingTextBlocks/H2BodyButton.tsx
|
|
16438
|
-
var
|
|
16439
|
-
var
|
|
16758
|
+
var import_link5 = __toESM(require_link2());
|
|
16759
|
+
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
16440
16760
|
var H2BodyButton = (props) => {
|
|
16441
16761
|
var _a;
|
|
16442
16762
|
const isNeedParse = /<em>(.*?)<\/em>/g.test(props.title);
|
|
@@ -16446,43 +16766,43 @@ var H2BodyButton = (props) => {
|
|
|
16446
16766
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
16447
16767
|
return modifiedText;
|
|
16448
16768
|
};
|
|
16449
|
-
return /* @__PURE__ */ (0,
|
|
16769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
|
|
16450
16770
|
"div",
|
|
16451
16771
|
{
|
|
16452
16772
|
id: props.id,
|
|
16453
16773
|
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}`}`,
|
|
16454
16774
|
children: [
|
|
16455
|
-
/* @__PURE__ */ (0,
|
|
16456
|
-
/* @__PURE__ */ (0,
|
|
16457
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
16775
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "flex flex-col lg:w-[14%]", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Body18, { children: props.tag }) }),
|
|
16776
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col lg:w-[51%] space-y-4 lg:space-y-6", children: [
|
|
16777
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
16458
16778
|
HtmlView,
|
|
16459
16779
|
{
|
|
16460
16780
|
cssClass: "m-0 pt-2 lg:pt-0",
|
|
16461
16781
|
html: parseTitle(props.title, "H2")
|
|
16462
16782
|
}
|
|
16463
16783
|
),
|
|
16464
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
16784
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(H2Design, { className: "pt-2 lg:pt-0", children: [
|
|
16465
16785
|
props.title,
|
|
16466
16786
|
" "
|
|
16467
16787
|
] }),
|
|
16468
|
-
/* @__PURE__ */ (0,
|
|
16788
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
16469
16789
|
HtmlView,
|
|
16470
16790
|
{
|
|
16471
16791
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] lg:mt-4",
|
|
16472
16792
|
html: addLinksStyles(props.textBody)
|
|
16473
16793
|
}
|
|
16474
16794
|
),
|
|
16475
|
-
((_a = props.button) == null ? void 0 : _a.text) && props.button.link && /* @__PURE__ */ (0,
|
|
16476
|
-
|
|
16795
|
+
((_a = props.button) == null ? void 0 : _a.text) && props.button.link && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
|
|
16796
|
+
import_link5.default,
|
|
16477
16797
|
{
|
|
16478
16798
|
href: props.button.link,
|
|
16479
16799
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
16480
16800
|
rel: "noreferrer",
|
|
16481
|
-
children: /* @__PURE__ */ (0,
|
|
16801
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(DesignButton, { children: props.button.text })
|
|
16482
16802
|
}
|
|
16483
16803
|
) })
|
|
16484
16804
|
] }),
|
|
16485
|
-
/* @__PURE__ */ (0,
|
|
16805
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
16486
16806
|
]
|
|
16487
16807
|
}
|
|
16488
16808
|
);
|
|
@@ -16490,7 +16810,7 @@ var H2BodyButton = (props) => {
|
|
|
16490
16810
|
|
|
16491
16811
|
// src/components/Map/MapControlToolbar.tsx
|
|
16492
16812
|
var Popover2 = __toESM(require("@radix-ui/react-popover"));
|
|
16493
|
-
var
|
|
16813
|
+
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
16494
16814
|
var POSITION_CLASSES = {
|
|
16495
16815
|
topleft: "absolute top-4 left-4",
|
|
16496
16816
|
topright: "absolute top-4 right-4",
|
|
@@ -16513,46 +16833,46 @@ var MapControlToolbar = ({
|
|
|
16513
16833
|
controls,
|
|
16514
16834
|
onToggleControl
|
|
16515
16835
|
}) => {
|
|
16516
|
-
return /* @__PURE__ */ (0,
|
|
16836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "pointer-events-none", children: Object.entries(controls.reduce((acc, control) => {
|
|
16517
16837
|
var _a, _b;
|
|
16518
16838
|
const position = (_a = control.position) != null ? _a : "topright";
|
|
16519
16839
|
acc[position] = (_b = acc[position]) != null ? _b : [];
|
|
16520
16840
|
acc[position].push(control);
|
|
16521
16841
|
return acc;
|
|
16522
|
-
}, {})).map(([position, items]) => /* @__PURE__ */ (0,
|
|
16842
|
+
}, {})).map(([position, items]) => /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: cn(POSITION_CLASSES[position], "pointer-events-auto"), children: items.map((control) => {
|
|
16523
16843
|
var _a;
|
|
16524
16844
|
const Icon4 = control.icon;
|
|
16525
16845
|
const popoverDirection = control.popoverDirection || getDefaultDirection((_a = control.position) != null ? _a : "topright");
|
|
16526
16846
|
if (control.isDisplayOnly) {
|
|
16527
|
-
return /* @__PURE__ */ (0,
|
|
16847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16528
16848
|
"div",
|
|
16529
16849
|
{
|
|
16530
16850
|
className: "pointer-events-auto",
|
|
16531
|
-
children: /* @__PURE__ */ (0,
|
|
16851
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon4, { className: "w-6 h-6" })
|
|
16532
16852
|
},
|
|
16533
16853
|
control.id
|
|
16534
16854
|
);
|
|
16535
16855
|
}
|
|
16536
16856
|
if (control.onClick && !control.panel) {
|
|
16537
|
-
return /* @__PURE__ */ (0,
|
|
16857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16538
16858
|
"div",
|
|
16539
16859
|
{
|
|
16540
16860
|
className: "pointer-events-auto",
|
|
16541
|
-
children: /* @__PURE__ */ (0,
|
|
16542
|
-
/* @__PURE__ */ (0,
|
|
16861
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Tooltip, { delayDuration: 100, children: [
|
|
16862
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16543
16863
|
"button",
|
|
16544
16864
|
{
|
|
16545
16865
|
onClick: control.onClick,
|
|
16546
16866
|
className: "p-[11px] w-12 h-12 flex justify-center items-center rounded-full shadow-xl transition-colors bg-white hover:bg-gray-50 text-gray-700",
|
|
16547
|
-
children: /* @__PURE__ */ (0,
|
|
16867
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon4, { className: "w-6 h-6" })
|
|
16548
16868
|
}
|
|
16549
16869
|
) }),
|
|
16550
|
-
/* @__PURE__ */ (0,
|
|
16870
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16551
16871
|
TooltipContent,
|
|
16552
16872
|
{
|
|
16553
16873
|
side: "right",
|
|
16554
16874
|
className: "bg-secondary font-semibold text-foreground",
|
|
16555
|
-
children: /* @__PURE__ */ (0,
|
|
16875
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { children: control.title })
|
|
16556
16876
|
}
|
|
16557
16877
|
)
|
|
16558
16878
|
] })
|
|
@@ -16560,13 +16880,13 @@ var MapControlToolbar = ({
|
|
|
16560
16880
|
control.id
|
|
16561
16881
|
);
|
|
16562
16882
|
}
|
|
16563
|
-
return /* @__PURE__ */ (0,
|
|
16883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16564
16884
|
"div",
|
|
16565
16885
|
{
|
|
16566
16886
|
className: "pointer-events-auto",
|
|
16567
|
-
children: /* @__PURE__ */ (0,
|
|
16568
|
-
/* @__PURE__ */ (0,
|
|
16569
|
-
/* @__PURE__ */ (0,
|
|
16887
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Popover2.Root, { open: control.isOpen, children: [
|
|
16888
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Tooltip, { delayDuration: 100, children: [
|
|
16889
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Popover2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16570
16890
|
"button",
|
|
16571
16891
|
{
|
|
16572
16892
|
onClick: () => onToggleControl(control.id),
|
|
@@ -16574,19 +16894,19 @@ var MapControlToolbar = ({
|
|
|
16574
16894
|
"p-[11px] w-12 h-12 flex justify-center items-center rounded-full shadow-xl transition-colors",
|
|
16575
16895
|
control.isOpen ? "bg-primary text-white" : "bg-white hover:bg-gray-50 text-gray-700"
|
|
16576
16896
|
),
|
|
16577
|
-
children: /* @__PURE__ */ (0,
|
|
16897
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon4, { className: "w-6 h-6" })
|
|
16578
16898
|
}
|
|
16579
16899
|
) }) }),
|
|
16580
|
-
/* @__PURE__ */ (0,
|
|
16900
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
|
|
16581
16901
|
TooltipContent,
|
|
16582
16902
|
{
|
|
16583
16903
|
side: "right",
|
|
16584
16904
|
className: "bg-secondary font-semibold text-foreground",
|
|
16585
|
-
children: /* @__PURE__ */ (0,
|
|
16905
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { children: control.title })
|
|
16586
16906
|
}
|
|
16587
16907
|
)
|
|
16588
16908
|
] }),
|
|
16589
|
-
control.panel ? /* @__PURE__ */ (0,
|
|
16909
|
+
control.panel ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Popover2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
|
|
16590
16910
|
Popover2.Content,
|
|
16591
16911
|
{
|
|
16592
16912
|
className: "bg-white p-4 rounded-lg shadow-lg min-w-[250px] z-[10] max-w-[380px] hidden lg:block",
|
|
@@ -16595,7 +16915,7 @@ var MapControlToolbar = ({
|
|
|
16595
16915
|
sideOffset: 5,
|
|
16596
16916
|
children: [
|
|
16597
16917
|
control.panel,
|
|
16598
|
-
/* @__PURE__ */ (0,
|
|
16918
|
+
/* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Popover2.Arrow, { className: "fill-white" })
|
|
16599
16919
|
]
|
|
16600
16920
|
}
|
|
16601
16921
|
) }) : null
|
|
@@ -16608,19 +16928,19 @@ var MapControlToolbar = ({
|
|
|
16608
16928
|
MapControlToolbar.displayName = "MapControlToolbar";
|
|
16609
16929
|
|
|
16610
16930
|
// src/components/Map/LayerSwitcher.tsx
|
|
16611
|
-
var
|
|
16931
|
+
var import_react61 = require("react");
|
|
16612
16932
|
|
|
16613
16933
|
// src/components/DesignElements/Link/SimpleLink.tsx
|
|
16614
|
-
var
|
|
16615
|
-
var
|
|
16934
|
+
var import_link6 = __toESM(require_link2());
|
|
16935
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
16616
16936
|
var SimpleLink = ({ link }) => {
|
|
16617
|
-
return /* @__PURE__ */ (0,
|
|
16618
|
-
|
|
16937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
16938
|
+
import_link6.default,
|
|
16619
16939
|
{
|
|
16620
16940
|
href: link.href,
|
|
16621
16941
|
target: link.isNewTab ? "_blank" : "_self",
|
|
16622
16942
|
rel: "noreferrer",
|
|
16623
|
-
children: /* @__PURE__ */ (0,
|
|
16943
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
|
|
16624
16944
|
DesignButton,
|
|
16625
16945
|
{
|
|
16626
16946
|
variant: link.isNewTab ? "externalLink" : "internalLink",
|
|
@@ -16665,7 +16985,7 @@ var createStoreImpl = (createState) => {
|
|
|
16665
16985
|
var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
|
|
16666
16986
|
|
|
16667
16987
|
// ../../node_modules/zustand/esm/index.mjs
|
|
16668
|
-
var
|
|
16988
|
+
var import_react56 = require("react");
|
|
16669
16989
|
var import_with_selector = __toESM(require_with_selector(), 1);
|
|
16670
16990
|
var import_meta2 = {};
|
|
16671
16991
|
var { useSyncExternalStoreWithSelector } = import_with_selector.default;
|
|
@@ -16677,7 +16997,7 @@ function useStore(api, selector = api.getState, equalityFn) {
|
|
|
16677
16997
|
selector,
|
|
16678
16998
|
equalityFn
|
|
16679
16999
|
);
|
|
16680
|
-
(0,
|
|
17000
|
+
(0, import_react56.useDebugValue)(slice);
|
|
16681
17001
|
return slice;
|
|
16682
17002
|
}
|
|
16683
17003
|
var createImpl = (createState) => {
|
|
@@ -16694,14 +17014,14 @@ var createImpl = (createState) => {
|
|
|
16694
17014
|
var create = (createState) => createState ? createImpl(createState) : createImpl;
|
|
16695
17015
|
|
|
16696
17016
|
// ../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js
|
|
16697
|
-
var
|
|
17017
|
+
var import_react60 = __toESM(require("react"));
|
|
16698
17018
|
|
|
16699
17019
|
// ../../node_modules/@dnd-kit/core/dist/core.esm.js
|
|
16700
|
-
var
|
|
17020
|
+
var import_react59 = __toESM(require("react"));
|
|
16701
17021
|
var import_react_dom2 = require("react-dom");
|
|
16702
17022
|
|
|
16703
17023
|
// ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
|
|
16704
|
-
var
|
|
17024
|
+
var import_react57 = require("react");
|
|
16705
17025
|
var canUseDOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
|
|
16706
17026
|
function isWindow(element) {
|
|
16707
17027
|
const elementString = Object.prototype.toString.call(element);
|
|
@@ -16829,7 +17149,7 @@ function getEventCoordinates(event) {
|
|
|
16829
17149
|
}
|
|
16830
17150
|
|
|
16831
17151
|
// ../../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js
|
|
16832
|
-
var
|
|
17152
|
+
var import_react58 = __toESM(require("react"));
|
|
16833
17153
|
|
|
16834
17154
|
// ../../node_modules/@dnd-kit/core/dist/core.esm.js
|
|
16835
17155
|
var Action3;
|
|
@@ -17739,7 +18059,7 @@ var defaultMeasuringConfiguration = {
|
|
|
17739
18059
|
measure: getClientRect
|
|
17740
18060
|
}
|
|
17741
18061
|
};
|
|
17742
|
-
var ActiveDraggableContext = /* @__PURE__ */ (0,
|
|
18062
|
+
var ActiveDraggableContext = /* @__PURE__ */ (0, import_react59.createContext)(__spreadProps(__spreadValues({}, defaultCoordinates), {
|
|
17743
18063
|
scaleX: 1,
|
|
17744
18064
|
scaleY: 1
|
|
17745
18065
|
}));
|
|
@@ -17763,13 +18083,6 @@ var useMapLayerStore = create()((set2, get2) => ({
|
|
|
17763
18083
|
layers: [],
|
|
17764
18084
|
add: (layer) => {
|
|
17765
18085
|
var _a;
|
|
17766
|
-
console.log("MapLayerStore: Adding layer:", {
|
|
17767
|
-
id: layer.id,
|
|
17768
|
-
title: layer.title,
|
|
17769
|
-
type: layer.type,
|
|
17770
|
-
url: layer.url,
|
|
17771
|
-
order: layer.order
|
|
17772
|
-
});
|
|
17773
18086
|
if (layer.id === "geotrees-external-layer" || layer.title === "GEO-TREES Sites" || ((_a = layer.layerInfo) == null ? void 0 : _a.source) === "GeoTrees External API") {
|
|
17774
18087
|
const existingGeoTreesLayer = get2().layers.find(
|
|
17775
18088
|
(existingLayer) => {
|
|
@@ -17808,10 +18121,6 @@ var useMapLayerStore = create()((set2, get2) => ({
|
|
|
17808
18121
|
const newState = {
|
|
17809
18122
|
layers: [...updatedLayersWithName, ...layersWithoutName]
|
|
17810
18123
|
};
|
|
17811
|
-
console.log(
|
|
17812
|
-
"MapLayerStore: New state with named layer:",
|
|
17813
|
-
newState.layers.length
|
|
17814
|
-
);
|
|
17815
18124
|
return newState;
|
|
17816
18125
|
} else {
|
|
17817
18126
|
const insertIndex = layersWithoutName.findIndex(
|
|
@@ -17883,12 +18192,12 @@ var useMapLayerStore = create()((set2, get2) => ({
|
|
|
17883
18192
|
}));
|
|
17884
18193
|
|
|
17885
18194
|
// src/components/Map/LayerSwitcher.tsx
|
|
17886
|
-
var
|
|
17887
|
-
var
|
|
18195
|
+
var import_react63 = require("react");
|
|
18196
|
+
var import_outline5 = require("@heroicons/react/24/outline");
|
|
17888
18197
|
var import_lucide_react20 = require("lucide-react");
|
|
17889
18198
|
var import_uuid3 = require("uuid");
|
|
17890
|
-
var
|
|
17891
|
-
var LayerInfoIcon = (0,
|
|
18199
|
+
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
18200
|
+
var LayerInfoIcon = (0, import_react61.memo)(({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
17892
18201
|
"svg",
|
|
17893
18202
|
{
|
|
17894
18203
|
width: "20",
|
|
@@ -17901,8 +18210,8 @@ var LayerInfoIcon = (0, import_react57.memo)(({ onClick }) => /* @__PURE__ */ (0
|
|
|
17901
18210
|
role: "button",
|
|
17902
18211
|
"aria-label": "Show layer information",
|
|
17903
18212
|
children: [
|
|
17904
|
-
/* @__PURE__ */ (0,
|
|
17905
|
-
/* @__PURE__ */ (0,
|
|
18213
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("circle", { cx: "10", cy: "10", r: "10", fill: "text-tag-light-purple" }),
|
|
18214
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
17906
18215
|
"path",
|
|
17907
18216
|
{
|
|
17908
18217
|
d: "M9.24963 14V7.592H10.7496V14H9.24963ZM10.0056 6.536C9.72563 6.536 9.49363 6.448 9.30963 6.272C9.13363 6.096 9.04563 5.884 9.04563 5.636C9.04563 5.38 9.13363 5.168 9.30963 5C9.49363 4.824 9.72563 4.736 10.0056 4.736C10.2856 4.736 10.5136 4.82 10.6896 4.988C10.8736 5.148 10.9656 5.352 10.9656 5.6C10.9656 5.864 10.8776 6.088 10.7016 6.272C10.5256 6.448 10.2936 6.536 10.0056 6.536Z",
|
|
@@ -17913,13 +18222,13 @@ var LayerInfoIcon = (0, import_react57.memo)(({ onClick }) => /* @__PURE__ */ (0
|
|
|
17913
18222
|
}
|
|
17914
18223
|
));
|
|
17915
18224
|
LayerInfoIcon.displayName = "LayerInfoIcon";
|
|
17916
|
-
var LayerItemInfo = (0,
|
|
18225
|
+
var LayerItemInfo = (0, import_react61.memo)(({ layer, open, setOpen }) => {
|
|
17917
18226
|
var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
|
|
17918
18227
|
const isCustomLayer = "isCustom" in layer && layer.isCustom;
|
|
17919
18228
|
const mapDetails = [
|
|
17920
18229
|
{
|
|
17921
18230
|
label: "Source",
|
|
17922
|
-
value: ((_b = (_a = layer.layerInfo) == null ? void 0 : _a.sourceLink) == null ? void 0 : _b.href) ? /* @__PURE__ */ (0,
|
|
18231
|
+
value: ((_b = (_a = layer.layerInfo) == null ? void 0 : _a.sourceLink) == null ? void 0 : _b.href) ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
17923
18232
|
SimpleLink,
|
|
17924
18233
|
{
|
|
17925
18234
|
link: {
|
|
@@ -17936,7 +18245,7 @@ var LayerItemInfo = (0, import_react57.memo)(({ layer, open, setOpen }) => {
|
|
|
17936
18245
|
},
|
|
17937
18246
|
{
|
|
17938
18247
|
label: "Citation",
|
|
17939
|
-
value: ((_i = (_h = layer.layerInfo) == null ? void 0 : _h.citationLink) == null ? void 0 : _i.href) ? /* @__PURE__ */ (0,
|
|
18248
|
+
value: ((_i = (_h = layer.layerInfo) == null ? void 0 : _h.citationLink) == null ? void 0 : _i.href) ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
17940
18249
|
SimpleLink,
|
|
17941
18250
|
{
|
|
17942
18251
|
link: {
|
|
@@ -17952,52 +18261,52 @@ var LayerItemInfo = (0, import_react57.memo)(({ layer, open, setOpen }) => {
|
|
|
17952
18261
|
{ label: "Custom Layer", value: "Yes" }
|
|
17953
18262
|
] : []
|
|
17954
18263
|
];
|
|
17955
|
-
return /* @__PURE__ */ (0,
|
|
17956
|
-
/* @__PURE__ */ (0,
|
|
18264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(qe3.Root, { show: open, as: import_react63.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(_t, { as: "div", className: "relative z-20", onClose: setOpen, children: [
|
|
18265
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
17957
18266
|
qe3.Child,
|
|
17958
18267
|
{
|
|
17959
|
-
as:
|
|
18268
|
+
as: import_react63.Fragment,
|
|
17960
18269
|
enter: "ease-out duration-300",
|
|
17961
18270
|
enterFrom: "opacity-0",
|
|
17962
18271
|
enterTo: "opacity-100",
|
|
17963
18272
|
leave: "ease-in duration-200",
|
|
17964
18273
|
leaveFrom: "opacity-100",
|
|
17965
18274
|
leaveTo: "opacity-0",
|
|
17966
|
-
children: /* @__PURE__ */ (0,
|
|
18275
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
17967
18276
|
}
|
|
17968
18277
|
),
|
|
17969
|
-
/* @__PURE__ */ (0,
|
|
18278
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "flex items-end sm:items-center justify-center min-h-full text-center lg:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
17970
18279
|
qe3.Child,
|
|
17971
18280
|
{
|
|
17972
|
-
as:
|
|
18281
|
+
as: import_react63.Fragment,
|
|
17973
18282
|
enter: "ease-out duration-300",
|
|
17974
18283
|
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
17975
18284
|
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
17976
18285
|
leave: "ease-in duration-200",
|
|
17977
18286
|
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
17978
18287
|
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
17979
|
-
children: /* @__PURE__ */ (0,
|
|
17980
|
-
/* @__PURE__ */ (0,
|
|
18288
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(_t.Panel, { className: "w-screen relative bg-white rounded-t-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all lg:rounded-lg sm:my-8 sm:w-[740px] sm:p-10", children: [
|
|
18289
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "absolute top-0 right-0 pt-3 pr-3 lg:pt-10 lg:pr-10", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
17981
18290
|
"button",
|
|
17982
18291
|
{
|
|
17983
18292
|
type: "button",
|
|
17984
18293
|
className: "rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2",
|
|
17985
18294
|
onClick: () => setOpen(false),
|
|
17986
18295
|
children: [
|
|
17987
|
-
/* @__PURE__ */ (0,
|
|
17988
|
-
/* @__PURE__ */ (0,
|
|
18296
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
18297
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_outline5.XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
17989
18298
|
]
|
|
17990
18299
|
}
|
|
17991
18300
|
) }),
|
|
17992
|
-
/* @__PURE__ */ (0,
|
|
17993
|
-
/* @__PURE__ */ (0,
|
|
17994
|
-
/* @__PURE__ */ (0,
|
|
17995
|
-
((_n = layer.layerInfo) == null ? void 0 : _n.overview) && /* @__PURE__ */ (0,
|
|
17996
|
-
/* @__PURE__ */ (0,
|
|
17997
|
-
/* @__PURE__ */ (0,
|
|
18301
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-col items-start justify-center", children: [
|
|
18302
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "text-lg font-semibold lg:text-[2rem] lg:font-light leading-[120%]", children: layer.title }),
|
|
18303
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "w-full pt-6 space-y-4 text-grey leading-[130%]", children: [
|
|
18304
|
+
((_n = layer.layerInfo) == null ? void 0 : _n.overview) && /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
|
|
18305
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "uppercase text-sm", children: "Overview" }),
|
|
18306
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "text-sm lg:text-base font-normal", children: (_o = layer.layerInfo) == null ? void 0 : _o.overview })
|
|
17998
18307
|
] }),
|
|
17999
18308
|
mapDetails.map(
|
|
18000
|
-
(detail) => detail.value && /* @__PURE__ */ (0,
|
|
18309
|
+
(detail) => detail.value && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18001
18310
|
KeyInfoItem,
|
|
18002
18311
|
{
|
|
18003
18312
|
label: detail.label,
|
|
@@ -18014,7 +18323,7 @@ var LayerItemInfo = (0, import_react57.memo)(({ layer, open, setOpen }) => {
|
|
|
18014
18323
|
] }) });
|
|
18015
18324
|
});
|
|
18016
18325
|
LayerItemInfo.displayName = "LayerItemInfo";
|
|
18017
|
-
var LayerItem = (0,
|
|
18326
|
+
var LayerItem = (0, import_react61.memo)(
|
|
18018
18327
|
({
|
|
18019
18328
|
layer,
|
|
18020
18329
|
isActive,
|
|
@@ -18023,11 +18332,11 @@ var LayerItem = (0, import_react57.memo)(
|
|
|
18023
18332
|
onInfoClick
|
|
18024
18333
|
}) => {
|
|
18025
18334
|
var _a;
|
|
18026
|
-
const [open, setOpen] = (0,
|
|
18027
|
-
return /* @__PURE__ */ (0,
|
|
18028
|
-
/* @__PURE__ */ (0,
|
|
18029
|
-
/* @__PURE__ */ (0,
|
|
18030
|
-
/* @__PURE__ */ (0,
|
|
18335
|
+
const [open, setOpen] = (0, import_react61.useState)(false);
|
|
18336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("li", { className: "bg-white rounded-xl p-4 lg:w-[310px] lg:p-0", children: [
|
|
18337
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
|
|
18338
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "flex flex-row justify-start items-center space-x-2", children: [
|
|
18339
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18031
18340
|
DesignSwitch,
|
|
18032
18341
|
{
|
|
18033
18342
|
checked: isActive,
|
|
@@ -18035,10 +18344,10 @@ var LayerItem = (0, import_react57.memo)(
|
|
|
18035
18344
|
"aria-label": `Toggle ${layer.title} layer`
|
|
18036
18345
|
}
|
|
18037
18346
|
) }),
|
|
18038
|
-
/* @__PURE__ */ (0,
|
|
18039
|
-
/* @__PURE__ */ (0,
|
|
18347
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: " text-base font-medium leading-[120%] break-words max-w-[210px] lg:max-w-none md:max-w-none", children: layer.title }),
|
|
18348
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "block lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(LayerInfoIcon, { onClick: () => setOpen(true) }) })
|
|
18040
18349
|
] }),
|
|
18041
|
-
/* @__PURE__ */ (0,
|
|
18350
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "block lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18042
18351
|
DesignSwitch,
|
|
18043
18352
|
{
|
|
18044
18353
|
checked: isActive,
|
|
@@ -18046,48 +18355,47 @@ var LayerItem = (0, import_react57.memo)(
|
|
|
18046
18355
|
"aria-label": `Toggle ${layer.title} layer`
|
|
18047
18356
|
}
|
|
18048
18357
|
) }),
|
|
18049
|
-
/* @__PURE__ */ (0,
|
|
18358
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
|
|
18050
18359
|
HoverCard,
|
|
18051
18360
|
{
|
|
18052
18361
|
open: openHoverCardId === layer.id,
|
|
18053
18362
|
onOpenChange: () => onInfoClick(layer.id),
|
|
18054
18363
|
children: [
|
|
18055
|
-
/* @__PURE__ */ (0,
|
|
18364
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18056
18365
|
"div",
|
|
18057
18366
|
{
|
|
18058
18367
|
onClick: () => onInfoClick(layer.id),
|
|
18059
18368
|
className: "cursor-pointer",
|
|
18060
|
-
children: /* @__PURE__ */ (0,
|
|
18369
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(LayerInfoIcon, { onClick: () => setOpen(true) })
|
|
18061
18370
|
}
|
|
18062
18371
|
) }),
|
|
18063
|
-
/* @__PURE__ */ (0,
|
|
18064
|
-
/* @__PURE__ */ (0,
|
|
18065
|
-
/* @__PURE__ */ (0,
|
|
18372
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(HoverCardContent, { className: "w-80 rounded-2xl ", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "space-y-1", children: [
|
|
18373
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("h4", { className: "text-sm font-semibold", children: layer.title }),
|
|
18374
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-sm text-grey", children: ((_a = layer.layerInfo) == null ? void 0 : _a.hoverCardText) || "" })
|
|
18066
18375
|
] }) })
|
|
18067
18376
|
]
|
|
18068
18377
|
}
|
|
18069
18378
|
) })
|
|
18070
18379
|
] }),
|
|
18071
|
-
/* @__PURE__ */ (0,
|
|
18380
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(LayerItemInfo, { layer, open, setOpen })
|
|
18072
18381
|
] });
|
|
18073
18382
|
}
|
|
18074
18383
|
);
|
|
18075
18384
|
LayerItem.displayName = "LayerItem";
|
|
18076
|
-
var LayerSwitcher = (0,
|
|
18385
|
+
var LayerSwitcher = (0, import_react61.memo)(({ mapMenuItems, customLayers }) => {
|
|
18077
18386
|
const store = useMapLayerStore();
|
|
18078
|
-
|
|
18079
|
-
|
|
18080
|
-
(0, import_react57.useEffect)(() => {
|
|
18387
|
+
const [openHoverCardId, setOpenHoverCardId] = (0, import_react61.useState)(null);
|
|
18388
|
+
(0, import_react61.useEffect)(() => {
|
|
18081
18389
|
if (store.layers.length == 0 && customLayers.length > 0)
|
|
18082
18390
|
customLayers.map((layer) => store.add(layer));
|
|
18083
18391
|
}, []);
|
|
18084
|
-
const handleToggle = (0,
|
|
18392
|
+
const handleToggle = (0, import_react61.useCallback)(
|
|
18085
18393
|
(layer) => {
|
|
18086
18394
|
store.layers.findIndex((l11) => l11.id === layer.id) !== -1 ? store.remove(layer) : store.add(layer);
|
|
18087
18395
|
},
|
|
18088
18396
|
[store]
|
|
18089
18397
|
);
|
|
18090
|
-
const handleInfoClick = (0,
|
|
18398
|
+
const handleInfoClick = (0, import_react61.useCallback)(
|
|
18091
18399
|
(id) => {
|
|
18092
18400
|
setOpenHoverCardId(openHoverCardId === id ? null : id);
|
|
18093
18401
|
},
|
|
@@ -18096,23 +18404,23 @@ var LayerSwitcher = (0, import_react57.memo)(({ mapMenuItems, customLayers }) =>
|
|
|
18096
18404
|
const hasRegularLayers = (mapMenuItems == null ? void 0 : mapMenuItems.length) > 0;
|
|
18097
18405
|
const hasCustomLayers = customLayers.length > 0;
|
|
18098
18406
|
if (!hasRegularLayers && !hasCustomLayers) {
|
|
18099
|
-
return /* @__PURE__ */ (0,
|
|
18407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { children: "No map layers available" });
|
|
18100
18408
|
}
|
|
18101
|
-
return /* @__PURE__ */ (0,
|
|
18409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "lg:max-h-[calc(100dvh-15rem)] overflow-y-auto pr-1", children: mapMenuItems == null ? void 0 : mapMenuItems.map((menu, index) => {
|
|
18102
18410
|
var _a;
|
|
18103
|
-
return /* @__PURE__ */ (0,
|
|
18104
|
-
/* @__PURE__ */ (0,
|
|
18105
|
-
/* @__PURE__ */ (0,
|
|
18411
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { children: [
|
|
18412
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "hidden lg:block", children: [
|
|
18413
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18106
18414
|
Ae2,
|
|
18107
18415
|
{
|
|
18108
18416
|
"data-component": menu.title,
|
|
18109
18417
|
defaultOpen: mapMenuItems.length === 1,
|
|
18110
18418
|
children: ({ open }) => {
|
|
18111
18419
|
var _a2;
|
|
18112
|
-
return /* @__PURE__ */ (0,
|
|
18113
|
-
/* @__PURE__ */ (0,
|
|
18114
|
-
/* @__PURE__ */ (0,
|
|
18115
|
-
/* @__PURE__ */ (0,
|
|
18420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
|
|
18421
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(Ae2.Button, { className: "w-[310px] flex-row flex justify-between items-center gap-2 border-zinc-300 ", children: [
|
|
18422
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
|
|
18423
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18116
18424
|
import_lucide_react20.ChevronDown,
|
|
18117
18425
|
{
|
|
18118
18426
|
className: ` ${open ? "rotate-180 transform" : ""} h-7 w-7 `,
|
|
@@ -18120,8 +18428,8 @@ var LayerSwitcher = (0, import_react57.memo)(({ mapMenuItems, customLayers }) =>
|
|
|
18120
18428
|
}
|
|
18121
18429
|
)
|
|
18122
18430
|
] }),
|
|
18123
|
-
/* @__PURE__ */ (0,
|
|
18124
|
-
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0,
|
|
18431
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Ae2.Panel, { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("ul", { className: "pt-2 space-y-2", children: [
|
|
18432
|
+
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18125
18433
|
LayerItem,
|
|
18126
18434
|
{
|
|
18127
18435
|
layer,
|
|
@@ -18138,7 +18446,7 @@ var LayerSwitcher = (0, import_react57.memo)(({ mapMenuItems, customLayers }) =>
|
|
|
18138
18446
|
},
|
|
18139
18447
|
layer.id
|
|
18140
18448
|
)),
|
|
18141
|
-
(_a2 = menu.subMenus) == null ? void 0 : _a2.map((layer) => /* @__PURE__ */ (0,
|
|
18449
|
+
(_a2 = menu.subMenus) == null ? void 0 : _a2.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18142
18450
|
LayerItem,
|
|
18143
18451
|
{
|
|
18144
18452
|
layer,
|
|
@@ -18156,12 +18464,12 @@ var LayerSwitcher = (0, import_react57.memo)(({ mapMenuItems, customLayers }) =>
|
|
|
18156
18464
|
}
|
|
18157
18465
|
}
|
|
18158
18466
|
),
|
|
18159
|
-
index !== mapMenuItems.length - 1 && /* @__PURE__ */ (0,
|
|
18467
|
+
index !== mapMenuItems.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "my-4 h-px bg-grey-light" })
|
|
18160
18468
|
] }),
|
|
18161
|
-
/* @__PURE__ */ (0,
|
|
18162
|
-
/* @__PURE__ */ (0,
|
|
18163
|
-
/* @__PURE__ */ (0,
|
|
18164
|
-
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0,
|
|
18469
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "block lg:hidden px-5 pt-6", children: [
|
|
18470
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("span", { className: "text-sm font-normal uppercase text-grey leading-[130%]", children: menu.title }),
|
|
18471
|
+
/* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("ul", { className: "pt-2 space-y-2", children: [
|
|
18472
|
+
index === 0 && hasCustomLayers && customLayers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18165
18473
|
LayerItem,
|
|
18166
18474
|
{
|
|
18167
18475
|
layer,
|
|
@@ -18172,7 +18480,7 @@ var LayerSwitcher = (0, import_react57.memo)(({ mapMenuItems, customLayers }) =>
|
|
|
18172
18480
|
},
|
|
18173
18481
|
layer.id
|
|
18174
18482
|
)),
|
|
18175
|
-
(_a = menu.subMenus) == null ? void 0 : _a.map((layer) => /* @__PURE__ */ (0,
|
|
18483
|
+
(_a = menu.subMenus) == null ? void 0 : _a.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
|
|
18176
18484
|
LayerItem,
|
|
18177
18485
|
{
|
|
18178
18486
|
layer,
|