@sikka/hawa 0.31.6-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 +92 -92
- package/dist/blocks/auth/index.mjs +18 -18
- 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 +328 -328
- package/dist/blocks/index.mjs +3 -2
- 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/{chunk-NPD4FUIM.mjs → chunk-JXN2PVGT.mjs} +16 -17
- 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 +9 -8
- package/dist/elements/index.d.ts +9 -8
- package/dist/elements/index.js +15 -16
- package/dist/elements/index.mjs +1 -1
- package/dist/hooks/index.d.mts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +277 -277
- package/dist/index.mjs +18 -18
- 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/phoneInput/index.d.mts +2 -1
- package/dist/phoneInput/index.d.ts +2 -1
- package/dist/phoneInput/index.js +15 -16
- package/dist/phoneInput/index.js.map +1 -1
- package/dist/phoneInput/index.mjs +16 -17
- package/dist/phoneInput/index.mjs.map +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/index.js
CHANGED
@@ -7064,16 +7064,14 @@ var countries = [
|
|
7064
7064
|
var countries_default = countries;
|
7065
7065
|
|
7066
7066
|
// elements/phoneInput/PhoneInput.tsx
|
7067
|
-
var PhoneInput = ({
|
7067
|
+
var PhoneInput = ({
|
7068
|
+
labelProps,
|
7069
|
+
inputProps,
|
7070
|
+
...props
|
7071
|
+
}) => {
|
7068
7072
|
const [phoneNumber, setPhoneNumber] = (0, import_react33.useState)("");
|
7069
7073
|
const [countryCode, setCountryCode] = (0, import_react33.useState)(props.preferredCountry);
|
7070
7074
|
const inputRef = (0, import_react33.useRef)(null);
|
7071
|
-
(0, import_react33.useEffect)(() => {
|
7072
|
-
var _a;
|
7073
|
-
if (inputRef.current) {
|
7074
|
-
(_a = inputRef.current) == null ? void 0 : _a.focus();
|
7075
|
-
}
|
7076
|
-
}, []);
|
7077
7075
|
const handleInputChange = (e) => {
|
7078
7076
|
const validChars = /^[0-9-()]+$/;
|
7079
7077
|
const input = e.target.value;
|
@@ -7089,31 +7087,32 @@ var PhoneInput = ({ labelProps, ...props }) => {
|
|
7089
7087
|
return /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react33.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react33.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react33.default.createElement(
|
7090
7088
|
Select,
|
7091
7089
|
{
|
7090
|
+
phoneCode: true,
|
7092
7091
|
width: "fit",
|
7093
7092
|
hideHelperText: true,
|
7094
|
-
phoneCode: true,
|
7095
7093
|
hideIndicator: true,
|
7096
|
-
placeholder: "Code",
|
7097
|
-
options: countries_default,
|
7098
7094
|
isMulti: false,
|
7099
7095
|
isSearchable: true,
|
7100
7096
|
isClearable: false,
|
7101
|
-
|
7097
|
+
placeholder: "Code",
|
7098
|
+
options: countries_default,
|
7099
|
+
onChange: setCountryCode,
|
7102
7100
|
value: countryCode == null ? void 0 : countryCode.label,
|
7103
|
-
|
7101
|
+
defaultValue: props.preferredCountry
|
7104
7102
|
}
|
7105
7103
|
), /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react33.default.createElement(
|
7106
7104
|
"input",
|
7107
7105
|
{
|
7106
|
+
type: "tel",
|
7108
7107
|
ref: inputRef,
|
7109
7108
|
id: "phone-number",
|
7109
|
+
value: phoneNumber,
|
7110
|
+
onChange: handleInputChange,
|
7111
|
+
placeholder: props.placeholder,
|
7110
7112
|
className: cn(
|
7111
7113
|
"hawa-block hawa-h-[40px] hawa-w-full hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
|
7112
7114
|
),
|
7113
|
-
|
7114
|
-
value: phoneNumber,
|
7115
|
-
type: "tel",
|
7116
|
-
placeholder: props.placeholder
|
7115
|
+
...inputProps
|
7117
7116
|
}
|
7118
7117
|
))), /* @__PURE__ */ import_react33.default.createElement(
|
7119
7118
|
"p",
|
@@ -10134,6 +10133,7 @@ var AuthButtons = (props) => {
|
|
10134
10133
|
|
10135
10134
|
// blocks/auth/LoginForm.tsx
|
10136
10135
|
var import_react60 = __toESM(require("react"));
|
10136
|
+
var import_react61 = require("react");
|
10137
10137
|
var import_react_hook_form = require("react-hook-form");
|
10138
10138
|
var import_zod = require("@hookform/resolvers/zod");
|
10139
10139
|
var import_libphonenumber_js = require("libphonenumber-js");
|
@@ -10145,7 +10145,7 @@ var LoginForm = ({
|
|
10145
10145
|
...props
|
10146
10146
|
}) => {
|
10147
10147
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
|
10148
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
10148
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react61.useState)(false);
|
10149
10149
|
const thirdPartyAuthTexts = {
|
10150
10150
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
10151
10151
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
@@ -10450,7 +10450,7 @@ var LoginForm = ({
|
|
10450
10450
|
};
|
10451
10451
|
|
10452
10452
|
// blocks/auth/RegisterForm.tsx
|
10453
|
-
var
|
10453
|
+
var import_react62 = __toESM(require("react"));
|
10454
10454
|
var import_react_hook_form2 = require("react-hook-form");
|
10455
10455
|
var import_zod2 = require("@hookform/resolvers/zod");
|
10456
10456
|
var z2 = __toESM(require("zod"));
|
@@ -10462,7 +10462,7 @@ var RegisterForm = ({
|
|
10462
10462
|
...props
|
10463
10463
|
}) => {
|
10464
10464
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
10465
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
10465
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react62.useState)(false);
|
10466
10466
|
const thirdPartyAuthTexts = {
|
10467
10467
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
10468
10468
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
@@ -10529,7 +10529,7 @@ var RegisterForm = ({
|
|
10529
10529
|
const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
|
10530
10530
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
10531
10531
|
});
|
10532
|
-
return /* @__PURE__ */
|
10532
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10533
10533
|
"div",
|
10534
10534
|
{
|
10535
10535
|
className: cn(
|
@@ -10537,7 +10537,7 @@ var RegisterForm = ({
|
|
10537
10537
|
(_g = props.classNames) == null ? void 0 : _g.root
|
10538
10538
|
)
|
10539
10539
|
},
|
10540
|
-
/* @__PURE__ */
|
10540
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10541
10541
|
Card,
|
10542
10542
|
{
|
10543
10543
|
dir: props.direction,
|
@@ -10546,7 +10546,7 @@ var RegisterForm = ({
|
|
10546
10546
|
props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
|
10547
10547
|
)
|
10548
10548
|
},
|
10549
|
-
/* @__PURE__ */
|
10549
|
+
/* @__PURE__ */ import_react62.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react62.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react62.default.createElement(
|
10550
10550
|
Alert,
|
10551
10551
|
{
|
10552
10552
|
direction: props.direction,
|
@@ -10559,7 +10559,7 @@ var RegisterForm = ({
|
|
10559
10559
|
}
|
10560
10560
|
}
|
10561
10561
|
}
|
10562
|
-
), /* @__PURE__ */
|
10562
|
+
), /* @__PURE__ */ import_react62.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react62.default.createElement(
|
10563
10563
|
"form",
|
10564
10564
|
{
|
10565
10565
|
noValidate: true,
|
@@ -10574,9 +10574,9 @@ var RegisterForm = ({
|
|
10574
10574
|
}),
|
10575
10575
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
10576
10576
|
},
|
10577
|
-
/* @__PURE__ */
|
10577
|
+
/* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
|
10578
10578
|
if (fld === "fullname") {
|
10579
|
-
return /* @__PURE__ */
|
10579
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10580
10580
|
import_react_hook_form2.Controller,
|
10581
10581
|
{
|
10582
10582
|
key: i,
|
@@ -10584,7 +10584,7 @@ var RegisterForm = ({
|
|
10584
10584
|
name: "fullName",
|
10585
10585
|
render: ({ field }) => {
|
10586
10586
|
var _a2, _b2, _c2;
|
10587
|
-
return /* @__PURE__ */
|
10587
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10588
10588
|
Input,
|
10589
10589
|
{
|
10590
10590
|
width: "full",
|
@@ -10599,7 +10599,7 @@ var RegisterForm = ({
|
|
10599
10599
|
);
|
10600
10600
|
}
|
10601
10601
|
if (fld === "email") {
|
10602
|
-
return /* @__PURE__ */
|
10602
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10603
10603
|
import_react_hook_form2.Controller,
|
10604
10604
|
{
|
10605
10605
|
key: i,
|
@@ -10607,7 +10607,7 @@ var RegisterForm = ({
|
|
10607
10607
|
name: "email",
|
10608
10608
|
render: ({ field }) => {
|
10609
10609
|
var _a2, _b2, _c2;
|
10610
|
-
return /* @__PURE__ */
|
10610
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10611
10611
|
Input,
|
10612
10612
|
{
|
10613
10613
|
dir: "ltr",
|
@@ -10627,7 +10627,7 @@ var RegisterForm = ({
|
|
10627
10627
|
);
|
10628
10628
|
}
|
10629
10629
|
if (fld === "username") {
|
10630
|
-
return /* @__PURE__ */
|
10630
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10631
10631
|
import_react_hook_form2.Controller,
|
10632
10632
|
{
|
10633
10633
|
key: i,
|
@@ -10635,7 +10635,7 @@ var RegisterForm = ({
|
|
10635
10635
|
name: "username",
|
10636
10636
|
render: ({ field }) => {
|
10637
10637
|
var _a2, _b2, _c2, _d2;
|
10638
|
-
return /* @__PURE__ */
|
10638
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10639
10639
|
Input,
|
10640
10640
|
{
|
10641
10641
|
width: "full",
|
@@ -10654,25 +10654,25 @@ var RegisterForm = ({
|
|
10654
10654
|
);
|
10655
10655
|
}
|
10656
10656
|
})),
|
10657
|
-
/* @__PURE__ */
|
10657
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10658
10658
|
import_react_hook_form2.Controller,
|
10659
10659
|
{
|
10660
10660
|
control,
|
10661
10661
|
name: "password",
|
10662
10662
|
render: ({ field }) => {
|
10663
10663
|
var _a2, _b2, _c2;
|
10664
|
-
return /* @__PURE__ */
|
10664
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10665
10665
|
Input,
|
10666
10666
|
{
|
10667
10667
|
width: "full",
|
10668
10668
|
type: passwordVisible ? "text" : "password",
|
10669
|
-
endIcon: /* @__PURE__ */
|
10669
|
+
endIcon: /* @__PURE__ */ import_react62.default.createElement(
|
10670
10670
|
"div",
|
10671
10671
|
{
|
10672
10672
|
className: "hawa-cursor-pointer",
|
10673
10673
|
onClick: () => setPasswordVisible(!passwordVisible)
|
10674
10674
|
},
|
10675
|
-
passwordVisible ? /* @__PURE__ */
|
10675
|
+
passwordVisible ? /* @__PURE__ */ import_react62.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react62.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
|
10676
10676
|
" "
|
10677
10677
|
),
|
10678
10678
|
autoComplete: "new-password",
|
@@ -10685,14 +10685,14 @@ var RegisterForm = ({
|
|
10685
10685
|
}
|
10686
10686
|
}
|
10687
10687
|
),
|
10688
|
-
/* @__PURE__ */
|
10688
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10689
10689
|
import_react_hook_form2.Controller,
|
10690
10690
|
{
|
10691
10691
|
control,
|
10692
10692
|
name: "confirm_password",
|
10693
10693
|
render: ({ field }) => {
|
10694
10694
|
var _a2, _b2, _c2;
|
10695
|
-
return /* @__PURE__ */
|
10695
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10696
10696
|
Input,
|
10697
10697
|
{
|
10698
10698
|
width: "full",
|
@@ -10708,14 +10708,14 @@ var RegisterForm = ({
|
|
10708
10708
|
}
|
10709
10709
|
),
|
10710
10710
|
props.additionalInputs,
|
10711
|
-
props.showRefCode && /* @__PURE__ */
|
10711
|
+
props.showRefCode && /* @__PURE__ */ import_react62.default.createElement(
|
10712
10712
|
import_react_hook_form2.Controller,
|
10713
10713
|
{
|
10714
10714
|
control,
|
10715
10715
|
name: "refCode",
|
10716
10716
|
render: ({ field }) => {
|
10717
10717
|
var _a2;
|
10718
|
-
return /* @__PURE__ */
|
10718
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10719
10719
|
Input,
|
10720
10720
|
{
|
10721
10721
|
width: "full",
|
@@ -10728,14 +10728,14 @@ var RegisterForm = ({
|
|
10728
10728
|
}
|
10729
10729
|
}
|
10730
10730
|
),
|
10731
|
-
props.showUserSource && /* @__PURE__ */
|
10731
|
+
props.showUserSource && /* @__PURE__ */ import_react62.default.createElement(
|
10732
10732
|
import_react_hook_form2.Controller,
|
10733
10733
|
{
|
10734
10734
|
control,
|
10735
10735
|
name: "reference",
|
10736
10736
|
render: ({ field }) => {
|
10737
10737
|
var _a2, _b2;
|
10738
|
-
return /* @__PURE__ */
|
10738
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10739
10739
|
Select,
|
10740
10740
|
{
|
10741
10741
|
label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
|
@@ -10751,20 +10751,20 @@ var RegisterForm = ({
|
|
10751
10751
|
}
|
10752
10752
|
}
|
10753
10753
|
),
|
10754
|
-
showTermsOption || showNewsletterOption ? /* @__PURE__ */
|
10754
|
+
showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react62.default.createElement(
|
10755
10755
|
import_react_hook_form2.Controller,
|
10756
10756
|
{
|
10757
10757
|
control,
|
10758
10758
|
name: "terms_accepted",
|
10759
10759
|
render: ({ field }) => {
|
10760
10760
|
var _a2, _b2;
|
10761
|
-
return /* @__PURE__ */
|
10761
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10762
10762
|
Checkbox,
|
10763
10763
|
{
|
10764
10764
|
id: "terms_accepted",
|
10765
10765
|
helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
|
10766
10766
|
onCheckedChange: (e) => field.onChange(e),
|
10767
|
-
label: /* @__PURE__ */
|
10767
|
+
label: /* @__PURE__ */ import_react62.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_react62.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react62.default.createElement(
|
10768
10768
|
"span",
|
10769
10769
|
{
|
10770
10770
|
onClick: (e) => {
|
@@ -10781,12 +10781,12 @@ var RegisterForm = ({
|
|
10781
10781
|
);
|
10782
10782
|
}
|
10783
10783
|
}
|
10784
|
-
), showNewsletterOption && /* @__PURE__ */
|
10784
|
+
), showNewsletterOption && /* @__PURE__ */ import_react62.default.createElement(
|
10785
10785
|
import_react_hook_form2.Controller,
|
10786
10786
|
{
|
10787
10787
|
control,
|
10788
10788
|
name: "newsletter_accepted",
|
10789
|
-
render: ({ field }) => /* @__PURE__ */
|
10789
|
+
render: ({ field }) => /* @__PURE__ */ import_react62.default.createElement(
|
10790
10790
|
Checkbox,
|
10791
10791
|
{
|
10792
10792
|
id: "newsletter_accepted",
|
@@ -10796,7 +10796,7 @@ var RegisterForm = ({
|
|
10796
10796
|
)
|
10797
10797
|
}
|
10798
10798
|
)) : null,
|
10799
|
-
/* @__PURE__ */
|
10799
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10800
10800
|
Button,
|
10801
10801
|
{
|
10802
10802
|
className: " hawa-w-full",
|
@@ -10807,8 +10807,8 @@ var RegisterForm = ({
|
|
10807
10807
|
(texts == null ? void 0 : texts.registerText) || "Register"
|
10808
10808
|
),
|
10809
10809
|
props.additionalButtons
|
10810
|
-
)), props.onRouteToLogin && /* @__PURE__ */
|
10811
|
-
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
10810
|
+
)), props.onRouteToLogin && /* @__PURE__ */ import_react62.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_react62.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react62.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
|
10811
|
+
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react62.default.createElement(
|
10812
10812
|
CardFooter,
|
10813
10813
|
{
|
10814
10814
|
noPadding: props.cardless,
|
@@ -10816,7 +10816,7 @@ var RegisterForm = ({
|
|
10816
10816
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
10817
10817
|
)
|
10818
10818
|
},
|
10819
|
-
/* @__PURE__ */
|
10819
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10820
10820
|
AuthButtons,
|
10821
10821
|
{
|
10822
10822
|
texts: thirdPartyAuthTexts,
|
@@ -10837,7 +10837,7 @@ var RegisterForm = ({
|
|
10837
10837
|
};
|
10838
10838
|
|
10839
10839
|
// blocks/auth/AppLanding.tsx
|
10840
|
-
var
|
10840
|
+
var import_react63 = __toESM(require("react"));
|
10841
10841
|
var AppLanding = ({ texts, ...props }) => {
|
10842
10842
|
const thirdPartyAuthTexts = {
|
10843
10843
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
@@ -10848,7 +10848,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
10848
10848
|
continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
|
10849
10849
|
continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
|
10850
10850
|
};
|
10851
|
-
return /* @__PURE__ */
|
10851
|
+
return /* @__PURE__ */ import_react63.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react63.default.createElement(Card, null, /* @__PURE__ */ import_react63.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react63.default.createElement(
|
10852
10852
|
AuthButtons,
|
10853
10853
|
{
|
10854
10854
|
texts: thirdPartyAuthTexts,
|
@@ -10867,7 +10867,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
10867
10867
|
handleEmail: props.handleEmail,
|
10868
10868
|
handlePhone: props.handlePhone
|
10869
10869
|
}
|
10870
|
-
), props.allowRegister && /* @__PURE__ */
|
10870
|
+
), props.allowRegister && /* @__PURE__ */ import_react63.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_react63.default.createElement(
|
10871
10871
|
"span",
|
10872
10872
|
{
|
10873
10873
|
onClick: props.handleRouteToRegister,
|
@@ -10878,9 +10878,9 @@ var AppLanding = ({ texts, ...props }) => {
|
|
10878
10878
|
};
|
10879
10879
|
|
10880
10880
|
// blocks/auth/CheckEmail.tsx
|
10881
|
-
var
|
10881
|
+
var import_react64 = __toESM(require("react"));
|
10882
10882
|
var CheckEmail = ({ texts, handleResend }) => {
|
10883
|
-
return /* @__PURE__ */
|
10883
|
+
return /* @__PURE__ */ import_react64.default.createElement(Card, null, /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react64.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_react64.default.createElement(
|
10884
10884
|
"svg",
|
10885
10885
|
{
|
10886
10886
|
stroke: "currentColor",
|
@@ -10893,13 +10893,13 @@ var CheckEmail = ({ texts, handleResend }) => {
|
|
10893
10893
|
width: "0.5em",
|
10894
10894
|
xmlns: "http://www.w3.org/2000/svg"
|
10895
10895
|
},
|
10896
|
-
/* @__PURE__ */
|
10897
|
-
/* @__PURE__ */
|
10898
|
-
)), /* @__PURE__ */
|
10896
|
+
/* @__PURE__ */ import_react64.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" }),
|
10897
|
+
/* @__PURE__ */ import_react64.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
10898
|
+
)), /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react64.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_react64.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react64.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
|
10899
10899
|
};
|
10900
10900
|
|
10901
10901
|
// blocks/auth/NewPassword.tsx
|
10902
|
-
var
|
10902
|
+
var import_react65 = __toESM(require("react"));
|
10903
10903
|
var import_react_hook_form3 = require("react-hook-form");
|
10904
10904
|
var import_zod3 = require("@hookform/resolvers/zod");
|
10905
10905
|
var z3 = __toESM(require("zod"));
|
@@ -10921,7 +10921,7 @@ var NewPasswordForm = ({
|
|
10921
10921
|
const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
|
10922
10922
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
10923
10923
|
});
|
10924
|
-
return /* @__PURE__ */
|
10924
|
+
return /* @__PURE__ */ import_react65.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react65.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react65.default.createElement(
|
10925
10925
|
"form",
|
10926
10926
|
{
|
10927
10927
|
noValidate: true,
|
@@ -10935,7 +10935,7 @@ var NewPasswordForm = ({
|
|
10935
10935
|
}
|
10936
10936
|
})
|
10937
10937
|
},
|
10938
|
-
/* @__PURE__ */
|
10938
|
+
/* @__PURE__ */ import_react65.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react65.default.createElement(
|
10939
10939
|
Alert,
|
10940
10940
|
{
|
10941
10941
|
direction: props.direction,
|
@@ -10943,14 +10943,14 @@ var NewPasswordForm = ({
|
|
10943
10943
|
text: props.errorText,
|
10944
10944
|
severity: "error"
|
10945
10945
|
}
|
10946
|
-
), /* @__PURE__ */
|
10946
|
+
), /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react65.default.createElement(
|
10947
10947
|
import_react_hook_form3.Controller,
|
10948
10948
|
{
|
10949
10949
|
control,
|
10950
10950
|
name: "password",
|
10951
10951
|
render: ({ field }) => {
|
10952
10952
|
var _a2, _b2, _c2;
|
10953
|
-
return /* @__PURE__ */
|
10953
|
+
return /* @__PURE__ */ import_react65.default.createElement(
|
10954
10954
|
Input,
|
10955
10955
|
{
|
10956
10956
|
width: "full",
|
@@ -10964,14 +10964,14 @@ var NewPasswordForm = ({
|
|
10964
10964
|
);
|
10965
10965
|
}
|
10966
10966
|
}
|
10967
|
-
), /* @__PURE__ */
|
10967
|
+
), /* @__PURE__ */ import_react65.default.createElement(
|
10968
10968
|
import_react_hook_form3.Controller,
|
10969
10969
|
{
|
10970
10970
|
control,
|
10971
10971
|
name: "confirm_password",
|
10972
10972
|
render: ({ field }) => {
|
10973
10973
|
var _a2, _b2, _c2;
|
10974
|
-
return /* @__PURE__ */
|
10974
|
+
return /* @__PURE__ */ import_react65.default.createElement(
|
10975
10975
|
Input,
|
10976
10976
|
{
|
10977
10977
|
width: "full",
|
@@ -10985,7 +10985,7 @@ var NewPasswordForm = ({
|
|
10985
10985
|
);
|
10986
10986
|
}
|
10987
10987
|
}
|
10988
|
-
)), /* @__PURE__ */
|
10988
|
+
)), /* @__PURE__ */ import_react65.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react65.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_react65.default.createElement(
|
10989
10989
|
"span",
|
10990
10990
|
{
|
10991
10991
|
className: "clickable-link",
|
@@ -10997,7 +10997,7 @@ var NewPasswordForm = ({
|
|
10997
10997
|
};
|
10998
10998
|
|
10999
10999
|
// blocks/auth/ResetPassword.tsx
|
11000
|
-
var
|
11000
|
+
var import_react66 = __toESM(require("react"));
|
11001
11001
|
var import_react_hook_form4 = require("react-hook-form");
|
11002
11002
|
var import_zod4 = require("@hookform/resolvers/zod");
|
11003
11003
|
var z4 = __toESM(require("zod"));
|
@@ -11015,7 +11015,7 @@ var ResetPasswordForm = ({
|
|
11015
11015
|
const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
|
11016
11016
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
11017
11017
|
});
|
11018
|
-
return /* @__PURE__ */
|
11018
|
+
return /* @__PURE__ */ import_react66.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react66.default.createElement(CardHeader, null, /* @__PURE__ */ import_react66.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react66.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react66.default.createElement(
|
11019
11019
|
"form",
|
11020
11020
|
{
|
11021
11021
|
noValidate: true,
|
@@ -11027,7 +11027,7 @@ var ResetPasswordForm = ({
|
|
11027
11027
|
}
|
11028
11028
|
})
|
11029
11029
|
},
|
11030
|
-
/* @__PURE__ */
|
11030
|
+
/* @__PURE__ */ import_react66.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react66.default.createElement(
|
11031
11031
|
Alert,
|
11032
11032
|
{
|
11033
11033
|
direction: props.direction,
|
@@ -11035,14 +11035,14 @@ var ResetPasswordForm = ({
|
|
11035
11035
|
text: props.errorText,
|
11036
11036
|
severity: "error"
|
11037
11037
|
}
|
11038
|
-
), /* @__PURE__ */
|
11038
|
+
), /* @__PURE__ */ import_react66.default.createElement(
|
11039
11039
|
import_react_hook_form4.Controller,
|
11040
11040
|
{
|
11041
11041
|
control,
|
11042
11042
|
name: "email",
|
11043
11043
|
render: ({ field }) => {
|
11044
11044
|
var _a2, _b2, _c2, _d2, _e2;
|
11045
|
-
return /* @__PURE__ */
|
11045
|
+
return /* @__PURE__ */ import_react66.default.createElement(
|
11046
11046
|
Input,
|
11047
11047
|
{
|
11048
11048
|
width: "full",
|
@@ -11055,7 +11055,7 @@ var ResetPasswordForm = ({
|
|
11055
11055
|
}
|
11056
11056
|
}
|
11057
11057
|
)),
|
11058
|
-
/* @__PURE__ */
|
11058
|
+
/* @__PURE__ */ import_react66.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react66.default.createElement(
|
11059
11059
|
Button,
|
11060
11060
|
{
|
11061
11061
|
type: "submit",
|
@@ -11063,7 +11063,7 @@ var ResetPasswordForm = ({
|
|
11063
11063
|
isLoading
|
11064
11064
|
},
|
11065
11065
|
((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
|
11066
|
-
), allowRegister && /* @__PURE__ */
|
11066
|
+
), allowRegister && /* @__PURE__ */ import_react66.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_react66.default.createElement(
|
11067
11067
|
"span",
|
11068
11068
|
{
|
11069
11069
|
className: "clickable-link",
|
@@ -11071,11 +11071,11 @@ var ResetPasswordForm = ({
|
|
11071
11071
|
},
|
11072
11072
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
11073
11073
|
)))
|
11074
|
-
)) : /* @__PURE__ */
|
11074
|
+
)) : /* @__PURE__ */ import_react66.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react66.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")));
|
11075
11075
|
};
|
11076
11076
|
|
11077
11077
|
// blocks/auth/CodeConfirmation.tsx
|
11078
|
-
var
|
11078
|
+
var import_react67 = __toESM(require("react"));
|
11079
11079
|
var import_react_hook_form5 = require("react-hook-form");
|
11080
11080
|
var import_zod5 = require("@hookform/resolvers/zod");
|
11081
11081
|
var z5 = __toESM(require("zod"));
|
@@ -11087,9 +11087,9 @@ var CodeConfirmation = (props) => {
|
|
11087
11087
|
const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
|
11088
11088
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
11089
11089
|
});
|
11090
|
-
const [resendTimer, setResendTimer] = (0,
|
11091
|
-
const [remainingTime, setRemainingTime] = (0,
|
11092
|
-
const [showResendTimer, setShowResendTimer] = (0,
|
11090
|
+
const [resendTimer, setResendTimer] = (0, import_react67.useState)(null);
|
11091
|
+
const [remainingTime, setRemainingTime] = (0, import_react67.useState)(0);
|
11092
|
+
const [showResendTimer, setShowResendTimer] = (0, import_react67.useState)(false);
|
11093
11093
|
const startResendTimer = () => {
|
11094
11094
|
if (resendTimer !== null) {
|
11095
11095
|
clearInterval(resendTimer);
|
@@ -11111,21 +11111,21 @@ var CodeConfirmation = (props) => {
|
|
11111
11111
|
}, 1e3);
|
11112
11112
|
setResendTimer(newTimer);
|
11113
11113
|
};
|
11114
|
-
(0,
|
11114
|
+
(0, import_react67.useEffect)(() => {
|
11115
11115
|
return () => {
|
11116
11116
|
if (resendTimer !== null) {
|
11117
11117
|
clearInterval(resendTimer);
|
11118
11118
|
}
|
11119
11119
|
};
|
11120
11120
|
}, []);
|
11121
|
-
return /* @__PURE__ */
|
11121
|
+
return /* @__PURE__ */ import_react67.default.createElement(Card, null, /* @__PURE__ */ import_react67.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react67.default.createElement(
|
11122
11122
|
Alert,
|
11123
11123
|
{
|
11124
11124
|
title: props.errorTitle,
|
11125
11125
|
text: props.errorText,
|
11126
11126
|
severity: "error"
|
11127
11127
|
}
|
11128
|
-
), /* @__PURE__ */
|
11128
|
+
), /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react67.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react67.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react67.default.createElement(
|
11129
11129
|
"form",
|
11130
11130
|
{
|
11131
11131
|
noValidate: true,
|
@@ -11139,14 +11139,14 @@ var CodeConfirmation = (props) => {
|
|
11139
11139
|
}
|
11140
11140
|
})
|
11141
11141
|
},
|
11142
|
-
/* @__PURE__ */
|
11142
|
+
/* @__PURE__ */ import_react67.default.createElement(
|
11143
11143
|
import_react_hook_form5.Controller,
|
11144
11144
|
{
|
11145
11145
|
control,
|
11146
11146
|
name: "otp_code",
|
11147
11147
|
render: ({ field }) => {
|
11148
11148
|
var _a2;
|
11149
|
-
return /* @__PURE__ */
|
11149
|
+
return /* @__PURE__ */ import_react67.default.createElement(
|
11150
11150
|
PinInput,
|
11151
11151
|
{
|
11152
11152
|
width: "full",
|
@@ -11158,7 +11158,7 @@ var CodeConfirmation = (props) => {
|
|
11158
11158
|
}
|
11159
11159
|
}
|
11160
11160
|
),
|
11161
|
-
showResendTimer ? /* @__PURE__ */
|
11161
|
+
showResendTimer ? /* @__PURE__ */ import_react67.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_react67.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react67.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react67.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react67.default.createElement(
|
11162
11162
|
"span",
|
11163
11163
|
{
|
11164
11164
|
className: "clickable-link",
|
@@ -11169,12 +11169,12 @@ var CodeConfirmation = (props) => {
|
|
11169
11169
|
},
|
11170
11170
|
((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
|
11171
11171
|
)),
|
11172
|
-
/* @__PURE__ */
|
11172
|
+
/* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react67.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react67.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
|
11173
11173
|
)));
|
11174
11174
|
};
|
11175
11175
|
|
11176
11176
|
// blocks/feedback/UserReferralSource.tsx
|
11177
|
-
var
|
11177
|
+
var import_react68 = __toESM(require("react"));
|
11178
11178
|
var import_react_hook_form6 = require("react-hook-form");
|
11179
11179
|
var import_zod6 = require("@hookform/resolvers/zod");
|
11180
11180
|
var z6 = __toESM(require("zod"));
|
@@ -11184,8 +11184,8 @@ var UserReferralSource = ({
|
|
11184
11184
|
...props
|
11185
11185
|
}) => {
|
11186
11186
|
var _a, _b;
|
11187
|
-
const [closed, setClosed] = (0,
|
11188
|
-
const popUpRef = (0,
|
11187
|
+
const [closed, setClosed] = (0, import_react68.useState)(false);
|
11188
|
+
const popUpRef = (0, import_react68.useRef)(null);
|
11189
11189
|
const formSchema = z6.object({
|
11190
11190
|
source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
|
11191
11191
|
feedback: z6.string().optional()
|
@@ -11205,7 +11205,7 @@ var UserReferralSource = ({
|
|
11205
11205
|
label: "Other"
|
11206
11206
|
}
|
11207
11207
|
];
|
11208
|
-
return /* @__PURE__ */
|
11208
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
11209
11209
|
"div",
|
11210
11210
|
{
|
11211
11211
|
className: cn(
|
@@ -11214,7 +11214,7 @@ var UserReferralSource = ({
|
|
11214
11214
|
),
|
11215
11215
|
ref: popUpRef
|
11216
11216
|
},
|
11217
|
-
/* @__PURE__ */
|
11217
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11218
11218
|
Card,
|
11219
11219
|
{
|
11220
11220
|
className: cn(
|
@@ -11223,7 +11223,7 @@ var UserReferralSource = ({
|
|
11223
11223
|
),
|
11224
11224
|
dir: props.direction
|
11225
11225
|
},
|
11226
|
-
/* @__PURE__ */
|
11226
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11227
11227
|
"button",
|
11228
11228
|
{
|
11229
11229
|
type: "button",
|
@@ -11242,7 +11242,7 @@ var UserReferralSource = ({
|
|
11242
11242
|
}, 200);
|
11243
11243
|
}
|
11244
11244
|
},
|
11245
|
-
/* @__PURE__ */
|
11245
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11246
11246
|
"svg",
|
11247
11247
|
{
|
11248
11248
|
"aria-hidden": "true",
|
@@ -11250,7 +11250,7 @@ var UserReferralSource = ({
|
|
11250
11250
|
fill: "currentColor",
|
11251
11251
|
viewBox: "0 0 20 20"
|
11252
11252
|
},
|
11253
|
-
/* @__PURE__ */
|
11253
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11254
11254
|
"path",
|
11255
11255
|
{
|
11256
11256
|
fillRule: "evenodd",
|
@@ -11260,7 +11260,7 @@ var UserReferralSource = ({
|
|
11260
11260
|
)
|
11261
11261
|
)
|
11262
11262
|
),
|
11263
|
-
/* @__PURE__ */
|
11263
|
+
/* @__PURE__ */ import_react68.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react68.default.createElement(
|
11264
11264
|
"form",
|
11265
11265
|
{
|
11266
11266
|
noValidate: true,
|
@@ -11272,7 +11272,7 @@ var UserReferralSource = ({
|
|
11272
11272
|
}
|
11273
11273
|
})
|
11274
11274
|
},
|
11275
|
-
/* @__PURE__ */
|
11275
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11276
11276
|
"div",
|
11277
11277
|
{
|
11278
11278
|
className: cn(
|
@@ -11280,15 +11280,15 @@ var UserReferralSource = ({
|
|
11280
11280
|
closed ? "hawa-opacity-0" : "hawa-opacity-100"
|
11281
11281
|
)
|
11282
11282
|
},
|
11283
|
-
/* @__PURE__ */
|
11284
|
-
/* @__PURE__ */
|
11283
|
+
/* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
|
11284
|
+
/* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react68.default.createElement(
|
11285
11285
|
import_react_hook_form6.Controller,
|
11286
11286
|
{
|
11287
11287
|
control,
|
11288
11288
|
name: "source",
|
11289
11289
|
render: ({ field }) => {
|
11290
11290
|
var _a2, _b2;
|
11291
|
-
return /* @__PURE__ */
|
11291
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
11292
11292
|
Radio,
|
11293
11293
|
{
|
11294
11294
|
name: "source",
|
@@ -11303,14 +11303,14 @@ var UserReferralSource = ({
|
|
11303
11303
|
}
|
11304
11304
|
}
|
11305
11305
|
)),
|
11306
|
-
/* @__PURE__ */
|
11306
|
+
/* @__PURE__ */ import_react68.default.createElement("div", null, /* @__PURE__ */ import_react68.default.createElement(
|
11307
11307
|
import_react_hook_form6.Controller,
|
11308
11308
|
{
|
11309
11309
|
control,
|
11310
11310
|
name: "feedback",
|
11311
11311
|
render: ({ field }) => {
|
11312
11312
|
var _a2, _b2;
|
11313
|
-
return /* @__PURE__ */
|
11313
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
11314
11314
|
Textarea,
|
11315
11315
|
{
|
11316
11316
|
...field,
|
@@ -11325,28 +11325,28 @@ var UserReferralSource = ({
|
|
11325
11325
|
}
|
11326
11326
|
))
|
11327
11327
|
),
|
11328
|
-
/* @__PURE__ */
|
11328
|
+
/* @__PURE__ */ import_react68.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
|
11329
11329
|
))
|
11330
11330
|
)
|
11331
11331
|
);
|
11332
11332
|
};
|
11333
11333
|
|
11334
11334
|
// blocks/feedback/FeedbackRating.tsx
|
11335
|
-
var
|
11335
|
+
var import_react69 = __toESM(require("react"));
|
11336
11336
|
var FeedbackRating = ({
|
11337
11337
|
position = "bottom-right",
|
11338
11338
|
...props
|
11339
11339
|
}) => {
|
11340
|
-
const [closed, setClosed] = (0,
|
11341
|
-
const [answered, setAnswered] = (0,
|
11342
|
-
const [clickedOption, setClickedOption] = (0,
|
11343
|
-
const [closingTimer, setClosingTimer] = (0,
|
11344
|
-
const popUpRef = (0,
|
11340
|
+
const [closed, setClosed] = (0, import_react69.useState)(false);
|
11341
|
+
const [answered, setAnswered] = (0, import_react69.useState)(false);
|
11342
|
+
const [clickedOption, setClickedOption] = (0, import_react69.useState)(null);
|
11343
|
+
const [closingTimer, setClosingTimer] = (0, import_react69.useState)(5);
|
11344
|
+
const popUpRef = (0, import_react69.useRef)(null);
|
11345
11345
|
const boxPosition = {
|
11346
11346
|
"bottom-right": "hawa-right-4",
|
11347
11347
|
"bottom-left": "hawa-left-4"
|
11348
11348
|
};
|
11349
|
-
(0,
|
11349
|
+
(0, import_react69.useEffect)(() => {
|
11350
11350
|
const timeoutHide = setTimeout(() => {
|
11351
11351
|
if (closingTimer >= 0) {
|
11352
11352
|
setClosingTimer(closingTimer - 1);
|
@@ -11364,7 +11364,7 @@ var FeedbackRating = ({
|
|
11364
11364
|
}
|
11365
11365
|
}, 200);
|
11366
11366
|
};
|
11367
|
-
return /* @__PURE__ */
|
11367
|
+
return /* @__PURE__ */ import_react69.default.createElement(
|
11368
11368
|
"div",
|
11369
11369
|
{
|
11370
11370
|
ref: popUpRef,
|
@@ -11373,7 +11373,7 @@ var FeedbackRating = ({
|
|
11373
11373
|
boxPosition[position]
|
11374
11374
|
)
|
11375
11375
|
},
|
11376
|
-
/* @__PURE__ */
|
11376
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11377
11377
|
"div",
|
11378
11378
|
{
|
11379
11379
|
className: cn(
|
@@ -11382,8 +11382,8 @@ var FeedbackRating = ({
|
|
11382
11382
|
props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
|
11383
11383
|
)
|
11384
11384
|
},
|
11385
|
-
/* @__PURE__ */
|
11386
|
-
/* @__PURE__ */
|
11385
|
+
/* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
|
11386
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11387
11387
|
"button",
|
11388
11388
|
{
|
11389
11389
|
type: "button",
|
@@ -11392,7 +11392,7 @@ var FeedbackRating = ({
|
|
11392
11392
|
"aria-label": "Close",
|
11393
11393
|
onClick: () => slowClose()
|
11394
11394
|
},
|
11395
|
-
/* @__PURE__ */
|
11395
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11396
11396
|
"svg",
|
11397
11397
|
{
|
11398
11398
|
"aria-hidden": "true",
|
@@ -11400,7 +11400,7 @@ var FeedbackRating = ({
|
|
11400
11400
|
fill: "currentColor",
|
11401
11401
|
viewBox: "0 0 20 20"
|
11402
11402
|
},
|
11403
|
-
/* @__PURE__ */
|
11403
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11404
11404
|
"path",
|
11405
11405
|
{
|
11406
11406
|
fillRule: "evenodd",
|
@@ -11410,8 +11410,8 @@ var FeedbackRating = ({
|
|
11410
11410
|
)
|
11411
11411
|
)
|
11412
11412
|
),
|
11413
|
-
/* @__PURE__ */
|
11414
|
-
/* @__PURE__ */
|
11413
|
+
/* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-mt-8" }, props.question),
|
11414
|
+
/* @__PURE__ */ import_react69.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_react69.default.createElement(
|
11415
11415
|
"span",
|
11416
11416
|
{
|
11417
11417
|
key: i,
|
@@ -11439,24 +11439,24 @@ var FeedbackRating = ({
|
|
11439
11439
|
},
|
11440
11440
|
op
|
11441
11441
|
))),
|
11442
|
-
props.texts && /* @__PURE__ */
|
11443
|
-
answered && /* @__PURE__ */
|
11442
|
+
props.texts && /* @__PURE__ */ import_react69.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react69.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react69.default.createElement("span", null, props.texts.most)),
|
11443
|
+
answered && /* @__PURE__ */ import_react69.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_react69.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react69.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
|
11444
11444
|
)
|
11445
11445
|
);
|
11446
11446
|
};
|
11447
11447
|
|
11448
11448
|
// blocks/feedback/FeedbackEmoji.tsx
|
11449
|
-
var
|
11449
|
+
var import_react70 = __toESM(require("react"));
|
11450
11450
|
var FeedbackEmoji = (props) => {
|
11451
|
-
const [selectedEmoji, setSelectedEmoji] = (0,
|
11452
|
-
const [loadingSubmit, setLoadingSubmit] = (0,
|
11453
|
-
const [feedbackText, setFeedbackText] = (0,
|
11454
|
-
const [helperText, setHelperText] = (0,
|
11451
|
+
const [selectedEmoji, setSelectedEmoji] = (0, import_react70.useState)(null);
|
11452
|
+
const [loadingSubmit, setLoadingSubmit] = (0, import_react70.useState)(false);
|
11453
|
+
const [feedbackText, setFeedbackText] = (0, import_react70.useState)("");
|
11454
|
+
const [helperText, setHelperText] = (0, import_react70.useState)(false);
|
11455
11455
|
let emojis = [
|
11456
|
-
{ icon: /* @__PURE__ */
|
11457
|
-
{ icon: /* @__PURE__ */
|
11458
|
-
{ icon: /* @__PURE__ */
|
11459
|
-
{ icon: /* @__PURE__ */
|
11456
|
+
{ icon: /* @__PURE__ */ import_react70.default.createElement(VeryGoodEmoji, null), value: "very-good" },
|
11457
|
+
{ icon: /* @__PURE__ */ import_react70.default.createElement(GoodEmoji, null), value: "good" },
|
11458
|
+
{ icon: /* @__PURE__ */ import_react70.default.createElement(BadEmoji, null), value: "bad" },
|
11459
|
+
{ icon: /* @__PURE__ */ import_react70.default.createElement(VeryBadEmoji, null), value: "very-bad" }
|
11460
11460
|
];
|
11461
11461
|
const onFeedbackSubmit = async () => {
|
11462
11462
|
if (feedbackText) {
|
@@ -11476,7 +11476,7 @@ var FeedbackEmoji = (props) => {
|
|
11476
11476
|
setHelperText(true);
|
11477
11477
|
}
|
11478
11478
|
};
|
11479
|
-
return /* @__PURE__ */
|
11479
|
+
return /* @__PURE__ */ import_react70.default.createElement(
|
11480
11480
|
"div",
|
11481
11481
|
{
|
11482
11482
|
className: cn(
|
@@ -11484,7 +11484,7 @@ var FeedbackEmoji = (props) => {
|
|
11484
11484
|
selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px] "
|
11485
11485
|
)
|
11486
11486
|
},
|
11487
|
-
/* @__PURE__ */
|
11487
|
+
/* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react70.default.createElement(
|
11488
11488
|
Button,
|
11489
11489
|
{
|
11490
11490
|
key: i,
|
@@ -11503,7 +11503,7 @@ var FeedbackEmoji = (props) => {
|
|
11503
11503
|
},
|
11504
11504
|
emoji.icon
|
11505
11505
|
)))),
|
11506
|
-
/* @__PURE__ */
|
11506
|
+
/* @__PURE__ */ import_react70.default.createElement(
|
11507
11507
|
"div",
|
11508
11508
|
{
|
11509
11509
|
className: cn(
|
@@ -11511,7 +11511,7 @@ var FeedbackEmoji = (props) => {
|
|
11511
11511
|
selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
|
11512
11512
|
)
|
11513
11513
|
},
|
11514
|
-
props.showSuccess ? /* @__PURE__ */
|
11514
|
+
props.showSuccess ? /* @__PURE__ */ import_react70.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_react70.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react70.default.createElement(
|
11515
11515
|
"svg",
|
11516
11516
|
{
|
11517
11517
|
stroke: "currentColor",
|
@@ -11521,13 +11521,13 @@ var FeedbackEmoji = (props) => {
|
|
11521
11521
|
height: "0.5em",
|
11522
11522
|
width: "0.5em"
|
11523
11523
|
},
|
11524
|
-
/* @__PURE__ */
|
11525
|
-
)), /* @__PURE__ */
|
11524
|
+
/* @__PURE__ */ import_react70.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" })
|
11525
|
+
)), /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react70.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react70.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react70.default.createElement(
|
11526
11526
|
Popover,
|
11527
11527
|
{
|
11528
11528
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
11529
11529
|
open: helperText,
|
11530
|
-
trigger: /* @__PURE__ */
|
11530
|
+
trigger: /* @__PURE__ */ import_react70.default.createElement(
|
11531
11531
|
Textarea,
|
11532
11532
|
{
|
11533
11533
|
classNames: {
|
@@ -11545,8 +11545,8 @@ var FeedbackEmoji = (props) => {
|
|
11545
11545
|
}
|
11546
11546
|
)
|
11547
11547
|
},
|
11548
|
-
/* @__PURE__ */
|
11549
|
-
), /* @__PURE__ */
|
11548
|
+
/* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
|
11549
|
+
), /* @__PURE__ */ import_react70.default.createElement(
|
11550
11550
|
Button,
|
11551
11551
|
{
|
11552
11552
|
isLoading: loadingSubmit,
|
@@ -11561,7 +11561,7 @@ var FeedbackEmoji = (props) => {
|
|
11561
11561
|
};
|
11562
11562
|
|
11563
11563
|
// blocks/feedback/FeedbackForm.tsx
|
11564
|
-
var
|
11564
|
+
var import_react71 = __toESM(require("react"));
|
11565
11565
|
var import_react_hook_form7 = require("react-hook-form");
|
11566
11566
|
var import_zod7 = require("@hookform/resolvers/zod");
|
11567
11567
|
var z7 = __toESM(require("zod"));
|
@@ -11575,7 +11575,7 @@ var FeedbackForm = (props) => {
|
|
11575
11575
|
resolver: (0, import_zod7.zodResolver)(formSchema),
|
11576
11576
|
defaultValues: { requestType: "", description: "" }
|
11577
11577
|
});
|
11578
|
-
return /* @__PURE__ */
|
11578
|
+
return /* @__PURE__ */ import_react71.default.createElement(
|
11579
11579
|
Card,
|
11580
11580
|
{
|
11581
11581
|
className: cn(
|
@@ -11583,7 +11583,7 @@ var FeedbackForm = (props) => {
|
|
11583
11583
|
),
|
11584
11584
|
style: props.cardless ? { boxShadow: "none" } : void 0
|
11585
11585
|
},
|
11586
|
-
/* @__PURE__ */
|
11586
|
+
/* @__PURE__ */ import_react71.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react71.default.createElement(
|
11587
11587
|
"form",
|
11588
11588
|
{
|
11589
11589
|
noValidate: true,
|
@@ -11596,15 +11596,15 @@ var FeedbackForm = (props) => {
|
|
11596
11596
|
}),
|
11597
11597
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
11598
11598
|
},
|
11599
|
-
/* @__PURE__ */
|
11600
|
-
/* @__PURE__ */
|
11599
|
+
/* @__PURE__ */ import_react71.default.createElement(Label2, null),
|
11600
|
+
/* @__PURE__ */ import_react71.default.createElement(
|
11601
11601
|
import_react_hook_form7.Controller,
|
11602
11602
|
{
|
11603
11603
|
name: "requestType",
|
11604
11604
|
control,
|
11605
11605
|
render: ({ field }) => {
|
11606
11606
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
11607
|
-
return /* @__PURE__ */
|
11607
|
+
return /* @__PURE__ */ import_react71.default.createElement(
|
11608
11608
|
Select,
|
11609
11609
|
{
|
11610
11610
|
...field,
|
@@ -11622,14 +11622,14 @@ var FeedbackForm = (props) => {
|
|
11622
11622
|
}
|
11623
11623
|
}
|
11624
11624
|
),
|
11625
|
-
/* @__PURE__ */
|
11625
|
+
/* @__PURE__ */ import_react71.default.createElement(
|
11626
11626
|
import_react_hook_form7.Controller,
|
11627
11627
|
{
|
11628
11628
|
name: "description",
|
11629
11629
|
control,
|
11630
11630
|
render: ({ field }) => {
|
11631
11631
|
var _a2, _b2, _c2, _d2, _e2, _f2;
|
11632
|
-
return /* @__PURE__ */
|
11632
|
+
return /* @__PURE__ */ import_react71.default.createElement(
|
11633
11633
|
Textarea,
|
11634
11634
|
{
|
11635
11635
|
helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
|
@@ -11647,15 +11647,15 @@ var FeedbackForm = (props) => {
|
|
11647
11647
|
}
|
11648
11648
|
}
|
11649
11649
|
),
|
11650
|
-
/* @__PURE__ */
|
11650
|
+
/* @__PURE__ */ import_react71.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
|
11651
11651
|
))
|
11652
11652
|
);
|
11653
11653
|
};
|
11654
11654
|
|
11655
11655
|
// blocks/misc/LegalTexts.tsx
|
11656
|
-
var
|
11656
|
+
var import_react72 = __toESM(require("react"));
|
11657
11657
|
var LegalTexts = ({ tabs, ...props }) => {
|
11658
|
-
return /* @__PURE__ */
|
11658
|
+
return /* @__PURE__ */ import_react72.default.createElement(
|
11659
11659
|
Tabs,
|
11660
11660
|
{
|
11661
11661
|
value: props.activeTab,
|
@@ -11663,8 +11663,8 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
11663
11663
|
defaultValue: props.defaultTab || tabs[0].value,
|
11664
11664
|
dir: props.direction
|
11665
11665
|
},
|
11666
|
-
/* @__PURE__ */
|
11667
|
-
tabs.map((tab, index) => /* @__PURE__ */
|
11666
|
+
/* @__PURE__ */ import_react72.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react72.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
|
11667
|
+
tabs.map((tab, index) => /* @__PURE__ */ import_react72.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react72.default.createElement(
|
11668
11668
|
ScrollArea,
|
11669
11669
|
{
|
11670
11670
|
className: cn(
|
@@ -11678,9 +11678,9 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
11678
11678
|
};
|
11679
11679
|
|
11680
11680
|
// blocks/misc/EmptyState.tsx
|
11681
|
-
var
|
11681
|
+
var import_react73 = __toESM(require("react"));
|
11682
11682
|
var EmptyState = ({ texts, onActionClick }) => {
|
11683
|
-
return /* @__PURE__ */
|
11683
|
+
return /* @__PURE__ */ import_react73.default.createElement(Card, null, /* @__PURE__ */ import_react73.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react73.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_react73.default.createElement(
|
11684
11684
|
"svg",
|
11685
11685
|
{
|
11686
11686
|
stroke: "currentColor",
|
@@ -11690,30 +11690,30 @@ var EmptyState = ({ texts, onActionClick }) => {
|
|
11690
11690
|
height: "0.35em",
|
11691
11691
|
width: "0.35em"
|
11692
11692
|
},
|
11693
|
-
/* @__PURE__ */
|
11694
|
-
)), /* @__PURE__ */
|
11693
|
+
/* @__PURE__ */ import_react73.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" })
|
11694
|
+
)), /* @__PURE__ */ import_react73.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_react73.default.createElement(CardFooter, null, /* @__PURE__ */ import_react73.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
|
11695
11695
|
};
|
11696
11696
|
|
11697
11697
|
// blocks/misc/Testimonial.tsx
|
11698
|
-
var
|
11698
|
+
var import_react74 = __toESM(require("react"));
|
11699
11699
|
var Testimonial = () => {
|
11700
|
-
return /* @__PURE__ */
|
11700
|
+
return /* @__PURE__ */ import_react74.default.createElement(Card, null, /* @__PURE__ */ import_react74.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.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_react74.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react74.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react74.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react74.default.createElement(
|
11701
11701
|
"path",
|
11702
11702
|
{
|
11703
11703
|
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",
|
11704
11704
|
fill: "#FFFFFF"
|
11705
11705
|
}
|
11706
|
-
), /* @__PURE__ */
|
11706
|
+
), /* @__PURE__ */ import_react74.default.createElement(
|
11707
11707
|
"path",
|
11708
11708
|
{
|
11709
11709
|
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",
|
11710
11710
|
fill: "#FFFFFF"
|
11711
11711
|
}
|
11712
|
-
)), /* @__PURE__ */
|
11712
|
+
)), /* @__PURE__ */ import_react74.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react74.default.createElement("div", null, " Chief Information Security Officer")))));
|
11713
11713
|
};
|
11714
11714
|
|
11715
11715
|
// blocks/misc/LeadGenerator.tsx
|
11716
|
-
var
|
11716
|
+
var import_react75 = __toESM(require("react"));
|
11717
11717
|
var import_react_hook_form8 = require("react-hook-form");
|
11718
11718
|
var LeadGenerator = ({ texts, submitHandler }) => {
|
11719
11719
|
var _a;
|
@@ -11725,14 +11725,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
11725
11725
|
console.log("handleNewsletterSub props was not provided");
|
11726
11726
|
}
|
11727
11727
|
};
|
11728
|
-
return /* @__PURE__ */
|
11728
|
+
return /* @__PURE__ */ import_react75.default.createElement(Card, null, /* @__PURE__ */ import_react75.default.createElement(CardHeader, null, /* @__PURE__ */ import_react75.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react75.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react75.default.createElement(CardContent, null, /* @__PURE__ */ import_react75.default.createElement(
|
11729
11729
|
"form",
|
11730
11730
|
{
|
11731
11731
|
noValidate: true,
|
11732
11732
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
11733
11733
|
onSubmit: handleSubmit(onSubmit)
|
11734
11734
|
},
|
11735
|
-
/* @__PURE__ */
|
11735
|
+
/* @__PURE__ */ import_react75.default.createElement(
|
11736
11736
|
import_react_hook_form8.Controller,
|
11737
11737
|
{
|
11738
11738
|
name: "email",
|
@@ -11745,27 +11745,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
11745
11745
|
}
|
11746
11746
|
},
|
11747
11747
|
defaultValue: "",
|
11748
|
-
render: ({ field }) => /* @__PURE__ */
|
11748
|
+
render: ({ field }) => /* @__PURE__ */ import_react75.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
|
11749
11749
|
}
|
11750
11750
|
),
|
11751
|
-
/* @__PURE__ */
|
11751
|
+
/* @__PURE__ */ import_react75.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
|
11752
11752
|
)));
|
11753
11753
|
};
|
11754
11754
|
|
11755
11755
|
// blocks/misc/Announcement.tsx
|
11756
|
-
var
|
11756
|
+
var import_react76 = __toESM(require("react"));
|
11757
11757
|
var Announcement = ({
|
11758
11758
|
onActionClick,
|
11759
11759
|
...props
|
11760
11760
|
}) => {
|
11761
|
-
return /* @__PURE__ */
|
11761
|
+
return /* @__PURE__ */ import_react76.default.createElement(Card, null, /* @__PURE__ */ import_react76.default.createElement(
|
11762
11762
|
CardContent,
|
11763
11763
|
{
|
11764
11764
|
headless: true,
|
11765
11765
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
11766
11766
|
},
|
11767
|
-
/* @__PURE__ */
|
11768
|
-
/* @__PURE__ */
|
11767
|
+
/* @__PURE__ */ import_react76.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react76.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react76.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
|
11768
|
+
/* @__PURE__ */ import_react76.default.createElement(
|
11769
11769
|
Button,
|
11770
11770
|
{
|
11771
11771
|
onClick: () => onActionClick(),
|
@@ -11777,15 +11777,15 @@ var Announcement = ({
|
|
11777
11777
|
};
|
11778
11778
|
|
11779
11779
|
// blocks/misc/NotFound.tsx
|
11780
|
-
var
|
11780
|
+
var import_react77 = __toESM(require("react"));
|
11781
11781
|
var NotFound = ({ texts }) => {
|
11782
|
-
return /* @__PURE__ */
|
11782
|
+
return /* @__PURE__ */ import_react77.default.createElement(Card, null, /* @__PURE__ */ import_react77.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react77.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_react77.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react77.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react77.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
|
11783
11783
|
};
|
11784
11784
|
|
11785
11785
|
// blocks/misc/NoPermission.tsx
|
11786
|
-
var
|
11786
|
+
var import_react78 = __toESM(require("react"));
|
11787
11787
|
var NoPermission = ({ texts }) => {
|
11788
|
-
return /* @__PURE__ */
|
11788
|
+
return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react78.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react78.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_react78.default.createElement(
|
11789
11789
|
"svg",
|
11790
11790
|
{
|
11791
11791
|
stroke: "currentColor",
|
@@ -11795,12 +11795,12 @@ var NoPermission = ({ texts }) => {
|
|
11795
11795
|
height: "0.35em",
|
11796
11796
|
width: "0.35em"
|
11797
11797
|
},
|
11798
|
-
/* @__PURE__ */
|
11799
|
-
)), /* @__PURE__ */
|
11798
|
+
/* @__PURE__ */ import_react78.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" })
|
11799
|
+
)), /* @__PURE__ */ import_react78.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_react78.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"))));
|
11800
11800
|
};
|
11801
11801
|
|
11802
11802
|
// blocks/misc/ContactForm.tsx
|
11803
|
-
var
|
11803
|
+
var import_react79 = __toESM(require("react"));
|
11804
11804
|
var import_react_hook_form9 = require("react-hook-form");
|
11805
11805
|
var import_zod8 = require("@hookform/resolvers/zod");
|
11806
11806
|
var z8 = __toESM(require("zod"));
|
@@ -11872,7 +11872,7 @@ var ContactForm = ({
|
|
11872
11872
|
console.log("Form is submitted but onSubmit prop is missing");
|
11873
11873
|
}
|
11874
11874
|
};
|
11875
|
-
return /* @__PURE__ */
|
11875
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11876
11876
|
Card,
|
11877
11877
|
{
|
11878
11878
|
className: cn(
|
@@ -11881,7 +11881,7 @@ var ContactForm = ({
|
|
11881
11881
|
),
|
11882
11882
|
style: cardless ? { boxShadow: "none" } : void 0
|
11883
11883
|
},
|
11884
|
-
/* @__PURE__ */
|
11884
|
+
/* @__PURE__ */ import_react79.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react79.default.createElement(
|
11885
11885
|
"form",
|
11886
11886
|
{
|
11887
11887
|
noValidate: true,
|
@@ -11890,7 +11890,7 @@ var ContactForm = ({
|
|
11890
11890
|
id: formId,
|
11891
11891
|
autoComplete: formAutoComplete
|
11892
11892
|
},
|
11893
|
-
/* @__PURE__ */
|
11893
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11894
11894
|
"div",
|
11895
11895
|
{
|
11896
11896
|
className: cn(
|
@@ -11901,14 +11901,14 @@ var ContactForm = ({
|
|
11901
11901
|
}
|
11902
11902
|
)
|
11903
11903
|
},
|
11904
|
-
/* @__PURE__ */
|
11904
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11905
11905
|
import_react_hook_form9.Controller,
|
11906
11906
|
{
|
11907
11907
|
control,
|
11908
11908
|
name: "name",
|
11909
11909
|
render: ({ field }) => {
|
11910
11910
|
var _a2;
|
11911
|
-
return /* @__PURE__ */
|
11911
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11912
11912
|
Input,
|
11913
11913
|
{
|
11914
11914
|
label: (texts == null ? void 0 : texts.name.label) || "Name",
|
@@ -11921,14 +11921,14 @@ var ContactForm = ({
|
|
11921
11921
|
}
|
11922
11922
|
}
|
11923
11923
|
),
|
11924
|
-
/* @__PURE__ */
|
11924
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11925
11925
|
import_react_hook_form9.Controller,
|
11926
11926
|
{
|
11927
11927
|
control,
|
11928
11928
|
name: "email",
|
11929
11929
|
render: ({ field }) => {
|
11930
11930
|
var _a2;
|
11931
|
-
return /* @__PURE__ */
|
11931
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11932
11932
|
Input,
|
11933
11933
|
{
|
11934
11934
|
label: (texts == null ? void 0 : texts.email.label) || "Email",
|
@@ -11944,7 +11944,7 @@ var ContactForm = ({
|
|
11944
11944
|
),
|
11945
11945
|
customFields && customFields.map((customField) => {
|
11946
11946
|
console.log("custom", customField);
|
11947
|
-
return /* @__PURE__ */
|
11947
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11948
11948
|
import_react_hook_form9.Controller,
|
11949
11949
|
{
|
11950
11950
|
control,
|
@@ -11954,7 +11954,7 @@ var ContactForm = ({
|
|
11954
11954
|
switch (type) {
|
11955
11955
|
case "text":
|
11956
11956
|
case "number":
|
11957
|
-
return /* @__PURE__ */
|
11957
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11958
11958
|
Input,
|
11959
11959
|
{
|
11960
11960
|
id: customField.name,
|
@@ -11965,7 +11965,7 @@ var ContactForm = ({
|
|
11965
11965
|
}
|
11966
11966
|
);
|
11967
11967
|
case "select":
|
11968
|
-
return /* @__PURE__ */
|
11968
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11969
11969
|
Select,
|
11970
11970
|
{
|
11971
11971
|
label,
|
@@ -11975,20 +11975,20 @@ var ContactForm = ({
|
|
11975
11975
|
}
|
11976
11976
|
);
|
11977
11977
|
default:
|
11978
|
-
return /* @__PURE__ */
|
11978
|
+
return /* @__PURE__ */ import_react79.default.createElement("div", null, "Unknown type");
|
11979
11979
|
}
|
11980
11980
|
}
|
11981
11981
|
}
|
11982
11982
|
);
|
11983
11983
|
}),
|
11984
|
-
/* @__PURE__ */
|
11984
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11985
11985
|
import_react_hook_form9.Controller,
|
11986
11986
|
{
|
11987
11987
|
control,
|
11988
11988
|
name: "message",
|
11989
11989
|
render: ({ field }) => {
|
11990
11990
|
var _a2;
|
11991
|
-
return /* @__PURE__ */
|
11991
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11992
11992
|
Textarea,
|
11993
11993
|
{
|
11994
11994
|
label: (texts == null ? void 0 : texts.message.label) || "Message",
|
@@ -12005,19 +12005,19 @@ var ContactForm = ({
|
|
12005
12005
|
}
|
12006
12006
|
}
|
12007
12007
|
),
|
12008
|
-
/* @__PURE__ */
|
12008
|
+
/* @__PURE__ */ import_react79.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
|
12009
12009
|
))
|
12010
12010
|
);
|
12011
12011
|
};
|
12012
12012
|
|
12013
12013
|
// blocks/pricing/PricingPlans.tsx
|
12014
|
-
var
|
12014
|
+
var import_react85 = __toESM(require("react"));
|
12015
12015
|
|
12016
12016
|
// blocks/cards/ActionCard.tsx
|
12017
|
-
var
|
12017
|
+
var import_react80 = __toESM(require("react"));
|
12018
12018
|
var ActionCard = (props) => {
|
12019
|
-
const [hovered, setHovered] = (0,
|
12020
|
-
return /* @__PURE__ */
|
12019
|
+
const [hovered, setHovered] = (0, import_react80.useState)(false);
|
12020
|
+
return /* @__PURE__ */ import_react80.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react80.default.createElement(
|
12021
12021
|
"div",
|
12022
12022
|
{
|
12023
12023
|
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",
|
@@ -12027,7 +12027,7 @@ var ActionCard = (props) => {
|
|
12027
12027
|
onMouseEnter: () => setHovered(true),
|
12028
12028
|
onMouseLeave: () => setHovered(false)
|
12029
12029
|
},
|
12030
|
-
props.blank ? /* @__PURE__ */
|
12030
|
+
props.blank ? /* @__PURE__ */ import_react80.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react80.default.createElement(
|
12031
12031
|
"svg",
|
12032
12032
|
{
|
12033
12033
|
className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
|
@@ -12039,11 +12039,11 @@ var ActionCard = (props) => {
|
|
12039
12039
|
width: "1em",
|
12040
12040
|
xmlns: "http://www.w3.org/2000/svg"
|
12041
12041
|
},
|
12042
|
-
/* @__PURE__ */
|
12043
|
-
)) : /* @__PURE__ */
|
12044
|
-
/* @__PURE__ */
|
12045
|
-
!props.blank && /* @__PURE__ */
|
12046
|
-
), /* @__PURE__ */
|
12042
|
+
/* @__PURE__ */ import_react80.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
|
12043
|
+
)) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
|
12044
|
+
/* @__PURE__ */ import_react80.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),
|
12045
|
+
!props.blank && /* @__PURE__ */ import_react80.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react80.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react80.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
|
12046
|
+
), /* @__PURE__ */ import_react80.default.createElement(
|
12047
12047
|
"div",
|
12048
12048
|
{
|
12049
12049
|
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"}`
|
@@ -12053,15 +12053,15 @@ var ActionCard = (props) => {
|
|
12053
12053
|
};
|
12054
12054
|
|
12055
12055
|
// blocks/cards/AdCard.tsx
|
12056
|
-
var
|
12056
|
+
var import_react81 = __toESM(require("react"));
|
12057
12057
|
var AdCard = ({
|
12058
12058
|
orientation = "vertical",
|
12059
12059
|
...props
|
12060
12060
|
}) => {
|
12061
|
-
const adRef = (0,
|
12062
|
-
const [closed, setClosed] = (0,
|
12061
|
+
const adRef = (0, import_react81.useRef)(null);
|
12062
|
+
const [closed, setClosed] = (0, import_react81.useState)(false);
|
12063
12063
|
let duration = 0;
|
12064
|
-
(0,
|
12064
|
+
(0, import_react81.useEffect)(() => {
|
12065
12065
|
if (duration) {
|
12066
12066
|
const timeoutHide = setTimeout(() => {
|
12067
12067
|
setClosed(true);
|
@@ -12086,21 +12086,21 @@ var AdCard = ({
|
|
12086
12086
|
horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500 hawa-rounded-inner",
|
12087
12087
|
vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
|
12088
12088
|
};
|
12089
|
-
return /* @__PURE__ */
|
12089
|
+
return /* @__PURE__ */ import_react81.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react81.default.createElement(
|
12090
12090
|
"div",
|
12091
12091
|
{
|
12092
12092
|
className: cn(cardStyles[orientation], props.className),
|
12093
12093
|
onClick: props.handleClick
|
12094
12094
|
},
|
12095
|
-
/* @__PURE__ */
|
12095
|
+
/* @__PURE__ */ import_react81.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start " }, /* @__PURE__ */ import_react81.default.createElement(
|
12096
12096
|
"img",
|
12097
12097
|
{
|
12098
12098
|
src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
|
12099
12099
|
className: imageStyles[orientation]
|
12100
12100
|
}
|
12101
12101
|
)),
|
12102
|
-
/* @__PURE__ */
|
12103
|
-
props.canHide && /* @__PURE__ */
|
12102
|
+
/* @__PURE__ */ import_react81.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react81.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
|
12103
|
+
props.canHide && /* @__PURE__ */ import_react81.default.createElement(
|
12104
12104
|
"span",
|
12105
12105
|
{
|
12106
12106
|
onClick: (e) => {
|
@@ -12126,7 +12126,7 @@ var AdCard = ({
|
|
12126
12126
|
};
|
12127
12127
|
|
12128
12128
|
// blocks/cards/PricingCard.tsx
|
12129
|
-
var
|
12129
|
+
var import_react82 = __toESM(require("react"));
|
12130
12130
|
var PricingCard = ({
|
12131
12131
|
size = "medium",
|
12132
12132
|
direction = "ltr",
|
@@ -12141,13 +12141,13 @@ var PricingCard = ({
|
|
12141
12141
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
12142
12142
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
12143
12143
|
};
|
12144
|
-
return /* @__PURE__ */
|
12144
|
+
return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react82.default.createElement(
|
12145
12145
|
Skeleton,
|
12146
12146
|
{
|
12147
12147
|
className: cn(cardSizes[size], "hawa-h-[200px]"),
|
12148
12148
|
fade: "bottom"
|
12149
12149
|
}
|
12150
|
-
) : /* @__PURE__ */
|
12150
|
+
) : /* @__PURE__ */ import_react82.default.createElement(
|
12151
12151
|
Card,
|
12152
12152
|
{
|
12153
12153
|
dir: direction,
|
@@ -12158,7 +12158,7 @@ var PricingCard = ({
|
|
12158
12158
|
recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
|
12159
12159
|
)
|
12160
12160
|
},
|
12161
|
-
recommended && /* @__PURE__ */
|
12161
|
+
recommended && /* @__PURE__ */ import_react82.default.createElement(
|
12162
12162
|
"div",
|
12163
12163
|
{
|
12164
12164
|
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",
|
@@ -12166,7 +12166,7 @@ var PricingCard = ({
|
|
12166
12166
|
},
|
12167
12167
|
((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
|
12168
12168
|
),
|
12169
|
-
/* @__PURE__ */
|
12169
|
+
/* @__PURE__ */ import_react82.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react82.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_react82.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react82.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_react82.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react82.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react82.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react82.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react82.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_react82.default.createElement(import_react82.default.Fragment, null, /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, /* @__PURE__ */ import_react82.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react82.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react82.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react82.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react82.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_react82.default.createElement(Separator2, null), /* @__PURE__ */ import_react82.default.createElement(
|
12170
12170
|
"div",
|
12171
12171
|
{
|
12172
12172
|
className: cn(
|
@@ -12174,9 +12174,9 @@ var PricingCard = ({
|
|
12174
12174
|
endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
|
12175
12175
|
)
|
12176
12176
|
},
|
12177
|
-
props.features && /* @__PURE__ */
|
12177
|
+
props.features && /* @__PURE__ */ import_react82.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
|
12178
12178
|
var _a2;
|
12179
|
-
return /* @__PURE__ */
|
12179
|
+
return /* @__PURE__ */ import_react82.default.createElement(
|
12180
12180
|
"li",
|
12181
12181
|
{
|
12182
12182
|
key: o,
|
@@ -12185,7 +12185,7 @@ var PricingCard = ({
|
|
12185
12185
|
!feature.included && "hawa-line-through"
|
12186
12186
|
)
|
12187
12187
|
},
|
12188
|
-
/* @__PURE__ */
|
12188
|
+
/* @__PURE__ */ import_react82.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react82.default.createElement(
|
12189
12189
|
"svg",
|
12190
12190
|
{
|
12191
12191
|
"aria-label": "Check Icon",
|
@@ -12194,7 +12194,7 @@ var PricingCard = ({
|
|
12194
12194
|
fill: "currentColor",
|
12195
12195
|
viewBox: "0 0 20 20"
|
12196
12196
|
},
|
12197
|
-
/* @__PURE__ */
|
12197
|
+
/* @__PURE__ */ import_react82.default.createElement(
|
12198
12198
|
"path",
|
12199
12199
|
{
|
12200
12200
|
fillRule: "evenodd",
|
@@ -12202,7 +12202,7 @@ var PricingCard = ({
|
|
12202
12202
|
clipRule: "evenodd"
|
12203
12203
|
}
|
12204
12204
|
)
|
12205
|
-
) : /* @__PURE__ */
|
12205
|
+
) : /* @__PURE__ */ import_react82.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_react82.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_react82.default.createElement(
|
12206
12206
|
Chip,
|
12207
12207
|
{
|
12208
12208
|
label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
|
@@ -12210,13 +12210,13 @@ var PricingCard = ({
|
|
12210
12210
|
size: "small"
|
12211
12211
|
}
|
12212
12212
|
))),
|
12213
|
-
feature.hint && /* @__PURE__ */
|
12213
|
+
feature.hint && /* @__PURE__ */ import_react82.default.createElement(
|
12214
12214
|
Tooltip,
|
12215
12215
|
{
|
12216
12216
|
content: feature.hint,
|
12217
12217
|
side: feature.hintSide
|
12218
12218
|
},
|
12219
|
-
/* @__PURE__ */
|
12219
|
+
/* @__PURE__ */ import_react82.default.createElement(
|
12220
12220
|
"svg",
|
12221
12221
|
{
|
12222
12222
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -12228,14 +12228,14 @@ var PricingCard = ({
|
|
12228
12228
|
strokeLinecap: "round",
|
12229
12229
|
strokeLinejoin: "round"
|
12230
12230
|
},
|
12231
|
-
/* @__PURE__ */
|
12232
|
-
/* @__PURE__ */
|
12233
|
-
/* @__PURE__ */
|
12231
|
+
/* @__PURE__ */ import_react82.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
12232
|
+
/* @__PURE__ */ import_react82.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
12233
|
+
/* @__PURE__ */ import_react82.default.createElement("path", { d: "M12 17h.01" })
|
12234
12234
|
)
|
12235
12235
|
)
|
12236
12236
|
);
|
12237
12237
|
})),
|
12238
|
-
/* @__PURE__ */
|
12238
|
+
/* @__PURE__ */ import_react82.default.createElement(
|
12239
12239
|
Button,
|
12240
12240
|
{
|
12241
12241
|
onClick: props.onPlanClicked,
|
@@ -12249,7 +12249,7 @@ var PricingCard = ({
|
|
12249
12249
|
};
|
12250
12250
|
|
12251
12251
|
// blocks/cards/ItemCard.tsx
|
12252
|
-
var
|
12252
|
+
var import_react83 = __toESM(require("react"));
|
12253
12253
|
var ItemCard = ({
|
12254
12254
|
actions,
|
12255
12255
|
counts,
|
@@ -12278,12 +12278,12 @@ var ItemCard = ({
|
|
12278
12278
|
)
|
12279
12279
|
};
|
12280
12280
|
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";
|
12281
|
-
const [openActionHeader, setOpenActionHeader] = (0,
|
12281
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react83.useState)(false);
|
12282
12282
|
function handleOpenActionHeader(e) {
|
12283
12283
|
e.stopPropagation();
|
12284
12284
|
setOpenActionHeader(!openActionHeader);
|
12285
12285
|
}
|
12286
|
-
(0,
|
12286
|
+
(0, import_react83.useEffect)(() => {
|
12287
12287
|
window.onclick = () => {
|
12288
12288
|
if (openActionHeader) {
|
12289
12289
|
setOpenActionHeader(false);
|
@@ -12291,7 +12291,7 @@ var ItemCard = ({
|
|
12291
12291
|
};
|
12292
12292
|
return () => window.onclick = null;
|
12293
12293
|
}, [openActionHeader]);
|
12294
|
-
return /* @__PURE__ */
|
12294
|
+
return /* @__PURE__ */ import_react83.default.createElement(
|
12295
12295
|
"div",
|
12296
12296
|
{
|
12297
12297
|
className: cn(
|
@@ -12307,7 +12307,7 @@ var ItemCard = ({
|
|
12307
12307
|
}
|
12308
12308
|
}
|
12309
12309
|
},
|
12310
|
-
cardImage && /* @__PURE__ */
|
12310
|
+
cardImage && /* @__PURE__ */ import_react83.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react83.default.createElement(
|
12311
12311
|
"img",
|
12312
12312
|
{
|
12313
12313
|
src: cardImage,
|
@@ -12316,7 +12316,7 @@ var ItemCard = ({
|
|
12316
12316
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
12317
12317
|
)
|
12318
12318
|
}
|
12319
|
-
), clickableImage && /* @__PURE__ */
|
12319
|
+
), clickableImage && /* @__PURE__ */ import_react83.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react83.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_react83.default.createElement(
|
12320
12320
|
Button,
|
12321
12321
|
{
|
12322
12322
|
variant: "secondary",
|
@@ -12326,19 +12326,19 @@ var ItemCard = ({
|
|
12326
12326
|
clickableImageActionIcon,
|
12327
12327
|
clickableImageActionText || "Click"
|
12328
12328
|
)))),
|
12329
|
-
/* @__PURE__ */
|
12329
|
+
/* @__PURE__ */ import_react83.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_react83.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_react83.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react83.default.createElement(
|
12330
12330
|
DropdownMenu,
|
12331
12331
|
{
|
12332
12332
|
items: headerActions,
|
12333
|
-
trigger: /* @__PURE__ */
|
12333
|
+
trigger: /* @__PURE__ */ import_react83.default.createElement(
|
12334
12334
|
Button,
|
12335
12335
|
{
|
12336
12336
|
variant: "ghost",
|
12337
12337
|
size: "smallIcon",
|
12338
12338
|
onClick: handleOpenActionHeader
|
12339
12339
|
},
|
12340
|
-
/* @__PURE__ */
|
12341
|
-
/* @__PURE__ */
|
12340
|
+
/* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
12341
|
+
/* @__PURE__ */ import_react83.default.createElement(
|
12342
12342
|
"svg",
|
12343
12343
|
{
|
12344
12344
|
className: "hawa-h-5 hawa-w-5",
|
@@ -12346,11 +12346,11 @@ var ItemCard = ({
|
|
12346
12346
|
fill: "currentColor",
|
12347
12347
|
viewBox: "0 0 20 20"
|
12348
12348
|
},
|
12349
|
-
/* @__PURE__ */
|
12349
|
+
/* @__PURE__ */ import_react83.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" })
|
12350
12350
|
)
|
12351
12351
|
)
|
12352
12352
|
}
|
12353
|
-
))), /* @__PURE__ */
|
12353
|
+
))), /* @__PURE__ */ import_react83.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react83.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react83.default.createElement(
|
12354
12354
|
"div",
|
12355
12355
|
{
|
12356
12356
|
className: cn(
|
@@ -12360,15 +12360,15 @@ var ItemCard = ({
|
|
12360
12360
|
)
|
12361
12361
|
},
|
12362
12362
|
counts,
|
12363
|
-
/* @__PURE__ */
|
12363
|
+
/* @__PURE__ */ import_react83.default.createElement(StopPropagationWrapper, null, actions)
|
12364
12364
|
) : null)
|
12365
12365
|
);
|
12366
12366
|
};
|
12367
12367
|
|
12368
12368
|
// blocks/cards/LandingCard.tsx
|
12369
|
-
var
|
12369
|
+
var import_react84 = __toESM(require("react"));
|
12370
12370
|
var LandingCard = (props) => {
|
12371
|
-
return /* @__PURE__ */
|
12371
|
+
return /* @__PURE__ */ import_react84.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react84.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react84.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react84.default.createElement(CardDescription, null, props.subtitle)));
|
12372
12372
|
};
|
12373
12373
|
|
12374
12374
|
// blocks/pricing/PricingPlans.tsx
|
@@ -12377,7 +12377,7 @@ var PricingPlans = ({
|
|
12377
12377
|
cardsContainerProps,
|
12378
12378
|
...props
|
12379
12379
|
}) => {
|
12380
|
-
return /* @__PURE__ */
|
12380
|
+
return /* @__PURE__ */ import_react85.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react85.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react85.default.createElement(
|
12381
12381
|
Radio,
|
12382
12382
|
{
|
12383
12383
|
name: "cycle",
|
@@ -12390,7 +12390,7 @@ var PricingPlans = ({
|
|
12390
12390
|
}
|
12391
12391
|
}
|
12392
12392
|
}
|
12393
|
-
), /* @__PURE__ */
|
12393
|
+
), /* @__PURE__ */ import_react85.default.createElement(
|
12394
12394
|
Radio,
|
12395
12395
|
{
|
12396
12396
|
name: "currency",
|
@@ -12403,7 +12403,7 @@ var PricingPlans = ({
|
|
12403
12403
|
}
|
12404
12404
|
}
|
12405
12405
|
}
|
12406
|
-
)), /* @__PURE__ */
|
12406
|
+
)), /* @__PURE__ */ import_react85.default.createElement(
|
12407
12407
|
"div",
|
12408
12408
|
{
|
12409
12409
|
className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
|
@@ -12411,7 +12411,7 @@ var PricingPlans = ({
|
|
12411
12411
|
},
|
12412
12412
|
props.plans.map((plan, index) => {
|
12413
12413
|
var _a, _b;
|
12414
|
-
return /* @__PURE__ */
|
12414
|
+
return /* @__PURE__ */ import_react85.default.createElement(
|
12415
12415
|
PricingCard,
|
12416
12416
|
{
|
12417
12417
|
key: index,
|
@@ -12442,7 +12442,7 @@ var PricingPlans = ({
|
|
12442
12442
|
};
|
12443
12443
|
|
12444
12444
|
// blocks/pricing/ComparingPlans.tsx
|
12445
|
-
var
|
12445
|
+
var import_react86 = __toESM(require("react"));
|
12446
12446
|
var ComparingPlans = (props) => {
|
12447
12447
|
const uniqueFeatures = Array.from(
|
12448
12448
|
new Set(
|
@@ -12451,7 +12451,7 @@ var ComparingPlans = (props) => {
|
|
12451
12451
|
)
|
12452
12452
|
)
|
12453
12453
|
);
|
12454
|
-
return /* @__PURE__ */
|
12454
|
+
return /* @__PURE__ */ import_react86.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react86.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_react86.default.createElement(
|
12455
12455
|
Radio,
|
12456
12456
|
{
|
12457
12457
|
name: "cycle",
|
@@ -12466,7 +12466,7 @@ var ComparingPlans = (props) => {
|
|
12466
12466
|
}
|
12467
12467
|
}
|
12468
12468
|
}
|
12469
|
-
), /* @__PURE__ */
|
12469
|
+
), /* @__PURE__ */ import_react86.default.createElement(
|
12470
12470
|
Radio,
|
12471
12471
|
{
|
12472
12472
|
name: "currency",
|
@@ -12481,7 +12481,7 @@ var ComparingPlans = (props) => {
|
|
12481
12481
|
}
|
12482
12482
|
}
|
12483
12483
|
}
|
12484
|
-
)), /* @__PURE__ */
|
12484
|
+
)), /* @__PURE__ */ import_react86.default.createElement(
|
12485
12485
|
"div",
|
12486
12486
|
{
|
12487
12487
|
className: cn(
|
@@ -12492,16 +12492,16 @@ var ComparingPlans = (props) => {
|
|
12492
12492
|
top: props.topPosition || 0
|
12493
12493
|
}
|
12494
12494
|
},
|
12495
|
-
/* @__PURE__ */
|
12496
|
-
props.plans.map((plan, i) => /* @__PURE__ */
|
12495
|
+
/* @__PURE__ */ import_react86.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
12496
|
+
props.plans.map((plan, i) => /* @__PURE__ */ import_react86.default.createElement(
|
12497
12497
|
"div",
|
12498
12498
|
{
|
12499
12499
|
key: i,
|
12500
12500
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
|
12501
12501
|
},
|
12502
|
-
/* @__PURE__ */
|
12502
|
+
/* @__PURE__ */ import_react86.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react86.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react86.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react86.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react86.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react86.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react86.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
|
12503
12503
|
))
|
12504
|
-
), /* @__PURE__ */
|
12504
|
+
), /* @__PURE__ */ import_react86.default.createElement(
|
12505
12505
|
ScrollArea,
|
12506
12506
|
{
|
12507
12507
|
className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
|
@@ -12509,7 +12509,7 @@ var ComparingPlans = (props) => {
|
|
12509
12509
|
},
|
12510
12510
|
uniqueFeatures.map((featureText, featureIndex) => {
|
12511
12511
|
var _a, _b, _c, _d;
|
12512
|
-
return /* @__PURE__ */
|
12512
|
+
return /* @__PURE__ */ import_react86.default.createElement(
|
12513
12513
|
"div",
|
12514
12514
|
{
|
12515
12515
|
key: featureIndex,
|
@@ -12518,11 +12518,11 @@ var ComparingPlans = (props) => {
|
|
12518
12518
|
featureIndex === 0 ? "" : "hawa-border-t"
|
12519
12519
|
)
|
12520
12520
|
},
|
12521
|
-
/* @__PURE__ */
|
12521
|
+
/* @__PURE__ */ import_react86.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
|
12522
12522
|
(plan) => plan.features.some(
|
12523
12523
|
(feature) => feature.text === featureText && feature.hint
|
12524
12524
|
)
|
12525
|
-
) && /* @__PURE__ */
|
12525
|
+
) && /* @__PURE__ */ import_react86.default.createElement(
|
12526
12526
|
Tooltip,
|
12527
12527
|
{
|
12528
12528
|
side: "right",
|
@@ -12537,7 +12537,7 @@ var ComparingPlans = (props) => {
|
|
12537
12537
|
(feature) => feature.text === featureText
|
12538
12538
|
)) == null ? void 0 : _b.hint
|
12539
12539
|
},
|
12540
|
-
/* @__PURE__ */
|
12540
|
+
/* @__PURE__ */ import_react86.default.createElement(
|
12541
12541
|
"svg",
|
12542
12542
|
{
|
12543
12543
|
stroke: "currentColor",
|
@@ -12547,13 +12547,13 @@ var ComparingPlans = (props) => {
|
|
12547
12547
|
height: "1em",
|
12548
12548
|
width: "1em"
|
12549
12549
|
},
|
12550
|
-
/* @__PURE__ */
|
12550
|
+
/* @__PURE__ */ import_react86.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" })
|
12551
12551
|
)
|
12552
12552
|
), props.plans.some(
|
12553
12553
|
(plan) => plan.features.some(
|
12554
12554
|
(feature) => feature.text === featureText && feature.soon
|
12555
12555
|
)
|
12556
|
-
) && /* @__PURE__ */
|
12556
|
+
) && /* @__PURE__ */ import_react86.default.createElement(
|
12557
12557
|
Chip,
|
12558
12558
|
{
|
12559
12559
|
label: ((_d = (_c = props.plans.find(
|
@@ -12567,26 +12567,26 @@ var ComparingPlans = (props) => {
|
|
12567
12567
|
const feature = plan.features.find(
|
12568
12568
|
(f) => f.text === featureText
|
12569
12569
|
);
|
12570
|
-
return /* @__PURE__ */
|
12570
|
+
return /* @__PURE__ */ import_react86.default.createElement(
|
12571
12571
|
"div",
|
12572
12572
|
{
|
12573
12573
|
key: planIndex,
|
12574
12574
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
|
12575
12575
|
},
|
12576
|
-
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */
|
12576
|
+
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react86.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react86.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
|
12577
12577
|
);
|
12578
12578
|
})
|
12579
12579
|
);
|
12580
12580
|
})
|
12581
|
-
), props.showButtons && /* @__PURE__ */
|
12581
|
+
), props.showButtons && /* @__PURE__ */ import_react86.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_react86.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
|
12582
12582
|
var _a;
|
12583
|
-
return /* @__PURE__ */
|
12583
|
+
return /* @__PURE__ */ import_react86.default.createElement(
|
12584
12584
|
"div",
|
12585
12585
|
{
|
12586
12586
|
key: i,
|
12587
12587
|
className: "hawa-flex hawa-items-center hawa-justify-center"
|
12588
12588
|
},
|
12589
|
-
/* @__PURE__ */
|
12589
|
+
/* @__PURE__ */ import_react86.default.createElement(
|
12590
12590
|
Button,
|
12591
12591
|
{
|
12592
12592
|
className: "hawa-w-full hawa-max-w-xs",
|
@@ -12610,15 +12610,15 @@ var ComparingPlans = (props) => {
|
|
12610
12610
|
};
|
12611
12611
|
|
12612
12612
|
// blocks/pricing/HorizontalPricing.tsx
|
12613
|
-
var
|
12613
|
+
var import_react87 = __toESM(require("react"));
|
12614
12614
|
var HorizontalPricing = (props) => {
|
12615
|
-
const [selectedCard, setSelectedCard] = (0,
|
12615
|
+
const [selectedCard, setSelectedCard] = (0, import_react87.useState)("");
|
12616
12616
|
let data = [
|
12617
12617
|
{ title: "basic", price: "$49", cycle: "/mo" },
|
12618
12618
|
{ title: "business", price: "$99", cycle: "/mo" },
|
12619
12619
|
{ title: "enterprise", price: "$149", cycle: "/mo" }
|
12620
12620
|
];
|
12621
|
-
return /* @__PURE__ */
|
12621
|
+
return /* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react87.default.createElement(
|
12622
12622
|
Radio,
|
12623
12623
|
{
|
12624
12624
|
name: "currency",
|
@@ -12626,7 +12626,7 @@ var HorizontalPricing = (props) => {
|
|
12626
12626
|
options: props.currencies,
|
12627
12627
|
defaultValue: props.currentCurrency
|
12628
12628
|
}
|
12629
|
-
), /* @__PURE__ */
|
12629
|
+
), /* @__PURE__ */ import_react87.default.createElement(
|
12630
12630
|
Radio,
|
12631
12631
|
{
|
12632
12632
|
name: "cycle",
|
@@ -12634,7 +12634,7 @@ var HorizontalPricing = (props) => {
|
|
12634
12634
|
options: props.billingCycles,
|
12635
12635
|
defaultValue: props.currentCycle
|
12636
12636
|
}
|
12637
|
-
)), data.map((d, i) => /* @__PURE__ */
|
12637
|
+
)), data.map((d, i) => /* @__PURE__ */ import_react87.default.createElement(
|
12638
12638
|
"label",
|
12639
12639
|
{
|
12640
12640
|
key: i,
|
@@ -12642,7 +12642,7 @@ var HorizontalPricing = (props) => {
|
|
12642
12642
|
className: "",
|
12643
12643
|
onClick: () => setSelectedCard(d.title)
|
12644
12644
|
},
|
12645
|
-
/* @__PURE__ */
|
12645
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12646
12646
|
"input",
|
12647
12647
|
{
|
12648
12648
|
type: "radio",
|
@@ -12651,7 +12651,7 @@ var HorizontalPricing = (props) => {
|
|
12651
12651
|
className: "hawa-peer hawa-appearance-none"
|
12652
12652
|
}
|
12653
12653
|
),
|
12654
|
-
/* @__PURE__ */
|
12654
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12655
12655
|
"div",
|
12656
12656
|
{
|
12657
12657
|
className: cn(
|
@@ -12659,18 +12659,18 @@ var HorizontalPricing = (props) => {
|
|
12659
12659
|
"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"
|
12660
12660
|
)
|
12661
12661
|
},
|
12662
|
-
/* @__PURE__ */
|
12662
|
+
/* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react87.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react87.default.createElement(
|
12663
12663
|
CardText,
|
12664
12664
|
{
|
12665
12665
|
title: "Enterprise",
|
12666
12666
|
subtitle: "For startups and new businesses"
|
12667
12667
|
}
|
12668
12668
|
)),
|
12669
|
-
/* @__PURE__ */
|
12669
|
+
/* @__PURE__ */ import_react87.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
|
12670
12670
|
)
|
12671
12671
|
))));
|
12672
12672
|
};
|
12673
|
-
var CheckIcons = () => /* @__PURE__ */
|
12673
|
+
var CheckIcons = () => /* @__PURE__ */ import_react87.default.createElement(import_react87.default.Fragment, null, /* @__PURE__ */ import_react87.default.createElement(
|
12674
12674
|
"svg",
|
12675
12675
|
{
|
12676
12676
|
fill: "none",
|
@@ -12679,7 +12679,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react86.default.createElement(impo
|
|
12679
12679
|
stroke: "currentColor",
|
12680
12680
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
12681
12681
|
},
|
12682
|
-
/* @__PURE__ */
|
12682
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12683
12683
|
"path",
|
12684
12684
|
{
|
12685
12685
|
strokeLinecap: "round",
|
@@ -12687,14 +12687,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react86.default.createElement(impo
|
|
12687
12687
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
12688
12688
|
}
|
12689
12689
|
)
|
12690
|
-
), /* @__PURE__ */
|
12690
|
+
), /* @__PURE__ */ import_react87.default.createElement(
|
12691
12691
|
"svg",
|
12692
12692
|
{
|
12693
12693
|
viewBox: "0 0 24 24",
|
12694
12694
|
fill: "currentColor",
|
12695
12695
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
12696
12696
|
},
|
12697
|
-
/* @__PURE__ */
|
12697
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12698
12698
|
"path",
|
12699
12699
|
{
|
12700
12700
|
fillRule: "evenodd",
|
@@ -12703,14 +12703,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react86.default.createElement(impo
|
|
12703
12703
|
}
|
12704
12704
|
)
|
12705
12705
|
));
|
12706
|
-
var CardText = (props) => /* @__PURE__ */
|
12707
|
-
var CardPrice = (props) => /* @__PURE__ */
|
12706
|
+
var CardText = (props) => /* @__PURE__ */ import_react87.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react87.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react87.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
|
12707
|
+
var CardPrice = (props) => /* @__PURE__ */ import_react87.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react87.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
|
12708
12708
|
|
12709
12709
|
// blocks/Usage.tsx
|
12710
|
-
var
|
12710
|
+
var import_react88 = __toESM(require("react"));
|
12711
12711
|
var Usage = (props) => {
|
12712
12712
|
var _a;
|
12713
|
-
return /* @__PURE__ */
|
12713
|
+
return /* @__PURE__ */ import_react88.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_react88.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react88.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react88.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react88.default.createElement(
|
12714
12714
|
"svg",
|
12715
12715
|
{
|
12716
12716
|
stroke: "currentColor",
|
@@ -12721,8 +12721,8 @@ var Usage = (props) => {
|
|
12721
12721
|
height: "1em",
|
12722
12722
|
width: "1em"
|
12723
12723
|
},
|
12724
|
-
/* @__PURE__ */
|
12725
|
-
))), /* @__PURE__ */
|
12724
|
+
/* @__PURE__ */ import_react88.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" })
|
12725
|
+
))), /* @__PURE__ */ import_react88.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react88.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react88.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react88.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
|
12726
12726
|
};
|
12727
12727
|
// Annotate the CommonJS export names for ESM import in node:
|
12728
12728
|
0 && (module.exports = {
|