@sikka/hawa 0.12.13-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 +0 -12
- package/dist/index.d.mts +30 -20
- package/dist/index.d.ts +30 -20
- package/dist/index.js +579 -501
- package/dist/index.mjs +433 -314
- 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,8 +6693,82 @@ var SidebarItem = function(_param) {
|
|
|
6690
6693
|
}, item.label)));
|
|
6691
6694
|
}
|
|
6692
6695
|
};
|
|
6693
|
-
// components/layout/
|
|
6696
|
+
// components/layout/Copyrights.tsx
|
|
6694
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
|
|
6712
|
+
var import_react34 = __toESM(require("react"));
|
|
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"))));
|
|
6769
|
+
};
|
|
6770
|
+
// components/layout/AppLayout.tsx
|
|
6771
|
+
var import_react35 = __toESM(require("react"));
|
|
6695
6772
|
var AppLayout = function(_param) {
|
|
6696
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, [
|
|
6697
6774
|
"direction",
|
|
@@ -6719,14 +6796,25 @@ var AppLayout = function(_param) {
|
|
|
6719
6796
|
lg: closeDrawerWidth
|
|
6720
6797
|
}
|
|
6721
6798
|
};
|
|
6722
|
-
var ref = (0,
|
|
6799
|
+
var ref = (0, import_react35.useRef)(null);
|
|
6723
6800
|
var isRTL = direction === "rtl";
|
|
6724
|
-
var _ref = _sliced_to_array((0,
|
|
6725
|
-
var _ref1 = _sliced_to_array((0,
|
|
6726
|
-
var size =
|
|
6727
|
-
var _ref2 = _sliced_to_array((0, import_react33.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];
|
|
6728
6804
|
var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
|
|
6729
|
-
(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() {
|
|
6730
6818
|
var handleClickOutside = function(event) {
|
|
6731
6819
|
if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
|
|
6732
6820
|
setOpenSideMenu(false);
|
|
@@ -6739,11 +6827,11 @@ var AppLayout = function(_param) {
|
|
|
6739
6827
|
}, [
|
|
6740
6828
|
keepOpen
|
|
6741
6829
|
]);
|
|
6742
|
-
return /* @__PURE__ */
|
|
6830
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6743
6831
|
className: "hawa-fixed hawa-left-0"
|
|
6744
|
-
}, props.topBar && /* @__PURE__ */
|
|
6832
|
+
}, props.topBar && /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6745
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")
|
|
6746
|
-
}, size > 600 ? /* @__PURE__ */
|
|
6834
|
+
}, size > 600 ? /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6747
6835
|
className: cn("dark:hawa-text-white", isRTL ? [
|
|
6748
6836
|
size > 600 ? "hawa-mr-14" : "hawa-mr-2",
|
|
6749
6837
|
keepOpen ? "hawa-mr-40" : ""
|
|
@@ -6757,15 +6845,15 @@ var AppLayout = function(_param) {
|
|
|
6757
6845
|
marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
|
|
6758
6846
|
}
|
|
6759
6847
|
}, props.pageTitle) : // Mobile Drawer Menu Button
|
|
6760
|
-
/* @__PURE__ */
|
|
6848
|
+
/* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6761
6849
|
dir: direction,
|
|
6762
6850
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
6763
|
-
}, /* @__PURE__ */
|
|
6851
|
+
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6764
6852
|
onClick: function() {
|
|
6765
6853
|
return setOpenSideMenu(true);
|
|
6766
6854
|
},
|
|
6767
6855
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
6768
|
-
}, /* @__PURE__ */
|
|
6856
|
+
}, /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6769
6857
|
stroke: "currentColor",
|
|
6770
6858
|
fill: "currentColor",
|
|
6771
6859
|
strokeWidth: 0,
|
|
@@ -6773,19 +6861,19 @@ var AppLayout = function(_param) {
|
|
|
6773
6861
|
"aria-hidden": "true",
|
|
6774
6862
|
height: "1.6em",
|
|
6775
6863
|
width: "1.6em"
|
|
6776
|
-
}, /* @__PURE__ */
|
|
6864
|
+
}, /* @__PURE__ */ import_react35.default.createElement("path", {
|
|
6777
6865
|
fillRule: "evenodd",
|
|
6778
6866
|
clipRule: "evenodd",
|
|
6779
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"
|
|
6780
|
-
}))), props.pageTitle ? /* @__PURE__ */
|
|
6868
|
+
}))), props.pageTitle ? /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6781
6869
|
className: "hawa-text-sm"
|
|
6782
|
-
}, props.pageTitle) : /* @__PURE__ */
|
|
6870
|
+
}, props.pageTitle) : /* @__PURE__ */ import_react35.default.createElement("div", null)), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6783
6871
|
className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
6784
|
-
}, size > 600 ? /* @__PURE__ */
|
|
6872
|
+
}, size > 600 ? /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6785
6873
|
className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
|
|
6786
|
-
}, /* @__PURE__ */
|
|
6874
|
+
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6787
6875
|
className: "hawa-font-bold"
|
|
6788
|
-
}, props.username), " ", /* @__PURE__ */
|
|
6876
|
+
}, props.username), " ", /* @__PURE__ */ import_react35.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react35.default.createElement(DropdownMenu, {
|
|
6789
6877
|
triggerClassname: "hawa-mx-2",
|
|
6790
6878
|
align: "end",
|
|
6791
6879
|
alignOffset: 8,
|
|
@@ -6797,22 +6885,22 @@ var AppLayout = function(_param) {
|
|
|
6797
6885
|
onItemSelect: function(e) {
|
|
6798
6886
|
return console.log("selecting item ", e);
|
|
6799
6887
|
},
|
|
6800
|
-
trigger: /* @__PURE__ */
|
|
6888
|
+
trigger: /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6801
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"
|
|
6802
|
-
}, props.avatarImage ? /* @__PURE__ */
|
|
6890
|
+
}, props.avatarImage ? /* @__PURE__ */ import_react35.default.createElement("img", {
|
|
6803
6891
|
src: props.avatarImage,
|
|
6804
6892
|
alt: "User Avatar"
|
|
6805
|
-
}) : /* @__PURE__ */
|
|
6893
|
+
}) : /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6806
6894
|
"aria-label": "Avatar Icon",
|
|
6807
6895
|
className: "hawa-absolute hawa--left-1 hawa-h-10 hawa-w-10 hawa-text-gray-400",
|
|
6808
6896
|
fill: "currentColor",
|
|
6809
6897
|
viewBox: "0 0 20 20"
|
|
6810
|
-
}, /* @__PURE__ */
|
|
6898
|
+
}, /* @__PURE__ */ import_react35.default.createElement("path", {
|
|
6811
6899
|
fillRule: "evenodd",
|
|
6812
6900
|
d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
|
|
6813
6901
|
clipRule: "evenodd"
|
|
6814
6902
|
})))
|
|
6815
|
-
}))), /* @__PURE__ */
|
|
6903
|
+
}))), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6816
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)]"),
|
|
6817
6905
|
style: {
|
|
6818
6906
|
width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
|
|
@@ -6821,31 +6909,34 @@ var AppLayout = function(_param) {
|
|
|
6821
6909
|
setOpenSideMenu(true);
|
|
6822
6910
|
},
|
|
6823
6911
|
onMouseLeave: function() {
|
|
6824
|
-
if (
|
|
6825
|
-
|
|
6912
|
+
if (size > 600) {
|
|
6913
|
+
if (keepOpen) {
|
|
6914
|
+
setOpenSideMenu(true);
|
|
6915
|
+
} else {
|
|
6916
|
+
setOpenedSidebarItem("");
|
|
6917
|
+
setOpenSideMenu(false);
|
|
6918
|
+
}
|
|
6826
6919
|
} else {
|
|
6827
|
-
setOpenedSidebarItem("");
|
|
6828
6920
|
setOpenSideMenu(false);
|
|
6829
6921
|
}
|
|
6830
6922
|
},
|
|
6831
6923
|
ref: ref
|
|
6832
|
-
}, /* @__PURE__ */
|
|
6924
|
+
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6833
6925
|
onClick: props.onLogoClick,
|
|
6834
6926
|
dir: direction,
|
|
6835
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"),
|
|
6836
6928
|
style: {
|
|
6837
6929
|
width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
|
|
6838
6930
|
}
|
|
6839
|
-
}, /* @__PURE__ */
|
|
6931
|
+
}, /* @__PURE__ */ import_react35.default.createElement("img", {
|
|
6840
6932
|
className: cn("hawa-h-9 hawa-opacity-0 hawa-transition-all", !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
|
|
6841
6933
|
src: props.logoLink
|
|
6842
|
-
}), size > 600 ? /* @__PURE__ */
|
|
6843
|
-
className: cn("hawa-fixed hawa-h-9 hawa-transition-all",
|
|
6844
|
-
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"),
|
|
6845
6936
|
src: props.logoSymbol
|
|
6846
|
-
}) : null), /* @__PURE__ */
|
|
6937
|
+
}) : null), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6847
6938
|
className: cn(// hawa-h-[calc(100dvh)]
|
|
6848
|
-
"hawa-fixed hawa-bottom-14 hawa-bg-primary-foreground hawa-p-0 hawa-py-2 hawa-transition-all
|
|
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"),
|
|
6849
6940
|
style: {
|
|
6850
6941
|
// height:
|
|
6851
6942
|
// design === "floating"
|
|
@@ -6854,7 +6945,7 @@ var AppLayout = function(_param) {
|
|
|
6854
6945
|
// : "calc(100% - 112px)",
|
|
6855
6946
|
width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : drawerSizeCondition, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
|
|
6856
6947
|
}
|
|
6857
|
-
}, /* @__PURE__ */
|
|
6948
|
+
}, /* @__PURE__ */ import_react35.default.createElement(SidebarGroup, {
|
|
6858
6949
|
direction: direction,
|
|
6859
6950
|
onItemClick: function(values) {
|
|
6860
6951
|
if (clickedItem) {
|
|
@@ -6873,16 +6964,16 @@ var AppLayout = function(_param) {
|
|
|
6873
6964
|
},
|
|
6874
6965
|
isOpen: keepOpen || openSideMenu,
|
|
6875
6966
|
items: props.drawerItems
|
|
6876
|
-
})), /* @__PURE__ */
|
|
6967
|
+
})), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6877
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"),
|
|
6878
6969
|
style: {
|
|
6879
6970
|
width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
|
|
6880
6971
|
}
|
|
6881
|
-
}, 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, {
|
|
6882
6973
|
side: "left",
|
|
6883
6974
|
delayDuration: 500,
|
|
6884
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"
|
|
6885
|
-
}, /* @__PURE__ */
|
|
6976
|
+
}, /* @__PURE__ */ import_react35.default.createElement(Button, {
|
|
6886
6977
|
variant: "light",
|
|
6887
6978
|
onClick: function() {
|
|
6888
6979
|
var newKeepOpenState = !keepOpen;
|
|
@@ -6892,15 +6983,15 @@ var AppLayout = function(_param) {
|
|
|
6892
6983
|
setKeepOpen(newKeepOpenState);
|
|
6893
6984
|
},
|
|
6894
6985
|
size: "smallIcon"
|
|
6895
|
-
}, /* @__PURE__ */
|
|
6986
|
+
}, /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6896
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"),
|
|
6897
6988
|
fill: "currentColor",
|
|
6898
6989
|
viewBox: "0 0 20 20"
|
|
6899
|
-
}, /* @__PURE__ */
|
|
6990
|
+
}, /* @__PURE__ */ import_react35.default.createElement("path", {
|
|
6900
6991
|
fillRule: "evenodd",
|
|
6901
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",
|
|
6902
6993
|
clipRule: "evenodd"
|
|
6903
|
-
})))) : null)), /* @__PURE__ */
|
|
6994
|
+
})))) : null)), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6904
6995
|
className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all",
|
|
6905
6996
|
style: design === "floating" ? isRTL ? {
|
|
6906
6997
|
height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
|
|
@@ -6925,87 +7016,73 @@ var AppLayout = function(_param) {
|
|
|
6925
7016
|
}
|
|
6926
7017
|
}, props.children));
|
|
6927
7018
|
};
|
|
6928
|
-
// components/layout/
|
|
6929
|
-
var
|
|
6930
|
-
var
|
|
6931
|
-
|
|
6932
|
-
|
|
6933
|
-
|
|
6934
|
-
|
|
6935
|
-
|
|
6936
|
-
|
|
6937
|
-
|
|
6938
|
-
|
|
6939
|
-
|
|
6940
|
-
|
|
6941
|
-
|
|
6942
|
-
}
|
|
6943
|
-
// components/layout/Navbar.tsx
|
|
6944
|
-
var import_react35 = __toESM(require("react"));
|
|
6945
|
-
// components/elements/Collapsible.tsx
|
|
6946
|
-
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
6947
|
-
var Collapsible = CollapsiblePrimitive.Root;
|
|
6948
|
-
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
6949
|
-
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
6950
|
-
// components/layout/Navbar.tsx
|
|
6951
|
-
var Navbar = function(props) {
|
|
6952
|
-
var _ref = _sliced_to_array((0, import_react35.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
|
|
6953
|
-
return /* @__PURE__ */ import_react35.default.createElement("nav", {
|
|
6954
|
-
className: "hawa-bg-gray-800 hawa-p-4 hawa-transition-all"
|
|
6955
|
-
}, /* @__PURE__ */ import_react35.default.createElement(Collapsible, null, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6956
|
-
className: "hawa-container hawa-mx-auto hawa-flex hawa-justify-between hawa-items-center"
|
|
6957
|
-
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6958
|
-
className: "hawa-flex hawa-items-center"
|
|
6959
|
-
}, /* @__PURE__ */ import_react35.default.createElement("a", {
|
|
6960
|
-
href: "/",
|
|
6961
|
-
className: "hawa-text-white hawa-text-xl hawa-font-bold"
|
|
6962
|
-
}, "YourLogo")), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6963
|
-
className: "hawa-hidden hawa-md:hawa-flex hawa-space-x-4"
|
|
6964
|
-
}, /* @__PURE__ */ import_react35.default.createElement("a", {
|
|
6965
|
-
href: "/about",
|
|
6966
|
-
className: "hawa-text-white"
|
|
6967
|
-
}, "About"), /* @__PURE__ */ import_react35.default.createElement("a", {
|
|
6968
|
-
href: "/services",
|
|
6969
|
-
className: "hawa-text-white"
|
|
6970
|
-
}, "Services"), /* @__PURE__ */ import_react35.default.createElement("a", {
|
|
6971
|
-
href: "/contact",
|
|
6972
|
-
className: "hawa-text-white"
|
|
6973
|
-
}, "Contact")), /* @__PURE__ */ import_react35.default.createElement("div", {
|
|
6974
|
-
className: "hawa-md:hawa-hidden"
|
|
6975
|
-
}, /* @__PURE__ */ import_react35.default.createElement(CollapsibleTrigger2, {
|
|
6976
|
-
className: "hawa-text-white hawa-p-2",
|
|
6977
|
-
"aria-label": "Toggle menu"
|
|
6978
|
-
}, /* @__PURE__ */ import_react35.default.createElement("svg", {
|
|
6979
|
-
className: "hawa-w-6 hawa-h-6",
|
|
6980
|
-
fill: "none",
|
|
7019
|
+
// components/layout/AppTopbar.tsx
|
|
7020
|
+
var import_react36 = __toESM(require("react"));
|
|
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"
|
|
7031
|
+
}, /* @__PURE__ */ import_react36.default.createElement("div", {
|
|
7032
|
+
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
7033
|
+
}, /* @__PURE__ */ import_react36.default.createElement("svg", {
|
|
6981
7034
|
stroke: "currentColor",
|
|
6982
|
-
|
|
6983
|
-
|
|
6984
|
-
|
|
6985
|
-
|
|
6986
|
-
|
|
6987
|
-
|
|
6988
|
-
|
|
6989
|
-
|
|
6990
|
-
|
|
6991
|
-
|
|
6992
|
-
|
|
6993
|
-
className: "hawa-text-white hawa-
|
|
6994
|
-
},
|
|
6995
|
-
|
|
6996
|
-
|
|
6997
|
-
|
|
6998
|
-
|
|
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"
|
|
7041
|
+
}, /* @__PURE__ */ import_react36.default.createElement("path", {
|
|
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
|
+
})));
|
|
7001
7078
|
};
|
|
7002
7079
|
// components/layout/DocsLayout.tsx
|
|
7003
|
-
var
|
|
7080
|
+
var import_react39 = __toESM(require("react"));
|
|
7004
7081
|
// components/hooks/useBreakpoint.ts
|
|
7005
|
-
var
|
|
7082
|
+
var import_react37 = require("react");
|
|
7006
7083
|
var useBreakpoint = function() {
|
|
7007
|
-
var _ref = _sliced_to_array((0,
|
|
7008
|
-
(0,
|
|
7084
|
+
var _ref = _sliced_to_array((0, import_react37.useState)(null), 2), breakpoint = _ref[0], setBreakpoint = _ref[1];
|
|
7085
|
+
(0, import_react37.useEffect)(function() {
|
|
7009
7086
|
if (typeof window !== "undefined") {
|
|
7010
7087
|
var resize = function() {
|
|
7011
7088
|
setBreakpoint(window.innerWidth);
|
|
@@ -7020,7 +7097,7 @@ var useBreakpoint = function() {
|
|
|
7020
7097
|
return breakpoint;
|
|
7021
7098
|
};
|
|
7022
7099
|
// components/layout/DocsSidebar.tsx
|
|
7023
|
-
var
|
|
7100
|
+
var import_react38 = __toESM(require("react"));
|
|
7024
7101
|
var DocsSidebar = function(_param) {
|
|
7025
7102
|
var test = _param.test, props = _object_without_properties(_param, [
|
|
7026
7103
|
"test"
|
|
@@ -7032,14 +7109,14 @@ var DocsSidebar = function(_param) {
|
|
|
7032
7109
|
"API Reference",
|
|
7033
7110
|
"FAQ"
|
|
7034
7111
|
];
|
|
7035
|
-
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];
|
|
7036
7113
|
var handlePageClick = function(page) {
|
|
7037
7114
|
setCurrentPage(page);
|
|
7038
7115
|
};
|
|
7039
|
-
return /* @__PURE__ */
|
|
7116
|
+
return /* @__PURE__ */ import_react38.default.createElement("div", {
|
|
7040
7117
|
className: "hawa-flex hawa-flex-col hawa-overflow-x-clip"
|
|
7041
7118
|
}, pages.map(function(page, index) {
|
|
7042
|
-
return /* @__PURE__ */
|
|
7119
|
+
return /* @__PURE__ */ import_react38.default.createElement("a", {
|
|
7043
7120
|
key: index,
|
|
7044
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" : ""),
|
|
7045
7122
|
onClick: function() {
|
|
@@ -7074,14 +7151,14 @@ var DocsLayout = function(_param) {
|
|
|
7074
7151
|
lg: closeDrawerWidth
|
|
7075
7152
|
}
|
|
7076
7153
|
};
|
|
7077
|
-
var ref = (0,
|
|
7154
|
+
var ref = (0, import_react39.useRef)(null);
|
|
7078
7155
|
var isRTL = direction === "rtl";
|
|
7079
7156
|
var size = useBreakpoint();
|
|
7080
7157
|
if (typeof window == "undefined") {
|
|
7081
7158
|
size = 1200;
|
|
7082
7159
|
}
|
|
7083
|
-
var _ref = _sliced_to_array((0,
|
|
7084
|
-
(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() {
|
|
7085
7162
|
var handleClickOutside = function(event) {
|
|
7086
7163
|
if (ref.current && !ref.current.contains(event.target) && !openSideMenu) {
|
|
7087
7164
|
setOpenSideMenu(false);
|
|
@@ -7094,7 +7171,7 @@ var DocsLayout = function(_param) {
|
|
|
7094
7171
|
}, [
|
|
7095
7172
|
openSideMenu
|
|
7096
7173
|
]);
|
|
7097
|
-
(0,
|
|
7174
|
+
(0, import_react39.useEffect)(function() {
|
|
7098
7175
|
var handleResize = function() {
|
|
7099
7176
|
setOpenSideMenu(window.innerWidth > 600 ? true : false);
|
|
7100
7177
|
};
|
|
@@ -7107,23 +7184,23 @@ var DocsLayout = function(_param) {
|
|
|
7107
7184
|
keepOpen
|
|
7108
7185
|
]);
|
|
7109
7186
|
var drawerSizeCondition = drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize];
|
|
7110
|
-
return /* @__PURE__ */
|
|
7187
|
+
return /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7111
7188
|
className: "hawa-fixed"
|
|
7112
|
-
}, /* @__PURE__ */
|
|
7189
|
+
}, /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7113
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")
|
|
7114
|
-
}, size > 600 ? /* @__PURE__ */
|
|
7191
|
+
}, size > 600 ? /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7115
7192
|
onClick: props.onLogoClick,
|
|
7116
7193
|
dir: direction
|
|
7117
|
-
}, /* @__PURE__ */
|
|
7194
|
+
}, /* @__PURE__ */ import_react39.default.createElement("img", {
|
|
7118
7195
|
className: cn("hawa-h-8 hawa-opacity-0 hawa-transition-all", !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"),
|
|
7119
7196
|
src: props.logoLink
|
|
7120
7197
|
})) : // Mobile Drawer Menu Button
|
|
7121
|
-
/* @__PURE__ */
|
|
7198
|
+
/* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7122
7199
|
dir: direction,
|
|
7123
7200
|
className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
|
|
7124
|
-
}, /* @__PURE__ */
|
|
7201
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Sheet, null, /* @__PURE__ */ import_react39.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7125
7202
|
className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer hawa-rounded hawa-p-2 hawa-transition-all hover:hawa-bg-gray-100"
|
|
7126
|
-
}, /* @__PURE__ */
|
|
7203
|
+
}, /* @__PURE__ */ import_react39.default.createElement("svg", {
|
|
7127
7204
|
"aria-label": "Menu Icon",
|
|
7128
7205
|
stroke: "currentColor",
|
|
7129
7206
|
fill: "currentColor",
|
|
@@ -7132,21 +7209,21 @@ var DocsLayout = function(_param) {
|
|
|
7132
7209
|
"aria-hidden": "true",
|
|
7133
7210
|
height: "1.6em",
|
|
7134
7211
|
width: "1.6em"
|
|
7135
|
-
}, /* @__PURE__ */
|
|
7212
|
+
}, /* @__PURE__ */ import_react39.default.createElement("path", {
|
|
7136
7213
|
fillRule: "evenodd",
|
|
7137
7214
|
clipRule: "evenodd",
|
|
7138
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"
|
|
7139
|
-
})))), /* @__PURE__ */
|
|
7216
|
+
})))), /* @__PURE__ */ import_react39.default.createElement(SheetContent, {
|
|
7140
7217
|
side: isRTL ? "right" : "left",
|
|
7141
7218
|
className: "hawa-pt-10"
|
|
7142
|
-
}, " ", /* @__PURE__ */
|
|
7219
|
+
}, " ", /* @__PURE__ */ import_react39.default.createElement(DocsSidebar, null)))), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7143
7220
|
className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
|
|
7144
|
-
}, /* @__PURE__ */
|
|
7221
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Button, {
|
|
7145
7222
|
variant: "ghost",
|
|
7146
7223
|
size: "smallIcon"
|
|
7147
|
-
}, /* @__PURE__ */
|
|
7224
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Logos.github, {
|
|
7148
7225
|
className: "hawa-w-4 hawa-h-4"
|
|
7149
|
-
})))), /* @__PURE__ */
|
|
7226
|
+
})))), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7150
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"),
|
|
7151
7228
|
style: {
|
|
7152
7229
|
// height: "calc(100%)",
|
|
@@ -7161,7 +7238,7 @@ var DocsLayout = function(_param) {
|
|
|
7161
7238
|
}
|
|
7162
7239
|
},
|
|
7163
7240
|
ref: ref
|
|
7164
|
-
}, /* @__PURE__ */
|
|
7241
|
+
}, /* @__PURE__ */ import_react39.default.createElement(DocsSidebar, null)), /* @__PURE__ */ import_react39.default.createElement("div", null, "overlay sidebar"), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7165
7242
|
className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
|
|
7166
7243
|
style: isRTL ? {
|
|
7167
7244
|
height: "calc(100% - 56px)",
|
|
@@ -7179,59 +7256,59 @@ var DocsLayout = function(_param) {
|
|
|
7179
7256
|
}, props.children));
|
|
7180
7257
|
};
|
|
7181
7258
|
// components/blocks/auth/LoginForm.tsx
|
|
7182
|
-
var
|
|
7259
|
+
var import_react41 = __toESM(require("react"));
|
|
7183
7260
|
var import_react_hook_form = require("react-hook-form");
|
|
7184
7261
|
var import_zod = require("@hookform/resolvers/zod");
|
|
7185
7262
|
var import_libphonenumber_js = require("libphonenumber-js");
|
|
7186
7263
|
var z = __toESM(require("zod"));
|
|
7187
7264
|
// components/blocks/auth/AuthButtons.tsx
|
|
7188
|
-
var
|
|
7265
|
+
var import_react40 = __toESM(require("react"));
|
|
7189
7266
|
var AuthButtons = function(props) {
|
|
7190
7267
|
var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6;
|
|
7191
7268
|
var _props_texts_continueWithGoogle, _props_texts_continueWithGithub, _props_texts_continueWithTwitter, _props_texts_continueWithApple, _props_texts_continueWithMicrosoft, _props_texts_continueWithEmail, _props_texts_continueWithPhone;
|
|
7192
|
-
return /* @__PURE__ */
|
|
7269
|
+
return /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7193
7270
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7194
|
-
}, props.viaGoogle && /* @__PURE__ */
|
|
7271
|
+
}, props.viaGoogle && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7195
7272
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7196
7273
|
variant: "outline",
|
|
7197
7274
|
onClick: props.handleGoogle
|
|
7198
|
-
}, /* @__PURE__ */
|
|
7275
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.google, {
|
|
7199
7276
|
className: "hawa-h-4 hawa-w-4"
|
|
7200
|
-
}), (_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, {
|
|
7201
7278
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7202
7279
|
variant: "outline",
|
|
7203
7280
|
onClick: props.handleGithub
|
|
7204
|
-
}, /* @__PURE__ */
|
|
7281
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.github, {
|
|
7205
7282
|
className: "hawa-h-4 hawa-w-4"
|
|
7206
|
-
}), (_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, {
|
|
7207
7284
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7208
7285
|
variant: "outline",
|
|
7209
7286
|
onClick: props.handleTwitter
|
|
7210
|
-
}, /* @__PURE__ */
|
|
7287
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.twitter, {
|
|
7211
7288
|
className: "hawa-h-4 hawa-w-4"
|
|
7212
|
-
}), (_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, {
|
|
7213
7290
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7214
7291
|
variant: "outline",
|
|
7215
7292
|
onClick: props.handleApple
|
|
7216
|
-
}, /* @__PURE__ */
|
|
7293
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.apple, {
|
|
7217
7294
|
className: "hawa-h-4 hawa-w-4"
|
|
7218
|
-
}), (_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, {
|
|
7219
7296
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7220
7297
|
variant: "outline",
|
|
7221
7298
|
onClick: props.handleMicrosoft
|
|
7222
|
-
}, /* @__PURE__ */
|
|
7299
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.microsoft, {
|
|
7223
7300
|
className: "hawa-h-4 hawa-w-4"
|
|
7224
|
-
}), (_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, {
|
|
7225
7302
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7226
7303
|
variant: "outline",
|
|
7227
7304
|
onClick: props.handleEmail
|
|
7228
|
-
}, /* @__PURE__ */
|
|
7305
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.mail, {
|
|
7229
7306
|
className: "hawa-h-4 hawa-w-4"
|
|
7230
|
-
}), (_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, {
|
|
7231
7308
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7232
7309
|
variant: "outline",
|
|
7233
7310
|
onClick: props.handlePhone
|
|
7234
|
-
}, /* @__PURE__ */
|
|
7311
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.phone, {
|
|
7235
7312
|
className: "hawa-h-4 hawa-w-4"
|
|
7236
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"));
|
|
7237
7314
|
};
|
|
@@ -7323,26 +7400,26 @@ var LoginForm = function(_param) {
|
|
|
7323
7400
|
var renderFields = function() {
|
|
7324
7401
|
switch(loginType){
|
|
7325
7402
|
case "email":
|
|
7326
|
-
return /* @__PURE__ */
|
|
7403
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7327
7404
|
control: control,
|
|
7328
7405
|
name: "email",
|
|
7329
7406
|
render: function(param) {
|
|
7330
7407
|
var field = param.field;
|
|
7331
7408
|
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7332
|
-
return /* @__PURE__ */
|
|
7409
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7333
7410
|
width: "full",
|
|
7334
7411
|
label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
|
|
7335
7412
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
7336
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"
|
|
7337
7414
|
}, field));
|
|
7338
7415
|
}
|
|
7339
|
-
}), /* @__PURE__ */
|
|
7416
|
+
}), /* @__PURE__ */ import_react41.default.createElement("div", null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7340
7417
|
control: control,
|
|
7341
7418
|
name: "password",
|
|
7342
7419
|
render: function(param) {
|
|
7343
7420
|
var field = param.field;
|
|
7344
7421
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7345
|
-
return /* @__PURE__ */
|
|
7422
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7346
7423
|
width: "full",
|
|
7347
7424
|
autoComplete: "current-password",
|
|
7348
7425
|
type: "password",
|
|
@@ -7351,18 +7428,18 @@ var LoginForm = function(_param) {
|
|
|
7351
7428
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7352
7429
|
}, field));
|
|
7353
7430
|
}
|
|
7354
|
-
}), !props.withoutResetPassword && /* @__PURE__ */
|
|
7431
|
+
}), !props.withoutResetPassword && /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7355
7432
|
onClick: props.onForgotPassword,
|
|
7356
7433
|
className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
|
|
7357
7434
|
}, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
|
|
7358
7435
|
case "username":
|
|
7359
|
-
return /* @__PURE__ */
|
|
7436
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7360
7437
|
control: control,
|
|
7361
7438
|
name: "username",
|
|
7362
7439
|
render: function(param) {
|
|
7363
7440
|
var field = param.field;
|
|
7364
7441
|
var _texts_username, _formState_errors_username, _texts_username1;
|
|
7365
|
-
return /* @__PURE__ */
|
|
7442
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7366
7443
|
width: "full",
|
|
7367
7444
|
autoComplete: "username",
|
|
7368
7445
|
label: (texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label) || "Username",
|
|
@@ -7370,13 +7447,13 @@ var LoginForm = function(_param) {
|
|
|
7370
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"
|
|
7371
7448
|
}, field));
|
|
7372
7449
|
}
|
|
7373
|
-
}), /* @__PURE__ */
|
|
7450
|
+
}), /* @__PURE__ */ import_react41.default.createElement("div", null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7374
7451
|
control: control,
|
|
7375
7452
|
name: "password",
|
|
7376
7453
|
render: function(param) {
|
|
7377
7454
|
var field = param.field;
|
|
7378
7455
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7379
|
-
return /* @__PURE__ */
|
|
7456
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7380
7457
|
width: "full",
|
|
7381
7458
|
autoComplete: "current-password",
|
|
7382
7459
|
type: "password",
|
|
@@ -7385,18 +7462,18 @@ var LoginForm = function(_param) {
|
|
|
7385
7462
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7386
7463
|
}, field));
|
|
7387
7464
|
}
|
|
7388
|
-
}), !props.withoutResetPassword && /* @__PURE__ */
|
|
7465
|
+
}), !props.withoutResetPassword && /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7389
7466
|
onClick: props.onForgotPassword,
|
|
7390
7467
|
className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
|
|
7391
7468
|
}, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
|
|
7392
7469
|
case "phone":
|
|
7393
|
-
return /* @__PURE__ */
|
|
7470
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7394
7471
|
control: control,
|
|
7395
7472
|
name: "phone",
|
|
7396
7473
|
render: function(param) {
|
|
7397
7474
|
var field = param.field;
|
|
7398
7475
|
var _texts_phone, _formState_errors_phone;
|
|
7399
|
-
return /* @__PURE__ */
|
|
7476
|
+
return /* @__PURE__ */ import_react41.default.createElement(PhoneInput, {
|
|
7400
7477
|
label: texts === null || texts === void 0 ? void 0 : (_texts_phone = texts.phone) === null || _texts_phone === void 0 ? void 0 : _texts_phone.label,
|
|
7401
7478
|
helperText: (_formState_errors_phone = formState.errors.phone) === null || _formState_errors_phone === void 0 ? void 0 : _formState_errors_phone.message,
|
|
7402
7479
|
preferredCountry: {
|
|
@@ -7409,13 +7486,13 @@ var LoginForm = function(_param) {
|
|
|
7409
7486
|
}
|
|
7410
7487
|
}));
|
|
7411
7488
|
case "link":
|
|
7412
|
-
return /* @__PURE__ */
|
|
7489
|
+
return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(import_react_hook_form.Controller, {
|
|
7413
7490
|
control: control,
|
|
7414
7491
|
name: "email",
|
|
7415
7492
|
render: function(param) {
|
|
7416
7493
|
var field = param.field;
|
|
7417
7494
|
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7418
|
-
return /* @__PURE__ */
|
|
7495
|
+
return /* @__PURE__ */ import_react41.default.createElement(Input, _object_spread({
|
|
7419
7496
|
width: "full",
|
|
7420
7497
|
autoComplete: "email",
|
|
7421
7498
|
label: (texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label) || "Email",
|
|
@@ -7428,17 +7505,17 @@ var LoginForm = function(_param) {
|
|
|
7428
7505
|
break;
|
|
7429
7506
|
}
|
|
7430
7507
|
};
|
|
7431
|
-
return /* @__PURE__ */
|
|
7508
|
+
return /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7432
7509
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7433
|
-
}, /* @__PURE__ */
|
|
7510
|
+
}, /* @__PURE__ */ import_react41.default.createElement(Card, {
|
|
7434
7511
|
dir: props.direction
|
|
7435
|
-
}, /* @__PURE__ */
|
|
7512
|
+
}, /* @__PURE__ */ import_react41.default.createElement(CardContent, {
|
|
7436
7513
|
headless: true
|
|
7437
|
-
}, props.showError && /* @__PURE__ */
|
|
7514
|
+
}, props.showError && /* @__PURE__ */ import_react41.default.createElement(Alert, {
|
|
7438
7515
|
title: props.errorTitle,
|
|
7439
7516
|
text: props.errorText,
|
|
7440
7517
|
severity: "error"
|
|
7441
|
-
}), /* @__PURE__ */
|
|
7518
|
+
}), /* @__PURE__ */ import_react41.default.createElement("form", {
|
|
7442
7519
|
noValidate: true,
|
|
7443
7520
|
className: "hawa-flex hawa-flex-col hawa-gap-4",
|
|
7444
7521
|
onSubmit: handleSubmit(function(e) {
|
|
@@ -7448,18 +7525,18 @@ var LoginForm = function(_param) {
|
|
|
7448
7525
|
console.log("Form is submitted but onLogin prop is missing");
|
|
7449
7526
|
}
|
|
7450
7527
|
})
|
|
7451
|
-
}, renderFields(), /* @__PURE__ */
|
|
7528
|
+
}, renderFields(), /* @__PURE__ */ import_react41.default.createElement(Button, {
|
|
7452
7529
|
className: "hawa-mt-0 hawa-w-full",
|
|
7453
7530
|
type: "submit",
|
|
7454
7531
|
isLoading: props.isLoading
|
|
7455
|
-
}, (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", {
|
|
7456
7533
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300"
|
|
7457
|
-
}, (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", {
|
|
7458
7535
|
onClick: props.onRouteToRegister,
|
|
7459
7536
|
className: "clickable-link"
|
|
7460
|
-
}, (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, {
|
|
7461
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")
|
|
7462
|
-
}, /* @__PURE__ */
|
|
7539
|
+
}, /* @__PURE__ */ import_react41.default.createElement(AuthButtons, {
|
|
7463
7540
|
texts: thirdPartyAuthTexts,
|
|
7464
7541
|
viaGoogle: props.viaGoogle,
|
|
7465
7542
|
viaGithub: props.viaGithub,
|
|
@@ -7467,7 +7544,7 @@ var LoginForm = function(_param) {
|
|
|
7467
7544
|
handleGoogle: props.onGoogleLogin,
|
|
7468
7545
|
handleGithub: props.onGithubLogin,
|
|
7469
7546
|
handleTwitter: props.onTwitterLogin
|
|
7470
|
-
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7547
|
+
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react41.default.createElement(InterfaceSettings, {
|
|
7471
7548
|
currentColorMode: props.currentColorMode,
|
|
7472
7549
|
currentLanguage: props.currentLanguage,
|
|
7473
7550
|
handleColorMode: props.handleColorMode,
|
|
@@ -7475,7 +7552,7 @@ var LoginForm = function(_param) {
|
|
|
7475
7552
|
}));
|
|
7476
7553
|
};
|
|
7477
7554
|
// components/blocks/auth/RegisterForm.tsx
|
|
7478
|
-
var
|
|
7555
|
+
var import_react42 = __toESM(require("react"));
|
|
7479
7556
|
var import_react_hook_form2 = require("react-hook-form");
|
|
7480
7557
|
var import_zod2 = require("@hookform/resolvers/zod");
|
|
7481
7558
|
var z2 = __toESM(require("zod"));
|
|
@@ -7563,17 +7640,17 @@ var RegisterForm = function(_param) {
|
|
|
7563
7640
|
var _ref = (0, import_react_hook_form2.useForm)({
|
|
7564
7641
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
|
7565
7642
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7566
|
-
return /* @__PURE__ */
|
|
7643
|
+
return /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7567
7644
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7568
|
-
}, /* @__PURE__ */
|
|
7645
|
+
}, /* @__PURE__ */ import_react42.default.createElement(Card, {
|
|
7569
7646
|
dir: props.direction
|
|
7570
|
-
}, /* @__PURE__ */
|
|
7647
|
+
}, /* @__PURE__ */ import_react42.default.createElement(CardContent, {
|
|
7571
7648
|
headless: true
|
|
7572
|
-
}, /* @__PURE__ */
|
|
7649
|
+
}, /* @__PURE__ */ import_react42.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
|
|
7573
7650
|
title: props.errorTitle,
|
|
7574
7651
|
text: props.errorText,
|
|
7575
7652
|
severity: "error"
|
|
7576
|
-
}), /* @__PURE__ */
|
|
7653
|
+
}), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react42.default.createElement("form", {
|
|
7577
7654
|
noValidate: true,
|
|
7578
7655
|
onSubmit: handleSubmit(function(e) {
|
|
7579
7656
|
if (props.onRegister) {
|
|
@@ -7583,18 +7660,18 @@ var RegisterForm = function(_param) {
|
|
|
7583
7660
|
}
|
|
7584
7661
|
}),
|
|
7585
7662
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7586
|
-
}, /* @__PURE__ */
|
|
7663
|
+
}, /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7587
7664
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7588
7665
|
}, props.registerFields.map(function(fld, i) {
|
|
7589
7666
|
if (fld === "fullname") {
|
|
7590
|
-
return /* @__PURE__ */
|
|
7667
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7591
7668
|
key: i,
|
|
7592
7669
|
control: control,
|
|
7593
7670
|
name: "fullName",
|
|
7594
7671
|
render: function(param) {
|
|
7595
7672
|
var field = param.field;
|
|
7596
7673
|
var _texts_fullName, _texts_fullName1, _formState_errors_fullName;
|
|
7597
|
-
return /* @__PURE__ */
|
|
7674
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7598
7675
|
width: "full",
|
|
7599
7676
|
label: texts === null || texts === void 0 ? void 0 : (_texts_fullName = texts.fullName) === null || _texts_fullName === void 0 ? void 0 : _texts_fullName.label,
|
|
7600
7677
|
placeholder: texts === null || texts === void 0 ? void 0 : (_texts_fullName1 = texts.fullName) === null || _texts_fullName1 === void 0 ? void 0 : _texts_fullName1.placeholder,
|
|
@@ -7604,14 +7681,14 @@ var RegisterForm = function(_param) {
|
|
|
7604
7681
|
});
|
|
7605
7682
|
}
|
|
7606
7683
|
if (fld === "email") {
|
|
7607
|
-
return /* @__PURE__ */
|
|
7684
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7608
7685
|
key: i,
|
|
7609
7686
|
control: control,
|
|
7610
7687
|
name: "email",
|
|
7611
7688
|
render: function(param) {
|
|
7612
7689
|
var field = param.field;
|
|
7613
7690
|
var _texts_email, _formState_errors_email, _texts_email1;
|
|
7614
|
-
return /* @__PURE__ */
|
|
7691
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7615
7692
|
width: "full",
|
|
7616
7693
|
autoComplete: "email",
|
|
7617
7694
|
label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
|
|
@@ -7622,14 +7699,14 @@ var RegisterForm = function(_param) {
|
|
|
7622
7699
|
});
|
|
7623
7700
|
}
|
|
7624
7701
|
if (fld === "username") {
|
|
7625
|
-
return /* @__PURE__ */
|
|
7702
|
+
return /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7626
7703
|
key: i,
|
|
7627
7704
|
control: control,
|
|
7628
7705
|
name: "username",
|
|
7629
7706
|
render: function(param) {
|
|
7630
7707
|
var field = param.field;
|
|
7631
7708
|
var _texts_username, _formState_errors_username, _texts_username1;
|
|
7632
|
-
return /* @__PURE__ */
|
|
7709
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7633
7710
|
width: "full",
|
|
7634
7711
|
autoComplete: "username",
|
|
7635
7712
|
label: texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label,
|
|
@@ -7639,13 +7716,13 @@ var RegisterForm = function(_param) {
|
|
|
7639
7716
|
}
|
|
7640
7717
|
});
|
|
7641
7718
|
}
|
|
7642
|
-
})), /* @__PURE__ */
|
|
7719
|
+
})), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7643
7720
|
control: control,
|
|
7644
7721
|
name: "password",
|
|
7645
7722
|
render: function(param) {
|
|
7646
7723
|
var field = param.field;
|
|
7647
7724
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7648
|
-
return /* @__PURE__ */
|
|
7725
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7649
7726
|
width: "full",
|
|
7650
7727
|
type: "password",
|
|
7651
7728
|
autoComplete: "new-password",
|
|
@@ -7654,13 +7731,13 @@ var RegisterForm = function(_param) {
|
|
|
7654
7731
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7655
7732
|
}, field));
|
|
7656
7733
|
}
|
|
7657
|
-
}), /* @__PURE__ */
|
|
7734
|
+
}), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7658
7735
|
control: control,
|
|
7659
7736
|
name: "confirm_password",
|
|
7660
7737
|
render: function(param) {
|
|
7661
7738
|
var field = param.field;
|
|
7662
7739
|
var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
|
|
7663
|
-
return /* @__PURE__ */
|
|
7740
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7664
7741
|
width: "full",
|
|
7665
7742
|
type: "password",
|
|
7666
7743
|
autoComplete: "new-password",
|
|
@@ -7669,25 +7746,25 @@ var RegisterForm = function(_param) {
|
|
|
7669
7746
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7670
7747
|
}, field));
|
|
7671
7748
|
}
|
|
7672
|
-
}), props.additionalInputs, props.showRefCode && /* @__PURE__ */
|
|
7749
|
+
}), props.additionalInputs, props.showRefCode && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7673
7750
|
control: control,
|
|
7674
7751
|
name: "refCode",
|
|
7675
7752
|
render: function(param) {
|
|
7676
7753
|
var field = param.field;
|
|
7677
7754
|
var _formState_errors_refCode;
|
|
7678
|
-
return /* @__PURE__ */
|
|
7755
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7679
7756
|
width: "full",
|
|
7680
7757
|
label: texts === null || texts === void 0 ? void 0 : texts.refCode,
|
|
7681
7758
|
placeholder: (texts === null || texts === void 0 ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
|
|
7682
7759
|
helperText: (_formState_errors_refCode = formState.errors.refCode) === null || _formState_errors_refCode === void 0 ? void 0 : _formState_errors_refCode.message
|
|
7683
7760
|
}, field));
|
|
7684
7761
|
}
|
|
7685
|
-
}), props.showUserSource && /* @__PURE__ */
|
|
7762
|
+
}), props.showUserSource && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7686
7763
|
control: control,
|
|
7687
7764
|
name: "reference",
|
|
7688
7765
|
render: function(param) {
|
|
7689
7766
|
var field = param.field;
|
|
7690
|
-
return /* @__PURE__ */
|
|
7767
|
+
return /* @__PURE__ */ import_react42.default.createElement(Select, {
|
|
7691
7768
|
label: (texts === null || texts === void 0 ? void 0 : texts.userReference.label) || "How did you learn about us?",
|
|
7692
7769
|
placeholder: texts === null || texts === void 0 ? void 0 : texts.userReference.placeholder,
|
|
7693
7770
|
isCreatable: false,
|
|
@@ -7700,50 +7777,50 @@ var RegisterForm = function(_param) {
|
|
|
7700
7777
|
}
|
|
7701
7778
|
});
|
|
7702
7779
|
}
|
|
7703
|
-
}), /* @__PURE__ */
|
|
7780
|
+
}), /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7704
7781
|
className: "hawa-flex hawa-flex-col hawa-gap-3"
|
|
7705
|
-
}, props.showTermsOption && /* @__PURE__ */
|
|
7782
|
+
}, props.showTermsOption && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7706
7783
|
control: control,
|
|
7707
7784
|
name: "terms_accepted",
|
|
7708
7785
|
render: function(param) {
|
|
7709
7786
|
var field = param.field;
|
|
7710
7787
|
var _formState_errors_terms_accepted_message, _formState_errors_terms_accepted;
|
|
7711
|
-
return /* @__PURE__ */
|
|
7788
|
+
return /* @__PURE__ */ import_react42.default.createElement(Checkbox, {
|
|
7712
7789
|
id: "terms_accepted",
|
|
7713
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(),
|
|
7714
7791
|
onCheckedChange: function(e) {
|
|
7715
7792
|
return field.onChange(e);
|
|
7716
7793
|
},
|
|
7717
|
-
label: /* @__PURE__ */
|
|
7794
|
+
label: /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7718
7795
|
className: "hawa-flex hawa-flex-row hawa-gap-0.5"
|
|
7719
|
-
}, /* @__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", {
|
|
7720
7797
|
onClick: props.onRouteToTOS,
|
|
7721
7798
|
className: "clickable-link"
|
|
7722
7799
|
}, texts === null || texts === void 0 ? void 0 : texts.termsText)))
|
|
7723
7800
|
});
|
|
7724
7801
|
}
|
|
7725
|
-
}), props.showNewsletterOption && /* @__PURE__ */
|
|
7802
|
+
}), props.showNewsletterOption && /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form2.Controller, {
|
|
7726
7803
|
control: control,
|
|
7727
7804
|
name: "newsletter_accepted",
|
|
7728
7805
|
render: function(param) {
|
|
7729
7806
|
var field = param.field;
|
|
7730
|
-
return /* @__PURE__ */
|
|
7807
|
+
return /* @__PURE__ */ import_react42.default.createElement(Checkbox, {
|
|
7731
7808
|
id: "newsletter_accepted",
|
|
7732
7809
|
label: texts === null || texts === void 0 ? void 0 : texts.subscribeToNewsletter,
|
|
7733
7810
|
onCheckedChange: field.onChange
|
|
7734
7811
|
});
|
|
7735
7812
|
}
|
|
7736
|
-
})), /* @__PURE__ */
|
|
7813
|
+
})), /* @__PURE__ */ import_react42.default.createElement(Button, {
|
|
7737
7814
|
isLoading: props.isLoading,
|
|
7738
7815
|
className: "hawa-w-full hawa-mt-4"
|
|
7739
|
-
}, 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", {
|
|
7740
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"
|
|
7741
|
-
}, /* @__PURE__ */
|
|
7818
|
+
}, /* @__PURE__ */ import_react42.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react42.default.createElement("span", {
|
|
7742
7819
|
onClick: props.onRouteToLogin,
|
|
7743
7820
|
className: "clickable-link"
|
|
7744
|
-
}, (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, {
|
|
7745
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")
|
|
7746
|
-
}, /* @__PURE__ */
|
|
7823
|
+
}, /* @__PURE__ */ import_react42.default.createElement(AuthButtons, {
|
|
7747
7824
|
texts: thirdPartyAuthTexts,
|
|
7748
7825
|
viaGoogle: props.viaGoogle,
|
|
7749
7826
|
viaGithub: props.viaGithub,
|
|
@@ -7751,7 +7828,7 @@ var RegisterForm = function(_param) {
|
|
|
7751
7828
|
handleGoogle: props.onGoogleRegister,
|
|
7752
7829
|
handleGithub: props.onGithubRegister,
|
|
7753
7830
|
handleTwitter: props.onTwitterRegister
|
|
7754
|
-
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7831
|
+
})) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react42.default.createElement(InterfaceSettings, {
|
|
7755
7832
|
currentColorMode: props.currentColorMode,
|
|
7756
7833
|
currentLanguage: props.currentLanguage,
|
|
7757
7834
|
handleColorMode: props.handleColorMode,
|
|
@@ -7759,7 +7836,7 @@ var RegisterForm = function(_param) {
|
|
|
7759
7836
|
}));
|
|
7760
7837
|
};
|
|
7761
7838
|
// components/blocks/auth/AppLanding.tsx
|
|
7762
|
-
var
|
|
7839
|
+
var import_react43 = __toESM(require("react"));
|
|
7763
7840
|
var AppLanding = function(_param) {
|
|
7764
7841
|
var texts = _param.texts, props = _object_without_properties(_param, [
|
|
7765
7842
|
"texts"
|
|
@@ -7773,12 +7850,12 @@ var AppLanding = function(_param) {
|
|
|
7773
7850
|
continueWithEmail: texts === null || texts === void 0 ? void 0 : texts.continueWithEmail,
|
|
7774
7851
|
continueWithPhone: texts === null || texts === void 0 ? void 0 : texts.continueWithPhone
|
|
7775
7852
|
};
|
|
7776
|
-
return /* @__PURE__ */
|
|
7853
|
+
return /* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7777
7854
|
dir: props.direction
|
|
7778
|
-
}, /* @__PURE__ */
|
|
7855
|
+
}, /* @__PURE__ */ import_react43.default.createElement(Card, null, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
|
|
7779
7856
|
headless: true,
|
|
7780
7857
|
className: "hawa-flex hawa-flex-col hawa-gap-6"
|
|
7781
|
-
}, /* @__PURE__ */
|
|
7858
|
+
}, /* @__PURE__ */ import_react43.default.createElement(AuthButtons, {
|
|
7782
7859
|
texts: thirdPartyAuthTexts,
|
|
7783
7860
|
viaApple: props.viaApple,
|
|
7784
7861
|
viaGoogle: props.viaGoogle,
|
|
@@ -7795,14 +7872,14 @@ var AppLanding = function(_param) {
|
|
|
7795
7872
|
handleEmail: props.handleEmail,
|
|
7796
7873
|
handlePhone: props.handlePhone
|
|
7797
7874
|
}), !props.withoutSignUp && //TODO: change to "register"
|
|
7798
|
-
/* @__PURE__ */
|
|
7875
|
+
/* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7799
7876
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300"
|
|
7800
|
-
}, 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", {
|
|
7801
7878
|
onClick: props.handleRouteToRegister,
|
|
7802
7879
|
className: "clickable-link"
|
|
7803
|
-
}, 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", {
|
|
7804
7881
|
className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between"
|
|
7805
|
-
}, /* @__PURE__ */
|
|
7882
|
+
}, /* @__PURE__ */ import_react43.default.createElement(Radio, {
|
|
7806
7883
|
onChangeTab: props.handleLanguage,
|
|
7807
7884
|
design: "tabs",
|
|
7808
7885
|
options: [
|
|
@@ -7815,20 +7892,20 @@ var AppLanding = function(_param) {
|
|
|
7815
7892
|
label: "English"
|
|
7816
7893
|
}
|
|
7817
7894
|
]
|
|
7818
|
-
}), /* @__PURE__ */
|
|
7895
|
+
}), /* @__PURE__ */ import_react43.default.createElement(Radio, {
|
|
7819
7896
|
onChangeTab: props.handleColorMode,
|
|
7820
7897
|
design: "tabs",
|
|
7821
7898
|
options: [
|
|
7822
7899
|
{
|
|
7823
7900
|
value: "light",
|
|
7824
|
-
label: /* @__PURE__ */
|
|
7901
|
+
label: /* @__PURE__ */ import_react43.default.createElement("svg", {
|
|
7825
7902
|
width: "15",
|
|
7826
7903
|
height: "15",
|
|
7827
7904
|
viewBox: "0 0 15 15",
|
|
7828
7905
|
fill: "none",
|
|
7829
7906
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7830
7907
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
|
|
7831
|
-
}, /* @__PURE__ */
|
|
7908
|
+
}, /* @__PURE__ */ import_react43.default.createElement("path", {
|
|
7832
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",
|
|
7833
7910
|
fill: "currentColor",
|
|
7834
7911
|
fillRule: "evenodd",
|
|
@@ -7837,7 +7914,7 @@ var AppLanding = function(_param) {
|
|
|
7837
7914
|
},
|
|
7838
7915
|
{
|
|
7839
7916
|
value: "dark",
|
|
7840
|
-
label: /* @__PURE__ */
|
|
7917
|
+
label: /* @__PURE__ */ import_react43.default.createElement("svg", {
|
|
7841
7918
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7842
7919
|
width: "24",
|
|
7843
7920
|
height: "24",
|
|
@@ -7848,7 +7925,7 @@ var AppLanding = function(_param) {
|
|
|
7848
7925
|
strokeLinecap: "round",
|
|
7849
7926
|
strokeLinejoin: "round",
|
|
7850
7927
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
|
|
7851
|
-
}, /* @__PURE__ */
|
|
7928
|
+
}, /* @__PURE__ */ import_react43.default.createElement("path", {
|
|
7852
7929
|
d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
|
|
7853
7930
|
}))
|
|
7854
7931
|
}
|
|
@@ -7856,16 +7933,16 @@ var AppLanding = function(_param) {
|
|
|
7856
7933
|
})));
|
|
7857
7934
|
};
|
|
7858
7935
|
// components/blocks/auth/CheckEmail.tsx
|
|
7859
|
-
var
|
|
7936
|
+
var import_react44 = __toESM(require("react"));
|
|
7860
7937
|
var CheckEmail = function(param) {
|
|
7861
7938
|
var texts = param.texts, handleResend = param.handleResend;
|
|
7862
|
-
return /* @__PURE__ */
|
|
7939
|
+
return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, {
|
|
7863
7940
|
headless: true
|
|
7864
|
-
}, /* @__PURE__ */
|
|
7941
|
+
}, /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7865
7942
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
|
|
7866
|
-
}, /* @__PURE__ */
|
|
7943
|
+
}, /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7867
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"
|
|
7868
|
-
}, /* @__PURE__ */
|
|
7945
|
+
}, /* @__PURE__ */ import_react44.default.createElement("svg", {
|
|
7869
7946
|
stroke: "currentColor",
|
|
7870
7947
|
fill: "none",
|
|
7871
7948
|
"stroke-width": "2",
|
|
@@ -7875,23 +7952,23 @@ var CheckEmail = function(param) {
|
|
|
7875
7952
|
height: "0.5em",
|
|
7876
7953
|
width: "0.5em",
|
|
7877
7954
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7878
|
-
}, /* @__PURE__ */
|
|
7955
|
+
}, /* @__PURE__ */ import_react44.default.createElement("path", {
|
|
7879
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"
|
|
7880
|
-
}), /* @__PURE__ */
|
|
7957
|
+
}), /* @__PURE__ */ import_react44.default.createElement("polyline", {
|
|
7881
7958
|
points: "22,6 12,13 2,6"
|
|
7882
|
-
}))), /* @__PURE__ */
|
|
7959
|
+
}))), /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7883
7960
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
7884
|
-
}, (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", {
|
|
7885
7962
|
className: "hawa-text-sm"
|
|
7886
|
-
}, (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, {
|
|
7887
7964
|
className: "hawa-flex hawa-flex-col hawa-justify-center "
|
|
7888
|
-
}, /* @__PURE__ */
|
|
7965
|
+
}, /* @__PURE__ */ import_react44.default.createElement("span", {
|
|
7889
7966
|
className: "clickable-link hawa-text-sm",
|
|
7890
7967
|
onClick: handleResend
|
|
7891
7968
|
}, (texts === null || texts === void 0 ? void 0 : texts.resendEmail) || "Resend Email")));
|
|
7892
7969
|
};
|
|
7893
7970
|
// components/blocks/auth/NewPassword.tsx
|
|
7894
|
-
var
|
|
7971
|
+
var import_react45 = __toESM(require("react"));
|
|
7895
7972
|
var import_react_hook_form3 = require("react-hook-form");
|
|
7896
7973
|
var import_zod3 = require("@hookform/resolvers/zod");
|
|
7897
7974
|
var z3 = __toESM(require("zod"));
|
|
@@ -7926,18 +8003,18 @@ var NewPasswordForm = function(_param) {
|
|
|
7926
8003
|
var _ref = (0, import_react_hook_form3.useForm)({
|
|
7927
8004
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
|
7928
8005
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7929
|
-
var _ref1 = _sliced_to_array((0,
|
|
8006
|
+
var _ref1 = _sliced_to_array((0, import_react45.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
|
|
7930
8007
|
var _texts_dontHaveAccount, _texts_registerText;
|
|
7931
|
-
return /* @__PURE__ */
|
|
8008
|
+
return /* @__PURE__ */ import_react45.default.createElement(Card, {
|
|
7932
8009
|
dir: props.direction
|
|
7933
|
-
}, matchError && /* @__PURE__ */
|
|
8010
|
+
}, matchError && /* @__PURE__ */ import_react45.default.createElement(Alert, {
|
|
7934
8011
|
text: texts === null || texts === void 0 ? void 0 : (_texts_confirm2 = texts.confirm) === null || _texts_confirm2 === void 0 ? void 0 : _texts_confirm2.dontMatch,
|
|
7935
8012
|
severity: "error"
|
|
7936
|
-
}), props.passwordChanged ? /* @__PURE__ */
|
|
8013
|
+
}), props.passwordChanged ? /* @__PURE__ */ import_react45.default.createElement(CardContent, {
|
|
7937
8014
|
headless: true
|
|
7938
|
-
}, /* @__PURE__ */
|
|
8015
|
+
}, /* @__PURE__ */ import_react45.default.createElement("div", {
|
|
7939
8016
|
className: "hawa-text-center"
|
|
7940
|
-
}, 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", {
|
|
7941
8018
|
noValidate: true,
|
|
7942
8019
|
onSubmit: handleSubmit(function(e) {
|
|
7943
8020
|
if (props.handleNewPassword) {
|
|
@@ -7946,16 +8023,16 @@ var NewPasswordForm = function(_param) {
|
|
|
7946
8023
|
console.log("Form is submitted but handleSubmission prop is missing");
|
|
7947
8024
|
}
|
|
7948
8025
|
})
|
|
7949
|
-
}, !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, {
|
|
7950
8027
|
headless: props.headless,
|
|
7951
8028
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7952
|
-
}, /* @__PURE__ */
|
|
8029
|
+
}, /* @__PURE__ */ import_react45.default.createElement(import_react_hook_form3.Controller, {
|
|
7953
8030
|
control: control,
|
|
7954
8031
|
name: "password",
|
|
7955
8032
|
render: function(param) {
|
|
7956
8033
|
var field = param.field;
|
|
7957
8034
|
var _texts_password, _texts_password1, _formState_errors_password;
|
|
7958
|
-
return /* @__PURE__ */
|
|
8035
|
+
return /* @__PURE__ */ import_react45.default.createElement(Input, _object_spread({
|
|
7959
8036
|
width: "full",
|
|
7960
8037
|
type: "password",
|
|
7961
8038
|
autoComplete: "new-password",
|
|
@@ -7964,13 +8041,13 @@ var NewPasswordForm = function(_param) {
|
|
|
7964
8041
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7965
8042
|
}, field));
|
|
7966
8043
|
}
|
|
7967
|
-
}), /* @__PURE__ */
|
|
8044
|
+
}), /* @__PURE__ */ import_react45.default.createElement(import_react_hook_form3.Controller, {
|
|
7968
8045
|
control: control,
|
|
7969
8046
|
name: "confirm_password",
|
|
7970
8047
|
render: function(param) {
|
|
7971
8048
|
var field = param.field;
|
|
7972
8049
|
var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
|
|
7973
|
-
return /* @__PURE__ */
|
|
8050
|
+
return /* @__PURE__ */ import_react45.default.createElement(Input, _object_spread({
|
|
7974
8051
|
width: "full",
|
|
7975
8052
|
type: "password",
|
|
7976
8053
|
autoComplete: "new-password",
|
|
@@ -7979,20 +8056,20 @@ var NewPasswordForm = function(_param) {
|
|
|
7979
8056
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7980
8057
|
}, field));
|
|
7981
8058
|
}
|
|
7982
|
-
})), /* @__PURE__ */
|
|
8059
|
+
})), /* @__PURE__ */ import_react45.default.createElement(CardFooter, {
|
|
7983
8060
|
className: "hawa-flex hawa-flex-col"
|
|
7984
|
-
}, /* @__PURE__ */
|
|
8061
|
+
}, /* @__PURE__ */ import_react45.default.createElement(Button, {
|
|
7985
8062
|
className: "hawa-w-full",
|
|
7986
8063
|
type: "submit"
|
|
7987
|
-
}, 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", {
|
|
7988
8065
|
className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
|
|
7989
|
-
}, (_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", {
|
|
7990
8067
|
className: "clickable-link",
|
|
7991
8068
|
onClick: props.handleRouteToRegister
|
|
7992
8069
|
}, (_texts_registerText = texts === null || texts === void 0 ? void 0 : texts.registerText) !== null && _texts_registerText !== void 0 ? _texts_registerText : "Register")))));
|
|
7993
8070
|
};
|
|
7994
8071
|
// components/blocks/auth/ResetPassword.tsx
|
|
7995
|
-
var
|
|
8072
|
+
var import_react46 = __toESM(require("react"));
|
|
7996
8073
|
var import_react_hook_form4 = require("react-hook-form");
|
|
7997
8074
|
var import_zod4 = require("@hookform/resolvers/zod");
|
|
7998
8075
|
var z4 = __toESM(require("zod"));
|
|
@@ -8011,9 +8088,9 @@ var ResetPasswordForm = function(props) {
|
|
|
8011
8088
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
|
8012
8089
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
8013
8090
|
var _props_texts_dontHaveAccount, _props_texts_registerText;
|
|
8014
|
-
return /* @__PURE__ */
|
|
8091
|
+
return /* @__PURE__ */ import_react46.default.createElement(Card, {
|
|
8015
8092
|
dir: props.direction
|
|
8016
|
-
}, !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", {
|
|
8017
8094
|
noValidate: true,
|
|
8018
8095
|
onSubmit: handleSubmit(function(e) {
|
|
8019
8096
|
if (props.handleResetPassword) {
|
|
@@ -8022,39 +8099,39 @@ var ResetPasswordForm = function(props) {
|
|
|
8022
8099
|
console.log("handleResetPassword prop is missing");
|
|
8023
8100
|
}
|
|
8024
8101
|
})
|
|
8025
|
-
}, /* @__PURE__ */
|
|
8102
|
+
}, /* @__PURE__ */ import_react46.default.createElement(CardContent, {
|
|
8026
8103
|
headless: props.headless
|
|
8027
|
-
}, /* @__PURE__ */
|
|
8104
|
+
}, /* @__PURE__ */ import_react46.default.createElement(import_react_hook_form4.Controller, {
|
|
8028
8105
|
control: control,
|
|
8029
8106
|
name: "email",
|
|
8030
8107
|
render: function(param) {
|
|
8031
8108
|
var field = param.field;
|
|
8032
8109
|
var _props_texts_email, _props_texts, _formState_errors_email, _props_texts_email1, _props_texts1;
|
|
8033
|
-
return /* @__PURE__ */
|
|
8110
|
+
return /* @__PURE__ */ import_react46.default.createElement(Input, _object_spread({
|
|
8034
8111
|
width: "full",
|
|
8035
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,
|
|
8036
8113
|
helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
|
|
8037
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
|
|
8038
8115
|
}, field));
|
|
8039
8116
|
}
|
|
8040
|
-
})), /* @__PURE__ */
|
|
8117
|
+
})), /* @__PURE__ */ import_react46.default.createElement(CardFooter, {
|
|
8041
8118
|
className: "hawa-flex hawa-flex-col"
|
|
8042
|
-
}, /* @__PURE__ */
|
|
8119
|
+
}, /* @__PURE__ */ import_react46.default.createElement(Button, {
|
|
8043
8120
|
type: "submit",
|
|
8044
8121
|
className: "hawa-w-full"
|
|
8045
|
-
}, (_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", {
|
|
8046
8123
|
className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
|
|
8047
|
-
}, (_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", {
|
|
8048
8125
|
className: "clickable-link",
|
|
8049
8126
|
onClick: props.handleRouteToRegister
|
|
8050
|
-
}, (_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, {
|
|
8051
8128
|
headless: true
|
|
8052
|
-
}, /* @__PURE__ */
|
|
8129
|
+
}, /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
8053
8130
|
className: "hawa-text-center"
|
|
8054
8131
|
}, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.emailSentText)));
|
|
8055
8132
|
};
|
|
8056
8133
|
// components/blocks/auth/CodeConfirmation.tsx
|
|
8057
|
-
var
|
|
8134
|
+
var import_react47 = __toESM(require("react"));
|
|
8058
8135
|
var import_react_hook_form5 = require("react-hook-form");
|
|
8059
8136
|
var import_zod5 = require("@hookform/resolvers/zod");
|
|
8060
8137
|
var z5 = __toESM(require("zod"));
|
|
@@ -8071,19 +8148,19 @@ var CodeConfirmation = function(props) {
|
|
|
8071
8148
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
|
8072
8149
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState, setValue = _ref.setValue;
|
|
8073
8150
|
var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
|
|
8074
|
-
return /* @__PURE__ */
|
|
8151
|
+
return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(CardContent, {
|
|
8075
8152
|
headless: true
|
|
8076
|
-
}, props.showError && /* @__PURE__ */
|
|
8153
|
+
}, props.showError && /* @__PURE__ */ import_react47.default.createElement(Alert, {
|
|
8077
8154
|
title: props.errorTitle,
|
|
8078
8155
|
text: props.errorText,
|
|
8079
8156
|
severity: "error"
|
|
8080
|
-
}), /* @__PURE__ */
|
|
8157
|
+
}), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8081
8158
|
className: "hawa-mb-4 dark:hawa-text-white"
|
|
8082
|
-
}, /* @__PURE__ */
|
|
8159
|
+
}, /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8083
8160
|
className: "hawa-text-lg hawa-font-bold"
|
|
8084
|
-
}, (_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", {
|
|
8085
8162
|
className: "hawa-text-muted-foreground"
|
|
8086
|
-
}, /* @__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", {
|
|
8087
8164
|
noValidate: true,
|
|
8088
8165
|
onSubmit: handleSubmit(function(e) {
|
|
8089
8166
|
if (props.handleConfirm) {
|
|
@@ -8092,13 +8169,13 @@ var CodeConfirmation = function(props) {
|
|
|
8092
8169
|
console.log("Form is submitted but handleConfirm prop is missing");
|
|
8093
8170
|
}
|
|
8094
8171
|
})
|
|
8095
|
-
}, /* @__PURE__ */
|
|
8172
|
+
}, /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form5.Controller, {
|
|
8096
8173
|
control: control,
|
|
8097
8174
|
name: "otp_code",
|
|
8098
8175
|
render: function(param) {
|
|
8099
8176
|
var field = param.field;
|
|
8100
8177
|
var _formState_errors_otp_code;
|
|
8101
|
-
return /* @__PURE__ */
|
|
8178
|
+
return /* @__PURE__ */ import_react47.default.createElement(PinInput, {
|
|
8102
8179
|
width: "full",
|
|
8103
8180
|
digits: 6,
|
|
8104
8181
|
getPins: function(e) {
|
|
@@ -8107,18 +8184,18 @@ var CodeConfirmation = function(props) {
|
|
|
8107
8184
|
helperText: (_formState_errors_otp_code = formState.errors.otp_code) === null || _formState_errors_otp_code === void 0 ? void 0 : _formState_errors_otp_code.message
|
|
8108
8185
|
});
|
|
8109
8186
|
}
|
|
8110
|
-
}), /* @__PURE__ */
|
|
8187
|
+
}), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8111
8188
|
className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground"
|
|
8112
|
-
}, /* @__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", {
|
|
8113
8190
|
className: "clickable-link"
|
|
8114
|
-
}, (_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", {
|
|
8115
8192
|
className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2"
|
|
8116
|
-
}, /* @__PURE__ */
|
|
8193
|
+
}, /* @__PURE__ */ import_react47.default.createElement(Button, {
|
|
8117
8194
|
variant: "secondary"
|
|
8118
|
-
}, (_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")))));
|
|
8119
8196
|
};
|
|
8120
8197
|
// components/blocks/feedback/UserReferralSource.tsx
|
|
8121
|
-
var
|
|
8198
|
+
var import_react48 = __toESM(require("react"));
|
|
8122
8199
|
var import_react_hook_form6 = require("react-hook-form");
|
|
8123
8200
|
var import_zod6 = require("@hookform/resolvers/zod");
|
|
8124
8201
|
var z6 = __toESM(require("zod"));
|
|
@@ -8128,8 +8205,8 @@ var UserReferralSource = function(_param) {
|
|
|
8128
8205
|
"options"
|
|
8129
8206
|
]);
|
|
8130
8207
|
var _props_texts, _props_texts1;
|
|
8131
|
-
var _ref = _sliced_to_array((0,
|
|
8132
|
-
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);
|
|
8133
8210
|
var formSchema = z6.object({
|
|
8134
8211
|
source: z6.string({
|
|
8135
8212
|
required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.pleaseSelectOption
|
|
@@ -8143,13 +8220,13 @@ var UserReferralSource = function(_param) {
|
|
|
8143
8220
|
"bottom-right": "hawa-right-4",
|
|
8144
8221
|
"bottom-left": "hawa-left-4"
|
|
8145
8222
|
};
|
|
8146
|
-
return /* @__PURE__ */
|
|
8223
|
+
return /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8147
8224
|
className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
|
|
8148
8225
|
ref: popUpRef
|
|
8149
|
-
}, /* @__PURE__ */
|
|
8226
|
+
}, /* @__PURE__ */ import_react48.default.createElement(Card, {
|
|
8150
8227
|
className: cn("hawa-fixed hawa-bottom-4 hawa-p-0 ", boxPosition[position]),
|
|
8151
8228
|
dir: props.direction
|
|
8152
|
-
}, /* @__PURE__ */
|
|
8229
|
+
}, /* @__PURE__ */ import_react48.default.createElement("button", {
|
|
8153
8230
|
type: "button",
|
|
8154
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"),
|
|
8155
8232
|
"data-dismiss-target": "#toast-default",
|
|
@@ -8162,18 +8239,18 @@ var UserReferralSource = function(_param) {
|
|
|
8162
8239
|
}
|
|
8163
8240
|
}, 200);
|
|
8164
8241
|
}
|
|
8165
|
-
}, /* @__PURE__ */
|
|
8242
|
+
}, /* @__PURE__ */ import_react48.default.createElement("svg", {
|
|
8166
8243
|
"aria-hidden": "true",
|
|
8167
8244
|
className: "hawa-h-5 hawa-w-5",
|
|
8168
8245
|
fill: "currentColor",
|
|
8169
8246
|
viewBox: "0 0 20 20"
|
|
8170
|
-
}, /* @__PURE__ */
|
|
8247
|
+
}, /* @__PURE__ */ import_react48.default.createElement("path", {
|
|
8171
8248
|
fillRule: "evenodd",
|
|
8172
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",
|
|
8173
8250
|
clipRule: "evenodd"
|
|
8174
|
-
}))), /* @__PURE__ */
|
|
8251
|
+
}))), /* @__PURE__ */ import_react48.default.createElement(CardContent, {
|
|
8175
8252
|
headless: true
|
|
8176
|
-
}, /* @__PURE__ */
|
|
8253
|
+
}, /* @__PURE__ */ import_react48.default.createElement("form", {
|
|
8177
8254
|
noValidate: true,
|
|
8178
8255
|
onSubmit: handleSubmit(function(e) {
|
|
8179
8256
|
if (props.onSubmitForm) {
|
|
@@ -8181,19 +8258,19 @@ var UserReferralSource = function(_param) {
|
|
|
8181
8258
|
}
|
|
8182
8259
|
console.log("onSubmitForm was not provided");
|
|
8183
8260
|
})
|
|
8184
|
-
}, /* @__PURE__ */
|
|
8261
|
+
}, /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8185
8262
|
className: cn("hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100")
|
|
8186
|
-
}, /* @__PURE__ */
|
|
8263
|
+
}, /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8187
8264
|
className: "hawa-mt-4 hawa-font-bold"
|
|
8188
|
-
}, props.question), /* @__PURE__ */
|
|
8265
|
+
}, props.question), /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
8189
8266
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded "
|
|
8190
|
-
}, /* @__PURE__ */
|
|
8267
|
+
}, /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form6.Controller, {
|
|
8191
8268
|
control: control,
|
|
8192
8269
|
name: "source",
|
|
8193
8270
|
render: function(param) {
|
|
8194
8271
|
var field = param.field;
|
|
8195
8272
|
var _formState_errors_source_message, _formState_errors_source;
|
|
8196
|
-
return /* @__PURE__ */
|
|
8273
|
+
return /* @__PURE__ */ import_react48.default.createElement(Radio, {
|
|
8197
8274
|
direction: props.direction,
|
|
8198
8275
|
orientation: "vertical",
|
|
8199
8276
|
options: options,
|
|
@@ -8204,38 +8281,38 @@ var UserReferralSource = function(_param) {
|
|
|
8204
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()
|
|
8205
8282
|
});
|
|
8206
8283
|
}
|
|
8207
|
-
})), /* @__PURE__ */
|
|
8284
|
+
})), /* @__PURE__ */ import_react48.default.createElement("div", null, /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form6.Controller, {
|
|
8208
8285
|
control: control,
|
|
8209
8286
|
name: "feedback",
|
|
8210
8287
|
render: function(param) {
|
|
8211
8288
|
var field = param.field;
|
|
8212
8289
|
var _formState_errors_feedback_message, _formState_errors_feedback;
|
|
8213
|
-
return /* @__PURE__ */
|
|
8290
|
+
return /* @__PURE__ */ import_react48.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
|
|
8214
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()
|
|
8215
8292
|
}));
|
|
8216
8293
|
}
|
|
8217
|
-
}))), /* @__PURE__ */
|
|
8294
|
+
}))), /* @__PURE__ */ import_react48.default.createElement(Button, {
|
|
8218
8295
|
type: "submit",
|
|
8219
8296
|
className: "hawa-mt-4 hawa-w-full"
|
|
8220
8297
|
}, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit")))));
|
|
8221
8298
|
};
|
|
8222
8299
|
// components/blocks/feedback/FeedbackRating.tsx
|
|
8223
|
-
var
|
|
8300
|
+
var import_react49 = __toESM(require("react"));
|
|
8224
8301
|
var import_clsx11 = __toESM(require("clsx"));
|
|
8225
8302
|
var FeedbackRating = function(_param) {
|
|
8226
8303
|
var _param_position = _param.position, position = _param_position === void 0 ? "bottom-right" : _param_position, props = _object_without_properties(_param, [
|
|
8227
8304
|
"position"
|
|
8228
8305
|
]);
|
|
8229
|
-
var _ref = _sliced_to_array((0,
|
|
8230
|
-
var _ref1 = _sliced_to_array((0,
|
|
8231
|
-
var _ref2 = _sliced_to_array((0,
|
|
8232
|
-
var _ref3 = _sliced_to_array((0,
|
|
8233
|
-
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);
|
|
8234
8311
|
var boxPosition = {
|
|
8235
8312
|
"bottom-right": "hawa-right-4",
|
|
8236
8313
|
"bottom-left": "hawa-left-4"
|
|
8237
8314
|
};
|
|
8238
|
-
(0,
|
|
8315
|
+
(0, import_react49.useEffect)(function() {
|
|
8239
8316
|
var timeoutHide = setTimeout(function() {
|
|
8240
8317
|
if (closingTimer >= 0) {
|
|
8241
8318
|
setClosingTimer(closingTimer - 1);
|
|
@@ -8255,14 +8332,14 @@ var FeedbackRating = function(_param) {
|
|
|
8255
8332
|
}
|
|
8256
8333
|
}, 200);
|
|
8257
8334
|
};
|
|
8258
|
-
return /* @__PURE__ */
|
|
8335
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8259
8336
|
ref: popUpRef,
|
|
8260
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])
|
|
8261
|
-
}, /* @__PURE__ */
|
|
8338
|
+
}, /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8262
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")
|
|
8263
|
-
}, /* @__PURE__ */
|
|
8340
|
+
}, /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8264
8341
|
className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm"
|
|
8265
|
-
}, props.title), /* @__PURE__ */
|
|
8342
|
+
}, props.title), /* @__PURE__ */ import_react49.default.createElement("button", {
|
|
8266
8343
|
type: "button",
|
|
8267
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",
|
|
8268
8345
|
"data-dismiss-target": "#toast-default",
|
|
@@ -8270,21 +8347,21 @@ var FeedbackRating = function(_param) {
|
|
|
8270
8347
|
onClick: function() {
|
|
8271
8348
|
return slowClose();
|
|
8272
8349
|
}
|
|
8273
|
-
}, /* @__PURE__ */
|
|
8350
|
+
}, /* @__PURE__ */ import_react49.default.createElement("svg", {
|
|
8274
8351
|
"aria-hidden": "true",
|
|
8275
8352
|
className: "hawa-h-5 hawa-w-5",
|
|
8276
8353
|
fill: "currentColor",
|
|
8277
8354
|
viewBox: "0 0 20 20"
|
|
8278
|
-
}, /* @__PURE__ */
|
|
8355
|
+
}, /* @__PURE__ */ import_react49.default.createElement("path", {
|
|
8279
8356
|
fillRule: "evenodd",
|
|
8280
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",
|
|
8281
8358
|
clipRule: "evenodd"
|
|
8282
|
-
}))), /* @__PURE__ */
|
|
8359
|
+
}))), /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8283
8360
|
className: "hawa-mt-8"
|
|
8284
|
-
}, props.question), /* @__PURE__ */
|
|
8361
|
+
}, props.question), /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8285
8362
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded"
|
|
8286
8363
|
}, props.options && props.options.map(function(op, i) {
|
|
8287
|
-
return /* @__PURE__ */
|
|
8364
|
+
return /* @__PURE__ */ import_react49.default.createElement("span", {
|
|
8288
8365
|
key: i,
|
|
8289
8366
|
onClick: function() {
|
|
8290
8367
|
if (props.onOptionClicked) {
|
|
@@ -8303,15 +8380,15 @@ var FeedbackRating = function(_param) {
|
|
|
8303
8380
|
},
|
|
8304
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")
|
|
8305
8382
|
}, op);
|
|
8306
|
-
})), props.texts && /* @__PURE__ */
|
|
8383
|
+
})), props.texts && /* @__PURE__ */ import_react49.default.createElement("div", {
|
|
8307
8384
|
className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs"
|
|
8308
|
-
}, /* @__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", {
|
|
8309
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"
|
|
8310
|
-
}, /* @__PURE__ */
|
|
8387
|
+
}, /* @__PURE__ */ import_react49.default.createElement("span", {
|
|
8311
8388
|
className: "hawa-font-bold hawa-text-white"
|
|
8312
|
-
}, "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", {
|
|
8313
8390
|
className: "hawa-flex hawa-flex-row hawa-gap-2"
|
|
8314
|
-
}, /* @__PURE__ */
|
|
8391
|
+
}, /* @__PURE__ */ import_react49.default.createElement(Button, {
|
|
8315
8392
|
variant: "secondary",
|
|
8316
8393
|
onClick: function() {
|
|
8317
8394
|
return slowClose();
|
|
@@ -8319,27 +8396,27 @@ var FeedbackRating = function(_param) {
|
|
|
8319
8396
|
}, "Close")))));
|
|
8320
8397
|
};
|
|
8321
8398
|
// components/blocks/feedback/FeedbackEmoji.tsx
|
|
8322
|
-
var
|
|
8399
|
+
var import_react50 = __toESM(require("react"));
|
|
8323
8400
|
var FeedbackEmoji = function(props) {
|
|
8324
|
-
var _ref = _sliced_to_array((0,
|
|
8325
|
-
var _ref1 = _sliced_to_array((0,
|
|
8326
|
-
var _ref2 = _sliced_to_array((0,
|
|
8327
|
-
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];
|
|
8328
8405
|
var emojis = [
|
|
8329
8406
|
{
|
|
8330
|
-
icon: /* @__PURE__ */
|
|
8407
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(VeryGoodEmoji, null),
|
|
8331
8408
|
value: "very-good"
|
|
8332
8409
|
},
|
|
8333
8410
|
{
|
|
8334
|
-
icon: /* @__PURE__ */
|
|
8411
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(GoodEmoji, null),
|
|
8335
8412
|
value: "good"
|
|
8336
8413
|
},
|
|
8337
8414
|
{
|
|
8338
|
-
icon: /* @__PURE__ */
|
|
8415
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(BadEmoji, null),
|
|
8339
8416
|
value: "bad"
|
|
8340
8417
|
},
|
|
8341
8418
|
{
|
|
8342
|
-
icon: /* @__PURE__ */
|
|
8419
|
+
icon: /* @__PURE__ */ import_react50.default.createElement(VeryBadEmoji, null),
|
|
8343
8420
|
value: "very-bad"
|
|
8344
8421
|
}
|
|
8345
8422
|
];
|
|
@@ -8410,14 +8487,14 @@ var FeedbackEmoji = function(props) {
|
|
|
8410
8487
|
return _ref.apply(this, arguments);
|
|
8411
8488
|
};
|
|
8412
8489
|
}();
|
|
8413
|
-
return /* @__PURE__ */
|
|
8490
|
+
return /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8414
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] ")
|
|
8415
|
-
}, /* @__PURE__ */
|
|
8492
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8416
8493
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 "
|
|
8417
|
-
}, /* @__PURE__ */
|
|
8494
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8418
8495
|
className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 "
|
|
8419
8496
|
}, emojis.map(function(emoji, i) {
|
|
8420
|
-
return /* @__PURE__ */
|
|
8497
|
+
return /* @__PURE__ */ import_react50.default.createElement(Button, {
|
|
8421
8498
|
key: i,
|
|
8422
8499
|
onClick: function() {
|
|
8423
8500
|
if (selectedEmoji === emoji.value) {
|
|
@@ -8430,29 +8507,29 @@ var FeedbackEmoji = function(props) {
|
|
|
8430
8507
|
size: "smallIcon",
|
|
8431
8508
|
className: cn(selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]")
|
|
8432
8509
|
}, emoji.icon);
|
|
8433
|
-
}))), /* @__PURE__ */
|
|
8510
|
+
}))), /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8434
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 ")
|
|
8435
|
-
}, props.showSuccess ? /* @__PURE__ */
|
|
8512
|
+
}, props.showSuccess ? /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8436
8513
|
className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4"
|
|
8437
|
-
}, /* @__PURE__ */
|
|
8514
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8438
8515
|
className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground"
|
|
8439
|
-
}, /* @__PURE__ */
|
|
8516
|
+
}, /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8440
8517
|
stroke: "currentColor",
|
|
8441
8518
|
fill: "currentColor",
|
|
8442
8519
|
strokeWidth: "0",
|
|
8443
8520
|
viewBox: "0 0 512 512",
|
|
8444
8521
|
height: "0.5em",
|
|
8445
8522
|
width: "0.5em"
|
|
8446
|
-
}, /* @__PURE__ */
|
|
8523
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8447
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"
|
|
8448
|
-
}))), /* @__PURE__ */
|
|
8525
|
+
}))), /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8449
8526
|
className: "hawa-text-sm hawa-flex hawa-flex-col hawa-text-center"
|
|
8450
|
-
}, /* @__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", {
|
|
8451
8528
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
|
8452
|
-
}, /* @__PURE__ */
|
|
8529
|
+
}, /* @__PURE__ */ import_react50.default.createElement(Popover, {
|
|
8453
8530
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
|
8454
8531
|
open: helperText,
|
|
8455
|
-
trigger: /* @__PURE__ */
|
|
8532
|
+
trigger: /* @__PURE__ */ import_react50.default.createElement(Textarea, {
|
|
8456
8533
|
className: cn("hawa-mb-2 hawa-h-full hawa-resize-none"),
|
|
8457
8534
|
placeholder: "Your feedback",
|
|
8458
8535
|
onChange: function(e) {
|
|
@@ -8463,9 +8540,9 @@ var FeedbackEmoji = function(props) {
|
|
|
8463
8540
|
console.log("changing to", e.target.value);
|
|
8464
8541
|
}
|
|
8465
8542
|
})
|
|
8466
|
-
}, /* @__PURE__ */
|
|
8543
|
+
}, /* @__PURE__ */ import_react50.default.createElement("span", {
|
|
8467
8544
|
className: "hawa-m-2"
|
|
8468
|
-
}, "Please enter your feedback"), " "), /* @__PURE__ */
|
|
8545
|
+
}, "Please enter your feedback"), " "), /* @__PURE__ */ import_react50.default.createElement(Button, {
|
|
8469
8546
|
isLoading: loadingSubmit,
|
|
8470
8547
|
onClick: onFeedbackSubmit,
|
|
8471
8548
|
className: "hawa-w-full",
|
|
@@ -8473,20 +8550,20 @@ var FeedbackEmoji = function(props) {
|
|
|
8473
8550
|
}, "Submit"))));
|
|
8474
8551
|
};
|
|
8475
8552
|
var VeryGoodEmoji = function() {
|
|
8476
|
-
return /* @__PURE__ */
|
|
8553
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8477
8554
|
fill: "none",
|
|
8478
8555
|
height: "16",
|
|
8479
8556
|
viewBox: "0 0 16 16",
|
|
8480
8557
|
width: "16",
|
|
8481
8558
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8482
|
-
}, /* @__PURE__ */
|
|
8559
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8483
8560
|
clipPath: "url(#clip0_53_166)"
|
|
8484
|
-
}, /* @__PURE__ */
|
|
8561
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8485
8562
|
clipRule: "evenodd",
|
|
8486
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",
|
|
8487
8564
|
fill: "currentColor",
|
|
8488
8565
|
fillRule: "evenodd"
|
|
8489
|
-
}), /* @__PURE__ */
|
|
8566
|
+
}), /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8490
8567
|
clipRule: "evenodd",
|
|
8491
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",
|
|
8492
8569
|
fill: "#FF990A",
|
|
@@ -8494,15 +8571,15 @@ var VeryGoodEmoji = function() {
|
|
|
8494
8571
|
})));
|
|
8495
8572
|
};
|
|
8496
8573
|
var GoodEmoji = function() {
|
|
8497
|
-
return /* @__PURE__ */
|
|
8574
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8498
8575
|
fill: "none",
|
|
8499
8576
|
height: "16",
|
|
8500
8577
|
viewBox: "0 0 16 16",
|
|
8501
8578
|
width: "16",
|
|
8502
8579
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8503
|
-
}, /* @__PURE__ */
|
|
8580
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8504
8581
|
clipPath: "url(#clip0_53_167)"
|
|
8505
|
-
}, /* @__PURE__ */
|
|
8582
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8506
8583
|
clipRule: "evenodd",
|
|
8507
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",
|
|
8508
8585
|
fill: "currentColor",
|
|
@@ -8510,15 +8587,15 @@ var GoodEmoji = function() {
|
|
|
8510
8587
|
})));
|
|
8511
8588
|
};
|
|
8512
8589
|
var BadEmoji = function() {
|
|
8513
|
-
return /* @__PURE__ */
|
|
8590
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8514
8591
|
fill: "none",
|
|
8515
8592
|
height: "16",
|
|
8516
8593
|
viewBox: "0 0 16 16",
|
|
8517
8594
|
width: "16",
|
|
8518
8595
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8519
|
-
}, /* @__PURE__ */
|
|
8596
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8520
8597
|
clipPath: "url(#clip0_53_152)"
|
|
8521
|
-
}, /* @__PURE__ */
|
|
8598
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8522
8599
|
clipRule: "evenodd",
|
|
8523
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",
|
|
8524
8601
|
fill: "currentColor",
|
|
@@ -8526,18 +8603,18 @@ var BadEmoji = function() {
|
|
|
8526
8603
|
})));
|
|
8527
8604
|
};
|
|
8528
8605
|
var VeryBadEmoji = function() {
|
|
8529
|
-
return /* @__PURE__ */
|
|
8606
|
+
return /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8530
8607
|
fill: "none",
|
|
8531
8608
|
height: "16",
|
|
8532
8609
|
viewBox: "0 0 16 16",
|
|
8533
8610
|
width: "16",
|
|
8534
8611
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8535
|
-
}, /* @__PURE__ */
|
|
8612
|
+
}, /* @__PURE__ */ import_react50.default.createElement("g", {
|
|
8536
8613
|
clipPath: "url(#clip0_53_151)"
|
|
8537
|
-
}, /* @__PURE__ */
|
|
8614
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8538
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",
|
|
8539
8616
|
fill: "#0070F3"
|
|
8540
|
-
}), /* @__PURE__ */
|
|
8617
|
+
}), /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8541
8618
|
clipRule: "evenodd",
|
|
8542
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",
|
|
8543
8620
|
fill: "currentColor",
|
|
@@ -8545,7 +8622,7 @@ var VeryBadEmoji = function() {
|
|
|
8545
8622
|
})));
|
|
8546
8623
|
};
|
|
8547
8624
|
// components/blocks/feedback/FeedbackForm.tsx
|
|
8548
|
-
var
|
|
8625
|
+
var import_react51 = __toESM(require("react"));
|
|
8549
8626
|
var import_react_hook_form7 = require("react-hook-form");
|
|
8550
8627
|
var import_zod7 = require("@hookform/resolvers/zod");
|
|
8551
8628
|
var z7 = __toESM(require("zod"));
|
|
@@ -8566,9 +8643,9 @@ var FeedbackForm = function(props) {
|
|
|
8566
8643
|
var _ref = (0, import_react_hook_form7.useForm)({
|
|
8567
8644
|
resolver: (0, import_zod7.zodResolver)(formSchema)
|
|
8568
8645
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
8569
|
-
return /* @__PURE__ */
|
|
8646
|
+
return /* @__PURE__ */ import_react51.default.createElement(Card, null, /* @__PURE__ */ import_react51.default.createElement(CardContent, {
|
|
8570
8647
|
headless: true
|
|
8571
|
-
}, /* @__PURE__ */
|
|
8648
|
+
}, /* @__PURE__ */ import_react51.default.createElement("form", {
|
|
8572
8649
|
noValidate: true,
|
|
8573
8650
|
onSubmit: handleSubmit(function(e) {
|
|
8574
8651
|
if (props.onSubmit) {
|
|
@@ -8578,13 +8655,13 @@ var FeedbackForm = function(props) {
|
|
|
8578
8655
|
}
|
|
8579
8656
|
}),
|
|
8580
8657
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
8581
|
-
}, /* @__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, {
|
|
8582
8659
|
name: "requestType",
|
|
8583
8660
|
control: control,
|
|
8584
8661
|
render: function(param) {
|
|
8585
8662
|
var field = param.field;
|
|
8586
8663
|
var _formState_errors_requestType_message, _formState_errors_requestType;
|
|
8587
|
-
return /* @__PURE__ */
|
|
8664
|
+
return /* @__PURE__ */ import_react51.default.createElement(Select, _object_spread_props(_object_spread({}, field), {
|
|
8588
8665
|
onChange: function(option) {
|
|
8589
8666
|
return field.onChange(option.value);
|
|
8590
8667
|
},
|
|
@@ -8592,70 +8669,70 @@ var FeedbackForm = function(props) {
|
|
|
8592
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()
|
|
8593
8670
|
}));
|
|
8594
8671
|
}
|
|
8595
|
-
}), /* @__PURE__ */
|
|
8672
|
+
}), /* @__PURE__ */ import_react51.default.createElement(Label2, null, props.texts.description), /* @__PURE__ */ import_react51.default.createElement(import_react_hook_form7.Controller, {
|
|
8596
8673
|
name: "description",
|
|
8597
8674
|
control: control,
|
|
8598
8675
|
render: function(param) {
|
|
8599
8676
|
var field = param.field;
|
|
8600
8677
|
var _formState_errors_description_message, _formState_errors_description;
|
|
8601
|
-
return /* @__PURE__ */
|
|
8678
|
+
return /* @__PURE__ */ import_react51.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
|
|
8602
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())
|
|
8603
8680
|
}));
|
|
8604
8681
|
}
|
|
8605
|
-
}), /* @__PURE__ */
|
|
8682
|
+
}), /* @__PURE__ */ import_react51.default.createElement(Button, {
|
|
8606
8683
|
type: "submit"
|
|
8607
8684
|
}, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit))));
|
|
8608
8685
|
};
|
|
8609
8686
|
// components/blocks/misc/LegalTexts.tsx
|
|
8610
|
-
var
|
|
8687
|
+
var import_react52 = __toESM(require("react"));
|
|
8611
8688
|
var LegalTexts = function(_param) {
|
|
8612
8689
|
var tabs = _param.tabs, props = _object_without_properties(_param, [
|
|
8613
8690
|
"tabs"
|
|
8614
8691
|
]);
|
|
8615
|
-
return /* @__PURE__ */
|
|
8692
|
+
return /* @__PURE__ */ import_react52.default.createElement(Tabs, {
|
|
8616
8693
|
value: props.activeTab,
|
|
8617
8694
|
onValueChange: props.handleTabChange,
|
|
8618
8695
|
defaultValue: props.defaultTab || tabs[0].value,
|
|
8619
8696
|
dir: props.direction
|
|
8620
|
-
}, /* @__PURE__ */
|
|
8697
|
+
}, /* @__PURE__ */ import_react52.default.createElement(TabsList, {
|
|
8621
8698
|
className: "hawa-w-full"
|
|
8622
8699
|
}, tabs.map(function(tab, index) {
|
|
8623
|
-
return /* @__PURE__ */
|
|
8700
|
+
return /* @__PURE__ */ import_react52.default.createElement(TabsTrigger, {
|
|
8624
8701
|
key: index,
|
|
8625
8702
|
value: tab.value
|
|
8626
8703
|
}, tab.title);
|
|
8627
8704
|
})), tabs.map(function(tab, index) {
|
|
8628
|
-
return /* @__PURE__ */
|
|
8705
|
+
return /* @__PURE__ */ import_react52.default.createElement(TabsContent, {
|
|
8629
8706
|
key: index,
|
|
8630
8707
|
value: tab.value
|
|
8631
|
-
}, /* @__PURE__ */
|
|
8708
|
+
}, /* @__PURE__ */ import_react52.default.createElement(ScrollArea, {
|
|
8632
8709
|
className: cn("hawa-p-4 hawa-rounded hawa-bg-muted hawa-border", props.scrollAreaClassName)
|
|
8633
8710
|
}, tab.content));
|
|
8634
8711
|
}));
|
|
8635
8712
|
};
|
|
8636
8713
|
// components/blocks/misc/EmptyState.tsx
|
|
8637
|
-
var
|
|
8714
|
+
var import_react53 = __toESM(require("react"));
|
|
8638
8715
|
var EmptyState = function(param) {
|
|
8639
8716
|
var texts = param.texts, onActionClick = param.onActionClick;
|
|
8640
8717
|
var _texts_youreCaughtUp, _texts_actionText;
|
|
8641
|
-
return /* @__PURE__ */
|
|
8718
|
+
return /* @__PURE__ */ import_react53.default.createElement(Card, null, /* @__PURE__ */ import_react53.default.createElement(CardContent, {
|
|
8642
8719
|
headless: true
|
|
8643
|
-
}, /* @__PURE__ */
|
|
8720
|
+
}, /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8644
8721
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center "
|
|
8645
|
-
}, /* @__PURE__ */
|
|
8722
|
+
}, /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8646
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"
|
|
8647
|
-
}, /* @__PURE__ */
|
|
8724
|
+
}, /* @__PURE__ */ import_react53.default.createElement("svg", {
|
|
8648
8725
|
stroke: "currentColor",
|
|
8649
8726
|
fill: "currentColor",
|
|
8650
8727
|
strokeWidth: "0",
|
|
8651
8728
|
viewBox: "0 0 512 512",
|
|
8652
8729
|
height: "0.35em",
|
|
8653
8730
|
width: "0.35em"
|
|
8654
|
-
}, /* @__PURE__ */
|
|
8731
|
+
}, /* @__PURE__ */ import_react53.default.createElement("path", {
|
|
8655
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"
|
|
8656
|
-
}))), /* @__PURE__ */
|
|
8733
|
+
}))), /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8657
8734
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
8658
|
-
}, (_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, {
|
|
8659
8736
|
className: "hawa-w-full",
|
|
8660
8737
|
onClick: function() {
|
|
8661
8738
|
return onActionClick();
|
|
@@ -8663,36 +8740,36 @@ var EmptyState = function(param) {
|
|
|
8663
8740
|
}, (_texts_actionText = texts === null || texts === void 0 ? void 0 : texts.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
|
|
8664
8741
|
};
|
|
8665
8742
|
// components/blocks/misc/Testimonial.tsx
|
|
8666
|
-
var
|
|
8743
|
+
var import_react54 = __toESM(require("react"));
|
|
8667
8744
|
var Testimonial = function(props) {
|
|
8668
|
-
return /* @__PURE__ */
|
|
8745
|
+
return /* @__PURE__ */ import_react54.default.createElement(Card, null, /* @__PURE__ */ import_react54.default.createElement(CardContent, {
|
|
8669
8746
|
headless: true
|
|
8670
|
-
}, /* @__PURE__ */
|
|
8747
|
+
}, /* @__PURE__ */ import_react54.default.createElement("div", null, /* @__PURE__ */ import_react54.default.createElement("p", {
|
|
8671
8748
|
className: "mb-4 max-w-sm"
|
|
8672
|
-
}, "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", {
|
|
8673
8750
|
className: "flex flex-row gap-4"
|
|
8674
|
-
}, /* @__PURE__ */
|
|
8751
|
+
}, /* @__PURE__ */ import_react54.default.createElement("svg", {
|
|
8675
8752
|
width: "48",
|
|
8676
8753
|
height: "48",
|
|
8677
8754
|
viewBox: "0 0 48 48",
|
|
8678
8755
|
fill: "none"
|
|
8679
|
-
}, /* @__PURE__ */
|
|
8756
|
+
}, /* @__PURE__ */ import_react54.default.createElement("rect", {
|
|
8680
8757
|
width: "48",
|
|
8681
8758
|
height: "48",
|
|
8682
8759
|
rx: "24",
|
|
8683
8760
|
fill: "#45BE8B"
|
|
8684
|
-
}), /* @__PURE__ */
|
|
8761
|
+
}), /* @__PURE__ */ import_react54.default.createElement("path", {
|
|
8685
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",
|
|
8686
8763
|
fill: "#FFFFFF"
|
|
8687
|
-
}), /* @__PURE__ */
|
|
8764
|
+
}), /* @__PURE__ */ import_react54.default.createElement("path", {
|
|
8688
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",
|
|
8689
8766
|
fill: "#FFFFFF"
|
|
8690
|
-
})), /* @__PURE__ */
|
|
8767
|
+
})), /* @__PURE__ */ import_react54.default.createElement("span", {
|
|
8691
8768
|
className: "border border-l "
|
|
8692
|
-
}), " ", /* @__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")))));
|
|
8693
8770
|
};
|
|
8694
8771
|
// components/blocks/misc/LeadGenerator.tsx
|
|
8695
|
-
var
|
|
8772
|
+
var import_react55 = __toESM(require("react"));
|
|
8696
8773
|
var import_react_hook_form8 = require("react-hook-form");
|
|
8697
8774
|
var LeadGenerator = function(param) {
|
|
8698
8775
|
var texts = param.texts, submitHandler = param.submitHandler;
|
|
@@ -8705,11 +8782,11 @@ var LeadGenerator = function(param) {
|
|
|
8705
8782
|
}
|
|
8706
8783
|
};
|
|
8707
8784
|
var _texts_submit;
|
|
8708
|
-
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", {
|
|
8709
8786
|
noValidate: true,
|
|
8710
8787
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
8711
8788
|
onSubmit: handleSubmit(onSubmit)
|
|
8712
|
-
}, /* @__PURE__ */
|
|
8789
|
+
}, /* @__PURE__ */ import_react55.default.createElement(import_react_hook_form8.Controller, {
|
|
8713
8790
|
name: "email",
|
|
8714
8791
|
control: control,
|
|
8715
8792
|
rules: {
|
|
@@ -8722,32 +8799,32 @@ var LeadGenerator = function(param) {
|
|
|
8722
8799
|
defaultValue: "",
|
|
8723
8800
|
render: function(param) {
|
|
8724
8801
|
var field = param.field;
|
|
8725
|
-
return /* @__PURE__ */
|
|
8802
|
+
return /* @__PURE__ */ import_react55.default.createElement(Input, _object_spread_props(_object_spread({}, field), {
|
|
8726
8803
|
type: "email",
|
|
8727
8804
|
placeholder: "example@sikka.io"
|
|
8728
8805
|
}));
|
|
8729
8806
|
}
|
|
8730
|
-
}), /* @__PURE__ */
|
|
8807
|
+
}), /* @__PURE__ */ import_react55.default.createElement(Button, {
|
|
8731
8808
|
type: "submit",
|
|
8732
8809
|
disabled: !formState.isValid
|
|
8733
8810
|
}, (_texts_submit = texts === null || texts === void 0 ? void 0 : texts.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
|
|
8734
8811
|
};
|
|
8735
8812
|
// components/blocks/misc/Announcement.tsx
|
|
8736
|
-
var
|
|
8813
|
+
var import_react56 = __toESM(require("react"));
|
|
8737
8814
|
var Announcement = function(_param) {
|
|
8738
8815
|
var onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
|
|
8739
8816
|
"onActionClick"
|
|
8740
8817
|
]);
|
|
8741
|
-
return /* @__PURE__ */
|
|
8818
|
+
return /* @__PURE__ */ import_react56.default.createElement(Card, null, /* @__PURE__ */ import_react56.default.createElement(CardContent, {
|
|
8742
8819
|
headless: true,
|
|
8743
8820
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
|
8744
|
-
}, /* @__PURE__ */
|
|
8821
|
+
}, /* @__PURE__ */ import_react56.default.createElement("div", {
|
|
8745
8822
|
className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center "
|
|
8746
|
-
}, /* @__PURE__ */
|
|
8823
|
+
}, /* @__PURE__ */ import_react56.default.createElement("span", {
|
|
8747
8824
|
className: "hawa-text-lg hawa-font-bold"
|
|
8748
|
-
}, props.title), /* @__PURE__ */
|
|
8825
|
+
}, props.title), /* @__PURE__ */ import_react56.default.createElement("span", {
|
|
8749
8826
|
className: "hawa-text-sm"
|
|
8750
|
-
}, props.subtitle)), /* @__PURE__ */
|
|
8827
|
+
}, props.subtitle)), /* @__PURE__ */ import_react56.default.createElement(Button, {
|
|
8751
8828
|
onClick: function() {
|
|
8752
8829
|
return onActionClick();
|
|
8753
8830
|
},
|
|
@@ -8755,56 +8832,56 @@ var Announcement = function(_param) {
|
|
|
8755
8832
|
}, props.actionText)));
|
|
8756
8833
|
};
|
|
8757
8834
|
// components/blocks/misc/NotFound.tsx
|
|
8758
|
-
var
|
|
8835
|
+
var import_react57 = __toESM(require("react"));
|
|
8759
8836
|
var NotFound = function(param) {
|
|
8760
8837
|
var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
|
|
8761
8838
|
var _texts_pageNotFound, _texts_ifLost, _texts_home;
|
|
8762
|
-
return /* @__PURE__ */
|
|
8839
|
+
return /* @__PURE__ */ import_react57.default.createElement(Card, null, /* @__PURE__ */ import_react57.default.createElement(CardContent, {
|
|
8763
8840
|
headless: true
|
|
8764
|
-
}, /* @__PURE__ */
|
|
8841
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8765
8842
|
className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white"
|
|
8766
|
-
}, /* @__PURE__ */
|
|
8843
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8767
8844
|
className: "hawa-text-center hawa-text-6xl hawa-font-bold "
|
|
8768
|
-
}, "404"), /* @__PURE__ */
|
|
8845
|
+
}, "404"), /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8769
8846
|
className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold "
|
|
8770
|
-
}, (_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", {
|
|
8771
8848
|
className: "hawa-mb-4 hawa-text-center"
|
|
8772
|
-
}, (_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", {
|
|
8773
8850
|
className: "clickable-link"
|
|
8774
|
-
}, "help@sikka.io"))), /* @__PURE__ */
|
|
8851
|
+
}, "help@sikka.io"))), /* @__PURE__ */ import_react57.default.createElement(Button, {
|
|
8775
8852
|
className: "hawa-w-full"
|
|
8776
8853
|
}, (_texts_home = texts === null || texts === void 0 ? void 0 : texts.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
|
|
8777
8854
|
};
|
|
8778
8855
|
// components/blocks/misc/NoPermission.tsx
|
|
8779
|
-
var
|
|
8856
|
+
var import_react58 = __toESM(require("react"));
|
|
8780
8857
|
var NoPermission = function(param) {
|
|
8781
8858
|
var texts = param.texts;
|
|
8782
8859
|
var _texts_title, _texts_subtitle;
|
|
8783
|
-
return /* @__PURE__ */
|
|
8860
|
+
return /* @__PURE__ */ import_react58.default.createElement(Card, null, /* @__PURE__ */ import_react58.default.createElement(CardContent, {
|
|
8784
8861
|
headless: true
|
|
8785
|
-
}, /* @__PURE__ */
|
|
8862
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8786
8863
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
|
|
8787
|
-
}, /* @__PURE__ */
|
|
8864
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8788
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"
|
|
8789
|
-
}, /* @__PURE__ */
|
|
8866
|
+
}, /* @__PURE__ */ import_react58.default.createElement("svg", {
|
|
8790
8867
|
stroke: "currentColor",
|
|
8791
8868
|
fill: "currentColor",
|
|
8792
8869
|
strokeWidth: "0",
|
|
8793
8870
|
viewBox: "0 0 448 512",
|
|
8794
8871
|
height: "0.35em",
|
|
8795
8872
|
width: "0.35em"
|
|
8796
|
-
}, /* @__PURE__ */
|
|
8873
|
+
}, /* @__PURE__ */ import_react58.default.createElement("path", {
|
|
8797
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"
|
|
8798
|
-
})), " "), /* @__PURE__ */
|
|
8875
|
+
})), " "), /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8799
8876
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
8800
|
-
}, (_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"))));
|
|
8801
8878
|
};
|
|
8802
8879
|
// components/blocks/pricing/PricingPlans.tsx
|
|
8803
|
-
var
|
|
8880
|
+
var import_react59 = __toESM(require("react"));
|
|
8804
8881
|
var PricingPlans = function(props) {
|
|
8805
|
-
return /* @__PURE__ */
|
|
8882
|
+
return /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8806
8883
|
className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
|
|
8807
|
-
}, /* @__PURE__ */
|
|
8884
|
+
}, /* @__PURE__ */ import_react59.default.createElement(Radio, {
|
|
8808
8885
|
design: "tabs",
|
|
8809
8886
|
defaultValue: props.currentCycle,
|
|
8810
8887
|
options: props.billingCycles,
|
|
@@ -8813,7 +8890,7 @@ var PricingPlans = function(props) {
|
|
|
8813
8890
|
props.onCycleChange(e);
|
|
8814
8891
|
}
|
|
8815
8892
|
}
|
|
8816
|
-
}), /* @__PURE__ */
|
|
8893
|
+
}), /* @__PURE__ */ import_react59.default.createElement(Radio, {
|
|
8817
8894
|
design: "tabs",
|
|
8818
8895
|
defaultValue: props.currentCurrency,
|
|
8819
8896
|
options: props.currencies,
|
|
@@ -8822,10 +8899,10 @@ var PricingPlans = function(props) {
|
|
|
8822
8899
|
props.onCurrencyChange(e);
|
|
8823
8900
|
}
|
|
8824
8901
|
}
|
|
8825
|
-
})), /* @__PURE__ */
|
|
8902
|
+
})), /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8826
8903
|
className: "hawa-flex hawa-flex-row hawa-justify-between"
|
|
8827
8904
|
}, props.plans.map(function(plan, index) {
|
|
8828
|
-
return /* @__PURE__ */
|
|
8905
|
+
return /* @__PURE__ */ import_react59.default.createElement(PricingCard, _object_spread_props(_object_spread({
|
|
8829
8906
|
key: index,
|
|
8830
8907
|
onPlanClicked: function() {
|
|
8831
8908
|
if (props.onPlanClicked) {
|
|
@@ -8846,26 +8923,26 @@ var PricingPlans = function(props) {
|
|
|
8846
8923
|
})));
|
|
8847
8924
|
};
|
|
8848
8925
|
// components/blocks/pricing/ComparingPlans.tsx
|
|
8849
|
-
var
|
|
8926
|
+
var import_react60 = __toESM(require("react"));
|
|
8850
8927
|
var CheckMark = function() {
|
|
8851
|
-
return /* @__PURE__ */
|
|
8928
|
+
return /* @__PURE__ */ import_react60.default.createElement("svg", {
|
|
8852
8929
|
className: "hawa-h-5 hawa-w-5 hawa-text-green-500",
|
|
8853
8930
|
"aria-hidden": "true",
|
|
8854
8931
|
fill: "currentColor",
|
|
8855
8932
|
viewBox: "0 0 20 20"
|
|
8856
|
-
}, /* @__PURE__ */
|
|
8933
|
+
}, /* @__PURE__ */ import_react60.default.createElement("path", {
|
|
8857
8934
|
fillRule: "evenodd",
|
|
8858
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",
|
|
8859
8936
|
clipRule: "evenodd"
|
|
8860
8937
|
}));
|
|
8861
8938
|
};
|
|
8862
8939
|
var UncheckMark = function() {
|
|
8863
|
-
return /* @__PURE__ */
|
|
8940
|
+
return /* @__PURE__ */ import_react60.default.createElement("svg", {
|
|
8864
8941
|
className: "hawa-h-5 hawa-w-5 hawa-text-red-500",
|
|
8865
8942
|
"aria-hidden": "true",
|
|
8866
8943
|
fill: "currentColor",
|
|
8867
8944
|
viewBox: "0 0 20 20"
|
|
8868
|
-
}, /* @__PURE__ */
|
|
8945
|
+
}, /* @__PURE__ */ import_react60.default.createElement("path", {
|
|
8869
8946
|
fillRule: "evenodd",
|
|
8870
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",
|
|
8871
8948
|
clipRule: "evenodd"
|
|
@@ -8873,14 +8950,14 @@ var UncheckMark = function() {
|
|
|
8873
8950
|
};
|
|
8874
8951
|
var ComparingPlans = function(props) {
|
|
8875
8952
|
var _props_plans;
|
|
8876
|
-
var _ref = _sliced_to_array((0,
|
|
8877
|
-
var _ref1 = _sliced_to_array((0,
|
|
8878
|
-
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", {
|
|
8879
8956
|
id: "detailed-pricing",
|
|
8880
8957
|
className: "hawa-w-full hawa-overflow-x-auto"
|
|
8881
|
-
}, /* @__PURE__ */
|
|
8958
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8882
8959
|
className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
|
|
8883
|
-
}, /* @__PURE__ */
|
|
8960
|
+
}, /* @__PURE__ */ import_react60.default.createElement(Radio, {
|
|
8884
8961
|
design: "tabs",
|
|
8885
8962
|
defaultValue: currentCycle,
|
|
8886
8963
|
options: props.billingCycles,
|
|
@@ -8891,7 +8968,7 @@ var ComparingPlans = function(props) {
|
|
|
8891
8968
|
console.log("onCycleChange was not provided");
|
|
8892
8969
|
}
|
|
8893
8970
|
}
|
|
8894
|
-
}), /* @__PURE__ */
|
|
8971
|
+
}), /* @__PURE__ */ import_react60.default.createElement(Radio, {
|
|
8895
8972
|
design: "tabs",
|
|
8896
8973
|
defaultValue: currentCurrency,
|
|
8897
8974
|
options: props.currencies,
|
|
@@ -8902,56 +8979,56 @@ var ComparingPlans = function(props) {
|
|
|
8902
8979
|
console.log("onCurrencyChange was not provided");
|
|
8903
8980
|
}
|
|
8904
8981
|
}
|
|
8905
|
-
})), /* @__PURE__ */
|
|
8982
|
+
})), /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8906
8983
|
className: " hawa-overflow-hidden hawa-rounded"
|
|
8907
|
-
}, /* @__PURE__ */
|
|
8984
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8908
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"
|
|
8909
|
-
}, /* @__PURE__ */
|
|
8986
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8910
8987
|
className: "hawa-flex hawa-items-center"
|
|
8911
8988
|
}), props.plans.map(function(plan, i) {
|
|
8912
|
-
return /* @__PURE__ */
|
|
8989
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8913
8990
|
key: i
|
|
8914
|
-
}, /* @__PURE__ */
|
|
8991
|
+
}, /* @__PURE__ */ import_react60.default.createElement("h5", {
|
|
8915
8992
|
className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8916
|
-
}, plan.texts.title), /* @__PURE__ */
|
|
8993
|
+
}, plan.texts.title), /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8917
8994
|
className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white"
|
|
8918
|
-
}, /* @__PURE__ */
|
|
8995
|
+
}, /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement("span", {
|
|
8919
8996
|
className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight"
|
|
8920
|
-
}, plan.price), /* @__PURE__ */
|
|
8997
|
+
}, plan.price), /* @__PURE__ */ import_react60.default.createElement("span", {
|
|
8921
8998
|
className: "hawa-mx-1 hawa-text-sm hawa-font-semibold"
|
|
8922
|
-
}, plan.texts.currencyText)), /* @__PURE__ */
|
|
8999
|
+
}, plan.texts.currencyText)), /* @__PURE__ */ import_react60.default.createElement("span", {
|
|
8923
9000
|
className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8924
|
-
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */
|
|
9001
|
+
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react60.default.createElement("h5", {
|
|
8925
9002
|
className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8926
9003
|
}, plan.texts.subtitle));
|
|
8927
9004
|
})), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
|
|
8928
9005
|
return plan.features.map(function(feature, j) {
|
|
8929
|
-
return /* @__PURE__ */
|
|
9006
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8930
9007
|
key: j,
|
|
8931
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"
|
|
8932
|
-
}, /* @__PURE__ */
|
|
9009
|
+
}, /* @__PURE__ */ import_react60.default.createElement("div", {
|
|
8933
9010
|
className: " hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8934
|
-
}, feature.text, feature.description && /* @__PURE__ */
|
|
9011
|
+
}, feature.text, feature.description && /* @__PURE__ */ import_react60.default.createElement(Tooltip, {
|
|
8935
9012
|
side: "right",
|
|
8936
9013
|
content: feature.description
|
|
8937
|
-
}, /* @__PURE__ */
|
|
9014
|
+
}, /* @__PURE__ */ import_react60.default.createElement("svg", {
|
|
8938
9015
|
stroke: "currentColor",
|
|
8939
9016
|
fill: "currentColor",
|
|
8940
9017
|
strokeWidth: "0",
|
|
8941
9018
|
viewBox: "0 0 16 16",
|
|
8942
9019
|
height: "1em",
|
|
8943
9020
|
width: "1em"
|
|
8944
|
-
}, /* @__PURE__ */
|
|
9021
|
+
}, /* @__PURE__ */ import_react60.default.createElement("path", {
|
|
8945
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"
|
|
8946
|
-
})))), /* @__PURE__ */
|
|
9023
|
+
})))), /* @__PURE__ */ import_react60.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react60.default.createElement(CheckMark, null), /* @__PURE__ */ import_react60.default.createElement(UncheckMark, null));
|
|
8947
9024
|
});
|
|
8948
9025
|
})));
|
|
8949
9026
|
};
|
|
8950
9027
|
// components/blocks/pricing/HorizontalPricing.tsx
|
|
8951
|
-
var
|
|
9028
|
+
var import_react61 = __toESM(require("react"));
|
|
8952
9029
|
var import_clsx12 = __toESM(require("clsx"));
|
|
8953
9030
|
var HorizontalPricing = function(props) {
|
|
8954
|
-
var _ref = _sliced_to_array((0,
|
|
9031
|
+
var _ref = _sliced_to_array((0, import_react61.useState)(""), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
|
|
8955
9032
|
var data = [
|
|
8956
9033
|
{
|
|
8957
9034
|
title: "basic",
|
|
@@ -8969,96 +9046,96 @@ var HorizontalPricing = function(props) {
|
|
|
8969
9046
|
cycle: "/mo"
|
|
8970
9047
|
}
|
|
8971
9048
|
];
|
|
8972
|
-
return /* @__PURE__ */
|
|
9049
|
+
return /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8973
9050
|
className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm"
|
|
8974
|
-
}, /* @__PURE__ */
|
|
9051
|
+
}, /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8975
9052
|
className: "hawa-max-w-2xl "
|
|
8976
|
-
}, /* @__PURE__ */
|
|
9053
|
+
}, /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
8977
9054
|
className: "hawa-flex hawa-flex-row hawa-justify-between"
|
|
8978
|
-
}, /* @__PURE__ */
|
|
9055
|
+
}, /* @__PURE__ */ import_react61.default.createElement(Radio, {
|
|
8979
9056
|
design: "tabs",
|
|
8980
9057
|
options: props.currencies,
|
|
8981
9058
|
defaultValue: props.currentCurrency
|
|
8982
|
-
}), /* @__PURE__ */
|
|
9059
|
+
}), /* @__PURE__ */ import_react61.default.createElement(Radio, {
|
|
8983
9060
|
design: "tabs",
|
|
8984
9061
|
options: props.billingCycles,
|
|
8985
9062
|
defaultValue: props.currentCycle
|
|
8986
9063
|
})), data.map(function(d, i) {
|
|
8987
|
-
return /* @__PURE__ */
|
|
9064
|
+
return /* @__PURE__ */ import_react61.default.createElement("label", {
|
|
8988
9065
|
key: i,
|
|
8989
9066
|
htmlFor: d.title,
|
|
8990
9067
|
className: "",
|
|
8991
9068
|
onClick: function() {
|
|
8992
9069
|
return setSelectedCard(d.title);
|
|
8993
9070
|
}
|
|
8994
|
-
}, /* @__PURE__ */
|
|
9071
|
+
}, /* @__PURE__ */ import_react61.default.createElement("input", {
|
|
8995
9072
|
type: "radio",
|
|
8996
9073
|
name: "radio",
|
|
8997
9074
|
id: d.title,
|
|
8998
9075
|
className: "hawa-peer hawa-appearance-none"
|
|
8999
|
-
}), /* @__PURE__ */
|
|
9076
|
+
}), /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
9000
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")
|
|
9001
|
-
}, /* @__PURE__ */
|
|
9078
|
+
}, /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
9002
9079
|
className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4"
|
|
9003
|
-
}, /* @__PURE__ */
|
|
9080
|
+
}, /* @__PURE__ */ import_react61.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react61.default.createElement(CardText, {
|
|
9004
9081
|
title: "Enterprise",
|
|
9005
9082
|
subtitle: "For startups and new businesses"
|
|
9006
|
-
})), /* @__PURE__ */
|
|
9083
|
+
})), /* @__PURE__ */ import_react61.default.createElement(CardPrice, {
|
|
9007
9084
|
amount: d.price,
|
|
9008
9085
|
cycle: d.cycle
|
|
9009
9086
|
})));
|
|
9010
9087
|
})));
|
|
9011
9088
|
};
|
|
9012
9089
|
var CheckIcons = function() {
|
|
9013
|
-
return /* @__PURE__ */
|
|
9090
|
+
return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement("svg", {
|
|
9014
9091
|
fill: "none",
|
|
9015
9092
|
viewBox: "0 0 24 24",
|
|
9016
9093
|
strokeWidth: "1.5",
|
|
9017
9094
|
stroke: "currentColor",
|
|
9018
9095
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
|
9019
|
-
}, /* @__PURE__ */
|
|
9096
|
+
}, /* @__PURE__ */ import_react61.default.createElement("path", {
|
|
9020
9097
|
strokeLinecap: "round",
|
|
9021
9098
|
strokeLinejoin: "round",
|
|
9022
9099
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
9023
|
-
})), /* @__PURE__ */
|
|
9100
|
+
})), /* @__PURE__ */ import_react61.default.createElement("svg", {
|
|
9024
9101
|
viewBox: "0 0 24 24",
|
|
9025
9102
|
fill: "currentColor",
|
|
9026
9103
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
|
9027
|
-
}, /* @__PURE__ */
|
|
9104
|
+
}, /* @__PURE__ */ import_react61.default.createElement("path", {
|
|
9028
9105
|
fillRule: "evenodd",
|
|
9029
9106
|
clipRule: "evenodd",
|
|
9030
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"
|
|
9031
9108
|
})));
|
|
9032
9109
|
};
|
|
9033
9110
|
var CardText = function(props) {
|
|
9034
|
-
return /* @__PURE__ */
|
|
9111
|
+
return /* @__PURE__ */ import_react61.default.createElement("div", {
|
|
9035
9112
|
className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start "
|
|
9036
|
-
}, /* @__PURE__ */
|
|
9113
|
+
}, /* @__PURE__ */ import_react61.default.createElement("h2", {
|
|
9037
9114
|
className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl"
|
|
9038
|
-
}, props.title), /* @__PURE__ */
|
|
9115
|
+
}, props.title), /* @__PURE__ */ import_react61.default.createElement("p", {
|
|
9039
9116
|
className: "hawa-text-sm hawa-text-primary/60"
|
|
9040
9117
|
}, props.subtitle, " "));
|
|
9041
9118
|
};
|
|
9042
9119
|
var CardPrice = function(props) {
|
|
9043
|
-
return /* @__PURE__ */
|
|
9120
|
+
return /* @__PURE__ */ import_react61.default.createElement("h2", {
|
|
9044
9121
|
className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl"
|
|
9045
|
-
}, props.amount, /* @__PURE__ */
|
|
9122
|
+
}, props.amount, /* @__PURE__ */ import_react61.default.createElement("span", {
|
|
9046
9123
|
className: "hawa-text-base hawa-font-medium hawa-text-neutral-400"
|
|
9047
9124
|
}, props.cycle));
|
|
9048
9125
|
};
|
|
9049
9126
|
// components/blocks/Usage.tsx
|
|
9050
|
-
var
|
|
9127
|
+
var import_react62 = __toESM(require("react"));
|
|
9051
9128
|
var Usage = function(props) {
|
|
9052
9129
|
var _props_percent;
|
|
9053
|
-
return /* @__PURE__ */
|
|
9130
|
+
return /* @__PURE__ */ import_react62.default.createElement("div", {
|
|
9054
9131
|
className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4"
|
|
9055
|
-
}, /* @__PURE__ */
|
|
9132
|
+
}, /* @__PURE__ */ import_react62.default.createElement("div", {
|
|
9056
9133
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
|
|
9057
|
-
}, /* @__PURE__ */
|
|
9134
|
+
}, /* @__PURE__ */ import_react62.default.createElement("span", {
|
|
9058
9135
|
className: "hawa-bg-white-200"
|
|
9059
|
-
}, props.title), props.tooltip && /* @__PURE__ */
|
|
9136
|
+
}, props.title), props.tooltip && /* @__PURE__ */ import_react62.default.createElement(Tooltip, {
|
|
9060
9137
|
content: props.tooltip
|
|
9061
|
-
}, /* @__PURE__ */
|
|
9138
|
+
}, /* @__PURE__ */ import_react62.default.createElement("svg", {
|
|
9062
9139
|
stroke: "currentColor",
|
|
9063
9140
|
"aria-label": "Exclamation Circle",
|
|
9064
9141
|
fill: "currentColor",
|
|
@@ -9066,28 +9143,28 @@ var Usage = function(props) {
|
|
|
9066
9143
|
viewBox: "0 0 16 16",
|
|
9067
9144
|
height: "1em",
|
|
9068
9145
|
width: "1em"
|
|
9069
|
-
}, /* @__PURE__ */
|
|
9146
|
+
}, /* @__PURE__ */ import_react62.default.createElement("path", {
|
|
9070
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"
|
|
9071
|
-
})))), /* @__PURE__ */
|
|
9148
|
+
})))), /* @__PURE__ */ import_react62.default.createElement("div", {
|
|
9072
9149
|
className: "hawa-bg-white-100 hawa-flex hawa-flex-row"
|
|
9073
|
-
}, /* @__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, {
|
|
9074
9151
|
value: (_props_percent = props.percent) !== null && _props_percent !== void 0 ? _props_percent : 0
|
|
9075
9152
|
}));
|
|
9076
9153
|
};
|
|
9077
9154
|
// components/hooks/useDiscloser.ts
|
|
9078
|
-
var import_react62 = require("react");
|
|
9079
|
-
// components/hooks/useHover.ts
|
|
9080
9155
|
var import_react63 = require("react");
|
|
9081
|
-
// components/hooks/
|
|
9156
|
+
// components/hooks/useHover.ts
|
|
9082
9157
|
var import_react64 = require("react");
|
|
9083
|
-
// components/hooks/
|
|
9158
|
+
// components/hooks/useCarousel.ts
|
|
9084
9159
|
var import_react65 = require("react");
|
|
9160
|
+
// components/hooks/useWindowSize.ts
|
|
9161
|
+
var import_react66 = require("react");
|
|
9085
9162
|
var useWindowSize = function() {
|
|
9086
|
-
var _ref = _sliced_to_array((0,
|
|
9163
|
+
var _ref = _sliced_to_array((0, import_react66.useState)({
|
|
9087
9164
|
width: void 0,
|
|
9088
9165
|
height: void 0
|
|
9089
9166
|
}), 2), windowSize = _ref[0], setWindowSize = _ref[1];
|
|
9090
|
-
(0,
|
|
9167
|
+
(0, import_react66.useEffect)(function() {
|
|
9091
9168
|
var handleResize = function handleResize() {
|
|
9092
9169
|
setWindowSize({
|
|
9093
9170
|
width: window.innerWidth,
|
|
@@ -9103,7 +9180,7 @@ var useWindowSize = function() {
|
|
|
9103
9180
|
return windowSize;
|
|
9104
9181
|
};
|
|
9105
9182
|
// components/hooks/useFocusWithin.ts
|
|
9106
|
-
var
|
|
9183
|
+
var import_react67 = require("react");
|
|
9107
9184
|
function containsRelatedTarget(event) {
|
|
9108
9185
|
if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
|
|
9109
9186
|
return event.currentTarget.contains(event.relatedTarget);
|
|
@@ -9112,9 +9189,9 @@ function containsRelatedTarget(event) {
|
|
|
9112
9189
|
}
|
|
9113
9190
|
function useFocusWithin() {
|
|
9114
9191
|
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
|
|
9115
|
-
var ref = (0,
|
|
9116
|
-
var _ref1 = _sliced_to_array((0,
|
|
9117
|
-
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);
|
|
9118
9195
|
var setFocused = function(value) {
|
|
9119
9196
|
_setFocused(value);
|
|
9120
9197
|
focusedRef.current = value;
|
|
@@ -9131,7 +9208,7 @@ function useFocusWithin() {
|
|
|
9131
9208
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
9132
9209
|
}
|
|
9133
9210
|
};
|
|
9134
|
-
(0,
|
|
9211
|
+
(0, import_react67.useEffect)(function() {
|
|
9135
9212
|
if (ref.current) {
|
|
9136
9213
|
ref.current.addEventListener("focusin", handleFocusIn);
|
|
9137
9214
|
ref.current.addEventListener("focusout", handleFocusOut);
|
|
@@ -9152,7 +9229,7 @@ function useFocusWithin() {
|
|
|
9152
9229
|
};
|
|
9153
9230
|
}
|
|
9154
9231
|
// components/hooks/useMediaQuery.ts
|
|
9155
|
-
var
|
|
9232
|
+
var import_react68 = require("react");
|
|
9156
9233
|
function attachMediaListener(query, callback) {
|
|
9157
9234
|
try {
|
|
9158
9235
|
query.addEventListener("change", callback);
|
|
@@ -9179,9 +9256,9 @@ function useMediaQuery(query, initialValue) {
|
|
|
9179
9256
|
var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
|
|
9180
9257
|
getInitialValueInEffect: true
|
|
9181
9258
|
}).getInitialValueInEffect;
|
|
9182
|
-
var _ref = _sliced_to_array((0,
|
|
9183
|
-
var queryRef = (0,
|
|
9184
|
-
(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() {
|
|
9185
9262
|
if ("matchMedia" in window) {
|
|
9186
9263
|
queryRef.current = window.matchMedia(query);
|
|
9187
9264
|
setMatches(queryRef.current.matches);
|
|
@@ -9196,15 +9273,15 @@ function useMediaQuery(query, initialValue) {
|
|
|
9196
9273
|
return matches;
|
|
9197
9274
|
}
|
|
9198
9275
|
// components/hooks/useScrollPosition.ts
|
|
9199
|
-
var import_react68 = require("react");
|
|
9200
|
-
// components/hooks/useTable.ts
|
|
9201
9276
|
var import_react69 = require("react");
|
|
9202
|
-
// components/hooks/
|
|
9277
|
+
// components/hooks/useTable.ts
|
|
9203
9278
|
var import_react70 = require("react");
|
|
9279
|
+
// components/hooks/useTabs.ts
|
|
9280
|
+
var import_react71 = require("react");
|
|
9204
9281
|
function useTabs() {
|
|
9205
9282
|
var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
|
9206
|
-
var _ref = _sliced_to_array((0,
|
|
9207
|
-
(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() {
|
|
9208
9285
|
var handleHashChange = function() {
|
|
9209
9286
|
var hash = window.location.hash.substring(1);
|
|
9210
9287
|
setActiveTab(hash || initialTab);
|
|
@@ -9240,6 +9317,7 @@ function useTabs() {
|
|
|
9240
9317
|
AppLanding: AppLanding,
|
|
9241
9318
|
AppLayout: AppLayout,
|
|
9242
9319
|
AppStores: AppStores,
|
|
9320
|
+
AppTopbar: AppTopbar,
|
|
9243
9321
|
BackToTop: BackToTop,
|
|
9244
9322
|
Breadcrumb: Breadcrumb,
|
|
9245
9323
|
Button: Button,
|