@sikka/hawa 0.12.12-next → 0.12.14-next
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.css +3 -12
- package/dist/index.d.mts +30 -20
- package/dist/index.d.ts +30 -20
- package/dist/index.js +598 -519
- package/dist/index.mjs +458 -338
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -382,6 +382,9 @@ __export(components_exports, {
|
|
|
382
382
|
AppStores: function() {
|
|
383
383
|
return AppStores;
|
|
384
384
|
},
|
|
385
|
+
AppTopbar: function() {
|
|
386
|
+
return AppTopbar;
|
|
387
|
+
},
|
|
385
388
|
BackToTop: function() {
|
|
386
389
|
return BackToTop;
|
|
387
390
|
},
|
|
@@ -6690,27 +6693,82 @@ var SidebarItem = function(_param) {
|
|
|
6690
6693
|
}, item.label)));
|
|
6691
6694
|
}
|
|
6692
6695
|
};
|
|
6693
|
-
// components/layout/
|
|
6696
|
+
// components/layout/Copyrights.tsx
|
|
6697
|
+
var import_react33 = __toESM(require("react"));
|
|
6698
|
+
var Copyrights = function(props) {
|
|
6699
|
+
return /* @__PURE__ */ import_react33.default.createElement("div", {
|
|
6700
|
+
className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400"
|
|
6701
|
+
}, props.withLogo ? /* @__PURE__ */ import_react33.default.createElement("a", {
|
|
6702
|
+
href: props.onLogoClicked
|
|
6703
|
+
}, /* @__PURE__ */ import_react33.default.createElement("div", {
|
|
6704
|
+
className: "hawa-cursor-pointer"
|
|
6705
|
+
}, /* @__PURE__ */ import_react33.default.createElement("image", {
|
|
6706
|
+
href: props.logoURL,
|
|
6707
|
+
width: 100,
|
|
6708
|
+
height: 50
|
|
6709
|
+
}))) : null, /* @__PURE__ */ import_react33.default.createElement("div", null, props.version), props.credits ? props.credits : null);
|
|
6710
|
+
};
|
|
6711
|
+
// components/layout/Navbar.tsx
|
|
6694
6712
|
var import_react34 = __toESM(require("react"));
|
|
6695
|
-
// components/
|
|
6696
|
-
var
|
|
6697
|
-
var
|
|
6698
|
-
|
|
6699
|
-
|
|
6700
|
-
|
|
6701
|
-
|
|
6702
|
-
|
|
6703
|
-
|
|
6704
|
-
|
|
6705
|
-
|
|
6706
|
-
|
|
6707
|
-
|
|
6708
|
-
|
|
6709
|
-
|
|
6710
|
-
|
|
6711
|
-
|
|
6713
|
+
// components/elements/Collapsible.tsx
|
|
6714
|
+
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
6715
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
6716
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
6717
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
6718
|
+
// components/layout/Navbar.tsx
|
|
6719
|
+
var Navbar = function(props) {
|
|
6720
|
+
var _ref = _sliced_to_array((0, import_react34.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
|
|
6721
|
+
return /* @__PURE__ */ import_react34.default.createElement("nav", {
|
|
6722
|
+
className: "hawa-bg-gray-800 hawa-p-4 hawa-transition-all"
|
|
6723
|
+
}, /* @__PURE__ */ import_react34.default.createElement(Collapsible, null, /* @__PURE__ */ import_react34.default.createElement("div", {
|
|
6724
|
+
className: "hawa-container hawa-mx-auto hawa-flex hawa-justify-between hawa-items-center"
|
|
6725
|
+
}, /* @__PURE__ */ import_react34.default.createElement("div", {
|
|
6726
|
+
className: "hawa-flex hawa-items-center"
|
|
6727
|
+
}, /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6728
|
+
href: "/",
|
|
6729
|
+
className: "hawa-text-white hawa-text-xl hawa-font-bold"
|
|
6730
|
+
}, "YourLogo")), /* @__PURE__ */ import_react34.default.createElement("div", {
|
|
6731
|
+
className: "hawa-hidden hawa-md:hawa-flex hawa-space-x-4"
|
|
6732
|
+
}, /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6733
|
+
href: "/about",
|
|
6734
|
+
className: "hawa-text-white"
|
|
6735
|
+
}, "About"), /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6736
|
+
href: "/services",
|
|
6737
|
+
className: "hawa-text-white"
|
|
6738
|
+
}, "Services"), /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6739
|
+
href: "/contact",
|
|
6740
|
+
className: "hawa-text-white"
|
|
6741
|
+
}, "Contact")), /* @__PURE__ */ import_react34.default.createElement("div", {
|
|
6742
|
+
className: "hawa-md:hawa-hidden"
|
|
6743
|
+
}, /* @__PURE__ */ import_react34.default.createElement(CollapsibleTrigger2, {
|
|
6744
|
+
className: "hawa-text-white hawa-p-2",
|
|
6745
|
+
"aria-label": "Toggle menu"
|
|
6746
|
+
}, /* @__PURE__ */ import_react34.default.createElement("svg", {
|
|
6747
|
+
className: "hawa-w-6 hawa-h-6",
|
|
6748
|
+
fill: "none",
|
|
6749
|
+
stroke: "currentColor",
|
|
6750
|
+
viewBox: "0 0 24 24",
|
|
6751
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6752
|
+
}, /* @__PURE__ */ import_react34.default.createElement("path", {
|
|
6753
|
+
strokeLinecap: "round",
|
|
6754
|
+
strokeLinejoin: "round",
|
|
6755
|
+
strokeWidth: "2",
|
|
6756
|
+
d: "M4 6h16M4 12h16m-7 6h7"
|
|
6757
|
+
}))))), /* @__PURE__ */ import_react34.default.createElement(CollapsibleContent2, {
|
|
6758
|
+
className: "hwa-transition-all hawa-fade-in-0 data-[state=open]:hawa-zoom-in-95 data-[state=open]:hawa-animate-in hawa-flex hawa-flex-col hawa-space-y-2 hawa-mt-4"
|
|
6759
|
+
}, /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6760
|
+
href: "/about",
|
|
6761
|
+
className: "hawa-text-white hawa-px-2"
|
|
6762
|
+
}, "About"), /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6763
|
+
href: "/services",
|
|
6764
|
+
className: "hawa-text-white hawa-px-2"
|
|
6765
|
+
}, "Services"), /* @__PURE__ */ import_react34.default.createElement("a", {
|
|
6766
|
+
href: "/contact",
|
|
6767
|
+
className: "hawa-text-white hawa-px-2"
|
|
6768
|
+
}, "Contact"))));
|
|
6712
6769
|
};
|
|
6713
6770
|
// components/layout/AppLayout.tsx
|
|
6771
|
+
var import_react35 = __toESM(require("react"));
|
|
6714
6772
|
var AppLayout = function(_param) {
|
|
6715
6773
|
var _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, currentPage = _param.currentPage, clickedItem = _param.clickedItem, keepOpen = _param.keepOpen, setKeepOpen = _param.setKeepOpen, _param_design = _param.design, design = _param_design === void 0 ? "default" : _param_design, props = _object_without_properties(_param, [
|
|
6716
6774
|
"direction",
|
|
@@ -6738,17 +6796,25 @@ var AppLayout = function(_param) {
|
|
|
6738
6796
|
lg: closeDrawerWidth
|
|
6739
6797
|
}
|
|
6740
6798
|
};
|
|
6741
|
-
var ref = (0,
|
|
6799
|
+
var ref = (0, import_react35.useRef)(null);
|
|
6742
6800
|
var isRTL = direction === "rtl";
|
|
6743
|
-
var _ref = _sliced_to_array((0,
|
|
6744
|
-
var _ref1 = _sliced_to_array((0,
|
|
6745
|
-
var
|
|
6746
|
-
if (typeof window == "undefined") {
|
|
6747
|
-
size = 1200;
|
|
6748
|
-
}
|
|
6749
|
-
var _ref2 = _sliced_to_array((0, import_react34.useState)(size > 600 ? keepOpen : false), 2), openSideMenu = _ref2[0], setOpenSideMenu = _ref2[1];
|
|
6801
|
+
var _ref = _sliced_to_array((0, import_react35.useState)(""), 2), openedSidebarItem = _ref[0], setOpenedSidebarItem = _ref[1];
|
|
6802
|
+
var _ref1 = _sliced_to_array((0, import_react35.useState)(1200), 2), size = _ref1[0], setSize = _ref1[1];
|
|
6803
|
+
var _ref2 = _sliced_to_array((0, import_react35.useState)(size > 600 ? keepOpen : false), 2), openSideMenu = _ref2[0], setOpenSideMenu = _ref2[1];
|
|
6750
6804
|
var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
|
|
6751
|
-
(0,
|
|
6805
|
+
(0, import_react35.useEffect)(function() {
|
|
6806
|
+
if (typeof window !== "undefined") {
|
|
6807
|
+
var resize = function() {
|
|
6808
|
+
setSize(window.innerWidth);
|
|
6809
|
+
};
|
|
6810
|
+
resize();
|
|
6811
|
+
window.addEventListener("resize", resize);
|
|
6812
|
+
return function() {
|
|
6813
|
+
window.removeEventListener("resize", resize);
|
|
6814
|
+
};
|
|
6815
|
+
}
|
|
6816
|
+
}, []);
|
|
6817
|
+
(0, import_react35.useEffect)(function() {
|
|
6752
6818
|
var handleClickOutside = function(event) {
|
|
6753
6819
|
if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
|
|
6754
6820
|
setOpenSideMenu(false);
|
|
@@ -6761,11 +6827,11 @@ var AppLayout = function(_param) {
|
|
|
6761
6827
|
}, [
|
|
6762
6828
|
keepOpen
|
|
6763
6829
|
]);
|
|
6764
|
-
return /* @__PURE__ */
|
|
6830
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6765
6831
|
className: "hawa-fixed hawa-left-0"
|
|
6766
|
-
}, props.topBar && /* @__PURE__ */
|
|
6832
|
+
}, props.topBar && /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6767
6833
|
className: cn("hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-30 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
6768
|
-
}, size > 600 ? /* @__PURE__ */
|
|
6834
|
+
}, size > 600 ? /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6769
6835
|
className: cn("dark:hawa-text-white", isRTL ? [
|
|
6770
6836
|
size > 600 ? "hawa-mr-14" : "hawa-mr-2",
|
|
6771
6837
|
keepOpen ? "hawa-mr-40" : ""
|
|
@@ -6779,15 +6845,15 @@ var AppLayout = function(_param) {
|
|
|
6779
6845
|
marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
|
|
6780
6846
|
}
|
|
6781
6847
|
}, props.pageTitle) : // Mobile Drawer Menu Button
|
|
6782
|
-
/* @__PURE__ */
|
|
6848
|
+
/* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6783
6849
|
dir: direction,
|
|
6784
6850
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
6785
|
-
}, /* @__PURE__ */
|
|
6851
|
+
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6786
6852
|
onClick: function() {
|
|
6787
6853
|
return setOpenSideMenu(true);
|
|
6788
6854
|
},
|
|
6789
6855
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
6790
|
-
}, /* @__PURE__ */
|
|
6856
|
+
}, /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6791
6857
|
stroke: "currentColor",
|
|
6792
6858
|
fill: "currentColor",
|
|
6793
6859
|
strokeWidth: 0,
|
|
@@ -6795,19 +6861,19 @@ var AppLayout = function(_param) {
|
|
|
6795
6861
|
"aria-hidden": "true",
|
|
6796
6862
|
height: "1.6em",
|
|
6797
6863
|
width: "1.6em"
|
|
6798
|
-
}, /* @__PURE__ */
|
|
6864
|
+
}, /* @__PURE__ */ import_react35.default.createElement("path", {
|
|
6799
6865
|
fillRule: "evenodd",
|
|
6800
6866
|
clipRule: "evenodd",
|
|
6801
6867
|
d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
|
|
6802
|
-
}))), props.pageTitle ? /* @__PURE__ */
|
|
6868
|
+
}))), props.pageTitle ? /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6803
6869
|
className: "hawa-text-sm"
|
|
6804
|
-
}, props.pageTitle) : /* @__PURE__ */
|
|
6870
|
+
}, props.pageTitle) : /* @__PURE__ */ import_react35.default.createElement("div", null)), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6805
6871
|
className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
6806
|
-
}, size > 600 ? /* @__PURE__ */
|
|
6872
|
+
}, size > 600 ? /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6807
6873
|
className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
|
|
6808
|
-
}, /* @__PURE__ */
|
|
6874
|
+
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6809
6875
|
className: "hawa-font-bold"
|
|
6810
|
-
}, props.username), " ", /* @__PURE__ */
|
|
6876
|
+
}, props.username), " ", /* @__PURE__ */ import_react35.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react35.default.createElement(DropdownMenu, {
|
|
6811
6877
|
triggerClassname: "hawa-mx-2",
|
|
6812
6878
|
align: "end",
|
|
6813
6879
|
alignOffset: 8,
|
|
@@ -6819,23 +6885,23 @@ var AppLayout = function(_param) {
|
|
|
6819
6885
|
onItemSelect: function(e) {
|
|
6820
6886
|
return console.log("selecting item ", e);
|
|
6821
6887
|
},
|
|
6822
|
-
trigger: /* @__PURE__ */
|
|
6888
|
+
trigger: /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6823
6889
|
className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600"
|
|
6824
|
-
}, props.avatarImage ? /* @__PURE__ */
|
|
6890
|
+
}, props.avatarImage ? /* @__PURE__ */ import_react35.default.createElement("img", {
|
|
6825
6891
|
src: props.avatarImage,
|
|
6826
6892
|
alt: "User Avatar"
|
|
6827
|
-
}) : /* @__PURE__ */
|
|
6893
|
+
}) : /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6828
6894
|
"aria-label": "Avatar Icon",
|
|
6829
6895
|
className: "hawa-absolute hawa--left-1 hawa-h-10 hawa-w-10 hawa-text-gray-400",
|
|
6830
6896
|
fill: "currentColor",
|
|
6831
6897
|
viewBox: "0 0 20 20"
|
|
6832
|
-
}, /* @__PURE__ */
|
|
6898
|
+
}, /* @__PURE__ */ import_react35.default.createElement("path", {
|
|
6833
6899
|
fillRule: "evenodd",
|
|
6834
6900
|
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
6835
6901
|
clipRule: "evenodd"
|
|
6836
6902
|
})))
|
|
6837
|
-
}))), /* @__PURE__ */
|
|
6838
|
-
className: cn("hawa-fixed hawa-z-40 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", design === "floating" ? isRTL ? "hawa-right-5 hawa-top-5" : "hawa-bottom-5 hawa-left-5 hawa-top-5" : isRTL ? "hawa-right-0 hawa-top-0 hawa-h-
|
|
6903
|
+
}))), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6904
|
+
className: cn("hawa-fixed hawa-z-40 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", design === "floating" ? isRTL ? "hawa-right-5 hawa-top-5" : "hawa-bottom-5 hawa-left-5 hawa-top-5" : isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14", "hawa-h-[calc(100dvh)]"),
|
|
6839
6905
|
style: {
|
|
6840
6906
|
width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
|
|
6841
6907
|
},
|
|
@@ -6843,35 +6909,43 @@ var AppLayout = function(_param) {
|
|
|
6843
6909
|
setOpenSideMenu(true);
|
|
6844
6910
|
},
|
|
6845
6911
|
onMouseLeave: function() {
|
|
6846
|
-
if (
|
|
6847
|
-
|
|
6912
|
+
if (size > 600) {
|
|
6913
|
+
if (keepOpen) {
|
|
6914
|
+
setOpenSideMenu(true);
|
|
6915
|
+
} else {
|
|
6916
|
+
setOpenedSidebarItem("");
|
|
6917
|
+
setOpenSideMenu(false);
|
|
6918
|
+
}
|
|
6848
6919
|
} else {
|
|
6849
|
-
setOpenedSidebarItem("");
|
|
6850
6920
|
setOpenSideMenu(false);
|
|
6851
6921
|
}
|
|
6852
6922
|
},
|
|
6853
6923
|
ref: ref
|
|
6854
|
-
}, /* @__PURE__ */
|
|
6924
|
+
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6855
6925
|
onClick: props.onLogoClick,
|
|
6856
6926
|
dir: direction,
|
|
6857
6927
|
className: cn("hawa-fixed hawa-z-50 hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all", props.onLogoClick && "hawa-cursor-pointer"),
|
|
6858
6928
|
style: {
|
|
6859
6929
|
width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
|
|
6860
6930
|
}
|
|
6861
|
-
}, /* @__PURE__ */
|
|
6931
|
+
}, /* @__PURE__ */ import_react35.default.createElement("img", {
|
|
6862
6932
|
className: cn("hawa-h-9 hawa-opacity-0 hawa-transition-all", !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
|
|
6863
6933
|
src: props.logoLink
|
|
6864
|
-
}), size > 600 ? /* @__PURE__ */
|
|
6865
|
-
className: cn("hawa-fixed hawa-h-9 hawa-transition-all",
|
|
6866
|
-
design === "floating" ? isRTL ? "hawa-right-7.5 hawa-top-7" : "hawa-left-7.5 hawa-top-7" : isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5", openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
|
|
6934
|
+
}), size > 600 ? /* @__PURE__ */ import_react35.default.createElement("img", {
|
|
6935
|
+
className: cn("hawa-fixed hawa-h-9 hawa-transition-all", isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5", openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
|
|
6867
6936
|
src: props.logoSymbol
|
|
6868
|
-
}) : null), /* @__PURE__ */
|
|
6869
|
-
className: cn(
|
|
6937
|
+
}) : null), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6938
|
+
className: cn(// hawa-h-[calc(100dvh)]
|
|
6939
|
+
"hawa-fixed hawa-bottom-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all hawa-top-14", openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"),
|
|
6870
6940
|
style: {
|
|
6871
|
-
height:
|
|
6872
|
-
|
|
6941
|
+
// height:
|
|
6942
|
+
// design === "floating"
|
|
6943
|
+
// ? "calc(100% - 152px)"
|
|
6944
|
+
// : "0px",
|
|
6945
|
+
// : "calc(100% - 112px)",
|
|
6946
|
+
width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : drawerSizeCondition, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
|
|
6873
6947
|
}
|
|
6874
|
-
}, /* @__PURE__ */
|
|
6948
|
+
}, /* @__PURE__ */ import_react35.default.createElement(SidebarGroup, {
|
|
6875
6949
|
direction: direction,
|
|
6876
6950
|
onItemClick: function(values) {
|
|
6877
6951
|
if (clickedItem) {
|
|
@@ -6888,18 +6962,18 @@ var AppLayout = function(_param) {
|
|
|
6888
6962
|
setOpenedItem: function(e) {
|
|
6889
6963
|
return setOpenedSidebarItem(e);
|
|
6890
6964
|
},
|
|
6891
|
-
isOpen: openSideMenu,
|
|
6965
|
+
isOpen: keepOpen || openSideMenu,
|
|
6892
6966
|
items: props.drawerItems
|
|
6893
|
-
})), /* @__PURE__ */
|
|
6894
|
-
className: cn("hawa-fixed hawa-flex hawa-h-14
|
|
6967
|
+
})), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6968
|
+
className: cn("hawa-fixed hawa-flex hawa-h-14 hawa-items-center hawa-justify-center hawa-gap-2 hawa-overflow-clip hawa-bg-primary-foreground hawa-transition-all", direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row", "hawa-bottom-0"),
|
|
6895
6969
|
style: {
|
|
6896
6970
|
width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
|
|
6897
6971
|
}
|
|
6898
|
-
}, DrawerFooterActions && openSideMenu ? /* @__PURE__ */
|
|
6972
|
+
}, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react35.default.createElement(import_react35.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react35.default.createElement(Tooltip, {
|
|
6899
6973
|
side: "left",
|
|
6900
6974
|
delayDuration: 500,
|
|
6901
6975
|
content: keepOpen ? ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.collapseSidebar) || "Collapse Sidebar" : ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.expandSidebar) || "Expand Sidebar"
|
|
6902
|
-
}, /* @__PURE__ */
|
|
6976
|
+
}, /* @__PURE__ */ import_react35.default.createElement(Button, {
|
|
6903
6977
|
variant: "light",
|
|
6904
6978
|
onClick: function() {
|
|
6905
6979
|
var newKeepOpenState = !keepOpen;
|
|
@@ -6909,15 +6983,15 @@ var AppLayout = function(_param) {
|
|
|
6909
6983
|
setKeepOpen(newKeepOpenState);
|
|
6910
6984
|
},
|
|
6911
6985
|
size: "smallIcon"
|
|
6912
|
-
}, /* @__PURE__ */
|
|
6986
|
+
}, /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6913
6987
|
className: cn("hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-text-primary hawa-transition-all disabled:hawa-bg-gray-200 ", keepOpen ? isRTL ? "hawa--rotate-90" : "hawa-rotate-90" : isRTL ? "hawa-rotate-90" : "hawa--rotate-90"),
|
|
6914
6988
|
fill: "currentColor",
|
|
6915
6989
|
viewBox: "0 0 20 20"
|
|
6916
|
-
}, /* @__PURE__ */
|
|
6990
|
+
}, /* @__PURE__ */ import_react35.default.createElement("path", {
|
|
6917
6991
|
fillRule: "evenodd",
|
|
6918
6992
|
d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
|
|
6919
6993
|
clipRule: "evenodd"
|
|
6920
|
-
})))) : null)), /* @__PURE__ */
|
|
6994
|
+
})))) : null)), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6921
6995
|
className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
|
|
6922
6996
|
style: design === "floating" ? isRTL ? {
|
|
6923
6997
|
height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
|
|
@@ -6942,84 +7016,88 @@ var AppLayout = function(_param) {
|
|
|
6942
7016
|
}
|
|
6943
7017
|
}, props.children));
|
|
6944
7018
|
};
|
|
6945
|
-
// components/layout/
|
|
6946
|
-
var import_react35 = __toESM(require("react"));
|
|
6947
|
-
var Copyrights = function(props) {
|
|
6948
|
-
return /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6949
|
-
className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400"
|
|
6950
|
-
}, props.withLogo ? /* @__PURE__ */ import_react35.default.createElement("a", {
|
|
6951
|
-
href: props.onLogoClicked
|
|
6952
|
-
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6953
|
-
className: "hawa-cursor-pointer"
|
|
6954
|
-
}, /* @__PURE__ */ import_react35.default.createElement("image", {
|
|
6955
|
-
href: props.logoURL,
|
|
6956
|
-
width: 100,
|
|
6957
|
-
height: 50
|
|
6958
|
-
}))) : null, /* @__PURE__ */ import_react35.default.createElement("div", null, props.version), props.credits ? props.credits : null);
|
|
6959
|
-
};
|
|
6960
|
-
// components/layout/Navbar.tsx
|
|
7019
|
+
// components/layout/AppTopbar.tsx
|
|
6961
7020
|
var import_react36 = __toESM(require("react"));
|
|
6962
|
-
|
|
6963
|
-
var
|
|
6964
|
-
var
|
|
6965
|
-
var
|
|
6966
|
-
|
|
6967
|
-
|
|
6968
|
-
|
|
6969
|
-
|
|
6970
|
-
|
|
6971
|
-
className: "hawa-
|
|
6972
|
-
}, /* @__PURE__ */ import_react36.default.createElement(Collapsible, null, /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
6973
|
-
className: "hawa-container hawa-mx-auto hawa-flex hawa-justify-between hawa-items-center"
|
|
7021
|
+
var AppTopbar = function(_param) {
|
|
7022
|
+
var props = _extends({}, _object_destructuring_empty(_param));
|
|
7023
|
+
var isRTL = props.direction === "ltr";
|
|
7024
|
+
var size = 1200;
|
|
7025
|
+
return /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7026
|
+
className: cn("hawa-border-b hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-30 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
7027
|
+
}, size > 600 ? /* @__PURE__ */ import_react36.default.createElement("div", null, "page title") : // Mobile Drawer Menu Button
|
|
7028
|
+
/* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7029
|
+
dir: props.direction,
|
|
7030
|
+
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
6974
7031
|
}, /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
6975
|
-
className: "hawa-
|
|
6976
|
-
}, /* @__PURE__ */ import_react36.default.createElement("a", {
|
|
6977
|
-
href: "/",
|
|
6978
|
-
className: "hawa-text-white hawa-text-xl hawa-font-bold"
|
|
6979
|
-
}, "YourLogo")), /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
6980
|
-
className: "hawa-hidden hawa-md:hawa-flex hawa-space-x-4"
|
|
6981
|
-
}, /* @__PURE__ */ import_react36.default.createElement("a", {
|
|
6982
|
-
href: "/about",
|
|
6983
|
-
className: "hawa-text-white"
|
|
6984
|
-
}, "About"), /* @__PURE__ */ import_react36.default.createElement("a", {
|
|
6985
|
-
href: "/services",
|
|
6986
|
-
className: "hawa-text-white"
|
|
6987
|
-
}, "Services"), /* @__PURE__ */ import_react36.default.createElement("a", {
|
|
6988
|
-
href: "/contact",
|
|
6989
|
-
className: "hawa-text-white"
|
|
6990
|
-
}, "Contact")), /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
6991
|
-
className: "hawa-md:hawa-hidden"
|
|
6992
|
-
}, /* @__PURE__ */ import_react36.default.createElement(CollapsibleTrigger2, {
|
|
6993
|
-
className: "hawa-text-white hawa-p-2",
|
|
6994
|
-
"aria-label": "Toggle menu"
|
|
7032
|
+
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
6995
7033
|
}, /* @__PURE__ */ import_react36.default.createElement("svg", {
|
|
6996
|
-
className: "hawa-w-6 hawa-h-6",
|
|
6997
|
-
fill: "none",
|
|
6998
7034
|
stroke: "currentColor",
|
|
6999
|
-
|
|
7000
|
-
|
|
7035
|
+
fill: "currentColor",
|
|
7036
|
+
strokeWidth: 0,
|
|
7037
|
+
viewBox: "0 0 20 20",
|
|
7038
|
+
"aria-hidden": "true",
|
|
7039
|
+
height: "1.6em",
|
|
7040
|
+
width: "1.6em"
|
|
7001
7041
|
}, /* @__PURE__ */ import_react36.default.createElement("path", {
|
|
7002
|
-
|
|
7003
|
-
|
|
7004
|
-
|
|
7005
|
-
|
|
7006
|
-
|
|
7007
|
-
|
|
7008
|
-
|
|
7009
|
-
|
|
7010
|
-
className: "hawa-
|
|
7011
|
-
}, "
|
|
7012
|
-
|
|
7013
|
-
|
|
7014
|
-
|
|
7015
|
-
|
|
7016
|
-
|
|
7017
|
-
|
|
7042
|
+
fillRule: "evenodd",
|
|
7043
|
+
clipRule: "evenodd",
|
|
7044
|
+
d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
|
|
7045
|
+
}))), "Mobile title"), /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7046
|
+
className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
7047
|
+
}, size > 600 ? /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7048
|
+
className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
|
|
7049
|
+
}, /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7050
|
+
className: "hawa-font-bold"
|
|
7051
|
+
}, props.username), " ", /* @__PURE__ */ import_react36.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react36.default.createElement(DropdownMenu, {
|
|
7052
|
+
triggerClassname: "hawa-mx-2",
|
|
7053
|
+
align: "end",
|
|
7054
|
+
alignOffset: 8,
|
|
7055
|
+
side: "bottom",
|
|
7056
|
+
sideOffset: 5,
|
|
7057
|
+
direction: isRTL ? "rtl" : "ltr",
|
|
7058
|
+
items: props.profileMenuItems,
|
|
7059
|
+
onItemSelect: function(e) {
|
|
7060
|
+
return console.log("selecting item ", e);
|
|
7061
|
+
},
|
|
7062
|
+
trigger: /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7063
|
+
className: "hawa-relative hawa-h-8 hawa-w-8 hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600"
|
|
7064
|
+
}, props.avatarImage ? /* @__PURE__ */ import_react36.default.createElement("img", {
|
|
7065
|
+
src: props.avatarImage,
|
|
7066
|
+
alt: "User Avatar"
|
|
7067
|
+
}) : /* @__PURE__ */ import_react36.default.createElement("svg", {
|
|
7068
|
+
"aria-label": "Avatar Icon",
|
|
7069
|
+
className: "hawa-absolute hawa--left-1 hawa-h-10 hawa-w-10 hawa-text-gray-400",
|
|
7070
|
+
fill: "currentColor",
|
|
7071
|
+
viewBox: "0 0 20 20"
|
|
7072
|
+
}, /* @__PURE__ */ import_react36.default.createElement("path", {
|
|
7073
|
+
fillRule: "evenodd",
|
|
7074
|
+
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
7075
|
+
clipRule: "evenodd"
|
|
7076
|
+
})))
|
|
7077
|
+
})));
|
|
7018
7078
|
};
|
|
7019
7079
|
// components/layout/DocsLayout.tsx
|
|
7020
|
-
var
|
|
7080
|
+
var import_react39 = __toESM(require("react"));
|
|
7081
|
+
// components/hooks/useBreakpoint.ts
|
|
7082
|
+
var import_react37 = require("react");
|
|
7083
|
+
var useBreakpoint = function() {
|
|
7084
|
+
var _ref = _sliced_to_array((0, import_react37.useState)(null), 2), breakpoint = _ref[0], setBreakpoint = _ref[1];
|
|
7085
|
+
(0, import_react37.useEffect)(function() {
|
|
7086
|
+
if (typeof window !== "undefined") {
|
|
7087
|
+
var resize = function() {
|
|
7088
|
+
setBreakpoint(window.innerWidth);
|
|
7089
|
+
};
|
|
7090
|
+
resize();
|
|
7091
|
+
window.addEventListener("resize", resize);
|
|
7092
|
+
return function() {
|
|
7093
|
+
window.removeEventListener("resize", resize);
|
|
7094
|
+
};
|
|
7095
|
+
}
|
|
7096
|
+
}, []);
|
|
7097
|
+
return breakpoint;
|
|
7098
|
+
};
|
|
7021
7099
|
// components/layout/DocsSidebar.tsx
|
|
7022
|
-
var
|
|
7100
|
+
var import_react38 = __toESM(require("react"));
|
|
7023
7101
|
var DocsSidebar = function(_param) {
|
|
7024
7102
|
var test = _param.test, props = _object_without_properties(_param, [
|
|
7025
7103
|
"test"
|
|
@@ -7031,14 +7109,14 @@ var DocsSidebar = function(_param) {
|
|
|
7031
7109
|
"API Reference",
|
|
7032
7110
|
"FAQ"
|
|
7033
7111
|
];
|
|
7034
|
-
var
|
|
7112
|
+
var _import_react38_default_useState = _sliced_to_array(import_react38.default.useState(pages[0]), 2), currentPage = _import_react38_default_useState[0], setCurrentPage = _import_react38_default_useState[1];
|
|
7035
7113
|
var handlePageClick = function(page) {
|
|
7036
7114
|
setCurrentPage(page);
|
|
7037
7115
|
};
|
|
7038
|
-
return /* @__PURE__ */
|
|
7116
|
+
return /* @__PURE__ */ import_react38.default.createElement("div", {
|
|
7039
7117
|
className: "hawa-flex hawa-flex-col hawa-overflow-x-clip"
|
|
7040
7118
|
}, pages.map(function(page, index) {
|
|
7041
|
-
return /* @__PURE__ */
|
|
7119
|
+
return /* @__PURE__ */ import_react38.default.createElement("a", {
|
|
7042
7120
|
key: index,
|
|
7043
7121
|
className: cn("hawa-py-1 hawa-text-xs hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3 hover:hawa-bg-gray-100 hawa-transition-all", currentPage === page ? "hawa-border-l-4 hawa-border-primary hawa-border-collapse" : ""),
|
|
7044
7122
|
onClick: function() {
|
|
@@ -7073,14 +7151,14 @@ var DocsLayout = function(_param) {
|
|
|
7073
7151
|
lg: closeDrawerWidth
|
|
7074
7152
|
}
|
|
7075
7153
|
};
|
|
7076
|
-
var ref = (0,
|
|
7154
|
+
var ref = (0, import_react39.useRef)(null);
|
|
7077
7155
|
var isRTL = direction === "rtl";
|
|
7078
7156
|
var size = useBreakpoint();
|
|
7079
7157
|
if (typeof window == "undefined") {
|
|
7080
7158
|
size = 1200;
|
|
7081
7159
|
}
|
|
7082
|
-
var _ref = _sliced_to_array((0,
|
|
7083
|
-
(0,
|
|
7160
|
+
var _ref = _sliced_to_array((0, import_react39.useState)(true), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
|
|
7161
|
+
(0, import_react39.useEffect)(function() {
|
|
7084
7162
|
var handleClickOutside = function(event) {
|
|
7085
7163
|
if (ref.current && !ref.current.contains(event.target) && !openSideMenu) {
|
|
7086
7164
|
setOpenSideMenu(false);
|
|
@@ -7093,7 +7171,7 @@ var DocsLayout = function(_param) {
|
|
|
7093
7171
|
}, [
|
|
7094
7172
|
openSideMenu
|
|
7095
7173
|
]);
|
|
7096
|
-
(0,
|
|
7174
|
+
(0, import_react39.useEffect)(function() {
|
|
7097
7175
|
var handleResize = function() {
|
|
7098
7176
|
setOpenSideMenu(window.innerWidth > 600 ? true : false);
|
|
7099
7177
|
};
|
|
@@ -7106,23 +7184,23 @@ var DocsLayout = function(_param) {
|
|
|
7106
7184
|
keepOpen
|
|
7107
7185
|
]);
|
|
7108
7186
|
var drawerSizeCondition = drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize];
|
|
7109
|
-
return /* @__PURE__ */
|
|
7187
|
+
return /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7110
7188
|
className: "hawa-fixed"
|
|
7111
|
-
}, /* @__PURE__ */
|
|
7189
|
+
}, /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7112
7190
|
className: cn("hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-30 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
7113
|
-
}, size > 600 ? /* @__PURE__ */
|
|
7191
|
+
}, size > 600 ? /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7114
7192
|
onClick: props.onLogoClick,
|
|
7115
7193
|
dir: direction
|
|
7116
|
-
}, /* @__PURE__ */
|
|
7194
|
+
}, /* @__PURE__ */ import_react39.default.createElement("img", {
|
|
7117
7195
|
className: cn("hawa-h-8 hawa-opacity-0 hawa-transition-all", !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
|
|
7118
7196
|
src: props.logoLink
|
|
7119
7197
|
})) : // Mobile Drawer Menu Button
|
|
7120
|
-
/* @__PURE__ */
|
|
7198
|
+
/* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7121
7199
|
dir: direction,
|
|
7122
7200
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
7123
|
-
}, /* @__PURE__ */
|
|
7201
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Sheet, null, /* @__PURE__ */ import_react39.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7124
7202
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
7125
|
-
}, /* @__PURE__ */
|
|
7203
|
+
}, /* @__PURE__ */ import_react39.default.createElement("svg", {
|
|
7126
7204
|
"aria-label": "Menu Icon",
|
|
7127
7205
|
stroke: "currentColor",
|
|
7128
7206
|
fill: "currentColor",
|
|
@@ -7131,21 +7209,21 @@ var DocsLayout = function(_param) {
|
|
|
7131
7209
|
"aria-hidden": "true",
|
|
7132
7210
|
height: "1.6em",
|
|
7133
7211
|
width: "1.6em"
|
|
7134
|
-
}, /* @__PURE__ */
|
|
7212
|
+
}, /* @__PURE__ */ import_react39.default.createElement("path", {
|
|
7135
7213
|
fillRule: "evenodd",
|
|
7136
7214
|
clipRule: "evenodd",
|
|
7137
7215
|
d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
|
|
7138
|
-
})))), /* @__PURE__ */
|
|
7216
|
+
})))), /* @__PURE__ */ import_react39.default.createElement(SheetContent, {
|
|
7139
7217
|
side: isRTL ? "right" : "left",
|
|
7140
7218
|
className: "hawa-pt-10"
|
|
7141
|
-
}, " ", /* @__PURE__ */
|
|
7219
|
+
}, " ", /* @__PURE__ */ import_react39.default.createElement(DocsSidebar, null)))), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7142
7220
|
className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
7143
|
-
}, /* @__PURE__ */
|
|
7221
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Button, {
|
|
7144
7222
|
variant: "ghost",
|
|
7145
7223
|
size: "smallIcon"
|
|
7146
|
-
}, /* @__PURE__ */
|
|
7224
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Logos.github, {
|
|
7147
7225
|
className: "hawa-w-4 hawa-h-4"
|
|
7148
|
-
})))), /* @__PURE__ */
|
|
7226
|
+
})))), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7149
7227
|
className: cn("hawa-fixed hawa-bg-primary-foreground hawa-z-40 hawa-flex hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", isRTL ? "hawa-right-0 hawa-top-0 hawa-h-full" : "hawa-left-0 hawa-top-0 hawa-h-full", "hawa-fixed hawa-p-0 hawa-py-2 hawa-overflow-x-clip hawa-transition-all", "hawa-top-14", openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"),
|
|
7150
7228
|
style: {
|
|
7151
7229
|
// height: "calc(100%)",
|
|
@@ -7160,7 +7238,7 @@ var DocsLayout = function(_param) {
|
|
|
7160
7238
|
}
|
|
7161
7239
|
},
|
|
7162
7240
|
ref: ref
|
|
7163
|
-
}, /* @__PURE__ */
|
|
7241
|
+
}, /* @__PURE__ */ import_react39.default.createElement(DocsSidebar, null)), /* @__PURE__ */ import_react39.default.createElement("div", null, "overlay sidebar"), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7164
7242
|
className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
|
|
7165
7243
|
style: isRTL ? {
|
|
7166
7244
|
height: "calc(100% - 56px)",
|
|
@@ -7178,59 +7256,59 @@ var DocsLayout = function(_param) {
|
|
|
7178
7256
|
}, props.children));
|
|
7179
7257
|
};
|
|
7180
7258
|
// components/blocks/auth/LoginForm.tsx
|
|
7181
|
-
var
|
|
7259
|
+
var import_react41 = __toESM(require("react"));
|
|
7182
7260
|
var import_react_hook_form = require("react-hook-form");
|
|
7183
7261
|
var import_zod = require("@hookform/resolvers/zod");
|
|
7184
7262
|
var import_libphonenumber_js = require("libphonenumber-js");
|
|
7185
7263
|
var z = __toESM(require("zod"));
|
|
7186
7264
|
// components/blocks/auth/AuthButtons.tsx
|
|
7187
|
-
var
|
|
7265
|
+
var import_react40 = __toESM(require("react"));
|
|
7188
7266
|
var AuthButtons = function(props) {
|
|
7189
7267
|
var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6;
|
|
7190
7268
|
var _props_texts_continueWithGoogle, _props_texts_continueWithGithub, _props_texts_continueWithTwitter, _props_texts_continueWithApple, _props_texts_continueWithMicrosoft, _props_texts_continueWithEmail, _props_texts_continueWithPhone;
|
|
7191
|
-
return /* @__PURE__ */
|
|
7269
|
+
return /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7192
7270
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7193
|
-
}, props.viaGoogle && /* @__PURE__ */
|
|
7271
|
+
}, props.viaGoogle && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7194
7272
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7195
7273
|
variant: "outline",
|
|
7196
7274
|
onClick: props.handleGoogle
|
|
7197
|
-
}, /* @__PURE__ */
|
|
7275
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.google, {
|
|
7198
7276
|
className: "hawa-h-4 hawa-w-4"
|
|
7199
|
-
}), (_props_texts_continueWithGoogle = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.continueWithGoogle) !== null && _props_texts_continueWithGoogle !== void 0 ? _props_texts_continueWithGoogle : "Continue With Google"), props.viaGithub && /* @__PURE__ */
|
|
7277
|
+
}), (_props_texts_continueWithGoogle = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.continueWithGoogle) !== null && _props_texts_continueWithGoogle !== void 0 ? _props_texts_continueWithGoogle : "Continue With Google"), props.viaGithub && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7200
7278
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7201
7279
|
variant: "outline",
|
|
7202
7280
|
onClick: props.handleGithub
|
|
7203
|
-
}, /* @__PURE__ */
|
|
7281
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.github, {
|
|
7204
7282
|
className: "hawa-h-4 hawa-w-4"
|
|
7205
|
-
}), (_props_texts_continueWithGithub = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.continueWithGithub) !== null && _props_texts_continueWithGithub !== void 0 ? _props_texts_continueWithGithub : "Continue With Github"), props.viaTwitter && /* @__PURE__ */
|
|
7283
|
+
}), (_props_texts_continueWithGithub = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.continueWithGithub) !== null && _props_texts_continueWithGithub !== void 0 ? _props_texts_continueWithGithub : "Continue With Github"), props.viaTwitter && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7206
7284
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7207
7285
|
variant: "outline",
|
|
7208
7286
|
onClick: props.handleTwitter
|
|
7209
|
-
}, /* @__PURE__ */
|
|
7287
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.twitter, {
|
|
7210
7288
|
className: "hawa-h-4 hawa-w-4"
|
|
7211
|
-
}), (_props_texts_continueWithTwitter = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.continueWithTwitter) !== null && _props_texts_continueWithTwitter !== void 0 ? _props_texts_continueWithTwitter : "Continue With Twitter"), props.viaApple && /* @__PURE__ */
|
|
7289
|
+
}), (_props_texts_continueWithTwitter = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.continueWithTwitter) !== null && _props_texts_continueWithTwitter !== void 0 ? _props_texts_continueWithTwitter : "Continue With Twitter"), props.viaApple && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7212
7290
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7213
7291
|
variant: "outline",
|
|
7214
7292
|
onClick: props.handleApple
|
|
7215
|
-
}, /* @__PURE__ */
|
|
7293
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.apple, {
|
|
7216
7294
|
className: "hawa-h-4 hawa-w-4"
|
|
7217
|
-
}), (_props_texts_continueWithApple = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.continueWithApple) !== null && _props_texts_continueWithApple !== void 0 ? _props_texts_continueWithApple : "Continue With Apple"), props.viaMicrosoft && /* @__PURE__ */
|
|
7295
|
+
}), (_props_texts_continueWithApple = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.continueWithApple) !== null && _props_texts_continueWithApple !== void 0 ? _props_texts_continueWithApple : "Continue With Apple"), props.viaMicrosoft && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7218
7296
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7219
7297
|
variant: "outline",
|
|
7220
7298
|
onClick: props.handleMicrosoft
|
|
7221
|
-
}, /* @__PURE__ */
|
|
7299
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.microsoft, {
|
|
7222
7300
|
className: "hawa-h-4 hawa-w-4"
|
|
7223
|
-
}), (_props_texts_continueWithMicrosoft = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.continueWithMicrosoft) !== null && _props_texts_continueWithMicrosoft !== void 0 ? _props_texts_continueWithMicrosoft : "Continue With Microsoft"), props.viaEmail && /* @__PURE__ */
|
|
7301
|
+
}), (_props_texts_continueWithMicrosoft = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.continueWithMicrosoft) !== null && _props_texts_continueWithMicrosoft !== void 0 ? _props_texts_continueWithMicrosoft : "Continue With Microsoft"), props.viaEmail && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7224
7302
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7225
7303
|
variant: "outline",
|
|
7226
7304
|
onClick: props.handleEmail
|
|
7227
|
-
}, /* @__PURE__ */
|
|
7305
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.mail, {
|
|
7228
7306
|
className: "hawa-h-4 hawa-w-4"
|
|
7229
|
-
}), (_props_texts_continueWithEmail = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.continueWithEmail) !== null && _props_texts_continueWithEmail !== void 0 ? _props_texts_continueWithEmail : "Continue With Email"), props.viaPhone && /* @__PURE__ */
|
|
7307
|
+
}), (_props_texts_continueWithEmail = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.continueWithEmail) !== null && _props_texts_continueWithEmail !== void 0 ? _props_texts_continueWithEmail : "Continue With Email"), props.viaPhone && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7230
7308
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7231
7309
|
variant: "outline",
|
|
7232
7310
|
onClick: props.handlePhone
|
|
7233
|
-
}, /* @__PURE__ */
|
|
7311
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.phone, {
|
|
7234
7312
|
className: "hawa-h-4 hawa-w-4"
|
|
7235
7313
|
}), (_props_texts_continueWithPhone = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.continueWithPhone) !== null && _props_texts_continueWithPhone !== void 0 ? _props_texts_continueWithPhone : "Continue With Phone"));
|
|
7236
7314
|
};
|
|
@@ -7322,26 +7400,26 @@ var LoginForm = function(_param) {
|
|
|
7322
7400
|
var renderFields = function() {
|
|
7323
7401
|
switch(loginType){
|
|
7324
7402
|
case "email":
|
|
7325
|
-
return /* @__PURE__ */
|
|
7403
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7326
7404
|
control: control,
|
|
7327
7405
|
name: "email",
|
|
7328
7406
|
render: function(param) {
|
|
7329
7407
|
var field = param.field;
|
|
7330
7408
|
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7331
|
-
return /* @__PURE__ */
|
|
7409
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7332
7410
|
width: "full",
|
|
7333
7411
|
label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
|
|
7334
7412
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
7335
7413
|
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.placeholder) || "contact@sikka.io"
|
|
7336
7414
|
}, field));
|
|
7337
7415
|
}
|
|
7338
|
-
}), /* @__PURE__ */
|
|
7416
|
+
}), /* @__PURE__ */ import_react41.default.createElement("div", null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7339
7417
|
control: control,
|
|
7340
7418
|
name: "password",
|
|
7341
7419
|
render: function(param) {
|
|
7342
7420
|
var field = param.field;
|
|
7343
7421
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7344
|
-
return /* @__PURE__ */
|
|
7422
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7345
7423
|
width: "full",
|
|
7346
7424
|
autoComplete: "current-password",
|
|
7347
7425
|
type: "password",
|
|
@@ -7350,18 +7428,18 @@ var LoginForm = function(_param) {
|
|
|
7350
7428
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7351
7429
|
}, field));
|
|
7352
7430
|
}
|
|
7353
|
-
}), !props.withoutResetPassword && /* @__PURE__ */
|
|
7431
|
+
}), !props.withoutResetPassword && /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7354
7432
|
onClick: props.onForgotPassword,
|
|
7355
7433
|
className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
|
|
7356
7434
|
}, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
|
|
7357
7435
|
case "username":
|
|
7358
|
-
return /* @__PURE__ */
|
|
7436
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7359
7437
|
control: control,
|
|
7360
7438
|
name: "username",
|
|
7361
7439
|
render: function(param) {
|
|
7362
7440
|
var field = param.field;
|
|
7363
7441
|
var _texts_username, _formState_errors_username, _texts_username1;
|
|
7364
|
-
return /* @__PURE__ */
|
|
7442
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7365
7443
|
width: "full",
|
|
7366
7444
|
autoComplete: "username",
|
|
7367
7445
|
label: (texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label) || "Username",
|
|
@@ -7369,13 +7447,13 @@ var LoginForm = function(_param) {
|
|
|
7369
7447
|
placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_username1 = texts.username) === null || _texts_username1 === void 0 ? void 0 : _texts_username1.placeholder) || "sikka_sa"
|
|
7370
7448
|
}, field));
|
|
7371
7449
|
}
|
|
7372
|
-
}), /* @__PURE__ */
|
|
7450
|
+
}), /* @__PURE__ */ import_react41.default.createElement("div", null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7373
7451
|
control: control,
|
|
7374
7452
|
name: "password",
|
|
7375
7453
|
render: function(param) {
|
|
7376
7454
|
var field = param.field;
|
|
7377
7455
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7378
|
-
return /* @__PURE__ */
|
|
7456
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7379
7457
|
width: "full",
|
|
7380
7458
|
autoComplete: "current-password",
|
|
7381
7459
|
type: "password",
|
|
@@ -7384,18 +7462,18 @@ var LoginForm = function(_param) {
|
|
|
7384
7462
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7385
7463
|
}, field));
|
|
7386
7464
|
}
|
|
7387
|
-
}), !props.withoutResetPassword && /* @__PURE__ */
|
|
7465
|
+
}), !props.withoutResetPassword && /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7388
7466
|
onClick: props.onForgotPassword,
|
|
7389
7467
|
className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
|
|
7390
7468
|
}, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
|
|
7391
7469
|
case "phone":
|
|
7392
|
-
return /* @__PURE__ */
|
|
7470
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7393
7471
|
control: control,
|
|
7394
7472
|
name: "phone",
|
|
7395
7473
|
render: function(param) {
|
|
7396
7474
|
var field = param.field;
|
|
7397
7475
|
var _texts_phone, _formState_errors_phone;
|
|
7398
|
-
return /* @__PURE__ */
|
|
7476
|
+
return /* @__PURE__ */ import_react41.default.createElement(PhoneInput, {
|
|
7399
7477
|
label: texts === null || texts === void 0 ? void 0 : (_texts_phone = texts.phone) === null || _texts_phone === void 0 ? void 0 : _texts_phone.label,
|
|
7400
7478
|
helperText: (_formState_errors_phone = formState.errors.phone) === null || _formState_errors_phone === void 0 ? void 0 : _formState_errors_phone.message,
|
|
7401
7479
|
preferredCountry: {
|
|
@@ -7408,13 +7486,13 @@ var LoginForm = function(_param) {
|
|
|
7408
7486
|
}
|
|
7409
7487
|
}));
|
|
7410
7488
|
case "link":
|
|
7411
|
-
return /* @__PURE__ */
|
|
7489
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7412
7490
|
control: control,
|
|
7413
7491
|
name: "email",
|
|
7414
7492
|
render: function(param) {
|
|
7415
7493
|
var field = param.field;
|
|
7416
7494
|
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7417
|
-
return /* @__PURE__ */
|
|
7495
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7418
7496
|
width: "full",
|
|
7419
7497
|
autoComplete: "email",
|
|
7420
7498
|
label: (texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label) || "Email",
|
|
@@ -7427,17 +7505,17 @@ var LoginForm = function(_param) {
|
|
|
7427
7505
|
break;
|
|
7428
7506
|
}
|
|
7429
7507
|
};
|
|
7430
|
-
return /* @__PURE__ */
|
|
7508
|
+
return /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7431
7509
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7432
|
-
}, /* @__PURE__ */
|
|
7510
|
+
}, /* @__PURE__ */ import_react41.default.createElement(Card, {
|
|
7433
7511
|
dir: props.direction
|
|
7434
|
-
}, /* @__PURE__ */
|
|
7512
|
+
}, /* @__PURE__ */ import_react41.default.createElement(CardContent, {
|
|
7435
7513
|
headless: true
|
|
7436
|
-
}, props.showError && /* @__PURE__ */
|
|
7514
|
+
}, props.showError && /* @__PURE__ */ import_react41.default.createElement(Alert, {
|
|
7437
7515
|
title: props.errorTitle,
|
|
7438
7516
|
text: props.errorText,
|
|
7439
7517
|
severity: "error"
|
|
7440
|
-
}), /* @__PURE__ */
|
|
7518
|
+
}), /* @__PURE__ */ import_react41.default.createElement("form", {
|
|
7441
7519
|
noValidate: true,
|
|
7442
7520
|
className: "hawa-flex hawa-flex-col hawa-gap-4",
|
|
7443
7521
|
onSubmit: handleSubmit(function(e) {
|
|
@@ -7447,18 +7525,18 @@ var LoginForm = function(_param) {
|
|
|
7447
7525
|
console.log("Form is submitted but onLogin prop is missing");
|
|
7448
7526
|
}
|
|
7449
7527
|
})
|
|
7450
|
-
}, renderFields(), /* @__PURE__ */
|
|
7528
|
+
}, renderFields(), /* @__PURE__ */ import_react41.default.createElement(Button, {
|
|
7451
7529
|
className: "hawa-mt-0 hawa-w-full",
|
|
7452
7530
|
type: "submit",
|
|
7453
7531
|
isLoading: props.isLoading
|
|
7454
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login"), props.additionalButtons, props.allowRegister && /* @__PURE__ */
|
|
7532
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login"), props.additionalButtons, props.allowRegister && /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7455
7533
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300"
|
|
7456
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */
|
|
7534
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react41.default.createElement("span", {
|
|
7457
7535
|
onClick: props.onRouteToRegister,
|
|
7458
7536
|
className: "clickable-link"
|
|
7459
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.createAccount) || "Create Account")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
7537
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.createAccount) || "Create Account")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react41.default.createElement(CardFooter, {
|
|
7460
7538
|
className: cn(props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2")
|
|
7461
|
-
}, /* @__PURE__ */
|
|
7539
|
+
}, /* @__PURE__ */ import_react41.default.createElement(AuthButtons, {
|
|
7462
7540
|
texts: thirdPartyAuthTexts,
|
|
7463
7541
|
viaGoogle: props.viaGoogle,
|
|
7464
7542
|
viaGithub: props.viaGithub,
|
|
@@ -7466,7 +7544,7 @@ var LoginForm = function(_param) {
|
|
|
7466
7544
|
handleGoogle: props.onGoogleLogin,
|
|
7467
7545
|
handleGithub: props.onGithubLogin,
|
|
7468
7546
|
handleTwitter: props.onTwitterLogin
|
|
7469
|
-
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7547
|
+
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react41.default.createElement(InterfaceSettings, {
|
|
7470
7548
|
currentColorMode: props.currentColorMode,
|
|
7471
7549
|
currentLanguage: props.currentLanguage,
|
|
7472
7550
|
handleColorMode: props.handleColorMode,
|
|
@@ -7474,7 +7552,7 @@ var LoginForm = function(_param) {
|
|
|
7474
7552
|
}));
|
|
7475
7553
|
};
|
|
7476
7554
|
// components/blocks/auth/RegisterForm.tsx
|
|
7477
|
-
var
|
|
7555
|
+
var import_react42 = __toESM(require("react"));
|
|
7478
7556
|
var import_react_hook_form2 = require("react-hook-form");
|
|
7479
7557
|
var import_zod2 = require("@hookform/resolvers/zod");
|
|
7480
7558
|
var z2 = __toESM(require("zod"));
|
|
@@ -7562,17 +7640,17 @@ var RegisterForm = function(_param) {
|
|
|
7562
7640
|
var _ref = (0, import_react_hook_form2.useForm)({
|
|
7563
7641
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
|
7564
7642
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7565
|
-
return /* @__PURE__ */
|
|
7643
|
+
return /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7566
7644
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7567
|
-
}, /* @__PURE__ */
|
|
7645
|
+
}, /* @__PURE__ */ import_react42.default.createElement(Card, {
|
|
7568
7646
|
dir: props.direction
|
|
7569
|
-
}, /* @__PURE__ */
|
|
7647
|
+
}, /* @__PURE__ */ import_react42.default.createElement(CardContent, {
|
|
7570
7648
|
headless: true
|
|
7571
|
-
}, /* @__PURE__ */
|
|
7649
|
+
}, /* @__PURE__ */ import_react42.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
|
|
7572
7650
|
title: props.errorTitle,
|
|
7573
7651
|
text: props.errorText,
|
|
7574
7652
|
severity: "error"
|
|
7575
|
-
}), /* @__PURE__ */
|
|
7653
|
+
}), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react42.default.createElement("form", {
|
|
7576
7654
|
noValidate: true,
|
|
7577
7655
|
onSubmit: handleSubmit(function(e) {
|
|
7578
7656
|
if (props.onRegister) {
|
|
@@ -7582,18 +7660,18 @@ var RegisterForm = function(_param) {
|
|
|
7582
7660
|
}
|
|
7583
7661
|
}),
|
|
7584
7662
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7585
|
-
}, /* @__PURE__ */
|
|
7663
|
+
}, /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7586
7664
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7587
7665
|
}, props.registerFields.map(function(fld, i) {
|
|
7588
7666
|
if (fld === "fullname") {
|
|
7589
|
-
return /* @__PURE__ */
|
|
7667
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7590
7668
|
key: i,
|
|
7591
7669
|
control: control,
|
|
7592
7670
|
name: "fullName",
|
|
7593
7671
|
render: function(param) {
|
|
7594
7672
|
var field = param.field;
|
|
7595
7673
|
var _texts_fullName, _texts_fullName1, _formState_errors_fullName;
|
|
7596
|
-
return /* @__PURE__ */
|
|
7674
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7597
7675
|
width: "full",
|
|
7598
7676
|
label: texts === null || texts === void 0 ? void 0 : (_texts_fullName = texts.fullName) === null || _texts_fullName === void 0 ? void 0 : _texts_fullName.label,
|
|
7599
7677
|
placeholder: texts === null || texts === void 0 ? void 0 : (_texts_fullName1 = texts.fullName) === null || _texts_fullName1 === void 0 ? void 0 : _texts_fullName1.placeholder,
|
|
@@ -7603,14 +7681,14 @@ var RegisterForm = function(_param) {
|
|
|
7603
7681
|
});
|
|
7604
7682
|
}
|
|
7605
7683
|
if (fld === "email") {
|
|
7606
|
-
return /* @__PURE__ */
|
|
7684
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7607
7685
|
key: i,
|
|
7608
7686
|
control: control,
|
|
7609
7687
|
name: "email",
|
|
7610
7688
|
render: function(param) {
|
|
7611
7689
|
var field = param.field;
|
|
7612
7690
|
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7613
|
-
return /* @__PURE__ */
|
|
7691
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7614
7692
|
width: "full",
|
|
7615
7693
|
autoComplete: "email",
|
|
7616
7694
|
label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
|
|
@@ -7621,14 +7699,14 @@ var RegisterForm = function(_param) {
|
|
|
7621
7699
|
});
|
|
7622
7700
|
}
|
|
7623
7701
|
if (fld === "username") {
|
|
7624
|
-
return /* @__PURE__ */
|
|
7702
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7625
7703
|
key: i,
|
|
7626
7704
|
control: control,
|
|
7627
7705
|
name: "username",
|
|
7628
7706
|
render: function(param) {
|
|
7629
7707
|
var field = param.field;
|
|
7630
7708
|
var _texts_username, _formState_errors_username, _texts_username1;
|
|
7631
|
-
return /* @__PURE__ */
|
|
7709
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7632
7710
|
width: "full",
|
|
7633
7711
|
autoComplete: "username",
|
|
7634
7712
|
label: texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label,
|
|
@@ -7638,13 +7716,13 @@ var RegisterForm = function(_param) {
|
|
|
7638
7716
|
}
|
|
7639
7717
|
});
|
|
7640
7718
|
}
|
|
7641
|
-
})), /* @__PURE__ */
|
|
7719
|
+
})), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7642
7720
|
control: control,
|
|
7643
7721
|
name: "password",
|
|
7644
7722
|
render: function(param) {
|
|
7645
7723
|
var field = param.field;
|
|
7646
7724
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7647
|
-
return /* @__PURE__ */
|
|
7725
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7648
7726
|
width: "full",
|
|
7649
7727
|
type: "password",
|
|
7650
7728
|
autoComplete: "new-password",
|
|
@@ -7653,13 +7731,13 @@ var RegisterForm = function(_param) {
|
|
|
7653
7731
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7654
7732
|
}, field));
|
|
7655
7733
|
}
|
|
7656
|
-
}), /* @__PURE__ */
|
|
7734
|
+
}), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7657
7735
|
control: control,
|
|
7658
7736
|
name: "confirm_password",
|
|
7659
7737
|
render: function(param) {
|
|
7660
7738
|
var field = param.field;
|
|
7661
7739
|
var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
|
|
7662
|
-
return /* @__PURE__ */
|
|
7740
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7663
7741
|
width: "full",
|
|
7664
7742
|
type: "password",
|
|
7665
7743
|
autoComplete: "new-password",
|
|
@@ -7668,25 +7746,25 @@ var RegisterForm = function(_param) {
|
|
|
7668
7746
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7669
7747
|
}, field));
|
|
7670
7748
|
}
|
|
7671
|
-
}), props.additionalInputs, props.showRefCode && /* @__PURE__ */
|
|
7749
|
+
}), props.additionalInputs, props.showRefCode && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7672
7750
|
control: control,
|
|
7673
7751
|
name: "refCode",
|
|
7674
7752
|
render: function(param) {
|
|
7675
7753
|
var field = param.field;
|
|
7676
7754
|
var _formState_errors_refCode;
|
|
7677
|
-
return /* @__PURE__ */
|
|
7755
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7678
7756
|
width: "full",
|
|
7679
7757
|
label: texts === null || texts === void 0 ? void 0 : texts.refCode,
|
|
7680
7758
|
placeholder: (texts === null || texts === void 0 ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
|
|
7681
7759
|
helperText: (_formState_errors_refCode = formState.errors.refCode) === null || _formState_errors_refCode === void 0 ? void 0 : _formState_errors_refCode.message
|
|
7682
7760
|
}, field));
|
|
7683
7761
|
}
|
|
7684
|
-
}), props.showUserSource && /* @__PURE__ */
|
|
7762
|
+
}), props.showUserSource && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7685
7763
|
control: control,
|
|
7686
7764
|
name: "reference",
|
|
7687
7765
|
render: function(param) {
|
|
7688
7766
|
var field = param.field;
|
|
7689
|
-
return /* @__PURE__ */
|
|
7767
|
+
return /* @__PURE__ */ import_react42.default.createElement(Select, {
|
|
7690
7768
|
label: (texts === null || texts === void 0 ? void 0 : texts.userReference.label) || "How did you learn about us?",
|
|
7691
7769
|
placeholder: texts === null || texts === void 0 ? void 0 : texts.userReference.placeholder,
|
|
7692
7770
|
isCreatable: false,
|
|
@@ -7699,50 +7777,50 @@ var RegisterForm = function(_param) {
|
|
|
7699
7777
|
}
|
|
7700
7778
|
});
|
|
7701
7779
|
}
|
|
7702
|
-
}), /* @__PURE__ */
|
|
7780
|
+
}), /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7703
7781
|
className: "hawa-flex hawa-flex-col hawa-gap-3"
|
|
7704
|
-
}, props.showTermsOption && /* @__PURE__ */
|
|
7782
|
+
}, props.showTermsOption && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7705
7783
|
control: control,
|
|
7706
7784
|
name: "terms_accepted",
|
|
7707
7785
|
render: function(param) {
|
|
7708
7786
|
var field = param.field;
|
|
7709
7787
|
var _formState_errors_terms_accepted_message, _formState_errors_terms_accepted;
|
|
7710
|
-
return /* @__PURE__ */
|
|
7788
|
+
return /* @__PURE__ */ import_react42.default.createElement(Checkbox, {
|
|
7711
7789
|
id: "terms_accepted",
|
|
7712
7790
|
helperText: (_formState_errors_terms_accepted = formState.errors.terms_accepted) === null || _formState_errors_terms_accepted === void 0 ? void 0 : (_formState_errors_terms_accepted_message = _formState_errors_terms_accepted.message) === null || _formState_errors_terms_accepted_message === void 0 ? void 0 : _formState_errors_terms_accepted_message.toString(),
|
|
7713
7791
|
onCheckedChange: function(e) {
|
|
7714
7792
|
return field.onChange(e);
|
|
7715
7793
|
},
|
|
7716
|
-
label: /* @__PURE__ */
|
|
7794
|
+
label: /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7717
7795
|
className: "hawa-flex hawa-flex-row hawa-gap-0.5"
|
|
7718
|
-
}, /* @__PURE__ */
|
|
7796
|
+
}, /* @__PURE__ */ import_react42.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.iAcceptText), " ", /* @__PURE__ */ import_react42.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react42.default.createElement("a", {
|
|
7719
7797
|
onClick: props.onRouteToTOS,
|
|
7720
7798
|
className: "clickable-link"
|
|
7721
7799
|
}, texts === null || texts === void 0 ? void 0 : texts.termsText)))
|
|
7722
7800
|
});
|
|
7723
7801
|
}
|
|
7724
|
-
}), props.showNewsletterOption && /* @__PURE__ */
|
|
7802
|
+
}), props.showNewsletterOption && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7725
7803
|
control: control,
|
|
7726
7804
|
name: "newsletter_accepted",
|
|
7727
7805
|
render: function(param) {
|
|
7728
7806
|
var field = param.field;
|
|
7729
|
-
return /* @__PURE__ */
|
|
7807
|
+
return /* @__PURE__ */ import_react42.default.createElement(Checkbox, {
|
|
7730
7808
|
id: "newsletter_accepted",
|
|
7731
7809
|
label: texts === null || texts === void 0 ? void 0 : texts.subscribeToNewsletter,
|
|
7732
7810
|
onCheckedChange: field.onChange
|
|
7733
7811
|
});
|
|
7734
7812
|
}
|
|
7735
|
-
})), /* @__PURE__ */
|
|
7813
|
+
})), /* @__PURE__ */ import_react42.default.createElement(Button, {
|
|
7736
7814
|
isLoading: props.isLoading,
|
|
7737
7815
|
className: "hawa-w-full hawa-mt-4"
|
|
7738
|
-
}, texts === null || texts === void 0 ? void 0 : texts.registerText), props.additionalButtons)), /* @__PURE__ */
|
|
7816
|
+
}, texts === null || texts === void 0 ? void 0 : texts.registerText), props.additionalButtons)), /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7739
7817
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white"
|
|
7740
|
-
}, /* @__PURE__ */
|
|
7818
|
+
}, /* @__PURE__ */ import_react42.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react42.default.createElement("span", {
|
|
7741
7819
|
onClick: props.onRouteToLogin,
|
|
7742
7820
|
className: "clickable-link"
|
|
7743
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
7821
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react42.default.createElement(CardFooter, {
|
|
7744
7822
|
className: cn(props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2")
|
|
7745
|
-
}, /* @__PURE__ */
|
|
7823
|
+
}, /* @__PURE__ */ import_react42.default.createElement(AuthButtons, {
|
|
7746
7824
|
texts: thirdPartyAuthTexts,
|
|
7747
7825
|
viaGoogle: props.viaGoogle,
|
|
7748
7826
|
viaGithub: props.viaGithub,
|
|
@@ -7750,7 +7828,7 @@ var RegisterForm = function(_param) {
|
|
|
7750
7828
|
handleGoogle: props.onGoogleRegister,
|
|
7751
7829
|
handleGithub: props.onGithubRegister,
|
|
7752
7830
|
handleTwitter: props.onTwitterRegister
|
|
7753
|
-
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7831
|
+
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react42.default.createElement(InterfaceSettings, {
|
|
7754
7832
|
currentColorMode: props.currentColorMode,
|
|
7755
7833
|
currentLanguage: props.currentLanguage,
|
|
7756
7834
|
handleColorMode: props.handleColorMode,
|
|
@@ -7758,7 +7836,7 @@ var RegisterForm = function(_param) {
|
|
|
7758
7836
|
}));
|
|
7759
7837
|
};
|
|
7760
7838
|
// components/blocks/auth/AppLanding.tsx
|
|
7761
|
-
var
|
|
7839
|
+
var import_react43 = __toESM(require("react"));
|
|
7762
7840
|
var AppLanding = function(_param) {
|
|
7763
7841
|
var texts = _param.texts, props = _object_without_properties(_param, [
|
|
7764
7842
|
"texts"
|
|
@@ -7772,12 +7850,12 @@ var AppLanding = function(_param) {
|
|
|
7772
7850
|
continueWithEmail: texts === null || texts === void 0 ? void 0 : texts.continueWithEmail,
|
|
7773
7851
|
continueWithPhone: texts === null || texts === void 0 ? void 0 : texts.continueWithPhone
|
|
7774
7852
|
};
|
|
7775
|
-
return /* @__PURE__ */
|
|
7853
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7776
7854
|
dir: props.direction
|
|
7777
|
-
}, /* @__PURE__ */
|
|
7855
|
+
}, /* @__PURE__ */ import_react43.default.createElement(Card, null, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
|
|
7778
7856
|
headless: true,
|
|
7779
7857
|
className: "hawa-flex hawa-flex-col hawa-gap-6"
|
|
7780
|
-
}, /* @__PURE__ */
|
|
7858
|
+
}, /* @__PURE__ */ import_react43.default.createElement(AuthButtons, {
|
|
7781
7859
|
texts: thirdPartyAuthTexts,
|
|
7782
7860
|
viaApple: props.viaApple,
|
|
7783
7861
|
viaGoogle: props.viaGoogle,
|
|
@@ -7794,14 +7872,14 @@ var AppLanding = function(_param) {
|
|
|
7794
7872
|
handleEmail: props.handleEmail,
|
|
7795
7873
|
handlePhone: props.handlePhone
|
|
7796
7874
|
}), !props.withoutSignUp && //TODO: change to "register"
|
|
7797
|
-
/* @__PURE__ */
|
|
7875
|
+
/* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7798
7876
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300"
|
|
7799
|
-
}, texts === null || texts === void 0 ? void 0 : texts.newUserText, " ", /* @__PURE__ */
|
|
7877
|
+
}, texts === null || texts === void 0 ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react43.default.createElement("span", {
|
|
7800
7878
|
onClick: props.handleRouteToRegister,
|
|
7801
7879
|
className: "clickable-link"
|
|
7802
|
-
}, texts === null || texts === void 0 ? void 0 : texts.createAccount)))), /* @__PURE__ */
|
|
7880
|
+
}, texts === null || texts === void 0 ? void 0 : texts.createAccount)))), /* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7803
7881
|
className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between"
|
|
7804
|
-
}, /* @__PURE__ */
|
|
7882
|
+
}, /* @__PURE__ */ import_react43.default.createElement(Radio, {
|
|
7805
7883
|
onChangeTab: props.handleLanguage,
|
|
7806
7884
|
design: "tabs",
|
|
7807
7885
|
options: [
|
|
@@ -7814,20 +7892,20 @@ var AppLanding = function(_param) {
|
|
|
7814
7892
|
label: "English"
|
|
7815
7893
|
}
|
|
7816
7894
|
]
|
|
7817
|
-
}), /* @__PURE__ */
|
|
7895
|
+
}), /* @__PURE__ */ import_react43.default.createElement(Radio, {
|
|
7818
7896
|
onChangeTab: props.handleColorMode,
|
|
7819
7897
|
design: "tabs",
|
|
7820
7898
|
options: [
|
|
7821
7899
|
{
|
|
7822
7900
|
value: "light",
|
|
7823
|
-
label: /* @__PURE__ */
|
|
7901
|
+
label: /* @__PURE__ */ import_react43.default.createElement("svg", {
|
|
7824
7902
|
width: "15",
|
|
7825
7903
|
height: "15",
|
|
7826
7904
|
viewBox: "0 0 15 15",
|
|
7827
7905
|
fill: "none",
|
|
7828
7906
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7829
7907
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
|
|
7830
|
-
}, /* @__PURE__ */
|
|
7908
|
+
}, /* @__PURE__ */ import_react43.default.createElement("path", {
|
|
7831
7909
|
d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
|
|
7832
7910
|
fill: "currentColor",
|
|
7833
7911
|
fillRule: "evenodd",
|
|
@@ -7836,7 +7914,7 @@ var AppLanding = function(_param) {
|
|
|
7836
7914
|
},
|
|
7837
7915
|
{
|
|
7838
7916
|
value: "dark",
|
|
7839
|
-
label: /* @__PURE__ */
|
|
7917
|
+
label: /* @__PURE__ */ import_react43.default.createElement("svg", {
|
|
7840
7918
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7841
7919
|
width: "24",
|
|
7842
7920
|
height: "24",
|
|
@@ -7847,7 +7925,7 @@ var AppLanding = function(_param) {
|
|
|
7847
7925
|
strokeLinecap: "round",
|
|
7848
7926
|
strokeLinejoin: "round",
|
|
7849
7927
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
|
|
7850
|
-
}, /* @__PURE__ */
|
|
7928
|
+
}, /* @__PURE__ */ import_react43.default.createElement("path", {
|
|
7851
7929
|
d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
|
|
7852
7930
|
}))
|
|
7853
7931
|
}
|
|
@@ -7855,16 +7933,16 @@ var AppLanding = function(_param) {
|
|
|
7855
7933
|
})));
|
|
7856
7934
|
};
|
|
7857
7935
|
// components/blocks/auth/CheckEmail.tsx
|
|
7858
|
-
var
|
|
7936
|
+
var import_react44 = __toESM(require("react"));
|
|
7859
7937
|
var CheckEmail = function(param) {
|
|
7860
7938
|
var texts = param.texts, handleResend = param.handleResend;
|
|
7861
|
-
return /* @__PURE__ */
|
|
7939
|
+
return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, {
|
|
7862
7940
|
headless: true
|
|
7863
|
-
}, /* @__PURE__ */
|
|
7941
|
+
}, /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7864
7942
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
|
|
7865
|
-
}, /* @__PURE__ */
|
|
7943
|
+
}, /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7866
7944
|
className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground"
|
|
7867
|
-
}, /* @__PURE__ */
|
|
7945
|
+
}, /* @__PURE__ */ import_react44.default.createElement("svg", {
|
|
7868
7946
|
stroke: "currentColor",
|
|
7869
7947
|
fill: "none",
|
|
7870
7948
|
"stroke-width": "2",
|
|
@@ -7874,23 +7952,23 @@ var CheckEmail = function(param) {
|
|
|
7874
7952
|
height: "0.5em",
|
|
7875
7953
|
width: "0.5em",
|
|
7876
7954
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7877
|
-
}, /* @__PURE__ */
|
|
7955
|
+
}, /* @__PURE__ */ import_react44.default.createElement("path", {
|
|
7878
7956
|
d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
|
|
7879
|
-
}), /* @__PURE__ */
|
|
7957
|
+
}), /* @__PURE__ */ import_react44.default.createElement("polyline", {
|
|
7880
7958
|
points: "22,6 12,13 2,6"
|
|
7881
|
-
}))), /* @__PURE__ */
|
|
7959
|
+
}))), /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7882
7960
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
7883
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */
|
|
7961
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7884
7962
|
className: "hawa-text-sm"
|
|
7885
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */
|
|
7963
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react44.default.createElement(CardFooter, {
|
|
7886
7964
|
className: "hawa-flex hawa-flex-col hawa-justify-center "
|
|
7887
|
-
}, /* @__PURE__ */
|
|
7965
|
+
}, /* @__PURE__ */ import_react44.default.createElement("span", {
|
|
7888
7966
|
className: "clickable-link hawa-text-sm",
|
|
7889
7967
|
onClick: handleResend
|
|
7890
7968
|
}, (texts === null || texts === void 0 ? void 0 : texts.resendEmail) || "Resend Email")));
|
|
7891
7969
|
};
|
|
7892
7970
|
// components/blocks/auth/NewPassword.tsx
|
|
7893
|
-
var
|
|
7971
|
+
var import_react45 = __toESM(require("react"));
|
|
7894
7972
|
var import_react_hook_form3 = require("react-hook-form");
|
|
7895
7973
|
var import_zod3 = require("@hookform/resolvers/zod");
|
|
7896
7974
|
var z3 = __toESM(require("zod"));
|
|
@@ -7925,18 +8003,18 @@ var NewPasswordForm = function(_param) {
|
|
|
7925
8003
|
var _ref = (0, import_react_hook_form3.useForm)({
|
|
7926
8004
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
|
7927
8005
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7928
|
-
var _ref1 = _sliced_to_array((0,
|
|
8006
|
+
var _ref1 = _sliced_to_array((0, import_react45.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
|
|
7929
8007
|
var _texts_dontHaveAccount, _texts_registerText;
|
|
7930
|
-
return /* @__PURE__ */
|
|
8008
|
+
return /* @__PURE__ */ import_react45.default.createElement(Card, {
|
|
7931
8009
|
dir: props.direction
|
|
7932
|
-
}, matchError && /* @__PURE__ */
|
|
8010
|
+
}, matchError && /* @__PURE__ */ import_react45.default.createElement(Alert, {
|
|
7933
8011
|
text: texts === null || texts === void 0 ? void 0 : (_texts_confirm2 = texts.confirm) === null || _texts_confirm2 === void 0 ? void 0 : _texts_confirm2.dontMatch,
|
|
7934
8012
|
severity: "error"
|
|
7935
|
-
}), props.passwordChanged ? /* @__PURE__ */
|
|
8013
|
+
}), props.passwordChanged ? /* @__PURE__ */ import_react45.default.createElement(CardContent, {
|
|
7936
8014
|
headless: true
|
|
7937
|
-
}, /* @__PURE__ */
|
|
8015
|
+
}, /* @__PURE__ */ import_react45.default.createElement("div", {
|
|
7938
8016
|
className: "hawa-text-center"
|
|
7939
|
-
}, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */
|
|
8017
|
+
}, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react45.default.createElement("form", {
|
|
7940
8018
|
noValidate: true,
|
|
7941
8019
|
onSubmit: handleSubmit(function(e) {
|
|
7942
8020
|
if (props.handleNewPassword) {
|
|
@@ -7945,16 +8023,16 @@ var NewPasswordForm = function(_param) {
|
|
|
7945
8023
|
console.log("Form is submitted but handleSubmission prop is missing");
|
|
7946
8024
|
}
|
|
7947
8025
|
})
|
|
7948
|
-
}, !props.headless && /* @__PURE__ */
|
|
8026
|
+
}, !props.headless && /* @__PURE__ */ import_react45.default.createElement(CardHeader, null, /* @__PURE__ */ import_react45.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react45.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react45.default.createElement(CardContent, {
|
|
7949
8027
|
headless: props.headless,
|
|
7950
8028
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7951
|
-
}, /* @__PURE__ */
|
|
8029
|
+
}, /* @__PURE__ */ import_react45.default.createElement(import_react_hook_form3.Controller, {
|
|
7952
8030
|
control: control,
|
|
7953
8031
|
name: "password",
|
|
7954
8032
|
render: function(param) {
|
|
7955
8033
|
var field = param.field;
|
|
7956
8034
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7957
|
-
return /* @__PURE__ */
|
|
8035
|
+
return /* @__PURE__ */ import_react45.default.createElement(Input, _object_spread({
|
|
7958
8036
|
width: "full",
|
|
7959
8037
|
type: "password",
|
|
7960
8038
|
autoComplete: "new-password",
|
|
@@ -7963,13 +8041,13 @@ var NewPasswordForm = function(_param) {
|
|
|
7963
8041
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7964
8042
|
}, field));
|
|
7965
8043
|
}
|
|
7966
|
-
}), /* @__PURE__ */
|
|
8044
|
+
}), /* @__PURE__ */ import_react45.default.createElement(import_react_hook_form3.Controller, {
|
|
7967
8045
|
control: control,
|
|
7968
8046
|
name: "confirm_password",
|
|
7969
8047
|
render: function(param) {
|
|
7970
8048
|
var field = param.field;
|
|
7971
8049
|
var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
|
|
7972
|
-
return /* @__PURE__ */
|
|
8050
|
+
return /* @__PURE__ */ import_react45.default.createElement(Input, _object_spread({
|
|
7973
8051
|
width: "full",
|
|
7974
8052
|
type: "password",
|
|
7975
8053
|
autoComplete: "new-password",
|
|
@@ -7978,20 +8056,20 @@ var NewPasswordForm = function(_param) {
|
|
|
7978
8056
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7979
8057
|
}, field));
|
|
7980
8058
|
}
|
|
7981
|
-
})), /* @__PURE__ */
|
|
8059
|
+
})), /* @__PURE__ */ import_react45.default.createElement(CardFooter, {
|
|
7982
8060
|
className: "hawa-flex hawa-flex-col"
|
|
7983
|
-
}, /* @__PURE__ */
|
|
8061
|
+
}, /* @__PURE__ */ import_react45.default.createElement(Button, {
|
|
7984
8062
|
className: "hawa-w-full",
|
|
7985
8063
|
type: "submit"
|
|
7986
|
-
}, texts === null || texts === void 0 ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */
|
|
8064
|
+
}, texts === null || texts === void 0 ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react45.default.createElement("div", {
|
|
7987
8065
|
className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
|
|
7988
|
-
}, (_texts_dontHaveAccount = texts === null || texts === void 0 ? void 0 : texts.dontHaveAccount) !== null && _texts_dontHaveAccount !== void 0 ? _texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */
|
|
8066
|
+
}, (_texts_dontHaveAccount = texts === null || texts === void 0 ? void 0 : texts.dontHaveAccount) !== null && _texts_dontHaveAccount !== void 0 ? _texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react45.default.createElement("span", {
|
|
7989
8067
|
className: "clickable-link",
|
|
7990
8068
|
onClick: props.handleRouteToRegister
|
|
7991
8069
|
}, (_texts_registerText = texts === null || texts === void 0 ? void 0 : texts.registerText) !== null && _texts_registerText !== void 0 ? _texts_registerText : "Register")))));
|
|
7992
8070
|
};
|
|
7993
8071
|
// components/blocks/auth/ResetPassword.tsx
|
|
7994
|
-
var
|
|
8072
|
+
var import_react46 = __toESM(require("react"));
|
|
7995
8073
|
var import_react_hook_form4 = require("react-hook-form");
|
|
7996
8074
|
var import_zod4 = require("@hookform/resolvers/zod");
|
|
7997
8075
|
var z4 = __toESM(require("zod"));
|
|
@@ -8010,9 +8088,9 @@ var ResetPasswordForm = function(props) {
|
|
|
8010
8088
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
|
8011
8089
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
8012
8090
|
var _props_texts_dontHaveAccount, _props_texts_registerText;
|
|
8013
|
-
return /* @__PURE__ */
|
|
8091
|
+
return /* @__PURE__ */ import_react46.default.createElement(Card, {
|
|
8014
8092
|
dir: props.direction
|
|
8015
|
-
}, !props.sent ? /* @__PURE__ */
|
|
8093
|
+
}, !props.sent ? /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react46.default.createElement(CardHeader, null, /* @__PURE__ */ import_react46.default.createElement(CardTitle, null, " ", ((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.headTitle) || "Reset Password"), /* @__PURE__ */ import_react46.default.createElement(CardDescription, null, ((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react46.default.createElement("form", {
|
|
8016
8094
|
noValidate: true,
|
|
8017
8095
|
onSubmit: handleSubmit(function(e) {
|
|
8018
8096
|
if (props.handleResetPassword) {
|
|
@@ -8021,39 +8099,39 @@ var ResetPasswordForm = function(props) {
|
|
|
8021
8099
|
console.log("handleResetPassword prop is missing");
|
|
8022
8100
|
}
|
|
8023
8101
|
})
|
|
8024
|
-
}, /* @__PURE__ */
|
|
8102
|
+
}, /* @__PURE__ */ import_react46.default.createElement(CardContent, {
|
|
8025
8103
|
headless: props.headless
|
|
8026
|
-
}, /* @__PURE__ */
|
|
8104
|
+
}, /* @__PURE__ */ import_react46.default.createElement(import_react_hook_form4.Controller, {
|
|
8027
8105
|
control: control,
|
|
8028
8106
|
name: "email",
|
|
8029
8107
|
render: function(param) {
|
|
8030
8108
|
var field = param.field;
|
|
8031
8109
|
var _props_texts_email, _props_texts, _formState_errors_email, _props_texts_email1, _props_texts1;
|
|
8032
|
-
return /* @__PURE__ */
|
|
8110
|
+
return /* @__PURE__ */ import_react46.default.createElement(Input, _object_spread({
|
|
8033
8111
|
width: "full",
|
|
8034
8112
|
label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : (_props_texts_email = _props_texts.email) === null || _props_texts_email === void 0 ? void 0 : _props_texts_email.label,
|
|
8035
8113
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
8036
8114
|
placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : (_props_texts_email1 = _props_texts1.email) === null || _props_texts_email1 === void 0 ? void 0 : _props_texts_email1.placeholder
|
|
8037
8115
|
}, field));
|
|
8038
8116
|
}
|
|
8039
|
-
})), /* @__PURE__ */
|
|
8117
|
+
})), /* @__PURE__ */ import_react46.default.createElement(CardFooter, {
|
|
8040
8118
|
className: "hawa-flex hawa-flex-col"
|
|
8041
|
-
}, /* @__PURE__ */
|
|
8119
|
+
}, /* @__PURE__ */ import_react46.default.createElement(Button, {
|
|
8042
8120
|
type: "submit",
|
|
8043
8121
|
className: "hawa-w-full"
|
|
8044
|
-
}, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword), props.allowRegister && /* @__PURE__ */
|
|
8122
|
+
}, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword), props.allowRegister && /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
8045
8123
|
className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
|
|
8046
|
-
}, (_props_texts_dontHaveAccount = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */
|
|
8124
|
+
}, (_props_texts_dontHaveAccount = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react46.default.createElement("span", {
|
|
8047
8125
|
className: "clickable-link",
|
|
8048
8126
|
onClick: props.handleRouteToRegister
|
|
8049
|
-
}, (_props_texts_registerText = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))))) : /* @__PURE__ */
|
|
8127
|
+
}, (_props_texts_registerText = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))))) : /* @__PURE__ */ import_react46.default.createElement(CardContent, {
|
|
8050
8128
|
headless: true
|
|
8051
|
-
}, /* @__PURE__ */
|
|
8129
|
+
}, /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
8052
8130
|
className: "hawa-text-center"
|
|
8053
8131
|
}, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.emailSentText)));
|
|
8054
8132
|
};
|
|
8055
8133
|
// components/blocks/auth/CodeConfirmation.tsx
|
|
8056
|
-
var
|
|
8134
|
+
var import_react47 = __toESM(require("react"));
|
|
8057
8135
|
var import_react_hook_form5 = require("react-hook-form");
|
|
8058
8136
|
var import_zod5 = require("@hookform/resolvers/zod");
|
|
8059
8137
|
var z5 = __toESM(require("zod"));
|
|
@@ -8070,19 +8148,19 @@ var CodeConfirmation = function(props) {
|
|
|
8070
8148
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
|
8071
8149
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState, setValue = _ref.setValue;
|
|
8072
8150
|
var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
|
|
8073
|
-
return /* @__PURE__ */
|
|
8151
|
+
return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(CardContent, {
|
|
8074
8152
|
headless: true
|
|
8075
|
-
}, props.showError && /* @__PURE__ */
|
|
8153
|
+
}, props.showError && /* @__PURE__ */ import_react47.default.createElement(Alert, {
|
|
8076
8154
|
title: props.errorTitle,
|
|
8077
8155
|
text: props.errorText,
|
|
8078
8156
|
severity: "error"
|
|
8079
|
-
}), /* @__PURE__ */
|
|
8157
|
+
}), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8080
8158
|
className: "hawa-mb-4 dark:hawa-text-white"
|
|
8081
|
-
}, /* @__PURE__ */
|
|
8159
|
+
}, /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8082
8160
|
className: "hawa-text-lg hawa-font-bold"
|
|
8083
|
-
}, (_props_texts_checkYourPhone = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */
|
|
8161
|
+
}, (_props_texts_checkYourPhone = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8084
8162
|
className: "hawa-text-muted-foreground"
|
|
8085
|
-
}, /* @__PURE__ */
|
|
8163
|
+
}, /* @__PURE__ */ import_react47.default.createElement("span", null, (_props_texts_weSentCode = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react47.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react47.default.createElement("form", {
|
|
8086
8164
|
noValidate: true,
|
|
8087
8165
|
onSubmit: handleSubmit(function(e) {
|
|
8088
8166
|
if (props.handleConfirm) {
|
|
@@ -8091,13 +8169,13 @@ var CodeConfirmation = function(props) {
|
|
|
8091
8169
|
console.log("Form is submitted but handleConfirm prop is missing");
|
|
8092
8170
|
}
|
|
8093
8171
|
})
|
|
8094
|
-
}, /* @__PURE__ */
|
|
8172
|
+
}, /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form5.Controller, {
|
|
8095
8173
|
control: control,
|
|
8096
8174
|
name: "otp_code",
|
|
8097
8175
|
render: function(param) {
|
|
8098
8176
|
var field = param.field;
|
|
8099
8177
|
var _formState_errors_otp_code;
|
|
8100
|
-
return /* @__PURE__ */
|
|
8178
|
+
return /* @__PURE__ */ import_react47.default.createElement(PinInput, {
|
|
8101
8179
|
width: "full",
|
|
8102
8180
|
digits: 6,
|
|
8103
8181
|
getPins: function(e) {
|
|
@@ -8106,18 +8184,18 @@ var CodeConfirmation = function(props) {
|
|
|
8106
8184
|
helperText: (_formState_errors_otp_code = formState.errors.otp_code) === null || _formState_errors_otp_code === void 0 ? void 0 : _formState_errors_otp_code.message
|
|
8107
8185
|
});
|
|
8108
8186
|
}
|
|
8109
|
-
}), /* @__PURE__ */
|
|
8187
|
+
}), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8110
8188
|
className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground"
|
|
8111
|
-
}, /* @__PURE__ */
|
|
8189
|
+
}, /* @__PURE__ */ import_react47.default.createElement("span", null, (_props_texts_didntGetCode = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react47.default.createElement("span", {
|
|
8112
8190
|
className: "clickable-link"
|
|
8113
|
-
}, (_props_texts_resendCode = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */
|
|
8191
|
+
}, (_props_texts_resendCode = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8114
8192
|
className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2"
|
|
8115
|
-
}, /* @__PURE__ */
|
|
8193
|
+
}, /* @__PURE__ */ import_react47.default.createElement(Button, {
|
|
8116
8194
|
variant: "secondary"
|
|
8117
|
-
}, (_props_texts_cancel = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */
|
|
8195
|
+
}, (_props_texts_cancel = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react47.default.createElement(Button, null, (_props_texts_confirm = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
|
|
8118
8196
|
};
|
|
8119
8197
|
// components/blocks/feedback/UserReferralSource.tsx
|
|
8120
|
-
var
|
|
8198
|
+
var import_react48 = __toESM(require("react"));
|
|
8121
8199
|
var import_react_hook_form6 = require("react-hook-form");
|
|
8122
8200
|
var import_zod6 = require("@hookform/resolvers/zod");
|
|
8123
8201
|
var z6 = __toESM(require("zod"));
|
|
@@ -8127,8 +8205,8 @@ var UserReferralSource = function(_param) {
|
|
|
8127
8205
|
"options"
|
|
8128
8206
|
]);
|
|
8129
8207
|
var _props_texts, _props_texts1;
|
|
8130
|
-
var _ref = _sliced_to_array((0,
|
|
8131
|
-
var popUpRef = (0,
|
|
8208
|
+
var _ref = _sliced_to_array((0, import_react48.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
|
|
8209
|
+
var popUpRef = (0, import_react48.useRef)(null);
|
|
8132
8210
|
var formSchema = z6.object({
|
|
8133
8211
|
source: z6.string({
|
|
8134
8212
|
required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.pleaseSelectOption
|
|
@@ -8142,13 +8220,13 @@ var UserReferralSource = function(_param) {
|
|
|
8142
8220
|
"bottom-right": "hawa-right-4",
|
|
8143
8221
|
"bottom-left": "hawa-left-4"
|
|
8144
8222
|
};
|
|
8145
|
-
return /* @__PURE__ */
|
|
8223
|
+
return /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8146
8224
|
className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
|
|
8147
8225
|
ref: popUpRef
|
|
8148
|
-
}, /* @__PURE__ */
|
|
8226
|
+
}, /* @__PURE__ */ import_react48.default.createElement(Card, {
|
|
8149
8227
|
className: cn("hawa-fixed hawa-bottom-4 hawa-p-0 ", boxPosition[position]),
|
|
8150
8228
|
dir: props.direction
|
|
8151
|
-
}, /* @__PURE__ */
|
|
8229
|
+
}, /* @__PURE__ */ import_react48.default.createElement("button", {
|
|
8152
8230
|
type: "button",
|
|
8153
8231
|
className: cn(props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2", "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"),
|
|
8154
8232
|
"data-dismiss-target": "#toast-default",
|
|
@@ -8161,18 +8239,18 @@ var UserReferralSource = function(_param) {
|
|
|
8161
8239
|
}
|
|
8162
8240
|
}, 200);
|
|
8163
8241
|
}
|
|
8164
|
-
}, /* @__PURE__ */
|
|
8242
|
+
}, /* @__PURE__ */ import_react48.default.createElement("svg", {
|
|
8165
8243
|
"aria-hidden": "true",
|
|
8166
8244
|
className: "hawa-h-5 hawa-w-5",
|
|
8167
8245
|
fill: "currentColor",
|
|
8168
8246
|
viewBox: "0 0 20 20"
|
|
8169
|
-
}, /* @__PURE__ */
|
|
8247
|
+
}, /* @__PURE__ */ import_react48.default.createElement("path", {
|
|
8170
8248
|
fillRule: "evenodd",
|
|
8171
8249
|
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
8172
8250
|
clipRule: "evenodd"
|
|
8173
|
-
}))), /* @__PURE__ */
|
|
8251
|
+
}))), /* @__PURE__ */ import_react48.default.createElement(CardContent, {
|
|
8174
8252
|
headless: true
|
|
8175
|
-
}, /* @__PURE__ */
|
|
8253
|
+
}, /* @__PURE__ */ import_react48.default.createElement("form", {
|
|
8176
8254
|
noValidate: true,
|
|
8177
8255
|
onSubmit: handleSubmit(function(e) {
|
|
8178
8256
|
if (props.onSubmitForm) {
|
|
@@ -8180,19 +8258,19 @@ var UserReferralSource = function(_param) {
|
|
|
8180
8258
|
}
|
|
8181
8259
|
console.log("onSubmitForm was not provided");
|
|
8182
8260
|
})
|
|
8183
|
-
}, /* @__PURE__ */
|
|
8261
|
+
}, /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8184
8262
|
className: cn("hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100")
|
|
8185
|
-
}, /* @__PURE__ */
|
|
8263
|
+
}, /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8186
8264
|
className: "hawa-mt-4 hawa-font-bold"
|
|
8187
|
-
}, props.question), /* @__PURE__ */
|
|
8265
|
+
}, props.question), /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8188
8266
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded "
|
|
8189
|
-
}, /* @__PURE__ */
|
|
8267
|
+
}, /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form6.Controller, {
|
|
8190
8268
|
control: control,
|
|
8191
8269
|
name: "source",
|
|
8192
8270
|
render: function(param) {
|
|
8193
8271
|
var field = param.field;
|
|
8194
8272
|
var _formState_errors_source_message, _formState_errors_source;
|
|
8195
|
-
return /* @__PURE__ */
|
|
8273
|
+
return /* @__PURE__ */ import_react48.default.createElement(Radio, {
|
|
8196
8274
|
direction: props.direction,
|
|
8197
8275
|
orientation: "vertical",
|
|
8198
8276
|
options: options,
|
|
@@ -8203,38 +8281,38 @@ var UserReferralSource = function(_param) {
|
|
|
8203
8281
|
helperText: (_formState_errors_source = formState.errors.source) === null || _formState_errors_source === void 0 ? void 0 : (_formState_errors_source_message = _formState_errors_source.message) === null || _formState_errors_source_message === void 0 ? void 0 : _formState_errors_source_message.toString()
|
|
8204
8282
|
});
|
|
8205
8283
|
}
|
|
8206
|
-
})), /* @__PURE__ */
|
|
8284
|
+
})), /* @__PURE__ */ import_react48.default.createElement("div", null, /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form6.Controller, {
|
|
8207
8285
|
control: control,
|
|
8208
8286
|
name: "feedback",
|
|
8209
8287
|
render: function(param) {
|
|
8210
8288
|
var field = param.field;
|
|
8211
8289
|
var _formState_errors_feedback_message, _formState_errors_feedback;
|
|
8212
|
-
return /* @__PURE__ */
|
|
8290
|
+
return /* @__PURE__ */ import_react48.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
|
|
8213
8291
|
helperText: (_formState_errors_feedback = formState.errors.feedback) === null || _formState_errors_feedback === void 0 ? void 0 : (_formState_errors_feedback_message = _formState_errors_feedback.message) === null || _formState_errors_feedback_message === void 0 ? void 0 : _formState_errors_feedback_message.toString()
|
|
8214
8292
|
}));
|
|
8215
8293
|
}
|
|
8216
|
-
}))), /* @__PURE__ */
|
|
8294
|
+
}))), /* @__PURE__ */ import_react48.default.createElement(Button, {
|
|
8217
8295
|
type: "submit",
|
|
8218
8296
|
className: "hawa-mt-4 hawa-w-full"
|
|
8219
8297
|
}, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit")))));
|
|
8220
8298
|
};
|
|
8221
8299
|
// components/blocks/feedback/FeedbackRating.tsx
|
|
8222
|
-
var
|
|
8300
|
+
var import_react49 = __toESM(require("react"));
|
|
8223
8301
|
var import_clsx11 = __toESM(require("clsx"));
|
|
8224
8302
|
var FeedbackRating = function(_param) {
|
|
8225
8303
|
var _param_position = _param.position, position = _param_position === void 0 ? "bottom-right" : _param_position, props = _object_without_properties(_param, [
|
|
8226
8304
|
"position"
|
|
8227
8305
|
]);
|
|
8228
|
-
var _ref = _sliced_to_array((0,
|
|
8229
|
-
var _ref1 = _sliced_to_array((0,
|
|
8230
|
-
var _ref2 = _sliced_to_array((0,
|
|
8231
|
-
var _ref3 = _sliced_to_array((0,
|
|
8232
|
-
var popUpRef = (0,
|
|
8306
|
+
var _ref = _sliced_to_array((0, import_react49.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
|
|
8307
|
+
var _ref1 = _sliced_to_array((0, import_react49.useState)(false), 2), answered = _ref1[0], setAnswered = _ref1[1];
|
|
8308
|
+
var _ref2 = _sliced_to_array((0, import_react49.useState)(null), 2), clickedOption = _ref2[0], setClickedOption = _ref2[1];
|
|
8309
|
+
var _ref3 = _sliced_to_array((0, import_react49.useState)(5), 2), closingTimer = _ref3[0], setClosingTimer = _ref3[1];
|
|
8310
|
+
var popUpRef = (0, import_react49.useRef)(null);
|
|
8233
8311
|
var boxPosition = {
|
|
8234
8312
|
"bottom-right": "hawa-right-4",
|
|
8235
8313
|
"bottom-left": "hawa-left-4"
|
|
8236
8314
|
};
|
|
8237
|
-
(0,
|
|
8315
|
+
(0, import_react49.useEffect)(function() {
|
|
8238
8316
|
var timeoutHide = setTimeout(function() {
|
|
8239
8317
|
if (closingTimer >= 0) {
|
|
8240
8318
|
setClosingTimer(closingTimer - 1);
|
|
@@ -8254,14 +8332,14 @@ var FeedbackRating = function(_param) {
|
|
|
8254
8332
|
}
|
|
8255
8333
|
}, 200);
|
|
8256
8334
|
};
|
|
8257
|
-
return /* @__PURE__ */
|
|
8335
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8258
8336
|
ref: popUpRef,
|
|
8259
8337
|
className: (0, import_clsx11.default)(props.banner ? "hawa-w-full hawa-left-0 hawa-fixed hawa-bottom-0 hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ", boxPosition[position])
|
|
8260
|
-
}, /* @__PURE__ */
|
|
8338
|
+
}, /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8261
8339
|
className: (0, import_clsx11.default)("hawa-relative hawa-flex hawa-w-full hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100", props.banner && "hawa-rounded-none md:hawa-rounded hawa-px-4 md:hawa-px-64")
|
|
8262
|
-
}, /* @__PURE__ */
|
|
8340
|
+
}, /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8263
8341
|
className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm"
|
|
8264
|
-
}, props.title), /* @__PURE__ */
|
|
8342
|
+
}, props.title), /* @__PURE__ */ import_react49.default.createElement("button", {
|
|
8265
8343
|
type: "button",
|
|
8266
8344
|
className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
|
|
8267
8345
|
"data-dismiss-target": "#toast-default",
|
|
@@ -8269,21 +8347,21 @@ var FeedbackRating = function(_param) {
|
|
|
8269
8347
|
onClick: function() {
|
|
8270
8348
|
return slowClose();
|
|
8271
8349
|
}
|
|
8272
|
-
}, /* @__PURE__ */
|
|
8350
|
+
}, /* @__PURE__ */ import_react49.default.createElement("svg", {
|
|
8273
8351
|
"aria-hidden": "true",
|
|
8274
8352
|
className: "hawa-h-5 hawa-w-5",
|
|
8275
8353
|
fill: "currentColor",
|
|
8276
8354
|
viewBox: "0 0 20 20"
|
|
8277
|
-
}, /* @__PURE__ */
|
|
8355
|
+
}, /* @__PURE__ */ import_react49.default.createElement("path", {
|
|
8278
8356
|
fillRule: "evenodd",
|
|
8279
8357
|
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
8280
8358
|
clipRule: "evenodd"
|
|
8281
|
-
}))), /* @__PURE__ */
|
|
8359
|
+
}))), /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8282
8360
|
className: "hawa-mt-8"
|
|
8283
|
-
}, props.question), /* @__PURE__ */
|
|
8361
|
+
}, props.question), /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8284
8362
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded"
|
|
8285
8363
|
}, props.options && props.options.map(function(op, i) {
|
|
8286
|
-
return /* @__PURE__ */
|
|
8364
|
+
return /* @__PURE__ */ import_react49.default.createElement("span", {
|
|
8287
8365
|
key: i,
|
|
8288
8366
|
onClick: function() {
|
|
8289
8367
|
if (props.onOptionClicked) {
|
|
@@ -8302,15 +8380,15 @@ var FeedbackRating = function(_param) {
|
|
|
8302
8380
|
},
|
|
8303
8381
|
className: (0, import_clsx11.default)("hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border hawa-p-4 hawa-text-center hawa-transition-all ", clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700")
|
|
8304
8382
|
}, op);
|
|
8305
|
-
})), props.texts && /* @__PURE__ */
|
|
8383
|
+
})), props.texts && /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8306
8384
|
className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs"
|
|
8307
|
-
}, /* @__PURE__ */
|
|
8385
|
+
}, /* @__PURE__ */ import_react49.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react49.default.createElement("span", null, props.texts.most)), answered && /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8308
8386
|
className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-gap-2 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all"
|
|
8309
|
-
}, /* @__PURE__ */
|
|
8387
|
+
}, /* @__PURE__ */ import_react49.default.createElement("span", {
|
|
8310
8388
|
className: "hawa-font-bold hawa-text-white"
|
|
8311
|
-
}, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */
|
|
8389
|
+
}, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8312
8390
|
className: "hawa-flex hawa-flex-row hawa-gap-2"
|
|
8313
|
-
}, /* @__PURE__ */
|
|
8391
|
+
}, /* @__PURE__ */ import_react49.default.createElement(Button, {
|
|
8314
8392
|
variant: "secondary",
|
|
8315
8393
|
onClick: function() {
|
|
8316
8394
|
return slowClose();
|
|
@@ -8318,27 +8396,27 @@ var FeedbackRating = function(_param) {
|
|
|
8318
8396
|
}, "Close")))));
|
|
8319
8397
|
};
|
|
8320
8398
|
// components/blocks/feedback/FeedbackEmoji.tsx
|
|
8321
|
-
var
|
|
8399
|
+
var import_react50 = __toESM(require("react"));
|
|
8322
8400
|
var FeedbackEmoji = function(props) {
|
|
8323
|
-
var _ref = _sliced_to_array((0,
|
|
8324
|
-
var _ref1 = _sliced_to_array((0,
|
|
8325
|
-
var _ref2 = _sliced_to_array((0,
|
|
8326
|
-
var _ref3 = _sliced_to_array((0,
|
|
8401
|
+
var _ref = _sliced_to_array((0, import_react50.useState)(null), 2), selectedEmoji = _ref[0], setSelectedEmoji = _ref[1];
|
|
8402
|
+
var _ref1 = _sliced_to_array((0, import_react50.useState)(false), 2), loadingSubmit = _ref1[0], setLoadingSubmit = _ref1[1];
|
|
8403
|
+
var _ref2 = _sliced_to_array((0, import_react50.useState)(""), 2), feedbackText = _ref2[0], setFeedbackText = _ref2[1];
|
|
8404
|
+
var _ref3 = _sliced_to_array((0, import_react50.useState)(false), 2), helperText = _ref3[0], setHelperText = _ref3[1];
|
|
8327
8405
|
var emojis = [
|
|
8328
8406
|
{
|
|
8329
|
-
icon: /* @__PURE__ */
|
|
8407
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(VeryGoodEmoji, null),
|
|
8330
8408
|
value: "very-good"
|
|
8331
8409
|
},
|
|
8332
8410
|
{
|
|
8333
|
-
icon: /* @__PURE__ */
|
|
8411
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(GoodEmoji, null),
|
|
8334
8412
|
value: "good"
|
|
8335
8413
|
},
|
|
8336
8414
|
{
|
|
8337
|
-
icon: /* @__PURE__ */
|
|
8415
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(BadEmoji, null),
|
|
8338
8416
|
value: "bad"
|
|
8339
8417
|
},
|
|
8340
8418
|
{
|
|
8341
|
-
icon: /* @__PURE__ */
|
|
8419
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(VeryBadEmoji, null),
|
|
8342
8420
|
value: "very-bad"
|
|
8343
8421
|
}
|
|
8344
8422
|
];
|
|
@@ -8409,14 +8487,14 @@ var FeedbackEmoji = function(props) {
|
|
|
8409
8487
|
return _ref.apply(this, arguments);
|
|
8410
8488
|
};
|
|
8411
8489
|
}();
|
|
8412
|
-
return /* @__PURE__ */
|
|
8490
|
+
return /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8413
8491
|
className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-p-2 hawa-transition-all", selectedEmoji ? "hawa-h-[185px] hawa-min-w-fit" : "hawa-h-[44px] ")
|
|
8414
|
-
}, /* @__PURE__ */
|
|
8492
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8415
8493
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 "
|
|
8416
|
-
}, /* @__PURE__ */
|
|
8494
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8417
8495
|
className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 "
|
|
8418
8496
|
}, emojis.map(function(emoji, i) {
|
|
8419
|
-
return /* @__PURE__ */
|
|
8497
|
+
return /* @__PURE__ */ import_react50.default.createElement(Button, {
|
|
8420
8498
|
key: i,
|
|
8421
8499
|
onClick: function() {
|
|
8422
8500
|
if (selectedEmoji === emoji.value) {
|
|
@@ -8429,29 +8507,29 @@ var FeedbackEmoji = function(props) {
|
|
|
8429
8507
|
size: "smallIcon",
|
|
8430
8508
|
className: cn(selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]")
|
|
8431
8509
|
}, emoji.icon);
|
|
8432
|
-
}))), /* @__PURE__ */
|
|
8510
|
+
}))), /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8433
8511
|
className: cn("hawa-flex hawa-flex-col hawa-overflow-clip hawa-transition-all hawa-duration-500 hawa-ease-in-out ", selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 ")
|
|
8434
|
-
}, props.showSuccess ? /* @__PURE__ */
|
|
8512
|
+
}, props.showSuccess ? /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8435
8513
|
className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4"
|
|
8436
|
-
}, /* @__PURE__ */
|
|
8514
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8437
8515
|
className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground"
|
|
8438
|
-
}, /* @__PURE__ */
|
|
8516
|
+
}, /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8439
8517
|
stroke: "currentColor",
|
|
8440
8518
|
fill: "currentColor",
|
|
8441
8519
|
strokeWidth: "0",
|
|
8442
8520
|
viewBox: "0 0 512 512",
|
|
8443
8521
|
height: "0.5em",
|
|
8444
8522
|
width: "0.5em"
|
|
8445
|
-
}, /* @__PURE__ */
|
|
8523
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8446
8524
|
d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
8447
|
-
}))), /* @__PURE__ */
|
|
8525
|
+
}))), /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8448
8526
|
className: "hawa-text-sm hawa-flex hawa-flex-col hawa-text-center"
|
|
8449
|
-
}, /* @__PURE__ */
|
|
8527
|
+
}, /* @__PURE__ */ import_react50.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react50.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8450
8528
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
|
8451
|
-
}, /* @__PURE__ */
|
|
8529
|
+
}, /* @__PURE__ */ import_react50.default.createElement(Popover, {
|
|
8452
8530
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
|
8453
8531
|
open: helperText,
|
|
8454
|
-
trigger: /* @__PURE__ */
|
|
8532
|
+
trigger: /* @__PURE__ */ import_react50.default.createElement(Textarea, {
|
|
8455
8533
|
className: cn("hawa-mb-2 hawa-h-full hawa-resize-none"),
|
|
8456
8534
|
placeholder: "Your feedback",
|
|
8457
8535
|
onChange: function(e) {
|
|
@@ -8462,9 +8540,9 @@ var FeedbackEmoji = function(props) {
|
|
|
8462
8540
|
console.log("changing to", e.target.value);
|
|
8463
8541
|
}
|
|
8464
8542
|
})
|
|
8465
|
-
}, /* @__PURE__ */
|
|
8543
|
+
}, /* @__PURE__ */ import_react50.default.createElement("span", {
|
|
8466
8544
|
className: "hawa-m-2"
|
|
8467
|
-
}, "Please enter your feedback"), " "), /* @__PURE__ */
|
|
8545
|
+
}, "Please enter your feedback"), " "), /* @__PURE__ */ import_react50.default.createElement(Button, {
|
|
8468
8546
|
isLoading: loadingSubmit,
|
|
8469
8547
|
onClick: onFeedbackSubmit,
|
|
8470
8548
|
className: "hawa-w-full",
|
|
@@ -8472,20 +8550,20 @@ var FeedbackEmoji = function(props) {
|
|
|
8472
8550
|
}, "Submit"))));
|
|
8473
8551
|
};
|
|
8474
8552
|
var VeryGoodEmoji = function() {
|
|
8475
|
-
return /* @__PURE__ */
|
|
8553
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8476
8554
|
fill: "none",
|
|
8477
8555
|
height: "16",
|
|
8478
8556
|
viewBox: "0 0 16 16",
|
|
8479
8557
|
width: "16",
|
|
8480
8558
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8481
|
-
}, /* @__PURE__ */
|
|
8559
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8482
8560
|
clipPath: "url(#clip0_53_166)"
|
|
8483
|
-
}, /* @__PURE__ */
|
|
8561
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8484
8562
|
clipRule: "evenodd",
|
|
8485
8563
|
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
|
|
8486
8564
|
fill: "currentColor",
|
|
8487
8565
|
fillRule: "evenodd"
|
|
8488
|
-
}), /* @__PURE__ */
|
|
8566
|
+
}), /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8489
8567
|
clipRule: "evenodd",
|
|
8490
8568
|
d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
|
|
8491
8569
|
fill: "#FF990A",
|
|
@@ -8493,15 +8571,15 @@ var VeryGoodEmoji = function() {
|
|
|
8493
8571
|
})));
|
|
8494
8572
|
};
|
|
8495
8573
|
var GoodEmoji = function() {
|
|
8496
|
-
return /* @__PURE__ */
|
|
8574
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8497
8575
|
fill: "none",
|
|
8498
8576
|
height: "16",
|
|
8499
8577
|
viewBox: "0 0 16 16",
|
|
8500
8578
|
width: "16",
|
|
8501
8579
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8502
|
-
}, /* @__PURE__ */
|
|
8580
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8503
8581
|
clipPath: "url(#clip0_53_167)"
|
|
8504
|
-
}, /* @__PURE__ */
|
|
8582
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8505
8583
|
clipRule: "evenodd",
|
|
8506
8584
|
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
|
|
8507
8585
|
fill: "currentColor",
|
|
@@ -8509,15 +8587,15 @@ var GoodEmoji = function() {
|
|
|
8509
8587
|
})));
|
|
8510
8588
|
};
|
|
8511
8589
|
var BadEmoji = function() {
|
|
8512
|
-
return /* @__PURE__ */
|
|
8590
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8513
8591
|
fill: "none",
|
|
8514
8592
|
height: "16",
|
|
8515
8593
|
viewBox: "0 0 16 16",
|
|
8516
8594
|
width: "16",
|
|
8517
8595
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8518
|
-
}, /* @__PURE__ */
|
|
8596
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8519
8597
|
clipPath: "url(#clip0_53_152)"
|
|
8520
|
-
}, /* @__PURE__ */
|
|
8598
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8521
8599
|
clipRule: "evenodd",
|
|
8522
8600
|
d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
|
|
8523
8601
|
fill: "currentColor",
|
|
@@ -8525,18 +8603,18 @@ var BadEmoji = function() {
|
|
|
8525
8603
|
})));
|
|
8526
8604
|
};
|
|
8527
8605
|
var VeryBadEmoji = function() {
|
|
8528
|
-
return /* @__PURE__ */
|
|
8606
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8529
8607
|
fill: "none",
|
|
8530
8608
|
height: "16",
|
|
8531
8609
|
viewBox: "0 0 16 16",
|
|
8532
8610
|
width: "16",
|
|
8533
8611
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8534
|
-
}, /* @__PURE__ */
|
|
8612
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8535
8613
|
clipPath: "url(#clip0_53_151)"
|
|
8536
|
-
}, /* @__PURE__ */
|
|
8614
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8537
8615
|
d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
|
|
8538
8616
|
fill: "#0070F3"
|
|
8539
|
-
}), /* @__PURE__ */
|
|
8617
|
+
}), /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8540
8618
|
clipRule: "evenodd",
|
|
8541
8619
|
d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
|
|
8542
8620
|
fill: "currentColor",
|
|
@@ -8544,7 +8622,7 @@ var VeryBadEmoji = function() {
|
|
|
8544
8622
|
})));
|
|
8545
8623
|
};
|
|
8546
8624
|
// components/blocks/feedback/FeedbackForm.tsx
|
|
8547
|
-
var
|
|
8625
|
+
var import_react51 = __toESM(require("react"));
|
|
8548
8626
|
var import_react_hook_form7 = require("react-hook-form");
|
|
8549
8627
|
var import_zod7 = require("@hookform/resolvers/zod");
|
|
8550
8628
|
var z7 = __toESM(require("zod"));
|
|
@@ -8565,9 +8643,9 @@ var FeedbackForm = function(props) {
|
|
|
8565
8643
|
var _ref = (0, import_react_hook_form7.useForm)({
|
|
8566
8644
|
resolver: (0, import_zod7.zodResolver)(formSchema)
|
|
8567
8645
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
8568
|
-
return /* @__PURE__ */
|
|
8646
|
+
return /* @__PURE__ */ import_react51.default.createElement(Card, null, /* @__PURE__ */ import_react51.default.createElement(CardContent, {
|
|
8569
8647
|
headless: true
|
|
8570
|
-
}, /* @__PURE__ */
|
|
8648
|
+
}, /* @__PURE__ */ import_react51.default.createElement("form", {
|
|
8571
8649
|
noValidate: true,
|
|
8572
8650
|
onSubmit: handleSubmit(function(e) {
|
|
8573
8651
|
if (props.onSubmit) {
|
|
@@ -8577,13 +8655,13 @@ var FeedbackForm = function(props) {
|
|
|
8577
8655
|
}
|
|
8578
8656
|
}),
|
|
8579
8657
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
8580
|
-
}, /* @__PURE__ */
|
|
8658
|
+
}, /* @__PURE__ */ import_react51.default.createElement(Label2, null, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.requestType), /* @__PURE__ */ import_react51.default.createElement(import_react_hook_form7.Controller, {
|
|
8581
8659
|
name: "requestType",
|
|
8582
8660
|
control: control,
|
|
8583
8661
|
render: function(param) {
|
|
8584
8662
|
var field = param.field;
|
|
8585
8663
|
var _formState_errors_requestType_message, _formState_errors_requestType;
|
|
8586
|
-
return /* @__PURE__ */
|
|
8664
|
+
return /* @__PURE__ */ import_react51.default.createElement(Select, _object_spread_props(_object_spread({}, field), {
|
|
8587
8665
|
onChange: function(option) {
|
|
8588
8666
|
return field.onChange(option.value);
|
|
8589
8667
|
},
|
|
@@ -8591,70 +8669,70 @@ var FeedbackForm = function(props) {
|
|
|
8591
8669
|
helperText: (_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : (_formState_errors_requestType_message = _formState_errors_requestType.message) === null || _formState_errors_requestType_message === void 0 ? void 0 : _formState_errors_requestType_message.toString()
|
|
8592
8670
|
}));
|
|
8593
8671
|
}
|
|
8594
|
-
}), /* @__PURE__ */
|
|
8672
|
+
}), /* @__PURE__ */ import_react51.default.createElement(Label2, null, props.texts.description), /* @__PURE__ */ import_react51.default.createElement(import_react_hook_form7.Controller, {
|
|
8595
8673
|
name: "description",
|
|
8596
8674
|
control: control,
|
|
8597
8675
|
render: function(param) {
|
|
8598
8676
|
var field = param.field;
|
|
8599
8677
|
var _formState_errors_description_message, _formState_errors_description;
|
|
8600
|
-
return /* @__PURE__ */
|
|
8678
|
+
return /* @__PURE__ */ import_react51.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
|
|
8601
8679
|
helperText: formState.errors.description && ((_formState_errors_description = formState.errors.description) === null || _formState_errors_description === void 0 ? void 0 : (_formState_errors_description_message = _formState_errors_description.message) === null || _formState_errors_description_message === void 0 ? void 0 : _formState_errors_description_message.toString())
|
|
8602
8680
|
}));
|
|
8603
8681
|
}
|
|
8604
|
-
}), /* @__PURE__ */
|
|
8682
|
+
}), /* @__PURE__ */ import_react51.default.createElement(Button, {
|
|
8605
8683
|
type: "submit"
|
|
8606
8684
|
}, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit))));
|
|
8607
8685
|
};
|
|
8608
8686
|
// components/blocks/misc/LegalTexts.tsx
|
|
8609
|
-
var
|
|
8687
|
+
var import_react52 = __toESM(require("react"));
|
|
8610
8688
|
var LegalTexts = function(_param) {
|
|
8611
8689
|
var tabs = _param.tabs, props = _object_without_properties(_param, [
|
|
8612
8690
|
"tabs"
|
|
8613
8691
|
]);
|
|
8614
|
-
return /* @__PURE__ */
|
|
8692
|
+
return /* @__PURE__ */ import_react52.default.createElement(Tabs, {
|
|
8615
8693
|
value: props.activeTab,
|
|
8616
8694
|
onValueChange: props.handleTabChange,
|
|
8617
8695
|
defaultValue: props.defaultTab || tabs[0].value,
|
|
8618
8696
|
dir: props.direction
|
|
8619
|
-
}, /* @__PURE__ */
|
|
8697
|
+
}, /* @__PURE__ */ import_react52.default.createElement(TabsList, {
|
|
8620
8698
|
className: "hawa-w-full"
|
|
8621
8699
|
}, tabs.map(function(tab, index) {
|
|
8622
|
-
return /* @__PURE__ */
|
|
8700
|
+
return /* @__PURE__ */ import_react52.default.createElement(TabsTrigger, {
|
|
8623
8701
|
key: index,
|
|
8624
8702
|
value: tab.value
|
|
8625
8703
|
}, tab.title);
|
|
8626
8704
|
})), tabs.map(function(tab, index) {
|
|
8627
|
-
return /* @__PURE__ */
|
|
8705
|
+
return /* @__PURE__ */ import_react52.default.createElement(TabsContent, {
|
|
8628
8706
|
key: index,
|
|
8629
8707
|
value: tab.value
|
|
8630
|
-
}, /* @__PURE__ */
|
|
8708
|
+
}, /* @__PURE__ */ import_react52.default.createElement(ScrollArea, {
|
|
8631
8709
|
className: cn("hawa-p-4 hawa-rounded hawa-bg-muted hawa-border", props.scrollAreaClassName)
|
|
8632
8710
|
}, tab.content));
|
|
8633
8711
|
}));
|
|
8634
8712
|
};
|
|
8635
8713
|
// components/blocks/misc/EmptyState.tsx
|
|
8636
|
-
var
|
|
8714
|
+
var import_react53 = __toESM(require("react"));
|
|
8637
8715
|
var EmptyState = function(param) {
|
|
8638
8716
|
var texts = param.texts, onActionClick = param.onActionClick;
|
|
8639
8717
|
var _texts_youreCaughtUp, _texts_actionText;
|
|
8640
|
-
return /* @__PURE__ */
|
|
8718
|
+
return /* @__PURE__ */ import_react53.default.createElement(Card, null, /* @__PURE__ */ import_react53.default.createElement(CardContent, {
|
|
8641
8719
|
headless: true
|
|
8642
|
-
}, /* @__PURE__ */
|
|
8720
|
+
}, /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8643
8721
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center "
|
|
8644
|
-
}, /* @__PURE__ */
|
|
8722
|
+
}, /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8645
8723
|
className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground"
|
|
8646
|
-
}, /* @__PURE__ */
|
|
8724
|
+
}, /* @__PURE__ */ import_react53.default.createElement("svg", {
|
|
8647
8725
|
stroke: "currentColor",
|
|
8648
8726
|
fill: "currentColor",
|
|
8649
8727
|
strokeWidth: "0",
|
|
8650
8728
|
viewBox: "0 0 512 512",
|
|
8651
8729
|
height: "0.35em",
|
|
8652
8730
|
width: "0.35em"
|
|
8653
|
-
}, /* @__PURE__ */
|
|
8731
|
+
}, /* @__PURE__ */ import_react53.default.createElement("path", {
|
|
8654
8732
|
d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
|
|
8655
|
-
}))), /* @__PURE__ */
|
|
8733
|
+
}))), /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8656
8734
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
8657
|
-
}, (_texts_youreCaughtUp = texts === null || texts === void 0 ? void 0 : texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */
|
|
8735
|
+
}, (_texts_youreCaughtUp = texts === null || texts === void 0 ? void 0 : texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react53.default.createElement(CardFooter, null, /* @__PURE__ */ import_react53.default.createElement(Button, {
|
|
8658
8736
|
className: "hawa-w-full",
|
|
8659
8737
|
onClick: function() {
|
|
8660
8738
|
return onActionClick();
|
|
@@ -8662,36 +8740,36 @@ var EmptyState = function(param) {
|
|
|
8662
8740
|
}, (_texts_actionText = texts === null || texts === void 0 ? void 0 : texts.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
|
|
8663
8741
|
};
|
|
8664
8742
|
// components/blocks/misc/Testimonial.tsx
|
|
8665
|
-
var
|
|
8743
|
+
var import_react54 = __toESM(require("react"));
|
|
8666
8744
|
var Testimonial = function(props) {
|
|
8667
|
-
return /* @__PURE__ */
|
|
8745
|
+
return /* @__PURE__ */ import_react54.default.createElement(Card, null, /* @__PURE__ */ import_react54.default.createElement(CardContent, {
|
|
8668
8746
|
headless: true
|
|
8669
|
-
}, /* @__PURE__ */
|
|
8747
|
+
}, /* @__PURE__ */ import_react54.default.createElement("div", null, /* @__PURE__ */ import_react54.default.createElement("p", {
|
|
8670
8748
|
className: "mb-4 max-w-sm"
|
|
8671
|
-
}, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */
|
|
8749
|
+
}, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ import_react54.default.createElement("div", {
|
|
8672
8750
|
className: "flex flex-row gap-4"
|
|
8673
|
-
}, /* @__PURE__ */
|
|
8751
|
+
}, /* @__PURE__ */ import_react54.default.createElement("svg", {
|
|
8674
8752
|
width: "48",
|
|
8675
8753
|
height: "48",
|
|
8676
8754
|
viewBox: "0 0 48 48",
|
|
8677
8755
|
fill: "none"
|
|
8678
|
-
}, /* @__PURE__ */
|
|
8756
|
+
}, /* @__PURE__ */ import_react54.default.createElement("rect", {
|
|
8679
8757
|
width: "48",
|
|
8680
8758
|
height: "48",
|
|
8681
8759
|
rx: "24",
|
|
8682
8760
|
fill: "#45BE8B"
|
|
8683
|
-
}), /* @__PURE__ */
|
|
8761
|
+
}), /* @__PURE__ */ import_react54.default.createElement("path", {
|
|
8684
8762
|
d: "M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",
|
|
8685
8763
|
fill: "#FFFFFF"
|
|
8686
|
-
}), /* @__PURE__ */
|
|
8764
|
+
}), /* @__PURE__ */ import_react54.default.createElement("path", {
|
|
8687
8765
|
d: "M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",
|
|
8688
8766
|
fill: "#FFFFFF"
|
|
8689
|
-
})), /* @__PURE__ */
|
|
8767
|
+
})), /* @__PURE__ */ import_react54.default.createElement("span", {
|
|
8690
8768
|
className: "border border-l "
|
|
8691
|
-
}), " ", /* @__PURE__ */
|
|
8769
|
+
}), " ", /* @__PURE__ */ import_react54.default.createElement("div", null, /* @__PURE__ */ import_react54.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react54.default.createElement("div", null, " Chief Information Security Officer")))));
|
|
8692
8770
|
};
|
|
8693
8771
|
// components/blocks/misc/LeadGenerator.tsx
|
|
8694
|
-
var
|
|
8772
|
+
var import_react55 = __toESM(require("react"));
|
|
8695
8773
|
var import_react_hook_form8 = require("react-hook-form");
|
|
8696
8774
|
var LeadGenerator = function(param) {
|
|
8697
8775
|
var texts = param.texts, submitHandler = param.submitHandler;
|
|
@@ -8704,11 +8782,11 @@ var LeadGenerator = function(param) {
|
|
|
8704
8782
|
}
|
|
8705
8783
|
};
|
|
8706
8784
|
var _texts_submit;
|
|
8707
|
-
return /* @__PURE__ */
|
|
8785
|
+
return /* @__PURE__ */ import_react55.default.createElement(Card, null, /* @__PURE__ */ import_react55.default.createElement(CardHeader, null, /* @__PURE__ */ import_react55.default.createElement(CardTitle, null, texts === null || texts === void 0 ? void 0 : texts.title), /* @__PURE__ */ import_react55.default.createElement(CardDescription, null, texts === null || texts === void 0 ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react55.default.createElement(CardContent, null, /* @__PURE__ */ import_react55.default.createElement("form", {
|
|
8708
8786
|
noValidate: true,
|
|
8709
8787
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
8710
8788
|
onSubmit: handleSubmit(onSubmit)
|
|
8711
|
-
}, /* @__PURE__ */
|
|
8789
|
+
}, /* @__PURE__ */ import_react55.default.createElement(import_react_hook_form8.Controller, {
|
|
8712
8790
|
name: "email",
|
|
8713
8791
|
control: control,
|
|
8714
8792
|
rules: {
|
|
@@ -8721,32 +8799,32 @@ var LeadGenerator = function(param) {
|
|
|
8721
8799
|
defaultValue: "",
|
|
8722
8800
|
render: function(param) {
|
|
8723
8801
|
var field = param.field;
|
|
8724
|
-
return /* @__PURE__ */
|
|
8802
|
+
return /* @__PURE__ */ import_react55.default.createElement(Input, _object_spread_props(_object_spread({}, field), {
|
|
8725
8803
|
type: "email",
|
|
8726
8804
|
placeholder: "example@sikka.io"
|
|
8727
8805
|
}));
|
|
8728
8806
|
}
|
|
8729
|
-
}), /* @__PURE__ */
|
|
8807
|
+
}), /* @__PURE__ */ import_react55.default.createElement(Button, {
|
|
8730
8808
|
type: "submit",
|
|
8731
8809
|
disabled: !formState.isValid
|
|
8732
8810
|
}, (_texts_submit = texts === null || texts === void 0 ? void 0 : texts.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
|
|
8733
8811
|
};
|
|
8734
8812
|
// components/blocks/misc/Announcement.tsx
|
|
8735
|
-
var
|
|
8813
|
+
var import_react56 = __toESM(require("react"));
|
|
8736
8814
|
var Announcement = function(_param) {
|
|
8737
8815
|
var onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
|
|
8738
8816
|
"onActionClick"
|
|
8739
8817
|
]);
|
|
8740
|
-
return /* @__PURE__ */
|
|
8818
|
+
return /* @__PURE__ */ import_react56.default.createElement(Card, null, /* @__PURE__ */ import_react56.default.createElement(CardContent, {
|
|
8741
8819
|
headless: true,
|
|
8742
8820
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
|
8743
|
-
}, /* @__PURE__ */
|
|
8821
|
+
}, /* @__PURE__ */ import_react56.default.createElement("div", {
|
|
8744
8822
|
className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center "
|
|
8745
|
-
}, /* @__PURE__ */
|
|
8823
|
+
}, /* @__PURE__ */ import_react56.default.createElement("span", {
|
|
8746
8824
|
className: "hawa-text-lg hawa-font-bold"
|
|
8747
|
-
}, props.title), /* @__PURE__ */
|
|
8825
|
+
}, props.title), /* @__PURE__ */ import_react56.default.createElement("span", {
|
|
8748
8826
|
className: "hawa-text-sm"
|
|
8749
|
-
}, props.subtitle)), /* @__PURE__ */
|
|
8827
|
+
}, props.subtitle)), /* @__PURE__ */ import_react56.default.createElement(Button, {
|
|
8750
8828
|
onClick: function() {
|
|
8751
8829
|
return onActionClick();
|
|
8752
8830
|
},
|
|
@@ -8754,56 +8832,56 @@ var Announcement = function(_param) {
|
|
|
8754
8832
|
}, props.actionText)));
|
|
8755
8833
|
};
|
|
8756
8834
|
// components/blocks/misc/NotFound.tsx
|
|
8757
|
-
var
|
|
8835
|
+
var import_react57 = __toESM(require("react"));
|
|
8758
8836
|
var NotFound = function(param) {
|
|
8759
8837
|
var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
|
|
8760
8838
|
var _texts_pageNotFound, _texts_ifLost, _texts_home;
|
|
8761
|
-
return /* @__PURE__ */
|
|
8839
|
+
return /* @__PURE__ */ import_react57.default.createElement(Card, null, /* @__PURE__ */ import_react57.default.createElement(CardContent, {
|
|
8762
8840
|
headless: true
|
|
8763
|
-
}, /* @__PURE__ */
|
|
8841
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8764
8842
|
className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white"
|
|
8765
|
-
}, /* @__PURE__ */
|
|
8843
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8766
8844
|
className: "hawa-text-center hawa-text-6xl hawa-font-bold "
|
|
8767
|
-
}, "404"), /* @__PURE__ */
|
|
8845
|
+
}, "404"), /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8768
8846
|
className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold "
|
|
8769
|
-
}, (_texts_pageNotFound = texts === null || texts === void 0 ? void 0 : texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */
|
|
8847
|
+
}, (_texts_pageNotFound = texts === null || texts === void 0 ? void 0 : texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8770
8848
|
className: "hawa-mb-4 hawa-text-center"
|
|
8771
|
-
}, (_texts_ifLost = texts === null || texts === void 0 ? void 0 : texts.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */
|
|
8849
|
+
}, (_texts_ifLost = texts === null || texts === void 0 ? void 0 : texts.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react57.default.createElement("span", {
|
|
8772
8850
|
className: "clickable-link"
|
|
8773
|
-
}, "help@sikka.io"))), /* @__PURE__ */
|
|
8851
|
+
}, "help@sikka.io"))), /* @__PURE__ */ import_react57.default.createElement(Button, {
|
|
8774
8852
|
className: "hawa-w-full"
|
|
8775
8853
|
}, (_texts_home = texts === null || texts === void 0 ? void 0 : texts.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
|
|
8776
8854
|
};
|
|
8777
8855
|
// components/blocks/misc/NoPermission.tsx
|
|
8778
|
-
var
|
|
8856
|
+
var import_react58 = __toESM(require("react"));
|
|
8779
8857
|
var NoPermission = function(param) {
|
|
8780
8858
|
var texts = param.texts;
|
|
8781
8859
|
var _texts_title, _texts_subtitle;
|
|
8782
|
-
return /* @__PURE__ */
|
|
8860
|
+
return /* @__PURE__ */ import_react58.default.createElement(Card, null, /* @__PURE__ */ import_react58.default.createElement(CardContent, {
|
|
8783
8861
|
headless: true
|
|
8784
|
-
}, /* @__PURE__ */
|
|
8862
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8785
8863
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
|
|
8786
|
-
}, /* @__PURE__ */
|
|
8864
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8787
8865
|
className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground"
|
|
8788
|
-
}, /* @__PURE__ */
|
|
8866
|
+
}, /* @__PURE__ */ import_react58.default.createElement("svg", {
|
|
8789
8867
|
stroke: "currentColor",
|
|
8790
8868
|
fill: "currentColor",
|
|
8791
8869
|
strokeWidth: "0",
|
|
8792
8870
|
viewBox: "0 0 448 512",
|
|
8793
8871
|
height: "0.35em",
|
|
8794
8872
|
width: "0.35em"
|
|
8795
|
-
}, /* @__PURE__ */
|
|
8873
|
+
}, /* @__PURE__ */ import_react58.default.createElement("path", {
|
|
8796
8874
|
d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"
|
|
8797
|
-
})), " "), /* @__PURE__ */
|
|
8875
|
+
})), " "), /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8798
8876
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
8799
|
-
}, (_texts_title = texts === null || texts === void 0 ? void 0 : texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */
|
|
8877
|
+
}, (_texts_title = texts === null || texts === void 0 ? void 0 : texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react58.default.createElement("div", null, (_texts_subtitle = texts === null || texts === void 0 ? void 0 : texts.subtitle) !== null && _texts_subtitle !== void 0 ? _texts_subtitle : "If you think this is a problem please contact your administrator or our customer support"))));
|
|
8800
8878
|
};
|
|
8801
8879
|
// components/blocks/pricing/PricingPlans.tsx
|
|
8802
|
-
var
|
|
8880
|
+
var import_react59 = __toESM(require("react"));
|
|
8803
8881
|
var PricingPlans = function(props) {
|
|
8804
|
-
return /* @__PURE__ */
|
|
8882
|
+
return /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8805
8883
|
className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
|
|
8806
|
-
}, /* @__PURE__ */
|
|
8884
|
+
}, /* @__PURE__ */ import_react59.default.createElement(Radio, {
|
|
8807
8885
|
design: "tabs",
|
|
8808
8886
|
defaultValue: props.currentCycle,
|
|
8809
8887
|
options: props.billingCycles,
|
|
@@ -8812,7 +8890,7 @@ var PricingPlans = function(props) {
|
|
|
8812
8890
|
props.onCycleChange(e);
|
|
8813
8891
|
}
|
|
8814
8892
|
}
|
|
8815
|
-
}), /* @__PURE__ */
|
|
8893
|
+
}), /* @__PURE__ */ import_react59.default.createElement(Radio, {
|
|
8816
8894
|
design: "tabs",
|
|
8817
8895
|
defaultValue: props.currentCurrency,
|
|
8818
8896
|
options: props.currencies,
|
|
@@ -8821,10 +8899,10 @@ var PricingPlans = function(props) {
|
|
|
8821
8899
|
props.onCurrencyChange(e);
|
|
8822
8900
|
}
|
|
8823
8901
|
}
|
|
8824
|
-
})), /* @__PURE__ */
|
|
8902
|
+
})), /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8825
8903
|
className: "hawa-flex hawa-flex-row hawa-justify-between"
|
|
8826
8904
|
}, props.plans.map(function(plan, index) {
|
|
8827
|
-
return /* @__PURE__ */
|
|
8905
|
+
return /* @__PURE__ */ import_react59.default.createElement(PricingCard, _object_spread_props(_object_spread({
|
|
8828
8906
|
key: index,
|
|
8829
8907
|
onPlanClicked: function() {
|
|
8830
8908
|
if (props.onPlanClicked) {
|
|
@@ -8845,26 +8923,26 @@ var PricingPlans = function(props) {
|
|
|
8845
8923
|
})));
|
|
8846
8924
|
};
|
|
8847
8925
|
// components/blocks/pricing/ComparingPlans.tsx
|
|
8848
|
-
var
|
|
8926
|
+
var import_react60 = __toESM(require("react"));
|
|
8849
8927
|
var CheckMark = function() {
|
|
8850
|
-
return /* @__PURE__ */
|
|
8928
|
+
return /* @__PURE__ */ import_react60.default.createElement("svg", {
|
|
8851
8929
|
className: "hawa-h-5 hawa-w-5 hawa-text-green-500",
|
|
8852
8930
|
"aria-hidden": "true",
|
|
8853
8931
|
fill: "currentColor",
|
|
8854
8932
|
viewBox: "0 0 20 20"
|
|
8855
|
-
}, /* @__PURE__ */
|
|
8933
|
+
}, /* @__PURE__ */ import_react60.default.createElement("path", {
|
|
8856
8934
|
fillRule: "evenodd",
|
|
8857
8935
|
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
|
8858
8936
|
clipRule: "evenodd"
|
|
8859
8937
|
}));
|
|
8860
8938
|
};
|
|
8861
8939
|
var UncheckMark = function() {
|
|
8862
|
-
return /* @__PURE__ */
|
|
8940
|
+
return /* @__PURE__ */ import_react60.default.createElement("svg", {
|
|
8863
8941
|
className: "hawa-h-5 hawa-w-5 hawa-text-red-500",
|
|
8864
8942
|
"aria-hidden": "true",
|
|
8865
8943
|
fill: "currentColor",
|
|
8866
8944
|
viewBox: "0 0 20 20"
|
|
8867
|
-
}, /* @__PURE__ */
|
|
8945
|
+
}, /* @__PURE__ */ import_react60.default.createElement("path", {
|
|
8868
8946
|
fillRule: "evenodd",
|
|
8869
8947
|
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
8870
8948
|
clipRule: "evenodd"
|
|
@@ -8872,14 +8950,14 @@ var UncheckMark = function() {
|
|
|
8872
8950
|
};
|
|
8873
8951
|
var ComparingPlans = function(props) {
|
|
8874
8952
|
var _props_plans;
|
|
8875
|
-
var _ref = _sliced_to_array((0,
|
|
8876
|
-
var _ref1 = _sliced_to_array((0,
|
|
8877
|
-
return /* @__PURE__ */
|
|
8953
|
+
var _ref = _sliced_to_array((0, import_react60.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
|
|
8954
|
+
var _ref1 = _sliced_to_array((0, import_react60.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
|
|
8955
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8878
8956
|
id: "detailed-pricing",
|
|
8879
8957
|
className: "hawa-w-full hawa-overflow-x-auto"
|
|
8880
|
-
}, /* @__PURE__ */
|
|
8958
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8881
8959
|
className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
|
|
8882
|
-
}, /* @__PURE__ */
|
|
8960
|
+
}, /* @__PURE__ */ import_react60.default.createElement(Radio, {
|
|
8883
8961
|
design: "tabs",
|
|
8884
8962
|
defaultValue: currentCycle,
|
|
8885
8963
|
options: props.billingCycles,
|
|
@@ -8890,7 +8968,7 @@ var ComparingPlans = function(props) {
|
|
|
8890
8968
|
console.log("onCycleChange was not provided");
|
|
8891
8969
|
}
|
|
8892
8970
|
}
|
|
8893
|
-
}), /* @__PURE__ */
|
|
8971
|
+
}), /* @__PURE__ */ import_react60.default.createElement(Radio, {
|
|
8894
8972
|
design: "tabs",
|
|
8895
8973
|
defaultValue: currentCurrency,
|
|
8896
8974
|
options: props.currencies,
|
|
@@ -8901,56 +8979,56 @@ var ComparingPlans = function(props) {
|
|
|
8901
8979
|
console.log("onCurrencyChange was not provided");
|
|
8902
8980
|
}
|
|
8903
8981
|
}
|
|
8904
|
-
})), /* @__PURE__ */
|
|
8982
|
+
})), /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8905
8983
|
className: " hawa-overflow-hidden hawa-rounded"
|
|
8906
|
-
}, /* @__PURE__ */
|
|
8984
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8907
8985
|
className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-border-gray-200 hawa-bg-gray-100 hawa-p-4 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
|
|
8908
|
-
}, /* @__PURE__ */
|
|
8986
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8909
8987
|
className: "hawa-flex hawa-items-center"
|
|
8910
8988
|
}), props.plans.map(function(plan, i) {
|
|
8911
|
-
return /* @__PURE__ */
|
|
8989
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8912
8990
|
key: i
|
|
8913
|
-
}, /* @__PURE__ */
|
|
8991
|
+
}, /* @__PURE__ */ import_react60.default.createElement("h5", {
|
|
8914
8992
|
className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8915
|
-
}, plan.texts.title), /* @__PURE__ */
|
|
8993
|
+
}, plan.texts.title), /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8916
8994
|
className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white"
|
|
8917
|
-
}, /* @__PURE__ */
|
|
8995
|
+
}, /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement("span", {
|
|
8918
8996
|
className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight"
|
|
8919
|
-
}, plan.price), /* @__PURE__ */
|
|
8997
|
+
}, plan.price), /* @__PURE__ */ import_react60.default.createElement("span", {
|
|
8920
8998
|
className: "hawa-mx-1 hawa-text-sm hawa-font-semibold"
|
|
8921
|
-
}, plan.texts.currencyText)), /* @__PURE__ */
|
|
8999
|
+
}, plan.texts.currencyText)), /* @__PURE__ */ import_react60.default.createElement("span", {
|
|
8922
9000
|
className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8923
|
-
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */
|
|
9001
|
+
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react60.default.createElement("h5", {
|
|
8924
9002
|
className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8925
9003
|
}, plan.texts.subtitle));
|
|
8926
9004
|
})), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
|
|
8927
9005
|
return plan.features.map(function(feature, j) {
|
|
8928
|
-
return /* @__PURE__ */
|
|
9006
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8929
9007
|
key: j,
|
|
8930
9008
|
className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:hawa-border-gray-700"
|
|
8931
|
-
}, /* @__PURE__ */
|
|
9009
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8932
9010
|
className: " hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8933
|
-
}, feature.text, feature.description && /* @__PURE__ */
|
|
9011
|
+
}, feature.text, feature.description && /* @__PURE__ */ import_react60.default.createElement(Tooltip, {
|
|
8934
9012
|
side: "right",
|
|
8935
9013
|
content: feature.description
|
|
8936
|
-
}, /* @__PURE__ */
|
|
9014
|
+
}, /* @__PURE__ */ import_react60.default.createElement("svg", {
|
|
8937
9015
|
stroke: "currentColor",
|
|
8938
9016
|
fill: "currentColor",
|
|
8939
9017
|
strokeWidth: "0",
|
|
8940
9018
|
viewBox: "0 0 16 16",
|
|
8941
9019
|
height: "1em",
|
|
8942
9020
|
width: "1em"
|
|
8943
|
-
}, /* @__PURE__ */
|
|
9021
|
+
}, /* @__PURE__ */ import_react60.default.createElement("path", {
|
|
8944
9022
|
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
|
|
8945
|
-
})))), /* @__PURE__ */
|
|
9023
|
+
})))), /* @__PURE__ */ import_react60.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react60.default.createElement(CheckMark, null), /* @__PURE__ */ import_react60.default.createElement(UncheckMark, null));
|
|
8946
9024
|
});
|
|
8947
9025
|
})));
|
|
8948
9026
|
};
|
|
8949
9027
|
// components/blocks/pricing/HorizontalPricing.tsx
|
|
8950
|
-
var
|
|
9028
|
+
var import_react61 = __toESM(require("react"));
|
|
8951
9029
|
var import_clsx12 = __toESM(require("clsx"));
|
|
8952
9030
|
var HorizontalPricing = function(props) {
|
|
8953
|
-
var _ref = _sliced_to_array((0,
|
|
9031
|
+
var _ref = _sliced_to_array((0, import_react61.useState)(""), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
|
|
8954
9032
|
var data = [
|
|
8955
9033
|
{
|
|
8956
9034
|
title: "basic",
|
|
@@ -8968,96 +9046,96 @@ var HorizontalPricing = function(props) {
|
|
|
8968
9046
|
cycle: "/mo"
|
|
8969
9047
|
}
|
|
8970
9048
|
];
|
|
8971
|
-
return /* @__PURE__ */
|
|
9049
|
+
return /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8972
9050
|
className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm"
|
|
8973
|
-
}, /* @__PURE__ */
|
|
9051
|
+
}, /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8974
9052
|
className: "hawa-max-w-2xl "
|
|
8975
|
-
}, /* @__PURE__ */
|
|
9053
|
+
}, /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8976
9054
|
className: "hawa-flex hawa-flex-row hawa-justify-between"
|
|
8977
|
-
}, /* @__PURE__ */
|
|
9055
|
+
}, /* @__PURE__ */ import_react61.default.createElement(Radio, {
|
|
8978
9056
|
design: "tabs",
|
|
8979
9057
|
options: props.currencies,
|
|
8980
9058
|
defaultValue: props.currentCurrency
|
|
8981
|
-
}), /* @__PURE__ */
|
|
9059
|
+
}), /* @__PURE__ */ import_react61.default.createElement(Radio, {
|
|
8982
9060
|
design: "tabs",
|
|
8983
9061
|
options: props.billingCycles,
|
|
8984
9062
|
defaultValue: props.currentCycle
|
|
8985
9063
|
})), data.map(function(d, i) {
|
|
8986
|
-
return /* @__PURE__ */
|
|
9064
|
+
return /* @__PURE__ */ import_react61.default.createElement("label", {
|
|
8987
9065
|
key: i,
|
|
8988
9066
|
htmlFor: d.title,
|
|
8989
9067
|
className: "",
|
|
8990
9068
|
onClick: function() {
|
|
8991
9069
|
return setSelectedCard(d.title);
|
|
8992
9070
|
}
|
|
8993
|
-
}, /* @__PURE__ */
|
|
9071
|
+
}, /* @__PURE__ */ import_react61.default.createElement("input", {
|
|
8994
9072
|
type: "radio",
|
|
8995
9073
|
name: "radio",
|
|
8996
9074
|
id: d.title,
|
|
8997
9075
|
className: "hawa-peer hawa-appearance-none"
|
|
8998
|
-
}), /* @__PURE__ */
|
|
9076
|
+
}), /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8999
9077
|
className: (0, import_clsx12.default)(selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-primary/20 peer-checked:hawa-ring-4 " : "", "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5 hawa-py-4 hawa-shadow dark:hawa-text-white peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden")
|
|
9000
|
-
}, /* @__PURE__ */
|
|
9078
|
+
}, /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
9001
9079
|
className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4"
|
|
9002
|
-
}, /* @__PURE__ */
|
|
9080
|
+
}, /* @__PURE__ */ import_react61.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react61.default.createElement(CardText, {
|
|
9003
9081
|
title: "Enterprise",
|
|
9004
9082
|
subtitle: "For startups and new businesses"
|
|
9005
|
-
})), /* @__PURE__ */
|
|
9083
|
+
})), /* @__PURE__ */ import_react61.default.createElement(CardPrice, {
|
|
9006
9084
|
amount: d.price,
|
|
9007
9085
|
cycle: d.cycle
|
|
9008
9086
|
})));
|
|
9009
9087
|
})));
|
|
9010
9088
|
};
|
|
9011
9089
|
var CheckIcons = function() {
|
|
9012
|
-
return /* @__PURE__ */
|
|
9090
|
+
return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement("svg", {
|
|
9013
9091
|
fill: "none",
|
|
9014
9092
|
viewBox: "0 0 24 24",
|
|
9015
9093
|
strokeWidth: "1.5",
|
|
9016
9094
|
stroke: "currentColor",
|
|
9017
9095
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
|
9018
|
-
}, /* @__PURE__ */
|
|
9096
|
+
}, /* @__PURE__ */ import_react61.default.createElement("path", {
|
|
9019
9097
|
strokeLinecap: "round",
|
|
9020
9098
|
strokeLinejoin: "round",
|
|
9021
9099
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
9022
|
-
})), /* @__PURE__ */
|
|
9100
|
+
})), /* @__PURE__ */ import_react61.default.createElement("svg", {
|
|
9023
9101
|
viewBox: "0 0 24 24",
|
|
9024
9102
|
fill: "currentColor",
|
|
9025
9103
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
|
9026
|
-
}, /* @__PURE__ */
|
|
9104
|
+
}, /* @__PURE__ */ import_react61.default.createElement("path", {
|
|
9027
9105
|
fillRule: "evenodd",
|
|
9028
9106
|
clipRule: "evenodd",
|
|
9029
9107
|
d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
|
|
9030
9108
|
})));
|
|
9031
9109
|
};
|
|
9032
9110
|
var CardText = function(props) {
|
|
9033
|
-
return /* @__PURE__ */
|
|
9111
|
+
return /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
9034
9112
|
className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start "
|
|
9035
|
-
}, /* @__PURE__ */
|
|
9113
|
+
}, /* @__PURE__ */ import_react61.default.createElement("h2", {
|
|
9036
9114
|
className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl"
|
|
9037
|
-
}, props.title), /* @__PURE__ */
|
|
9115
|
+
}, props.title), /* @__PURE__ */ import_react61.default.createElement("p", {
|
|
9038
9116
|
className: "hawa-text-sm hawa-text-primary/60"
|
|
9039
9117
|
}, props.subtitle, " "));
|
|
9040
9118
|
};
|
|
9041
9119
|
var CardPrice = function(props) {
|
|
9042
|
-
return /* @__PURE__ */
|
|
9120
|
+
return /* @__PURE__ */ import_react61.default.createElement("h2", {
|
|
9043
9121
|
className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl"
|
|
9044
|
-
}, props.amount, /* @__PURE__ */
|
|
9122
|
+
}, props.amount, /* @__PURE__ */ import_react61.default.createElement("span", {
|
|
9045
9123
|
className: "hawa-text-base hawa-font-medium hawa-text-neutral-400"
|
|
9046
9124
|
}, props.cycle));
|
|
9047
9125
|
};
|
|
9048
9126
|
// components/blocks/Usage.tsx
|
|
9049
|
-
var
|
|
9127
|
+
var import_react62 = __toESM(require("react"));
|
|
9050
9128
|
var Usage = function(props) {
|
|
9051
9129
|
var _props_percent;
|
|
9052
|
-
return /* @__PURE__ */
|
|
9130
|
+
return /* @__PURE__ */ import_react62.default.createElement("div", {
|
|
9053
9131
|
className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4"
|
|
9054
|
-
}, /* @__PURE__ */
|
|
9132
|
+
}, /* @__PURE__ */ import_react62.default.createElement("div", {
|
|
9055
9133
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
|
|
9056
|
-
}, /* @__PURE__ */
|
|
9134
|
+
}, /* @__PURE__ */ import_react62.default.createElement("span", {
|
|
9057
9135
|
className: "hawa-bg-white-200"
|
|
9058
|
-
}, props.title), props.tooltip && /* @__PURE__ */
|
|
9136
|
+
}, props.title), props.tooltip && /* @__PURE__ */ import_react62.default.createElement(Tooltip, {
|
|
9059
9137
|
content: props.tooltip
|
|
9060
|
-
}, /* @__PURE__ */
|
|
9138
|
+
}, /* @__PURE__ */ import_react62.default.createElement("svg", {
|
|
9061
9139
|
stroke: "currentColor",
|
|
9062
9140
|
"aria-label": "Exclamation Circle",
|
|
9063
9141
|
fill: "currentColor",
|
|
@@ -9065,28 +9143,28 @@ var Usage = function(props) {
|
|
|
9065
9143
|
viewBox: "0 0 16 16",
|
|
9066
9144
|
height: "1em",
|
|
9067
9145
|
width: "1em"
|
|
9068
|
-
}, /* @__PURE__ */
|
|
9146
|
+
}, /* @__PURE__ */ import_react62.default.createElement("path", {
|
|
9069
9147
|
d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
|
|
9070
|
-
})))), /* @__PURE__ */
|
|
9148
|
+
})))), /* @__PURE__ */ import_react62.default.createElement("div", {
|
|
9071
9149
|
className: "hawa-bg-white-100 hawa-flex hawa-flex-row"
|
|
9072
|
-
}, /* @__PURE__ */
|
|
9150
|
+
}, /* @__PURE__ */ import_react62.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react62.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react62.default.createElement(Progress, {
|
|
9073
9151
|
value: (_props_percent = props.percent) !== null && _props_percent !== void 0 ? _props_percent : 0
|
|
9074
9152
|
}));
|
|
9075
9153
|
};
|
|
9076
9154
|
// components/hooks/useDiscloser.ts
|
|
9077
|
-
var import_react62 = require("react");
|
|
9078
|
-
// components/hooks/useHover.ts
|
|
9079
9155
|
var import_react63 = require("react");
|
|
9080
|
-
// components/hooks/
|
|
9156
|
+
// components/hooks/useHover.ts
|
|
9081
9157
|
var import_react64 = require("react");
|
|
9082
|
-
// components/hooks/
|
|
9158
|
+
// components/hooks/useCarousel.ts
|
|
9083
9159
|
var import_react65 = require("react");
|
|
9160
|
+
// components/hooks/useWindowSize.ts
|
|
9161
|
+
var import_react66 = require("react");
|
|
9084
9162
|
var useWindowSize = function() {
|
|
9085
|
-
var _ref = _sliced_to_array((0,
|
|
9163
|
+
var _ref = _sliced_to_array((0, import_react66.useState)({
|
|
9086
9164
|
width: void 0,
|
|
9087
9165
|
height: void 0
|
|
9088
9166
|
}), 2), windowSize = _ref[0], setWindowSize = _ref[1];
|
|
9089
|
-
(0,
|
|
9167
|
+
(0, import_react66.useEffect)(function() {
|
|
9090
9168
|
var handleResize = function handleResize() {
|
|
9091
9169
|
setWindowSize({
|
|
9092
9170
|
width: window.innerWidth,
|
|
@@ -9102,7 +9180,7 @@ var useWindowSize = function() {
|
|
|
9102
9180
|
return windowSize;
|
|
9103
9181
|
};
|
|
9104
9182
|
// components/hooks/useFocusWithin.ts
|
|
9105
|
-
var
|
|
9183
|
+
var import_react67 = require("react");
|
|
9106
9184
|
function containsRelatedTarget(event) {
|
|
9107
9185
|
if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
|
|
9108
9186
|
return event.currentTarget.contains(event.relatedTarget);
|
|
@@ -9111,9 +9189,9 @@ function containsRelatedTarget(event) {
|
|
|
9111
9189
|
}
|
|
9112
9190
|
function useFocusWithin() {
|
|
9113
9191
|
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
|
|
9114
|
-
var ref = (0,
|
|
9115
|
-
var _ref1 = _sliced_to_array((0,
|
|
9116
|
-
var focusedRef = (0,
|
|
9192
|
+
var ref = (0, import_react67.useRef)(null);
|
|
9193
|
+
var _ref1 = _sliced_to_array((0, import_react67.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
|
|
9194
|
+
var focusedRef = (0, import_react67.useRef)(false);
|
|
9117
9195
|
var setFocused = function(value) {
|
|
9118
9196
|
_setFocused(value);
|
|
9119
9197
|
focusedRef.current = value;
|
|
@@ -9130,7 +9208,7 @@ function useFocusWithin() {
|
|
|
9130
9208
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
9131
9209
|
}
|
|
9132
9210
|
};
|
|
9133
|
-
(0,
|
|
9211
|
+
(0, import_react67.useEffect)(function() {
|
|
9134
9212
|
if (ref.current) {
|
|
9135
9213
|
ref.current.addEventListener("focusin", handleFocusIn);
|
|
9136
9214
|
ref.current.addEventListener("focusout", handleFocusOut);
|
|
@@ -9151,7 +9229,7 @@ function useFocusWithin() {
|
|
|
9151
9229
|
};
|
|
9152
9230
|
}
|
|
9153
9231
|
// components/hooks/useMediaQuery.ts
|
|
9154
|
-
var
|
|
9232
|
+
var import_react68 = require("react");
|
|
9155
9233
|
function attachMediaListener(query, callback) {
|
|
9156
9234
|
try {
|
|
9157
9235
|
query.addEventListener("change", callback);
|
|
@@ -9178,9 +9256,9 @@ function useMediaQuery(query, initialValue) {
|
|
|
9178
9256
|
var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
|
|
9179
9257
|
getInitialValueInEffect: true
|
|
9180
9258
|
}).getInitialValueInEffect;
|
|
9181
|
-
var _ref = _sliced_to_array((0,
|
|
9182
|
-
var queryRef = (0,
|
|
9183
|
-
(0,
|
|
9259
|
+
var _ref = _sliced_to_array((0, import_react68.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
|
|
9260
|
+
var queryRef = (0, import_react68.useRef)();
|
|
9261
|
+
(0, import_react68.useEffect)(function() {
|
|
9184
9262
|
if ("matchMedia" in window) {
|
|
9185
9263
|
queryRef.current = window.matchMedia(query);
|
|
9186
9264
|
setMatches(queryRef.current.matches);
|
|
@@ -9195,15 +9273,15 @@ function useMediaQuery(query, initialValue) {
|
|
|
9195
9273
|
return matches;
|
|
9196
9274
|
}
|
|
9197
9275
|
// components/hooks/useScrollPosition.ts
|
|
9198
|
-
var import_react68 = require("react");
|
|
9199
|
-
// components/hooks/useTable.ts
|
|
9200
9276
|
var import_react69 = require("react");
|
|
9201
|
-
// components/hooks/
|
|
9277
|
+
// components/hooks/useTable.ts
|
|
9202
9278
|
var import_react70 = require("react");
|
|
9279
|
+
// components/hooks/useTabs.ts
|
|
9280
|
+
var import_react71 = require("react");
|
|
9203
9281
|
function useTabs() {
|
|
9204
9282
|
var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
|
9205
|
-
var _ref = _sliced_to_array((0,
|
|
9206
|
-
(0,
|
|
9283
|
+
var _ref = _sliced_to_array((0, import_react71.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
|
|
9284
|
+
(0, import_react71.useEffect)(function() {
|
|
9207
9285
|
var handleHashChange = function() {
|
|
9208
9286
|
var hash = window.location.hash.substring(1);
|
|
9209
9287
|
setActiveTab(hash || initialTab);
|
|
@@ -9239,6 +9317,7 @@ function useTabs() {
|
|
|
9239
9317
|
AppLanding: AppLanding,
|
|
9240
9318
|
AppLayout: AppLayout,
|
|
9241
9319
|
AppStores: AppStores,
|
|
9320
|
+
AppTopbar: AppTopbar,
|
|
9242
9321
|
BackToTop: BackToTop,
|
|
9243
9322
|
Breadcrumb: Breadcrumb,
|
|
9244
9323
|
Button: Button,
|