@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.js
CHANGED
|
@@ -562,6 +562,9 @@ __export(components_exports, {
|
|
|
562
562
|
NavMenuItem: function() {
|
|
563
563
|
return NavMenuItem;
|
|
564
564
|
},
|
|
565
|
+
Navbar: function() {
|
|
566
|
+
return Navbar;
|
|
567
|
+
},
|
|
565
568
|
NavigationMenu: function() {
|
|
566
569
|
return NavigationMenu;
|
|
567
570
|
},
|
|
@@ -5001,7 +5004,7 @@ var DataTable = function(_param) {
|
|
|
5001
5004
|
"columns",
|
|
5002
5005
|
"data"
|
|
5003
5006
|
]);
|
|
5004
|
-
var _props_texts, _table_getRowModel_rows, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9;
|
|
5007
|
+
var _props_texts, _table_getRowModel_rows, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9, _props_texts10;
|
|
5005
5008
|
var _React37_useState = _sliced_to_array(React37.useState([
|
|
5006
5009
|
{
|
|
5007
5010
|
id: props.defaultSort || "",
|
|
@@ -5081,9 +5084,12 @@ var DataTable = function(_param) {
|
|
|
5081
5084
|
className: "hawa-h-24 hawa-text-center"
|
|
5082
5085
|
}, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.noData))))), /* @__PURE__ */ React37.createElement("div", {
|
|
5083
5086
|
className: "hawa-flex hawa-items-center hawa-justify-between"
|
|
5084
|
-
}, /* @__PURE__ */ React37.createElement("div", {
|
|
5087
|
+
}, !props.showCount && /* @__PURE__ */ React37.createElement("div", {
|
|
5085
5088
|
className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground"
|
|
5086
|
-
}),
|
|
5089
|
+
}), props.showCount && /* @__PURE__ */ React37.createElement("div", {
|
|
5090
|
+
className: "text-sm text-muted-foreground",
|
|
5091
|
+
dir: props.direction
|
|
5092
|
+
}, /* @__PURE__ */ React37.createElement("span", null, (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.total), " ", /* @__PURE__ */ React37.createElement("span", null, table.getFilteredRowModel().rows.length)), table.getPageCount() !== 0 && /* @__PURE__ */ React37.createElement("div", {
|
|
5087
5093
|
className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 "
|
|
5088
5094
|
}, /* @__PURE__ */ React37.createElement(DropdownMenu, {
|
|
5089
5095
|
size: "sm",
|
|
@@ -5091,23 +5097,23 @@ var DataTable = function(_param) {
|
|
|
5091
5097
|
direction: props.direction,
|
|
5092
5098
|
items: [
|
|
5093
5099
|
{
|
|
5094
|
-
label: "10 / ".concat((
|
|
5100
|
+
label: "10 / ".concat((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.page),
|
|
5095
5101
|
value: 10
|
|
5096
5102
|
},
|
|
5097
5103
|
{
|
|
5098
|
-
label: "20 / ".concat((
|
|
5104
|
+
label: "20 / ".concat((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.page),
|
|
5099
5105
|
value: 20
|
|
5100
5106
|
},
|
|
5101
5107
|
{
|
|
5102
|
-
label: "30 / ".concat((
|
|
5108
|
+
label: "30 / ".concat((_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.page),
|
|
5103
5109
|
value: 30
|
|
5104
5110
|
},
|
|
5105
5111
|
{
|
|
5106
|
-
label: "40 / ".concat((
|
|
5112
|
+
label: "40 / ".concat((_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.page),
|
|
5107
5113
|
value: 40
|
|
5108
5114
|
},
|
|
5109
5115
|
{
|
|
5110
|
-
label: "50 / ".concat((
|
|
5116
|
+
label: "50 / ".concat((_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.page),
|
|
5111
5117
|
value: 50
|
|
5112
5118
|
}
|
|
5113
5119
|
],
|
|
@@ -5115,7 +5121,7 @@ var DataTable = function(_param) {
|
|
|
5115
5121
|
variant: "outline",
|
|
5116
5122
|
size: "icon",
|
|
5117
5123
|
className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
|
|
5118
|
-
}, "".concat(table.getState().pagination.pageSize, " / ").concat((
|
|
5124
|
+
}, "".concat(table.getState().pagination.pageSize, " / ").concat((_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.page)),
|
|
5119
5125
|
onItemSelect: function(e) {
|
|
5120
5126
|
return table.setPageSize(Number(e));
|
|
5121
5127
|
}
|
|
@@ -5123,11 +5129,11 @@ var DataTable = function(_param) {
|
|
|
5123
5129
|
className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm "
|
|
5124
5130
|
}, /* @__PURE__ */ React37.createElement("span", {
|
|
5125
5131
|
className: "hawa-flex hawa-items-center hawa-gap-1"
|
|
5126
|
-
}, /* @__PURE__ */ React37.createElement("div", null, (
|
|
5132
|
+
}, /* @__PURE__ */ React37.createElement("div", null, (_props_texts9 = props.texts) === null || _props_texts9 === void 0 ? void 0 : _props_texts9.page), /* @__PURE__ */ React37.createElement("div", {
|
|
5127
5133
|
className: "hawa-flex hawa-flex-row hawa-gap-1"
|
|
5128
5134
|
}, /* @__PURE__ */ React37.createElement("span", {
|
|
5129
5135
|
className: "hawa-font-bold"
|
|
5130
|
-
}, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React37.createElement("span", null, (
|
|
5136
|
+
}, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React37.createElement("span", null, (_props_texts10 = props.texts) === null || _props_texts10 === void 0 ? void 0 : _props_texts10.of), /* @__PURE__ */ React37.createElement("span", {
|
|
5131
5137
|
className: "hawa-font-bold"
|
|
5132
5138
|
}, table.getPageCount())))), /* @__PURE__ */ React37.createElement(Button, {
|
|
5133
5139
|
variant: "outline",
|
|
@@ -6049,9 +6055,9 @@ var Combobox = function(_param) {
|
|
|
6049
6055
|
className: cn("hawa-text-primary hawa-border hawa-h-10 hawa-py-2 hawa-justify-between hawa-w-full hawa-font-normal hawa-inline-flex hawa-items-center hawa-transition-all hawa-select-none hawa-rounded-md hawa-text-sm hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50", props.preview ? "hawa-px-0 hawa-rounded-none hawa-border-transparent hawa-cursor-default" : "hawa-px-3 hawa-bg-background ")
|
|
6050
6056
|
}, value ? getProperty(data.find(function(item) {
|
|
6051
6057
|
return item[valueKey] === value;
|
|
6052
|
-
}) || {}, labelKey) : props.placeholder || "...",
|
|
6058
|
+
}) || {}, labelKey) : props.placeholder || "...", /* @__PURE__ */ React47.createElement("svg", {
|
|
6053
6059
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6054
|
-
className: "hawa-w-4 hawa-h-4",
|
|
6060
|
+
className: cn("hawa-w-4 hawa-h-4 hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
|
|
6055
6061
|
viewBox: "0 0 24 24",
|
|
6056
6062
|
fill: "none",
|
|
6057
6063
|
stroke: "currentColor",
|
|
@@ -6062,7 +6068,7 @@ var Combobox = function(_param) {
|
|
|
6062
6068
|
d: "m6 9 6 6 6-6"
|
|
6063
6069
|
}))))), /* @__PURE__ */ React47.createElement(PopoverContent, {
|
|
6064
6070
|
className: cn("popover-w-parent")
|
|
6065
|
-
}, /* @__PURE__ */ React47.createElement(Command, null, /* @__PURE__ */ React47.createElement(CommandInput, {
|
|
6071
|
+
}, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, {
|
|
6066
6072
|
placeholder: props.searchPlaceholder
|
|
6067
6073
|
}), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, {
|
|
6068
6074
|
className: " hawa-max-h-[200px] hawa-overflow-y-auto"
|
|
@@ -6845,8 +6851,38 @@ var Copyrights = function(props) {
|
|
|
6845
6851
|
height: 50
|
|
6846
6852
|
}))) : null, /* @__PURE__ */ import_react36.default.createElement("div", null, props.version), props.credits ? props.credits : null);
|
|
6847
6853
|
};
|
|
6848
|
-
// components/
|
|
6854
|
+
// components/layout/Navbar.tsx
|
|
6849
6855
|
var import_react37 = __toESM(require("react"));
|
|
6856
|
+
var Navbar = function(_param) {
|
|
6857
|
+
var test = _param.test, props = _object_without_properties(_param, [
|
|
6858
|
+
"test"
|
|
6859
|
+
]);
|
|
6860
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", {
|
|
6861
|
+
className: "hawa-flex hawa-flex-row hawa-justify-between hawa-items-center hawa-bg-card hawa-p-4 hawa-rounded hawa-border"
|
|
6862
|
+
}, /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement(Logos.sikka, {
|
|
6863
|
+
className: "hawa-h-8 hawa-w-8"
|
|
6864
|
+
})), /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement(NavigationMenu, {
|
|
6865
|
+
direction: "ltr",
|
|
6866
|
+
rootClassNames: "hawa-w-fit",
|
|
6867
|
+
viewportClassNames: "hawa-max-w-md",
|
|
6868
|
+
items: [
|
|
6869
|
+
{
|
|
6870
|
+
trigger: "item 2",
|
|
6871
|
+
action: function() {
|
|
6872
|
+
return console.log("clicked on item");
|
|
6873
|
+
}
|
|
6874
|
+
},
|
|
6875
|
+
{
|
|
6876
|
+
trigger: "item 3",
|
|
6877
|
+
content: /* @__PURE__ */ import_react37.default.createElement("div", {
|
|
6878
|
+
className: "hawa-p-4"
|
|
6879
|
+
}, "something here")
|
|
6880
|
+
}
|
|
6881
|
+
]
|
|
6882
|
+
})), /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement(Button, null, "Login")));
|
|
6883
|
+
};
|
|
6884
|
+
// components/blocks/auth/LoginForm.tsx
|
|
6885
|
+
var import_react38 = __toESM(require("react"));
|
|
6850
6886
|
var import_react_hook_form2 = require("react-hook-form");
|
|
6851
6887
|
var import_zod = require("@hookform/resolvers/zod");
|
|
6852
6888
|
var import_libphonenumber_js = require("libphonenumber-js");
|
|
@@ -6924,13 +6960,13 @@ var LoginForm = function(_param) {
|
|
|
6924
6960
|
var renderFields = function() {
|
|
6925
6961
|
switch(loginType){
|
|
6926
6962
|
case "email":
|
|
6927
|
-
return /* @__PURE__ */
|
|
6963
|
+
return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form2.Controller, {
|
|
6928
6964
|
control: control,
|
|
6929
6965
|
name: "email",
|
|
6930
6966
|
render: function(param) {
|
|
6931
6967
|
var field = param.field;
|
|
6932
6968
|
var _formState_errors_email;
|
|
6933
|
-
return /* @__PURE__ */
|
|
6969
|
+
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
6934
6970
|
width: "full",
|
|
6935
6971
|
autoComplete: "email",
|
|
6936
6972
|
label: (texts === null || texts === void 0 ? void 0 : texts.emailLabel) || "Email",
|
|
@@ -6938,13 +6974,13 @@ var LoginForm = function(_param) {
|
|
|
6938
6974
|
placeholder: (texts === null || texts === void 0 ? void 0 : texts.emailPlaceholder) || "contact@sikka.io"
|
|
6939
6975
|
}, field));
|
|
6940
6976
|
}
|
|
6941
|
-
}), /* @__PURE__ */
|
|
6977
|
+
}), /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form2.Controller, {
|
|
6942
6978
|
control: control,
|
|
6943
6979
|
name: "password",
|
|
6944
6980
|
render: function(param) {
|
|
6945
6981
|
var field = param.field;
|
|
6946
6982
|
var _formState_errors_password;
|
|
6947
|
-
return /* @__PURE__ */
|
|
6983
|
+
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
6948
6984
|
width: "full",
|
|
6949
6985
|
autoComplete: "current-password",
|
|
6950
6986
|
type: "password",
|
|
@@ -6953,18 +6989,18 @@ var LoginForm = function(_param) {
|
|
|
6953
6989
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
6954
6990
|
}, field));
|
|
6955
6991
|
}
|
|
6956
|
-
}), !props.withoutResetPassword && /* @__PURE__ */
|
|
6992
|
+
}), !props.withoutResetPassword && /* @__PURE__ */ import_react38.default.createElement("div", {
|
|
6957
6993
|
onClick: props.onForgotPassword,
|
|
6958
6994
|
className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
|
|
6959
6995
|
}, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
|
|
6960
6996
|
case "username":
|
|
6961
|
-
return /* @__PURE__ */
|
|
6997
|
+
return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form2.Controller, {
|
|
6962
6998
|
control: control,
|
|
6963
6999
|
name: "username",
|
|
6964
7000
|
render: function(param) {
|
|
6965
7001
|
var field = param.field;
|
|
6966
7002
|
var _formState_errors_username;
|
|
6967
|
-
return /* @__PURE__ */
|
|
7003
|
+
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
6968
7004
|
width: "full",
|
|
6969
7005
|
autoComplete: "username",
|
|
6970
7006
|
label: (texts === null || texts === void 0 ? void 0 : texts.usernameLabel) || "Username",
|
|
@@ -6972,13 +7008,13 @@ var LoginForm = function(_param) {
|
|
|
6972
7008
|
placeholder: (texts === null || texts === void 0 ? void 0 : texts.usernamePlaceholder) || "sikka_sa"
|
|
6973
7009
|
}, field));
|
|
6974
7010
|
}
|
|
6975
|
-
}), /* @__PURE__ */
|
|
7011
|
+
}), /* @__PURE__ */ import_react38.default.createElement("div", null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form2.Controller, {
|
|
6976
7012
|
control: control,
|
|
6977
7013
|
name: "password",
|
|
6978
7014
|
render: function(param) {
|
|
6979
7015
|
var field = param.field;
|
|
6980
7016
|
var _formState_errors_password;
|
|
6981
|
-
return /* @__PURE__ */
|
|
7017
|
+
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
6982
7018
|
width: "full",
|
|
6983
7019
|
autoComplete: "current-password",
|
|
6984
7020
|
type: "password",
|
|
@@ -6987,18 +7023,18 @@ var LoginForm = function(_param) {
|
|
|
6987
7023
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
6988
7024
|
}, field));
|
|
6989
7025
|
}
|
|
6990
|
-
}), !props.withoutResetPassword && /* @__PURE__ */
|
|
7026
|
+
}), !props.withoutResetPassword && /* @__PURE__ */ import_react38.default.createElement("div", {
|
|
6991
7027
|
onClick: props.onForgotPassword,
|
|
6992
7028
|
className: "hawa-mb-3 hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
|
|
6993
7029
|
}, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
|
|
6994
7030
|
case "phone":
|
|
6995
|
-
return /* @__PURE__ */
|
|
7031
|
+
return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form2.Controller, {
|
|
6996
7032
|
control: control,
|
|
6997
7033
|
name: "phone",
|
|
6998
7034
|
render: function(param) {
|
|
6999
7035
|
var field = param.field;
|
|
7000
7036
|
var _formState_errors_phone;
|
|
7001
|
-
return /* @__PURE__ */
|
|
7037
|
+
return /* @__PURE__ */ import_react38.default.createElement(PhoneInput, {
|
|
7002
7038
|
label: texts === null || texts === void 0 ? void 0 : texts.phoneLabel,
|
|
7003
7039
|
helperText: (_formState_errors_phone = formState.errors.phone) === null || _formState_errors_phone === void 0 ? void 0 : _formState_errors_phone.message,
|
|
7004
7040
|
preferredCountry: {
|
|
@@ -7011,13 +7047,13 @@ var LoginForm = function(_param) {
|
|
|
7011
7047
|
}
|
|
7012
7048
|
}));
|
|
7013
7049
|
case "link":
|
|
7014
|
-
return /* @__PURE__ */
|
|
7050
|
+
return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react_hook_form2.Controller, {
|
|
7015
7051
|
control: control,
|
|
7016
7052
|
name: "email",
|
|
7017
7053
|
render: function(param) {
|
|
7018
7054
|
var field = param.field;
|
|
7019
7055
|
var _formState_errors_email;
|
|
7020
|
-
return /* @__PURE__ */
|
|
7056
|
+
return /* @__PURE__ */ import_react38.default.createElement(Input, _object_spread({
|
|
7021
7057
|
width: "full",
|
|
7022
7058
|
autoComplete: "email",
|
|
7023
7059
|
label: (texts === null || texts === void 0 ? void 0 : texts.emailLabel) || "Email",
|
|
@@ -7030,17 +7066,17 @@ var LoginForm = function(_param) {
|
|
|
7030
7066
|
break;
|
|
7031
7067
|
}
|
|
7032
7068
|
};
|
|
7033
|
-
return /* @__PURE__ */
|
|
7069
|
+
return /* @__PURE__ */ import_react38.default.createElement("div", {
|
|
7034
7070
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7035
|
-
}, /* @__PURE__ */
|
|
7071
|
+
}, /* @__PURE__ */ import_react38.default.createElement(Card, {
|
|
7036
7072
|
dir: props.direction
|
|
7037
|
-
}, /* @__PURE__ */
|
|
7073
|
+
}, /* @__PURE__ */ import_react38.default.createElement(CardContent, {
|
|
7038
7074
|
headless: true
|
|
7039
|
-
}, props.showError && /* @__PURE__ */
|
|
7075
|
+
}, props.showError && /* @__PURE__ */ import_react38.default.createElement(Alert, {
|
|
7040
7076
|
title: props.errorTitle,
|
|
7041
7077
|
text: props.errorText,
|
|
7042
7078
|
severity: "error"
|
|
7043
|
-
}), /* @__PURE__ */
|
|
7079
|
+
}), /* @__PURE__ */ import_react38.default.createElement("form", {
|
|
7044
7080
|
className: "hawa-flex hawa-flex-col hawa-gap-4",
|
|
7045
7081
|
onSubmit: handleSubmit(function(e) {
|
|
7046
7082
|
if (props.onLogin) {
|
|
@@ -7049,42 +7085,42 @@ var LoginForm = function(_param) {
|
|
|
7049
7085
|
console.log("Form is submitted but onLogin prop is missing");
|
|
7050
7086
|
}
|
|
7051
7087
|
})
|
|
7052
|
-
}, renderFields(), /* @__PURE__ */
|
|
7088
|
+
}, renderFields(), /* @__PURE__ */ import_react38.default.createElement(Button, {
|
|
7053
7089
|
className: "hawa-mt-0 hawa-w-full",
|
|
7054
7090
|
type: "submit",
|
|
7055
7091
|
isLoading: props.isLoading
|
|
7056
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login"), props.additionalButtons, !props.withoutRegister && /* @__PURE__ */
|
|
7092
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login"), props.additionalButtons, !props.withoutRegister && /* @__PURE__ */ import_react38.default.createElement("div", {
|
|
7057
7093
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300"
|
|
7058
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */
|
|
7094
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react38.default.createElement("span", {
|
|
7059
7095
|
onClick: props.onRouteToRegister,
|
|
7060
7096
|
className: "clickable-link"
|
|
7061
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.createAccount) || "Create Account")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
7097
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.createAccount) || "Create Account")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react38.default.createElement(CardFooter, {
|
|
7062
7098
|
className: cn(props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2")
|
|
7063
|
-
}, props.viaGoogle && /* @__PURE__ */
|
|
7099
|
+
}, props.viaGoogle && /* @__PURE__ */ import_react38.default.createElement(Button, {
|
|
7064
7100
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7065
7101
|
variant: "outline",
|
|
7066
7102
|
onClick: props.onGoogleLogin
|
|
7067
|
-
}, props.isGoogleLoading ? /* @__PURE__ */
|
|
7103
|
+
}, props.isGoogleLoading ? /* @__PURE__ */ import_react38.default.createElement(Loading, {
|
|
7068
7104
|
size: "button"
|
|
7069
|
-
}) : /* @__PURE__ */
|
|
7105
|
+
}) : /* @__PURE__ */ import_react38.default.createElement(Logos.google, {
|
|
7070
7106
|
className: "hawa-h-4 hawa-w-4"
|
|
7071
|
-
}), !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.loginViaGoogleLabel)), props.viaGithub && /* @__PURE__ */
|
|
7107
|
+
}), !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.loginViaGoogleLabel)), props.viaGithub && /* @__PURE__ */ import_react38.default.createElement(Button, {
|
|
7072
7108
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7073
7109
|
variant: "outline",
|
|
7074
7110
|
onClick: props.onGithubLogin
|
|
7075
|
-
}, props.isGithubLoading ? /* @__PURE__ */
|
|
7111
|
+
}, props.isGithubLoading ? /* @__PURE__ */ import_react38.default.createElement(Loading, {
|
|
7076
7112
|
size: "button"
|
|
7077
|
-
}) : /* @__PURE__ */
|
|
7113
|
+
}) : /* @__PURE__ */ import_react38.default.createElement(Logos.github, {
|
|
7078
7114
|
className: "hawa-h-4 hawa-w-4"
|
|
7079
|
-
}), !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.loginViaGithubLabel)), props.viaTwitter && /* @__PURE__ */
|
|
7115
|
+
}), !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.loginViaGithubLabel)), props.viaTwitter && /* @__PURE__ */ import_react38.default.createElement(Button, {
|
|
7080
7116
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7081
7117
|
variant: "outline",
|
|
7082
7118
|
onClick: props.onTwitterLogin
|
|
7083
|
-
}, props.isTwitterLoading ? /* @__PURE__ */
|
|
7119
|
+
}, props.isTwitterLoading ? /* @__PURE__ */ import_react38.default.createElement(Loading, {
|
|
7084
7120
|
size: "button"
|
|
7085
|
-
}) : /* @__PURE__ */
|
|
7121
|
+
}) : /* @__PURE__ */ import_react38.default.createElement(Logos.twitter, {
|
|
7086
7122
|
className: "hawa-h-4 hawa-w-4"
|
|
7087
|
-
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.loginViaTwitterLabel))) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7123
|
+
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.loginViaTwitterLabel))) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react38.default.createElement(InterfaceSettings, {
|
|
7088
7124
|
currentColorMode: props.currentColorMode,
|
|
7089
7125
|
currentLanguage: props.currentLanguage,
|
|
7090
7126
|
handleColorMode: props.handleColorMode,
|
|
@@ -7092,7 +7128,7 @@ var LoginForm = function(_param) {
|
|
|
7092
7128
|
}));
|
|
7093
7129
|
};
|
|
7094
7130
|
// components/blocks/auth/RegisterForm.tsx
|
|
7095
|
-
var
|
|
7131
|
+
var import_react39 = __toESM(require("react"));
|
|
7096
7132
|
var import_react_hook_form3 = require("react-hook-form");
|
|
7097
7133
|
var import_zod2 = require("@hookform/resolvers/zod");
|
|
7098
7134
|
var z2 = __toESM(require("zod"));
|
|
@@ -7168,17 +7204,17 @@ var RegisterForm = function(_param) {
|
|
|
7168
7204
|
var _ref = (0, import_react_hook_form3.useForm)({
|
|
7169
7205
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
|
7170
7206
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7171
|
-
return /* @__PURE__ */
|
|
7207
|
+
return /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7172
7208
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7173
|
-
}, /* @__PURE__ */
|
|
7209
|
+
}, /* @__PURE__ */ import_react39.default.createElement(Card, {
|
|
7174
7210
|
dir: props.direction
|
|
7175
|
-
}, /* @__PURE__ */
|
|
7211
|
+
}, /* @__PURE__ */ import_react39.default.createElement(CardContent, {
|
|
7176
7212
|
headless: true
|
|
7177
|
-
}, /* @__PURE__ */
|
|
7213
|
+
}, /* @__PURE__ */ import_react39.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react39.default.createElement(Alert, {
|
|
7178
7214
|
title: props.errorTitle,
|
|
7179
7215
|
text: props.errorText,
|
|
7180
7216
|
severity: "error"
|
|
7181
|
-
}), /* @__PURE__ */
|
|
7217
|
+
}), /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react39.default.createElement("form", {
|
|
7182
7218
|
onSubmit: handleSubmit(function(e) {
|
|
7183
7219
|
if (props.onRegister) {
|
|
7184
7220
|
return props.onRegister(e);
|
|
@@ -7187,18 +7223,18 @@ var RegisterForm = function(_param) {
|
|
|
7187
7223
|
}
|
|
7188
7224
|
}),
|
|
7189
7225
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7190
|
-
}, /* @__PURE__ */
|
|
7226
|
+
}, /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7191
7227
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7192
7228
|
}, props.registerFields.map(function(fld, i) {
|
|
7193
7229
|
if (fld === "fullname") {
|
|
7194
|
-
return /* @__PURE__ */
|
|
7230
|
+
return /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7195
7231
|
key: i,
|
|
7196
7232
|
control: control,
|
|
7197
7233
|
name: "fullName",
|
|
7198
7234
|
render: function(param) {
|
|
7199
7235
|
var field = param.field;
|
|
7200
7236
|
var _formState_errors_fullName;
|
|
7201
|
-
return /* @__PURE__ */
|
|
7237
|
+
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7202
7238
|
width: "full",
|
|
7203
7239
|
label: texts === null || texts === void 0 ? void 0 : texts.fullNameLabel,
|
|
7204
7240
|
placeholder: texts === null || texts === void 0 ? void 0 : texts.fullNamePlaceholder,
|
|
@@ -7208,14 +7244,14 @@ var RegisterForm = function(_param) {
|
|
|
7208
7244
|
});
|
|
7209
7245
|
}
|
|
7210
7246
|
if (fld === "email") {
|
|
7211
|
-
return /* @__PURE__ */
|
|
7247
|
+
return /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7212
7248
|
key: i,
|
|
7213
7249
|
control: control,
|
|
7214
7250
|
name: "email",
|
|
7215
7251
|
render: function(param) {
|
|
7216
7252
|
var field = param.field;
|
|
7217
7253
|
var _formState_errors_email;
|
|
7218
|
-
return /* @__PURE__ */
|
|
7254
|
+
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7219
7255
|
width: "full",
|
|
7220
7256
|
autoComplete: "email",
|
|
7221
7257
|
label: texts === null || texts === void 0 ? void 0 : texts.emailLabel,
|
|
@@ -7226,14 +7262,14 @@ var RegisterForm = function(_param) {
|
|
|
7226
7262
|
});
|
|
7227
7263
|
}
|
|
7228
7264
|
if (fld === "username") {
|
|
7229
|
-
return /* @__PURE__ */
|
|
7265
|
+
return /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7230
7266
|
key: i,
|
|
7231
7267
|
control: control,
|
|
7232
7268
|
name: "username",
|
|
7233
7269
|
render: function(param) {
|
|
7234
7270
|
var field = param.field;
|
|
7235
7271
|
var _formState_errors_username;
|
|
7236
|
-
return /* @__PURE__ */
|
|
7272
|
+
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7237
7273
|
width: "full",
|
|
7238
7274
|
autoComplete: "username",
|
|
7239
7275
|
label: texts === null || texts === void 0 ? void 0 : texts.usernameLabel,
|
|
@@ -7243,13 +7279,13 @@ var RegisterForm = function(_param) {
|
|
|
7243
7279
|
}
|
|
7244
7280
|
});
|
|
7245
7281
|
}
|
|
7246
|
-
})), /* @__PURE__ */
|
|
7282
|
+
})), /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7247
7283
|
control: control,
|
|
7248
7284
|
name: "password",
|
|
7249
7285
|
render: function(param) {
|
|
7250
7286
|
var field = param.field;
|
|
7251
7287
|
var _formState_errors_password;
|
|
7252
|
-
return /* @__PURE__ */
|
|
7288
|
+
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7253
7289
|
width: "full",
|
|
7254
7290
|
type: "password",
|
|
7255
7291
|
autoComplete: "new-password",
|
|
@@ -7258,13 +7294,13 @@ var RegisterForm = function(_param) {
|
|
|
7258
7294
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7259
7295
|
}, field));
|
|
7260
7296
|
}
|
|
7261
|
-
}), /* @__PURE__ */
|
|
7297
|
+
}), /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7262
7298
|
control: control,
|
|
7263
7299
|
name: "confirm_password",
|
|
7264
7300
|
render: function(param) {
|
|
7265
7301
|
var field = param.field;
|
|
7266
7302
|
var _formState_errors_confirm_password;
|
|
7267
|
-
return /* @__PURE__ */
|
|
7303
|
+
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7268
7304
|
width: "full",
|
|
7269
7305
|
type: "password",
|
|
7270
7306
|
autoComplete: "new-password",
|
|
@@ -7273,25 +7309,25 @@ var RegisterForm = function(_param) {
|
|
|
7273
7309
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7274
7310
|
}, field));
|
|
7275
7311
|
}
|
|
7276
|
-
}), props.additionalInputs, props.showRefCode && /* @__PURE__ */
|
|
7312
|
+
}), props.additionalInputs, props.showRefCode && /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7277
7313
|
control: control,
|
|
7278
7314
|
name: "refCode",
|
|
7279
7315
|
render: function(param) {
|
|
7280
7316
|
var field = param.field;
|
|
7281
7317
|
var _formState_errors_refCode;
|
|
7282
|
-
return /* @__PURE__ */
|
|
7318
|
+
return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
|
|
7283
7319
|
width: "full",
|
|
7284
7320
|
label: texts === null || texts === void 0 ? void 0 : texts.refCode,
|
|
7285
7321
|
placeholder: (texts === null || texts === void 0 ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
|
|
7286
7322
|
helperText: (_formState_errors_refCode = formState.errors.refCode) === null || _formState_errors_refCode === void 0 ? void 0 : _formState_errors_refCode.message
|
|
7287
7323
|
}, field));
|
|
7288
7324
|
}
|
|
7289
|
-
}), props.showUserSource && /* @__PURE__ */
|
|
7325
|
+
}), props.showUserSource && /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7290
7326
|
control: control,
|
|
7291
7327
|
name: "reference",
|
|
7292
7328
|
render: function(param) {
|
|
7293
7329
|
var field = param.field;
|
|
7294
|
-
return /* @__PURE__ */
|
|
7330
|
+
return /* @__PURE__ */ import_react39.default.createElement(Select, {
|
|
7295
7331
|
label: (texts === null || texts === void 0 ? void 0 : texts.userReferenceLabel) || "How did you learn about us?",
|
|
7296
7332
|
placeholder: texts === null || texts === void 0 ? void 0 : texts.userReferencePlaceholder,
|
|
7297
7333
|
isCreatable: false,
|
|
@@ -7304,74 +7340,74 @@ var RegisterForm = function(_param) {
|
|
|
7304
7340
|
}
|
|
7305
7341
|
});
|
|
7306
7342
|
}
|
|
7307
|
-
}), /* @__PURE__ */
|
|
7343
|
+
}), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7308
7344
|
className: "hawa-flex hawa-flex-col hawa-gap-3"
|
|
7309
|
-
}, props.showTermsOption && /* @__PURE__ */
|
|
7345
|
+
}, props.showTermsOption && /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7310
7346
|
control: control,
|
|
7311
7347
|
name: "terms_accepted",
|
|
7312
7348
|
render: function(param) {
|
|
7313
7349
|
var field = param.field;
|
|
7314
7350
|
var _formState_errors_terms_accepted_message, _formState_errors_terms_accepted;
|
|
7315
|
-
return /* @__PURE__ */
|
|
7351
|
+
return /* @__PURE__ */ import_react39.default.createElement(Checkbox, {
|
|
7316
7352
|
id: "terms_accepted",
|
|
7317
7353
|
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(),
|
|
7318
7354
|
onCheckedChange: function(e) {
|
|
7319
7355
|
return field.onChange(e);
|
|
7320
7356
|
},
|
|
7321
|
-
label: /* @__PURE__ */
|
|
7357
|
+
label: /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7322
7358
|
className: "hawa-flex hawa-flex-row hawa-gap-0.5"
|
|
7323
|
-
}, /* @__PURE__ */
|
|
7359
|
+
}, /* @__PURE__ */ import_react39.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.iAcceptText), " ", /* @__PURE__ */ import_react39.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react39.default.createElement("a", {
|
|
7324
7360
|
onClick: props.onRouteToTOS,
|
|
7325
7361
|
className: "clickable-link"
|
|
7326
7362
|
}, texts === null || texts === void 0 ? void 0 : texts.termsText)))
|
|
7327
7363
|
});
|
|
7328
7364
|
}
|
|
7329
|
-
}), props.showNewsletterOption && /* @__PURE__ */
|
|
7365
|
+
}), props.showNewsletterOption && /* @__PURE__ */ import_react39.default.createElement(import_react_hook_form3.Controller, {
|
|
7330
7366
|
control: control,
|
|
7331
7367
|
name: "newsletter_accepted",
|
|
7332
7368
|
render: function(param) {
|
|
7333
7369
|
var field = param.field;
|
|
7334
|
-
return /* @__PURE__ */
|
|
7370
|
+
return /* @__PURE__ */ import_react39.default.createElement(Checkbox, {
|
|
7335
7371
|
id: "newsletter_accepted",
|
|
7336
7372
|
label: texts === null || texts === void 0 ? void 0 : texts.subscribeToNewsletter,
|
|
7337
7373
|
onCheckedChange: field.onChange
|
|
7338
7374
|
});
|
|
7339
7375
|
}
|
|
7340
|
-
})), /* @__PURE__ */
|
|
7376
|
+
})), /* @__PURE__ */ import_react39.default.createElement(Button, {
|
|
7341
7377
|
isLoading: props.isLoading,
|
|
7342
7378
|
className: "hawa-w-full hawa-mt-4"
|
|
7343
|
-
}, texts === null || texts === void 0 ? void 0 : texts.registerText), props.additionalButtons)), /* @__PURE__ */
|
|
7379
|
+
}, texts === null || texts === void 0 ? void 0 : texts.registerText), props.additionalButtons)), /* @__PURE__ */ import_react39.default.createElement("div", {
|
|
7344
7380
|
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"
|
|
7345
|
-
}, /* @__PURE__ */
|
|
7381
|
+
}, /* @__PURE__ */ import_react39.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react39.default.createElement("span", {
|
|
7346
7382
|
onClick: props.onRouteToLogin,
|
|
7347
7383
|
className: "clickable-link"
|
|
7348
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
7384
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react39.default.createElement(CardFooter, {
|
|
7349
7385
|
className: cn(props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2")
|
|
7350
|
-
}, props.viaGoogle && /* @__PURE__ */
|
|
7386
|
+
}, props.viaGoogle && /* @__PURE__ */ import_react39.default.createElement(Button, {
|
|
7351
7387
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7352
7388
|
variant: "outline",
|
|
7353
7389
|
onClick: props.onGoogleRegister
|
|
7354
|
-
}, props.isGoogleLoading ? /* @__PURE__ */
|
|
7390
|
+
}, props.isGoogleLoading ? /* @__PURE__ */ import_react39.default.createElement(Loading, {
|
|
7355
7391
|
size: "button"
|
|
7356
|
-
}) : /* @__PURE__ */
|
|
7392
|
+
}) : /* @__PURE__ */ import_react39.default.createElement(Logos.google, {
|
|
7357
7393
|
className: "hawa-h-4 hawa-w-4"
|
|
7358
|
-
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.registerViaGoogleLabel)), props.viaGithub && /* @__PURE__ */
|
|
7394
|
+
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.registerViaGoogleLabel)), props.viaGithub && /* @__PURE__ */ import_react39.default.createElement(Button, {
|
|
7359
7395
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7360
7396
|
variant: "outline",
|
|
7361
7397
|
onClick: props.onGithubRegister
|
|
7362
|
-
}, props.isGithubLoading ? /* @__PURE__ */
|
|
7398
|
+
}, props.isGithubLoading ? /* @__PURE__ */ import_react39.default.createElement(Loading, {
|
|
7363
7399
|
size: "button"
|
|
7364
|
-
}) : /* @__PURE__ */
|
|
7400
|
+
}) : /* @__PURE__ */ import_react39.default.createElement(Logos.github, {
|
|
7365
7401
|
className: "hawa-h-4 hawa-w-4"
|
|
7366
|
-
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.registerViaGithubLabel)), props.viaTwitter && /* @__PURE__ */
|
|
7402
|
+
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.registerViaGithubLabel)), props.viaTwitter && /* @__PURE__ */ import_react39.default.createElement(Button, {
|
|
7367
7403
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7368
7404
|
variant: "outline",
|
|
7369
7405
|
onClick: props.onTwitterRegister
|
|
7370
|
-
}, props.isTwitterLoading ? /* @__PURE__ */
|
|
7406
|
+
}, props.isTwitterLoading ? /* @__PURE__ */ import_react39.default.createElement(Loading, {
|
|
7371
7407
|
size: "button"
|
|
7372
|
-
}) : /* @__PURE__ */
|
|
7408
|
+
}) : /* @__PURE__ */ import_react39.default.createElement(Logos.twitter, {
|
|
7373
7409
|
className: "hawa-h-4 hawa-w-4"
|
|
7374
|
-
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.registerViaTwitterLabel))) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */
|
|
7410
|
+
}), " ", !props.logosOnly && (texts === null || texts === void 0 ? void 0 : texts.registerViaTwitterLabel))) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react39.default.createElement(InterfaceSettings, {
|
|
7375
7411
|
currentColorMode: props.currentColorMode,
|
|
7376
7412
|
currentLanguage: props.currentLanguage,
|
|
7377
7413
|
handleColorMode: props.handleColorMode,
|
|
@@ -7379,65 +7415,65 @@ var RegisterForm = function(_param) {
|
|
|
7379
7415
|
}));
|
|
7380
7416
|
};
|
|
7381
7417
|
// components/blocks/auth/AppLanding.tsx
|
|
7382
|
-
var
|
|
7418
|
+
var import_react40 = __toESM(require("react"));
|
|
7383
7419
|
var AppLanding = function(props) {
|
|
7384
7420
|
var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8;
|
|
7385
7421
|
var _props_texts_continueWithGoogle, _props_texts_continueWithGithub, _props_texts_continueWithTwitter, _props_texts_continueWithApple, _props_texts_continueWithMicrosoft, _props_texts_continueWithEmail, _props_texts_continueWithPhone;
|
|
7386
|
-
return /* @__PURE__ */
|
|
7422
|
+
return /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7387
7423
|
dir: props.direction
|
|
7388
|
-
}, /* @__PURE__ */
|
|
7424
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Card, null, /* @__PURE__ */ import_react40.default.createElement(CardContent, {
|
|
7389
7425
|
headless: true,
|
|
7390
7426
|
className: "hawa-flex hawa-flex-col hawa-gap-6"
|
|
7391
|
-
}, props.viaGoogle && /* @__PURE__ */
|
|
7427
|
+
}, props.viaGoogle && /* @__PURE__ */ import_react40.default.createElement(Button, {
|
|
7392
7428
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7393
7429
|
variant: "outline",
|
|
7394
7430
|
onClick: props.handleGoogle
|
|
7395
|
-
}, /* @__PURE__ */
|
|
7431
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.google, {
|
|
7396
7432
|
className: "hawa-h-4 hawa-w-4"
|
|
7397
|
-
}), (_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__ */
|
|
7433
|
+
}), (_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, {
|
|
7398
7434
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7399
7435
|
variant: "outline",
|
|
7400
7436
|
onClick: props.handleGithub
|
|
7401
|
-
}, /* @__PURE__ */
|
|
7437
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.github, {
|
|
7402
7438
|
className: "hawa-h-4 hawa-w-4"
|
|
7403
|
-
}), (_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__ */
|
|
7439
|
+
}), (_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, {
|
|
7404
7440
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7405
7441
|
variant: "outline",
|
|
7406
7442
|
onClick: props.handleTwitter
|
|
7407
|
-
}, /* @__PURE__ */
|
|
7443
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.twitter, {
|
|
7408
7444
|
className: "hawa-h-4 hawa-w-4"
|
|
7409
|
-
}), (_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__ */
|
|
7445
|
+
}), (_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, {
|
|
7410
7446
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7411
7447
|
variant: "outline",
|
|
7412
7448
|
onClick: props.handleApple
|
|
7413
|
-
}, /* @__PURE__ */
|
|
7449
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.apple, {
|
|
7414
7450
|
className: "hawa-h-4 hawa-w-4"
|
|
7415
|
-
}), (_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__ */
|
|
7451
|
+
}), (_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, {
|
|
7416
7452
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7417
7453
|
variant: "outline",
|
|
7418
7454
|
onClick: props.handleMicrosoft
|
|
7419
|
-
}, /* @__PURE__ */
|
|
7455
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.microsoft, {
|
|
7420
7456
|
className: "hawa-h-4 hawa-w-4"
|
|
7421
|
-
}), (_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__ */
|
|
7457
|
+
}), (_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, {
|
|
7422
7458
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7423
7459
|
variant: "outline",
|
|
7424
7460
|
onClick: props.handleEmail
|
|
7425
|
-
}, /* @__PURE__ */
|
|
7461
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.mail, {
|
|
7426
7462
|
className: "hawa-h-4 hawa-w-4"
|
|
7427
|
-
}), (_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__ */
|
|
7463
|
+
}), (_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, {
|
|
7428
7464
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
|
|
7429
7465
|
variant: "outline",
|
|
7430
7466
|
onClick: props.handlePhone
|
|
7431
|
-
}, /* @__PURE__ */
|
|
7467
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Logos.phone, {
|
|
7432
7468
|
className: "hawa-h-4 hawa-w-4"
|
|
7433
|
-
}), (_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"), !props.withoutSignUp && /* @__PURE__ */
|
|
7469
|
+
}), (_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"), !props.withoutSignUp && /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7434
7470
|
className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300"
|
|
7435
|
-
}, (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.newUserText, " ", /* @__PURE__ */
|
|
7471
|
+
}, (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.newUserText, " ", /* @__PURE__ */ import_react40.default.createElement("span", {
|
|
7436
7472
|
onClick: props.handleRouteToRegister,
|
|
7437
7473
|
className: "clickable-link"
|
|
7438
|
-
}, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.createAccount)))), /* @__PURE__ */
|
|
7474
|
+
}, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.createAccount)))), /* @__PURE__ */ import_react40.default.createElement("div", {
|
|
7439
7475
|
className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between"
|
|
7440
|
-
}, /* @__PURE__ */
|
|
7476
|
+
}, /* @__PURE__ */ import_react40.default.createElement(Radio, {
|
|
7441
7477
|
onChangeTab: props.handleLanguage,
|
|
7442
7478
|
design: "tabs",
|
|
7443
7479
|
options: [
|
|
@@ -7450,20 +7486,20 @@ var AppLanding = function(props) {
|
|
|
7450
7486
|
label: "English"
|
|
7451
7487
|
}
|
|
7452
7488
|
]
|
|
7453
|
-
}), /* @__PURE__ */
|
|
7489
|
+
}), /* @__PURE__ */ import_react40.default.createElement(Radio, {
|
|
7454
7490
|
onChangeTab: props.handleColorMode,
|
|
7455
7491
|
design: "tabs",
|
|
7456
7492
|
options: [
|
|
7457
7493
|
{
|
|
7458
7494
|
value: "light",
|
|
7459
|
-
label: /* @__PURE__ */
|
|
7495
|
+
label: /* @__PURE__ */ import_react40.default.createElement("svg", {
|
|
7460
7496
|
width: "15",
|
|
7461
7497
|
height: "15",
|
|
7462
7498
|
viewBox: "0 0 15 15",
|
|
7463
7499
|
fill: "none",
|
|
7464
7500
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7465
7501
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
|
|
7466
|
-
}, /* @__PURE__ */
|
|
7502
|
+
}, /* @__PURE__ */ import_react40.default.createElement("path", {
|
|
7467
7503
|
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",
|
|
7468
7504
|
fill: "currentColor",
|
|
7469
7505
|
fillRule: "evenodd",
|
|
@@ -7472,7 +7508,7 @@ var AppLanding = function(props) {
|
|
|
7472
7508
|
},
|
|
7473
7509
|
{
|
|
7474
7510
|
value: "dark",
|
|
7475
|
-
label: /* @__PURE__ */
|
|
7511
|
+
label: /* @__PURE__ */ import_react40.default.createElement("svg", {
|
|
7476
7512
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7477
7513
|
width: "24",
|
|
7478
7514
|
height: "24",
|
|
@@ -7483,7 +7519,7 @@ var AppLanding = function(props) {
|
|
|
7483
7519
|
strokeLinecap: "round",
|
|
7484
7520
|
strokeLinejoin: "round",
|
|
7485
7521
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
|
|
7486
|
-
}, /* @__PURE__ */
|
|
7522
|
+
}, /* @__PURE__ */ import_react40.default.createElement("path", {
|
|
7487
7523
|
d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
|
|
7488
7524
|
}))
|
|
7489
7525
|
}
|
|
@@ -7491,16 +7527,16 @@ var AppLanding = function(props) {
|
|
|
7491
7527
|
})));
|
|
7492
7528
|
};
|
|
7493
7529
|
// components/blocks/auth/CheckEmail.tsx
|
|
7494
|
-
var
|
|
7530
|
+
var import_react41 = __toESM(require("react"));
|
|
7495
7531
|
var CheckEmail = function(param) {
|
|
7496
7532
|
var texts = param.texts, handleResend = param.handleResend;
|
|
7497
|
-
return /* @__PURE__ */
|
|
7533
|
+
return /* @__PURE__ */ import_react41.default.createElement(Card, null, /* @__PURE__ */ import_react41.default.createElement(CardContent, {
|
|
7498
7534
|
headless: true
|
|
7499
|
-
}, /* @__PURE__ */
|
|
7535
|
+
}, /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7500
7536
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
|
|
7501
|
-
}, /* @__PURE__ */
|
|
7537
|
+
}, /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7502
7538
|
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"
|
|
7503
|
-
}, /* @__PURE__ */
|
|
7539
|
+
}, /* @__PURE__ */ import_react41.default.createElement("svg", {
|
|
7504
7540
|
stroke: "currentColor",
|
|
7505
7541
|
fill: "none",
|
|
7506
7542
|
"stroke-width": "2",
|
|
@@ -7510,23 +7546,23 @@ var CheckEmail = function(param) {
|
|
|
7510
7546
|
height: "0.5em",
|
|
7511
7547
|
width: "0.5em",
|
|
7512
7548
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7513
|
-
}, /* @__PURE__ */
|
|
7549
|
+
}, /* @__PURE__ */ import_react41.default.createElement("path", {
|
|
7514
7550
|
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"
|
|
7515
|
-
}), /* @__PURE__ */
|
|
7551
|
+
}), /* @__PURE__ */ import_react41.default.createElement("polyline", {
|
|
7516
7552
|
points: "22,6 12,13 2,6"
|
|
7517
|
-
}))), /* @__PURE__ */
|
|
7553
|
+
}))), /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7518
7554
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
7519
|
-
}, (texts === null || texts === void 0 ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */
|
|
7555
|
+
}, (texts === null || texts === void 0 ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react41.default.createElement("div", {
|
|
7520
7556
|
className: "hawa-text-sm"
|
|
7521
|
-
}, (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__ */
|
|
7557
|
+
}, (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_react41.default.createElement(CardFooter, {
|
|
7522
7558
|
className: "hawa-flex hawa-flex-col hawa-justify-center "
|
|
7523
|
-
}, /* @__PURE__ */
|
|
7559
|
+
}, /* @__PURE__ */ import_react41.default.createElement("span", {
|
|
7524
7560
|
className: "clickable-link hawa-text-sm",
|
|
7525
7561
|
onClick: handleResend
|
|
7526
7562
|
}, (texts === null || texts === void 0 ? void 0 : texts.resendEmail) || "Resend Email")));
|
|
7527
7563
|
};
|
|
7528
7564
|
// components/blocks/auth/NewPassword.tsx
|
|
7529
|
-
var
|
|
7565
|
+
var import_react42 = __toESM(require("react"));
|
|
7530
7566
|
var import_react_hook_form4 = require("react-hook-form");
|
|
7531
7567
|
var import_zod3 = require("@hookform/resolvers/zod");
|
|
7532
7568
|
var z3 = __toESM(require("zod"));
|
|
@@ -7560,17 +7596,17 @@ var NewPasswordForm = function(_param) {
|
|
|
7560
7596
|
var _ref = (0, import_react_hook_form4.useForm)({
|
|
7561
7597
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
|
7562
7598
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7563
|
-
var _ref1 = _sliced_to_array((0,
|
|
7564
|
-
return /* @__PURE__ */
|
|
7599
|
+
var _ref1 = _sliced_to_array((0, import_react42.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
|
|
7600
|
+
return /* @__PURE__ */ import_react42.default.createElement(Card, {
|
|
7565
7601
|
dir: props.direction
|
|
7566
|
-
}, matchError && /* @__PURE__ */
|
|
7602
|
+
}, matchError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
|
|
7567
7603
|
text: texts === null || texts === void 0 ? void 0 : texts.passwordMatchError,
|
|
7568
7604
|
severity: "error"
|
|
7569
|
-
}), props.passwordChanged ? /* @__PURE__ */
|
|
7605
|
+
}), props.passwordChanged ? /* @__PURE__ */ import_react42.default.createElement(CardContent, {
|
|
7570
7606
|
headless: true
|
|
7571
|
-
}, /* @__PURE__ */
|
|
7607
|
+
}, /* @__PURE__ */ import_react42.default.createElement("div", {
|
|
7572
7608
|
className: "hawa-text-center"
|
|
7573
|
-
}, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */
|
|
7609
|
+
}, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react42.default.createElement("form", {
|
|
7574
7610
|
onSubmit: handleSubmit(function(e) {
|
|
7575
7611
|
if (props.handleNewPassword) {
|
|
7576
7612
|
return props.handleNewPassword(e);
|
|
@@ -7578,16 +7614,16 @@ var NewPasswordForm = function(_param) {
|
|
|
7578
7614
|
console.log("Form is submitted but handleSubmission prop is missing");
|
|
7579
7615
|
}
|
|
7580
7616
|
})
|
|
7581
|
-
}, !props.headless && /* @__PURE__ */
|
|
7617
|
+
}, !props.headless && /* @__PURE__ */ import_react42.default.createElement(CardHeader, null, /* @__PURE__ */ import_react42.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react42.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react42.default.createElement(CardContent, {
|
|
7582
7618
|
headless: props.headless,
|
|
7583
7619
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
7584
|
-
}, /* @__PURE__ */
|
|
7620
|
+
}, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form4.Controller, {
|
|
7585
7621
|
control: control,
|
|
7586
7622
|
name: "password",
|
|
7587
7623
|
render: function(param) {
|
|
7588
7624
|
var field = param.field;
|
|
7589
7625
|
var _formState_errors_password;
|
|
7590
|
-
return /* @__PURE__ */
|
|
7626
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7591
7627
|
width: "full",
|
|
7592
7628
|
type: "password",
|
|
7593
7629
|
autoComplete: "new-password",
|
|
@@ -7596,13 +7632,13 @@ var NewPasswordForm = function(_param) {
|
|
|
7596
7632
|
helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
|
|
7597
7633
|
}, field));
|
|
7598
7634
|
}
|
|
7599
|
-
}), /* @__PURE__ */
|
|
7635
|
+
}), /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form4.Controller, {
|
|
7600
7636
|
control: control,
|
|
7601
7637
|
name: "confirm_password",
|
|
7602
7638
|
render: function(param) {
|
|
7603
7639
|
var field = param.field;
|
|
7604
7640
|
var _formState_errors_confirm_password;
|
|
7605
|
-
return /* @__PURE__ */
|
|
7641
|
+
return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
|
|
7606
7642
|
width: "full",
|
|
7607
7643
|
type: "password",
|
|
7608
7644
|
autoComplete: "new-password",
|
|
@@ -7611,13 +7647,13 @@ var NewPasswordForm = function(_param) {
|
|
|
7611
7647
|
helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
|
|
7612
7648
|
}, field));
|
|
7613
7649
|
}
|
|
7614
|
-
})), /* @__PURE__ */
|
|
7650
|
+
})), /* @__PURE__ */ import_react42.default.createElement(CardFooter, null, /* @__PURE__ */ import_react42.default.createElement(Button, {
|
|
7615
7651
|
className: "hawa-w-full",
|
|
7616
7652
|
type: "submit"
|
|
7617
7653
|
}, texts === null || texts === void 0 ? void 0 : texts.updatePassword))));
|
|
7618
7654
|
};
|
|
7619
7655
|
// components/blocks/auth/ResetPassword.tsx
|
|
7620
|
-
var
|
|
7656
|
+
var import_react43 = __toESM(require("react"));
|
|
7621
7657
|
var import_react_hook_form5 = require("react-hook-form");
|
|
7622
7658
|
var import_zod4 = require("@hookform/resolvers/zod");
|
|
7623
7659
|
var z4 = __toESM(require("zod"));
|
|
@@ -7636,9 +7672,9 @@ var ResetPasswordForm = function(props) {
|
|
|
7636
7672
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
|
7637
7673
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
7638
7674
|
var _props_texts_dontHaveAccount, _props_texts_registerText;
|
|
7639
|
-
return /* @__PURE__ */
|
|
7675
|
+
return /* @__PURE__ */ import_react43.default.createElement(Card, {
|
|
7640
7676
|
dir: props.direction
|
|
7641
|
-
}, !props.sent ? /* @__PURE__ */
|
|
7677
|
+
}, !props.sent ? /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react43.default.createElement(CardHeader, null, /* @__PURE__ */ import_react43.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react43.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react43.default.createElement("form", {
|
|
7642
7678
|
onSubmit: handleSubmit(function(e) {
|
|
7643
7679
|
if (props.handleResetPassword) {
|
|
7644
7680
|
return props.handleResetPassword(e);
|
|
@@ -7646,16 +7682,16 @@ var ResetPasswordForm = function(props) {
|
|
|
7646
7682
|
console.log("Form is submitted but handleResetPassword prop is missing");
|
|
7647
7683
|
}
|
|
7648
7684
|
})
|
|
7649
|
-
}, /* @__PURE__ */
|
|
7685
|
+
}, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
|
|
7650
7686
|
headless: props.headless
|
|
7651
|
-
}, /* @__PURE__ */
|
|
7687
|
+
}, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form5.Controller, {
|
|
7652
7688
|
control: control,
|
|
7653
7689
|
name: "email",
|
|
7654
7690
|
render: function(param) /* @__PURE__ */ {
|
|
7655
7691
|
var field = param.field;
|
|
7656
7692
|
var _props_texts, _formState_errors_email, _props_texts1;
|
|
7657
7693
|
var _field_value;
|
|
7658
|
-
return
|
|
7694
|
+
return import_react43.default.createElement(Input, _object_spread_props(_object_spread({
|
|
7659
7695
|
width: "full",
|
|
7660
7696
|
type: "text",
|
|
7661
7697
|
label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel,
|
|
@@ -7665,22 +7701,22 @@ var ResetPasswordForm = function(props) {
|
|
|
7665
7701
|
value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
|
|
7666
7702
|
}));
|
|
7667
7703
|
}
|
|
7668
|
-
}), /* @__PURE__ */
|
|
7704
|
+
}), /* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7669
7705
|
className: "hawa-mt-2 hawa-pb-2 hawa-text-start hawa-text-sm dark:hawa-text-gray-300"
|
|
7670
|
-
}, (_props_texts_dontHaveAccount = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */
|
|
7706
|
+
}, (_props_texts_dontHaveAccount = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react43.default.createElement("span", {
|
|
7671
7707
|
onClick: props.handleRouteToRegister,
|
|
7672
7708
|
className: "clickable-link"
|
|
7673
|
-
}, (_props_texts_registerText = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))), /* @__PURE__ */
|
|
7709
|
+
}, (_props_texts_registerText = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))), /* @__PURE__ */ import_react43.default.createElement(CardFooter, null, /* @__PURE__ */ import_react43.default.createElement(Button, {
|
|
7674
7710
|
type: "submit",
|
|
7675
7711
|
className: "hawa-w-full"
|
|
7676
|
-
}, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword)))) : /* @__PURE__ */
|
|
7712
|
+
}, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword)))) : /* @__PURE__ */ import_react43.default.createElement(CardContent, {
|
|
7677
7713
|
headless: true
|
|
7678
|
-
}, /* @__PURE__ */
|
|
7714
|
+
}, /* @__PURE__ */ import_react43.default.createElement("div", {
|
|
7679
7715
|
className: "hawa-text-center"
|
|
7680
7716
|
}, (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.emailSentText)));
|
|
7681
7717
|
};
|
|
7682
7718
|
// components/blocks/auth/CodeConfirmation.tsx
|
|
7683
|
-
var
|
|
7719
|
+
var import_react44 = __toESM(require("react"));
|
|
7684
7720
|
var import_react_hook_form6 = require("react-hook-form");
|
|
7685
7721
|
var import_zod5 = require("@hookform/resolvers/zod");
|
|
7686
7722
|
var z5 = __toESM(require("zod"));
|
|
@@ -7697,19 +7733,19 @@ var CodeConfirmation = function(props) {
|
|
|
7697
7733
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
|
7698
7734
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState, setValue = _ref.setValue;
|
|
7699
7735
|
var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
|
|
7700
|
-
return /* @__PURE__ */
|
|
7736
|
+
return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, {
|
|
7701
7737
|
headless: true
|
|
7702
|
-
}, props.showError && /* @__PURE__ */
|
|
7738
|
+
}, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, {
|
|
7703
7739
|
title: props.errorTitle,
|
|
7704
7740
|
text: props.errorText,
|
|
7705
7741
|
severity: "error"
|
|
7706
|
-
}), /* @__PURE__ */
|
|
7742
|
+
}), /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7707
7743
|
className: "hawa-mb-4 dark:hawa-text-white"
|
|
7708
|
-
}, /* @__PURE__ */
|
|
7744
|
+
}, /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7709
7745
|
className: "hawa-text-lg hawa-font-bold"
|
|
7710
|
-
}, (_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__ */
|
|
7746
|
+
}, (_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_react44.default.createElement("div", {
|
|
7711
7747
|
className: "hawa-text-muted-foreground"
|
|
7712
|
-
}, /* @__PURE__ */
|
|
7748
|
+
}, /* @__PURE__ */ import_react44.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_react44.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react44.default.createElement("form", {
|
|
7713
7749
|
onSubmit: handleSubmit(function(e) {
|
|
7714
7750
|
if (props.handleConfirm) {
|
|
7715
7751
|
return props.handleConfirm(e);
|
|
@@ -7717,13 +7753,13 @@ var CodeConfirmation = function(props) {
|
|
|
7717
7753
|
console.log("Form is submitted but handleConfirm prop is missing");
|
|
7718
7754
|
}
|
|
7719
7755
|
})
|
|
7720
|
-
}, /* @__PURE__ */
|
|
7756
|
+
}, /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form6.Controller, {
|
|
7721
7757
|
control: control,
|
|
7722
7758
|
name: "otp_code",
|
|
7723
7759
|
render: function(param) {
|
|
7724
7760
|
var field = param.field;
|
|
7725
7761
|
var _formState_errors_otp_code;
|
|
7726
|
-
return /* @__PURE__ */
|
|
7762
|
+
return /* @__PURE__ */ import_react44.default.createElement(PinInput, {
|
|
7727
7763
|
width: "full",
|
|
7728
7764
|
digits: 6,
|
|
7729
7765
|
getPins: function(e) {
|
|
@@ -7732,34 +7768,34 @@ var CodeConfirmation = function(props) {
|
|
|
7732
7768
|
helperText: (_formState_errors_otp_code = formState.errors.otp_code) === null || _formState_errors_otp_code === void 0 ? void 0 : _formState_errors_otp_code.message
|
|
7733
7769
|
});
|
|
7734
7770
|
}
|
|
7735
|
-
}), /* @__PURE__ */
|
|
7771
|
+
}), /* @__PURE__ */ import_react44.default.createElement("div", {
|
|
7736
7772
|
className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground"
|
|
7737
|
-
}, /* @__PURE__ */
|
|
7773
|
+
}, /* @__PURE__ */ import_react44.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_react44.default.createElement("span", {
|
|
7738
7774
|
className: "clickable-link"
|
|
7739
|
-
}, (_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__ */
|
|
7775
|
+
}, (_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_react44.default.createElement("div", {
|
|
7740
7776
|
className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2"
|
|
7741
|
-
}, /* @__PURE__ */
|
|
7777
|
+
}, /* @__PURE__ */ import_react44.default.createElement(Button, {
|
|
7742
7778
|
variant: "secondary"
|
|
7743
|
-
}, (_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__ */
|
|
7779
|
+
}, (_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_react44.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")))));
|
|
7744
7780
|
};
|
|
7745
7781
|
// components/blocks/feedback/UserReferralSource.tsx
|
|
7746
|
-
var
|
|
7782
|
+
var import_react45 = __toESM(require("react"));
|
|
7747
7783
|
var import_clsx12 = __toESM(require("clsx"));
|
|
7748
7784
|
var UserReferralSource = function(_param) {
|
|
7749
7785
|
var _param_position = _param.position, position = _param_position === void 0 ? "bottom-right" : _param_position, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options, props = _object_without_properties(_param, [
|
|
7750
7786
|
"position",
|
|
7751
7787
|
"options"
|
|
7752
7788
|
]);
|
|
7753
|
-
var _ref = _sliced_to_array((0,
|
|
7754
|
-
var _ref1 = _sliced_to_array((0,
|
|
7755
|
-
var _ref2 = _sliced_to_array((0,
|
|
7756
|
-
var _ref3 = _sliced_to_array((0,
|
|
7757
|
-
var popUpRef = (0,
|
|
7789
|
+
var _ref = _sliced_to_array((0, import_react45.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
|
|
7790
|
+
var _ref1 = _sliced_to_array((0, import_react45.useState)(false), 2), answered = _ref1[0], setAnswered = _ref1[1];
|
|
7791
|
+
var _ref2 = _sliced_to_array((0, import_react45.useState)(null), 2), clickedOption = _ref2[0], setClickedOption = _ref2[1];
|
|
7792
|
+
var _ref3 = _sliced_to_array((0, import_react45.useState)(5), 2), closingTimer = _ref3[0], setClosingTimer = _ref3[1];
|
|
7793
|
+
var popUpRef = (0, import_react45.useRef)(null);
|
|
7758
7794
|
var boxPosition = {
|
|
7759
7795
|
"bottom-right": "hawa-right-4",
|
|
7760
7796
|
"bottom-left": "hawa-left-4"
|
|
7761
7797
|
};
|
|
7762
|
-
(0,
|
|
7798
|
+
(0, import_react45.useEffect)(function() {
|
|
7763
7799
|
var timeoutHide = setTimeout(function() {
|
|
7764
7800
|
if (closingTimer >= 0) {
|
|
7765
7801
|
setClosingTimer(closingTimer - 1);
|
|
@@ -7779,10 +7815,10 @@ var UserReferralSource = function(_param) {
|
|
|
7779
7815
|
}
|
|
7780
7816
|
}, 200);
|
|
7781
7817
|
};
|
|
7782
|
-
return /* @__PURE__ */
|
|
7818
|
+
return /* @__PURE__ */ import_react45.default.createElement(Card, {
|
|
7783
7819
|
ref: popUpRef,
|
|
7784
7820
|
className: (0, import_clsx12.default)("hawa-fixed hawa-bottom-4 hawa-p-0 ", boxPosition[position])
|
|
7785
|
-
}, /* @__PURE__ */
|
|
7821
|
+
}, /* @__PURE__ */ import_react45.default.createElement("button", {
|
|
7786
7822
|
type: "button",
|
|
7787
7823
|
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 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",
|
|
7788
7824
|
"data-dismiss-target": "#toast-default",
|
|
@@ -7790,47 +7826,47 @@ var UserReferralSource = function(_param) {
|
|
|
7790
7826
|
onClick: function() {
|
|
7791
7827
|
return slowClose();
|
|
7792
7828
|
}
|
|
7793
|
-
}, /* @__PURE__ */
|
|
7829
|
+
}, /* @__PURE__ */ import_react45.default.createElement("svg", {
|
|
7794
7830
|
"aria-hidden": "true",
|
|
7795
7831
|
className: "hawa-h-5 hawa-w-5",
|
|
7796
7832
|
fill: "currentColor",
|
|
7797
7833
|
viewBox: "0 0 20 20"
|
|
7798
|
-
}, /* @__PURE__ */
|
|
7834
|
+
}, /* @__PURE__ */ import_react45.default.createElement("path", {
|
|
7799
7835
|
fillRule: "evenodd",
|
|
7800
7836
|
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",
|
|
7801
7837
|
clipRule: "evenodd"
|
|
7802
|
-
}))), /* @__PURE__ */
|
|
7838
|
+
}))), /* @__PURE__ */ import_react45.default.createElement(CardContent, {
|
|
7803
7839
|
headless: true
|
|
7804
|
-
}, /* @__PURE__ */
|
|
7840
|
+
}, /* @__PURE__ */ import_react45.default.createElement("div", {
|
|
7805
7841
|
className: (0, import_clsx12.default)("hawa-flex hawa-flex-col hawa-gap-4", closed ? "hawa-opacity-0" : "hawa-opacity-100")
|
|
7806
|
-
}, /* @__PURE__ */
|
|
7842
|
+
}, /* @__PURE__ */ import_react45.default.createElement("div", {
|
|
7807
7843
|
className: "hawa-mt-4 hawa-font-bold"
|
|
7808
|
-
}, props.question), /* @__PURE__ */
|
|
7844
|
+
}, props.question), /* @__PURE__ */ import_react45.default.createElement("div", {
|
|
7809
7845
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded "
|
|
7810
|
-
}, /* @__PURE__ */
|
|
7846
|
+
}, /* @__PURE__ */ import_react45.default.createElement(Radio, {
|
|
7811
7847
|
orientation: "vertical",
|
|
7812
7848
|
options: options
|
|
7813
|
-
})), /* @__PURE__ */
|
|
7849
|
+
})), /* @__PURE__ */ import_react45.default.createElement("div", null, /* @__PURE__ */ import_react45.default.createElement(Textarea, null))), /* @__PURE__ */ import_react45.default.createElement(Button, {
|
|
7814
7850
|
className: "hawa-mt-4 hawa-w-full"
|
|
7815
7851
|
}, "Submit")));
|
|
7816
7852
|
};
|
|
7817
7853
|
// components/blocks/feedback/FeedbackRating.tsx
|
|
7818
|
-
var
|
|
7854
|
+
var import_react46 = __toESM(require("react"));
|
|
7819
7855
|
var import_clsx13 = __toESM(require("clsx"));
|
|
7820
7856
|
var FeedbackRating = function(_param) {
|
|
7821
7857
|
var _param_position = _param.position, position = _param_position === void 0 ? "bottom-right" : _param_position, props = _object_without_properties(_param, [
|
|
7822
7858
|
"position"
|
|
7823
7859
|
]);
|
|
7824
|
-
var _ref = _sliced_to_array((0,
|
|
7825
|
-
var _ref1 = _sliced_to_array((0,
|
|
7826
|
-
var _ref2 = _sliced_to_array((0,
|
|
7827
|
-
var _ref3 = _sliced_to_array((0,
|
|
7828
|
-
var popUpRef = (0,
|
|
7860
|
+
var _ref = _sliced_to_array((0, import_react46.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
|
|
7861
|
+
var _ref1 = _sliced_to_array((0, import_react46.useState)(false), 2), answered = _ref1[0], setAnswered = _ref1[1];
|
|
7862
|
+
var _ref2 = _sliced_to_array((0, import_react46.useState)(null), 2), clickedOption = _ref2[0], setClickedOption = _ref2[1];
|
|
7863
|
+
var _ref3 = _sliced_to_array((0, import_react46.useState)(5), 2), closingTimer = _ref3[0], setClosingTimer = _ref3[1];
|
|
7864
|
+
var popUpRef = (0, import_react46.useRef)(null);
|
|
7829
7865
|
var boxPosition = {
|
|
7830
7866
|
"bottom-right": "hawa-right-4",
|
|
7831
7867
|
"bottom-left": "hawa-left-4"
|
|
7832
7868
|
};
|
|
7833
|
-
(0,
|
|
7869
|
+
(0, import_react46.useEffect)(function() {
|
|
7834
7870
|
var timeoutHide = setTimeout(function() {
|
|
7835
7871
|
if (closingTimer >= 0) {
|
|
7836
7872
|
setClosingTimer(closingTimer - 1);
|
|
@@ -7850,14 +7886,14 @@ var FeedbackRating = function(_param) {
|
|
|
7850
7886
|
}
|
|
7851
7887
|
}, 200);
|
|
7852
7888
|
};
|
|
7853
|
-
return /* @__PURE__ */
|
|
7889
|
+
return /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7854
7890
|
ref: popUpRef,
|
|
7855
7891
|
className: (0, import_clsx13.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])
|
|
7856
|
-
}, /* @__PURE__ */
|
|
7892
|
+
}, /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7857
7893
|
className: (0, import_clsx13.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")
|
|
7858
|
-
}, /* @__PURE__ */
|
|
7894
|
+
}, /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7859
7895
|
className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm"
|
|
7860
|
-
}, props.title), /* @__PURE__ */
|
|
7896
|
+
}, props.title), /* @__PURE__ */ import_react46.default.createElement("button", {
|
|
7861
7897
|
type: "button",
|
|
7862
7898
|
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",
|
|
7863
7899
|
"data-dismiss-target": "#toast-default",
|
|
@@ -7865,21 +7901,21 @@ var FeedbackRating = function(_param) {
|
|
|
7865
7901
|
onClick: function() {
|
|
7866
7902
|
return slowClose();
|
|
7867
7903
|
}
|
|
7868
|
-
}, /* @__PURE__ */
|
|
7904
|
+
}, /* @__PURE__ */ import_react46.default.createElement("svg", {
|
|
7869
7905
|
"aria-hidden": "true",
|
|
7870
7906
|
className: "hawa-h-5 hawa-w-5",
|
|
7871
7907
|
fill: "currentColor",
|
|
7872
7908
|
viewBox: "0 0 20 20"
|
|
7873
|
-
}, /* @__PURE__ */
|
|
7909
|
+
}, /* @__PURE__ */ import_react46.default.createElement("path", {
|
|
7874
7910
|
fillRule: "evenodd",
|
|
7875
7911
|
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",
|
|
7876
7912
|
clipRule: "evenodd"
|
|
7877
|
-
}))), /* @__PURE__ */
|
|
7913
|
+
}))), /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7878
7914
|
className: "hawa-mt-8"
|
|
7879
|
-
}, props.question), /* @__PURE__ */
|
|
7915
|
+
}, props.question), /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7880
7916
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded"
|
|
7881
7917
|
}, props.options && props.options.map(function(op, i) {
|
|
7882
|
-
return /* @__PURE__ */
|
|
7918
|
+
return /* @__PURE__ */ import_react46.default.createElement("span", {
|
|
7883
7919
|
key: i,
|
|
7884
7920
|
onClick: function() {
|
|
7885
7921
|
if (props.onOptionClicked) {
|
|
@@ -7898,15 +7934,15 @@ var FeedbackRating = function(_param) {
|
|
|
7898
7934
|
},
|
|
7899
7935
|
className: (0, import_clsx13.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")
|
|
7900
7936
|
}, op);
|
|
7901
|
-
})), props.texts && /* @__PURE__ */
|
|
7937
|
+
})), props.texts && /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7902
7938
|
className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs"
|
|
7903
|
-
}, /* @__PURE__ */
|
|
7939
|
+
}, /* @__PURE__ */ import_react46.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react46.default.createElement("span", null, props.texts.most)), answered && /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7904
7940
|
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"
|
|
7905
|
-
}, /* @__PURE__ */
|
|
7941
|
+
}, /* @__PURE__ */ import_react46.default.createElement("span", {
|
|
7906
7942
|
className: "hawa-font-bold hawa-text-white"
|
|
7907
|
-
}, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */
|
|
7943
|
+
}, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react46.default.createElement("div", {
|
|
7908
7944
|
className: "hawa-flex hawa-flex-row hawa-gap-2"
|
|
7909
|
-
}, /* @__PURE__ */
|
|
7945
|
+
}, /* @__PURE__ */ import_react46.default.createElement(Button, {
|
|
7910
7946
|
variant: "secondary",
|
|
7911
7947
|
onClick: function() {
|
|
7912
7948
|
return slowClose();
|
|
@@ -7914,27 +7950,27 @@ var FeedbackRating = function(_param) {
|
|
|
7914
7950
|
}, "Close")))));
|
|
7915
7951
|
};
|
|
7916
7952
|
// components/blocks/feedback/FeedbackEmoji.tsx
|
|
7917
|
-
var
|
|
7953
|
+
var import_react47 = __toESM(require("react"));
|
|
7918
7954
|
var FeedbackEmoji = function(props) {
|
|
7919
|
-
var _ref = _sliced_to_array((0,
|
|
7920
|
-
var _ref1 = _sliced_to_array((0,
|
|
7921
|
-
var _ref2 = _sliced_to_array((0,
|
|
7922
|
-
var _ref3 = _sliced_to_array((0,
|
|
7955
|
+
var _ref = _sliced_to_array((0, import_react47.useState)(null), 2), selectedEmoji = _ref[0], setSelectedEmoji = _ref[1];
|
|
7956
|
+
var _ref1 = _sliced_to_array((0, import_react47.useState)(false), 2), loadingSubmit = _ref1[0], setLoadingSubmit = _ref1[1];
|
|
7957
|
+
var _ref2 = _sliced_to_array((0, import_react47.useState)(""), 2), feedbackText = _ref2[0], setFeedbackText = _ref2[1];
|
|
7958
|
+
var _ref3 = _sliced_to_array((0, import_react47.useState)(false), 2), helperText = _ref3[0], setHelperText = _ref3[1];
|
|
7923
7959
|
var emojis = [
|
|
7924
7960
|
{
|
|
7925
|
-
icon: /* @__PURE__ */
|
|
7961
|
+
icon: /* @__PURE__ */ import_react47.default.createElement(VeryGoodEmoji, null),
|
|
7926
7962
|
value: "very-good"
|
|
7927
7963
|
},
|
|
7928
7964
|
{
|
|
7929
|
-
icon: /* @__PURE__ */
|
|
7965
|
+
icon: /* @__PURE__ */ import_react47.default.createElement(GoodEmoji, null),
|
|
7930
7966
|
value: "good"
|
|
7931
7967
|
},
|
|
7932
7968
|
{
|
|
7933
|
-
icon: /* @__PURE__ */
|
|
7969
|
+
icon: /* @__PURE__ */ import_react47.default.createElement(BadEmoji, null),
|
|
7934
7970
|
value: "bad"
|
|
7935
7971
|
},
|
|
7936
7972
|
{
|
|
7937
|
-
icon: /* @__PURE__ */
|
|
7973
|
+
icon: /* @__PURE__ */ import_react47.default.createElement(VeryBadEmoji, null),
|
|
7938
7974
|
value: "very-bad"
|
|
7939
7975
|
}
|
|
7940
7976
|
];
|
|
@@ -8005,14 +8041,14 @@ var FeedbackEmoji = function(props) {
|
|
|
8005
8041
|
return _ref.apply(this, arguments);
|
|
8006
8042
|
};
|
|
8007
8043
|
}();
|
|
8008
|
-
return /* @__PURE__ */
|
|
8044
|
+
return /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8009
8045
|
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] ")
|
|
8010
|
-
}, /* @__PURE__ */
|
|
8046
|
+
}, /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8011
8047
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 "
|
|
8012
|
-
}, /* @__PURE__ */
|
|
8048
|
+
}, /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8013
8049
|
className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 "
|
|
8014
8050
|
}, emojis.map(function(emoji, i) {
|
|
8015
|
-
return /* @__PURE__ */
|
|
8051
|
+
return /* @__PURE__ */ import_react47.default.createElement(Button, {
|
|
8016
8052
|
key: i,
|
|
8017
8053
|
onClick: function() {
|
|
8018
8054
|
if (selectedEmoji === emoji.value) {
|
|
@@ -8025,29 +8061,29 @@ var FeedbackEmoji = function(props) {
|
|
|
8025
8061
|
size: "smallIcon",
|
|
8026
8062
|
className: cn(selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]")
|
|
8027
8063
|
}, emoji.icon);
|
|
8028
|
-
}))), /* @__PURE__ */
|
|
8064
|
+
}))), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8029
8065
|
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 ")
|
|
8030
|
-
}, props.showSuccess ? /* @__PURE__ */
|
|
8066
|
+
}, props.showSuccess ? /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8031
8067
|
className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4"
|
|
8032
|
-
}, /* @__PURE__ */
|
|
8068
|
+
}, /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8033
8069
|
className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground"
|
|
8034
|
-
}, /* @__PURE__ */
|
|
8070
|
+
}, /* @__PURE__ */ import_react47.default.createElement("svg", {
|
|
8035
8071
|
stroke: "currentColor",
|
|
8036
8072
|
fill: "currentColor",
|
|
8037
8073
|
strokeWidth: "0",
|
|
8038
8074
|
viewBox: "0 0 512 512",
|
|
8039
8075
|
height: "0.5em",
|
|
8040
8076
|
width: "0.5em"
|
|
8041
|
-
}, /* @__PURE__ */
|
|
8077
|
+
}, /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8042
8078
|
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"
|
|
8043
|
-
}))), /* @__PURE__ */
|
|
8079
|
+
}))), /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8044
8080
|
className: "hawa-text-sm hawa-flex hawa-flex-col hawa-text-center"
|
|
8045
|
-
}, /* @__PURE__ */
|
|
8081
|
+
}, /* @__PURE__ */ import_react47.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react47.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react47.default.createElement("div", {
|
|
8046
8082
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
|
8047
|
-
}, /* @__PURE__ */
|
|
8083
|
+
}, /* @__PURE__ */ import_react47.default.createElement(Popover, {
|
|
8048
8084
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
|
8049
8085
|
open: helperText,
|
|
8050
|
-
trigger: /* @__PURE__ */
|
|
8086
|
+
trigger: /* @__PURE__ */ import_react47.default.createElement(Textarea, {
|
|
8051
8087
|
className: cn("hawa-mb-2 hawa-h-full hawa-resize-none"),
|
|
8052
8088
|
placeholder: "Your feedback",
|
|
8053
8089
|
onChange: function(e) {
|
|
@@ -8058,9 +8094,9 @@ var FeedbackEmoji = function(props) {
|
|
|
8058
8094
|
console.log("changing to", e.target.value);
|
|
8059
8095
|
}
|
|
8060
8096
|
})
|
|
8061
|
-
}, /* @__PURE__ */
|
|
8097
|
+
}, /* @__PURE__ */ import_react47.default.createElement("span", {
|
|
8062
8098
|
className: "hawa-m-2"
|
|
8063
|
-
}, "Please enter your feedback"), " "), /* @__PURE__ */
|
|
8099
|
+
}, "Please enter your feedback"), " "), /* @__PURE__ */ import_react47.default.createElement(Button, {
|
|
8064
8100
|
isLoading: loadingSubmit,
|
|
8065
8101
|
onClick: onFeedbackSubmit,
|
|
8066
8102
|
className: "hawa-w-full",
|
|
@@ -8068,20 +8104,20 @@ var FeedbackEmoji = function(props) {
|
|
|
8068
8104
|
}, "Submit"))));
|
|
8069
8105
|
};
|
|
8070
8106
|
var VeryGoodEmoji = function() {
|
|
8071
|
-
return /* @__PURE__ */
|
|
8107
|
+
return /* @__PURE__ */ import_react47.default.createElement("svg", {
|
|
8072
8108
|
fill: "none",
|
|
8073
8109
|
height: "16",
|
|
8074
8110
|
viewBox: "0 0 16 16",
|
|
8075
8111
|
width: "16",
|
|
8076
8112
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8077
|
-
}, /* @__PURE__ */
|
|
8113
|
+
}, /* @__PURE__ */ import_react47.default.createElement("g", {
|
|
8078
8114
|
clipPath: "url(#clip0_53_166)"
|
|
8079
|
-
}, /* @__PURE__ */
|
|
8115
|
+
}, /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8080
8116
|
clipRule: "evenodd",
|
|
8081
8117
|
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",
|
|
8082
8118
|
fill: "currentColor",
|
|
8083
8119
|
fillRule: "evenodd"
|
|
8084
|
-
}), /* @__PURE__ */
|
|
8120
|
+
}), /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8085
8121
|
clipRule: "evenodd",
|
|
8086
8122
|
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",
|
|
8087
8123
|
fill: "#FF990A",
|
|
@@ -8089,15 +8125,15 @@ var VeryGoodEmoji = function() {
|
|
|
8089
8125
|
})));
|
|
8090
8126
|
};
|
|
8091
8127
|
var GoodEmoji = function() {
|
|
8092
|
-
return /* @__PURE__ */
|
|
8128
|
+
return /* @__PURE__ */ import_react47.default.createElement("svg", {
|
|
8093
8129
|
fill: "none",
|
|
8094
8130
|
height: "16",
|
|
8095
8131
|
viewBox: "0 0 16 16",
|
|
8096
8132
|
width: "16",
|
|
8097
8133
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8098
|
-
}, /* @__PURE__ */
|
|
8134
|
+
}, /* @__PURE__ */ import_react47.default.createElement("g", {
|
|
8099
8135
|
clipPath: "url(#clip0_53_167)"
|
|
8100
|
-
}, /* @__PURE__ */
|
|
8136
|
+
}, /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8101
8137
|
clipRule: "evenodd",
|
|
8102
8138
|
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",
|
|
8103
8139
|
fill: "currentColor",
|
|
@@ -8105,15 +8141,15 @@ var GoodEmoji = function() {
|
|
|
8105
8141
|
})));
|
|
8106
8142
|
};
|
|
8107
8143
|
var BadEmoji = function() {
|
|
8108
|
-
return /* @__PURE__ */
|
|
8144
|
+
return /* @__PURE__ */ import_react47.default.createElement("svg", {
|
|
8109
8145
|
fill: "none",
|
|
8110
8146
|
height: "16",
|
|
8111
8147
|
viewBox: "0 0 16 16",
|
|
8112
8148
|
width: "16",
|
|
8113
8149
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8114
|
-
}, /* @__PURE__ */
|
|
8150
|
+
}, /* @__PURE__ */ import_react47.default.createElement("g", {
|
|
8115
8151
|
clipPath: "url(#clip0_53_152)"
|
|
8116
|
-
}, /* @__PURE__ */
|
|
8152
|
+
}, /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8117
8153
|
clipRule: "evenodd",
|
|
8118
8154
|
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",
|
|
8119
8155
|
fill: "currentColor",
|
|
@@ -8121,18 +8157,18 @@ var BadEmoji = function() {
|
|
|
8121
8157
|
})));
|
|
8122
8158
|
};
|
|
8123
8159
|
var VeryBadEmoji = function() {
|
|
8124
|
-
return /* @__PURE__ */
|
|
8160
|
+
return /* @__PURE__ */ import_react47.default.createElement("svg", {
|
|
8125
8161
|
fill: "none",
|
|
8126
8162
|
height: "16",
|
|
8127
8163
|
viewBox: "0 0 16 16",
|
|
8128
8164
|
width: "16",
|
|
8129
8165
|
xmlns: "http://www.w3.org/2000/svg"
|
|
8130
|
-
}, /* @__PURE__ */
|
|
8166
|
+
}, /* @__PURE__ */ import_react47.default.createElement("g", {
|
|
8131
8167
|
clipPath: "url(#clip0_53_151)"
|
|
8132
|
-
}, /* @__PURE__ */
|
|
8168
|
+
}, /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8133
8169
|
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",
|
|
8134
8170
|
fill: "#0070F3"
|
|
8135
|
-
}), /* @__PURE__ */
|
|
8171
|
+
}), /* @__PURE__ */ import_react47.default.createElement("path", {
|
|
8136
8172
|
clipRule: "evenodd",
|
|
8137
8173
|
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",
|
|
8138
8174
|
fill: "currentColor",
|
|
@@ -8140,7 +8176,7 @@ var VeryBadEmoji = function() {
|
|
|
8140
8176
|
})));
|
|
8141
8177
|
};
|
|
8142
8178
|
// components/blocks/feedback/FeedbackForm.tsx
|
|
8143
|
-
var
|
|
8179
|
+
var import_react48 = __toESM(require("react"));
|
|
8144
8180
|
var import_react_hook_form7 = require("react-hook-form");
|
|
8145
8181
|
var import_zod6 = require("@hookform/resolvers/zod");
|
|
8146
8182
|
var z6 = __toESM(require("zod"));
|
|
@@ -8161,9 +8197,9 @@ var FeedbackForm = function(props) {
|
|
|
8161
8197
|
var _ref = (0, import_react_hook_form7.useForm)({
|
|
8162
8198
|
resolver: (0, import_zod6.zodResolver)(formSchema)
|
|
8163
8199
|
}), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
|
|
8164
|
-
return /* @__PURE__ */
|
|
8200
|
+
return /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(CardContent, {
|
|
8165
8201
|
headless: true
|
|
8166
|
-
}, /* @__PURE__ */
|
|
8202
|
+
}, /* @__PURE__ */ import_react48.default.createElement("form", {
|
|
8167
8203
|
onSubmit: handleSubmit(function(e) {
|
|
8168
8204
|
if (props.onSubmit) {
|
|
8169
8205
|
return props.onSubmit(e);
|
|
@@ -8172,13 +8208,13 @@ var FeedbackForm = function(props) {
|
|
|
8172
8208
|
}
|
|
8173
8209
|
}),
|
|
8174
8210
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
8175
|
-
}, /* @__PURE__ */
|
|
8211
|
+
}, /* @__PURE__ */ import_react48.default.createElement(Label2, null, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.requestType), /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form7.Controller, {
|
|
8176
8212
|
name: "requestType",
|
|
8177
8213
|
control: control,
|
|
8178
8214
|
render: function(param) {
|
|
8179
8215
|
var field = param.field;
|
|
8180
8216
|
var _formState_errors_requestType_message, _formState_errors_requestType;
|
|
8181
|
-
return /* @__PURE__ */
|
|
8217
|
+
return /* @__PURE__ */ import_react48.default.createElement(Select, _object_spread_props(_object_spread({}, field), {
|
|
8182
8218
|
onChange: function(option) {
|
|
8183
8219
|
return field.onChange(option.value);
|
|
8184
8220
|
},
|
|
@@ -8186,70 +8222,70 @@ var FeedbackForm = function(props) {
|
|
|
8186
8222
|
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()
|
|
8187
8223
|
}));
|
|
8188
8224
|
}
|
|
8189
|
-
}), /* @__PURE__ */
|
|
8225
|
+
}), /* @__PURE__ */ import_react48.default.createElement(Label2, null, props.texts.description), /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form7.Controller, {
|
|
8190
8226
|
name: "description",
|
|
8191
8227
|
control: control,
|
|
8192
8228
|
render: function(param) {
|
|
8193
8229
|
var field = param.field;
|
|
8194
8230
|
var _formState_errors_description_message, _formState_errors_description;
|
|
8195
|
-
return /* @__PURE__ */
|
|
8231
|
+
return /* @__PURE__ */ import_react48.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
|
|
8196
8232
|
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())
|
|
8197
8233
|
}));
|
|
8198
8234
|
}
|
|
8199
|
-
}), /* @__PURE__ */
|
|
8235
|
+
}), /* @__PURE__ */ import_react48.default.createElement(Button, {
|
|
8200
8236
|
type: "submit"
|
|
8201
8237
|
}, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit))));
|
|
8202
8238
|
};
|
|
8203
8239
|
// components/blocks/misc/LegalTexts.tsx
|
|
8204
|
-
var
|
|
8240
|
+
var import_react49 = __toESM(require("react"));
|
|
8205
8241
|
var LegalTexts = function(_param) {
|
|
8206
8242
|
var tabs = _param.tabs, props = _object_without_properties(_param, [
|
|
8207
8243
|
"tabs"
|
|
8208
8244
|
]);
|
|
8209
|
-
return /* @__PURE__ */
|
|
8245
|
+
return /* @__PURE__ */ import_react49.default.createElement(Tabs, {
|
|
8210
8246
|
value: props.activeTab,
|
|
8211
8247
|
onValueChange: props.handleTabChange,
|
|
8212
8248
|
defaultValue: props.defaultTab || tabs[0].value,
|
|
8213
8249
|
dir: props.direction
|
|
8214
|
-
}, /* @__PURE__ */
|
|
8250
|
+
}, /* @__PURE__ */ import_react49.default.createElement(TabsList, {
|
|
8215
8251
|
className: "hawa-w-full"
|
|
8216
8252
|
}, tabs.map(function(tab, index) {
|
|
8217
|
-
return /* @__PURE__ */
|
|
8253
|
+
return /* @__PURE__ */ import_react49.default.createElement(TabsTrigger, {
|
|
8218
8254
|
key: index,
|
|
8219
8255
|
value: tab.value
|
|
8220
8256
|
}, tab.title);
|
|
8221
8257
|
})), tabs.map(function(tab, index) {
|
|
8222
|
-
return /* @__PURE__ */
|
|
8258
|
+
return /* @__PURE__ */ import_react49.default.createElement(TabsContent, {
|
|
8223
8259
|
key: index,
|
|
8224
8260
|
value: tab.value
|
|
8225
|
-
}, /* @__PURE__ */
|
|
8261
|
+
}, /* @__PURE__ */ import_react49.default.createElement(ScrollArea, {
|
|
8226
8262
|
className: cn("hawa-p-4 hawa-rounded hawa-bg-muted hawa-border", props.scrollAreaClassName)
|
|
8227
8263
|
}, tab.content));
|
|
8228
8264
|
}));
|
|
8229
8265
|
};
|
|
8230
8266
|
// components/blocks/misc/EmptyState.tsx
|
|
8231
|
-
var
|
|
8267
|
+
var import_react50 = __toESM(require("react"));
|
|
8232
8268
|
var EmptyState = function(param) {
|
|
8233
8269
|
var texts = param.texts, onActionClick = param.onActionClick;
|
|
8234
8270
|
var _texts_youreCaughtUp, _texts_actionText;
|
|
8235
|
-
return /* @__PURE__ */
|
|
8271
|
+
return /* @__PURE__ */ import_react50.default.createElement(Card, null, /* @__PURE__ */ import_react50.default.createElement(CardContent, {
|
|
8236
8272
|
headless: true
|
|
8237
|
-
}, /* @__PURE__ */
|
|
8273
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8238
8274
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center "
|
|
8239
|
-
}, /* @__PURE__ */
|
|
8275
|
+
}, /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8240
8276
|
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"
|
|
8241
|
-
}, /* @__PURE__ */
|
|
8277
|
+
}, /* @__PURE__ */ import_react50.default.createElement("svg", {
|
|
8242
8278
|
stroke: "currentColor",
|
|
8243
8279
|
fill: "currentColor",
|
|
8244
8280
|
strokeWidth: "0",
|
|
8245
8281
|
viewBox: "0 0 512 512",
|
|
8246
8282
|
height: "0.35em",
|
|
8247
8283
|
width: "0.35em"
|
|
8248
|
-
}, /* @__PURE__ */
|
|
8284
|
+
}, /* @__PURE__ */ import_react50.default.createElement("path", {
|
|
8249
8285
|
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"
|
|
8250
|
-
}))), /* @__PURE__ */
|
|
8286
|
+
}))), /* @__PURE__ */ import_react50.default.createElement("div", {
|
|
8251
8287
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
8252
|
-
}, (_texts_youreCaughtUp = texts === null || texts === void 0 ? void 0 : texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */
|
|
8288
|
+
}, (_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_react50.default.createElement(CardFooter, null, /* @__PURE__ */ import_react50.default.createElement(Button, {
|
|
8253
8289
|
className: "hawa-w-full",
|
|
8254
8290
|
onClick: function() {
|
|
8255
8291
|
return onActionClick();
|
|
@@ -8257,36 +8293,36 @@ var EmptyState = function(param) {
|
|
|
8257
8293
|
}, (_texts_actionText = texts === null || texts === void 0 ? void 0 : texts.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
|
|
8258
8294
|
};
|
|
8259
8295
|
// components/blocks/misc/Testimonial.tsx
|
|
8260
|
-
var
|
|
8296
|
+
var import_react51 = __toESM(require("react"));
|
|
8261
8297
|
var Testimonial = function(props) {
|
|
8262
|
-
return /* @__PURE__ */
|
|
8298
|
+
return /* @__PURE__ */ import_react51.default.createElement(Card, null, /* @__PURE__ */ import_react51.default.createElement(CardContent, {
|
|
8263
8299
|
headless: true
|
|
8264
|
-
}, /* @__PURE__ */
|
|
8300
|
+
}, /* @__PURE__ */ import_react51.default.createElement("div", null, /* @__PURE__ */ import_react51.default.createElement("p", {
|
|
8265
8301
|
className: "mb-4 max-w-sm"
|
|
8266
|
-
}, "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__ */
|
|
8302
|
+
}, "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_react51.default.createElement("div", {
|
|
8267
8303
|
className: "flex flex-row gap-4"
|
|
8268
|
-
}, /* @__PURE__ */
|
|
8304
|
+
}, /* @__PURE__ */ import_react51.default.createElement("svg", {
|
|
8269
8305
|
width: "48",
|
|
8270
8306
|
height: "48",
|
|
8271
8307
|
viewBox: "0 0 48 48",
|
|
8272
8308
|
fill: "none"
|
|
8273
|
-
}, /* @__PURE__ */
|
|
8309
|
+
}, /* @__PURE__ */ import_react51.default.createElement("rect", {
|
|
8274
8310
|
width: "48",
|
|
8275
8311
|
height: "48",
|
|
8276
8312
|
rx: "24",
|
|
8277
8313
|
fill: "#45BE8B"
|
|
8278
|
-
}), /* @__PURE__ */
|
|
8314
|
+
}), /* @__PURE__ */ import_react51.default.createElement("path", {
|
|
8279
8315
|
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",
|
|
8280
8316
|
fill: "#FFFFFF"
|
|
8281
|
-
}), /* @__PURE__ */
|
|
8317
|
+
}), /* @__PURE__ */ import_react51.default.createElement("path", {
|
|
8282
8318
|
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",
|
|
8283
8319
|
fill: "#FFFFFF"
|
|
8284
|
-
})), /* @__PURE__ */
|
|
8320
|
+
})), /* @__PURE__ */ import_react51.default.createElement("span", {
|
|
8285
8321
|
className: "border border-l "
|
|
8286
|
-
}), " ", /* @__PURE__ */
|
|
8322
|
+
}), " ", /* @__PURE__ */ import_react51.default.createElement("div", null, /* @__PURE__ */ import_react51.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react51.default.createElement("div", null, " Chief Information Security Officer")))));
|
|
8287
8323
|
};
|
|
8288
8324
|
// components/blocks/misc/LeadGenerator.tsx
|
|
8289
|
-
var
|
|
8325
|
+
var import_react52 = __toESM(require("react"));
|
|
8290
8326
|
var import_react_hook_form8 = require("react-hook-form");
|
|
8291
8327
|
var LeadGenerator = function(param) {
|
|
8292
8328
|
var texts = param.texts, submitHandler = param.submitHandler;
|
|
@@ -8299,10 +8335,10 @@ var LeadGenerator = function(param) {
|
|
|
8299
8335
|
}
|
|
8300
8336
|
};
|
|
8301
8337
|
var _texts_submit;
|
|
8302
|
-
return /* @__PURE__ */
|
|
8338
|
+
return /* @__PURE__ */ import_react52.default.createElement(Card, null, /* @__PURE__ */ import_react52.default.createElement(CardHeader, null, /* @__PURE__ */ import_react52.default.createElement(CardTitle, null, texts === null || texts === void 0 ? void 0 : texts.title), /* @__PURE__ */ import_react52.default.createElement(CardDescription, null, texts === null || texts === void 0 ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react52.default.createElement(CardContent, null, /* @__PURE__ */ import_react52.default.createElement("form", {
|
|
8303
8339
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
8304
8340
|
onSubmit: handleSubmit(onSubmit)
|
|
8305
|
-
}, /* @__PURE__ */
|
|
8341
|
+
}, /* @__PURE__ */ import_react52.default.createElement(import_react_hook_form8.Controller, {
|
|
8306
8342
|
name: "email",
|
|
8307
8343
|
control: control,
|
|
8308
8344
|
rules: {
|
|
@@ -8315,32 +8351,32 @@ var LeadGenerator = function(param) {
|
|
|
8315
8351
|
defaultValue: "",
|
|
8316
8352
|
render: function(param) {
|
|
8317
8353
|
var field = param.field;
|
|
8318
|
-
return /* @__PURE__ */
|
|
8354
|
+
return /* @__PURE__ */ import_react52.default.createElement(Input, _object_spread_props(_object_spread({}, field), {
|
|
8319
8355
|
type: "email",
|
|
8320
8356
|
placeholder: "example@sikka.io"
|
|
8321
8357
|
}));
|
|
8322
8358
|
}
|
|
8323
|
-
}), /* @__PURE__ */
|
|
8359
|
+
}), /* @__PURE__ */ import_react52.default.createElement(Button, {
|
|
8324
8360
|
type: "submit",
|
|
8325
8361
|
disabled: !formState.isValid
|
|
8326
8362
|
}, (_texts_submit = texts === null || texts === void 0 ? void 0 : texts.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
|
|
8327
8363
|
};
|
|
8328
8364
|
// components/blocks/misc/Announcement.tsx
|
|
8329
|
-
var
|
|
8365
|
+
var import_react53 = __toESM(require("react"));
|
|
8330
8366
|
var Announcement = function(_param) {
|
|
8331
8367
|
var onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
|
|
8332
8368
|
"onActionClick"
|
|
8333
8369
|
]);
|
|
8334
|
-
return /* @__PURE__ */
|
|
8370
|
+
return /* @__PURE__ */ import_react53.default.createElement(Card, null, /* @__PURE__ */ import_react53.default.createElement(CardContent, {
|
|
8335
8371
|
headless: true,
|
|
8336
8372
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
|
8337
|
-
}, /* @__PURE__ */
|
|
8373
|
+
}, /* @__PURE__ */ import_react53.default.createElement("div", {
|
|
8338
8374
|
className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center "
|
|
8339
|
-
}, /* @__PURE__ */
|
|
8375
|
+
}, /* @__PURE__ */ import_react53.default.createElement("span", {
|
|
8340
8376
|
className: "hawa-text-lg hawa-font-bold"
|
|
8341
|
-
}, props.title), /* @__PURE__ */
|
|
8377
|
+
}, props.title), /* @__PURE__ */ import_react53.default.createElement("span", {
|
|
8342
8378
|
className: "hawa-text-sm"
|
|
8343
|
-
}, props.subtitle)), /* @__PURE__ */
|
|
8379
|
+
}, props.subtitle)), /* @__PURE__ */ import_react53.default.createElement(Button, {
|
|
8344
8380
|
onClick: function() {
|
|
8345
8381
|
return onActionClick();
|
|
8346
8382
|
},
|
|
@@ -8348,56 +8384,56 @@ var Announcement = function(_param) {
|
|
|
8348
8384
|
}, props.actionText)));
|
|
8349
8385
|
};
|
|
8350
8386
|
// components/blocks/misc/NotFound.tsx
|
|
8351
|
-
var
|
|
8387
|
+
var import_react54 = __toESM(require("react"));
|
|
8352
8388
|
var NotFound = function(param) {
|
|
8353
8389
|
var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
|
|
8354
8390
|
var _texts_pageNotFound, _texts_ifLost, _texts_home;
|
|
8355
|
-
return /* @__PURE__ */
|
|
8391
|
+
return /* @__PURE__ */ import_react54.default.createElement(Card, null, /* @__PURE__ */ import_react54.default.createElement(CardContent, {
|
|
8356
8392
|
headless: true
|
|
8357
|
-
}, /* @__PURE__ */
|
|
8393
|
+
}, /* @__PURE__ */ import_react54.default.createElement("div", {
|
|
8358
8394
|
className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white"
|
|
8359
|
-
}, /* @__PURE__ */
|
|
8395
|
+
}, /* @__PURE__ */ import_react54.default.createElement("div", {
|
|
8360
8396
|
className: "hawa-text-center hawa-text-6xl hawa-font-bold "
|
|
8361
|
-
}, "404"), /* @__PURE__ */
|
|
8397
|
+
}, "404"), /* @__PURE__ */ import_react54.default.createElement("div", {
|
|
8362
8398
|
className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold "
|
|
8363
|
-
}, (_texts_pageNotFound = texts === null || texts === void 0 ? void 0 : texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */
|
|
8399
|
+
}, (_texts_pageNotFound = texts === null || texts === void 0 ? void 0 : texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react54.default.createElement("div", {
|
|
8364
8400
|
className: "hawa-mb-4 hawa-text-center"
|
|
8365
|
-
}, (_texts_ifLost = texts === null || texts === void 0 ? void 0 : texts.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */
|
|
8401
|
+
}, (_texts_ifLost = texts === null || texts === void 0 ? void 0 : texts.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react54.default.createElement("span", {
|
|
8366
8402
|
className: "clickable-link"
|
|
8367
|
-
}, "help@sikka.io"))), /* @__PURE__ */
|
|
8403
|
+
}, "help@sikka.io"))), /* @__PURE__ */ import_react54.default.createElement(Button, {
|
|
8368
8404
|
className: "hawa-w-full"
|
|
8369
8405
|
}, (_texts_home = texts === null || texts === void 0 ? void 0 : texts.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
|
|
8370
8406
|
};
|
|
8371
8407
|
// components/blocks/misc/NoPermission.tsx
|
|
8372
|
-
var
|
|
8408
|
+
var import_react55 = __toESM(require("react"));
|
|
8373
8409
|
var NoPermission = function(param) {
|
|
8374
8410
|
var texts = param.texts;
|
|
8375
8411
|
var _texts_title, _texts_subtitle;
|
|
8376
|
-
return /* @__PURE__ */
|
|
8412
|
+
return /* @__PURE__ */ import_react55.default.createElement(Card, null, /* @__PURE__ */ import_react55.default.createElement(CardContent, {
|
|
8377
8413
|
headless: true
|
|
8378
|
-
}, /* @__PURE__ */
|
|
8414
|
+
}, /* @__PURE__ */ import_react55.default.createElement("div", {
|
|
8379
8415
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
|
|
8380
|
-
}, /* @__PURE__ */
|
|
8416
|
+
}, /* @__PURE__ */ import_react55.default.createElement("div", {
|
|
8381
8417
|
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"
|
|
8382
|
-
}, /* @__PURE__ */
|
|
8418
|
+
}, /* @__PURE__ */ import_react55.default.createElement("svg", {
|
|
8383
8419
|
stroke: "currentColor",
|
|
8384
8420
|
fill: "currentColor",
|
|
8385
8421
|
strokeWidth: "0",
|
|
8386
8422
|
viewBox: "0 0 448 512",
|
|
8387
8423
|
height: "0.35em",
|
|
8388
8424
|
width: "0.35em"
|
|
8389
|
-
}, /* @__PURE__ */
|
|
8425
|
+
}, /* @__PURE__ */ import_react55.default.createElement("path", {
|
|
8390
8426
|
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"
|
|
8391
|
-
})), " "), /* @__PURE__ */
|
|
8427
|
+
})), " "), /* @__PURE__ */ import_react55.default.createElement("div", {
|
|
8392
8428
|
className: "hawa-m-2 hawa-text-xl hawa-font-bold"
|
|
8393
|
-
}, (_texts_title = texts === null || texts === void 0 ? void 0 : texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */
|
|
8429
|
+
}, (_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_react55.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"))));
|
|
8394
8430
|
};
|
|
8395
8431
|
// components/blocks/pricing/PricingPlans.tsx
|
|
8396
|
-
var
|
|
8432
|
+
var import_react56 = __toESM(require("react"));
|
|
8397
8433
|
var PricingPlans = function(props) {
|
|
8398
|
-
return /* @__PURE__ */
|
|
8434
|
+
return /* @__PURE__ */ import_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.default.createElement("div", {
|
|
8399
8435
|
className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
|
|
8400
|
-
}, /* @__PURE__ */
|
|
8436
|
+
}, /* @__PURE__ */ import_react56.default.createElement(Radio, {
|
|
8401
8437
|
design: "tabs",
|
|
8402
8438
|
defaultValue: props.currentCycle,
|
|
8403
8439
|
options: props.billingCycles,
|
|
@@ -8406,7 +8442,7 @@ var PricingPlans = function(props) {
|
|
|
8406
8442
|
props.onCycleChange(e);
|
|
8407
8443
|
}
|
|
8408
8444
|
}
|
|
8409
|
-
}), /* @__PURE__ */
|
|
8445
|
+
}), /* @__PURE__ */ import_react56.default.createElement(Radio, {
|
|
8410
8446
|
design: "tabs",
|
|
8411
8447
|
defaultValue: props.currentCurrency,
|
|
8412
8448
|
options: props.currencies,
|
|
@@ -8415,10 +8451,10 @@ var PricingPlans = function(props) {
|
|
|
8415
8451
|
props.onCurrencyChange(e);
|
|
8416
8452
|
}
|
|
8417
8453
|
}
|
|
8418
|
-
})), /* @__PURE__ */
|
|
8454
|
+
})), /* @__PURE__ */ import_react56.default.createElement("div", {
|
|
8419
8455
|
className: "hawa-flex hawa-flex-row hawa-justify-between"
|
|
8420
8456
|
}, props.plans.map(function(plan, index) {
|
|
8421
|
-
return /* @__PURE__ */
|
|
8457
|
+
return /* @__PURE__ */ import_react56.default.createElement(PricingCard, _object_spread_props(_object_spread({
|
|
8422
8458
|
key: index,
|
|
8423
8459
|
onPlanClicked: function() {
|
|
8424
8460
|
if (props.onPlanClicked) {
|
|
@@ -8439,26 +8475,26 @@ var PricingPlans = function(props) {
|
|
|
8439
8475
|
})));
|
|
8440
8476
|
};
|
|
8441
8477
|
// components/blocks/pricing/ComparingPlans.tsx
|
|
8442
|
-
var
|
|
8478
|
+
var import_react57 = __toESM(require("react"));
|
|
8443
8479
|
var CheckMark = function() {
|
|
8444
|
-
return /* @__PURE__ */
|
|
8480
|
+
return /* @__PURE__ */ import_react57.default.createElement("svg", {
|
|
8445
8481
|
className: "hawa-h-5 hawa-w-5 hawa-text-green-500",
|
|
8446
8482
|
"aria-hidden": "true",
|
|
8447
8483
|
fill: "currentColor",
|
|
8448
8484
|
viewBox: "0 0 20 20"
|
|
8449
|
-
}, /* @__PURE__ */
|
|
8485
|
+
}, /* @__PURE__ */ import_react57.default.createElement("path", {
|
|
8450
8486
|
fillRule: "evenodd",
|
|
8451
8487
|
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",
|
|
8452
8488
|
clipRule: "evenodd"
|
|
8453
8489
|
}));
|
|
8454
8490
|
};
|
|
8455
8491
|
var UncheckMark = function() {
|
|
8456
|
-
return /* @__PURE__ */
|
|
8492
|
+
return /* @__PURE__ */ import_react57.default.createElement("svg", {
|
|
8457
8493
|
className: "hawa-h-5 hawa-w-5 hawa-text-red-500",
|
|
8458
8494
|
"aria-hidden": "true",
|
|
8459
8495
|
fill: "currentColor",
|
|
8460
8496
|
viewBox: "0 0 20 20"
|
|
8461
|
-
}, /* @__PURE__ */
|
|
8497
|
+
}, /* @__PURE__ */ import_react57.default.createElement("path", {
|
|
8462
8498
|
fillRule: "evenodd",
|
|
8463
8499
|
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",
|
|
8464
8500
|
clipRule: "evenodd"
|
|
@@ -8466,14 +8502,14 @@ var UncheckMark = function() {
|
|
|
8466
8502
|
};
|
|
8467
8503
|
var ComparingPlans = function(props) {
|
|
8468
8504
|
var _props_plans;
|
|
8469
|
-
var _ref = _sliced_to_array((0,
|
|
8470
|
-
var _ref1 = _sliced_to_array((0,
|
|
8471
|
-
return /* @__PURE__ */
|
|
8505
|
+
var _ref = _sliced_to_array((0, import_react57.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
|
|
8506
|
+
var _ref1 = _sliced_to_array((0, import_react57.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
|
|
8507
|
+
return /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8472
8508
|
id: "detailed-pricing",
|
|
8473
8509
|
className: "hawa-w-full hawa-overflow-x-auto"
|
|
8474
|
-
}, /* @__PURE__ */
|
|
8510
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8475
8511
|
className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
|
|
8476
|
-
}, /* @__PURE__ */
|
|
8512
|
+
}, /* @__PURE__ */ import_react57.default.createElement(Radio, {
|
|
8477
8513
|
design: "tabs",
|
|
8478
8514
|
defaultValue: currentCycle,
|
|
8479
8515
|
options: props.billingCycles,
|
|
@@ -8484,7 +8520,7 @@ var ComparingPlans = function(props) {
|
|
|
8484
8520
|
console.log("onCycleChange was not provided");
|
|
8485
8521
|
}
|
|
8486
8522
|
}
|
|
8487
|
-
}), /* @__PURE__ */
|
|
8523
|
+
}), /* @__PURE__ */ import_react57.default.createElement(Radio, {
|
|
8488
8524
|
design: "tabs",
|
|
8489
8525
|
defaultValue: currentCurrency,
|
|
8490
8526
|
options: props.currencies,
|
|
@@ -8495,56 +8531,56 @@ var ComparingPlans = function(props) {
|
|
|
8495
8531
|
console.log("onCurrencyChange was not provided");
|
|
8496
8532
|
}
|
|
8497
8533
|
}
|
|
8498
|
-
})), /* @__PURE__ */
|
|
8534
|
+
})), /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8499
8535
|
className: " hawa-overflow-hidden hawa-rounded"
|
|
8500
|
-
}, /* @__PURE__ */
|
|
8536
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8501
8537
|
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"
|
|
8502
|
-
}, /* @__PURE__ */
|
|
8538
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8503
8539
|
className: "hawa-flex hawa-items-center"
|
|
8504
8540
|
}), props.plans.map(function(plan, i) {
|
|
8505
|
-
return /* @__PURE__ */
|
|
8541
|
+
return /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8506
8542
|
key: i
|
|
8507
|
-
}, /* @__PURE__ */
|
|
8543
|
+
}, /* @__PURE__ */ import_react57.default.createElement("h5", {
|
|
8508
8544
|
className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8509
|
-
}, plan.texts.title), /* @__PURE__ */
|
|
8545
|
+
}, plan.texts.title), /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8510
8546
|
className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white"
|
|
8511
|
-
}, /* @__PURE__ */
|
|
8547
|
+
}, /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement("span", {
|
|
8512
8548
|
className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight"
|
|
8513
|
-
}, plan.price), /* @__PURE__ */
|
|
8549
|
+
}, plan.price), /* @__PURE__ */ import_react57.default.createElement("span", {
|
|
8514
8550
|
className: "hawa-mx-1 hawa-text-sm hawa-font-semibold"
|
|
8515
|
-
}, plan.texts.currencyText)), /* @__PURE__ */
|
|
8551
|
+
}, plan.texts.currencyText)), /* @__PURE__ */ import_react57.default.createElement("span", {
|
|
8516
8552
|
className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8517
|
-
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */
|
|
8553
|
+
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react57.default.createElement("h5", {
|
|
8518
8554
|
className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8519
8555
|
}, plan.texts.subtitle));
|
|
8520
8556
|
})), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
|
|
8521
8557
|
return plan.features.map(function(feature, j) {
|
|
8522
|
-
return /* @__PURE__ */
|
|
8558
|
+
return /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8523
8559
|
key: j,
|
|
8524
8560
|
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"
|
|
8525
|
-
}, /* @__PURE__ */
|
|
8561
|
+
}, /* @__PURE__ */ import_react57.default.createElement("div", {
|
|
8526
8562
|
className: " hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-gray-400"
|
|
8527
|
-
}, feature.text, feature.description && /* @__PURE__ */
|
|
8563
|
+
}, feature.text, feature.description && /* @__PURE__ */ import_react57.default.createElement(Tooltip, {
|
|
8528
8564
|
side: "right",
|
|
8529
8565
|
content: feature.description
|
|
8530
|
-
}, /* @__PURE__ */
|
|
8566
|
+
}, /* @__PURE__ */ import_react57.default.createElement("svg", {
|
|
8531
8567
|
stroke: "currentColor",
|
|
8532
8568
|
fill: "currentColor",
|
|
8533
8569
|
strokeWidth: "0",
|
|
8534
8570
|
viewBox: "0 0 16 16",
|
|
8535
8571
|
height: "1em",
|
|
8536
8572
|
width: "1em"
|
|
8537
|
-
}, /* @__PURE__ */
|
|
8573
|
+
}, /* @__PURE__ */ import_react57.default.createElement("path", {
|
|
8538
8574
|
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"
|
|
8539
|
-
})))), /* @__PURE__ */
|
|
8575
|
+
})))), /* @__PURE__ */ import_react57.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react57.default.createElement(CheckMark, null), /* @__PURE__ */ import_react57.default.createElement(UncheckMark, null));
|
|
8540
8576
|
});
|
|
8541
8577
|
})));
|
|
8542
8578
|
};
|
|
8543
8579
|
// components/blocks/pricing/HorizontalPricing.tsx
|
|
8544
|
-
var
|
|
8580
|
+
var import_react58 = __toESM(require("react"));
|
|
8545
8581
|
var import_clsx14 = __toESM(require("clsx"));
|
|
8546
8582
|
var HorizontalPricing = function(props) {
|
|
8547
|
-
var _ref = _sliced_to_array((0,
|
|
8583
|
+
var _ref = _sliced_to_array((0, import_react58.useState)(""), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
|
|
8548
8584
|
var data = [
|
|
8549
8585
|
{
|
|
8550
8586
|
title: "basic",
|
|
@@ -8562,96 +8598,96 @@ var HorizontalPricing = function(props) {
|
|
|
8562
8598
|
cycle: "/mo"
|
|
8563
8599
|
}
|
|
8564
8600
|
];
|
|
8565
|
-
return /* @__PURE__ */
|
|
8601
|
+
return /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8566
8602
|
className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm"
|
|
8567
|
-
}, /* @__PURE__ */
|
|
8603
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8568
8604
|
className: "hawa-max-w-2xl "
|
|
8569
|
-
}, /* @__PURE__ */
|
|
8605
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8570
8606
|
className: "hawa-flex hawa-flex-row hawa-justify-between"
|
|
8571
|
-
}, /* @__PURE__ */
|
|
8607
|
+
}, /* @__PURE__ */ import_react58.default.createElement(Radio, {
|
|
8572
8608
|
design: "tabs",
|
|
8573
8609
|
options: props.currencies,
|
|
8574
8610
|
defaultValue: props.currentCurrency
|
|
8575
|
-
}), /* @__PURE__ */
|
|
8611
|
+
}), /* @__PURE__ */ import_react58.default.createElement(Radio, {
|
|
8576
8612
|
design: "tabs",
|
|
8577
8613
|
options: props.billingCycles,
|
|
8578
8614
|
defaultValue: props.currentCycle
|
|
8579
8615
|
})), data.map(function(d, i) {
|
|
8580
|
-
return /* @__PURE__ */
|
|
8616
|
+
return /* @__PURE__ */ import_react58.default.createElement("label", {
|
|
8581
8617
|
key: i,
|
|
8582
8618
|
htmlFor: d.title,
|
|
8583
8619
|
className: "",
|
|
8584
8620
|
onClick: function() {
|
|
8585
8621
|
return setSelectedCard(d.title);
|
|
8586
8622
|
}
|
|
8587
|
-
}, /* @__PURE__ */
|
|
8623
|
+
}, /* @__PURE__ */ import_react58.default.createElement("input", {
|
|
8588
8624
|
type: "radio",
|
|
8589
8625
|
name: "radio",
|
|
8590
8626
|
id: d.title,
|
|
8591
8627
|
className: "hawa-peer hawa-appearance-none"
|
|
8592
|
-
}), /* @__PURE__ */
|
|
8628
|
+
}), /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8593
8629
|
className: (0, import_clsx14.default)(selectedCard === d.title ? "peer-checked:hawa-border-blue-500" : "", "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")
|
|
8594
|
-
}, /* @__PURE__ */
|
|
8630
|
+
}, /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8595
8631
|
className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4"
|
|
8596
|
-
}, /* @__PURE__ */
|
|
8632
|
+
}, /* @__PURE__ */ import_react58.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react58.default.createElement(CardText, {
|
|
8597
8633
|
title: "Enterprise",
|
|
8598
8634
|
subtitle: "For startups and new businesses"
|
|
8599
|
-
})), /* @__PURE__ */
|
|
8635
|
+
})), /* @__PURE__ */ import_react58.default.createElement(CardPrice, {
|
|
8600
8636
|
amount: d.price,
|
|
8601
8637
|
cycle: d.cycle
|
|
8602
8638
|
})));
|
|
8603
8639
|
})));
|
|
8604
8640
|
};
|
|
8605
8641
|
var CheckIcons = function() {
|
|
8606
|
-
return /* @__PURE__ */
|
|
8642
|
+
return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement("svg", {
|
|
8607
8643
|
fill: "none",
|
|
8608
8644
|
viewBox: "0 0 24 24",
|
|
8609
8645
|
strokeWidth: "1.5",
|
|
8610
8646
|
stroke: "currentColor",
|
|
8611
8647
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
|
8612
|
-
}, /* @__PURE__ */
|
|
8648
|
+
}, /* @__PURE__ */ import_react58.default.createElement("path", {
|
|
8613
8649
|
strokeLinecap: "round",
|
|
8614
8650
|
strokeLinejoin: "round",
|
|
8615
8651
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
8616
|
-
})), /* @__PURE__ */
|
|
8652
|
+
})), /* @__PURE__ */ import_react58.default.createElement("svg", {
|
|
8617
8653
|
viewBox: "0 0 24 24",
|
|
8618
8654
|
fill: "currentColor",
|
|
8619
8655
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
|
8620
|
-
}, /* @__PURE__ */
|
|
8656
|
+
}, /* @__PURE__ */ import_react58.default.createElement("path", {
|
|
8621
8657
|
fillRule: "evenodd",
|
|
8622
8658
|
clipRule: "evenodd",
|
|
8623
8659
|
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"
|
|
8624
8660
|
})));
|
|
8625
8661
|
};
|
|
8626
8662
|
var CardText = function(props) {
|
|
8627
|
-
return /* @__PURE__ */
|
|
8663
|
+
return /* @__PURE__ */ import_react58.default.createElement("div", {
|
|
8628
8664
|
className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start "
|
|
8629
|
-
}, /* @__PURE__ */
|
|
8665
|
+
}, /* @__PURE__ */ import_react58.default.createElement("h2", {
|
|
8630
8666
|
className: "hawa-font-medium hawa-text-neutral-700 dark:hawa-text-gray-100 sm:hawa-text-xl"
|
|
8631
|
-
}, props.title), /* @__PURE__ */
|
|
8667
|
+
}, props.title), /* @__PURE__ */ import_react58.default.createElement("p", {
|
|
8632
8668
|
className: "hawa-text-sm hawa-text-neutral-500 dark:hawa-text-gray-300"
|
|
8633
8669
|
}, props.subtitle, " "));
|
|
8634
8670
|
};
|
|
8635
8671
|
var CardPrice = function(props) {
|
|
8636
|
-
return /* @__PURE__ */
|
|
8672
|
+
return /* @__PURE__ */ import_react58.default.createElement("h2", {
|
|
8637
8673
|
className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-neutral-900 dark:hawa-text-white sm:hawa-text-2xl"
|
|
8638
|
-
}, props.amount, /* @__PURE__ */
|
|
8674
|
+
}, props.amount, /* @__PURE__ */ import_react58.default.createElement("span", {
|
|
8639
8675
|
className: "hawa-text-base hawa-font-medium hawa-text-neutral-400"
|
|
8640
8676
|
}, props.cycle));
|
|
8641
8677
|
};
|
|
8642
8678
|
// components/blocks/Usage.tsx
|
|
8643
|
-
var
|
|
8679
|
+
var import_react59 = __toESM(require("react"));
|
|
8644
8680
|
var Usage = function(props) {
|
|
8645
8681
|
var _props_percent;
|
|
8646
|
-
return /* @__PURE__ */
|
|
8682
|
+
return /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8647
8683
|
className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4"
|
|
8648
|
-
}, /* @__PURE__ */
|
|
8684
|
+
}, /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8649
8685
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
|
|
8650
|
-
}, /* @__PURE__ */
|
|
8686
|
+
}, /* @__PURE__ */ import_react59.default.createElement("span", {
|
|
8651
8687
|
className: "hawa-bg-white-200"
|
|
8652
|
-
}, props.title), props.tooltip && /* @__PURE__ */
|
|
8688
|
+
}, props.title), props.tooltip && /* @__PURE__ */ import_react59.default.createElement(Tooltip, {
|
|
8653
8689
|
content: props.tooltip
|
|
8654
|
-
}, /* @__PURE__ */
|
|
8690
|
+
}, /* @__PURE__ */ import_react59.default.createElement("svg", {
|
|
8655
8691
|
stroke: "currentColor",
|
|
8656
8692
|
"aria-label": "Exclamation Circle",
|
|
8657
8693
|
fill: "currentColor",
|
|
@@ -8659,28 +8695,28 @@ var Usage = function(props) {
|
|
|
8659
8695
|
viewBox: "0 0 16 16",
|
|
8660
8696
|
height: "1em",
|
|
8661
8697
|
width: "1em"
|
|
8662
|
-
}, /* @__PURE__ */
|
|
8698
|
+
}, /* @__PURE__ */ import_react59.default.createElement("path", {
|
|
8663
8699
|
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"
|
|
8664
|
-
})))), /* @__PURE__ */
|
|
8700
|
+
})))), /* @__PURE__ */ import_react59.default.createElement("div", {
|
|
8665
8701
|
className: "hawa-bg-white-100 hawa-flex hawa-flex-row"
|
|
8666
|
-
}, /* @__PURE__ */
|
|
8702
|
+
}, /* @__PURE__ */ import_react59.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react59.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react59.default.createElement(Progress, {
|
|
8667
8703
|
value: (_props_percent = props.percent) !== null && _props_percent !== void 0 ? _props_percent : 0
|
|
8668
8704
|
}));
|
|
8669
8705
|
};
|
|
8670
8706
|
// components/hooks/useDiscloser.ts
|
|
8671
|
-
var import_react59 = require("react");
|
|
8672
|
-
// components/hooks/useHover.ts
|
|
8673
8707
|
var import_react60 = require("react");
|
|
8674
|
-
// components/hooks/
|
|
8708
|
+
// components/hooks/useHover.ts
|
|
8675
8709
|
var import_react61 = require("react");
|
|
8676
|
-
// components/hooks/
|
|
8710
|
+
// components/hooks/useCarousel.ts
|
|
8677
8711
|
var import_react62 = require("react");
|
|
8712
|
+
// components/hooks/useWindowSize.ts
|
|
8713
|
+
var import_react63 = require("react");
|
|
8678
8714
|
var useWindowSize = function() {
|
|
8679
|
-
var _ref = _sliced_to_array((0,
|
|
8715
|
+
var _ref = _sliced_to_array((0, import_react63.useState)({
|
|
8680
8716
|
width: void 0,
|
|
8681
8717
|
height: void 0
|
|
8682
8718
|
}), 2), windowSize = _ref[0], setWindowSize = _ref[1];
|
|
8683
|
-
(0,
|
|
8719
|
+
(0, import_react63.useEffect)(function() {
|
|
8684
8720
|
var handleResize = function handleResize() {
|
|
8685
8721
|
setWindowSize({
|
|
8686
8722
|
width: window.innerWidth,
|
|
@@ -8696,7 +8732,7 @@ var useWindowSize = function() {
|
|
|
8696
8732
|
return windowSize;
|
|
8697
8733
|
};
|
|
8698
8734
|
// components/hooks/useFocusWithin.ts
|
|
8699
|
-
var
|
|
8735
|
+
var import_react64 = require("react");
|
|
8700
8736
|
function containsRelatedTarget(event) {
|
|
8701
8737
|
if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
|
|
8702
8738
|
return event.currentTarget.contains(event.relatedTarget);
|
|
@@ -8705,9 +8741,9 @@ function containsRelatedTarget(event) {
|
|
|
8705
8741
|
}
|
|
8706
8742
|
function useFocusWithin() {
|
|
8707
8743
|
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
|
|
8708
|
-
var ref = (0,
|
|
8709
|
-
var _ref1 = _sliced_to_array((0,
|
|
8710
|
-
var focusedRef = (0,
|
|
8744
|
+
var ref = (0, import_react64.useRef)(null);
|
|
8745
|
+
var _ref1 = _sliced_to_array((0, import_react64.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
|
|
8746
|
+
var focusedRef = (0, import_react64.useRef)(false);
|
|
8711
8747
|
var setFocused = function(value) {
|
|
8712
8748
|
_setFocused(value);
|
|
8713
8749
|
focusedRef.current = value;
|
|
@@ -8724,7 +8760,7 @@ function useFocusWithin() {
|
|
|
8724
8760
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
8725
8761
|
}
|
|
8726
8762
|
};
|
|
8727
|
-
(0,
|
|
8763
|
+
(0, import_react64.useEffect)(function() {
|
|
8728
8764
|
if (ref.current) {
|
|
8729
8765
|
ref.current.addEventListener("focusin", handleFocusIn);
|
|
8730
8766
|
ref.current.addEventListener("focusout", handleFocusOut);
|
|
@@ -8745,7 +8781,7 @@ function useFocusWithin() {
|
|
|
8745
8781
|
};
|
|
8746
8782
|
}
|
|
8747
8783
|
// components/hooks/useMediaQuery.ts
|
|
8748
|
-
var
|
|
8784
|
+
var import_react65 = require("react");
|
|
8749
8785
|
function attachMediaListener(query, callback) {
|
|
8750
8786
|
try {
|
|
8751
8787
|
query.addEventListener("change", callback);
|
|
@@ -8772,9 +8808,9 @@ function useMediaQuery(query, initialValue) {
|
|
|
8772
8808
|
var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
|
|
8773
8809
|
getInitialValueInEffect: true
|
|
8774
8810
|
}).getInitialValueInEffect;
|
|
8775
|
-
var _ref = _sliced_to_array((0,
|
|
8776
|
-
var queryRef = (0,
|
|
8777
|
-
(0,
|
|
8811
|
+
var _ref = _sliced_to_array((0, import_react65.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
|
|
8812
|
+
var queryRef = (0, import_react65.useRef)();
|
|
8813
|
+
(0, import_react65.useEffect)(function() {
|
|
8778
8814
|
if ("matchMedia" in window) {
|
|
8779
8815
|
queryRef.current = window.matchMedia(query);
|
|
8780
8816
|
setMatches(queryRef.current.matches);
|
|
@@ -8789,15 +8825,15 @@ function useMediaQuery(query, initialValue) {
|
|
|
8789
8825
|
return matches;
|
|
8790
8826
|
}
|
|
8791
8827
|
// components/hooks/useScrollPosition.ts
|
|
8792
|
-
var import_react65 = require("react");
|
|
8793
|
-
// components/hooks/useTable.ts
|
|
8794
8828
|
var import_react66 = require("react");
|
|
8795
|
-
// components/hooks/
|
|
8829
|
+
// components/hooks/useTable.ts
|
|
8796
8830
|
var import_react67 = require("react");
|
|
8831
|
+
// components/hooks/useTabs.ts
|
|
8832
|
+
var import_react68 = require("react");
|
|
8797
8833
|
function useTabs() {
|
|
8798
8834
|
var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
|
8799
|
-
var _ref = _sliced_to_array((0,
|
|
8800
|
-
(0,
|
|
8835
|
+
var _ref = _sliced_to_array((0, import_react68.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
|
|
8836
|
+
(0, import_react68.useEffect)(function() {
|
|
8801
8837
|
var handleHashChange = function() {
|
|
8802
8838
|
var hash = window.location.hash.substring(1);
|
|
8803
8839
|
setActiveTab(hash || initialTab);
|
|
@@ -8893,6 +8929,7 @@ function useTabs() {
|
|
|
8893
8929
|
LoginForm: LoginForm,
|
|
8894
8930
|
Logos: Logos,
|
|
8895
8931
|
NavMenuItem: NavMenuItem,
|
|
8932
|
+
Navbar: Navbar,
|
|
8896
8933
|
NavigationMenu: NavigationMenu,
|
|
8897
8934
|
NavigationMenuLink: NavigationMenuLink,
|
|
8898
8935
|
NewPasswordForm: NewPasswordForm,
|