@sikka/hawa 0.31.7-next → 0.31.8-next
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Chip-hr2gRBJ-.d.mts → Chip-BT2hUlGJ.d.mts} +1 -1
- package/dist/{Chip-H5BnuDdx.d.ts → Chip-Dt7zJ-jZ.d.ts} +1 -1
- package/dist/{DropdownMenu-p-Ha-y2R.d.ts → DropdownMenu-CJblb-9q.d.ts} +1 -1
- package/dist/{DropdownMenu-o_-MnT5h.d.mts → DropdownMenu-K3ztliYc.d.mts} +1 -1
- package/dist/{Radio-3B8RZYJA.d.ts → Radio-B-DG0FMr.d.ts} +1 -1
- package/dist/{Radio-L369ID7b.d.mts → Radio-D52-m4Ns.d.mts} +1 -1
- package/dist/{Toast-ySvjL_-K.d.mts → Toast-BcFD9aeQ.d.mts} +1 -1
- package/dist/{Toast-YaClwi7z.d.ts → Toast-fy9tBz19.d.ts} +1 -1
- package/dist/accordion/index.d.mts +1 -1
- package/dist/accordion/index.d.ts +1 -1
- package/dist/alert/index.d.mts +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/appTopbar/index.d.mts +1 -1
- package/dist/appTopbar/index.d.ts +1 -1
- package/dist/blocks/auth/index.d.mts +1 -1
- package/dist/blocks/auth/index.d.ts +1 -1
- package/dist/blocks/auth/index.js +77 -76
- package/dist/blocks/auth/index.mjs +2 -1
- package/dist/blocks/feedback/index.d.mts +1 -1
- package/dist/blocks/feedback/index.d.ts +1 -1
- package/dist/blocks/index.d.mts +3 -3
- package/dist/blocks/index.d.ts +3 -3
- package/dist/blocks/index.js +313 -312
- package/dist/blocks/index.mjs +2 -1
- package/dist/blocks/misc/index.d.mts +1 -1
- package/dist/blocks/misc/index.d.ts +1 -1
- package/dist/blocks/pricing/index.d.mts +1 -1
- package/dist/blocks/pricing/index.d.ts +1 -1
- package/dist/carousel/index.d.mts +1 -1
- package/dist/carousel/index.d.ts +1 -1
- package/dist/checkbox/index.d.mts +1 -1
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/chip/index.d.mts +1 -1
- package/dist/chip/index.d.ts +1 -1
- package/dist/dataTable/index.d.mts +1 -1
- package/dist/dataTable/index.d.ts +1 -1
- package/dist/destroyableCard/index.d.mts +1 -1
- package/dist/destroyableCard/index.d.ts +1 -1
- package/dist/dialog/index.d.mts +1 -1
- package/dist/dialog/index.d.ts +1 -1
- package/dist/docsLayout/index.d.mts +1 -1
- package/dist/docsLayout/index.d.ts +1 -1
- package/dist/docsSidebar/index.d.mts +1 -1
- package/dist/docsSidebar/index.d.ts +1 -1
- package/dist/elements/index.d.mts +8 -8
- package/dist/elements/index.d.ts +8 -8
- package/dist/hooks/index.d.mts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.js +262 -261
- package/dist/index.mjs +2 -1
- package/dist/interfaceSettings/index.d.mts +1 -1
- package/dist/interfaceSettings/index.d.ts +1 -1
- package/dist/label/index.d.mts +1 -1
- package/dist/label/index.d.ts +1 -1
- package/dist/layout/index.d.mts +3 -3
- package/dist/layout/index.d.ts +3 -3
- package/dist/navigationMenu/index.d.mts +1 -1
- package/dist/navigationMenu/index.d.ts +1 -1
- package/dist/pagination/index.d.mts +1 -1
- package/dist/pagination/index.d.ts +1 -1
- package/dist/popover/index.d.mts +1 -1
- package/dist/popover/index.d.ts +1 -1
- package/dist/progress/index.d.mts +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/radio/index.d.mts +1 -1
- package/dist/radio/index.d.ts +1 -1
- package/dist/scrollArea/index.d.mts +1 -1
- package/dist/scrollArea/index.d.ts +1 -1
- package/dist/select/index.d.mts +1 -1
- package/dist/select/index.d.ts +1 -1
- package/dist/separator/index.d.mts +1 -1
- package/dist/separator/index.d.ts +1 -1
- package/dist/sidebar/index.d.mts +1 -1
- package/dist/sidebar/index.d.ts +1 -1
- package/dist/signature/index.d.mts +1 -1
- package/dist/signature/index.d.ts +1 -1
- package/dist/simpleTable/index.d.mts +1 -1
- package/dist/simpleTable/index.d.ts +1 -1
- package/dist/sonner/index.d.mts +1 -1
- package/dist/sonner/index.d.ts +1 -1
- package/dist/switch/index.d.mts +1 -1
- package/dist/switch/index.d.ts +1 -1
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/textarea/index.d.mts +1 -1
- package/dist/textarea/index.d.ts +1 -1
- package/dist/toast/index.d.mts +1 -1
- package/dist/toast/index.d.ts +1 -1
- package/dist/toaster/index.d.mts +1 -1
- package/dist/toaster/index.d.ts +1 -1
- package/dist/tooltip/index.d.mts +1 -1
- package/dist/tooltip/index.d.ts +1 -1
- package/dist/types/index.d.mts +2 -2
- package/dist/types/index.d.ts +2 -2
- package/package.json +1 -1
- /package/dist/{commonTypes-2IGtJ5cq.d.mts → commonTypes-BIZhOigS.d.mts} +0 -0
- /package/dist/{commonTypes-2IGtJ5cq.d.ts → commonTypes-BIZhOigS.d.ts} +0 -0
- /package/dist/{commonTypes-_11epZYh.d.mts → commonTypes-BtF87PmG.d.mts} +0 -0
- /package/dist/{commonTypes-_11epZYh.d.ts → commonTypes-BtF87PmG.d.ts} +0 -0
- /package/dist/{commonTypes-CKtkuNFH.d.mts → commonTypes-C-g8nFFC.d.mts} +0 -0
- /package/dist/{commonTypes-CKtkuNFH.d.ts → commonTypes-C-g8nFFC.d.ts} +0 -0
- /package/dist/{commonTypes-WPhcN3Vr.d.mts → commonTypes-C0OLP6TN.d.mts} +0 -0
- /package/dist/{commonTypes-WPhcN3Vr.d.ts → commonTypes-C0OLP6TN.d.ts} +0 -0
- /package/dist/{commonTypes-eIwARo5g.d.mts → commonTypes-CMqMLkhN.d.mts} +0 -0
- /package/dist/{commonTypes-eIwARo5g.d.ts → commonTypes-CMqMLkhN.d.ts} +0 -0
- /package/dist/{commonTypes-ko_NGEoT.d.mts → commonTypes-ClC9C8Mh.d.mts} +0 -0
- /package/dist/{commonTypes-ko_NGEoT.d.ts → commonTypes-ClC9C8Mh.d.ts} +0 -0
- /package/dist/{commonTypes-2k6FnHw5.d.mts → commonTypes-D23Z4zYt.d.mts} +0 -0
- /package/dist/{commonTypes-2k6FnHw5.d.ts → commonTypes-D23Z4zYt.d.ts} +0 -0
- /package/dist/{commonTypes-LrR8QrYP.d.mts → commonTypes-D_7LV7Ri.d.mts} +0 -0
- /package/dist/{commonTypes-LrR8QrYP.d.ts → commonTypes-D_7LV7Ri.d.ts} +0 -0
- /package/dist/{commonTypes-GhKAraJw.d.mts → commonTypes-DinbCdmt.d.mts} +0 -0
- /package/dist/{commonTypes-GhKAraJw.d.ts → commonTypes-DinbCdmt.d.ts} +0 -0
- /package/dist/{commonTypes-52DloiYq.d.mts → commonTypes-TGqbHlp_.d.mts} +0 -0
- /package/dist/{commonTypes-52DloiYq.d.ts → commonTypes-TGqbHlp_.d.ts} +0 -0
- /package/dist/{textTypes-0bvyKoeH.d.mts → textTypes-DXLtO2fL.d.mts} +0 -0
- /package/dist/{textTypes-0bvyKoeH.d.ts → textTypes-DXLtO2fL.d.ts} +0 -0
package/dist/blocks/index.js
CHANGED
@@ -819,6 +819,7 @@ var AuthButtons = (props) => {
|
|
819
819
|
|
820
820
|
// blocks/auth/LoginForm.tsx
|
821
821
|
var import_react13 = __toESM(require("react"));
|
822
|
+
var import_react14 = require("react");
|
822
823
|
var import_react_hook_form = require("react-hook-form");
|
823
824
|
var import_zod = require("@hookform/resolvers/zod");
|
824
825
|
var import_libphonenumber_js = require("libphonenumber-js");
|
@@ -3490,7 +3491,7 @@ var LoginForm = ({
|
|
3490
3491
|
...props
|
3491
3492
|
}) => {
|
3492
3493
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
|
3493
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
3494
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react14.useState)(false);
|
3494
3495
|
const thirdPartyAuthTexts = {
|
3495
3496
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
3496
3497
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
@@ -3795,7 +3796,7 @@ var LoginForm = ({
|
|
3795
3796
|
};
|
3796
3797
|
|
3797
3798
|
// blocks/auth/RegisterForm.tsx
|
3798
|
-
var
|
3799
|
+
var import_react16 = __toESM(require("react"));
|
3799
3800
|
var import_react_hook_form2 = require("react-hook-form");
|
3800
3801
|
var import_zod2 = require("@hookform/resolvers/zod");
|
3801
3802
|
var z2 = __toESM(require("zod"));
|
@@ -3937,12 +3938,12 @@ var CheckboxElement = React17.forwardRef(({ radius = "inherit", size = "default"
|
|
3937
3938
|
CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
|
3938
3939
|
|
3939
3940
|
// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
|
3940
|
-
var
|
3941
|
+
var import_react15 = __toESM(require("react"));
|
3941
3942
|
var StopPropagationWrapper = (props) => {
|
3942
3943
|
const handleClick = (e) => {
|
3943
3944
|
e.stopPropagation();
|
3944
3945
|
};
|
3945
|
-
return /* @__PURE__ */
|
3946
|
+
return /* @__PURE__ */ import_react15.default.createElement("div", { onClick: handleClick }, props.children);
|
3946
3947
|
};
|
3947
3948
|
|
3948
3949
|
// blocks/auth/RegisterForm.tsx
|
@@ -3954,7 +3955,7 @@ var RegisterForm = ({
|
|
3954
3955
|
...props
|
3955
3956
|
}) => {
|
3956
3957
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
3957
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
3958
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react16.useState)(false);
|
3958
3959
|
const thirdPartyAuthTexts = {
|
3959
3960
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
3960
3961
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
@@ -4021,7 +4022,7 @@ var RegisterForm = ({
|
|
4021
4022
|
const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
|
4022
4023
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
4023
4024
|
});
|
4024
|
-
return /* @__PURE__ */
|
4025
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4025
4026
|
"div",
|
4026
4027
|
{
|
4027
4028
|
className: cn(
|
@@ -4029,7 +4030,7 @@ var RegisterForm = ({
|
|
4029
4030
|
(_g = props.classNames) == null ? void 0 : _g.root
|
4030
4031
|
)
|
4031
4032
|
},
|
4032
|
-
/* @__PURE__ */
|
4033
|
+
/* @__PURE__ */ import_react16.default.createElement(
|
4033
4034
|
Card,
|
4034
4035
|
{
|
4035
4036
|
dir: props.direction,
|
@@ -4038,7 +4039,7 @@ var RegisterForm = ({
|
|
4038
4039
|
props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
|
4039
4040
|
)
|
4040
4041
|
},
|
4041
|
-
/* @__PURE__ */
|
4042
|
+
/* @__PURE__ */ import_react16.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react16.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react16.default.createElement(
|
4042
4043
|
Alert,
|
4043
4044
|
{
|
4044
4045
|
direction: props.direction,
|
@@ -4051,7 +4052,7 @@ var RegisterForm = ({
|
|
4051
4052
|
}
|
4052
4053
|
}
|
4053
4054
|
}
|
4054
|
-
), /* @__PURE__ */
|
4055
|
+
), /* @__PURE__ */ import_react16.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react16.default.createElement(
|
4055
4056
|
"form",
|
4056
4057
|
{
|
4057
4058
|
noValidate: true,
|
@@ -4066,9 +4067,9 @@ var RegisterForm = ({
|
|
4066
4067
|
}),
|
4067
4068
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
4068
4069
|
},
|
4069
|
-
/* @__PURE__ */
|
4070
|
+
/* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
|
4070
4071
|
if (fld === "fullname") {
|
4071
|
-
return /* @__PURE__ */
|
4072
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4072
4073
|
import_react_hook_form2.Controller,
|
4073
4074
|
{
|
4074
4075
|
key: i,
|
@@ -4076,7 +4077,7 @@ var RegisterForm = ({
|
|
4076
4077
|
name: "fullName",
|
4077
4078
|
render: ({ field }) => {
|
4078
4079
|
var _a2, _b2, _c2;
|
4079
|
-
return /* @__PURE__ */
|
4080
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4080
4081
|
Input,
|
4081
4082
|
{
|
4082
4083
|
width: "full",
|
@@ -4091,7 +4092,7 @@ var RegisterForm = ({
|
|
4091
4092
|
);
|
4092
4093
|
}
|
4093
4094
|
if (fld === "email") {
|
4094
|
-
return /* @__PURE__ */
|
4095
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4095
4096
|
import_react_hook_form2.Controller,
|
4096
4097
|
{
|
4097
4098
|
key: i,
|
@@ -4099,7 +4100,7 @@ var RegisterForm = ({
|
|
4099
4100
|
name: "email",
|
4100
4101
|
render: ({ field }) => {
|
4101
4102
|
var _a2, _b2, _c2;
|
4102
|
-
return /* @__PURE__ */
|
4103
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4103
4104
|
Input,
|
4104
4105
|
{
|
4105
4106
|
dir: "ltr",
|
@@ -4119,7 +4120,7 @@ var RegisterForm = ({
|
|
4119
4120
|
);
|
4120
4121
|
}
|
4121
4122
|
if (fld === "username") {
|
4122
|
-
return /* @__PURE__ */
|
4123
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4123
4124
|
import_react_hook_form2.Controller,
|
4124
4125
|
{
|
4125
4126
|
key: i,
|
@@ -4127,7 +4128,7 @@ var RegisterForm = ({
|
|
4127
4128
|
name: "username",
|
4128
4129
|
render: ({ field }) => {
|
4129
4130
|
var _a2, _b2, _c2, _d2;
|
4130
|
-
return /* @__PURE__ */
|
4131
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4131
4132
|
Input,
|
4132
4133
|
{
|
4133
4134
|
width: "full",
|
@@ -4146,25 +4147,25 @@ var RegisterForm = ({
|
|
4146
4147
|
);
|
4147
4148
|
}
|
4148
4149
|
})),
|
4149
|
-
/* @__PURE__ */
|
4150
|
+
/* @__PURE__ */ import_react16.default.createElement(
|
4150
4151
|
import_react_hook_form2.Controller,
|
4151
4152
|
{
|
4152
4153
|
control,
|
4153
4154
|
name: "password",
|
4154
4155
|
render: ({ field }) => {
|
4155
4156
|
var _a2, _b2, _c2;
|
4156
|
-
return /* @__PURE__ */
|
4157
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4157
4158
|
Input,
|
4158
4159
|
{
|
4159
4160
|
width: "full",
|
4160
4161
|
type: passwordVisible ? "text" : "password",
|
4161
|
-
endIcon: /* @__PURE__ */
|
4162
|
+
endIcon: /* @__PURE__ */ import_react16.default.createElement(
|
4162
4163
|
"div",
|
4163
4164
|
{
|
4164
4165
|
className: "hawa-cursor-pointer",
|
4165
4166
|
onClick: () => setPasswordVisible(!passwordVisible)
|
4166
4167
|
},
|
4167
|
-
passwordVisible ? /* @__PURE__ */
|
4168
|
+
passwordVisible ? /* @__PURE__ */ import_react16.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react16.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
|
4168
4169
|
" "
|
4169
4170
|
),
|
4170
4171
|
autoComplete: "new-password",
|
@@ -4177,14 +4178,14 @@ var RegisterForm = ({
|
|
4177
4178
|
}
|
4178
4179
|
}
|
4179
4180
|
),
|
4180
|
-
/* @__PURE__ */
|
4181
|
+
/* @__PURE__ */ import_react16.default.createElement(
|
4181
4182
|
import_react_hook_form2.Controller,
|
4182
4183
|
{
|
4183
4184
|
control,
|
4184
4185
|
name: "confirm_password",
|
4185
4186
|
render: ({ field }) => {
|
4186
4187
|
var _a2, _b2, _c2;
|
4187
|
-
return /* @__PURE__ */
|
4188
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4188
4189
|
Input,
|
4189
4190
|
{
|
4190
4191
|
width: "full",
|
@@ -4200,14 +4201,14 @@ var RegisterForm = ({
|
|
4200
4201
|
}
|
4201
4202
|
),
|
4202
4203
|
props.additionalInputs,
|
4203
|
-
props.showRefCode && /* @__PURE__ */
|
4204
|
+
props.showRefCode && /* @__PURE__ */ import_react16.default.createElement(
|
4204
4205
|
import_react_hook_form2.Controller,
|
4205
4206
|
{
|
4206
4207
|
control,
|
4207
4208
|
name: "refCode",
|
4208
4209
|
render: ({ field }) => {
|
4209
4210
|
var _a2;
|
4210
|
-
return /* @__PURE__ */
|
4211
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4211
4212
|
Input,
|
4212
4213
|
{
|
4213
4214
|
width: "full",
|
@@ -4220,14 +4221,14 @@ var RegisterForm = ({
|
|
4220
4221
|
}
|
4221
4222
|
}
|
4222
4223
|
),
|
4223
|
-
props.showUserSource && /* @__PURE__ */
|
4224
|
+
props.showUserSource && /* @__PURE__ */ import_react16.default.createElement(
|
4224
4225
|
import_react_hook_form2.Controller,
|
4225
4226
|
{
|
4226
4227
|
control,
|
4227
4228
|
name: "reference",
|
4228
4229
|
render: ({ field }) => {
|
4229
4230
|
var _a2, _b2;
|
4230
|
-
return /* @__PURE__ */
|
4231
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4231
4232
|
Select,
|
4232
4233
|
{
|
4233
4234
|
label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
|
@@ -4243,20 +4244,20 @@ var RegisterForm = ({
|
|
4243
4244
|
}
|
4244
4245
|
}
|
4245
4246
|
),
|
4246
|
-
showTermsOption || showNewsletterOption ? /* @__PURE__ */
|
4247
|
+
showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react16.default.createElement(
|
4247
4248
|
import_react_hook_form2.Controller,
|
4248
4249
|
{
|
4249
4250
|
control,
|
4250
4251
|
name: "terms_accepted",
|
4251
4252
|
render: ({ field }) => {
|
4252
4253
|
var _a2, _b2;
|
4253
|
-
return /* @__PURE__ */
|
4254
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
4254
4255
|
Checkbox,
|
4255
4256
|
{
|
4256
4257
|
id: "terms_accepted",
|
4257
4258
|
helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
|
4258
4259
|
onCheckedChange: (e) => field.onChange(e),
|
4259
|
-
label: /* @__PURE__ */
|
4260
|
+
label: /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react16.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react16.default.createElement(
|
4260
4261
|
"span",
|
4261
4262
|
{
|
4262
4263
|
onClick: (e) => {
|
@@ -4273,12 +4274,12 @@ var RegisterForm = ({
|
|
4273
4274
|
);
|
4274
4275
|
}
|
4275
4276
|
}
|
4276
|
-
), showNewsletterOption && /* @__PURE__ */
|
4277
|
+
), showNewsletterOption && /* @__PURE__ */ import_react16.default.createElement(
|
4277
4278
|
import_react_hook_form2.Controller,
|
4278
4279
|
{
|
4279
4280
|
control,
|
4280
4281
|
name: "newsletter_accepted",
|
4281
|
-
render: ({ field }) => /* @__PURE__ */
|
4282
|
+
render: ({ field }) => /* @__PURE__ */ import_react16.default.createElement(
|
4282
4283
|
Checkbox,
|
4283
4284
|
{
|
4284
4285
|
id: "newsletter_accepted",
|
@@ -4288,7 +4289,7 @@ var RegisterForm = ({
|
|
4288
4289
|
)
|
4289
4290
|
}
|
4290
4291
|
)) : null,
|
4291
|
-
/* @__PURE__ */
|
4292
|
+
/* @__PURE__ */ import_react16.default.createElement(
|
4292
4293
|
Button,
|
4293
4294
|
{
|
4294
4295
|
className: " hawa-w-full",
|
@@ -4299,8 +4300,8 @@ var RegisterForm = ({
|
|
4299
4300
|
(texts == null ? void 0 : texts.registerText) || "Register"
|
4300
4301
|
),
|
4301
4302
|
props.additionalButtons
|
4302
|
-
)), props.onRouteToLogin && /* @__PURE__ */
|
4303
|
-
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
4303
|
+
)), props.onRouteToLogin && /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react16.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react16.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
|
4304
|
+
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react16.default.createElement(
|
4304
4305
|
CardFooter,
|
4305
4306
|
{
|
4306
4307
|
noPadding: props.cardless,
|
@@ -4308,7 +4309,7 @@ var RegisterForm = ({
|
|
4308
4309
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
4309
4310
|
)
|
4310
4311
|
},
|
4311
|
-
/* @__PURE__ */
|
4312
|
+
/* @__PURE__ */ import_react16.default.createElement(
|
4312
4313
|
AuthButtons,
|
4313
4314
|
{
|
4314
4315
|
texts: thirdPartyAuthTexts,
|
@@ -4329,7 +4330,7 @@ var RegisterForm = ({
|
|
4329
4330
|
};
|
4330
4331
|
|
4331
4332
|
// blocks/auth/AppLanding.tsx
|
4332
|
-
var
|
4333
|
+
var import_react17 = __toESM(require("react"));
|
4333
4334
|
var AppLanding = ({ texts, ...props }) => {
|
4334
4335
|
const thirdPartyAuthTexts = {
|
4335
4336
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
@@ -4340,7 +4341,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
4340
4341
|
continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
|
4341
4342
|
continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
|
4342
4343
|
};
|
4343
|
-
return /* @__PURE__ */
|
4344
|
+
return /* @__PURE__ */ import_react17.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react17.default.createElement(Card, null, /* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react17.default.createElement(
|
4344
4345
|
AuthButtons,
|
4345
4346
|
{
|
4346
4347
|
texts: thirdPartyAuthTexts,
|
@@ -4359,7 +4360,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
4359
4360
|
handleEmail: props.handleEmail,
|
4360
4361
|
handlePhone: props.handlePhone
|
4361
4362
|
}
|
4362
|
-
), props.allowRegister && /* @__PURE__ */
|
4363
|
+
), props.allowRegister && /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react17.default.createElement(
|
4363
4364
|
"span",
|
4364
4365
|
{
|
4365
4366
|
onClick: props.handleRouteToRegister,
|
@@ -4370,9 +4371,9 @@ var AppLanding = ({ texts, ...props }) => {
|
|
4370
4371
|
};
|
4371
4372
|
|
4372
4373
|
// blocks/auth/CheckEmail.tsx
|
4373
|
-
var
|
4374
|
+
var import_react18 = __toESM(require("react"));
|
4374
4375
|
var CheckEmail = ({ texts, handleResend }) => {
|
4375
|
-
return /* @__PURE__ */
|
4376
|
+
return /* @__PURE__ */ import_react18.default.createElement(Card, null, /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react18.default.createElement(
|
4376
4377
|
"svg",
|
4377
4378
|
{
|
4378
4379
|
stroke: "currentColor",
|
@@ -4385,13 +4386,13 @@ var CheckEmail = ({ texts, handleResend }) => {
|
|
4385
4386
|
width: "0.5em",
|
4386
4387
|
xmlns: "http://www.w3.org/2000/svg"
|
4387
4388
|
},
|
4388
|
-
/* @__PURE__ */
|
4389
|
-
/* @__PURE__ */
|
4390
|
-
)), /* @__PURE__ */
|
4389
|
+
/* @__PURE__ */ import_react18.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
|
4390
|
+
/* @__PURE__ */ import_react18.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
4391
|
+
)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? 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_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
|
4391
4392
|
};
|
4392
4393
|
|
4393
4394
|
// blocks/auth/NewPassword.tsx
|
4394
|
-
var
|
4395
|
+
var import_react19 = __toESM(require("react"));
|
4395
4396
|
var import_react_hook_form3 = require("react-hook-form");
|
4396
4397
|
var import_zod3 = require("@hookform/resolvers/zod");
|
4397
4398
|
var z3 = __toESM(require("zod"));
|
@@ -4413,7 +4414,7 @@ var NewPasswordForm = ({
|
|
4413
4414
|
const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
|
4414
4415
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
4415
4416
|
});
|
4416
|
-
return /* @__PURE__ */
|
4417
|
+
return /* @__PURE__ */ import_react19.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react19.default.createElement(
|
4417
4418
|
"form",
|
4418
4419
|
{
|
4419
4420
|
noValidate: true,
|
@@ -4427,7 +4428,7 @@ var NewPasswordForm = ({
|
|
4427
4428
|
}
|
4428
4429
|
})
|
4429
4430
|
},
|
4430
|
-
/* @__PURE__ */
|
4431
|
+
/* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react19.default.createElement(
|
4431
4432
|
Alert,
|
4432
4433
|
{
|
4433
4434
|
direction: props.direction,
|
@@ -4435,14 +4436,14 @@ var NewPasswordForm = ({
|
|
4435
4436
|
text: props.errorText,
|
4436
4437
|
severity: "error"
|
4437
4438
|
}
|
4438
|
-
), /* @__PURE__ */
|
4439
|
+
), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react19.default.createElement(
|
4439
4440
|
import_react_hook_form3.Controller,
|
4440
4441
|
{
|
4441
4442
|
control,
|
4442
4443
|
name: "password",
|
4443
4444
|
render: ({ field }) => {
|
4444
4445
|
var _a2, _b2, _c2;
|
4445
|
-
return /* @__PURE__ */
|
4446
|
+
return /* @__PURE__ */ import_react19.default.createElement(
|
4446
4447
|
Input,
|
4447
4448
|
{
|
4448
4449
|
width: "full",
|
@@ -4456,14 +4457,14 @@ var NewPasswordForm = ({
|
|
4456
4457
|
);
|
4457
4458
|
}
|
4458
4459
|
}
|
4459
|
-
), /* @__PURE__ */
|
4460
|
+
), /* @__PURE__ */ import_react19.default.createElement(
|
4460
4461
|
import_react_hook_form3.Controller,
|
4461
4462
|
{
|
4462
4463
|
control,
|
4463
4464
|
name: "confirm_password",
|
4464
4465
|
render: ({ field }) => {
|
4465
4466
|
var _a2, _b2, _c2;
|
4466
|
-
return /* @__PURE__ */
|
4467
|
+
return /* @__PURE__ */ import_react19.default.createElement(
|
4467
4468
|
Input,
|
4468
4469
|
{
|
4469
4470
|
width: "full",
|
@@ -4477,7 +4478,7 @@ var NewPasswordForm = ({
|
|
4477
4478
|
);
|
4478
4479
|
}
|
4479
4480
|
}
|
4480
|
-
)), /* @__PURE__ */
|
4481
|
+
)), /* @__PURE__ */ import_react19.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
|
4481
4482
|
"span",
|
4482
4483
|
{
|
4483
4484
|
className: "clickable-link",
|
@@ -4489,7 +4490,7 @@ var NewPasswordForm = ({
|
|
4489
4490
|
};
|
4490
4491
|
|
4491
4492
|
// blocks/auth/ResetPassword.tsx
|
4492
|
-
var
|
4493
|
+
var import_react20 = __toESM(require("react"));
|
4493
4494
|
var import_react_hook_form4 = require("react-hook-form");
|
4494
4495
|
var import_zod4 = require("@hookform/resolvers/zod");
|
4495
4496
|
var z4 = __toESM(require("zod"));
|
@@ -4507,7 +4508,7 @@ var ResetPasswordForm = ({
|
|
4507
4508
|
const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
|
4508
4509
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
4509
4510
|
});
|
4510
|
-
return /* @__PURE__ */
|
4511
|
+
return /* @__PURE__ */ import_react20.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react20.default.createElement(CardHeader, null, /* @__PURE__ */ import_react20.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react20.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react20.default.createElement(
|
4511
4512
|
"form",
|
4512
4513
|
{
|
4513
4514
|
noValidate: true,
|
@@ -4519,7 +4520,7 @@ var ResetPasswordForm = ({
|
|
4519
4520
|
}
|
4520
4521
|
})
|
4521
4522
|
},
|
4522
|
-
/* @__PURE__ */
|
4523
|
+
/* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react20.default.createElement(
|
4523
4524
|
Alert,
|
4524
4525
|
{
|
4525
4526
|
direction: props.direction,
|
@@ -4527,14 +4528,14 @@ var ResetPasswordForm = ({
|
|
4527
4528
|
text: props.errorText,
|
4528
4529
|
severity: "error"
|
4529
4530
|
}
|
4530
|
-
), /* @__PURE__ */
|
4531
|
+
), /* @__PURE__ */ import_react20.default.createElement(
|
4531
4532
|
import_react_hook_form4.Controller,
|
4532
4533
|
{
|
4533
4534
|
control,
|
4534
4535
|
name: "email",
|
4535
4536
|
render: ({ field }) => {
|
4536
4537
|
var _a2, _b2, _c2, _d2, _e2;
|
4537
|
-
return /* @__PURE__ */
|
4538
|
+
return /* @__PURE__ */ import_react20.default.createElement(
|
4538
4539
|
Input,
|
4539
4540
|
{
|
4540
4541
|
width: "full",
|
@@ -4547,7 +4548,7 @@ var ResetPasswordForm = ({
|
|
4547
4548
|
}
|
4548
4549
|
}
|
4549
4550
|
)),
|
4550
|
-
/* @__PURE__ */
|
4551
|
+
/* @__PURE__ */ import_react20.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react20.default.createElement(
|
4551
4552
|
Button,
|
4552
4553
|
{
|
4553
4554
|
type: "submit",
|
@@ -4555,7 +4556,7 @@ var ResetPasswordForm = ({
|
|
4555
4556
|
isLoading
|
4556
4557
|
},
|
4557
4558
|
((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
|
4558
|
-
), allowRegister && /* @__PURE__ */
|
4559
|
+
), allowRegister && /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react20.default.createElement(
|
4559
4560
|
"span",
|
4560
4561
|
{
|
4561
4562
|
className: "clickable-link",
|
@@ -4563,17 +4564,17 @@ var ResetPasswordForm = ({
|
|
4563
4564
|
},
|
4564
4565
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
4565
4566
|
)))
|
4566
|
-
)) : /* @__PURE__ */
|
4567
|
+
)) : /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
|
4567
4568
|
};
|
4568
4569
|
|
4569
4570
|
// blocks/auth/CodeConfirmation.tsx
|
4570
|
-
var
|
4571
|
+
var import_react22 = __toESM(require("react"));
|
4571
4572
|
var import_react_hook_form5 = require("react-hook-form");
|
4572
4573
|
var import_zod5 = require("@hookform/resolvers/zod");
|
4573
4574
|
var z5 = __toESM(require("zod"));
|
4574
4575
|
|
4575
4576
|
// elements/pinInput/PinInput.tsx
|
4576
|
-
var
|
4577
|
+
var import_react21 = __toESM(require("react"));
|
4577
4578
|
var PinInput = ({
|
4578
4579
|
label,
|
4579
4580
|
icon,
|
@@ -4583,7 +4584,7 @@ var PinInput = ({
|
|
4583
4584
|
inputProps,
|
4584
4585
|
...props
|
4585
4586
|
}) => {
|
4586
|
-
const [pin, setPin] = (0,
|
4587
|
+
const [pin, setPin] = (0, import_react21.useState)(Array.from(Array(digits)));
|
4587
4588
|
const handleKeyDown = (e, index) => {
|
4588
4589
|
let backTo = 0;
|
4589
4590
|
if (e.key === "Backspace") {
|
@@ -4592,7 +4593,7 @@ var PinInput = ({
|
|
4592
4593
|
previousInput == null ? void 0 : previousInput.focus();
|
4593
4594
|
}
|
4594
4595
|
};
|
4595
|
-
(0,
|
4596
|
+
(0, import_react21.useEffect)(() => {
|
4596
4597
|
let unfilled = pin.includes(void 0);
|
4597
4598
|
if (!unfilled && getPins) {
|
4598
4599
|
getPins(pin);
|
@@ -4617,13 +4618,13 @@ var PinInput = ({
|
|
4617
4618
|
}
|
4618
4619
|
}
|
4619
4620
|
};
|
4620
|
-
return /* @__PURE__ */
|
4621
|
+
return /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react21.default.createElement(
|
4621
4622
|
"div",
|
4622
4623
|
{
|
4623
4624
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
4624
4625
|
dir: "ltr"
|
4625
4626
|
},
|
4626
|
-
pin.map((value, index) => /* @__PURE__ */
|
4627
|
+
pin.map((value, index) => /* @__PURE__ */ import_react21.default.createElement(
|
4627
4628
|
"input",
|
4628
4629
|
{
|
4629
4630
|
key: index,
|
@@ -4643,7 +4644,7 @@ var PinInput = ({
|
|
4643
4644
|
...inputProps
|
4644
4645
|
}
|
4645
4646
|
))
|
4646
|
-
), /* @__PURE__ */
|
4647
|
+
), /* @__PURE__ */ import_react21.default.createElement(
|
4647
4648
|
"p",
|
4648
4649
|
{
|
4649
4650
|
className: cn(
|
@@ -4664,9 +4665,9 @@ var CodeConfirmation = (props) => {
|
|
4664
4665
|
const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
|
4665
4666
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
4666
4667
|
});
|
4667
|
-
const [resendTimer, setResendTimer] = (0,
|
4668
|
-
const [remainingTime, setRemainingTime] = (0,
|
4669
|
-
const [showResendTimer, setShowResendTimer] = (0,
|
4668
|
+
const [resendTimer, setResendTimer] = (0, import_react22.useState)(null);
|
4669
|
+
const [remainingTime, setRemainingTime] = (0, import_react22.useState)(0);
|
4670
|
+
const [showResendTimer, setShowResendTimer] = (0, import_react22.useState)(false);
|
4670
4671
|
const startResendTimer = () => {
|
4671
4672
|
if (resendTimer !== null) {
|
4672
4673
|
clearInterval(resendTimer);
|
@@ -4688,21 +4689,21 @@ var CodeConfirmation = (props) => {
|
|
4688
4689
|
}, 1e3);
|
4689
4690
|
setResendTimer(newTimer);
|
4690
4691
|
};
|
4691
|
-
(0,
|
4692
|
+
(0, import_react22.useEffect)(() => {
|
4692
4693
|
return () => {
|
4693
4694
|
if (resendTimer !== null) {
|
4694
4695
|
clearInterval(resendTimer);
|
4695
4696
|
}
|
4696
4697
|
};
|
4697
4698
|
}, []);
|
4698
|
-
return /* @__PURE__ */
|
4699
|
+
return /* @__PURE__ */ import_react22.default.createElement(Card, null, /* @__PURE__ */ import_react22.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react22.default.createElement(
|
4699
4700
|
Alert,
|
4700
4701
|
{
|
4701
4702
|
title: props.errorTitle,
|
4702
4703
|
text: props.errorText,
|
4703
4704
|
severity: "error"
|
4704
4705
|
}
|
4705
|
-
), /* @__PURE__ */
|
4706
|
+
), /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react22.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react22.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react22.default.createElement(
|
4706
4707
|
"form",
|
4707
4708
|
{
|
4708
4709
|
noValidate: true,
|
@@ -4716,14 +4717,14 @@ var CodeConfirmation = (props) => {
|
|
4716
4717
|
}
|
4717
4718
|
})
|
4718
4719
|
},
|
4719
|
-
/* @__PURE__ */
|
4720
|
+
/* @__PURE__ */ import_react22.default.createElement(
|
4720
4721
|
import_react_hook_form5.Controller,
|
4721
4722
|
{
|
4722
4723
|
control,
|
4723
4724
|
name: "otp_code",
|
4724
4725
|
render: ({ field }) => {
|
4725
4726
|
var _a2;
|
4726
|
-
return /* @__PURE__ */
|
4727
|
+
return /* @__PURE__ */ import_react22.default.createElement(
|
4727
4728
|
PinInput,
|
4728
4729
|
{
|
4729
4730
|
width: "full",
|
@@ -4735,7 +4736,7 @@ var CodeConfirmation = (props) => {
|
|
4735
4736
|
}
|
4736
4737
|
}
|
4737
4738
|
),
|
4738
|
-
showResendTimer ? /* @__PURE__ */
|
4739
|
+
showResendTimer ? /* @__PURE__ */ import_react22.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react22.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react22.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react22.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react22.default.createElement(
|
4739
4740
|
"span",
|
4740
4741
|
{
|
4741
4742
|
className: "clickable-link",
|
@@ -4746,19 +4747,19 @@ var CodeConfirmation = (props) => {
|
|
4746
4747
|
},
|
4747
4748
|
((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
|
4748
4749
|
)),
|
4749
|
-
/* @__PURE__ */
|
4750
|
+
/* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react22.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react22.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
|
4750
4751
|
)));
|
4751
4752
|
};
|
4752
4753
|
|
4753
4754
|
// blocks/feedback/UserReferralSource.tsx
|
4754
|
-
var
|
4755
|
+
var import_react24 = __toESM(require("react"));
|
4755
4756
|
var import_react_hook_form6 = require("react-hook-form");
|
4756
4757
|
var import_zod6 = require("@hookform/resolvers/zod");
|
4757
4758
|
var z6 = __toESM(require("zod"));
|
4758
4759
|
|
4759
4760
|
// elements/radio/Radio.tsx
|
4760
|
-
var
|
4761
|
-
var Radio = (0,
|
4761
|
+
var import_react23 = __toESM(require("react"));
|
4762
|
+
var Radio = (0, import_react23.forwardRef)(
|
4762
4763
|
({
|
4763
4764
|
design = "default",
|
4764
4765
|
width = "default",
|
@@ -4772,7 +4773,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4772
4773
|
...props
|
4773
4774
|
}, ref) => {
|
4774
4775
|
var _a, _b, _c;
|
4775
|
-
const [selectedOption, setSelectedOption] = (0,
|
4776
|
+
const [selectedOption, setSelectedOption] = (0, import_react23.useState)(
|
4776
4777
|
props.defaultValue || props.value
|
4777
4778
|
);
|
4778
4779
|
let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary";
|
@@ -4793,11 +4794,11 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4793
4794
|
default: "hawa-max-w-fit",
|
4794
4795
|
full: "hawa-w-full"
|
4795
4796
|
};
|
4796
|
-
const [parentDirection, setParentDirection] =
|
4797
|
+
const [parentDirection, setParentDirection] = import_react23.default.useState(
|
4797
4798
|
null
|
4798
4799
|
);
|
4799
|
-
const parentRef = (0,
|
4800
|
-
(0,
|
4800
|
+
const parentRef = (0, import_react23.useRef)(null);
|
4801
|
+
(0, import_react23.useEffect)(() => {
|
4801
4802
|
var _a2;
|
4802
4803
|
const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
|
4803
4804
|
if (parentNode) {
|
@@ -4815,7 +4816,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4815
4816
|
};
|
4816
4817
|
switch (design) {
|
4817
4818
|
case "tabs":
|
4818
|
-
return /* @__PURE__ */
|
4819
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react23.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react23.default.createElement(
|
4819
4820
|
"ul",
|
4820
4821
|
{
|
4821
4822
|
ref: parentRef,
|
@@ -4827,7 +4828,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4827
4828
|
tabsContainerClassName
|
4828
4829
|
)
|
4829
4830
|
},
|
4830
|
-
(_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */
|
4831
|
+
(_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react23.default.createElement(
|
4831
4832
|
"li",
|
4832
4833
|
{
|
4833
4834
|
"aria-current": "page",
|
@@ -4850,7 +4851,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4850
4851
|
opt.icon && opt.icon,
|
4851
4852
|
opt.label
|
4852
4853
|
))
|
4853
|
-
), !forceHideHelperText && /* @__PURE__ */
|
4854
|
+
), !forceHideHelperText && /* @__PURE__ */ import_react23.default.createElement(
|
4854
4855
|
"p",
|
4855
4856
|
{
|
4856
4857
|
className: cn(
|
@@ -4861,7 +4862,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4861
4862
|
props.helperText
|
4862
4863
|
));
|
4863
4864
|
case "bordered":
|
4864
|
-
return /* @__PURE__ */
|
4865
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react23.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react23.default.createElement(
|
4865
4866
|
"div",
|
4866
4867
|
{
|
4867
4868
|
className: cn(
|
@@ -4870,7 +4871,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4870
4871
|
),
|
4871
4872
|
key: i + 1
|
4872
4873
|
},
|
4873
|
-
/* @__PURE__ */
|
4874
|
+
/* @__PURE__ */ import_react23.default.createElement(
|
4874
4875
|
"input",
|
4875
4876
|
{
|
4876
4877
|
disabled: opt.disabled,
|
@@ -4881,7 +4882,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4881
4882
|
onChange: () => handleChange(opt)
|
4882
4883
|
}
|
4883
4884
|
),
|
4884
|
-
/* @__PURE__ */
|
4885
|
+
/* @__PURE__ */ import_react23.default.createElement(
|
4885
4886
|
"label",
|
4886
4887
|
{
|
4887
4888
|
htmlFor: opt.value.toString(),
|
@@ -4894,7 +4895,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4894
4895
|
)
|
4895
4896
|
))));
|
4896
4897
|
case "cards":
|
4897
|
-
return /* @__PURE__ */
|
4898
|
+
return /* @__PURE__ */ import_react23.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react23.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react23.default.createElement(
|
4898
4899
|
"input",
|
4899
4900
|
{
|
4900
4901
|
type: "radio",
|
@@ -4905,7 +4906,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4905
4906
|
required: true,
|
4906
4907
|
disabled: opt.disabled
|
4907
4908
|
}
|
4908
|
-
), /* @__PURE__ */
|
4909
|
+
), /* @__PURE__ */ import_react23.default.createElement(
|
4909
4910
|
"label",
|
4910
4911
|
{
|
4911
4912
|
htmlFor: opt.value.toString(),
|
@@ -4914,10 +4915,10 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4914
4915
|
opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
|
4915
4916
|
)
|
4916
4917
|
},
|
4917
|
-
/* @__PURE__ */
|
4918
|
+
/* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
|
4918
4919
|
))));
|
4919
4920
|
default:
|
4920
|
-
return /* @__PURE__ */
|
4921
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react23.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react23.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react23.default.createElement(
|
4921
4922
|
"div",
|
4922
4923
|
{
|
4923
4924
|
className: cn(
|
@@ -4926,7 +4927,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4926
4927
|
),
|
4927
4928
|
key: i + 1
|
4928
4929
|
},
|
4929
|
-
/* @__PURE__ */
|
4930
|
+
/* @__PURE__ */ import_react23.default.createElement(
|
4930
4931
|
"input",
|
4931
4932
|
{
|
4932
4933
|
disabled: opt.disabled,
|
@@ -4937,7 +4938,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4937
4938
|
onChange: () => handleChange(opt)
|
4938
4939
|
}
|
4939
4940
|
),
|
4940
|
-
/* @__PURE__ */
|
4941
|
+
/* @__PURE__ */ import_react23.default.createElement(
|
4941
4942
|
"label",
|
4942
4943
|
{
|
4943
4944
|
htmlFor: opt.value.toString(),
|
@@ -4948,7 +4949,7 @@ var Radio = (0, import_react22.forwardRef)(
|
|
4948
4949
|
},
|
4949
4950
|
opt.label
|
4950
4951
|
)
|
4951
|
-
))), /* @__PURE__ */
|
4952
|
+
))), /* @__PURE__ */ import_react23.default.createElement(
|
4952
4953
|
"p",
|
4953
4954
|
{
|
4954
4955
|
className: cn(
|
@@ -5027,8 +5028,8 @@ var UserReferralSource = ({
|
|
5027
5028
|
...props
|
5028
5029
|
}) => {
|
5029
5030
|
var _a, _b;
|
5030
|
-
const [closed, setClosed] = (0,
|
5031
|
-
const popUpRef = (0,
|
5031
|
+
const [closed, setClosed] = (0, import_react24.useState)(false);
|
5032
|
+
const popUpRef = (0, import_react24.useRef)(null);
|
5032
5033
|
const formSchema = z6.object({
|
5033
5034
|
source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
|
5034
5035
|
feedback: z6.string().optional()
|
@@ -5048,7 +5049,7 @@ var UserReferralSource = ({
|
|
5048
5049
|
label: "Other"
|
5049
5050
|
}
|
5050
5051
|
];
|
5051
|
-
return /* @__PURE__ */
|
5052
|
+
return /* @__PURE__ */ import_react24.default.createElement(
|
5052
5053
|
"div",
|
5053
5054
|
{
|
5054
5055
|
className: cn(
|
@@ -5057,7 +5058,7 @@ var UserReferralSource = ({
|
|
5057
5058
|
),
|
5058
5059
|
ref: popUpRef
|
5059
5060
|
},
|
5060
|
-
/* @__PURE__ */
|
5061
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
5061
5062
|
Card,
|
5062
5063
|
{
|
5063
5064
|
className: cn(
|
@@ -5066,7 +5067,7 @@ var UserReferralSource = ({
|
|
5066
5067
|
),
|
5067
5068
|
dir: props.direction
|
5068
5069
|
},
|
5069
|
-
/* @__PURE__ */
|
5070
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
5070
5071
|
"button",
|
5071
5072
|
{
|
5072
5073
|
type: "button",
|
@@ -5085,7 +5086,7 @@ var UserReferralSource = ({
|
|
5085
5086
|
}, 200);
|
5086
5087
|
}
|
5087
5088
|
},
|
5088
|
-
/* @__PURE__ */
|
5089
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
5089
5090
|
"svg",
|
5090
5091
|
{
|
5091
5092
|
"aria-hidden": "true",
|
@@ -5093,7 +5094,7 @@ var UserReferralSource = ({
|
|
5093
5094
|
fill: "currentColor",
|
5094
5095
|
viewBox: "0 0 20 20"
|
5095
5096
|
},
|
5096
|
-
/* @__PURE__ */
|
5097
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
5097
5098
|
"path",
|
5098
5099
|
{
|
5099
5100
|
fillRule: "evenodd",
|
@@ -5103,7 +5104,7 @@ var UserReferralSource = ({
|
|
5103
5104
|
)
|
5104
5105
|
)
|
5105
5106
|
),
|
5106
|
-
/* @__PURE__ */
|
5107
|
+
/* @__PURE__ */ import_react24.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react24.default.createElement(
|
5107
5108
|
"form",
|
5108
5109
|
{
|
5109
5110
|
noValidate: true,
|
@@ -5115,7 +5116,7 @@ var UserReferralSource = ({
|
|
5115
5116
|
}
|
5116
5117
|
})
|
5117
5118
|
},
|
5118
|
-
/* @__PURE__ */
|
5119
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
5119
5120
|
"div",
|
5120
5121
|
{
|
5121
5122
|
className: cn(
|
@@ -5123,15 +5124,15 @@ var UserReferralSource = ({
|
|
5123
5124
|
closed ? "hawa-opacity-0" : "hawa-opacity-100"
|
5124
5125
|
)
|
5125
5126
|
},
|
5126
|
-
/* @__PURE__ */
|
5127
|
-
/* @__PURE__ */
|
5127
|
+
/* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
|
5128
|
+
/* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react24.default.createElement(
|
5128
5129
|
import_react_hook_form6.Controller,
|
5129
5130
|
{
|
5130
5131
|
control,
|
5131
5132
|
name: "source",
|
5132
5133
|
render: ({ field }) => {
|
5133
5134
|
var _a2, _b2;
|
5134
|
-
return /* @__PURE__ */
|
5135
|
+
return /* @__PURE__ */ import_react24.default.createElement(
|
5135
5136
|
Radio,
|
5136
5137
|
{
|
5137
5138
|
name: "source",
|
@@ -5146,14 +5147,14 @@ var UserReferralSource = ({
|
|
5146
5147
|
}
|
5147
5148
|
}
|
5148
5149
|
)),
|
5149
|
-
/* @__PURE__ */
|
5150
|
+
/* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement(
|
5150
5151
|
import_react_hook_form6.Controller,
|
5151
5152
|
{
|
5152
5153
|
control,
|
5153
5154
|
name: "feedback",
|
5154
5155
|
render: ({ field }) => {
|
5155
5156
|
var _a2, _b2;
|
5156
|
-
return /* @__PURE__ */
|
5157
|
+
return /* @__PURE__ */ import_react24.default.createElement(
|
5157
5158
|
Textarea,
|
5158
5159
|
{
|
5159
5160
|
...field,
|
@@ -5168,28 +5169,28 @@ var UserReferralSource = ({
|
|
5168
5169
|
}
|
5169
5170
|
))
|
5170
5171
|
),
|
5171
|
-
/* @__PURE__ */
|
5172
|
+
/* @__PURE__ */ import_react24.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
|
5172
5173
|
))
|
5173
5174
|
)
|
5174
5175
|
);
|
5175
5176
|
};
|
5176
5177
|
|
5177
5178
|
// blocks/feedback/FeedbackRating.tsx
|
5178
|
-
var
|
5179
|
+
var import_react25 = __toESM(require("react"));
|
5179
5180
|
var FeedbackRating = ({
|
5180
5181
|
position = "bottom-right",
|
5181
5182
|
...props
|
5182
5183
|
}) => {
|
5183
|
-
const [closed, setClosed] = (0,
|
5184
|
-
const [answered, setAnswered] = (0,
|
5185
|
-
const [clickedOption, setClickedOption] = (0,
|
5186
|
-
const [closingTimer, setClosingTimer] = (0,
|
5187
|
-
const popUpRef = (0,
|
5184
|
+
const [closed, setClosed] = (0, import_react25.useState)(false);
|
5185
|
+
const [answered, setAnswered] = (0, import_react25.useState)(false);
|
5186
|
+
const [clickedOption, setClickedOption] = (0, import_react25.useState)(null);
|
5187
|
+
const [closingTimer, setClosingTimer] = (0, import_react25.useState)(5);
|
5188
|
+
const popUpRef = (0, import_react25.useRef)(null);
|
5188
5189
|
const boxPosition = {
|
5189
5190
|
"bottom-right": "hawa-right-4",
|
5190
5191
|
"bottom-left": "hawa-left-4"
|
5191
5192
|
};
|
5192
|
-
(0,
|
5193
|
+
(0, import_react25.useEffect)(() => {
|
5193
5194
|
const timeoutHide = setTimeout(() => {
|
5194
5195
|
if (closingTimer >= 0) {
|
5195
5196
|
setClosingTimer(closingTimer - 1);
|
@@ -5207,7 +5208,7 @@ var FeedbackRating = ({
|
|
5207
5208
|
}
|
5208
5209
|
}, 200);
|
5209
5210
|
};
|
5210
|
-
return /* @__PURE__ */
|
5211
|
+
return /* @__PURE__ */ import_react25.default.createElement(
|
5211
5212
|
"div",
|
5212
5213
|
{
|
5213
5214
|
ref: popUpRef,
|
@@ -5216,7 +5217,7 @@ var FeedbackRating = ({
|
|
5216
5217
|
boxPosition[position]
|
5217
5218
|
)
|
5218
5219
|
},
|
5219
|
-
/* @__PURE__ */
|
5220
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
5220
5221
|
"div",
|
5221
5222
|
{
|
5222
5223
|
className: cn(
|
@@ -5225,8 +5226,8 @@ var FeedbackRating = ({
|
|
5225
5226
|
props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
|
5226
5227
|
)
|
5227
5228
|
},
|
5228
|
-
/* @__PURE__ */
|
5229
|
-
/* @__PURE__ */
|
5229
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
|
5230
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
5230
5231
|
"button",
|
5231
5232
|
{
|
5232
5233
|
type: "button",
|
@@ -5235,7 +5236,7 @@ var FeedbackRating = ({
|
|
5235
5236
|
"aria-label": "Close",
|
5236
5237
|
onClick: () => slowClose()
|
5237
5238
|
},
|
5238
|
-
/* @__PURE__ */
|
5239
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
5239
5240
|
"svg",
|
5240
5241
|
{
|
5241
5242
|
"aria-hidden": "true",
|
@@ -5243,7 +5244,7 @@ var FeedbackRating = ({
|
|
5243
5244
|
fill: "currentColor",
|
5244
5245
|
viewBox: "0 0 20 20"
|
5245
5246
|
},
|
5246
|
-
/* @__PURE__ */
|
5247
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
5247
5248
|
"path",
|
5248
5249
|
{
|
5249
5250
|
fillRule: "evenodd",
|
@@ -5253,8 +5254,8 @@ var FeedbackRating = ({
|
|
5253
5254
|
)
|
5254
5255
|
)
|
5255
5256
|
),
|
5256
|
-
/* @__PURE__ */
|
5257
|
-
/* @__PURE__ */
|
5257
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-mt-8" }, props.question),
|
5258
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react25.default.createElement(
|
5258
5259
|
"span",
|
5259
5260
|
{
|
5260
5261
|
key: i,
|
@@ -5282,14 +5283,14 @@ var FeedbackRating = ({
|
|
5282
5283
|
},
|
5283
5284
|
op
|
5284
5285
|
))),
|
5285
|
-
props.texts && /* @__PURE__ */
|
5286
|
-
answered && /* @__PURE__ */
|
5286
|
+
props.texts && /* @__PURE__ */ import_react25.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react25.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react25.default.createElement("span", null, props.texts.most)),
|
5287
|
+
answered && /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react25.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
|
5287
5288
|
)
|
5288
5289
|
);
|
5289
5290
|
};
|
5290
5291
|
|
5291
5292
|
// blocks/feedback/FeedbackEmoji.tsx
|
5292
|
-
var
|
5293
|
+
var import_react26 = __toESM(require("react"));
|
5293
5294
|
|
5294
5295
|
// elements/popover/Popover.tsx
|
5295
5296
|
var React30 = __toESM(require("react"));
|
@@ -5356,15 +5357,15 @@ var Popover = ({
|
|
5356
5357
|
|
5357
5358
|
// blocks/feedback/FeedbackEmoji.tsx
|
5358
5359
|
var FeedbackEmoji = (props) => {
|
5359
|
-
const [selectedEmoji, setSelectedEmoji] = (0,
|
5360
|
-
const [loadingSubmit, setLoadingSubmit] = (0,
|
5361
|
-
const [feedbackText, setFeedbackText] = (0,
|
5362
|
-
const [helperText, setHelperText] = (0,
|
5360
|
+
const [selectedEmoji, setSelectedEmoji] = (0, import_react26.useState)(null);
|
5361
|
+
const [loadingSubmit, setLoadingSubmit] = (0, import_react26.useState)(false);
|
5362
|
+
const [feedbackText, setFeedbackText] = (0, import_react26.useState)("");
|
5363
|
+
const [helperText, setHelperText] = (0, import_react26.useState)(false);
|
5363
5364
|
let emojis = [
|
5364
|
-
{ icon: /* @__PURE__ */
|
5365
|
-
{ icon: /* @__PURE__ */
|
5366
|
-
{ icon: /* @__PURE__ */
|
5367
|
-
{ icon: /* @__PURE__ */
|
5365
|
+
{ icon: /* @__PURE__ */ import_react26.default.createElement(VeryGoodEmoji, null), value: "very-good" },
|
5366
|
+
{ icon: /* @__PURE__ */ import_react26.default.createElement(GoodEmoji, null), value: "good" },
|
5367
|
+
{ icon: /* @__PURE__ */ import_react26.default.createElement(BadEmoji, null), value: "bad" },
|
5368
|
+
{ icon: /* @__PURE__ */ import_react26.default.createElement(VeryBadEmoji, null), value: "very-bad" }
|
5368
5369
|
];
|
5369
5370
|
const onFeedbackSubmit = async () => {
|
5370
5371
|
if (feedbackText) {
|
@@ -5384,7 +5385,7 @@ var FeedbackEmoji = (props) => {
|
|
5384
5385
|
setHelperText(true);
|
5385
5386
|
}
|
5386
5387
|
};
|
5387
|
-
return /* @__PURE__ */
|
5388
|
+
return /* @__PURE__ */ import_react26.default.createElement(
|
5388
5389
|
"div",
|
5389
5390
|
{
|
5390
5391
|
className: cn(
|
@@ -5392,7 +5393,7 @@ var FeedbackEmoji = (props) => {
|
|
5392
5393
|
selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px] "
|
5393
5394
|
)
|
5394
5395
|
},
|
5395
|
-
/* @__PURE__ */
|
5396
|
+
/* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react26.default.createElement(
|
5396
5397
|
Button,
|
5397
5398
|
{
|
5398
5399
|
key: i,
|
@@ -5411,7 +5412,7 @@ var FeedbackEmoji = (props) => {
|
|
5411
5412
|
},
|
5412
5413
|
emoji.icon
|
5413
5414
|
)))),
|
5414
|
-
/* @__PURE__ */
|
5415
|
+
/* @__PURE__ */ import_react26.default.createElement(
|
5415
5416
|
"div",
|
5416
5417
|
{
|
5417
5418
|
className: cn(
|
@@ -5419,7 +5420,7 @@ var FeedbackEmoji = (props) => {
|
|
5419
5420
|
selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
|
5420
5421
|
)
|
5421
5422
|
},
|
5422
|
-
props.showSuccess ? /* @__PURE__ */
|
5423
|
+
props.showSuccess ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react26.default.createElement(
|
5423
5424
|
"svg",
|
5424
5425
|
{
|
5425
5426
|
stroke: "currentColor",
|
@@ -5429,13 +5430,13 @@ var FeedbackEmoji = (props) => {
|
|
5429
5430
|
height: "0.5em",
|
5430
5431
|
width: "0.5em"
|
5431
5432
|
},
|
5432
|
-
/* @__PURE__ */
|
5433
|
-
)), /* @__PURE__ */
|
5433
|
+
/* @__PURE__ */ import_react26.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
|
5434
|
+
)), /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react26.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react26.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react26.default.createElement(
|
5434
5435
|
Popover,
|
5435
5436
|
{
|
5436
5437
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
5437
5438
|
open: helperText,
|
5438
|
-
trigger: /* @__PURE__ */
|
5439
|
+
trigger: /* @__PURE__ */ import_react26.default.createElement(
|
5439
5440
|
Textarea,
|
5440
5441
|
{
|
5441
5442
|
classNames: {
|
@@ -5453,8 +5454,8 @@ var FeedbackEmoji = (props) => {
|
|
5453
5454
|
}
|
5454
5455
|
)
|
5455
5456
|
},
|
5456
|
-
/* @__PURE__ */
|
5457
|
-
), /* @__PURE__ */
|
5457
|
+
/* @__PURE__ */ import_react26.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
|
5458
|
+
), /* @__PURE__ */ import_react26.default.createElement(
|
5458
5459
|
Button,
|
5459
5460
|
{
|
5460
5461
|
isLoading: loadingSubmit,
|
@@ -5469,7 +5470,7 @@ var FeedbackEmoji = (props) => {
|
|
5469
5470
|
};
|
5470
5471
|
|
5471
5472
|
// blocks/feedback/FeedbackForm.tsx
|
5472
|
-
var
|
5473
|
+
var import_react27 = __toESM(require("react"));
|
5473
5474
|
var import_react_hook_form7 = require("react-hook-form");
|
5474
5475
|
var import_zod7 = require("@hookform/resolvers/zod");
|
5475
5476
|
var z7 = __toESM(require("zod"));
|
@@ -5483,7 +5484,7 @@ var FeedbackForm = (props) => {
|
|
5483
5484
|
resolver: (0, import_zod7.zodResolver)(formSchema),
|
5484
5485
|
defaultValues: { requestType: "", description: "" }
|
5485
5486
|
});
|
5486
|
-
return /* @__PURE__ */
|
5487
|
+
return /* @__PURE__ */ import_react27.default.createElement(
|
5487
5488
|
Card,
|
5488
5489
|
{
|
5489
5490
|
className: cn(
|
@@ -5491,7 +5492,7 @@ var FeedbackForm = (props) => {
|
|
5491
5492
|
),
|
5492
5493
|
style: props.cardless ? { boxShadow: "none" } : void 0
|
5493
5494
|
},
|
5494
|
-
/* @__PURE__ */
|
5495
|
+
/* @__PURE__ */ import_react27.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react27.default.createElement(
|
5495
5496
|
"form",
|
5496
5497
|
{
|
5497
5498
|
noValidate: true,
|
@@ -5504,15 +5505,15 @@ var FeedbackForm = (props) => {
|
|
5504
5505
|
}),
|
5505
5506
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
5506
5507
|
},
|
5507
|
-
/* @__PURE__ */
|
5508
|
-
/* @__PURE__ */
|
5508
|
+
/* @__PURE__ */ import_react27.default.createElement(Label, null),
|
5509
|
+
/* @__PURE__ */ import_react27.default.createElement(
|
5509
5510
|
import_react_hook_form7.Controller,
|
5510
5511
|
{
|
5511
5512
|
name: "requestType",
|
5512
5513
|
control,
|
5513
5514
|
render: ({ field }) => {
|
5514
5515
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
5515
|
-
return /* @__PURE__ */
|
5516
|
+
return /* @__PURE__ */ import_react27.default.createElement(
|
5516
5517
|
Select,
|
5517
5518
|
{
|
5518
5519
|
...field,
|
@@ -5530,14 +5531,14 @@ var FeedbackForm = (props) => {
|
|
5530
5531
|
}
|
5531
5532
|
}
|
5532
5533
|
),
|
5533
|
-
/* @__PURE__ */
|
5534
|
+
/* @__PURE__ */ import_react27.default.createElement(
|
5534
5535
|
import_react_hook_form7.Controller,
|
5535
5536
|
{
|
5536
5537
|
name: "description",
|
5537
5538
|
control,
|
5538
5539
|
render: ({ field }) => {
|
5539
5540
|
var _a2, _b2, _c2, _d2, _e2, _f2;
|
5540
|
-
return /* @__PURE__ */
|
5541
|
+
return /* @__PURE__ */ import_react27.default.createElement(
|
5541
5542
|
Textarea,
|
5542
5543
|
{
|
5543
5544
|
helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
|
@@ -5555,13 +5556,13 @@ var FeedbackForm = (props) => {
|
|
5555
5556
|
}
|
5556
5557
|
}
|
5557
5558
|
),
|
5558
|
-
/* @__PURE__ */
|
5559
|
+
/* @__PURE__ */ import_react27.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
|
5559
5560
|
))
|
5560
5561
|
);
|
5561
5562
|
};
|
5562
5563
|
|
5563
5564
|
// blocks/misc/LegalTexts.tsx
|
5564
|
-
var
|
5565
|
+
var import_react44 = __toESM(require("react"));
|
5565
5566
|
|
5566
5567
|
// elements/scrollArea/ScrollArea.tsx
|
5567
5568
|
var React33 = __toESM(require("react"));
|
@@ -5607,57 +5608,57 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
5607
5608
|
var React44 = __toESM(require("react"));
|
5608
5609
|
|
5609
5610
|
// hooks/useIsomorphicEffect.ts
|
5610
|
-
var
|
5611
|
+
var import_react28 = require("react");
|
5611
5612
|
|
5612
5613
|
// hooks/useDiscloser.ts
|
5613
|
-
var
|
5614
|
+
var import_react29 = require("react");
|
5614
5615
|
|
5615
5616
|
// hooks/useHover.ts
|
5616
|
-
var
|
5617
|
+
var import_react30 = require("react");
|
5617
5618
|
|
5618
5619
|
// hooks/useToast.ts
|
5619
5620
|
var React36 = __toESM(require("react"));
|
5620
5621
|
|
5621
5622
|
// hooks/useCarousel.ts
|
5622
|
-
var
|
5623
|
+
var import_react31 = require("react");
|
5623
5624
|
|
5624
5625
|
// hooks/useDialogCarousel.ts
|
5625
|
-
var
|
5626
|
+
var import_react32 = require("react");
|
5626
5627
|
var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
|
5627
5628
|
var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
|
5628
5629
|
|
5629
5630
|
// hooks/useDialogSteps.ts
|
5630
|
-
var
|
5631
|
+
var import_react33 = require("react");
|
5631
5632
|
|
5632
5633
|
// hooks/useClipboard.ts
|
5633
|
-
var
|
5634
|
+
var import_react34 = require("react");
|
5634
5635
|
|
5635
5636
|
// hooks/useBreakpoint.ts
|
5636
|
-
var
|
5637
|
+
var import_react35 = require("react");
|
5637
5638
|
|
5638
5639
|
// hooks/useWindowSize.ts
|
5639
|
-
var
|
5640
|
+
var import_react36 = require("react");
|
5640
5641
|
|
5641
5642
|
// hooks/useFocusWithin.ts
|
5642
|
-
var
|
5643
|
+
var import_react37 = require("react");
|
5643
5644
|
|
5644
5645
|
// hooks/useMediaQuery.ts
|
5645
|
-
var
|
5646
|
+
var import_react38 = require("react");
|
5646
5647
|
|
5647
5648
|
// hooks/useScrollPosition.ts
|
5648
|
-
var
|
5649
|
+
var import_react39 = require("react");
|
5649
5650
|
|
5650
5651
|
// hooks/useTable.ts
|
5651
|
-
var
|
5652
|
+
var import_react40 = require("react");
|
5652
5653
|
|
5653
5654
|
// hooks/useTabs.ts
|
5654
|
-
var
|
5655
|
+
var import_react41 = require("react");
|
5655
5656
|
|
5656
5657
|
// hooks/useMeasureDirty.ts
|
5657
|
-
var
|
5658
|
+
var import_react42 = require("react");
|
5658
5659
|
var useMeasureDirty = (ref) => {
|
5659
|
-
const frame = (0,
|
5660
|
-
const [rect, set] = (0,
|
5660
|
+
const frame = (0, import_react42.useRef)(0);
|
5661
|
+
const [rect, set] = (0, import_react42.useState)({
|
5661
5662
|
width: 0,
|
5662
5663
|
height: 0,
|
5663
5664
|
top: 0,
|
@@ -5665,7 +5666,7 @@ var useMeasureDirty = (ref) => {
|
|
5665
5666
|
bottom: 0,
|
5666
5667
|
right: 0
|
5667
5668
|
});
|
5668
|
-
const [observer] = (0,
|
5669
|
+
const [observer] = (0, import_react42.useState)(
|
5669
5670
|
() => new ResizeObserver((entries) => {
|
5670
5671
|
const entry = entries[0];
|
5671
5672
|
if (entry) {
|
@@ -5678,7 +5679,7 @@ var useMeasureDirty = (ref) => {
|
|
5678
5679
|
}
|
5679
5680
|
})
|
5680
5681
|
);
|
5681
|
-
(0,
|
5682
|
+
(0, import_react42.useEffect)(() => {
|
5682
5683
|
observer.disconnect();
|
5683
5684
|
if (ref.current) {
|
5684
5685
|
observer.observe(ref.current);
|
@@ -5692,8 +5693,8 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
5692
5693
|
var import_tailwind_variants = require("tailwind-variants");
|
5693
5694
|
|
5694
5695
|
// elements/chip/Chip.tsx
|
5695
|
-
var
|
5696
|
-
var Chip =
|
5696
|
+
var import_react43 = __toESM(require("react"));
|
5697
|
+
var Chip = import_react43.default.forwardRef(
|
5697
5698
|
({
|
5698
5699
|
label,
|
5699
5700
|
size = "normal",
|
@@ -5735,7 +5736,7 @@ var Chip = import_react42.default.forwardRef(
|
|
5735
5736
|
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
|
5736
5737
|
};
|
5737
5738
|
if (label) {
|
5738
|
-
return /* @__PURE__ */
|
5739
|
+
return /* @__PURE__ */ import_react43.default.createElement(
|
5739
5740
|
"span",
|
5740
5741
|
{
|
5741
5742
|
...rest,
|
@@ -5747,7 +5748,7 @@ var Chip = import_react42.default.forwardRef(
|
|
5747
5748
|
color ? colorStyles[color] : "hawa-border hawa-bg-none"
|
5748
5749
|
)
|
5749
5750
|
},
|
5750
|
-
dotType && /* @__PURE__ */
|
5751
|
+
dotType && /* @__PURE__ */ import_react43.default.createElement(
|
5751
5752
|
"span",
|
5752
5753
|
{
|
5753
5754
|
className: cn(dotStyles[size], dotTypeStyles[dotType])
|
@@ -5757,7 +5758,7 @@ var Chip = import_react42.default.forwardRef(
|
|
5757
5758
|
label
|
5758
5759
|
);
|
5759
5760
|
} else {
|
5760
|
-
return /* @__PURE__ */
|
5761
|
+
return /* @__PURE__ */ import_react43.default.createElement(
|
5761
5762
|
"span",
|
5762
5763
|
{
|
5763
5764
|
...rest,
|
@@ -5963,7 +5964,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
5963
5964
|
|
5964
5965
|
// blocks/misc/LegalTexts.tsx
|
5965
5966
|
var LegalTexts = ({ tabs, ...props }) => {
|
5966
|
-
return /* @__PURE__ */
|
5967
|
+
return /* @__PURE__ */ import_react44.default.createElement(
|
5967
5968
|
Tabs,
|
5968
5969
|
{
|
5969
5970
|
value: props.activeTab,
|
@@ -5971,8 +5972,8 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
5971
5972
|
defaultValue: props.defaultTab || tabs[0].value,
|
5972
5973
|
dir: props.direction
|
5973
5974
|
},
|
5974
|
-
/* @__PURE__ */
|
5975
|
-
tabs.map((tab, index) => /* @__PURE__ */
|
5975
|
+
/* @__PURE__ */ import_react44.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react44.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
|
5976
|
+
tabs.map((tab, index) => /* @__PURE__ */ import_react44.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react44.default.createElement(
|
5976
5977
|
ScrollArea,
|
5977
5978
|
{
|
5978
5979
|
className: cn(
|
@@ -5986,9 +5987,9 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
5986
5987
|
};
|
5987
5988
|
|
5988
5989
|
// blocks/misc/EmptyState.tsx
|
5989
|
-
var
|
5990
|
+
var import_react45 = __toESM(require("react"));
|
5990
5991
|
var EmptyState = ({ texts, onActionClick }) => {
|
5991
|
-
return /* @__PURE__ */
|
5992
|
+
return /* @__PURE__ */ import_react45.default.createElement(Card, null, /* @__PURE__ */ import_react45.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react45.default.createElement(
|
5992
5993
|
"svg",
|
5993
5994
|
{
|
5994
5995
|
stroke: "currentColor",
|
@@ -5998,30 +5999,30 @@ var EmptyState = ({ texts, onActionClick }) => {
|
|
5998
5999
|
height: "0.35em",
|
5999
6000
|
width: "0.35em"
|
6000
6001
|
},
|
6001
|
-
/* @__PURE__ */
|
6002
|
-
)), /* @__PURE__ */
|
6002
|
+
/* @__PURE__ */ import_react45.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
|
6003
|
+
)), /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react45.default.createElement(CardFooter, null, /* @__PURE__ */ import_react45.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
|
6003
6004
|
};
|
6004
6005
|
|
6005
6006
|
// blocks/misc/Testimonial.tsx
|
6006
|
-
var
|
6007
|
+
var import_react46 = __toESM(require("react"));
|
6007
6008
|
var Testimonial = () => {
|
6008
|
-
return /* @__PURE__ */
|
6009
|
+
return /* @__PURE__ */ import_react46.default.createElement(Card, null, /* @__PURE__ */ import_react46.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react46.default.createElement("div", null, /* @__PURE__ */ import_react46.default.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ import_react46.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react46.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react46.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react46.default.createElement(
|
6009
6010
|
"path",
|
6010
6011
|
{
|
6011
6012
|
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",
|
6012
6013
|
fill: "#FFFFFF"
|
6013
6014
|
}
|
6014
|
-
), /* @__PURE__ */
|
6015
|
+
), /* @__PURE__ */ import_react46.default.createElement(
|
6015
6016
|
"path",
|
6016
6017
|
{
|
6017
6018
|
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",
|
6018
6019
|
fill: "#FFFFFF"
|
6019
6020
|
}
|
6020
|
-
)), /* @__PURE__ */
|
6021
|
+
)), /* @__PURE__ */ import_react46.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react46.default.createElement("div", null, /* @__PURE__ */ import_react46.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react46.default.createElement("div", null, " Chief Information Security Officer")))));
|
6021
6022
|
};
|
6022
6023
|
|
6023
6024
|
// blocks/misc/LeadGenerator.tsx
|
6024
|
-
var
|
6025
|
+
var import_react47 = __toESM(require("react"));
|
6025
6026
|
var import_react_hook_form8 = require("react-hook-form");
|
6026
6027
|
var LeadGenerator = ({ texts, submitHandler }) => {
|
6027
6028
|
var _a;
|
@@ -6033,14 +6034,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
6033
6034
|
console.log("handleNewsletterSub props was not provided");
|
6034
6035
|
}
|
6035
6036
|
};
|
6036
|
-
return /* @__PURE__ */
|
6037
|
+
return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(CardHeader, null, /* @__PURE__ */ import_react47.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react47.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react47.default.createElement(CardContent, null, /* @__PURE__ */ import_react47.default.createElement(
|
6037
6038
|
"form",
|
6038
6039
|
{
|
6039
6040
|
noValidate: true,
|
6040
6041
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
6041
6042
|
onSubmit: handleSubmit(onSubmit)
|
6042
6043
|
},
|
6043
|
-
/* @__PURE__ */
|
6044
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
6044
6045
|
import_react_hook_form8.Controller,
|
6045
6046
|
{
|
6046
6047
|
name: "email",
|
@@ -6053,27 +6054,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
6053
6054
|
}
|
6054
6055
|
},
|
6055
6056
|
defaultValue: "",
|
6056
|
-
render: ({ field }) => /* @__PURE__ */
|
6057
|
+
render: ({ field }) => /* @__PURE__ */ import_react47.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
|
6057
6058
|
}
|
6058
6059
|
),
|
6059
|
-
/* @__PURE__ */
|
6060
|
+
/* @__PURE__ */ import_react47.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
|
6060
6061
|
)));
|
6061
6062
|
};
|
6062
6063
|
|
6063
6064
|
// blocks/misc/Announcement.tsx
|
6064
|
-
var
|
6065
|
+
var import_react48 = __toESM(require("react"));
|
6065
6066
|
var Announcement = ({
|
6066
6067
|
onActionClick,
|
6067
6068
|
...props
|
6068
6069
|
}) => {
|
6069
|
-
return /* @__PURE__ */
|
6070
|
+
return /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(
|
6070
6071
|
CardContent,
|
6071
6072
|
{
|
6072
6073
|
headless: true,
|
6073
6074
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
6074
6075
|
},
|
6075
|
-
/* @__PURE__ */
|
6076
|
-
/* @__PURE__ */
|
6076
|
+
/* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react48.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react48.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
|
6077
|
+
/* @__PURE__ */ import_react48.default.createElement(
|
6077
6078
|
Button,
|
6078
6079
|
{
|
6079
6080
|
onClick: () => onActionClick(),
|
@@ -6085,15 +6086,15 @@ var Announcement = ({
|
|
6085
6086
|
};
|
6086
6087
|
|
6087
6088
|
// blocks/misc/NotFound.tsx
|
6088
|
-
var
|
6089
|
+
var import_react49 = __toESM(require("react"));
|
6089
6090
|
var NotFound = ({ texts }) => {
|
6090
|
-
return /* @__PURE__ */
|
6091
|
+
return /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react49.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react49.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
|
6091
6092
|
};
|
6092
6093
|
|
6093
6094
|
// blocks/misc/NoPermission.tsx
|
6094
|
-
var
|
6095
|
+
var import_react50 = __toESM(require("react"));
|
6095
6096
|
var NoPermission = ({ texts }) => {
|
6096
|
-
return /* @__PURE__ */
|
6097
|
+
return /* @__PURE__ */ import_react50.default.createElement(Card, null, /* @__PURE__ */ import_react50.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react50.default.createElement(
|
6097
6098
|
"svg",
|
6098
6099
|
{
|
6099
6100
|
stroke: "currentColor",
|
@@ -6103,12 +6104,12 @@ var NoPermission = ({ texts }) => {
|
|
6103
6104
|
height: "0.35em",
|
6104
6105
|
width: "0.35em"
|
6105
6106
|
},
|
6106
|
-
/* @__PURE__ */
|
6107
|
-
)), /* @__PURE__ */
|
6107
|
+
/* @__PURE__ */ import_react50.default.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
|
6108
|
+
)), /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react50.default.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
|
6108
6109
|
};
|
6109
6110
|
|
6110
6111
|
// blocks/misc/ContactForm.tsx
|
6111
|
-
var
|
6112
|
+
var import_react51 = __toESM(require("react"));
|
6112
6113
|
var import_react_hook_form9 = require("react-hook-form");
|
6113
6114
|
var import_zod8 = require("@hookform/resolvers/zod");
|
6114
6115
|
var z8 = __toESM(require("zod"));
|
@@ -6180,7 +6181,7 @@ var ContactForm = ({
|
|
6180
6181
|
console.log("Form is submitted but onSubmit prop is missing");
|
6181
6182
|
}
|
6182
6183
|
};
|
6183
|
-
return /* @__PURE__ */
|
6184
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6184
6185
|
Card,
|
6185
6186
|
{
|
6186
6187
|
className: cn(
|
@@ -6189,7 +6190,7 @@ var ContactForm = ({
|
|
6189
6190
|
),
|
6190
6191
|
style: cardless ? { boxShadow: "none" } : void 0
|
6191
6192
|
},
|
6192
|
-
/* @__PURE__ */
|
6193
|
+
/* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react51.default.createElement(
|
6193
6194
|
"form",
|
6194
6195
|
{
|
6195
6196
|
noValidate: true,
|
@@ -6198,7 +6199,7 @@ var ContactForm = ({
|
|
6198
6199
|
id: formId,
|
6199
6200
|
autoComplete: formAutoComplete
|
6200
6201
|
},
|
6201
|
-
/* @__PURE__ */
|
6202
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
6202
6203
|
"div",
|
6203
6204
|
{
|
6204
6205
|
className: cn(
|
@@ -6209,14 +6210,14 @@ var ContactForm = ({
|
|
6209
6210
|
}
|
6210
6211
|
)
|
6211
6212
|
},
|
6212
|
-
/* @__PURE__ */
|
6213
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
6213
6214
|
import_react_hook_form9.Controller,
|
6214
6215
|
{
|
6215
6216
|
control,
|
6216
6217
|
name: "name",
|
6217
6218
|
render: ({ field }) => {
|
6218
6219
|
var _a2;
|
6219
|
-
return /* @__PURE__ */
|
6220
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6220
6221
|
Input,
|
6221
6222
|
{
|
6222
6223
|
label: (texts == null ? void 0 : texts.name.label) || "Name",
|
@@ -6229,14 +6230,14 @@ var ContactForm = ({
|
|
6229
6230
|
}
|
6230
6231
|
}
|
6231
6232
|
),
|
6232
|
-
/* @__PURE__ */
|
6233
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
6233
6234
|
import_react_hook_form9.Controller,
|
6234
6235
|
{
|
6235
6236
|
control,
|
6236
6237
|
name: "email",
|
6237
6238
|
render: ({ field }) => {
|
6238
6239
|
var _a2;
|
6239
|
-
return /* @__PURE__ */
|
6240
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6240
6241
|
Input,
|
6241
6242
|
{
|
6242
6243
|
label: (texts == null ? void 0 : texts.email.label) || "Email",
|
@@ -6252,7 +6253,7 @@ var ContactForm = ({
|
|
6252
6253
|
),
|
6253
6254
|
customFields && customFields.map((customField) => {
|
6254
6255
|
console.log("custom", customField);
|
6255
|
-
return /* @__PURE__ */
|
6256
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6256
6257
|
import_react_hook_form9.Controller,
|
6257
6258
|
{
|
6258
6259
|
control,
|
@@ -6262,7 +6263,7 @@ var ContactForm = ({
|
|
6262
6263
|
switch (type) {
|
6263
6264
|
case "text":
|
6264
6265
|
case "number":
|
6265
|
-
return /* @__PURE__ */
|
6266
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6266
6267
|
Input,
|
6267
6268
|
{
|
6268
6269
|
id: customField.name,
|
@@ -6273,7 +6274,7 @@ var ContactForm = ({
|
|
6273
6274
|
}
|
6274
6275
|
);
|
6275
6276
|
case "select":
|
6276
|
-
return /* @__PURE__ */
|
6277
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6277
6278
|
Select,
|
6278
6279
|
{
|
6279
6280
|
label,
|
@@ -6283,20 +6284,20 @@ var ContactForm = ({
|
|
6283
6284
|
}
|
6284
6285
|
);
|
6285
6286
|
default:
|
6286
|
-
return /* @__PURE__ */
|
6287
|
+
return /* @__PURE__ */ import_react51.default.createElement("div", null, "Unknown type");
|
6287
6288
|
}
|
6288
6289
|
}
|
6289
6290
|
}
|
6290
6291
|
);
|
6291
6292
|
}),
|
6292
|
-
/* @__PURE__ */
|
6293
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
6293
6294
|
import_react_hook_form9.Controller,
|
6294
6295
|
{
|
6295
6296
|
control,
|
6296
6297
|
name: "message",
|
6297
6298
|
render: ({ field }) => {
|
6298
6299
|
var _a2;
|
6299
|
-
return /* @__PURE__ */
|
6300
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
6300
6301
|
Textarea,
|
6301
6302
|
{
|
6302
6303
|
label: (texts == null ? void 0 : texts.message.label) || "Message",
|
@@ -6313,19 +6314,19 @@ var ContactForm = ({
|
|
6313
6314
|
}
|
6314
6315
|
}
|
6315
6316
|
),
|
6316
|
-
/* @__PURE__ */
|
6317
|
+
/* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
|
6317
6318
|
))
|
6318
6319
|
);
|
6319
6320
|
};
|
6320
6321
|
|
6321
6322
|
// blocks/pricing/PricingPlans.tsx
|
6322
|
-
var
|
6323
|
+
var import_react57 = __toESM(require("react"));
|
6323
6324
|
|
6324
6325
|
// blocks/cards/ActionCard.tsx
|
6325
|
-
var
|
6326
|
+
var import_react52 = __toESM(require("react"));
|
6326
6327
|
var ActionCard = (props) => {
|
6327
|
-
const [hovered, setHovered] = (0,
|
6328
|
-
return /* @__PURE__ */
|
6328
|
+
const [hovered, setHovered] = (0, import_react52.useState)(false);
|
6329
|
+
return /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react52.default.createElement(
|
6329
6330
|
"div",
|
6330
6331
|
{
|
6331
6332
|
className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
|
@@ -6335,7 +6336,7 @@ var ActionCard = (props) => {
|
|
6335
6336
|
onMouseEnter: () => setHovered(true),
|
6336
6337
|
onMouseLeave: () => setHovered(false)
|
6337
6338
|
},
|
6338
|
-
props.blank ? /* @__PURE__ */
|
6339
|
+
props.blank ? /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react52.default.createElement(
|
6339
6340
|
"svg",
|
6340
6341
|
{
|
6341
6342
|
className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
|
@@ -6347,11 +6348,11 @@ var ActionCard = (props) => {
|
|
6347
6348
|
width: "1em",
|
6348
6349
|
xmlns: "http://www.w3.org/2000/svg"
|
6349
6350
|
},
|
6350
|
-
/* @__PURE__ */
|
6351
|
-
)) : /* @__PURE__ */
|
6352
|
-
/* @__PURE__ */
|
6353
|
-
!props.blank && /* @__PURE__ */
|
6354
|
-
), /* @__PURE__ */
|
6351
|
+
/* @__PURE__ */ import_react52.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
|
6352
|
+
)) : /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
|
6353
|
+
/* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
|
6354
|
+
!props.blank && /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react52.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react52.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
|
6355
|
+
), /* @__PURE__ */ import_react52.default.createElement(
|
6355
6356
|
"div",
|
6356
6357
|
{
|
6357
6358
|
className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
|
@@ -6361,15 +6362,15 @@ var ActionCard = (props) => {
|
|
6361
6362
|
};
|
6362
6363
|
|
6363
6364
|
// blocks/cards/AdCard.tsx
|
6364
|
-
var
|
6365
|
+
var import_react53 = __toESM(require("react"));
|
6365
6366
|
var AdCard = ({
|
6366
6367
|
orientation = "vertical",
|
6367
6368
|
...props
|
6368
6369
|
}) => {
|
6369
|
-
const adRef = (0,
|
6370
|
-
const [closed, setClosed] = (0,
|
6370
|
+
const adRef = (0, import_react53.useRef)(null);
|
6371
|
+
const [closed, setClosed] = (0, import_react53.useState)(false);
|
6371
6372
|
let duration = 0;
|
6372
|
-
(0,
|
6373
|
+
(0, import_react53.useEffect)(() => {
|
6373
6374
|
if (duration) {
|
6374
6375
|
const timeoutHide = setTimeout(() => {
|
6375
6376
|
setClosed(true);
|
@@ -6394,21 +6395,21 @@ var AdCard = ({
|
|
6394
6395
|
horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500 hawa-rounded-inner",
|
6395
6396
|
vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
|
6396
6397
|
};
|
6397
|
-
return /* @__PURE__ */
|
6398
|
+
return /* @__PURE__ */ import_react53.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react53.default.createElement(
|
6398
6399
|
"div",
|
6399
6400
|
{
|
6400
6401
|
className: cn(cardStyles[orientation], props.className),
|
6401
6402
|
onClick: props.handleClick
|
6402
6403
|
},
|
6403
|
-
/* @__PURE__ */
|
6404
|
+
/* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start " }, /* @__PURE__ */ import_react53.default.createElement(
|
6404
6405
|
"img",
|
6405
6406
|
{
|
6406
6407
|
src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
|
6407
6408
|
className: imageStyles[orientation]
|
6408
6409
|
}
|
6409
6410
|
)),
|
6410
|
-
/* @__PURE__ */
|
6411
|
-
props.canHide && /* @__PURE__ */
|
6411
|
+
/* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
|
6412
|
+
props.canHide && /* @__PURE__ */ import_react53.default.createElement(
|
6412
6413
|
"span",
|
6413
6414
|
{
|
6414
6415
|
onClick: (e) => {
|
@@ -6434,7 +6435,7 @@ var AdCard = ({
|
|
6434
6435
|
};
|
6435
6436
|
|
6436
6437
|
// blocks/cards/PricingCard.tsx
|
6437
|
-
var
|
6438
|
+
var import_react54 = __toESM(require("react"));
|
6438
6439
|
|
6439
6440
|
// elements/separator/Separator.tsx
|
6440
6441
|
var React55 = __toESM(require("react"));
|
@@ -6469,13 +6470,13 @@ var PricingCard = ({
|
|
6469
6470
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
6470
6471
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
6471
6472
|
};
|
6472
|
-
return /* @__PURE__ */
|
6473
|
+
return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react54.default.createElement(
|
6473
6474
|
Skeleton,
|
6474
6475
|
{
|
6475
6476
|
className: cn(cardSizes[size], "hawa-h-[200px]"),
|
6476
6477
|
fade: "bottom"
|
6477
6478
|
}
|
6478
|
-
) : /* @__PURE__ */
|
6479
|
+
) : /* @__PURE__ */ import_react54.default.createElement(
|
6479
6480
|
Card,
|
6480
6481
|
{
|
6481
6482
|
dir: direction,
|
@@ -6486,7 +6487,7 @@ var PricingCard = ({
|
|
6486
6487
|
recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
|
6487
6488
|
)
|
6488
6489
|
},
|
6489
|
-
recommended && /* @__PURE__ */
|
6490
|
+
recommended && /* @__PURE__ */ import_react54.default.createElement(
|
6490
6491
|
"div",
|
6491
6492
|
{
|
6492
6493
|
className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2 hawa-text-center hawa-text-primary-foreground",
|
@@ -6494,7 +6495,7 @@ var PricingCard = ({
|
|
6494
6495
|
},
|
6495
6496
|
((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
|
6496
6497
|
),
|
6497
|
-
/* @__PURE__ */
|
6498
|
+
/* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react54.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react54.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react54.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react54.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react54.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react54.default.createElement(Separator, null), /* @__PURE__ */ import_react54.default.createElement(
|
6498
6499
|
"div",
|
6499
6500
|
{
|
6500
6501
|
className: cn(
|
@@ -6502,9 +6503,9 @@ var PricingCard = ({
|
|
6502
6503
|
endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
|
6503
6504
|
)
|
6504
6505
|
},
|
6505
|
-
props.features && /* @__PURE__ */
|
6506
|
+
props.features && /* @__PURE__ */ import_react54.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
|
6506
6507
|
var _a2;
|
6507
|
-
return /* @__PURE__ */
|
6508
|
+
return /* @__PURE__ */ import_react54.default.createElement(
|
6508
6509
|
"li",
|
6509
6510
|
{
|
6510
6511
|
key: o,
|
@@ -6513,7 +6514,7 @@ var PricingCard = ({
|
|
6513
6514
|
!feature.included && "hawa-line-through"
|
6514
6515
|
)
|
6515
6516
|
},
|
6516
|
-
/* @__PURE__ */
|
6517
|
+
/* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react54.default.createElement(
|
6517
6518
|
"svg",
|
6518
6519
|
{
|
6519
6520
|
"aria-label": "Check Icon",
|
@@ -6522,7 +6523,7 @@ var PricingCard = ({
|
|
6522
6523
|
fill: "currentColor",
|
6523
6524
|
viewBox: "0 0 20 20"
|
6524
6525
|
},
|
6525
|
-
/* @__PURE__ */
|
6526
|
+
/* @__PURE__ */ import_react54.default.createElement(
|
6526
6527
|
"path",
|
6527
6528
|
{
|
6528
6529
|
fillRule: "evenodd",
|
@@ -6530,7 +6531,7 @@ var PricingCard = ({
|
|
6530
6531
|
clipRule: "evenodd"
|
6531
6532
|
}
|
6532
6533
|
)
|
6533
|
-
) : /* @__PURE__ */
|
6534
|
+
) : /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react54.default.createElement(
|
6534
6535
|
Chip,
|
6535
6536
|
{
|
6536
6537
|
label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
|
@@ -6538,13 +6539,13 @@ var PricingCard = ({
|
|
6538
6539
|
size: "small"
|
6539
6540
|
}
|
6540
6541
|
))),
|
6541
|
-
feature.hint && /* @__PURE__ */
|
6542
|
+
feature.hint && /* @__PURE__ */ import_react54.default.createElement(
|
6542
6543
|
Tooltip,
|
6543
6544
|
{
|
6544
6545
|
content: feature.hint,
|
6545
6546
|
side: feature.hintSide
|
6546
6547
|
},
|
6547
|
-
/* @__PURE__ */
|
6548
|
+
/* @__PURE__ */ import_react54.default.createElement(
|
6548
6549
|
"svg",
|
6549
6550
|
{
|
6550
6551
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -6556,14 +6557,14 @@ var PricingCard = ({
|
|
6556
6557
|
strokeLinecap: "round",
|
6557
6558
|
strokeLinejoin: "round"
|
6558
6559
|
},
|
6559
|
-
/* @__PURE__ */
|
6560
|
-
/* @__PURE__ */
|
6561
|
-
/* @__PURE__ */
|
6560
|
+
/* @__PURE__ */ import_react54.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
6561
|
+
/* @__PURE__ */ import_react54.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
6562
|
+
/* @__PURE__ */ import_react54.default.createElement("path", { d: "M12 17h.01" })
|
6562
6563
|
)
|
6563
6564
|
)
|
6564
6565
|
);
|
6565
6566
|
})),
|
6566
|
-
/* @__PURE__ */
|
6567
|
+
/* @__PURE__ */ import_react54.default.createElement(
|
6567
6568
|
Button,
|
6568
6569
|
{
|
6569
6570
|
onClick: props.onPlanClicked,
|
@@ -6577,7 +6578,7 @@ var PricingCard = ({
|
|
6577
6578
|
};
|
6578
6579
|
|
6579
6580
|
// blocks/cards/ItemCard.tsx
|
6580
|
-
var
|
6581
|
+
var import_react55 = __toESM(require("react"));
|
6581
6582
|
|
6582
6583
|
// elements/dropdownMenu/DropdownMenu.tsx
|
6583
6584
|
var React57 = __toESM(require("react"));
|
@@ -6977,12 +6978,12 @@ var ItemCard = ({
|
|
6977
6978
|
)
|
6978
6979
|
};
|
6979
6980
|
let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
|
6980
|
-
const [openActionHeader, setOpenActionHeader] = (0,
|
6981
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react55.useState)(false);
|
6981
6982
|
function handleOpenActionHeader(e) {
|
6982
6983
|
e.stopPropagation();
|
6983
6984
|
setOpenActionHeader(!openActionHeader);
|
6984
6985
|
}
|
6985
|
-
(0,
|
6986
|
+
(0, import_react55.useEffect)(() => {
|
6986
6987
|
window.onclick = () => {
|
6987
6988
|
if (openActionHeader) {
|
6988
6989
|
setOpenActionHeader(false);
|
@@ -6990,7 +6991,7 @@ var ItemCard = ({
|
|
6990
6991
|
};
|
6991
6992
|
return () => window.onclick = null;
|
6992
6993
|
}, [openActionHeader]);
|
6993
|
-
return /* @__PURE__ */
|
6994
|
+
return /* @__PURE__ */ import_react55.default.createElement(
|
6994
6995
|
"div",
|
6995
6996
|
{
|
6996
6997
|
className: cn(
|
@@ -7006,7 +7007,7 @@ var ItemCard = ({
|
|
7006
7007
|
}
|
7007
7008
|
}
|
7008
7009
|
},
|
7009
|
-
cardImage && /* @__PURE__ */
|
7010
|
+
cardImage && /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react55.default.createElement(
|
7010
7011
|
"img",
|
7011
7012
|
{
|
7012
7013
|
src: cardImage,
|
@@ -7015,7 +7016,7 @@ var ItemCard = ({
|
|
7015
7016
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
7016
7017
|
)
|
7017
7018
|
}
|
7018
|
-
), clickableImage && /* @__PURE__ */
|
7019
|
+
), clickableImage && /* @__PURE__ */ import_react55.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react55.default.createElement(
|
7019
7020
|
Button,
|
7020
7021
|
{
|
7021
7022
|
variant: "secondary",
|
@@ -7025,19 +7026,19 @@ var ItemCard = ({
|
|
7025
7026
|
clickableImageActionIcon,
|
7026
7027
|
clickableImageActionText || "Click"
|
7027
7028
|
)))),
|
7028
|
-
/* @__PURE__ */
|
7029
|
+
/* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react55.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react55.default.createElement(
|
7029
7030
|
DropdownMenu,
|
7030
7031
|
{
|
7031
7032
|
items: headerActions,
|
7032
|
-
trigger: /* @__PURE__ */
|
7033
|
+
trigger: /* @__PURE__ */ import_react55.default.createElement(
|
7033
7034
|
Button,
|
7034
7035
|
{
|
7035
7036
|
variant: "ghost",
|
7036
7037
|
size: "smallIcon",
|
7037
7038
|
onClick: handleOpenActionHeader
|
7038
7039
|
},
|
7039
|
-
/* @__PURE__ */
|
7040
|
-
/* @__PURE__ */
|
7040
|
+
/* @__PURE__ */ import_react55.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
7041
|
+
/* @__PURE__ */ import_react55.default.createElement(
|
7041
7042
|
"svg",
|
7042
7043
|
{
|
7043
7044
|
className: "hawa-h-5 hawa-w-5",
|
@@ -7045,11 +7046,11 @@ var ItemCard = ({
|
|
7045
7046
|
fill: "currentColor",
|
7046
7047
|
viewBox: "0 0 20 20"
|
7047
7048
|
},
|
7048
|
-
/* @__PURE__ */
|
7049
|
+
/* @__PURE__ */ import_react55.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
|
7049
7050
|
)
|
7050
7051
|
)
|
7051
7052
|
}
|
7052
|
-
))), /* @__PURE__ */
|
7053
|
+
))), /* @__PURE__ */ import_react55.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react55.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react55.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react55.default.createElement(
|
7053
7054
|
"div",
|
7054
7055
|
{
|
7055
7056
|
className: cn(
|
@@ -7059,15 +7060,15 @@ var ItemCard = ({
|
|
7059
7060
|
)
|
7060
7061
|
},
|
7061
7062
|
counts,
|
7062
|
-
/* @__PURE__ */
|
7063
|
+
/* @__PURE__ */ import_react55.default.createElement(StopPropagationWrapper, null, actions)
|
7063
7064
|
) : null)
|
7064
7065
|
);
|
7065
7066
|
};
|
7066
7067
|
|
7067
7068
|
// blocks/cards/LandingCard.tsx
|
7068
|
-
var
|
7069
|
+
var import_react56 = __toESM(require("react"));
|
7069
7070
|
var LandingCard = (props) => {
|
7070
|
-
return /* @__PURE__ */
|
7071
|
+
return /* @__PURE__ */ import_react56.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react56.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react56.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react56.default.createElement(CardDescription, null, props.subtitle)));
|
7071
7072
|
};
|
7072
7073
|
|
7073
7074
|
// blocks/pricing/PricingPlans.tsx
|
@@ -7076,7 +7077,7 @@ var PricingPlans = ({
|
|
7076
7077
|
cardsContainerProps,
|
7077
7078
|
...props
|
7078
7079
|
}) => {
|
7079
|
-
return /* @__PURE__ */
|
7080
|
+
return /* @__PURE__ */ import_react57.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react57.default.createElement(
|
7080
7081
|
Radio,
|
7081
7082
|
{
|
7082
7083
|
name: "cycle",
|
@@ -7089,7 +7090,7 @@ var PricingPlans = ({
|
|
7089
7090
|
}
|
7090
7091
|
}
|
7091
7092
|
}
|
7092
|
-
), /* @__PURE__ */
|
7093
|
+
), /* @__PURE__ */ import_react57.default.createElement(
|
7093
7094
|
Radio,
|
7094
7095
|
{
|
7095
7096
|
name: "currency",
|
@@ -7102,7 +7103,7 @@ var PricingPlans = ({
|
|
7102
7103
|
}
|
7103
7104
|
}
|
7104
7105
|
}
|
7105
|
-
)), /* @__PURE__ */
|
7106
|
+
)), /* @__PURE__ */ import_react57.default.createElement(
|
7106
7107
|
"div",
|
7107
7108
|
{
|
7108
7109
|
className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
|
@@ -7110,7 +7111,7 @@ var PricingPlans = ({
|
|
7110
7111
|
},
|
7111
7112
|
props.plans.map((plan, index) => {
|
7112
7113
|
var _a, _b;
|
7113
|
-
return /* @__PURE__ */
|
7114
|
+
return /* @__PURE__ */ import_react57.default.createElement(
|
7114
7115
|
PricingCard,
|
7115
7116
|
{
|
7116
7117
|
key: index,
|
@@ -7141,7 +7142,7 @@ var PricingPlans = ({
|
|
7141
7142
|
};
|
7142
7143
|
|
7143
7144
|
// blocks/pricing/ComparingPlans.tsx
|
7144
|
-
var
|
7145
|
+
var import_react58 = __toESM(require("react"));
|
7145
7146
|
var ComparingPlans = (props) => {
|
7146
7147
|
const uniqueFeatures = Array.from(
|
7147
7148
|
new Set(
|
@@ -7150,7 +7151,7 @@ var ComparingPlans = (props) => {
|
|
7150
7151
|
)
|
7151
7152
|
)
|
7152
7153
|
);
|
7153
|
-
return /* @__PURE__ */
|
7154
|
+
return /* @__PURE__ */ import_react58.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react58.default.createElement(
|
7154
7155
|
Radio,
|
7155
7156
|
{
|
7156
7157
|
name: "cycle",
|
@@ -7165,7 +7166,7 @@ var ComparingPlans = (props) => {
|
|
7165
7166
|
}
|
7166
7167
|
}
|
7167
7168
|
}
|
7168
|
-
), /* @__PURE__ */
|
7169
|
+
), /* @__PURE__ */ import_react58.default.createElement(
|
7169
7170
|
Radio,
|
7170
7171
|
{
|
7171
7172
|
name: "currency",
|
@@ -7180,7 +7181,7 @@ var ComparingPlans = (props) => {
|
|
7180
7181
|
}
|
7181
7182
|
}
|
7182
7183
|
}
|
7183
|
-
)), /* @__PURE__ */
|
7184
|
+
)), /* @__PURE__ */ import_react58.default.createElement(
|
7184
7185
|
"div",
|
7185
7186
|
{
|
7186
7187
|
className: cn(
|
@@ -7191,16 +7192,16 @@ var ComparingPlans = (props) => {
|
|
7191
7192
|
top: props.topPosition || 0
|
7192
7193
|
}
|
7193
7194
|
},
|
7194
|
-
/* @__PURE__ */
|
7195
|
-
props.plans.map((plan, i) => /* @__PURE__ */
|
7195
|
+
/* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
7196
|
+
props.plans.map((plan, i) => /* @__PURE__ */ import_react58.default.createElement(
|
7196
7197
|
"div",
|
7197
7198
|
{
|
7198
7199
|
key: i,
|
7199
7200
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
|
7200
7201
|
},
|
7201
|
-
/* @__PURE__ */
|
7202
|
+
/* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react58.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
|
7202
7203
|
))
|
7203
|
-
), /* @__PURE__ */
|
7204
|
+
), /* @__PURE__ */ import_react58.default.createElement(
|
7204
7205
|
ScrollArea,
|
7205
7206
|
{
|
7206
7207
|
className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
|
@@ -7208,7 +7209,7 @@ var ComparingPlans = (props) => {
|
|
7208
7209
|
},
|
7209
7210
|
uniqueFeatures.map((featureText, featureIndex) => {
|
7210
7211
|
var _a, _b, _c, _d;
|
7211
|
-
return /* @__PURE__ */
|
7212
|
+
return /* @__PURE__ */ import_react58.default.createElement(
|
7212
7213
|
"div",
|
7213
7214
|
{
|
7214
7215
|
key: featureIndex,
|
@@ -7217,11 +7218,11 @@ var ComparingPlans = (props) => {
|
|
7217
7218
|
featureIndex === 0 ? "" : "hawa-border-t"
|
7218
7219
|
)
|
7219
7220
|
},
|
7220
|
-
/* @__PURE__ */
|
7221
|
+
/* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
|
7221
7222
|
(plan) => plan.features.some(
|
7222
7223
|
(feature) => feature.text === featureText && feature.hint
|
7223
7224
|
)
|
7224
|
-
) && /* @__PURE__ */
|
7225
|
+
) && /* @__PURE__ */ import_react58.default.createElement(
|
7225
7226
|
Tooltip,
|
7226
7227
|
{
|
7227
7228
|
side: "right",
|
@@ -7236,7 +7237,7 @@ var ComparingPlans = (props) => {
|
|
7236
7237
|
(feature) => feature.text === featureText
|
7237
7238
|
)) == null ? void 0 : _b.hint
|
7238
7239
|
},
|
7239
|
-
/* @__PURE__ */
|
7240
|
+
/* @__PURE__ */ import_react58.default.createElement(
|
7240
7241
|
"svg",
|
7241
7242
|
{
|
7242
7243
|
stroke: "currentColor",
|
@@ -7246,13 +7247,13 @@ var ComparingPlans = (props) => {
|
|
7246
7247
|
height: "1em",
|
7247
7248
|
width: "1em"
|
7248
7249
|
},
|
7249
|
-
/* @__PURE__ */
|
7250
|
+
/* @__PURE__ */ import_react58.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
7250
7251
|
)
|
7251
7252
|
), props.plans.some(
|
7252
7253
|
(plan) => plan.features.some(
|
7253
7254
|
(feature) => feature.text === featureText && feature.soon
|
7254
7255
|
)
|
7255
|
-
) && /* @__PURE__ */
|
7256
|
+
) && /* @__PURE__ */ import_react58.default.createElement(
|
7256
7257
|
Chip,
|
7257
7258
|
{
|
7258
7259
|
label: ((_d = (_c = props.plans.find(
|
@@ -7266,26 +7267,26 @@ var ComparingPlans = (props) => {
|
|
7266
7267
|
const feature = plan.features.find(
|
7267
7268
|
(f) => f.text === featureText
|
7268
7269
|
);
|
7269
|
-
return /* @__PURE__ */
|
7270
|
+
return /* @__PURE__ */ import_react58.default.createElement(
|
7270
7271
|
"div",
|
7271
7272
|
{
|
7272
7273
|
key: planIndex,
|
7273
7274
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
|
7274
7275
|
},
|
7275
|
-
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */
|
7276
|
+
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react58.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react58.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
|
7276
7277
|
);
|
7277
7278
|
})
|
7278
7279
|
);
|
7279
7280
|
})
|
7280
|
-
), props.showButtons && /* @__PURE__ */
|
7281
|
+
), props.showButtons && /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
|
7281
7282
|
var _a;
|
7282
|
-
return /* @__PURE__ */
|
7283
|
+
return /* @__PURE__ */ import_react58.default.createElement(
|
7283
7284
|
"div",
|
7284
7285
|
{
|
7285
7286
|
key: i,
|
7286
7287
|
className: "hawa-flex hawa-items-center hawa-justify-center"
|
7287
7288
|
},
|
7288
|
-
/* @__PURE__ */
|
7289
|
+
/* @__PURE__ */ import_react58.default.createElement(
|
7289
7290
|
Button,
|
7290
7291
|
{
|
7291
7292
|
className: "hawa-w-full hawa-max-w-xs",
|
@@ -7309,15 +7310,15 @@ var ComparingPlans = (props) => {
|
|
7309
7310
|
};
|
7310
7311
|
|
7311
7312
|
// blocks/pricing/HorizontalPricing.tsx
|
7312
|
-
var
|
7313
|
+
var import_react59 = __toESM(require("react"));
|
7313
7314
|
var HorizontalPricing = (props) => {
|
7314
|
-
const [selectedCard, setSelectedCard] = (0,
|
7315
|
+
const [selectedCard, setSelectedCard] = (0, import_react59.useState)("");
|
7315
7316
|
let data = [
|
7316
7317
|
{ title: "basic", price: "$49", cycle: "/mo" },
|
7317
7318
|
{ title: "business", price: "$99", cycle: "/mo" },
|
7318
7319
|
{ title: "enterprise", price: "$149", cycle: "/mo" }
|
7319
7320
|
];
|
7320
|
-
return /* @__PURE__ */
|
7321
|
+
return /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react59.default.createElement(
|
7321
7322
|
Radio,
|
7322
7323
|
{
|
7323
7324
|
name: "currency",
|
@@ -7325,7 +7326,7 @@ var HorizontalPricing = (props) => {
|
|
7325
7326
|
options: props.currencies,
|
7326
7327
|
defaultValue: props.currentCurrency
|
7327
7328
|
}
|
7328
|
-
), /* @__PURE__ */
|
7329
|
+
), /* @__PURE__ */ import_react59.default.createElement(
|
7329
7330
|
Radio,
|
7330
7331
|
{
|
7331
7332
|
name: "cycle",
|
@@ -7333,7 +7334,7 @@ var HorizontalPricing = (props) => {
|
|
7333
7334
|
options: props.billingCycles,
|
7334
7335
|
defaultValue: props.currentCycle
|
7335
7336
|
}
|
7336
|
-
)), data.map((d, i) => /* @__PURE__ */
|
7337
|
+
)), data.map((d, i) => /* @__PURE__ */ import_react59.default.createElement(
|
7337
7338
|
"label",
|
7338
7339
|
{
|
7339
7340
|
key: i,
|
@@ -7341,7 +7342,7 @@ var HorizontalPricing = (props) => {
|
|
7341
7342
|
className: "",
|
7342
7343
|
onClick: () => setSelectedCard(d.title)
|
7343
7344
|
},
|
7344
|
-
/* @__PURE__ */
|
7345
|
+
/* @__PURE__ */ import_react59.default.createElement(
|
7345
7346
|
"input",
|
7346
7347
|
{
|
7347
7348
|
type: "radio",
|
@@ -7350,7 +7351,7 @@ var HorizontalPricing = (props) => {
|
|
7350
7351
|
className: "hawa-peer hawa-appearance-none"
|
7351
7352
|
}
|
7352
7353
|
),
|
7353
|
-
/* @__PURE__ */
|
7354
|
+
/* @__PURE__ */ import_react59.default.createElement(
|
7354
7355
|
"div",
|
7355
7356
|
{
|
7356
7357
|
className: cn(
|
@@ -7358,18 +7359,18 @@ var HorizontalPricing = (props) => {
|
|
7358
7359
|
"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"
|
7359
7360
|
)
|
7360
7361
|
},
|
7361
|
-
/* @__PURE__ */
|
7362
|
+
/* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react59.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react59.default.createElement(
|
7362
7363
|
CardText,
|
7363
7364
|
{
|
7364
7365
|
title: "Enterprise",
|
7365
7366
|
subtitle: "For startups and new businesses"
|
7366
7367
|
}
|
7367
7368
|
)),
|
7368
|
-
/* @__PURE__ */
|
7369
|
+
/* @__PURE__ */ import_react59.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
|
7369
7370
|
)
|
7370
7371
|
))));
|
7371
7372
|
};
|
7372
|
-
var CheckIcons = () => /* @__PURE__ */
|
7373
|
+
var CheckIcons = () => /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(
|
7373
7374
|
"svg",
|
7374
7375
|
{
|
7375
7376
|
fill: "none",
|
@@ -7378,7 +7379,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react58.default.createElement(impo
|
|
7378
7379
|
stroke: "currentColor",
|
7379
7380
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
7380
7381
|
},
|
7381
|
-
/* @__PURE__ */
|
7382
|
+
/* @__PURE__ */ import_react59.default.createElement(
|
7382
7383
|
"path",
|
7383
7384
|
{
|
7384
7385
|
strokeLinecap: "round",
|
@@ -7386,14 +7387,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react58.default.createElement(impo
|
|
7386
7387
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
7387
7388
|
}
|
7388
7389
|
)
|
7389
|
-
), /* @__PURE__ */
|
7390
|
+
), /* @__PURE__ */ import_react59.default.createElement(
|
7390
7391
|
"svg",
|
7391
7392
|
{
|
7392
7393
|
viewBox: "0 0 24 24",
|
7393
7394
|
fill: "currentColor",
|
7394
7395
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
7395
7396
|
},
|
7396
|
-
/* @__PURE__ */
|
7397
|
+
/* @__PURE__ */ import_react59.default.createElement(
|
7397
7398
|
"path",
|
7398
7399
|
{
|
7399
7400
|
fillRule: "evenodd",
|
@@ -7402,11 +7403,11 @@ var CheckIcons = () => /* @__PURE__ */ import_react58.default.createElement(impo
|
|
7402
7403
|
}
|
7403
7404
|
)
|
7404
7405
|
));
|
7405
|
-
var CardText = (props) => /* @__PURE__ */
|
7406
|
-
var CardPrice = (props) => /* @__PURE__ */
|
7406
|
+
var CardText = (props) => /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react59.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react59.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
|
7407
|
+
var CardPrice = (props) => /* @__PURE__ */ import_react59.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react59.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
|
7407
7408
|
|
7408
7409
|
// blocks/Usage.tsx
|
7409
|
-
var
|
7410
|
+
var import_react60 = __toESM(require("react"));
|
7410
7411
|
|
7411
7412
|
// elements/progress/Progress.tsx
|
7412
7413
|
var React63 = __toESM(require("react"));
|
@@ -7434,7 +7435,7 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
7434
7435
|
// blocks/Usage.tsx
|
7435
7436
|
var Usage = (props) => {
|
7436
7437
|
var _a;
|
7437
|
-
return /* @__PURE__ */
|
7438
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react60.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react60.default.createElement(
|
7438
7439
|
"svg",
|
7439
7440
|
{
|
7440
7441
|
stroke: "currentColor",
|
@@ -7445,8 +7446,8 @@ var Usage = (props) => {
|
|
7445
7446
|
height: "1em",
|
7446
7447
|
width: "1em"
|
7447
7448
|
},
|
7448
|
-
/* @__PURE__ */
|
7449
|
-
))), /* @__PURE__ */
|
7449
|
+
/* @__PURE__ */ import_react60.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
7450
|
+
))), /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react60.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react60.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react60.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
|
7450
7451
|
};
|
7451
7452
|
// Annotate the CommonJS export names for ESM import in node:
|
7452
7453
|
0 && (module.exports = {
|