@sikka/hawa 0.10.17 → 0.10.20-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/README.md +7 -2
- package/dist/index.d.mts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +421 -384
- package/dist/index.mjs +267 -231
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -4728,7 +4728,16 @@ var DataTable = ({
|
|
|
4728
4728
|
className: "hawa-h-24 hawa-text-center"
|
|
4729
4729
|
},
|
|
4730
4730
|
props.texts?.noData
|
|
4731
|
-
))))), /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }),
|
|
4731
|
+
))))), /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React37.createElement(
|
|
4732
|
+
"div",
|
|
4733
|
+
{
|
|
4734
|
+
className: "text-sm text-muted-foreground",
|
|
4735
|
+
dir: props.direction
|
|
4736
|
+
},
|
|
4737
|
+
/* @__PURE__ */ React37.createElement("span", null, props.texts?.total),
|
|
4738
|
+
" ",
|
|
4739
|
+
/* @__PURE__ */ React37.createElement("span", null, table.getFilteredRowModel().rows.length)
|
|
4740
|
+
), table.getPageCount() !== 0 && /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, /* @__PURE__ */ React37.createElement(
|
|
4732
4741
|
DropdownMenu,
|
|
4733
4742
|
{
|
|
4734
4743
|
size: "sm",
|
|
@@ -5745,11 +5754,14 @@ var Combobox = ({
|
|
|
5745
5754
|
data.find((item) => item[valueKey] === value) || {},
|
|
5746
5755
|
labelKey
|
|
5747
5756
|
) : props.placeholder || "...",
|
|
5748
|
-
|
|
5757
|
+
/* @__PURE__ */ React47.createElement(
|
|
5749
5758
|
"svg",
|
|
5750
5759
|
{
|
|
5751
5760
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5752
|
-
className:
|
|
5761
|
+
className: cn(
|
|
5762
|
+
"hawa-w-4 hawa-h-4 hawa-transition-all",
|
|
5763
|
+
!props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"
|
|
5764
|
+
),
|
|
5753
5765
|
viewBox: "0 0 24 24",
|
|
5754
5766
|
fill: "none",
|
|
5755
5767
|
stroke: "currentColor",
|
|
@@ -5759,7 +5771,7 @@ var Combobox = ({
|
|
|
5759
5771
|
},
|
|
5760
5772
|
/* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
|
|
5761
5773
|
)
|
|
5762
|
-
))), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: " hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
|
|
5774
|
+
))), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: " hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
|
|
5763
5775
|
CommandItem,
|
|
5764
5776
|
{
|
|
5765
5777
|
key: getProperty(item, valueKey),
|
|
@@ -6720,8 +6732,31 @@ var Copyrights = (props) => {
|
|
|
6720
6732
|
return /* @__PURE__ */ React56.createElement("div", { 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" }, props.withLogo ? /* @__PURE__ */ React56.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React56.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React56.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React56.createElement("div", null, props.version), props.credits ? props.credits : null);
|
|
6721
6733
|
};
|
|
6722
6734
|
|
|
6723
|
-
// components/
|
|
6735
|
+
// components/layout/Navbar.tsx
|
|
6724
6736
|
import React57 from "react";
|
|
6737
|
+
var Navbar = ({ test, ...props }) => {
|
|
6738
|
+
return /* @__PURE__ */ React57.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-items-center hawa-bg-card hawa-p-4 hawa-rounded hawa-border" }, /* @__PURE__ */ React57.createElement("div", null, /* @__PURE__ */ React57.createElement(Logos.sikka, { className: "hawa-h-8 hawa-w-8" })), /* @__PURE__ */ React57.createElement("div", null, /* @__PURE__ */ React57.createElement(
|
|
6739
|
+
NavigationMenu,
|
|
6740
|
+
{
|
|
6741
|
+
direction: "ltr",
|
|
6742
|
+
rootClassNames: "hawa-w-fit",
|
|
6743
|
+
viewportClassNames: "hawa-max-w-md",
|
|
6744
|
+
items: [
|
|
6745
|
+
{
|
|
6746
|
+
trigger: "item 2",
|
|
6747
|
+
action: () => console.log("clicked on item")
|
|
6748
|
+
},
|
|
6749
|
+
{
|
|
6750
|
+
trigger: "item 3",
|
|
6751
|
+
content: /* @__PURE__ */ React57.createElement("div", { className: "hawa-p-4" }, "something here")
|
|
6752
|
+
}
|
|
6753
|
+
]
|
|
6754
|
+
}
|
|
6755
|
+
)), /* @__PURE__ */ React57.createElement("div", null, /* @__PURE__ */ React57.createElement(Button, null, "Login")));
|
|
6756
|
+
};
|
|
6757
|
+
|
|
6758
|
+
// components/blocks/auth/LoginForm.tsx
|
|
6759
|
+
import React58 from "react";
|
|
6725
6760
|
import { Controller as Controller2, useForm } from "react-hook-form";
|
|
6726
6761
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
6727
6762
|
import { parsePhoneNumber } from "libphonenumber-js";
|
|
@@ -6771,12 +6806,12 @@ var LoginForm = ({
|
|
|
6771
6806
|
const renderFields = () => {
|
|
6772
6807
|
switch (loginType) {
|
|
6773
6808
|
case "email":
|
|
6774
|
-
return /* @__PURE__ */
|
|
6809
|
+
return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(
|
|
6775
6810
|
Controller2,
|
|
6776
6811
|
{
|
|
6777
6812
|
control,
|
|
6778
6813
|
name: "email",
|
|
6779
|
-
render: ({ field }) => /* @__PURE__ */
|
|
6814
|
+
render: ({ field }) => /* @__PURE__ */ React58.createElement(
|
|
6780
6815
|
Input,
|
|
6781
6816
|
{
|
|
6782
6817
|
width: "full",
|
|
@@ -6788,12 +6823,12 @@ var LoginForm = ({
|
|
|
6788
6823
|
}
|
|
6789
6824
|
)
|
|
6790
6825
|
}
|
|
6791
|
-
), /* @__PURE__ */
|
|
6826
|
+
), /* @__PURE__ */ React58.createElement("div", null, /* @__PURE__ */ React58.createElement(
|
|
6792
6827
|
Controller2,
|
|
6793
6828
|
{
|
|
6794
6829
|
control,
|
|
6795
6830
|
name: "password",
|
|
6796
|
-
render: ({ field }) => /* @__PURE__ */
|
|
6831
|
+
render: ({ field }) => /* @__PURE__ */ React58.createElement(
|
|
6797
6832
|
Input,
|
|
6798
6833
|
{
|
|
6799
6834
|
width: "full",
|
|
@@ -6806,7 +6841,7 @@ var LoginForm = ({
|
|
|
6806
6841
|
}
|
|
6807
6842
|
)
|
|
6808
6843
|
}
|
|
6809
|
-
), !props.withoutResetPassword && /* @__PURE__ */
|
|
6844
|
+
), !props.withoutResetPassword && /* @__PURE__ */ React58.createElement(
|
|
6810
6845
|
"div",
|
|
6811
6846
|
{
|
|
6812
6847
|
onClick: props.onForgotPassword,
|
|
@@ -6815,13 +6850,13 @@ var LoginForm = ({
|
|
|
6815
6850
|
texts?.forgotPassword || "Forgot Password?"
|
|
6816
6851
|
)));
|
|
6817
6852
|
case "username":
|
|
6818
|
-
return /* @__PURE__ */
|
|
6853
|
+
return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(
|
|
6819
6854
|
Controller2,
|
|
6820
6855
|
{
|
|
6821
6856
|
control,
|
|
6822
6857
|
name: "username",
|
|
6823
6858
|
render: ({ field }) => {
|
|
6824
|
-
return /* @__PURE__ */
|
|
6859
|
+
return /* @__PURE__ */ React58.createElement(
|
|
6825
6860
|
Input,
|
|
6826
6861
|
{
|
|
6827
6862
|
width: "full",
|
|
@@ -6834,12 +6869,12 @@ var LoginForm = ({
|
|
|
6834
6869
|
);
|
|
6835
6870
|
}
|
|
6836
6871
|
}
|
|
6837
|
-
), /* @__PURE__ */
|
|
6872
|
+
), /* @__PURE__ */ React58.createElement("div", null, /* @__PURE__ */ React58.createElement(
|
|
6838
6873
|
Controller2,
|
|
6839
6874
|
{
|
|
6840
6875
|
control,
|
|
6841
6876
|
name: "password",
|
|
6842
|
-
render: ({ field }) => /* @__PURE__ */
|
|
6877
|
+
render: ({ field }) => /* @__PURE__ */ React58.createElement(
|
|
6843
6878
|
Input,
|
|
6844
6879
|
{
|
|
6845
6880
|
width: "full",
|
|
@@ -6852,7 +6887,7 @@ var LoginForm = ({
|
|
|
6852
6887
|
}
|
|
6853
6888
|
)
|
|
6854
6889
|
}
|
|
6855
|
-
), !props.withoutResetPassword && /* @__PURE__ */
|
|
6890
|
+
), !props.withoutResetPassword && /* @__PURE__ */ React58.createElement(
|
|
6856
6891
|
"div",
|
|
6857
6892
|
{
|
|
6858
6893
|
onClick: props.onForgotPassword,
|
|
@@ -6861,12 +6896,12 @@ var LoginForm = ({
|
|
|
6861
6896
|
texts?.forgotPassword || "Forgot Password?"
|
|
6862
6897
|
)));
|
|
6863
6898
|
case "phone":
|
|
6864
|
-
return /* @__PURE__ */
|
|
6899
|
+
return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(
|
|
6865
6900
|
Controller2,
|
|
6866
6901
|
{
|
|
6867
6902
|
control,
|
|
6868
6903
|
name: "phone",
|
|
6869
|
-
render: ({ field }) => /* @__PURE__ */
|
|
6904
|
+
render: ({ field }) => /* @__PURE__ */ React58.createElement(
|
|
6870
6905
|
PhoneInput,
|
|
6871
6906
|
{
|
|
6872
6907
|
label: texts?.phoneLabel,
|
|
@@ -6878,12 +6913,12 @@ var LoginForm = ({
|
|
|
6878
6913
|
}
|
|
6879
6914
|
));
|
|
6880
6915
|
case "link":
|
|
6881
|
-
return /* @__PURE__ */
|
|
6916
|
+
return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(
|
|
6882
6917
|
Controller2,
|
|
6883
6918
|
{
|
|
6884
6919
|
control,
|
|
6885
6920
|
name: "email",
|
|
6886
|
-
render: ({ field }) => /* @__PURE__ */
|
|
6921
|
+
render: ({ field }) => /* @__PURE__ */ React58.createElement(
|
|
6887
6922
|
Input,
|
|
6888
6923
|
{
|
|
6889
6924
|
width: "full",
|
|
@@ -6900,14 +6935,14 @@ var LoginForm = ({
|
|
|
6900
6935
|
break;
|
|
6901
6936
|
}
|
|
6902
6937
|
};
|
|
6903
|
-
return /* @__PURE__ */
|
|
6938
|
+
return /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React58.createElement(Card, { dir: props.direction }, /* @__PURE__ */ React58.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React58.createElement(
|
|
6904
6939
|
Alert,
|
|
6905
6940
|
{
|
|
6906
6941
|
title: props.errorTitle,
|
|
6907
6942
|
text: props.errorText,
|
|
6908
6943
|
severity: "error"
|
|
6909
6944
|
}
|
|
6910
|
-
), /* @__PURE__ */
|
|
6945
|
+
), /* @__PURE__ */ React58.createElement(
|
|
6911
6946
|
"form",
|
|
6912
6947
|
{
|
|
6913
6948
|
className: "hawa-flex hawa-flex-col hawa-gap-4",
|
|
@@ -6920,7 +6955,7 @@ var LoginForm = ({
|
|
|
6920
6955
|
})
|
|
6921
6956
|
},
|
|
6922
6957
|
renderFields(),
|
|
6923
|
-
/* @__PURE__ */
|
|
6958
|
+
/* @__PURE__ */ React58.createElement(
|
|
6924
6959
|
Button,
|
|
6925
6960
|
{
|
|
6926
6961
|
className: "hawa-mt-0 hawa-w-full",
|
|
@@ -6930,7 +6965,7 @@ var LoginForm = ({
|
|
|
6930
6965
|
texts?.loginText || "Login"
|
|
6931
6966
|
),
|
|
6932
6967
|
props.additionalButtons,
|
|
6933
|
-
!props.withoutRegister && /* @__PURE__ */
|
|
6968
|
+
!props.withoutRegister && /* @__PURE__ */ React58.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300" }, texts?.newUserText || "New user?", " ", /* @__PURE__ */ React58.createElement(
|
|
6934
6969
|
"span",
|
|
6935
6970
|
{
|
|
6936
6971
|
onClick: props.onRouteToRegister,
|
|
@@ -6938,45 +6973,45 @@ var LoginForm = ({
|
|
|
6938
6973
|
},
|
|
6939
6974
|
texts?.createAccount || "Create Account"
|
|
6940
6975
|
))
|
|
6941
|
-
)), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
6976
|
+
)), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React58.createElement(
|
|
6942
6977
|
CardFooter,
|
|
6943
6978
|
{
|
|
6944
6979
|
className: cn(
|
|
6945
6980
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
|
6946
6981
|
)
|
|
6947
6982
|
},
|
|
6948
|
-
props.viaGoogle && /* @__PURE__ */
|
|
6983
|
+
props.viaGoogle && /* @__PURE__ */ React58.createElement(
|
|
6949
6984
|
Button,
|
|
6950
6985
|
{
|
|
6951
6986
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
6952
6987
|
variant: "outline",
|
|
6953
6988
|
onClick: props.onGoogleLogin
|
|
6954
6989
|
},
|
|
6955
|
-
props.isGoogleLoading ? /* @__PURE__ */
|
|
6990
|
+
props.isGoogleLoading ? /* @__PURE__ */ React58.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React58.createElement(Logos.google, { className: "hawa-h-4 hawa-w-4" }),
|
|
6956
6991
|
!props.logosOnly && texts?.loginViaGoogleLabel
|
|
6957
6992
|
),
|
|
6958
|
-
props.viaGithub && /* @__PURE__ */
|
|
6993
|
+
props.viaGithub && /* @__PURE__ */ React58.createElement(
|
|
6959
6994
|
Button,
|
|
6960
6995
|
{
|
|
6961
6996
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
6962
6997
|
variant: "outline",
|
|
6963
6998
|
onClick: props.onGithubLogin
|
|
6964
6999
|
},
|
|
6965
|
-
props.isGithubLoading ? /* @__PURE__ */
|
|
7000
|
+
props.isGithubLoading ? /* @__PURE__ */ React58.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React58.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
|
|
6966
7001
|
!props.logosOnly && texts?.loginViaGithubLabel
|
|
6967
7002
|
),
|
|
6968
|
-
props.viaTwitter && /* @__PURE__ */
|
|
7003
|
+
props.viaTwitter && /* @__PURE__ */ React58.createElement(
|
|
6969
7004
|
Button,
|
|
6970
7005
|
{
|
|
6971
7006
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
6972
7007
|
variant: "outline",
|
|
6973
7008
|
onClick: props.onTwitterLogin
|
|
6974
7009
|
},
|
|
6975
|
-
props.isTwitterLoading ? /* @__PURE__ */
|
|
7010
|
+
props.isTwitterLoading ? /* @__PURE__ */ React58.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React58.createElement(Logos.twitter, { className: "hawa-h-4 hawa-w-4" }),
|
|
6976
7011
|
" ",
|
|
6977
7012
|
!props.logosOnly && texts?.loginViaTwitterLabel
|
|
6978
7013
|
)
|
|
6979
|
-
) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7014
|
+
) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React58.createElement(
|
|
6980
7015
|
InterfaceSettings,
|
|
6981
7016
|
{
|
|
6982
7017
|
currentColorMode: props.currentColorMode,
|
|
@@ -6988,7 +7023,7 @@ var LoginForm = ({
|
|
|
6988
7023
|
};
|
|
6989
7024
|
|
|
6990
7025
|
// components/blocks/auth/RegisterForm.tsx
|
|
6991
|
-
import
|
|
7026
|
+
import React59 from "react";
|
|
6992
7027
|
import { Controller as Controller3, FormProvider as FormProvider2, useForm as useForm2 } from "react-hook-form";
|
|
6993
7028
|
import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
|
|
6994
7029
|
import * as z2 from "zod";
|
|
@@ -7033,14 +7068,14 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7033
7068
|
const { handleSubmit, control, formState } = useForm2({
|
|
7034
7069
|
resolver: zodResolver2(formSchema)
|
|
7035
7070
|
});
|
|
7036
|
-
return /* @__PURE__ */
|
|
7071
|
+
return /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React59.createElement(Card, { dir: props.direction }, /* @__PURE__ */ React59.createElement(CardContent, { headless: true }, /* @__PURE__ */ React59.createElement("div", null, props.showError && /* @__PURE__ */ React59.createElement(
|
|
7037
7072
|
Alert,
|
|
7038
7073
|
{
|
|
7039
7074
|
title: props.errorTitle,
|
|
7040
7075
|
text: props.errorText,
|
|
7041
7076
|
severity: "error"
|
|
7042
7077
|
}
|
|
7043
|
-
), /* @__PURE__ */
|
|
7078
|
+
), /* @__PURE__ */ React59.createElement(FormProvider2, { ...methods }, /* @__PURE__ */ React59.createElement(
|
|
7044
7079
|
"form",
|
|
7045
7080
|
{
|
|
7046
7081
|
onSubmit: handleSubmit((e) => {
|
|
@@ -7054,15 +7089,15 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7054
7089
|
}),
|
|
7055
7090
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7056
7091
|
},
|
|
7057
|
-
/* @__PURE__ */
|
|
7092
|
+
/* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.registerFields.map((fld, i) => {
|
|
7058
7093
|
if (fld === "fullname") {
|
|
7059
|
-
return /* @__PURE__ */
|
|
7094
|
+
return /* @__PURE__ */ React59.createElement(
|
|
7060
7095
|
Controller3,
|
|
7061
7096
|
{
|
|
7062
7097
|
key: i,
|
|
7063
7098
|
control,
|
|
7064
7099
|
name: "fullName",
|
|
7065
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7100
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7066
7101
|
Input,
|
|
7067
7102
|
{
|
|
7068
7103
|
width: "full",
|
|
@@ -7076,13 +7111,13 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7076
7111
|
);
|
|
7077
7112
|
}
|
|
7078
7113
|
if (fld === "email") {
|
|
7079
|
-
return /* @__PURE__ */
|
|
7114
|
+
return /* @__PURE__ */ React59.createElement(
|
|
7080
7115
|
Controller3,
|
|
7081
7116
|
{
|
|
7082
7117
|
key: i,
|
|
7083
7118
|
control,
|
|
7084
7119
|
name: "email",
|
|
7085
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7120
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7086
7121
|
Input,
|
|
7087
7122
|
{
|
|
7088
7123
|
width: "full",
|
|
@@ -7097,13 +7132,13 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7097
7132
|
);
|
|
7098
7133
|
}
|
|
7099
7134
|
if (fld === "username") {
|
|
7100
|
-
return /* @__PURE__ */
|
|
7135
|
+
return /* @__PURE__ */ React59.createElement(
|
|
7101
7136
|
Controller3,
|
|
7102
7137
|
{
|
|
7103
7138
|
key: i,
|
|
7104
7139
|
control,
|
|
7105
7140
|
name: "username",
|
|
7106
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7141
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7107
7142
|
Input,
|
|
7108
7143
|
{
|
|
7109
7144
|
width: "full",
|
|
@@ -7118,12 +7153,12 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7118
7153
|
);
|
|
7119
7154
|
}
|
|
7120
7155
|
})),
|
|
7121
|
-
/* @__PURE__ */
|
|
7156
|
+
/* @__PURE__ */ React59.createElement(
|
|
7122
7157
|
Controller3,
|
|
7123
7158
|
{
|
|
7124
7159
|
control,
|
|
7125
7160
|
name: "password",
|
|
7126
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7161
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7127
7162
|
Input,
|
|
7128
7163
|
{
|
|
7129
7164
|
width: "full",
|
|
@@ -7137,12 +7172,12 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7137
7172
|
)
|
|
7138
7173
|
}
|
|
7139
7174
|
),
|
|
7140
|
-
/* @__PURE__ */
|
|
7175
|
+
/* @__PURE__ */ React59.createElement(
|
|
7141
7176
|
Controller3,
|
|
7142
7177
|
{
|
|
7143
7178
|
control,
|
|
7144
7179
|
name: "confirm_password",
|
|
7145
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7180
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7146
7181
|
Input,
|
|
7147
7182
|
{
|
|
7148
7183
|
width: "full",
|
|
@@ -7157,12 +7192,12 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7157
7192
|
}
|
|
7158
7193
|
),
|
|
7159
7194
|
props.additionalInputs,
|
|
7160
|
-
props.showRefCode && /* @__PURE__ */
|
|
7195
|
+
props.showRefCode && /* @__PURE__ */ React59.createElement(
|
|
7161
7196
|
Controller3,
|
|
7162
7197
|
{
|
|
7163
7198
|
control,
|
|
7164
7199
|
name: "refCode",
|
|
7165
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7200
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7166
7201
|
Input,
|
|
7167
7202
|
{
|
|
7168
7203
|
width: "full",
|
|
@@ -7174,12 +7209,12 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7174
7209
|
)
|
|
7175
7210
|
}
|
|
7176
7211
|
),
|
|
7177
|
-
props.showUserSource && /* @__PURE__ */
|
|
7212
|
+
props.showUserSource && /* @__PURE__ */ React59.createElement(
|
|
7178
7213
|
Controller3,
|
|
7179
7214
|
{
|
|
7180
7215
|
control,
|
|
7181
7216
|
name: "reference",
|
|
7182
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7217
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7183
7218
|
Select,
|
|
7184
7219
|
{
|
|
7185
7220
|
label: texts?.userReferenceLabel || "How did you learn about us?",
|
|
@@ -7196,18 +7231,18 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7196
7231
|
)
|
|
7197
7232
|
}
|
|
7198
7233
|
),
|
|
7199
|
-
/* @__PURE__ */
|
|
7234
|
+
/* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3" }, props.showTermsOption && /* @__PURE__ */ React59.createElement(
|
|
7200
7235
|
Controller3,
|
|
7201
7236
|
{
|
|
7202
7237
|
control,
|
|
7203
7238
|
name: "terms_accepted",
|
|
7204
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7239
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7205
7240
|
Checkbox,
|
|
7206
7241
|
{
|
|
7207
7242
|
id: "terms_accepted",
|
|
7208
7243
|
helperText: formState.errors.terms_accepted?.message?.toString(),
|
|
7209
7244
|
onCheckedChange: (e) => field.onChange(e),
|
|
7210
|
-
label: /* @__PURE__ */
|
|
7245
|
+
label: /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ React59.createElement("span", null, texts?.iAcceptText), " ", /* @__PURE__ */ React59.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React59.createElement(
|
|
7211
7246
|
"a",
|
|
7212
7247
|
{
|
|
7213
7248
|
onClick: props.onRouteToTOS,
|
|
@@ -7218,12 +7253,12 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7218
7253
|
}
|
|
7219
7254
|
)
|
|
7220
7255
|
}
|
|
7221
|
-
), props.showNewsletterOption && /* @__PURE__ */
|
|
7256
|
+
), props.showNewsletterOption && /* @__PURE__ */ React59.createElement(
|
|
7222
7257
|
Controller3,
|
|
7223
7258
|
{
|
|
7224
7259
|
control,
|
|
7225
7260
|
name: "newsletter_accepted",
|
|
7226
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7261
|
+
render: ({ field }) => /* @__PURE__ */ React59.createElement(
|
|
7227
7262
|
Checkbox,
|
|
7228
7263
|
{
|
|
7229
7264
|
id: "newsletter_accepted",
|
|
@@ -7233,7 +7268,7 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7233
7268
|
)
|
|
7234
7269
|
}
|
|
7235
7270
|
)),
|
|
7236
|
-
/* @__PURE__ */
|
|
7271
|
+
/* @__PURE__ */ React59.createElement(
|
|
7237
7272
|
Button,
|
|
7238
7273
|
{
|
|
7239
7274
|
isLoading: props.isLoading,
|
|
@@ -7242,47 +7277,47 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7242
7277
|
texts?.registerText
|
|
7243
7278
|
),
|
|
7244
7279
|
props.additionalButtons
|
|
7245
|
-
)), /* @__PURE__ */
|
|
7280
|
+
)), /* @__PURE__ */ React59.createElement("div", { 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" }, /* @__PURE__ */ React59.createElement("span", null, texts?.existingUserText), /* @__PURE__ */ React59.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, texts?.loginText || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ React59.createElement(
|
|
7246
7281
|
CardFooter,
|
|
7247
7282
|
{
|
|
7248
7283
|
className: cn(
|
|
7249
7284
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
|
7250
7285
|
)
|
|
7251
7286
|
},
|
|
7252
|
-
props.viaGoogle && /* @__PURE__ */
|
|
7287
|
+
props.viaGoogle && /* @__PURE__ */ React59.createElement(
|
|
7253
7288
|
Button,
|
|
7254
7289
|
{
|
|
7255
7290
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7256
7291
|
variant: "outline",
|
|
7257
7292
|
onClick: props.onGoogleRegister
|
|
7258
7293
|
},
|
|
7259
|
-
props.isGoogleLoading ? /* @__PURE__ */
|
|
7294
|
+
props.isGoogleLoading ? /* @__PURE__ */ React59.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React59.createElement(Logos.google, { className: "hawa-h-4 hawa-w-4" }),
|
|
7260
7295
|
" ",
|
|
7261
7296
|
!props.logosOnly && texts?.registerViaGoogleLabel
|
|
7262
7297
|
),
|
|
7263
|
-
props.viaGithub && /* @__PURE__ */
|
|
7298
|
+
props.viaGithub && /* @__PURE__ */ React59.createElement(
|
|
7264
7299
|
Button,
|
|
7265
7300
|
{
|
|
7266
7301
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7267
7302
|
variant: "outline",
|
|
7268
7303
|
onClick: props.onGithubRegister
|
|
7269
7304
|
},
|
|
7270
|
-
props.isGithubLoading ? /* @__PURE__ */
|
|
7305
|
+
props.isGithubLoading ? /* @__PURE__ */ React59.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React59.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
|
|
7271
7306
|
" ",
|
|
7272
7307
|
!props.logosOnly && texts?.registerViaGithubLabel
|
|
7273
7308
|
),
|
|
7274
|
-
props.viaTwitter && /* @__PURE__ */
|
|
7309
|
+
props.viaTwitter && /* @__PURE__ */ React59.createElement(
|
|
7275
7310
|
Button,
|
|
7276
7311
|
{
|
|
7277
7312
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7278
7313
|
variant: "outline",
|
|
7279
7314
|
onClick: props.onTwitterRegister
|
|
7280
7315
|
},
|
|
7281
|
-
props.isTwitterLoading ? /* @__PURE__ */
|
|
7316
|
+
props.isTwitterLoading ? /* @__PURE__ */ React59.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React59.createElement(Logos.twitter, { className: "hawa-h-4 hawa-w-4" }),
|
|
7282
7317
|
" ",
|
|
7283
7318
|
!props.logosOnly && texts?.registerViaTwitterLabel
|
|
7284
7319
|
)
|
|
7285
|
-
) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7320
|
+
) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React59.createElement(
|
|
7286
7321
|
InterfaceSettings,
|
|
7287
7322
|
{
|
|
7288
7323
|
currentColorMode: props.currentColorMode,
|
|
@@ -7294,79 +7329,79 @@ var RegisterForm = ({ texts, ...props }) => {
|
|
|
7294
7329
|
};
|
|
7295
7330
|
|
|
7296
7331
|
// components/blocks/auth/AppLanding.tsx
|
|
7297
|
-
import
|
|
7332
|
+
import React60 from "react";
|
|
7298
7333
|
var AppLanding = (props) => {
|
|
7299
|
-
return /* @__PURE__ */
|
|
7334
|
+
return /* @__PURE__ */ React60.createElement("div", { dir: props.direction }, /* @__PURE__ */ React60.createElement(Card, null, /* @__PURE__ */ React60.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, props.viaGoogle && /* @__PURE__ */ React60.createElement(
|
|
7300
7335
|
Button,
|
|
7301
7336
|
{
|
|
7302
7337
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7303
7338
|
variant: "outline",
|
|
7304
7339
|
onClick: props.handleGoogle
|
|
7305
7340
|
},
|
|
7306
|
-
/* @__PURE__ */
|
|
7341
|
+
/* @__PURE__ */ React60.createElement(Logos.google, { className: "hawa-h-4 hawa-w-4" }),
|
|
7307
7342
|
props.texts?.continueWithGoogle ?? "Continue With Google"
|
|
7308
|
-
), props.viaGithub && /* @__PURE__ */
|
|
7343
|
+
), props.viaGithub && /* @__PURE__ */ React60.createElement(
|
|
7309
7344
|
Button,
|
|
7310
7345
|
{
|
|
7311
7346
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7312
7347
|
variant: "outline",
|
|
7313
7348
|
onClick: props.handleGithub
|
|
7314
7349
|
},
|
|
7315
|
-
/* @__PURE__ */
|
|
7350
|
+
/* @__PURE__ */ React60.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
|
|
7316
7351
|
props.texts?.continueWithGithub ?? "Continue With Github"
|
|
7317
|
-
), props.viaTwitter && /* @__PURE__ */
|
|
7352
|
+
), props.viaTwitter && /* @__PURE__ */ React60.createElement(
|
|
7318
7353
|
Button,
|
|
7319
7354
|
{
|
|
7320
7355
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7321
7356
|
variant: "outline",
|
|
7322
7357
|
onClick: props.handleTwitter
|
|
7323
7358
|
},
|
|
7324
|
-
/* @__PURE__ */
|
|
7359
|
+
/* @__PURE__ */ React60.createElement(Logos.twitter, { className: "hawa-h-4 hawa-w-4" }),
|
|
7325
7360
|
props.texts?.continueWithTwitter ?? "Continue With Twitter"
|
|
7326
|
-
), props.viaApple && /* @__PURE__ */
|
|
7361
|
+
), props.viaApple && /* @__PURE__ */ React60.createElement(
|
|
7327
7362
|
Button,
|
|
7328
7363
|
{
|
|
7329
7364
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7330
7365
|
variant: "outline",
|
|
7331
7366
|
onClick: props.handleApple
|
|
7332
7367
|
},
|
|
7333
|
-
/* @__PURE__ */
|
|
7368
|
+
/* @__PURE__ */ React60.createElement(Logos.apple, { className: "hawa-h-4 hawa-w-4" }),
|
|
7334
7369
|
props.texts?.continueWithApple ?? "Continue With Apple"
|
|
7335
|
-
), props.viaMicrosoft && /* @__PURE__ */
|
|
7370
|
+
), props.viaMicrosoft && /* @__PURE__ */ React60.createElement(
|
|
7336
7371
|
Button,
|
|
7337
7372
|
{
|
|
7338
7373
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7339
7374
|
variant: "outline",
|
|
7340
7375
|
onClick: props.handleMicrosoft
|
|
7341
7376
|
},
|
|
7342
|
-
/* @__PURE__ */
|
|
7377
|
+
/* @__PURE__ */ React60.createElement(Logos.microsoft, { className: "hawa-h-4 hawa-w-4" }),
|
|
7343
7378
|
props.texts?.continueWithMicrosoft ?? "Continue With Microsoft"
|
|
7344
|
-
), props.viaEmail && /* @__PURE__ */
|
|
7379
|
+
), props.viaEmail && /* @__PURE__ */ React60.createElement(
|
|
7345
7380
|
Button,
|
|
7346
7381
|
{
|
|
7347
7382
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7348
7383
|
variant: "outline",
|
|
7349
7384
|
onClick: props.handleEmail
|
|
7350
7385
|
},
|
|
7351
|
-
/* @__PURE__ */
|
|
7386
|
+
/* @__PURE__ */ React60.createElement(Logos.mail, { className: "hawa-h-4 hawa-w-4" }),
|
|
7352
7387
|
props.texts?.continueWithEmail ?? "Continue With Email"
|
|
7353
|
-
), props.viaPhone && /* @__PURE__ */
|
|
7388
|
+
), props.viaPhone && /* @__PURE__ */ React60.createElement(
|
|
7354
7389
|
Button,
|
|
7355
7390
|
{
|
|
7356
7391
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7357
7392
|
variant: "outline",
|
|
7358
7393
|
onClick: props.handlePhone
|
|
7359
7394
|
},
|
|
7360
|
-
/* @__PURE__ */
|
|
7395
|
+
/* @__PURE__ */ React60.createElement(Logos.phone, { className: "hawa-h-4 hawa-w-4" }),
|
|
7361
7396
|
props.texts?.continueWithPhone ?? "Continue With Phone"
|
|
7362
|
-
), !props.withoutSignUp && /* @__PURE__ */
|
|
7397
|
+
), !props.withoutSignUp && /* @__PURE__ */ React60.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, props.texts?.newUserText, " ", /* @__PURE__ */ React60.createElement(
|
|
7363
7398
|
"span",
|
|
7364
7399
|
{
|
|
7365
7400
|
onClick: props.handleRouteToRegister,
|
|
7366
7401
|
className: "clickable-link"
|
|
7367
7402
|
},
|
|
7368
7403
|
props.texts?.createAccount
|
|
7369
|
-
)))), /* @__PURE__ */
|
|
7404
|
+
)))), /* @__PURE__ */ React60.createElement("div", { className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React60.createElement(
|
|
7370
7405
|
Radio,
|
|
7371
7406
|
{
|
|
7372
7407
|
onChangeTab: props.handleLanguage,
|
|
@@ -7376,7 +7411,7 @@ var AppLanding = (props) => {
|
|
|
7376
7411
|
{ value: "en", label: "English" }
|
|
7377
7412
|
]
|
|
7378
7413
|
}
|
|
7379
|
-
), /* @__PURE__ */
|
|
7414
|
+
), /* @__PURE__ */ React60.createElement(
|
|
7380
7415
|
Radio,
|
|
7381
7416
|
{
|
|
7382
7417
|
onChangeTab: props.handleColorMode,
|
|
@@ -7384,7 +7419,7 @@ var AppLanding = (props) => {
|
|
|
7384
7419
|
options: [
|
|
7385
7420
|
{
|
|
7386
7421
|
value: "light",
|
|
7387
|
-
label: /* @__PURE__ */
|
|
7422
|
+
label: /* @__PURE__ */ React60.createElement(
|
|
7388
7423
|
"svg",
|
|
7389
7424
|
{
|
|
7390
7425
|
width: "15",
|
|
@@ -7394,7 +7429,7 @@ var AppLanding = (props) => {
|
|
|
7394
7429
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7395
7430
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
|
|
7396
7431
|
},
|
|
7397
|
-
/* @__PURE__ */
|
|
7432
|
+
/* @__PURE__ */ React60.createElement(
|
|
7398
7433
|
"path",
|
|
7399
7434
|
{
|
|
7400
7435
|
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",
|
|
@@ -7407,7 +7442,7 @@ var AppLanding = (props) => {
|
|
|
7407
7442
|
},
|
|
7408
7443
|
{
|
|
7409
7444
|
value: "dark",
|
|
7410
|
-
label: /* @__PURE__ */
|
|
7445
|
+
label: /* @__PURE__ */ React60.createElement(
|
|
7411
7446
|
"svg",
|
|
7412
7447
|
{
|
|
7413
7448
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7421,7 +7456,7 @@ var AppLanding = (props) => {
|
|
|
7421
7456
|
strokeLinejoin: "round",
|
|
7422
7457
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
|
|
7423
7458
|
},
|
|
7424
|
-
/* @__PURE__ */
|
|
7459
|
+
/* @__PURE__ */ React60.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
|
|
7425
7460
|
)
|
|
7426
7461
|
}
|
|
7427
7462
|
]
|
|
@@ -7430,9 +7465,9 @@ var AppLanding = (props) => {
|
|
|
7430
7465
|
};
|
|
7431
7466
|
|
|
7432
7467
|
// components/blocks/auth/CheckEmail.tsx
|
|
7433
|
-
import
|
|
7468
|
+
import React61 from "react";
|
|
7434
7469
|
var CheckEmail = ({ texts, handleResend }) => {
|
|
7435
|
-
return /* @__PURE__ */
|
|
7470
|
+
return /* @__PURE__ */ React61.createElement(Card, null, /* @__PURE__ */ React61.createElement(CardContent, { headless: true }, /* @__PURE__ */ React61.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React61.createElement("div", { 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" }, /* @__PURE__ */ React61.createElement(
|
|
7436
7471
|
"svg",
|
|
7437
7472
|
{
|
|
7438
7473
|
stroke: "currentColor",
|
|
@@ -7445,13 +7480,13 @@ var CheckEmail = ({ texts, handleResend }) => {
|
|
|
7445
7480
|
width: "0.5em",
|
|
7446
7481
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7447
7482
|
},
|
|
7448
|
-
/* @__PURE__ */
|
|
7449
|
-
/* @__PURE__ */
|
|
7450
|
-
)), /* @__PURE__ */
|
|
7483
|
+
/* @__PURE__ */ React61.createElement("path", { 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" }),
|
|
7484
|
+
/* @__PURE__ */ React61.createElement("polyline", { points: "22,6 12,13 2,6" })
|
|
7485
|
+
)), /* @__PURE__ */ React61.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, texts?.checkEmail || "Check your Email"), /* @__PURE__ */ React61.createElement("div", { className: "hawa-text-sm" }, 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__ */ React61.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React61.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, texts?.resendEmail || "Resend Email")));
|
|
7451
7486
|
};
|
|
7452
7487
|
|
|
7453
7488
|
// components/blocks/auth/NewPassword.tsx
|
|
7454
|
-
import
|
|
7489
|
+
import React62, { useState as useState22 } from "react";
|
|
7455
7490
|
import { Controller as Controller4, useForm as useForm3 } from "react-hook-form";
|
|
7456
7491
|
import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
|
|
7457
7492
|
import * as z3 from "zod";
|
|
@@ -7469,7 +7504,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
|
|
|
7469
7504
|
resolver: zodResolver3(formSchema)
|
|
7470
7505
|
});
|
|
7471
7506
|
const [matchError, setMatchError] = useState22(false);
|
|
7472
|
-
return /* @__PURE__ */
|
|
7507
|
+
return /* @__PURE__ */ React62.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React62.createElement(Alert, { text: texts?.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React62.createElement(CardContent, { headless: true }, /* @__PURE__ */ React62.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React62.createElement(
|
|
7473
7508
|
"form",
|
|
7474
7509
|
{
|
|
7475
7510
|
onSubmit: handleSubmit((e) => {
|
|
@@ -7482,19 +7517,19 @@ var NewPasswordForm = ({ texts, ...props }) => {
|
|
|
7482
7517
|
}
|
|
7483
7518
|
})
|
|
7484
7519
|
},
|
|
7485
|
-
!props.headless && /* @__PURE__ */
|
|
7486
|
-
/* @__PURE__ */
|
|
7520
|
+
!props.headless && /* @__PURE__ */ React62.createElement(CardHeader, null, /* @__PURE__ */ React62.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React62.createElement(CardDescription, null, "Set a new password for your account")),
|
|
7521
|
+
/* @__PURE__ */ React62.createElement(
|
|
7487
7522
|
CardContent,
|
|
7488
7523
|
{
|
|
7489
7524
|
headless: props.headless,
|
|
7490
7525
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7491
7526
|
},
|
|
7492
|
-
/* @__PURE__ */
|
|
7527
|
+
/* @__PURE__ */ React62.createElement(
|
|
7493
7528
|
Controller4,
|
|
7494
7529
|
{
|
|
7495
7530
|
control,
|
|
7496
7531
|
name: "password",
|
|
7497
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7532
|
+
render: ({ field }) => /* @__PURE__ */ React62.createElement(
|
|
7498
7533
|
Input,
|
|
7499
7534
|
{
|
|
7500
7535
|
width: "full",
|
|
@@ -7508,12 +7543,12 @@ var NewPasswordForm = ({ texts, ...props }) => {
|
|
|
7508
7543
|
)
|
|
7509
7544
|
}
|
|
7510
7545
|
),
|
|
7511
|
-
/* @__PURE__ */
|
|
7546
|
+
/* @__PURE__ */ React62.createElement(
|
|
7512
7547
|
Controller4,
|
|
7513
7548
|
{
|
|
7514
7549
|
control,
|
|
7515
7550
|
name: "confirm_password",
|
|
7516
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7551
|
+
render: ({ field }) => /* @__PURE__ */ React62.createElement(
|
|
7517
7552
|
Input,
|
|
7518
7553
|
{
|
|
7519
7554
|
width: "full",
|
|
@@ -7528,12 +7563,12 @@ var NewPasswordForm = ({ texts, ...props }) => {
|
|
|
7528
7563
|
}
|
|
7529
7564
|
)
|
|
7530
7565
|
),
|
|
7531
|
-
/* @__PURE__ */
|
|
7566
|
+
/* @__PURE__ */ React62.createElement(CardFooter, null, /* @__PURE__ */ React62.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts?.updatePassword))
|
|
7532
7567
|
));
|
|
7533
7568
|
};
|
|
7534
7569
|
|
|
7535
7570
|
// components/blocks/auth/ResetPassword.tsx
|
|
7536
|
-
import
|
|
7571
|
+
import React63 from "react";
|
|
7537
7572
|
import { Controller as Controller5, useForm as useForm4 } from "react-hook-form";
|
|
7538
7573
|
import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
|
|
7539
7574
|
import * as z4 from "zod";
|
|
@@ -7544,7 +7579,7 @@ var ResetPasswordForm = (props) => {
|
|
|
7544
7579
|
const { handleSubmit, control, formState } = useForm4({
|
|
7545
7580
|
resolver: zodResolver4(formSchema)
|
|
7546
7581
|
});
|
|
7547
|
-
return /* @__PURE__ */
|
|
7582
|
+
return /* @__PURE__ */ React63.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React63.createElement(React63.Fragment, null, !props.headless && /* @__PURE__ */ React63.createElement(CardHeader, null, /* @__PURE__ */ React63.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ React63.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ React63.createElement(
|
|
7548
7583
|
"form",
|
|
7549
7584
|
{
|
|
7550
7585
|
onSubmit: handleSubmit((e) => {
|
|
@@ -7557,12 +7592,12 @@ var ResetPasswordForm = (props) => {
|
|
|
7557
7592
|
}
|
|
7558
7593
|
})
|
|
7559
7594
|
},
|
|
7560
|
-
/* @__PURE__ */
|
|
7595
|
+
/* @__PURE__ */ React63.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React63.createElement(
|
|
7561
7596
|
Controller5,
|
|
7562
7597
|
{
|
|
7563
7598
|
control,
|
|
7564
7599
|
name: "email",
|
|
7565
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7600
|
+
render: ({ field }) => /* @__PURE__ */ React63.createElement(
|
|
7566
7601
|
Input,
|
|
7567
7602
|
{
|
|
7568
7603
|
width: "full",
|
|
@@ -7575,7 +7610,7 @@ var ResetPasswordForm = (props) => {
|
|
|
7575
7610
|
}
|
|
7576
7611
|
)
|
|
7577
7612
|
}
|
|
7578
|
-
), /* @__PURE__ */
|
|
7613
|
+
), /* @__PURE__ */ React63.createElement("div", { className: "hawa-mt-2 hawa-pb-2 hawa-text-start hawa-text-sm dark:hawa-text-gray-300" }, props.texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React63.createElement(
|
|
7579
7614
|
"span",
|
|
7580
7615
|
{
|
|
7581
7616
|
onClick: props.handleRouteToRegister,
|
|
@@ -7583,12 +7618,12 @@ var ResetPasswordForm = (props) => {
|
|
|
7583
7618
|
},
|
|
7584
7619
|
props.texts?.registerText ?? "Register"
|
|
7585
7620
|
))),
|
|
7586
|
-
/* @__PURE__ */
|
|
7587
|
-
)) : /* @__PURE__ */
|
|
7621
|
+
/* @__PURE__ */ React63.createElement(CardFooter, null, /* @__PURE__ */ React63.createElement(Button, { type: "submit", className: "hawa-w-full" }, props.texts?.resetPassword))
|
|
7622
|
+
)) : /* @__PURE__ */ React63.createElement(CardContent, { headless: true }, /* @__PURE__ */ React63.createElement("div", { className: "hawa-text-center" }, props.texts?.emailSentText)));
|
|
7588
7623
|
};
|
|
7589
7624
|
|
|
7590
7625
|
// components/blocks/auth/CodeConfirmation.tsx
|
|
7591
|
-
import
|
|
7626
|
+
import React64 from "react";
|
|
7592
7627
|
import { Controller as Controller6, useForm as useForm5 } from "react-hook-form";
|
|
7593
7628
|
import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
|
|
7594
7629
|
import * as z5 from "zod";
|
|
@@ -7599,14 +7634,14 @@ var CodeConfirmation = (props) => {
|
|
|
7599
7634
|
const { handleSubmit, control, formState, setValue } = useForm5({
|
|
7600
7635
|
resolver: zodResolver5(formSchema)
|
|
7601
7636
|
});
|
|
7602
|
-
return /* @__PURE__ */
|
|
7637
|
+
return /* @__PURE__ */ React64.createElement(Card, null, /* @__PURE__ */ React64.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ React64.createElement(
|
|
7603
7638
|
Alert,
|
|
7604
7639
|
{
|
|
7605
7640
|
title: props.errorTitle,
|
|
7606
7641
|
text: props.errorText,
|
|
7607
7642
|
severity: "error"
|
|
7608
7643
|
}
|
|
7609
|
-
), /* @__PURE__ */
|
|
7644
|
+
), /* @__PURE__ */ React64.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, props.texts?.checkYourPhone ?? "Please check your phone"), /* @__PURE__ */ React64.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ React64.createElement("span", null, props.texts?.weSentCode ?? "We've sent a code to "), /* @__PURE__ */ React64.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ React64.createElement(
|
|
7610
7645
|
"form",
|
|
7611
7646
|
{
|
|
7612
7647
|
onSubmit: handleSubmit((e) => {
|
|
@@ -7619,12 +7654,12 @@ var CodeConfirmation = (props) => {
|
|
|
7619
7654
|
}
|
|
7620
7655
|
})
|
|
7621
7656
|
},
|
|
7622
|
-
/* @__PURE__ */
|
|
7657
|
+
/* @__PURE__ */ React64.createElement(
|
|
7623
7658
|
Controller6,
|
|
7624
7659
|
{
|
|
7625
7660
|
control,
|
|
7626
7661
|
name: "otp_code",
|
|
7627
|
-
render: ({ field }) => /* @__PURE__ */
|
|
7662
|
+
render: ({ field }) => /* @__PURE__ */ React64.createElement(
|
|
7628
7663
|
PinInput,
|
|
7629
7664
|
{
|
|
7630
7665
|
width: "full",
|
|
@@ -7635,13 +7670,13 @@ var CodeConfirmation = (props) => {
|
|
|
7635
7670
|
)
|
|
7636
7671
|
}
|
|
7637
7672
|
),
|
|
7638
|
-
/* @__PURE__ */
|
|
7639
|
-
/* @__PURE__ */
|
|
7673
|
+
/* @__PURE__ */ React64.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React64.createElement("span", null, props.texts?.didntGetCode ?? "Didn't get the code?"), " ", /* @__PURE__ */ React64.createElement("span", { className: "clickable-link" }, props.texts?.resendCode ?? "Click to resend")),
|
|
7674
|
+
/* @__PURE__ */ React64.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React64.createElement(Button, { variant: "secondary" }, props.texts?.cancel ?? "Cancel"), /* @__PURE__ */ React64.createElement(Button, null, props.texts?.confirm ?? "Confirm"))
|
|
7640
7675
|
)));
|
|
7641
7676
|
};
|
|
7642
7677
|
|
|
7643
7678
|
// components/blocks/feedback/UserReferralSource.tsx
|
|
7644
|
-
import
|
|
7679
|
+
import React65, { useEffect as useEffect15, useRef as useRef8, useState as useState24 } from "react";
|
|
7645
7680
|
import clsx12 from "clsx";
|
|
7646
7681
|
var UserReferralSource = ({
|
|
7647
7682
|
position = "bottom-right",
|
|
@@ -7675,7 +7710,7 @@ var UserReferralSource = ({
|
|
|
7675
7710
|
}
|
|
7676
7711
|
}, 200);
|
|
7677
7712
|
};
|
|
7678
|
-
return /* @__PURE__ */
|
|
7713
|
+
return /* @__PURE__ */ React65.createElement(
|
|
7679
7714
|
Card,
|
|
7680
7715
|
{
|
|
7681
7716
|
ref: popUpRef,
|
|
@@ -7684,7 +7719,7 @@ var UserReferralSource = ({
|
|
|
7684
7719
|
boxPosition[position]
|
|
7685
7720
|
)
|
|
7686
7721
|
},
|
|
7687
|
-
/* @__PURE__ */
|
|
7722
|
+
/* @__PURE__ */ React65.createElement(
|
|
7688
7723
|
"button",
|
|
7689
7724
|
{
|
|
7690
7725
|
type: "button",
|
|
@@ -7693,7 +7728,7 @@ var UserReferralSource = ({
|
|
|
7693
7728
|
"aria-label": "Close",
|
|
7694
7729
|
onClick: () => slowClose()
|
|
7695
7730
|
},
|
|
7696
|
-
/* @__PURE__ */
|
|
7731
|
+
/* @__PURE__ */ React65.createElement(
|
|
7697
7732
|
"svg",
|
|
7698
7733
|
{
|
|
7699
7734
|
"aria-hidden": "true",
|
|
@@ -7701,7 +7736,7 @@ var UserReferralSource = ({
|
|
|
7701
7736
|
fill: "currentColor",
|
|
7702
7737
|
viewBox: "0 0 20 20"
|
|
7703
7738
|
},
|
|
7704
|
-
/* @__PURE__ */
|
|
7739
|
+
/* @__PURE__ */ React65.createElement(
|
|
7705
7740
|
"path",
|
|
7706
7741
|
{
|
|
7707
7742
|
fillRule: "evenodd",
|
|
@@ -7711,7 +7746,7 @@ var UserReferralSource = ({
|
|
|
7711
7746
|
)
|
|
7712
7747
|
)
|
|
7713
7748
|
),
|
|
7714
|
-
/* @__PURE__ */
|
|
7749
|
+
/* @__PURE__ */ React65.createElement(CardContent, { headless: true }, /* @__PURE__ */ React65.createElement(
|
|
7715
7750
|
"div",
|
|
7716
7751
|
{
|
|
7717
7752
|
className: clsx12(
|
|
@@ -7719,15 +7754,15 @@ var UserReferralSource = ({
|
|
|
7719
7754
|
closed ? "hawa-opacity-0" : "hawa-opacity-100"
|
|
7720
7755
|
)
|
|
7721
7756
|
},
|
|
7722
|
-
/* @__PURE__ */
|
|
7723
|
-
/* @__PURE__ */
|
|
7724
|
-
/* @__PURE__ */
|
|
7725
|
-
), /* @__PURE__ */
|
|
7757
|
+
/* @__PURE__ */ React65.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
|
|
7758
|
+
/* @__PURE__ */ React65.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React65.createElement(Radio, { orientation: "vertical", options })),
|
|
7759
|
+
/* @__PURE__ */ React65.createElement("div", null, /* @__PURE__ */ React65.createElement(Textarea, null))
|
|
7760
|
+
), /* @__PURE__ */ React65.createElement(Button, { className: "hawa-mt-4 hawa-w-full" }, "Submit"))
|
|
7726
7761
|
);
|
|
7727
7762
|
};
|
|
7728
7763
|
|
|
7729
7764
|
// components/blocks/feedback/FeedbackRating.tsx
|
|
7730
|
-
import
|
|
7765
|
+
import React66, { useEffect as useEffect16, useRef as useRef9, useState as useState25 } from "react";
|
|
7731
7766
|
import clsx13 from "clsx";
|
|
7732
7767
|
var FeedbackRating = ({
|
|
7733
7768
|
position = "bottom-right",
|
|
@@ -7760,7 +7795,7 @@ var FeedbackRating = ({
|
|
|
7760
7795
|
}
|
|
7761
7796
|
}, 200);
|
|
7762
7797
|
};
|
|
7763
|
-
return /* @__PURE__ */
|
|
7798
|
+
return /* @__PURE__ */ React66.createElement(
|
|
7764
7799
|
"div",
|
|
7765
7800
|
{
|
|
7766
7801
|
ref: popUpRef,
|
|
@@ -7769,7 +7804,7 @@ var FeedbackRating = ({
|
|
|
7769
7804
|
boxPosition[position]
|
|
7770
7805
|
)
|
|
7771
7806
|
},
|
|
7772
|
-
/* @__PURE__ */
|
|
7807
|
+
/* @__PURE__ */ React66.createElement(
|
|
7773
7808
|
"div",
|
|
7774
7809
|
{
|
|
7775
7810
|
className: clsx13(
|
|
@@ -7778,8 +7813,8 @@ var FeedbackRating = ({
|
|
|
7778
7813
|
props.banner && "hawa-rounded-none md:hawa-rounded hawa-px-4 md:hawa-px-64"
|
|
7779
7814
|
)
|
|
7780
7815
|
},
|
|
7781
|
-
/* @__PURE__ */
|
|
7782
|
-
/* @__PURE__ */
|
|
7816
|
+
/* @__PURE__ */ React66.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
|
|
7817
|
+
/* @__PURE__ */ React66.createElement(
|
|
7783
7818
|
"button",
|
|
7784
7819
|
{
|
|
7785
7820
|
type: "button",
|
|
@@ -7788,7 +7823,7 @@ var FeedbackRating = ({
|
|
|
7788
7823
|
"aria-label": "Close",
|
|
7789
7824
|
onClick: () => slowClose()
|
|
7790
7825
|
},
|
|
7791
|
-
/* @__PURE__ */
|
|
7826
|
+
/* @__PURE__ */ React66.createElement(
|
|
7792
7827
|
"svg",
|
|
7793
7828
|
{
|
|
7794
7829
|
"aria-hidden": "true",
|
|
@@ -7796,7 +7831,7 @@ var FeedbackRating = ({
|
|
|
7796
7831
|
fill: "currentColor",
|
|
7797
7832
|
viewBox: "0 0 20 20"
|
|
7798
7833
|
},
|
|
7799
|
-
/* @__PURE__ */
|
|
7834
|
+
/* @__PURE__ */ React66.createElement(
|
|
7800
7835
|
"path",
|
|
7801
7836
|
{
|
|
7802
7837
|
fillRule: "evenodd",
|
|
@@ -7806,8 +7841,8 @@ var FeedbackRating = ({
|
|
|
7806
7841
|
)
|
|
7807
7842
|
)
|
|
7808
7843
|
),
|
|
7809
|
-
/* @__PURE__ */
|
|
7810
|
-
/* @__PURE__ */
|
|
7844
|
+
/* @__PURE__ */ React66.createElement("div", { className: "hawa-mt-8" }, props.question),
|
|
7845
|
+
/* @__PURE__ */ React66.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ React66.createElement(
|
|
7811
7846
|
"span",
|
|
7812
7847
|
{
|
|
7813
7848
|
key: i,
|
|
@@ -7834,24 +7869,24 @@ var FeedbackRating = ({
|
|
|
7834
7869
|
},
|
|
7835
7870
|
op
|
|
7836
7871
|
))),
|
|
7837
|
-
props.texts && /* @__PURE__ */
|
|
7838
|
-
answered && /* @__PURE__ */
|
|
7872
|
+
props.texts && /* @__PURE__ */ React66.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ React66.createElement("span", null, props.texts.least), /* @__PURE__ */ React66.createElement("span", null, props.texts.most)),
|
|
7873
|
+
answered && /* @__PURE__ */ React66.createElement("div", { 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" }, /* @__PURE__ */ React66.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ React66.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React66.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
|
|
7839
7874
|
)
|
|
7840
7875
|
);
|
|
7841
7876
|
};
|
|
7842
7877
|
|
|
7843
7878
|
// components/blocks/feedback/FeedbackEmoji.tsx
|
|
7844
|
-
import
|
|
7879
|
+
import React67, { useState as useState26 } from "react";
|
|
7845
7880
|
var FeedbackEmoji = (props) => {
|
|
7846
7881
|
const [selectedEmoji, setSelectedEmoji] = useState26(null);
|
|
7847
7882
|
const [loadingSubmit, setLoadingSubmit] = useState26(false);
|
|
7848
7883
|
const [feedbackText, setFeedbackText] = useState26("");
|
|
7849
7884
|
const [helperText, setHelperText] = useState26(false);
|
|
7850
7885
|
let emojis = [
|
|
7851
|
-
{ icon: /* @__PURE__ */
|
|
7852
|
-
{ icon: /* @__PURE__ */
|
|
7853
|
-
{ icon: /* @__PURE__ */
|
|
7854
|
-
{ icon: /* @__PURE__ */
|
|
7886
|
+
{ icon: /* @__PURE__ */ React67.createElement(VeryGoodEmoji, null), value: "very-good" },
|
|
7887
|
+
{ icon: /* @__PURE__ */ React67.createElement(GoodEmoji, null), value: "good" },
|
|
7888
|
+
{ icon: /* @__PURE__ */ React67.createElement(BadEmoji, null), value: "bad" },
|
|
7889
|
+
{ icon: /* @__PURE__ */ React67.createElement(VeryBadEmoji, null), value: "very-bad" }
|
|
7855
7890
|
];
|
|
7856
7891
|
const onFeedbackSubmit = async () => {
|
|
7857
7892
|
console.log("submitting");
|
|
@@ -7872,7 +7907,7 @@ var FeedbackEmoji = (props) => {
|
|
|
7872
7907
|
setHelperText(true);
|
|
7873
7908
|
}
|
|
7874
7909
|
};
|
|
7875
|
-
return /* @__PURE__ */
|
|
7910
|
+
return /* @__PURE__ */ React67.createElement(
|
|
7876
7911
|
"div",
|
|
7877
7912
|
{
|
|
7878
7913
|
className: cn(
|
|
@@ -7880,7 +7915,7 @@ var FeedbackEmoji = (props) => {
|
|
|
7880
7915
|
selectedEmoji ? "hawa-h-[185px] hawa-min-w-fit" : "hawa-h-[44px] "
|
|
7881
7916
|
)
|
|
7882
7917
|
},
|
|
7883
|
-
/* @__PURE__ */
|
|
7918
|
+
/* @__PURE__ */ React67.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ React67.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ React67.createElement(
|
|
7884
7919
|
Button,
|
|
7885
7920
|
{
|
|
7886
7921
|
key: i,
|
|
@@ -7899,7 +7934,7 @@ var FeedbackEmoji = (props) => {
|
|
|
7899
7934
|
},
|
|
7900
7935
|
emoji.icon
|
|
7901
7936
|
)))),
|
|
7902
|
-
/* @__PURE__ */
|
|
7937
|
+
/* @__PURE__ */ React67.createElement(
|
|
7903
7938
|
"div",
|
|
7904
7939
|
{
|
|
7905
7940
|
className: cn(
|
|
@@ -7907,7 +7942,7 @@ var FeedbackEmoji = (props) => {
|
|
|
7907
7942
|
selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
|
|
7908
7943
|
)
|
|
7909
7944
|
},
|
|
7910
|
-
props.showSuccess ? /* @__PURE__ */
|
|
7945
|
+
props.showSuccess ? /* @__PURE__ */ React67.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4" }, /* @__PURE__ */ React67.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ React67.createElement(
|
|
7911
7946
|
"svg",
|
|
7912
7947
|
{
|
|
7913
7948
|
stroke: "currentColor",
|
|
@@ -7917,13 +7952,13 @@ var FeedbackEmoji = (props) => {
|
|
|
7917
7952
|
height: "0.5em",
|
|
7918
7953
|
width: "0.5em"
|
|
7919
7954
|
},
|
|
7920
|
-
/* @__PURE__ */
|
|
7921
|
-
)), /* @__PURE__ */
|
|
7955
|
+
/* @__PURE__ */ React67.createElement("path", { 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" })
|
|
7956
|
+
)), /* @__PURE__ */ React67.createElement("div", { className: "hawa-text-sm hawa-flex hawa-flex-col hawa-text-center" }, /* @__PURE__ */ React67.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ React67.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ React67.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React67.createElement(
|
|
7922
7957
|
Popover,
|
|
7923
7958
|
{
|
|
7924
7959
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
|
7925
7960
|
open: helperText,
|
|
7926
|
-
trigger: /* @__PURE__ */
|
|
7961
|
+
trigger: /* @__PURE__ */ React67.createElement(
|
|
7927
7962
|
Textarea,
|
|
7928
7963
|
{
|
|
7929
7964
|
className: cn("hawa-mb-2 hawa-h-full hawa-resize-none"),
|
|
@@ -7938,9 +7973,9 @@ var FeedbackEmoji = (props) => {
|
|
|
7938
7973
|
}
|
|
7939
7974
|
)
|
|
7940
7975
|
},
|
|
7941
|
-
/* @__PURE__ */
|
|
7976
|
+
/* @__PURE__ */ React67.createElement("span", { className: "hawa-m-2" }, "Please enter your feedback"),
|
|
7942
7977
|
" "
|
|
7943
|
-
), /* @__PURE__ */
|
|
7978
|
+
), /* @__PURE__ */ React67.createElement(
|
|
7944
7979
|
Button,
|
|
7945
7980
|
{
|
|
7946
7981
|
isLoading: loadingSubmit,
|
|
@@ -7953,7 +7988,7 @@ var FeedbackEmoji = (props) => {
|
|
|
7953
7988
|
)
|
|
7954
7989
|
);
|
|
7955
7990
|
};
|
|
7956
|
-
var VeryGoodEmoji = () => /* @__PURE__ */
|
|
7991
|
+
var VeryGoodEmoji = () => /* @__PURE__ */ React67.createElement(
|
|
7957
7992
|
"svg",
|
|
7958
7993
|
{
|
|
7959
7994
|
fill: "none",
|
|
@@ -7962,7 +7997,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
7962
7997
|
width: "16",
|
|
7963
7998
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7964
7999
|
},
|
|
7965
|
-
/* @__PURE__ */
|
|
8000
|
+
/* @__PURE__ */ React67.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React67.createElement(
|
|
7966
8001
|
"path",
|
|
7967
8002
|
{
|
|
7968
8003
|
clipRule: "evenodd",
|
|
@@ -7970,7 +8005,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
7970
8005
|
fill: "currentColor",
|
|
7971
8006
|
fillRule: "evenodd"
|
|
7972
8007
|
}
|
|
7973
|
-
), /* @__PURE__ */
|
|
8008
|
+
), /* @__PURE__ */ React67.createElement(
|
|
7974
8009
|
"path",
|
|
7975
8010
|
{
|
|
7976
8011
|
clipRule: "evenodd",
|
|
@@ -7980,7 +8015,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
7980
8015
|
}
|
|
7981
8016
|
))
|
|
7982
8017
|
);
|
|
7983
|
-
var GoodEmoji = () => /* @__PURE__ */
|
|
8018
|
+
var GoodEmoji = () => /* @__PURE__ */ React67.createElement(
|
|
7984
8019
|
"svg",
|
|
7985
8020
|
{
|
|
7986
8021
|
fill: "none",
|
|
@@ -7989,7 +8024,7 @@ var GoodEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
7989
8024
|
width: "16",
|
|
7990
8025
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7991
8026
|
},
|
|
7992
|
-
/* @__PURE__ */
|
|
8027
|
+
/* @__PURE__ */ React67.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React67.createElement(
|
|
7993
8028
|
"path",
|
|
7994
8029
|
{
|
|
7995
8030
|
clipRule: "evenodd",
|
|
@@ -7999,7 +8034,7 @@ var GoodEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
7999
8034
|
}
|
|
8000
8035
|
))
|
|
8001
8036
|
);
|
|
8002
|
-
var BadEmoji = () => /* @__PURE__ */
|
|
8037
|
+
var BadEmoji = () => /* @__PURE__ */ React67.createElement(
|
|
8003
8038
|
"svg",
|
|
8004
8039
|
{
|
|
8005
8040
|
fill: "none",
|
|
@@ -8008,7 +8043,7 @@ var BadEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
8008
8043
|
width: "16",
|
|
8009
8044
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8010
8045
|
},
|
|
8011
|
-
/* @__PURE__ */
|
|
8046
|
+
/* @__PURE__ */ React67.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React67.createElement(
|
|
8012
8047
|
"path",
|
|
8013
8048
|
{
|
|
8014
8049
|
clipRule: "evenodd",
|
|
@@ -8018,7 +8053,7 @@ var BadEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
8018
8053
|
}
|
|
8019
8054
|
))
|
|
8020
8055
|
);
|
|
8021
|
-
var VeryBadEmoji = () => /* @__PURE__ */
|
|
8056
|
+
var VeryBadEmoji = () => /* @__PURE__ */ React67.createElement(
|
|
8022
8057
|
"svg",
|
|
8023
8058
|
{
|
|
8024
8059
|
fill: "none",
|
|
@@ -8027,13 +8062,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
8027
8062
|
width: "16",
|
|
8028
8063
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8029
8064
|
},
|
|
8030
|
-
/* @__PURE__ */
|
|
8065
|
+
/* @__PURE__ */ React67.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React67.createElement(
|
|
8031
8066
|
"path",
|
|
8032
8067
|
{
|
|
8033
8068
|
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",
|
|
8034
8069
|
fill: "#0070F3"
|
|
8035
8070
|
}
|
|
8036
|
-
), /* @__PURE__ */
|
|
8071
|
+
), /* @__PURE__ */ React67.createElement(
|
|
8037
8072
|
"path",
|
|
8038
8073
|
{
|
|
8039
8074
|
clipRule: "evenodd",
|
|
@@ -8045,7 +8080,7 @@ var VeryBadEmoji = () => /* @__PURE__ */ React66.createElement(
|
|
|
8045
8080
|
);
|
|
8046
8081
|
|
|
8047
8082
|
// components/blocks/feedback/FeedbackForm.tsx
|
|
8048
|
-
import
|
|
8083
|
+
import React68 from "react";
|
|
8049
8084
|
import { useForm as useForm6, Controller as Controller7 } from "react-hook-form";
|
|
8050
8085
|
import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
|
|
8051
8086
|
import * as z6 from "zod";
|
|
@@ -8057,7 +8092,7 @@ var FeedbackForm = (props) => {
|
|
|
8057
8092
|
const { handleSubmit, control, formState } = useForm6({
|
|
8058
8093
|
resolver: zodResolver6(formSchema)
|
|
8059
8094
|
});
|
|
8060
|
-
return /* @__PURE__ */
|
|
8095
|
+
return /* @__PURE__ */ React68.createElement(Card, null, /* @__PURE__ */ React68.createElement(CardContent, { headless: true }, /* @__PURE__ */ React68.createElement(
|
|
8061
8096
|
"form",
|
|
8062
8097
|
{
|
|
8063
8098
|
onSubmit: handleSubmit((e) => {
|
|
@@ -8069,13 +8104,13 @@ var FeedbackForm = (props) => {
|
|
|
8069
8104
|
}),
|
|
8070
8105
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
8071
8106
|
},
|
|
8072
|
-
/* @__PURE__ */
|
|
8073
|
-
/* @__PURE__ */
|
|
8107
|
+
/* @__PURE__ */ React68.createElement(Label2, null, props.texts?.requestType),
|
|
8108
|
+
/* @__PURE__ */ React68.createElement(
|
|
8074
8109
|
Controller7,
|
|
8075
8110
|
{
|
|
8076
8111
|
name: "requestType",
|
|
8077
8112
|
control,
|
|
8078
|
-
render: ({ field }) => /* @__PURE__ */
|
|
8113
|
+
render: ({ field }) => /* @__PURE__ */ React68.createElement(
|
|
8079
8114
|
Select,
|
|
8080
8115
|
{
|
|
8081
8116
|
...field,
|
|
@@ -8086,13 +8121,13 @@ var FeedbackForm = (props) => {
|
|
|
8086
8121
|
)
|
|
8087
8122
|
}
|
|
8088
8123
|
),
|
|
8089
|
-
/* @__PURE__ */
|
|
8090
|
-
/* @__PURE__ */
|
|
8124
|
+
/* @__PURE__ */ React68.createElement(Label2, null, props.texts.description),
|
|
8125
|
+
/* @__PURE__ */ React68.createElement(
|
|
8091
8126
|
Controller7,
|
|
8092
8127
|
{
|
|
8093
8128
|
name: "description",
|
|
8094
8129
|
control,
|
|
8095
|
-
render: ({ field }) => /* @__PURE__ */
|
|
8130
|
+
render: ({ field }) => /* @__PURE__ */ React68.createElement(
|
|
8096
8131
|
Textarea,
|
|
8097
8132
|
{
|
|
8098
8133
|
...field,
|
|
@@ -8101,14 +8136,14 @@ var FeedbackForm = (props) => {
|
|
|
8101
8136
|
)
|
|
8102
8137
|
}
|
|
8103
8138
|
),
|
|
8104
|
-
/* @__PURE__ */
|
|
8139
|
+
/* @__PURE__ */ React68.createElement(Button, { type: "submit" }, props.texts?.submit)
|
|
8105
8140
|
)));
|
|
8106
8141
|
};
|
|
8107
8142
|
|
|
8108
8143
|
// components/blocks/misc/LegalTexts.tsx
|
|
8109
|
-
import
|
|
8144
|
+
import React69 from "react";
|
|
8110
8145
|
var LegalTexts = ({ tabs, ...props }) => {
|
|
8111
|
-
return /* @__PURE__ */
|
|
8146
|
+
return /* @__PURE__ */ React69.createElement(
|
|
8112
8147
|
Tabs,
|
|
8113
8148
|
{
|
|
8114
8149
|
value: props.activeTab,
|
|
@@ -8116,8 +8151,8 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
|
8116
8151
|
defaultValue: props.defaultTab || tabs[0].value,
|
|
8117
8152
|
dir: props.direction
|
|
8118
8153
|
},
|
|
8119
|
-
/* @__PURE__ */
|
|
8120
|
-
tabs.map((tab, index) => /* @__PURE__ */
|
|
8154
|
+
/* @__PURE__ */ React69.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React69.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
|
|
8155
|
+
tabs.map((tab, index) => /* @__PURE__ */ React69.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React69.createElement(
|
|
8121
8156
|
ScrollArea,
|
|
8122
8157
|
{
|
|
8123
8158
|
className: cn(
|
|
@@ -8131,9 +8166,9 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
|
8131
8166
|
};
|
|
8132
8167
|
|
|
8133
8168
|
// components/blocks/misc/EmptyState.tsx
|
|
8134
|
-
import
|
|
8169
|
+
import React70 from "react";
|
|
8135
8170
|
var EmptyState = ({ texts, onActionClick }) => {
|
|
8136
|
-
return /* @__PURE__ */
|
|
8171
|
+
return /* @__PURE__ */ React70.createElement(Card, null, /* @__PURE__ */ React70.createElement(CardContent, { headless: true }, /* @__PURE__ */ React70.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React70.createElement("div", { 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" }, /* @__PURE__ */ React70.createElement(
|
|
8137
8172
|
"svg",
|
|
8138
8173
|
{
|
|
8139
8174
|
stroke: "currentColor",
|
|
@@ -8143,30 +8178,30 @@ var EmptyState = ({ texts, onActionClick }) => {
|
|
|
8143
8178
|
height: "0.35em",
|
|
8144
8179
|
width: "0.35em"
|
|
8145
8180
|
},
|
|
8146
|
-
/* @__PURE__ */
|
|
8147
|
-
)), /* @__PURE__ */
|
|
8181
|
+
/* @__PURE__ */ React70.createElement("path", { 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" })
|
|
8182
|
+
)), /* @__PURE__ */ React70.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, texts?.youreCaughtUp ?? "You're all caught up"))), /* @__PURE__ */ React70.createElement(CardFooter, null, /* @__PURE__ */ React70.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, texts?.actionText ?? "Go Home")));
|
|
8148
8183
|
};
|
|
8149
8184
|
|
|
8150
8185
|
// components/blocks/misc/Testimonial.tsx
|
|
8151
|
-
import
|
|
8186
|
+
import React71 from "react";
|
|
8152
8187
|
var Testimonial = (props) => {
|
|
8153
|
-
return /* @__PURE__ */
|
|
8188
|
+
return /* @__PURE__ */ React71.createElement(Card, null, /* @__PURE__ */ React71.createElement(CardContent, { headless: true }, /* @__PURE__ */ React71.createElement("div", null, /* @__PURE__ */ React71.createElement("p", { className: "mb-4 max-w-sm" }, "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__ */ React71.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React71.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React71.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React71.createElement(
|
|
8154
8189
|
"path",
|
|
8155
8190
|
{
|
|
8156
8191
|
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",
|
|
8157
8192
|
fill: "#FFFFFF"
|
|
8158
8193
|
}
|
|
8159
|
-
), /* @__PURE__ */
|
|
8194
|
+
), /* @__PURE__ */ React71.createElement(
|
|
8160
8195
|
"path",
|
|
8161
8196
|
{
|
|
8162
8197
|
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",
|
|
8163
8198
|
fill: "#FFFFFF"
|
|
8164
8199
|
}
|
|
8165
|
-
)), /* @__PURE__ */
|
|
8200
|
+
)), /* @__PURE__ */ React71.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React71.createElement("div", null, /* @__PURE__ */ React71.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React71.createElement("div", null, " Chief Information Security Officer")))));
|
|
8166
8201
|
};
|
|
8167
8202
|
|
|
8168
8203
|
// components/blocks/misc/LeadGenerator.tsx
|
|
8169
|
-
import
|
|
8204
|
+
import React72 from "react";
|
|
8170
8205
|
import { useForm as useForm7, Controller as Controller8 } from "react-hook-form";
|
|
8171
8206
|
var LeadGenerator = ({ texts, submitHandler }) => {
|
|
8172
8207
|
const { handleSubmit, control, formState } = useForm7();
|
|
@@ -8177,13 +8212,13 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
|
8177
8212
|
console.log("handleNewsletterSub props was not provided");
|
|
8178
8213
|
}
|
|
8179
8214
|
};
|
|
8180
|
-
return /* @__PURE__ */
|
|
8215
|
+
return /* @__PURE__ */ React72.createElement(Card, null, /* @__PURE__ */ React72.createElement(CardHeader, null, /* @__PURE__ */ React72.createElement(CardTitle, null, texts?.title), /* @__PURE__ */ React72.createElement(CardDescription, null, texts?.subtitle)), /* @__PURE__ */ React72.createElement(CardContent, null, /* @__PURE__ */ React72.createElement(
|
|
8181
8216
|
"form",
|
|
8182
8217
|
{
|
|
8183
8218
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
8184
8219
|
onSubmit: handleSubmit(onSubmit)
|
|
8185
8220
|
},
|
|
8186
|
-
/* @__PURE__ */
|
|
8221
|
+
/* @__PURE__ */ React72.createElement(
|
|
8187
8222
|
Controller8,
|
|
8188
8223
|
{
|
|
8189
8224
|
name: "email",
|
|
@@ -8196,27 +8231,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
|
8196
8231
|
}
|
|
8197
8232
|
},
|
|
8198
8233
|
defaultValue: "",
|
|
8199
|
-
render: ({ field }) => /* @__PURE__ */
|
|
8234
|
+
render: ({ field }) => /* @__PURE__ */ React72.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
|
|
8200
8235
|
}
|
|
8201
8236
|
),
|
|
8202
|
-
/* @__PURE__ */
|
|
8237
|
+
/* @__PURE__ */ React72.createElement(Button, { type: "submit", disabled: !formState.isValid }, texts?.submit ?? "Submit")
|
|
8203
8238
|
)));
|
|
8204
8239
|
};
|
|
8205
8240
|
|
|
8206
8241
|
// components/blocks/misc/Announcement.tsx
|
|
8207
|
-
import
|
|
8242
|
+
import React73 from "react";
|
|
8208
8243
|
var Announcement = ({
|
|
8209
8244
|
onActionClick,
|
|
8210
8245
|
...props
|
|
8211
8246
|
}) => {
|
|
8212
|
-
return /* @__PURE__ */
|
|
8247
|
+
return /* @__PURE__ */ React73.createElement(Card, null, /* @__PURE__ */ React73.createElement(
|
|
8213
8248
|
CardContent,
|
|
8214
8249
|
{
|
|
8215
8250
|
headless: true,
|
|
8216
8251
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
|
8217
8252
|
},
|
|
8218
|
-
/* @__PURE__ */
|
|
8219
|
-
/* @__PURE__ */
|
|
8253
|
+
/* @__PURE__ */ React73.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React73.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React73.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
|
|
8254
|
+
/* @__PURE__ */ React73.createElement(
|
|
8220
8255
|
Button,
|
|
8221
8256
|
{
|
|
8222
8257
|
onClick: () => onActionClick(),
|
|
@@ -8228,18 +8263,18 @@ var Announcement = ({
|
|
|
8228
8263
|
};
|
|
8229
8264
|
|
|
8230
8265
|
// components/blocks/misc/NotFound.tsx
|
|
8231
|
-
import
|
|
8266
|
+
import React74 from "react";
|
|
8232
8267
|
var NotFound = ({
|
|
8233
8268
|
variant = "contained",
|
|
8234
8269
|
texts
|
|
8235
8270
|
}) => {
|
|
8236
|
-
return /* @__PURE__ */
|
|
8271
|
+
return /* @__PURE__ */ React74.createElement(Card, null, /* @__PURE__ */ React74.createElement(CardContent, { headless: true }, /* @__PURE__ */ React74.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React74.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React74.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, texts?.pageNotFound ?? "Page Not Found"), /* @__PURE__ */ React74.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, texts?.ifLost ?? /* @__PURE__ */ React74.createElement(React74.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React74.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React74.createElement(Button, { className: "hawa-w-full" }, texts?.home ?? "Home"))));
|
|
8237
8272
|
};
|
|
8238
8273
|
|
|
8239
8274
|
// components/blocks/misc/NoPermission.tsx
|
|
8240
|
-
import
|
|
8275
|
+
import React75 from "react";
|
|
8241
8276
|
var NoPermission = ({ texts }) => {
|
|
8242
|
-
return /* @__PURE__ */
|
|
8277
|
+
return /* @__PURE__ */ React75.createElement(Card, null, /* @__PURE__ */ React75.createElement(CardContent, { headless: true }, /* @__PURE__ */ React75.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React75.createElement("div", { 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" }, /* @__PURE__ */ React75.createElement(
|
|
8243
8278
|
"svg",
|
|
8244
8279
|
{
|
|
8245
8280
|
stroke: "currentColor",
|
|
@@ -8249,14 +8284,14 @@ var NoPermission = ({ texts }) => {
|
|
|
8249
8284
|
height: "0.35em",
|
|
8250
8285
|
width: "0.35em"
|
|
8251
8286
|
},
|
|
8252
|
-
/* @__PURE__ */
|
|
8253
|
-
), " "), /* @__PURE__ */
|
|
8287
|
+
/* @__PURE__ */ React75.createElement("path", { 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" })
|
|
8288
|
+
), " "), /* @__PURE__ */ React75.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, texts?.title ?? "You don't have permission"), /* @__PURE__ */ React75.createElement("div", null, texts?.subtitle ?? "If you think this is a problem please contact your administrator or our customer support"))));
|
|
8254
8289
|
};
|
|
8255
8290
|
|
|
8256
8291
|
// components/blocks/pricing/PricingPlans.tsx
|
|
8257
|
-
import
|
|
8292
|
+
import React76 from "react";
|
|
8258
8293
|
var PricingPlans = (props) => {
|
|
8259
|
-
return /* @__PURE__ */
|
|
8294
|
+
return /* @__PURE__ */ React76.createElement("div", null, /* @__PURE__ */ React76.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React76.createElement(
|
|
8260
8295
|
Radio,
|
|
8261
8296
|
{
|
|
8262
8297
|
design: "tabs",
|
|
@@ -8268,7 +8303,7 @@ var PricingPlans = (props) => {
|
|
|
8268
8303
|
}
|
|
8269
8304
|
}
|
|
8270
8305
|
}
|
|
8271
|
-
), /* @__PURE__ */
|
|
8306
|
+
), /* @__PURE__ */ React76.createElement(
|
|
8272
8307
|
Radio,
|
|
8273
8308
|
{
|
|
8274
8309
|
design: "tabs",
|
|
@@ -8280,8 +8315,8 @@ var PricingPlans = (props) => {
|
|
|
8280
8315
|
}
|
|
8281
8316
|
}
|
|
8282
8317
|
}
|
|
8283
|
-
)), /* @__PURE__ */
|
|
8284
|
-
return /* @__PURE__ */
|
|
8318
|
+
)), /* @__PURE__ */ React76.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.plans.map((plan, index) => {
|
|
8319
|
+
return /* @__PURE__ */ React76.createElement(
|
|
8285
8320
|
PricingCard,
|
|
8286
8321
|
{
|
|
8287
8322
|
key: index,
|
|
@@ -8307,8 +8342,8 @@ var PricingPlans = (props) => {
|
|
|
8307
8342
|
};
|
|
8308
8343
|
|
|
8309
8344
|
// components/blocks/pricing/ComparingPlans.tsx
|
|
8310
|
-
import
|
|
8311
|
-
var CheckMark = () => /* @__PURE__ */
|
|
8345
|
+
import React77, { useState as useState27 } from "react";
|
|
8346
|
+
var CheckMark = () => /* @__PURE__ */ React77.createElement(
|
|
8312
8347
|
"svg",
|
|
8313
8348
|
{
|
|
8314
8349
|
className: "hawa-h-5 hawa-w-5 hawa-text-green-500",
|
|
@@ -8316,7 +8351,7 @@ var CheckMark = () => /* @__PURE__ */ React76.createElement(
|
|
|
8316
8351
|
fill: "currentColor",
|
|
8317
8352
|
viewBox: "0 0 20 20"
|
|
8318
8353
|
},
|
|
8319
|
-
/* @__PURE__ */
|
|
8354
|
+
/* @__PURE__ */ React77.createElement(
|
|
8320
8355
|
"path",
|
|
8321
8356
|
{
|
|
8322
8357
|
fillRule: "evenodd",
|
|
@@ -8325,7 +8360,7 @@ var CheckMark = () => /* @__PURE__ */ React76.createElement(
|
|
|
8325
8360
|
}
|
|
8326
8361
|
)
|
|
8327
8362
|
);
|
|
8328
|
-
var UncheckMark = () => /* @__PURE__ */
|
|
8363
|
+
var UncheckMark = () => /* @__PURE__ */ React77.createElement(
|
|
8329
8364
|
"svg",
|
|
8330
8365
|
{
|
|
8331
8366
|
className: "hawa-h-5 hawa-w-5 hawa-text-red-500",
|
|
@@ -8333,7 +8368,7 @@ var UncheckMark = () => /* @__PURE__ */ React76.createElement(
|
|
|
8333
8368
|
fill: "currentColor",
|
|
8334
8369
|
viewBox: "0 0 20 20"
|
|
8335
8370
|
},
|
|
8336
|
-
/* @__PURE__ */
|
|
8371
|
+
/* @__PURE__ */ React77.createElement(
|
|
8337
8372
|
"path",
|
|
8338
8373
|
{
|
|
8339
8374
|
fillRule: "evenodd",
|
|
@@ -8345,7 +8380,7 @@ var UncheckMark = () => /* @__PURE__ */ React76.createElement(
|
|
|
8345
8380
|
var ComparingPlans = (props) => {
|
|
8346
8381
|
const [currentCurrency, setCurrentCurrency] = useState27("sar");
|
|
8347
8382
|
const [currentCycle, setCurrentCycle] = useState27("month");
|
|
8348
|
-
return /* @__PURE__ */
|
|
8383
|
+
return /* @__PURE__ */ React77.createElement("div", { id: "detailed-pricing", className: "hawa-w-full hawa-overflow-x-auto" }, /* @__PURE__ */ React77.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React77.createElement(
|
|
8349
8384
|
Radio,
|
|
8350
8385
|
{
|
|
8351
8386
|
design: "tabs",
|
|
@@ -8359,7 +8394,7 @@ var ComparingPlans = (props) => {
|
|
|
8359
8394
|
}
|
|
8360
8395
|
}
|
|
8361
8396
|
}
|
|
8362
|
-
), /* @__PURE__ */
|
|
8397
|
+
), /* @__PURE__ */ React77.createElement(
|
|
8363
8398
|
Radio,
|
|
8364
8399
|
{
|
|
8365
8400
|
design: "tabs",
|
|
@@ -8373,15 +8408,15 @@ var ComparingPlans = (props) => {
|
|
|
8373
8408
|
}
|
|
8374
8409
|
}
|
|
8375
8410
|
}
|
|
8376
|
-
)), /* @__PURE__ */
|
|
8411
|
+
)), /* @__PURE__ */ React77.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React77.createElement("div", { 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" }, /* @__PURE__ */ React77.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ React77.createElement("div", { key: i }, /* @__PURE__ */ React77.createElement("h5", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ React77.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React77.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React77.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ React77.createElement("h5", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)))), props.plans?.map((plan) => {
|
|
8377
8412
|
return plan.features.map((feature, j) => {
|
|
8378
|
-
return /* @__PURE__ */
|
|
8413
|
+
return /* @__PURE__ */ React77.createElement(
|
|
8379
8414
|
"div",
|
|
8380
8415
|
{
|
|
8381
8416
|
key: j,
|
|
8382
8417
|
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"
|
|
8383
8418
|
},
|
|
8384
|
-
/* @__PURE__ */
|
|
8419
|
+
/* @__PURE__ */ React77.createElement("div", { className: " hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-gray-400" }, feature.text, feature.description && /* @__PURE__ */ React77.createElement(Tooltip, { side: "right", content: feature.description }, /* @__PURE__ */ React77.createElement(
|
|
8385
8420
|
"svg",
|
|
8386
8421
|
{
|
|
8387
8422
|
stroke: "currentColor",
|
|
@@ -8391,18 +8426,18 @@ var ComparingPlans = (props) => {
|
|
|
8391
8426
|
height: "1em",
|
|
8392
8427
|
width: "1em"
|
|
8393
8428
|
},
|
|
8394
|
-
/* @__PURE__ */
|
|
8429
|
+
/* @__PURE__ */ React77.createElement("path", { 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" })
|
|
8395
8430
|
))),
|
|
8396
|
-
/* @__PURE__ */
|
|
8397
|
-
/* @__PURE__ */
|
|
8398
|
-
/* @__PURE__ */
|
|
8431
|
+
/* @__PURE__ */ React77.createElement(UncheckMark, null),
|
|
8432
|
+
/* @__PURE__ */ React77.createElement(CheckMark, null),
|
|
8433
|
+
/* @__PURE__ */ React77.createElement(UncheckMark, null)
|
|
8399
8434
|
);
|
|
8400
8435
|
});
|
|
8401
8436
|
})));
|
|
8402
8437
|
};
|
|
8403
8438
|
|
|
8404
8439
|
// components/blocks/pricing/HorizontalPricing.tsx
|
|
8405
|
-
import
|
|
8440
|
+
import React78, { useState as useState28 } from "react";
|
|
8406
8441
|
import clsx14 from "clsx";
|
|
8407
8442
|
var HorizontalPricing = (props) => {
|
|
8408
8443
|
const [selectedCard, setSelectedCard] = useState28("");
|
|
@@ -8411,21 +8446,21 @@ var HorizontalPricing = (props) => {
|
|
|
8411
8446
|
{ title: "business", price: "$99", cycle: "/mo" },
|
|
8412
8447
|
{ title: "enterprise", price: "$149", cycle: "/mo" }
|
|
8413
8448
|
];
|
|
8414
|
-
return /* @__PURE__ */
|
|
8449
|
+
return /* @__PURE__ */ React78.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React78.createElement(
|
|
8415
8450
|
Radio,
|
|
8416
8451
|
{
|
|
8417
8452
|
design: "tabs",
|
|
8418
8453
|
options: props.currencies,
|
|
8419
8454
|
defaultValue: props.currentCurrency
|
|
8420
8455
|
}
|
|
8421
|
-
), /* @__PURE__ */
|
|
8456
|
+
), /* @__PURE__ */ React78.createElement(
|
|
8422
8457
|
Radio,
|
|
8423
8458
|
{
|
|
8424
8459
|
design: "tabs",
|
|
8425
8460
|
options: props.billingCycles,
|
|
8426
8461
|
defaultValue: props.currentCycle
|
|
8427
8462
|
}
|
|
8428
|
-
)), data.map((d, i) => /* @__PURE__ */
|
|
8463
|
+
)), data.map((d, i) => /* @__PURE__ */ React78.createElement(
|
|
8429
8464
|
"label",
|
|
8430
8465
|
{
|
|
8431
8466
|
key: i,
|
|
@@ -8433,7 +8468,7 @@ var HorizontalPricing = (props) => {
|
|
|
8433
8468
|
className: "",
|
|
8434
8469
|
onClick: () => setSelectedCard(d.title)
|
|
8435
8470
|
},
|
|
8436
|
-
/* @__PURE__ */
|
|
8471
|
+
/* @__PURE__ */ React78.createElement(
|
|
8437
8472
|
"input",
|
|
8438
8473
|
{
|
|
8439
8474
|
type: "radio",
|
|
@@ -8442,7 +8477,7 @@ var HorizontalPricing = (props) => {
|
|
|
8442
8477
|
className: "hawa-peer hawa-appearance-none"
|
|
8443
8478
|
}
|
|
8444
8479
|
),
|
|
8445
|
-
/* @__PURE__ */
|
|
8480
|
+
/* @__PURE__ */ React78.createElement(
|
|
8446
8481
|
"div",
|
|
8447
8482
|
{
|
|
8448
8483
|
className: clsx14(
|
|
@@ -8450,18 +8485,18 @@ var HorizontalPricing = (props) => {
|
|
|
8450
8485
|
"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"
|
|
8451
8486
|
)
|
|
8452
8487
|
},
|
|
8453
|
-
/* @__PURE__ */
|
|
8488
|
+
/* @__PURE__ */ React78.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React78.createElement(CheckIcons, null), /* @__PURE__ */ React78.createElement(
|
|
8454
8489
|
CardText,
|
|
8455
8490
|
{
|
|
8456
8491
|
title: "Enterprise",
|
|
8457
8492
|
subtitle: "For startups and new businesses"
|
|
8458
8493
|
}
|
|
8459
8494
|
)),
|
|
8460
|
-
/* @__PURE__ */
|
|
8495
|
+
/* @__PURE__ */ React78.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
|
|
8461
8496
|
)
|
|
8462
8497
|
))));
|
|
8463
8498
|
};
|
|
8464
|
-
var CheckIcons = () => /* @__PURE__ */
|
|
8499
|
+
var CheckIcons = () => /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement(
|
|
8465
8500
|
"svg",
|
|
8466
8501
|
{
|
|
8467
8502
|
fill: "none",
|
|
@@ -8470,7 +8505,7 @@ var CheckIcons = () => /* @__PURE__ */ React77.createElement(React77.Fragment, n
|
|
|
8470
8505
|
stroke: "currentColor",
|
|
8471
8506
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
|
8472
8507
|
},
|
|
8473
|
-
/* @__PURE__ */
|
|
8508
|
+
/* @__PURE__ */ React78.createElement(
|
|
8474
8509
|
"path",
|
|
8475
8510
|
{
|
|
8476
8511
|
strokeLinecap: "round",
|
|
@@ -8478,14 +8513,14 @@ var CheckIcons = () => /* @__PURE__ */ React77.createElement(React77.Fragment, n
|
|
|
8478
8513
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
8479
8514
|
}
|
|
8480
8515
|
)
|
|
8481
|
-
), /* @__PURE__ */
|
|
8516
|
+
), /* @__PURE__ */ React78.createElement(
|
|
8482
8517
|
"svg",
|
|
8483
8518
|
{
|
|
8484
8519
|
viewBox: "0 0 24 24",
|
|
8485
8520
|
fill: "currentColor",
|
|
8486
8521
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
|
8487
8522
|
},
|
|
8488
|
-
/* @__PURE__ */
|
|
8523
|
+
/* @__PURE__ */ React78.createElement(
|
|
8489
8524
|
"path",
|
|
8490
8525
|
{
|
|
8491
8526
|
fillRule: "evenodd",
|
|
@@ -8494,13 +8529,13 @@ var CheckIcons = () => /* @__PURE__ */ React77.createElement(React77.Fragment, n
|
|
|
8494
8529
|
}
|
|
8495
8530
|
)
|
|
8496
8531
|
));
|
|
8497
|
-
var CardText = (props) => /* @__PURE__ */
|
|
8498
|
-
var CardPrice = (props) => /* @__PURE__ */
|
|
8532
|
+
var CardText = (props) => /* @__PURE__ */ React78.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React78.createElement("h2", { className: "hawa-font-medium hawa-text-neutral-700 dark:hawa-text-gray-100 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React78.createElement("p", { className: "hawa-text-sm hawa-text-neutral-500 dark:hawa-text-gray-300" }, props.subtitle, " "));
|
|
8533
|
+
var CardPrice = (props) => /* @__PURE__ */ React78.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-neutral-900 dark:hawa-text-white sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React78.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
|
|
8499
8534
|
|
|
8500
8535
|
// components/blocks/Usage.tsx
|
|
8501
|
-
import
|
|
8536
|
+
import React79 from "react";
|
|
8502
8537
|
var Usage = (props) => {
|
|
8503
|
-
return /* @__PURE__ */
|
|
8538
|
+
return /* @__PURE__ */ React79.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ React79.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React79.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React79.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React79.createElement(
|
|
8504
8539
|
"svg",
|
|
8505
8540
|
{
|
|
8506
8541
|
stroke: "currentColor",
|
|
@@ -8511,8 +8546,8 @@ var Usage = (props) => {
|
|
|
8511
8546
|
height: "1em",
|
|
8512
8547
|
width: "1em"
|
|
8513
8548
|
},
|
|
8514
|
-
/* @__PURE__ */
|
|
8515
|
-
))), /* @__PURE__ */
|
|
8549
|
+
/* @__PURE__ */ React79.createElement("path", { 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" })
|
|
8550
|
+
))), /* @__PURE__ */ React79.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React79.createElement("div", null, props.currentUsage), /* @__PURE__ */ React79.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React79.createElement(Progress, { value: props.percent ?? 0 }));
|
|
8516
8551
|
};
|
|
8517
8552
|
|
|
8518
8553
|
// components/hooks/useDiscloser.ts
|
|
@@ -8734,6 +8769,7 @@ export {
|
|
|
8734
8769
|
LoginForm,
|
|
8735
8770
|
Logos,
|
|
8736
8771
|
NavMenuItem,
|
|
8772
|
+
Navbar,
|
|
8737
8773
|
NavigationMenu,
|
|
8738
8774
|
NavigationMenuLink,
|
|
8739
8775
|
NewPasswordForm,
|