@sikka/hawa 0.31.7-next → 0.31.8-next
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Chip-hr2gRBJ-.d.mts → Chip-BT2hUlGJ.d.mts} +1 -1
- package/dist/{Chip-H5BnuDdx.d.ts → Chip-Dt7zJ-jZ.d.ts} +1 -1
- package/dist/{DropdownMenu-p-Ha-y2R.d.ts → DropdownMenu-CJblb-9q.d.ts} +1 -1
- package/dist/{DropdownMenu-o_-MnT5h.d.mts → DropdownMenu-K3ztliYc.d.mts} +1 -1
- package/dist/{Radio-3B8RZYJA.d.ts → Radio-B-DG0FMr.d.ts} +1 -1
- package/dist/{Radio-L369ID7b.d.mts → Radio-D52-m4Ns.d.mts} +1 -1
- package/dist/{Toast-ySvjL_-K.d.mts → Toast-BcFD9aeQ.d.mts} +1 -1
- package/dist/{Toast-YaClwi7z.d.ts → Toast-fy9tBz19.d.ts} +1 -1
- package/dist/accordion/index.d.mts +1 -1
- package/dist/accordion/index.d.ts +1 -1
- package/dist/alert/index.d.mts +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/appTopbar/index.d.mts +1 -1
- package/dist/appTopbar/index.d.ts +1 -1
- package/dist/blocks/auth/index.d.mts +1 -1
- package/dist/blocks/auth/index.d.ts +1 -1
- package/dist/blocks/auth/index.js +77 -76
- package/dist/blocks/auth/index.mjs +2 -1
- package/dist/blocks/feedback/index.d.mts +1 -1
- package/dist/blocks/feedback/index.d.ts +1 -1
- package/dist/blocks/index.d.mts +3 -3
- package/dist/blocks/index.d.ts +3 -3
- package/dist/blocks/index.js +313 -312
- package/dist/blocks/index.mjs +2 -1
- package/dist/blocks/misc/index.d.mts +1 -1
- package/dist/blocks/misc/index.d.ts +1 -1
- package/dist/blocks/pricing/index.d.mts +1 -1
- package/dist/blocks/pricing/index.d.ts +1 -1
- package/dist/carousel/index.d.mts +1 -1
- package/dist/carousel/index.d.ts +1 -1
- package/dist/checkbox/index.d.mts +1 -1
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/chip/index.d.mts +1 -1
- package/dist/chip/index.d.ts +1 -1
- package/dist/dataTable/index.d.mts +1 -1
- package/dist/dataTable/index.d.ts +1 -1
- package/dist/destroyableCard/index.d.mts +1 -1
- package/dist/destroyableCard/index.d.ts +1 -1
- package/dist/dialog/index.d.mts +1 -1
- package/dist/dialog/index.d.ts +1 -1
- package/dist/docsLayout/index.d.mts +1 -1
- package/dist/docsLayout/index.d.ts +1 -1
- package/dist/docsSidebar/index.d.mts +1 -1
- package/dist/docsSidebar/index.d.ts +1 -1
- package/dist/elements/index.d.mts +8 -8
- package/dist/elements/index.d.ts +8 -8
- package/dist/hooks/index.d.mts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.js +262 -261
- package/dist/index.mjs +2 -1
- package/dist/interfaceSettings/index.d.mts +1 -1
- package/dist/interfaceSettings/index.d.ts +1 -1
- package/dist/label/index.d.mts +1 -1
- package/dist/label/index.d.ts +1 -1
- package/dist/layout/index.d.mts +3 -3
- package/dist/layout/index.d.ts +3 -3
- package/dist/navigationMenu/index.d.mts +1 -1
- package/dist/navigationMenu/index.d.ts +1 -1
- package/dist/pagination/index.d.mts +1 -1
- package/dist/pagination/index.d.ts +1 -1
- package/dist/popover/index.d.mts +1 -1
- package/dist/popover/index.d.ts +1 -1
- package/dist/progress/index.d.mts +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/radio/index.d.mts +1 -1
- package/dist/radio/index.d.ts +1 -1
- package/dist/scrollArea/index.d.mts +1 -1
- package/dist/scrollArea/index.d.ts +1 -1
- package/dist/select/index.d.mts +1 -1
- package/dist/select/index.d.ts +1 -1
- package/dist/separator/index.d.mts +1 -1
- package/dist/separator/index.d.ts +1 -1
- package/dist/sidebar/index.d.mts +1 -1
- package/dist/sidebar/index.d.ts +1 -1
- package/dist/signature/index.d.mts +1 -1
- package/dist/signature/index.d.ts +1 -1
- package/dist/simpleTable/index.d.mts +1 -1
- package/dist/simpleTable/index.d.ts +1 -1
- package/dist/sonner/index.d.mts +1 -1
- package/dist/sonner/index.d.ts +1 -1
- package/dist/switch/index.d.mts +1 -1
- package/dist/switch/index.d.ts +1 -1
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/textarea/index.d.mts +1 -1
- package/dist/textarea/index.d.ts +1 -1
- package/dist/toast/index.d.mts +1 -1
- package/dist/toast/index.d.ts +1 -1
- package/dist/toaster/index.d.mts +1 -1
- package/dist/toaster/index.d.ts +1 -1
- package/dist/tooltip/index.d.mts +1 -1
- package/dist/tooltip/index.d.ts +1 -1
- package/dist/types/index.d.mts +2 -2
- package/dist/types/index.d.ts +2 -2
- package/package.json +1 -1
- /package/dist/{commonTypes-2IGtJ5cq.d.mts → commonTypes-BIZhOigS.d.mts} +0 -0
- /package/dist/{commonTypes-2IGtJ5cq.d.ts → commonTypes-BIZhOigS.d.ts} +0 -0
- /package/dist/{commonTypes-_11epZYh.d.mts → commonTypes-BtF87PmG.d.mts} +0 -0
- /package/dist/{commonTypes-_11epZYh.d.ts → commonTypes-BtF87PmG.d.ts} +0 -0
- /package/dist/{commonTypes-CKtkuNFH.d.mts → commonTypes-C-g8nFFC.d.mts} +0 -0
- /package/dist/{commonTypes-CKtkuNFH.d.ts → commonTypes-C-g8nFFC.d.ts} +0 -0
- /package/dist/{commonTypes-WPhcN3Vr.d.mts → commonTypes-C0OLP6TN.d.mts} +0 -0
- /package/dist/{commonTypes-WPhcN3Vr.d.ts → commonTypes-C0OLP6TN.d.ts} +0 -0
- /package/dist/{commonTypes-eIwARo5g.d.mts → commonTypes-CMqMLkhN.d.mts} +0 -0
- /package/dist/{commonTypes-eIwARo5g.d.ts → commonTypes-CMqMLkhN.d.ts} +0 -0
- /package/dist/{commonTypes-ko_NGEoT.d.mts → commonTypes-ClC9C8Mh.d.mts} +0 -0
- /package/dist/{commonTypes-ko_NGEoT.d.ts → commonTypes-ClC9C8Mh.d.ts} +0 -0
- /package/dist/{commonTypes-2k6FnHw5.d.mts → commonTypes-D23Z4zYt.d.mts} +0 -0
- /package/dist/{commonTypes-2k6FnHw5.d.ts → commonTypes-D23Z4zYt.d.ts} +0 -0
- /package/dist/{commonTypes-LrR8QrYP.d.mts → commonTypes-D_7LV7Ri.d.mts} +0 -0
- /package/dist/{commonTypes-LrR8QrYP.d.ts → commonTypes-D_7LV7Ri.d.ts} +0 -0
- /package/dist/{commonTypes-GhKAraJw.d.mts → commonTypes-DinbCdmt.d.mts} +0 -0
- /package/dist/{commonTypes-GhKAraJw.d.ts → commonTypes-DinbCdmt.d.ts} +0 -0
- /package/dist/{commonTypes-52DloiYq.d.mts → commonTypes-TGqbHlp_.d.mts} +0 -0
- /package/dist/{commonTypes-52DloiYq.d.ts → commonTypes-TGqbHlp_.d.ts} +0 -0
- /package/dist/{textTypes-0bvyKoeH.d.mts → textTypes-DXLtO2fL.d.mts} +0 -0
- /package/dist/{textTypes-0bvyKoeH.d.ts → textTypes-DXLtO2fL.d.ts} +0 -0
package/dist/index.js
CHANGED
@@ -10133,6 +10133,7 @@ var AuthButtons = (props) => {
|
|
10133
10133
|
|
10134
10134
|
// blocks/auth/LoginForm.tsx
|
10135
10135
|
var import_react60 = __toESM(require("react"));
|
10136
|
+
var import_react61 = require("react");
|
10136
10137
|
var import_react_hook_form = require("react-hook-form");
|
10137
10138
|
var import_zod = require("@hookform/resolvers/zod");
|
10138
10139
|
var import_libphonenumber_js = require("libphonenumber-js");
|
@@ -10144,7 +10145,7 @@ var LoginForm = ({
|
|
10144
10145
|
...props
|
10145
10146
|
}) => {
|
10146
10147
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
|
10147
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
10148
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react61.useState)(false);
|
10148
10149
|
const thirdPartyAuthTexts = {
|
10149
10150
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
10150
10151
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
@@ -10449,7 +10450,7 @@ var LoginForm = ({
|
|
10449
10450
|
};
|
10450
10451
|
|
10451
10452
|
// blocks/auth/RegisterForm.tsx
|
10452
|
-
var
|
10453
|
+
var import_react62 = __toESM(require("react"));
|
10453
10454
|
var import_react_hook_form2 = require("react-hook-form");
|
10454
10455
|
var import_zod2 = require("@hookform/resolvers/zod");
|
10455
10456
|
var z2 = __toESM(require("zod"));
|
@@ -10461,7 +10462,7 @@ var RegisterForm = ({
|
|
10461
10462
|
...props
|
10462
10463
|
}) => {
|
10463
10464
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
10464
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
10465
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react62.useState)(false);
|
10465
10466
|
const thirdPartyAuthTexts = {
|
10466
10467
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
10467
10468
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
@@ -10528,7 +10529,7 @@ var RegisterForm = ({
|
|
10528
10529
|
const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
|
10529
10530
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
10530
10531
|
});
|
10531
|
-
return /* @__PURE__ */
|
10532
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10532
10533
|
"div",
|
10533
10534
|
{
|
10534
10535
|
className: cn(
|
@@ -10536,7 +10537,7 @@ var RegisterForm = ({
|
|
10536
10537
|
(_g = props.classNames) == null ? void 0 : _g.root
|
10537
10538
|
)
|
10538
10539
|
},
|
10539
|
-
/* @__PURE__ */
|
10540
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10540
10541
|
Card,
|
10541
10542
|
{
|
10542
10543
|
dir: props.direction,
|
@@ -10545,7 +10546,7 @@ var RegisterForm = ({
|
|
10545
10546
|
props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
|
10546
10547
|
)
|
10547
10548
|
},
|
10548
|
-
/* @__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(
|
10549
10550
|
Alert,
|
10550
10551
|
{
|
10551
10552
|
direction: props.direction,
|
@@ -10558,7 +10559,7 @@ var RegisterForm = ({
|
|
10558
10559
|
}
|
10559
10560
|
}
|
10560
10561
|
}
|
10561
|
-
), /* @__PURE__ */
|
10562
|
+
), /* @__PURE__ */ import_react62.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react62.default.createElement(
|
10562
10563
|
"form",
|
10563
10564
|
{
|
10564
10565
|
noValidate: true,
|
@@ -10573,9 +10574,9 @@ var RegisterForm = ({
|
|
10573
10574
|
}),
|
10574
10575
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
10575
10576
|
},
|
10576
|
-
/* @__PURE__ */
|
10577
|
+
/* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
|
10577
10578
|
if (fld === "fullname") {
|
10578
|
-
return /* @__PURE__ */
|
10579
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10579
10580
|
import_react_hook_form2.Controller,
|
10580
10581
|
{
|
10581
10582
|
key: i,
|
@@ -10583,7 +10584,7 @@ var RegisterForm = ({
|
|
10583
10584
|
name: "fullName",
|
10584
10585
|
render: ({ field }) => {
|
10585
10586
|
var _a2, _b2, _c2;
|
10586
|
-
return /* @__PURE__ */
|
10587
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10587
10588
|
Input,
|
10588
10589
|
{
|
10589
10590
|
width: "full",
|
@@ -10598,7 +10599,7 @@ var RegisterForm = ({
|
|
10598
10599
|
);
|
10599
10600
|
}
|
10600
10601
|
if (fld === "email") {
|
10601
|
-
return /* @__PURE__ */
|
10602
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10602
10603
|
import_react_hook_form2.Controller,
|
10603
10604
|
{
|
10604
10605
|
key: i,
|
@@ -10606,7 +10607,7 @@ var RegisterForm = ({
|
|
10606
10607
|
name: "email",
|
10607
10608
|
render: ({ field }) => {
|
10608
10609
|
var _a2, _b2, _c2;
|
10609
|
-
return /* @__PURE__ */
|
10610
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10610
10611
|
Input,
|
10611
10612
|
{
|
10612
10613
|
dir: "ltr",
|
@@ -10626,7 +10627,7 @@ var RegisterForm = ({
|
|
10626
10627
|
);
|
10627
10628
|
}
|
10628
10629
|
if (fld === "username") {
|
10629
|
-
return /* @__PURE__ */
|
10630
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10630
10631
|
import_react_hook_form2.Controller,
|
10631
10632
|
{
|
10632
10633
|
key: i,
|
@@ -10634,7 +10635,7 @@ var RegisterForm = ({
|
|
10634
10635
|
name: "username",
|
10635
10636
|
render: ({ field }) => {
|
10636
10637
|
var _a2, _b2, _c2, _d2;
|
10637
|
-
return /* @__PURE__ */
|
10638
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10638
10639
|
Input,
|
10639
10640
|
{
|
10640
10641
|
width: "full",
|
@@ -10653,25 +10654,25 @@ var RegisterForm = ({
|
|
10653
10654
|
);
|
10654
10655
|
}
|
10655
10656
|
})),
|
10656
|
-
/* @__PURE__ */
|
10657
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10657
10658
|
import_react_hook_form2.Controller,
|
10658
10659
|
{
|
10659
10660
|
control,
|
10660
10661
|
name: "password",
|
10661
10662
|
render: ({ field }) => {
|
10662
10663
|
var _a2, _b2, _c2;
|
10663
|
-
return /* @__PURE__ */
|
10664
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10664
10665
|
Input,
|
10665
10666
|
{
|
10666
10667
|
width: "full",
|
10667
10668
|
type: passwordVisible ? "text" : "password",
|
10668
|
-
endIcon: /* @__PURE__ */
|
10669
|
+
endIcon: /* @__PURE__ */ import_react62.default.createElement(
|
10669
10670
|
"div",
|
10670
10671
|
{
|
10671
10672
|
className: "hawa-cursor-pointer",
|
10672
10673
|
onClick: () => setPasswordVisible(!passwordVisible)
|
10673
10674
|
},
|
10674
|
-
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" }),
|
10675
10676
|
" "
|
10676
10677
|
),
|
10677
10678
|
autoComplete: "new-password",
|
@@ -10684,14 +10685,14 @@ var RegisterForm = ({
|
|
10684
10685
|
}
|
10685
10686
|
}
|
10686
10687
|
),
|
10687
|
-
/* @__PURE__ */
|
10688
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10688
10689
|
import_react_hook_form2.Controller,
|
10689
10690
|
{
|
10690
10691
|
control,
|
10691
10692
|
name: "confirm_password",
|
10692
10693
|
render: ({ field }) => {
|
10693
10694
|
var _a2, _b2, _c2;
|
10694
|
-
return /* @__PURE__ */
|
10695
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10695
10696
|
Input,
|
10696
10697
|
{
|
10697
10698
|
width: "full",
|
@@ -10707,14 +10708,14 @@ var RegisterForm = ({
|
|
10707
10708
|
}
|
10708
10709
|
),
|
10709
10710
|
props.additionalInputs,
|
10710
|
-
props.showRefCode && /* @__PURE__ */
|
10711
|
+
props.showRefCode && /* @__PURE__ */ import_react62.default.createElement(
|
10711
10712
|
import_react_hook_form2.Controller,
|
10712
10713
|
{
|
10713
10714
|
control,
|
10714
10715
|
name: "refCode",
|
10715
10716
|
render: ({ field }) => {
|
10716
10717
|
var _a2;
|
10717
|
-
return /* @__PURE__ */
|
10718
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10718
10719
|
Input,
|
10719
10720
|
{
|
10720
10721
|
width: "full",
|
@@ -10727,14 +10728,14 @@ var RegisterForm = ({
|
|
10727
10728
|
}
|
10728
10729
|
}
|
10729
10730
|
),
|
10730
|
-
props.showUserSource && /* @__PURE__ */
|
10731
|
+
props.showUserSource && /* @__PURE__ */ import_react62.default.createElement(
|
10731
10732
|
import_react_hook_form2.Controller,
|
10732
10733
|
{
|
10733
10734
|
control,
|
10734
10735
|
name: "reference",
|
10735
10736
|
render: ({ field }) => {
|
10736
10737
|
var _a2, _b2;
|
10737
|
-
return /* @__PURE__ */
|
10738
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10738
10739
|
Select,
|
10739
10740
|
{
|
10740
10741
|
label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
|
@@ -10750,20 +10751,20 @@ var RegisterForm = ({
|
|
10750
10751
|
}
|
10751
10752
|
}
|
10752
10753
|
),
|
10753
|
-
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(
|
10754
10755
|
import_react_hook_form2.Controller,
|
10755
10756
|
{
|
10756
10757
|
control,
|
10757
10758
|
name: "terms_accepted",
|
10758
10759
|
render: ({ field }) => {
|
10759
10760
|
var _a2, _b2;
|
10760
|
-
return /* @__PURE__ */
|
10761
|
+
return /* @__PURE__ */ import_react62.default.createElement(
|
10761
10762
|
Checkbox,
|
10762
10763
|
{
|
10763
10764
|
id: "terms_accepted",
|
10764
10765
|
helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
|
10765
10766
|
onCheckedChange: (e) => field.onChange(e),
|
10766
|
-
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(
|
10767
10768
|
"span",
|
10768
10769
|
{
|
10769
10770
|
onClick: (e) => {
|
@@ -10780,12 +10781,12 @@ var RegisterForm = ({
|
|
10780
10781
|
);
|
10781
10782
|
}
|
10782
10783
|
}
|
10783
|
-
), showNewsletterOption && /* @__PURE__ */
|
10784
|
+
), showNewsletterOption && /* @__PURE__ */ import_react62.default.createElement(
|
10784
10785
|
import_react_hook_form2.Controller,
|
10785
10786
|
{
|
10786
10787
|
control,
|
10787
10788
|
name: "newsletter_accepted",
|
10788
|
-
render: ({ field }) => /* @__PURE__ */
|
10789
|
+
render: ({ field }) => /* @__PURE__ */ import_react62.default.createElement(
|
10789
10790
|
Checkbox,
|
10790
10791
|
{
|
10791
10792
|
id: "newsletter_accepted",
|
@@ -10795,7 +10796,7 @@ var RegisterForm = ({
|
|
10795
10796
|
)
|
10796
10797
|
}
|
10797
10798
|
)) : null,
|
10798
|
-
/* @__PURE__ */
|
10799
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10799
10800
|
Button,
|
10800
10801
|
{
|
10801
10802
|
className: " hawa-w-full",
|
@@ -10806,8 +10807,8 @@ var RegisterForm = ({
|
|
10806
10807
|
(texts == null ? void 0 : texts.registerText) || "Register"
|
10807
10808
|
),
|
10808
10809
|
props.additionalButtons
|
10809
|
-
)), props.onRouteToLogin && /* @__PURE__ */
|
10810
|
-
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(
|
10811
10812
|
CardFooter,
|
10812
10813
|
{
|
10813
10814
|
noPadding: props.cardless,
|
@@ -10815,7 +10816,7 @@ var RegisterForm = ({
|
|
10815
10816
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
10816
10817
|
)
|
10817
10818
|
},
|
10818
|
-
/* @__PURE__ */
|
10819
|
+
/* @__PURE__ */ import_react62.default.createElement(
|
10819
10820
|
AuthButtons,
|
10820
10821
|
{
|
10821
10822
|
texts: thirdPartyAuthTexts,
|
@@ -10836,7 +10837,7 @@ var RegisterForm = ({
|
|
10836
10837
|
};
|
10837
10838
|
|
10838
10839
|
// blocks/auth/AppLanding.tsx
|
10839
|
-
var
|
10840
|
+
var import_react63 = __toESM(require("react"));
|
10840
10841
|
var AppLanding = ({ texts, ...props }) => {
|
10841
10842
|
const thirdPartyAuthTexts = {
|
10842
10843
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
@@ -10847,7 +10848,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
10847
10848
|
continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
|
10848
10849
|
continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
|
10849
10850
|
};
|
10850
|
-
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(
|
10851
10852
|
AuthButtons,
|
10852
10853
|
{
|
10853
10854
|
texts: thirdPartyAuthTexts,
|
@@ -10866,7 +10867,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
10866
10867
|
handleEmail: props.handleEmail,
|
10867
10868
|
handlePhone: props.handlePhone
|
10868
10869
|
}
|
10869
|
-
), 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(
|
10870
10871
|
"span",
|
10871
10872
|
{
|
10872
10873
|
onClick: props.handleRouteToRegister,
|
@@ -10877,9 +10878,9 @@ var AppLanding = ({ texts, ...props }) => {
|
|
10877
10878
|
};
|
10878
10879
|
|
10879
10880
|
// blocks/auth/CheckEmail.tsx
|
10880
|
-
var
|
10881
|
+
var import_react64 = __toESM(require("react"));
|
10881
10882
|
var CheckEmail = ({ texts, handleResend }) => {
|
10882
|
-
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(
|
10883
10884
|
"svg",
|
10884
10885
|
{
|
10885
10886
|
stroke: "currentColor",
|
@@ -10892,13 +10893,13 @@ var CheckEmail = ({ texts, handleResend }) => {
|
|
10892
10893
|
width: "0.5em",
|
10893
10894
|
xmlns: "http://www.w3.org/2000/svg"
|
10894
10895
|
},
|
10895
|
-
/* @__PURE__ */
|
10896
|
-
/* @__PURE__ */
|
10897
|
-
)), /* @__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")));
|
10898
10899
|
};
|
10899
10900
|
|
10900
10901
|
// blocks/auth/NewPassword.tsx
|
10901
|
-
var
|
10902
|
+
var import_react65 = __toESM(require("react"));
|
10902
10903
|
var import_react_hook_form3 = require("react-hook-form");
|
10903
10904
|
var import_zod3 = require("@hookform/resolvers/zod");
|
10904
10905
|
var z3 = __toESM(require("zod"));
|
@@ -10920,7 +10921,7 @@ var NewPasswordForm = ({
|
|
10920
10921
|
const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
|
10921
10922
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
10922
10923
|
});
|
10923
|
-
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(
|
10924
10925
|
"form",
|
10925
10926
|
{
|
10926
10927
|
noValidate: true,
|
@@ -10934,7 +10935,7 @@ var NewPasswordForm = ({
|
|
10934
10935
|
}
|
10935
10936
|
})
|
10936
10937
|
},
|
10937
|
-
/* @__PURE__ */
|
10938
|
+
/* @__PURE__ */ import_react65.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react65.default.createElement(
|
10938
10939
|
Alert,
|
10939
10940
|
{
|
10940
10941
|
direction: props.direction,
|
@@ -10942,14 +10943,14 @@ var NewPasswordForm = ({
|
|
10942
10943
|
text: props.errorText,
|
10943
10944
|
severity: "error"
|
10944
10945
|
}
|
10945
|
-
), /* @__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(
|
10946
10947
|
import_react_hook_form3.Controller,
|
10947
10948
|
{
|
10948
10949
|
control,
|
10949
10950
|
name: "password",
|
10950
10951
|
render: ({ field }) => {
|
10951
10952
|
var _a2, _b2, _c2;
|
10952
|
-
return /* @__PURE__ */
|
10953
|
+
return /* @__PURE__ */ import_react65.default.createElement(
|
10953
10954
|
Input,
|
10954
10955
|
{
|
10955
10956
|
width: "full",
|
@@ -10963,14 +10964,14 @@ var NewPasswordForm = ({
|
|
10963
10964
|
);
|
10964
10965
|
}
|
10965
10966
|
}
|
10966
|
-
), /* @__PURE__ */
|
10967
|
+
), /* @__PURE__ */ import_react65.default.createElement(
|
10967
10968
|
import_react_hook_form3.Controller,
|
10968
10969
|
{
|
10969
10970
|
control,
|
10970
10971
|
name: "confirm_password",
|
10971
10972
|
render: ({ field }) => {
|
10972
10973
|
var _a2, _b2, _c2;
|
10973
|
-
return /* @__PURE__ */
|
10974
|
+
return /* @__PURE__ */ import_react65.default.createElement(
|
10974
10975
|
Input,
|
10975
10976
|
{
|
10976
10977
|
width: "full",
|
@@ -10984,7 +10985,7 @@ var NewPasswordForm = ({
|
|
10984
10985
|
);
|
10985
10986
|
}
|
10986
10987
|
}
|
10987
|
-
)), /* @__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(
|
10988
10989
|
"span",
|
10989
10990
|
{
|
10990
10991
|
className: "clickable-link",
|
@@ -10996,7 +10997,7 @@ var NewPasswordForm = ({
|
|
10996
10997
|
};
|
10997
10998
|
|
10998
10999
|
// blocks/auth/ResetPassword.tsx
|
10999
|
-
var
|
11000
|
+
var import_react66 = __toESM(require("react"));
|
11000
11001
|
var import_react_hook_form4 = require("react-hook-form");
|
11001
11002
|
var import_zod4 = require("@hookform/resolvers/zod");
|
11002
11003
|
var z4 = __toESM(require("zod"));
|
@@ -11014,7 +11015,7 @@ var ResetPasswordForm = ({
|
|
11014
11015
|
const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
|
11015
11016
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
11016
11017
|
});
|
11017
|
-
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(
|
11018
11019
|
"form",
|
11019
11020
|
{
|
11020
11021
|
noValidate: true,
|
@@ -11026,7 +11027,7 @@ var ResetPasswordForm = ({
|
|
11026
11027
|
}
|
11027
11028
|
})
|
11028
11029
|
},
|
11029
|
-
/* @__PURE__ */
|
11030
|
+
/* @__PURE__ */ import_react66.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react66.default.createElement(
|
11030
11031
|
Alert,
|
11031
11032
|
{
|
11032
11033
|
direction: props.direction,
|
@@ -11034,14 +11035,14 @@ var ResetPasswordForm = ({
|
|
11034
11035
|
text: props.errorText,
|
11035
11036
|
severity: "error"
|
11036
11037
|
}
|
11037
|
-
), /* @__PURE__ */
|
11038
|
+
), /* @__PURE__ */ import_react66.default.createElement(
|
11038
11039
|
import_react_hook_form4.Controller,
|
11039
11040
|
{
|
11040
11041
|
control,
|
11041
11042
|
name: "email",
|
11042
11043
|
render: ({ field }) => {
|
11043
11044
|
var _a2, _b2, _c2, _d2, _e2;
|
11044
|
-
return /* @__PURE__ */
|
11045
|
+
return /* @__PURE__ */ import_react66.default.createElement(
|
11045
11046
|
Input,
|
11046
11047
|
{
|
11047
11048
|
width: "full",
|
@@ -11054,7 +11055,7 @@ var ResetPasswordForm = ({
|
|
11054
11055
|
}
|
11055
11056
|
}
|
11056
11057
|
)),
|
11057
|
-
/* @__PURE__ */
|
11058
|
+
/* @__PURE__ */ import_react66.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react66.default.createElement(
|
11058
11059
|
Button,
|
11059
11060
|
{
|
11060
11061
|
type: "submit",
|
@@ -11062,7 +11063,7 @@ var ResetPasswordForm = ({
|
|
11062
11063
|
isLoading
|
11063
11064
|
},
|
11064
11065
|
((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
|
11065
|
-
), 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(
|
11066
11067
|
"span",
|
11067
11068
|
{
|
11068
11069
|
className: "clickable-link",
|
@@ -11070,11 +11071,11 @@ var ResetPasswordForm = ({
|
|
11070
11071
|
},
|
11071
11072
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
11072
11073
|
)))
|
11073
|
-
)) : /* @__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")));
|
11074
11075
|
};
|
11075
11076
|
|
11076
11077
|
// blocks/auth/CodeConfirmation.tsx
|
11077
|
-
var
|
11078
|
+
var import_react67 = __toESM(require("react"));
|
11078
11079
|
var import_react_hook_form5 = require("react-hook-form");
|
11079
11080
|
var import_zod5 = require("@hookform/resolvers/zod");
|
11080
11081
|
var z5 = __toESM(require("zod"));
|
@@ -11086,9 +11087,9 @@ var CodeConfirmation = (props) => {
|
|
11086
11087
|
const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
|
11087
11088
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
11088
11089
|
});
|
11089
|
-
const [resendTimer, setResendTimer] = (0,
|
11090
|
-
const [remainingTime, setRemainingTime] = (0,
|
11091
|
-
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);
|
11092
11093
|
const startResendTimer = () => {
|
11093
11094
|
if (resendTimer !== null) {
|
11094
11095
|
clearInterval(resendTimer);
|
@@ -11110,21 +11111,21 @@ var CodeConfirmation = (props) => {
|
|
11110
11111
|
}, 1e3);
|
11111
11112
|
setResendTimer(newTimer);
|
11112
11113
|
};
|
11113
|
-
(0,
|
11114
|
+
(0, import_react67.useEffect)(() => {
|
11114
11115
|
return () => {
|
11115
11116
|
if (resendTimer !== null) {
|
11116
11117
|
clearInterval(resendTimer);
|
11117
11118
|
}
|
11118
11119
|
};
|
11119
11120
|
}, []);
|
11120
|
-
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(
|
11121
11122
|
Alert,
|
11122
11123
|
{
|
11123
11124
|
title: props.errorTitle,
|
11124
11125
|
text: props.errorText,
|
11125
11126
|
severity: "error"
|
11126
11127
|
}
|
11127
|
-
), /* @__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(
|
11128
11129
|
"form",
|
11129
11130
|
{
|
11130
11131
|
noValidate: true,
|
@@ -11138,14 +11139,14 @@ var CodeConfirmation = (props) => {
|
|
11138
11139
|
}
|
11139
11140
|
})
|
11140
11141
|
},
|
11141
|
-
/* @__PURE__ */
|
11142
|
+
/* @__PURE__ */ import_react67.default.createElement(
|
11142
11143
|
import_react_hook_form5.Controller,
|
11143
11144
|
{
|
11144
11145
|
control,
|
11145
11146
|
name: "otp_code",
|
11146
11147
|
render: ({ field }) => {
|
11147
11148
|
var _a2;
|
11148
|
-
return /* @__PURE__ */
|
11149
|
+
return /* @__PURE__ */ import_react67.default.createElement(
|
11149
11150
|
PinInput,
|
11150
11151
|
{
|
11151
11152
|
width: "full",
|
@@ -11157,7 +11158,7 @@ var CodeConfirmation = (props) => {
|
|
11157
11158
|
}
|
11158
11159
|
}
|
11159
11160
|
),
|
11160
|
-
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(
|
11161
11162
|
"span",
|
11162
11163
|
{
|
11163
11164
|
className: "clickable-link",
|
@@ -11168,12 +11169,12 @@ var CodeConfirmation = (props) => {
|
|
11168
11169
|
},
|
11169
11170
|
((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
|
11170
11171
|
)),
|
11171
|
-
/* @__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"))
|
11172
11173
|
)));
|
11173
11174
|
};
|
11174
11175
|
|
11175
11176
|
// blocks/feedback/UserReferralSource.tsx
|
11176
|
-
var
|
11177
|
+
var import_react68 = __toESM(require("react"));
|
11177
11178
|
var import_react_hook_form6 = require("react-hook-form");
|
11178
11179
|
var import_zod6 = require("@hookform/resolvers/zod");
|
11179
11180
|
var z6 = __toESM(require("zod"));
|
@@ -11183,8 +11184,8 @@ var UserReferralSource = ({
|
|
11183
11184
|
...props
|
11184
11185
|
}) => {
|
11185
11186
|
var _a, _b;
|
11186
|
-
const [closed, setClosed] = (0,
|
11187
|
-
const popUpRef = (0,
|
11187
|
+
const [closed, setClosed] = (0, import_react68.useState)(false);
|
11188
|
+
const popUpRef = (0, import_react68.useRef)(null);
|
11188
11189
|
const formSchema = z6.object({
|
11189
11190
|
source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
|
11190
11191
|
feedback: z6.string().optional()
|
@@ -11204,7 +11205,7 @@ var UserReferralSource = ({
|
|
11204
11205
|
label: "Other"
|
11205
11206
|
}
|
11206
11207
|
];
|
11207
|
-
return /* @__PURE__ */
|
11208
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
11208
11209
|
"div",
|
11209
11210
|
{
|
11210
11211
|
className: cn(
|
@@ -11213,7 +11214,7 @@ var UserReferralSource = ({
|
|
11213
11214
|
),
|
11214
11215
|
ref: popUpRef
|
11215
11216
|
},
|
11216
|
-
/* @__PURE__ */
|
11217
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11217
11218
|
Card,
|
11218
11219
|
{
|
11219
11220
|
className: cn(
|
@@ -11222,7 +11223,7 @@ var UserReferralSource = ({
|
|
11222
11223
|
),
|
11223
11224
|
dir: props.direction
|
11224
11225
|
},
|
11225
|
-
/* @__PURE__ */
|
11226
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11226
11227
|
"button",
|
11227
11228
|
{
|
11228
11229
|
type: "button",
|
@@ -11241,7 +11242,7 @@ var UserReferralSource = ({
|
|
11241
11242
|
}, 200);
|
11242
11243
|
}
|
11243
11244
|
},
|
11244
|
-
/* @__PURE__ */
|
11245
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11245
11246
|
"svg",
|
11246
11247
|
{
|
11247
11248
|
"aria-hidden": "true",
|
@@ -11249,7 +11250,7 @@ var UserReferralSource = ({
|
|
11249
11250
|
fill: "currentColor",
|
11250
11251
|
viewBox: "0 0 20 20"
|
11251
11252
|
},
|
11252
|
-
/* @__PURE__ */
|
11253
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11253
11254
|
"path",
|
11254
11255
|
{
|
11255
11256
|
fillRule: "evenodd",
|
@@ -11259,7 +11260,7 @@ var UserReferralSource = ({
|
|
11259
11260
|
)
|
11260
11261
|
)
|
11261
11262
|
),
|
11262
|
-
/* @__PURE__ */
|
11263
|
+
/* @__PURE__ */ import_react68.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react68.default.createElement(
|
11263
11264
|
"form",
|
11264
11265
|
{
|
11265
11266
|
noValidate: true,
|
@@ -11271,7 +11272,7 @@ var UserReferralSource = ({
|
|
11271
11272
|
}
|
11272
11273
|
})
|
11273
11274
|
},
|
11274
|
-
/* @__PURE__ */
|
11275
|
+
/* @__PURE__ */ import_react68.default.createElement(
|
11275
11276
|
"div",
|
11276
11277
|
{
|
11277
11278
|
className: cn(
|
@@ -11279,15 +11280,15 @@ var UserReferralSource = ({
|
|
11279
11280
|
closed ? "hawa-opacity-0" : "hawa-opacity-100"
|
11280
11281
|
)
|
11281
11282
|
},
|
11282
|
-
/* @__PURE__ */
|
11283
|
-
/* @__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(
|
11284
11285
|
import_react_hook_form6.Controller,
|
11285
11286
|
{
|
11286
11287
|
control,
|
11287
11288
|
name: "source",
|
11288
11289
|
render: ({ field }) => {
|
11289
11290
|
var _a2, _b2;
|
11290
|
-
return /* @__PURE__ */
|
11291
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
11291
11292
|
Radio,
|
11292
11293
|
{
|
11293
11294
|
name: "source",
|
@@ -11302,14 +11303,14 @@ var UserReferralSource = ({
|
|
11302
11303
|
}
|
11303
11304
|
}
|
11304
11305
|
)),
|
11305
|
-
/* @__PURE__ */
|
11306
|
+
/* @__PURE__ */ import_react68.default.createElement("div", null, /* @__PURE__ */ import_react68.default.createElement(
|
11306
11307
|
import_react_hook_form6.Controller,
|
11307
11308
|
{
|
11308
11309
|
control,
|
11309
11310
|
name: "feedback",
|
11310
11311
|
render: ({ field }) => {
|
11311
11312
|
var _a2, _b2;
|
11312
|
-
return /* @__PURE__ */
|
11313
|
+
return /* @__PURE__ */ import_react68.default.createElement(
|
11313
11314
|
Textarea,
|
11314
11315
|
{
|
11315
11316
|
...field,
|
@@ -11324,28 +11325,28 @@ var UserReferralSource = ({
|
|
11324
11325
|
}
|
11325
11326
|
))
|
11326
11327
|
),
|
11327
|
-
/* @__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")
|
11328
11329
|
))
|
11329
11330
|
)
|
11330
11331
|
);
|
11331
11332
|
};
|
11332
11333
|
|
11333
11334
|
// blocks/feedback/FeedbackRating.tsx
|
11334
|
-
var
|
11335
|
+
var import_react69 = __toESM(require("react"));
|
11335
11336
|
var FeedbackRating = ({
|
11336
11337
|
position = "bottom-right",
|
11337
11338
|
...props
|
11338
11339
|
}) => {
|
11339
|
-
const [closed, setClosed] = (0,
|
11340
|
-
const [answered, setAnswered] = (0,
|
11341
|
-
const [clickedOption, setClickedOption] = (0,
|
11342
|
-
const [closingTimer, setClosingTimer] = (0,
|
11343
|
-
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);
|
11344
11345
|
const boxPosition = {
|
11345
11346
|
"bottom-right": "hawa-right-4",
|
11346
11347
|
"bottom-left": "hawa-left-4"
|
11347
11348
|
};
|
11348
|
-
(0,
|
11349
|
+
(0, import_react69.useEffect)(() => {
|
11349
11350
|
const timeoutHide = setTimeout(() => {
|
11350
11351
|
if (closingTimer >= 0) {
|
11351
11352
|
setClosingTimer(closingTimer - 1);
|
@@ -11363,7 +11364,7 @@ var FeedbackRating = ({
|
|
11363
11364
|
}
|
11364
11365
|
}, 200);
|
11365
11366
|
};
|
11366
|
-
return /* @__PURE__ */
|
11367
|
+
return /* @__PURE__ */ import_react69.default.createElement(
|
11367
11368
|
"div",
|
11368
11369
|
{
|
11369
11370
|
ref: popUpRef,
|
@@ -11372,7 +11373,7 @@ var FeedbackRating = ({
|
|
11372
11373
|
boxPosition[position]
|
11373
11374
|
)
|
11374
11375
|
},
|
11375
|
-
/* @__PURE__ */
|
11376
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11376
11377
|
"div",
|
11377
11378
|
{
|
11378
11379
|
className: cn(
|
@@ -11381,8 +11382,8 @@ var FeedbackRating = ({
|
|
11381
11382
|
props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
|
11382
11383
|
)
|
11383
11384
|
},
|
11384
|
-
/* @__PURE__ */
|
11385
|
-
/* @__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(
|
11386
11387
|
"button",
|
11387
11388
|
{
|
11388
11389
|
type: "button",
|
@@ -11391,7 +11392,7 @@ var FeedbackRating = ({
|
|
11391
11392
|
"aria-label": "Close",
|
11392
11393
|
onClick: () => slowClose()
|
11393
11394
|
},
|
11394
|
-
/* @__PURE__ */
|
11395
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11395
11396
|
"svg",
|
11396
11397
|
{
|
11397
11398
|
"aria-hidden": "true",
|
@@ -11399,7 +11400,7 @@ var FeedbackRating = ({
|
|
11399
11400
|
fill: "currentColor",
|
11400
11401
|
viewBox: "0 0 20 20"
|
11401
11402
|
},
|
11402
|
-
/* @__PURE__ */
|
11403
|
+
/* @__PURE__ */ import_react69.default.createElement(
|
11403
11404
|
"path",
|
11404
11405
|
{
|
11405
11406
|
fillRule: "evenodd",
|
@@ -11409,8 +11410,8 @@ var FeedbackRating = ({
|
|
11409
11410
|
)
|
11410
11411
|
)
|
11411
11412
|
),
|
11412
|
-
/* @__PURE__ */
|
11413
|
-
/* @__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(
|
11414
11415
|
"span",
|
11415
11416
|
{
|
11416
11417
|
key: i,
|
@@ -11438,24 +11439,24 @@ var FeedbackRating = ({
|
|
11438
11439
|
},
|
11439
11440
|
op
|
11440
11441
|
))),
|
11441
|
-
props.texts && /* @__PURE__ */
|
11442
|
-
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")))
|
11443
11444
|
)
|
11444
11445
|
);
|
11445
11446
|
};
|
11446
11447
|
|
11447
11448
|
// blocks/feedback/FeedbackEmoji.tsx
|
11448
|
-
var
|
11449
|
+
var import_react70 = __toESM(require("react"));
|
11449
11450
|
var FeedbackEmoji = (props) => {
|
11450
|
-
const [selectedEmoji, setSelectedEmoji] = (0,
|
11451
|
-
const [loadingSubmit, setLoadingSubmit] = (0,
|
11452
|
-
const [feedbackText, setFeedbackText] = (0,
|
11453
|
-
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);
|
11454
11455
|
let emojis = [
|
11455
|
-
{ icon: /* @__PURE__ */
|
11456
|
-
{ icon: /* @__PURE__ */
|
11457
|
-
{ icon: /* @__PURE__ */
|
11458
|
-
{ 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" }
|
11459
11460
|
];
|
11460
11461
|
const onFeedbackSubmit = async () => {
|
11461
11462
|
if (feedbackText) {
|
@@ -11475,7 +11476,7 @@ var FeedbackEmoji = (props) => {
|
|
11475
11476
|
setHelperText(true);
|
11476
11477
|
}
|
11477
11478
|
};
|
11478
|
-
return /* @__PURE__ */
|
11479
|
+
return /* @__PURE__ */ import_react70.default.createElement(
|
11479
11480
|
"div",
|
11480
11481
|
{
|
11481
11482
|
className: cn(
|
@@ -11483,7 +11484,7 @@ var FeedbackEmoji = (props) => {
|
|
11483
11484
|
selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px] "
|
11484
11485
|
)
|
11485
11486
|
},
|
11486
|
-
/* @__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(
|
11487
11488
|
Button,
|
11488
11489
|
{
|
11489
11490
|
key: i,
|
@@ -11502,7 +11503,7 @@ var FeedbackEmoji = (props) => {
|
|
11502
11503
|
},
|
11503
11504
|
emoji.icon
|
11504
11505
|
)))),
|
11505
|
-
/* @__PURE__ */
|
11506
|
+
/* @__PURE__ */ import_react70.default.createElement(
|
11506
11507
|
"div",
|
11507
11508
|
{
|
11508
11509
|
className: cn(
|
@@ -11510,7 +11511,7 @@ var FeedbackEmoji = (props) => {
|
|
11510
11511
|
selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
|
11511
11512
|
)
|
11512
11513
|
},
|
11513
|
-
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(
|
11514
11515
|
"svg",
|
11515
11516
|
{
|
11516
11517
|
stroke: "currentColor",
|
@@ -11520,13 +11521,13 @@ var FeedbackEmoji = (props) => {
|
|
11520
11521
|
height: "0.5em",
|
11521
11522
|
width: "0.5em"
|
11522
11523
|
},
|
11523
|
-
/* @__PURE__ */
|
11524
|
-
)), /* @__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(
|
11525
11526
|
Popover,
|
11526
11527
|
{
|
11527
11528
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
11528
11529
|
open: helperText,
|
11529
|
-
trigger: /* @__PURE__ */
|
11530
|
+
trigger: /* @__PURE__ */ import_react70.default.createElement(
|
11530
11531
|
Textarea,
|
11531
11532
|
{
|
11532
11533
|
classNames: {
|
@@ -11544,8 +11545,8 @@ var FeedbackEmoji = (props) => {
|
|
11544
11545
|
}
|
11545
11546
|
)
|
11546
11547
|
},
|
11547
|
-
/* @__PURE__ */
|
11548
|
-
), /* @__PURE__ */
|
11548
|
+
/* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
|
11549
|
+
), /* @__PURE__ */ import_react70.default.createElement(
|
11549
11550
|
Button,
|
11550
11551
|
{
|
11551
11552
|
isLoading: loadingSubmit,
|
@@ -11560,7 +11561,7 @@ var FeedbackEmoji = (props) => {
|
|
11560
11561
|
};
|
11561
11562
|
|
11562
11563
|
// blocks/feedback/FeedbackForm.tsx
|
11563
|
-
var
|
11564
|
+
var import_react71 = __toESM(require("react"));
|
11564
11565
|
var import_react_hook_form7 = require("react-hook-form");
|
11565
11566
|
var import_zod7 = require("@hookform/resolvers/zod");
|
11566
11567
|
var z7 = __toESM(require("zod"));
|
@@ -11574,7 +11575,7 @@ var FeedbackForm = (props) => {
|
|
11574
11575
|
resolver: (0, import_zod7.zodResolver)(formSchema),
|
11575
11576
|
defaultValues: { requestType: "", description: "" }
|
11576
11577
|
});
|
11577
|
-
return /* @__PURE__ */
|
11578
|
+
return /* @__PURE__ */ import_react71.default.createElement(
|
11578
11579
|
Card,
|
11579
11580
|
{
|
11580
11581
|
className: cn(
|
@@ -11582,7 +11583,7 @@ var FeedbackForm = (props) => {
|
|
11582
11583
|
),
|
11583
11584
|
style: props.cardless ? { boxShadow: "none" } : void 0
|
11584
11585
|
},
|
11585
|
-
/* @__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(
|
11586
11587
|
"form",
|
11587
11588
|
{
|
11588
11589
|
noValidate: true,
|
@@ -11595,15 +11596,15 @@ var FeedbackForm = (props) => {
|
|
11595
11596
|
}),
|
11596
11597
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
11597
11598
|
},
|
11598
|
-
/* @__PURE__ */
|
11599
|
-
/* @__PURE__ */
|
11599
|
+
/* @__PURE__ */ import_react71.default.createElement(Label2, null),
|
11600
|
+
/* @__PURE__ */ import_react71.default.createElement(
|
11600
11601
|
import_react_hook_form7.Controller,
|
11601
11602
|
{
|
11602
11603
|
name: "requestType",
|
11603
11604
|
control,
|
11604
11605
|
render: ({ field }) => {
|
11605
11606
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
11606
|
-
return /* @__PURE__ */
|
11607
|
+
return /* @__PURE__ */ import_react71.default.createElement(
|
11607
11608
|
Select,
|
11608
11609
|
{
|
11609
11610
|
...field,
|
@@ -11621,14 +11622,14 @@ var FeedbackForm = (props) => {
|
|
11621
11622
|
}
|
11622
11623
|
}
|
11623
11624
|
),
|
11624
|
-
/* @__PURE__ */
|
11625
|
+
/* @__PURE__ */ import_react71.default.createElement(
|
11625
11626
|
import_react_hook_form7.Controller,
|
11626
11627
|
{
|
11627
11628
|
name: "description",
|
11628
11629
|
control,
|
11629
11630
|
render: ({ field }) => {
|
11630
11631
|
var _a2, _b2, _c2, _d2, _e2, _f2;
|
11631
|
-
return /* @__PURE__ */
|
11632
|
+
return /* @__PURE__ */ import_react71.default.createElement(
|
11632
11633
|
Textarea,
|
11633
11634
|
{
|
11634
11635
|
helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
|
@@ -11646,15 +11647,15 @@ var FeedbackForm = (props) => {
|
|
11646
11647
|
}
|
11647
11648
|
}
|
11648
11649
|
),
|
11649
|
-
/* @__PURE__ */
|
11650
|
+
/* @__PURE__ */ import_react71.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
|
11650
11651
|
))
|
11651
11652
|
);
|
11652
11653
|
};
|
11653
11654
|
|
11654
11655
|
// blocks/misc/LegalTexts.tsx
|
11655
|
-
var
|
11656
|
+
var import_react72 = __toESM(require("react"));
|
11656
11657
|
var LegalTexts = ({ tabs, ...props }) => {
|
11657
|
-
return /* @__PURE__ */
|
11658
|
+
return /* @__PURE__ */ import_react72.default.createElement(
|
11658
11659
|
Tabs,
|
11659
11660
|
{
|
11660
11661
|
value: props.activeTab,
|
@@ -11662,8 +11663,8 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
11662
11663
|
defaultValue: props.defaultTab || tabs[0].value,
|
11663
11664
|
dir: props.direction
|
11664
11665
|
},
|
11665
|
-
/* @__PURE__ */
|
11666
|
-
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(
|
11667
11668
|
ScrollArea,
|
11668
11669
|
{
|
11669
11670
|
className: cn(
|
@@ -11677,9 +11678,9 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
11677
11678
|
};
|
11678
11679
|
|
11679
11680
|
// blocks/misc/EmptyState.tsx
|
11680
|
-
var
|
11681
|
+
var import_react73 = __toESM(require("react"));
|
11681
11682
|
var EmptyState = ({ texts, onActionClick }) => {
|
11682
|
-
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(
|
11683
11684
|
"svg",
|
11684
11685
|
{
|
11685
11686
|
stroke: "currentColor",
|
@@ -11689,30 +11690,30 @@ var EmptyState = ({ texts, onActionClick }) => {
|
|
11689
11690
|
height: "0.35em",
|
11690
11691
|
width: "0.35em"
|
11691
11692
|
},
|
11692
|
-
/* @__PURE__ */
|
11693
|
-
)), /* @__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")));
|
11694
11695
|
};
|
11695
11696
|
|
11696
11697
|
// blocks/misc/Testimonial.tsx
|
11697
|
-
var
|
11698
|
+
var import_react74 = __toESM(require("react"));
|
11698
11699
|
var Testimonial = () => {
|
11699
|
-
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(
|
11700
11701
|
"path",
|
11701
11702
|
{
|
11702
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",
|
11703
11704
|
fill: "#FFFFFF"
|
11704
11705
|
}
|
11705
|
-
), /* @__PURE__ */
|
11706
|
+
), /* @__PURE__ */ import_react74.default.createElement(
|
11706
11707
|
"path",
|
11707
11708
|
{
|
11708
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",
|
11709
11710
|
fill: "#FFFFFF"
|
11710
11711
|
}
|
11711
|
-
)), /* @__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")))));
|
11712
11713
|
};
|
11713
11714
|
|
11714
11715
|
// blocks/misc/LeadGenerator.tsx
|
11715
|
-
var
|
11716
|
+
var import_react75 = __toESM(require("react"));
|
11716
11717
|
var import_react_hook_form8 = require("react-hook-form");
|
11717
11718
|
var LeadGenerator = ({ texts, submitHandler }) => {
|
11718
11719
|
var _a;
|
@@ -11724,14 +11725,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
11724
11725
|
console.log("handleNewsletterSub props was not provided");
|
11725
11726
|
}
|
11726
11727
|
};
|
11727
|
-
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(
|
11728
11729
|
"form",
|
11729
11730
|
{
|
11730
11731
|
noValidate: true,
|
11731
11732
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
11732
11733
|
onSubmit: handleSubmit(onSubmit)
|
11733
11734
|
},
|
11734
|
-
/* @__PURE__ */
|
11735
|
+
/* @__PURE__ */ import_react75.default.createElement(
|
11735
11736
|
import_react_hook_form8.Controller,
|
11736
11737
|
{
|
11737
11738
|
name: "email",
|
@@ -11744,27 +11745,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
11744
11745
|
}
|
11745
11746
|
},
|
11746
11747
|
defaultValue: "",
|
11747
|
-
render: ({ field }) => /* @__PURE__ */
|
11748
|
+
render: ({ field }) => /* @__PURE__ */ import_react75.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
|
11748
11749
|
}
|
11749
11750
|
),
|
11750
|
-
/* @__PURE__ */
|
11751
|
+
/* @__PURE__ */ import_react75.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
|
11751
11752
|
)));
|
11752
11753
|
};
|
11753
11754
|
|
11754
11755
|
// blocks/misc/Announcement.tsx
|
11755
|
-
var
|
11756
|
+
var import_react76 = __toESM(require("react"));
|
11756
11757
|
var Announcement = ({
|
11757
11758
|
onActionClick,
|
11758
11759
|
...props
|
11759
11760
|
}) => {
|
11760
|
-
return /* @__PURE__ */
|
11761
|
+
return /* @__PURE__ */ import_react76.default.createElement(Card, null, /* @__PURE__ */ import_react76.default.createElement(
|
11761
11762
|
CardContent,
|
11762
11763
|
{
|
11763
11764
|
headless: true,
|
11764
11765
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
11765
11766
|
},
|
11766
|
-
/* @__PURE__ */
|
11767
|
-
/* @__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(
|
11768
11769
|
Button,
|
11769
11770
|
{
|
11770
11771
|
onClick: () => onActionClick(),
|
@@ -11776,15 +11777,15 @@ var Announcement = ({
|
|
11776
11777
|
};
|
11777
11778
|
|
11778
11779
|
// blocks/misc/NotFound.tsx
|
11779
|
-
var
|
11780
|
+
var import_react77 = __toESM(require("react"));
|
11780
11781
|
var NotFound = ({ texts }) => {
|
11781
|
-
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"))));
|
11782
11783
|
};
|
11783
11784
|
|
11784
11785
|
// blocks/misc/NoPermission.tsx
|
11785
|
-
var
|
11786
|
+
var import_react78 = __toESM(require("react"));
|
11786
11787
|
var NoPermission = ({ texts }) => {
|
11787
|
-
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(
|
11788
11789
|
"svg",
|
11789
11790
|
{
|
11790
11791
|
stroke: "currentColor",
|
@@ -11794,12 +11795,12 @@ var NoPermission = ({ texts }) => {
|
|
11794
11795
|
height: "0.35em",
|
11795
11796
|
width: "0.35em"
|
11796
11797
|
},
|
11797
|
-
/* @__PURE__ */
|
11798
|
-
)), /* @__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"))));
|
11799
11800
|
};
|
11800
11801
|
|
11801
11802
|
// blocks/misc/ContactForm.tsx
|
11802
|
-
var
|
11803
|
+
var import_react79 = __toESM(require("react"));
|
11803
11804
|
var import_react_hook_form9 = require("react-hook-form");
|
11804
11805
|
var import_zod8 = require("@hookform/resolvers/zod");
|
11805
11806
|
var z8 = __toESM(require("zod"));
|
@@ -11871,7 +11872,7 @@ var ContactForm = ({
|
|
11871
11872
|
console.log("Form is submitted but onSubmit prop is missing");
|
11872
11873
|
}
|
11873
11874
|
};
|
11874
|
-
return /* @__PURE__ */
|
11875
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11875
11876
|
Card,
|
11876
11877
|
{
|
11877
11878
|
className: cn(
|
@@ -11880,7 +11881,7 @@ var ContactForm = ({
|
|
11880
11881
|
),
|
11881
11882
|
style: cardless ? { boxShadow: "none" } : void 0
|
11882
11883
|
},
|
11883
|
-
/* @__PURE__ */
|
11884
|
+
/* @__PURE__ */ import_react79.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react79.default.createElement(
|
11884
11885
|
"form",
|
11885
11886
|
{
|
11886
11887
|
noValidate: true,
|
@@ -11889,7 +11890,7 @@ var ContactForm = ({
|
|
11889
11890
|
id: formId,
|
11890
11891
|
autoComplete: formAutoComplete
|
11891
11892
|
},
|
11892
|
-
/* @__PURE__ */
|
11893
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11893
11894
|
"div",
|
11894
11895
|
{
|
11895
11896
|
className: cn(
|
@@ -11900,14 +11901,14 @@ var ContactForm = ({
|
|
11900
11901
|
}
|
11901
11902
|
)
|
11902
11903
|
},
|
11903
|
-
/* @__PURE__ */
|
11904
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11904
11905
|
import_react_hook_form9.Controller,
|
11905
11906
|
{
|
11906
11907
|
control,
|
11907
11908
|
name: "name",
|
11908
11909
|
render: ({ field }) => {
|
11909
11910
|
var _a2;
|
11910
|
-
return /* @__PURE__ */
|
11911
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11911
11912
|
Input,
|
11912
11913
|
{
|
11913
11914
|
label: (texts == null ? void 0 : texts.name.label) || "Name",
|
@@ -11920,14 +11921,14 @@ var ContactForm = ({
|
|
11920
11921
|
}
|
11921
11922
|
}
|
11922
11923
|
),
|
11923
|
-
/* @__PURE__ */
|
11924
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11924
11925
|
import_react_hook_form9.Controller,
|
11925
11926
|
{
|
11926
11927
|
control,
|
11927
11928
|
name: "email",
|
11928
11929
|
render: ({ field }) => {
|
11929
11930
|
var _a2;
|
11930
|
-
return /* @__PURE__ */
|
11931
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11931
11932
|
Input,
|
11932
11933
|
{
|
11933
11934
|
label: (texts == null ? void 0 : texts.email.label) || "Email",
|
@@ -11943,7 +11944,7 @@ var ContactForm = ({
|
|
11943
11944
|
),
|
11944
11945
|
customFields && customFields.map((customField) => {
|
11945
11946
|
console.log("custom", customField);
|
11946
|
-
return /* @__PURE__ */
|
11947
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11947
11948
|
import_react_hook_form9.Controller,
|
11948
11949
|
{
|
11949
11950
|
control,
|
@@ -11953,7 +11954,7 @@ var ContactForm = ({
|
|
11953
11954
|
switch (type) {
|
11954
11955
|
case "text":
|
11955
11956
|
case "number":
|
11956
|
-
return /* @__PURE__ */
|
11957
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11957
11958
|
Input,
|
11958
11959
|
{
|
11959
11960
|
id: customField.name,
|
@@ -11964,7 +11965,7 @@ var ContactForm = ({
|
|
11964
11965
|
}
|
11965
11966
|
);
|
11966
11967
|
case "select":
|
11967
|
-
return /* @__PURE__ */
|
11968
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11968
11969
|
Select,
|
11969
11970
|
{
|
11970
11971
|
label,
|
@@ -11974,20 +11975,20 @@ var ContactForm = ({
|
|
11974
11975
|
}
|
11975
11976
|
);
|
11976
11977
|
default:
|
11977
|
-
return /* @__PURE__ */
|
11978
|
+
return /* @__PURE__ */ import_react79.default.createElement("div", null, "Unknown type");
|
11978
11979
|
}
|
11979
11980
|
}
|
11980
11981
|
}
|
11981
11982
|
);
|
11982
11983
|
}),
|
11983
|
-
/* @__PURE__ */
|
11984
|
+
/* @__PURE__ */ import_react79.default.createElement(
|
11984
11985
|
import_react_hook_form9.Controller,
|
11985
11986
|
{
|
11986
11987
|
control,
|
11987
11988
|
name: "message",
|
11988
11989
|
render: ({ field }) => {
|
11989
11990
|
var _a2;
|
11990
|
-
return /* @__PURE__ */
|
11991
|
+
return /* @__PURE__ */ import_react79.default.createElement(
|
11991
11992
|
Textarea,
|
11992
11993
|
{
|
11993
11994
|
label: (texts == null ? void 0 : texts.message.label) || "Message",
|
@@ -12004,19 +12005,19 @@ var ContactForm = ({
|
|
12004
12005
|
}
|
12005
12006
|
}
|
12006
12007
|
),
|
12007
|
-
/* @__PURE__ */
|
12008
|
+
/* @__PURE__ */ import_react79.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
|
12008
12009
|
))
|
12009
12010
|
);
|
12010
12011
|
};
|
12011
12012
|
|
12012
12013
|
// blocks/pricing/PricingPlans.tsx
|
12013
|
-
var
|
12014
|
+
var import_react85 = __toESM(require("react"));
|
12014
12015
|
|
12015
12016
|
// blocks/cards/ActionCard.tsx
|
12016
|
-
var
|
12017
|
+
var import_react80 = __toESM(require("react"));
|
12017
12018
|
var ActionCard = (props) => {
|
12018
|
-
const [hovered, setHovered] = (0,
|
12019
|
-
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(
|
12020
12021
|
"div",
|
12021
12022
|
{
|
12022
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",
|
@@ -12026,7 +12027,7 @@ var ActionCard = (props) => {
|
|
12026
12027
|
onMouseEnter: () => setHovered(true),
|
12027
12028
|
onMouseLeave: () => setHovered(false)
|
12028
12029
|
},
|
12029
|
-
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(
|
12030
12031
|
"svg",
|
12031
12032
|
{
|
12032
12033
|
className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
|
@@ -12038,11 +12039,11 @@ var ActionCard = (props) => {
|
|
12038
12039
|
width: "1em",
|
12039
12040
|
xmlns: "http://www.w3.org/2000/svg"
|
12040
12041
|
},
|
12041
|
-
/* @__PURE__ */
|
12042
|
-
)) : /* @__PURE__ */
|
12043
|
-
/* @__PURE__ */
|
12044
|
-
!props.blank && /* @__PURE__ */
|
12045
|
-
), /* @__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(
|
12046
12047
|
"div",
|
12047
12048
|
{
|
12048
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"}`
|
@@ -12052,15 +12053,15 @@ var ActionCard = (props) => {
|
|
12052
12053
|
};
|
12053
12054
|
|
12054
12055
|
// blocks/cards/AdCard.tsx
|
12055
|
-
var
|
12056
|
+
var import_react81 = __toESM(require("react"));
|
12056
12057
|
var AdCard = ({
|
12057
12058
|
orientation = "vertical",
|
12058
12059
|
...props
|
12059
12060
|
}) => {
|
12060
|
-
const adRef = (0,
|
12061
|
-
const [closed, setClosed] = (0,
|
12061
|
+
const adRef = (0, import_react81.useRef)(null);
|
12062
|
+
const [closed, setClosed] = (0, import_react81.useState)(false);
|
12062
12063
|
let duration = 0;
|
12063
|
-
(0,
|
12064
|
+
(0, import_react81.useEffect)(() => {
|
12064
12065
|
if (duration) {
|
12065
12066
|
const timeoutHide = setTimeout(() => {
|
12066
12067
|
setClosed(true);
|
@@ -12085,21 +12086,21 @@ var AdCard = ({
|
|
12085
12086
|
horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500 hawa-rounded-inner",
|
12086
12087
|
vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
|
12087
12088
|
};
|
12088
|
-
return /* @__PURE__ */
|
12089
|
+
return /* @__PURE__ */ import_react81.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react81.default.createElement(
|
12089
12090
|
"div",
|
12090
12091
|
{
|
12091
12092
|
className: cn(cardStyles[orientation], props.className),
|
12092
12093
|
onClick: props.handleClick
|
12093
12094
|
},
|
12094
|
-
/* @__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(
|
12095
12096
|
"img",
|
12096
12097
|
{
|
12097
12098
|
src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
|
12098
12099
|
className: imageStyles[orientation]
|
12099
12100
|
}
|
12100
12101
|
)),
|
12101
|
-
/* @__PURE__ */
|
12102
|
-
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(
|
12103
12104
|
"span",
|
12104
12105
|
{
|
12105
12106
|
onClick: (e) => {
|
@@ -12125,7 +12126,7 @@ var AdCard = ({
|
|
12125
12126
|
};
|
12126
12127
|
|
12127
12128
|
// blocks/cards/PricingCard.tsx
|
12128
|
-
var
|
12129
|
+
var import_react82 = __toESM(require("react"));
|
12129
12130
|
var PricingCard = ({
|
12130
12131
|
size = "medium",
|
12131
12132
|
direction = "ltr",
|
@@ -12140,13 +12141,13 @@ var PricingCard = ({
|
|
12140
12141
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
12141
12142
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
12142
12143
|
};
|
12143
|
-
return /* @__PURE__ */
|
12144
|
+
return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react82.default.createElement(
|
12144
12145
|
Skeleton,
|
12145
12146
|
{
|
12146
12147
|
className: cn(cardSizes[size], "hawa-h-[200px]"),
|
12147
12148
|
fade: "bottom"
|
12148
12149
|
}
|
12149
|
-
) : /* @__PURE__ */
|
12150
|
+
) : /* @__PURE__ */ import_react82.default.createElement(
|
12150
12151
|
Card,
|
12151
12152
|
{
|
12152
12153
|
dir: direction,
|
@@ -12157,7 +12158,7 @@ var PricingCard = ({
|
|
12157
12158
|
recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
|
12158
12159
|
)
|
12159
12160
|
},
|
12160
|
-
recommended && /* @__PURE__ */
|
12161
|
+
recommended && /* @__PURE__ */ import_react82.default.createElement(
|
12161
12162
|
"div",
|
12162
12163
|
{
|
12163
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",
|
@@ -12165,7 +12166,7 @@ var PricingCard = ({
|
|
12165
12166
|
},
|
12166
12167
|
((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
|
12167
12168
|
),
|
12168
|
-
/* @__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(
|
12169
12170
|
"div",
|
12170
12171
|
{
|
12171
12172
|
className: cn(
|
@@ -12173,9 +12174,9 @@ var PricingCard = ({
|
|
12173
12174
|
endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
|
12174
12175
|
)
|
12175
12176
|
},
|
12176
|
-
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) => {
|
12177
12178
|
var _a2;
|
12178
|
-
return /* @__PURE__ */
|
12179
|
+
return /* @__PURE__ */ import_react82.default.createElement(
|
12179
12180
|
"li",
|
12180
12181
|
{
|
12181
12182
|
key: o,
|
@@ -12184,7 +12185,7 @@ var PricingCard = ({
|
|
12184
12185
|
!feature.included && "hawa-line-through"
|
12185
12186
|
)
|
12186
12187
|
},
|
12187
|
-
/* @__PURE__ */
|
12188
|
+
/* @__PURE__ */ import_react82.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react82.default.createElement(
|
12188
12189
|
"svg",
|
12189
12190
|
{
|
12190
12191
|
"aria-label": "Check Icon",
|
@@ -12193,7 +12194,7 @@ var PricingCard = ({
|
|
12193
12194
|
fill: "currentColor",
|
12194
12195
|
viewBox: "0 0 20 20"
|
12195
12196
|
},
|
12196
|
-
/* @__PURE__ */
|
12197
|
+
/* @__PURE__ */ import_react82.default.createElement(
|
12197
12198
|
"path",
|
12198
12199
|
{
|
12199
12200
|
fillRule: "evenodd",
|
@@ -12201,7 +12202,7 @@ var PricingCard = ({
|
|
12201
12202
|
clipRule: "evenodd"
|
12202
12203
|
}
|
12203
12204
|
)
|
12204
|
-
) : /* @__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(
|
12205
12206
|
Chip,
|
12206
12207
|
{
|
12207
12208
|
label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
|
@@ -12209,13 +12210,13 @@ var PricingCard = ({
|
|
12209
12210
|
size: "small"
|
12210
12211
|
}
|
12211
12212
|
))),
|
12212
|
-
feature.hint && /* @__PURE__ */
|
12213
|
+
feature.hint && /* @__PURE__ */ import_react82.default.createElement(
|
12213
12214
|
Tooltip,
|
12214
12215
|
{
|
12215
12216
|
content: feature.hint,
|
12216
12217
|
side: feature.hintSide
|
12217
12218
|
},
|
12218
|
-
/* @__PURE__ */
|
12219
|
+
/* @__PURE__ */ import_react82.default.createElement(
|
12219
12220
|
"svg",
|
12220
12221
|
{
|
12221
12222
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -12227,14 +12228,14 @@ var PricingCard = ({
|
|
12227
12228
|
strokeLinecap: "round",
|
12228
12229
|
strokeLinejoin: "round"
|
12229
12230
|
},
|
12230
|
-
/* @__PURE__ */
|
12231
|
-
/* @__PURE__ */
|
12232
|
-
/* @__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" })
|
12233
12234
|
)
|
12234
12235
|
)
|
12235
12236
|
);
|
12236
12237
|
})),
|
12237
|
-
/* @__PURE__ */
|
12238
|
+
/* @__PURE__ */ import_react82.default.createElement(
|
12238
12239
|
Button,
|
12239
12240
|
{
|
12240
12241
|
onClick: props.onPlanClicked,
|
@@ -12248,7 +12249,7 @@ var PricingCard = ({
|
|
12248
12249
|
};
|
12249
12250
|
|
12250
12251
|
// blocks/cards/ItemCard.tsx
|
12251
|
-
var
|
12252
|
+
var import_react83 = __toESM(require("react"));
|
12252
12253
|
var ItemCard = ({
|
12253
12254
|
actions,
|
12254
12255
|
counts,
|
@@ -12277,12 +12278,12 @@ var ItemCard = ({
|
|
12277
12278
|
)
|
12278
12279
|
};
|
12279
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";
|
12280
|
-
const [openActionHeader, setOpenActionHeader] = (0,
|
12281
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react83.useState)(false);
|
12281
12282
|
function handleOpenActionHeader(e) {
|
12282
12283
|
e.stopPropagation();
|
12283
12284
|
setOpenActionHeader(!openActionHeader);
|
12284
12285
|
}
|
12285
|
-
(0,
|
12286
|
+
(0, import_react83.useEffect)(() => {
|
12286
12287
|
window.onclick = () => {
|
12287
12288
|
if (openActionHeader) {
|
12288
12289
|
setOpenActionHeader(false);
|
@@ -12290,7 +12291,7 @@ var ItemCard = ({
|
|
12290
12291
|
};
|
12291
12292
|
return () => window.onclick = null;
|
12292
12293
|
}, [openActionHeader]);
|
12293
|
-
return /* @__PURE__ */
|
12294
|
+
return /* @__PURE__ */ import_react83.default.createElement(
|
12294
12295
|
"div",
|
12295
12296
|
{
|
12296
12297
|
className: cn(
|
@@ -12306,7 +12307,7 @@ var ItemCard = ({
|
|
12306
12307
|
}
|
12307
12308
|
}
|
12308
12309
|
},
|
12309
|
-
cardImage && /* @__PURE__ */
|
12310
|
+
cardImage && /* @__PURE__ */ import_react83.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react83.default.createElement(
|
12310
12311
|
"img",
|
12311
12312
|
{
|
12312
12313
|
src: cardImage,
|
@@ -12315,7 +12316,7 @@ var ItemCard = ({
|
|
12315
12316
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
12316
12317
|
)
|
12317
12318
|
}
|
12318
|
-
), 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(
|
12319
12320
|
Button,
|
12320
12321
|
{
|
12321
12322
|
variant: "secondary",
|
@@ -12325,19 +12326,19 @@ var ItemCard = ({
|
|
12325
12326
|
clickableImageActionIcon,
|
12326
12327
|
clickableImageActionText || "Click"
|
12327
12328
|
)))),
|
12328
|
-
/* @__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(
|
12329
12330
|
DropdownMenu,
|
12330
12331
|
{
|
12331
12332
|
items: headerActions,
|
12332
|
-
trigger: /* @__PURE__ */
|
12333
|
+
trigger: /* @__PURE__ */ import_react83.default.createElement(
|
12333
12334
|
Button,
|
12334
12335
|
{
|
12335
12336
|
variant: "ghost",
|
12336
12337
|
size: "smallIcon",
|
12337
12338
|
onClick: handleOpenActionHeader
|
12338
12339
|
},
|
12339
|
-
/* @__PURE__ */
|
12340
|
-
/* @__PURE__ */
|
12340
|
+
/* @__PURE__ */ import_react83.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
12341
|
+
/* @__PURE__ */ import_react83.default.createElement(
|
12341
12342
|
"svg",
|
12342
12343
|
{
|
12343
12344
|
className: "hawa-h-5 hawa-w-5",
|
@@ -12345,11 +12346,11 @@ var ItemCard = ({
|
|
12345
12346
|
fill: "currentColor",
|
12346
12347
|
viewBox: "0 0 20 20"
|
12347
12348
|
},
|
12348
|
-
/* @__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" })
|
12349
12350
|
)
|
12350
12351
|
)
|
12351
12352
|
}
|
12352
|
-
))), /* @__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(
|
12353
12354
|
"div",
|
12354
12355
|
{
|
12355
12356
|
className: cn(
|
@@ -12359,15 +12360,15 @@ var ItemCard = ({
|
|
12359
12360
|
)
|
12360
12361
|
},
|
12361
12362
|
counts,
|
12362
|
-
/* @__PURE__ */
|
12363
|
+
/* @__PURE__ */ import_react83.default.createElement(StopPropagationWrapper, null, actions)
|
12363
12364
|
) : null)
|
12364
12365
|
);
|
12365
12366
|
};
|
12366
12367
|
|
12367
12368
|
// blocks/cards/LandingCard.tsx
|
12368
|
-
var
|
12369
|
+
var import_react84 = __toESM(require("react"));
|
12369
12370
|
var LandingCard = (props) => {
|
12370
|
-
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)));
|
12371
12372
|
};
|
12372
12373
|
|
12373
12374
|
// blocks/pricing/PricingPlans.tsx
|
@@ -12376,7 +12377,7 @@ var PricingPlans = ({
|
|
12376
12377
|
cardsContainerProps,
|
12377
12378
|
...props
|
12378
12379
|
}) => {
|
12379
|
-
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(
|
12380
12381
|
Radio,
|
12381
12382
|
{
|
12382
12383
|
name: "cycle",
|
@@ -12389,7 +12390,7 @@ var PricingPlans = ({
|
|
12389
12390
|
}
|
12390
12391
|
}
|
12391
12392
|
}
|
12392
|
-
), /* @__PURE__ */
|
12393
|
+
), /* @__PURE__ */ import_react85.default.createElement(
|
12393
12394
|
Radio,
|
12394
12395
|
{
|
12395
12396
|
name: "currency",
|
@@ -12402,7 +12403,7 @@ var PricingPlans = ({
|
|
12402
12403
|
}
|
12403
12404
|
}
|
12404
12405
|
}
|
12405
|
-
)), /* @__PURE__ */
|
12406
|
+
)), /* @__PURE__ */ import_react85.default.createElement(
|
12406
12407
|
"div",
|
12407
12408
|
{
|
12408
12409
|
className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
|
@@ -12410,7 +12411,7 @@ var PricingPlans = ({
|
|
12410
12411
|
},
|
12411
12412
|
props.plans.map((plan, index) => {
|
12412
12413
|
var _a, _b;
|
12413
|
-
return /* @__PURE__ */
|
12414
|
+
return /* @__PURE__ */ import_react85.default.createElement(
|
12414
12415
|
PricingCard,
|
12415
12416
|
{
|
12416
12417
|
key: index,
|
@@ -12441,7 +12442,7 @@ var PricingPlans = ({
|
|
12441
12442
|
};
|
12442
12443
|
|
12443
12444
|
// blocks/pricing/ComparingPlans.tsx
|
12444
|
-
var
|
12445
|
+
var import_react86 = __toESM(require("react"));
|
12445
12446
|
var ComparingPlans = (props) => {
|
12446
12447
|
const uniqueFeatures = Array.from(
|
12447
12448
|
new Set(
|
@@ -12450,7 +12451,7 @@ var ComparingPlans = (props) => {
|
|
12450
12451
|
)
|
12451
12452
|
)
|
12452
12453
|
);
|
12453
|
-
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(
|
12454
12455
|
Radio,
|
12455
12456
|
{
|
12456
12457
|
name: "cycle",
|
@@ -12465,7 +12466,7 @@ var ComparingPlans = (props) => {
|
|
12465
12466
|
}
|
12466
12467
|
}
|
12467
12468
|
}
|
12468
|
-
), /* @__PURE__ */
|
12469
|
+
), /* @__PURE__ */ import_react86.default.createElement(
|
12469
12470
|
Radio,
|
12470
12471
|
{
|
12471
12472
|
name: "currency",
|
@@ -12480,7 +12481,7 @@ var ComparingPlans = (props) => {
|
|
12480
12481
|
}
|
12481
12482
|
}
|
12482
12483
|
}
|
12483
|
-
)), /* @__PURE__ */
|
12484
|
+
)), /* @__PURE__ */ import_react86.default.createElement(
|
12484
12485
|
"div",
|
12485
12486
|
{
|
12486
12487
|
className: cn(
|
@@ -12491,16 +12492,16 @@ var ComparingPlans = (props) => {
|
|
12491
12492
|
top: props.topPosition || 0
|
12492
12493
|
}
|
12493
12494
|
},
|
12494
|
-
/* @__PURE__ */
|
12495
|
-
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(
|
12496
12497
|
"div",
|
12497
12498
|
{
|
12498
12499
|
key: i,
|
12499
12500
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
|
12500
12501
|
},
|
12501
|
-
/* @__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)))
|
12502
12503
|
))
|
12503
|
-
), /* @__PURE__ */
|
12504
|
+
), /* @__PURE__ */ import_react86.default.createElement(
|
12504
12505
|
ScrollArea,
|
12505
12506
|
{
|
12506
12507
|
className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
|
@@ -12508,7 +12509,7 @@ var ComparingPlans = (props) => {
|
|
12508
12509
|
},
|
12509
12510
|
uniqueFeatures.map((featureText, featureIndex) => {
|
12510
12511
|
var _a, _b, _c, _d;
|
12511
|
-
return /* @__PURE__ */
|
12512
|
+
return /* @__PURE__ */ import_react86.default.createElement(
|
12512
12513
|
"div",
|
12513
12514
|
{
|
12514
12515
|
key: featureIndex,
|
@@ -12517,11 +12518,11 @@ var ComparingPlans = (props) => {
|
|
12517
12518
|
featureIndex === 0 ? "" : "hawa-border-t"
|
12518
12519
|
)
|
12519
12520
|
},
|
12520
|
-
/* @__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(
|
12521
12522
|
(plan) => plan.features.some(
|
12522
12523
|
(feature) => feature.text === featureText && feature.hint
|
12523
12524
|
)
|
12524
|
-
) && /* @__PURE__ */
|
12525
|
+
) && /* @__PURE__ */ import_react86.default.createElement(
|
12525
12526
|
Tooltip,
|
12526
12527
|
{
|
12527
12528
|
side: "right",
|
@@ -12536,7 +12537,7 @@ var ComparingPlans = (props) => {
|
|
12536
12537
|
(feature) => feature.text === featureText
|
12537
12538
|
)) == null ? void 0 : _b.hint
|
12538
12539
|
},
|
12539
|
-
/* @__PURE__ */
|
12540
|
+
/* @__PURE__ */ import_react86.default.createElement(
|
12540
12541
|
"svg",
|
12541
12542
|
{
|
12542
12543
|
stroke: "currentColor",
|
@@ -12546,13 +12547,13 @@ var ComparingPlans = (props) => {
|
|
12546
12547
|
height: "1em",
|
12547
12548
|
width: "1em"
|
12548
12549
|
},
|
12549
|
-
/* @__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" })
|
12550
12551
|
)
|
12551
12552
|
), props.plans.some(
|
12552
12553
|
(plan) => plan.features.some(
|
12553
12554
|
(feature) => feature.text === featureText && feature.soon
|
12554
12555
|
)
|
12555
|
-
) && /* @__PURE__ */
|
12556
|
+
) && /* @__PURE__ */ import_react86.default.createElement(
|
12556
12557
|
Chip,
|
12557
12558
|
{
|
12558
12559
|
label: ((_d = (_c = props.plans.find(
|
@@ -12566,26 +12567,26 @@ var ComparingPlans = (props) => {
|
|
12566
12567
|
const feature = plan.features.find(
|
12567
12568
|
(f) => f.text === featureText
|
12568
12569
|
);
|
12569
|
-
return /* @__PURE__ */
|
12570
|
+
return /* @__PURE__ */ import_react86.default.createElement(
|
12570
12571
|
"div",
|
12571
12572
|
{
|
12572
12573
|
key: planIndex,
|
12573
12574
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
|
12574
12575
|
},
|
12575
|
-
(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" })
|
12576
12577
|
);
|
12577
12578
|
})
|
12578
12579
|
);
|
12579
12580
|
})
|
12580
|
-
), 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) => {
|
12581
12582
|
var _a;
|
12582
|
-
return /* @__PURE__ */
|
12583
|
+
return /* @__PURE__ */ import_react86.default.createElement(
|
12583
12584
|
"div",
|
12584
12585
|
{
|
12585
12586
|
key: i,
|
12586
12587
|
className: "hawa-flex hawa-items-center hawa-justify-center"
|
12587
12588
|
},
|
12588
|
-
/* @__PURE__ */
|
12589
|
+
/* @__PURE__ */ import_react86.default.createElement(
|
12589
12590
|
Button,
|
12590
12591
|
{
|
12591
12592
|
className: "hawa-w-full hawa-max-w-xs",
|
@@ -12609,15 +12610,15 @@ var ComparingPlans = (props) => {
|
|
12609
12610
|
};
|
12610
12611
|
|
12611
12612
|
// blocks/pricing/HorizontalPricing.tsx
|
12612
|
-
var
|
12613
|
+
var import_react87 = __toESM(require("react"));
|
12613
12614
|
var HorizontalPricing = (props) => {
|
12614
|
-
const [selectedCard, setSelectedCard] = (0,
|
12615
|
+
const [selectedCard, setSelectedCard] = (0, import_react87.useState)("");
|
12615
12616
|
let data = [
|
12616
12617
|
{ title: "basic", price: "$49", cycle: "/mo" },
|
12617
12618
|
{ title: "business", price: "$99", cycle: "/mo" },
|
12618
12619
|
{ title: "enterprise", price: "$149", cycle: "/mo" }
|
12619
12620
|
];
|
12620
|
-
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(
|
12621
12622
|
Radio,
|
12622
12623
|
{
|
12623
12624
|
name: "currency",
|
@@ -12625,7 +12626,7 @@ var HorizontalPricing = (props) => {
|
|
12625
12626
|
options: props.currencies,
|
12626
12627
|
defaultValue: props.currentCurrency
|
12627
12628
|
}
|
12628
|
-
), /* @__PURE__ */
|
12629
|
+
), /* @__PURE__ */ import_react87.default.createElement(
|
12629
12630
|
Radio,
|
12630
12631
|
{
|
12631
12632
|
name: "cycle",
|
@@ -12633,7 +12634,7 @@ var HorizontalPricing = (props) => {
|
|
12633
12634
|
options: props.billingCycles,
|
12634
12635
|
defaultValue: props.currentCycle
|
12635
12636
|
}
|
12636
|
-
)), data.map((d, i) => /* @__PURE__ */
|
12637
|
+
)), data.map((d, i) => /* @__PURE__ */ import_react87.default.createElement(
|
12637
12638
|
"label",
|
12638
12639
|
{
|
12639
12640
|
key: i,
|
@@ -12641,7 +12642,7 @@ var HorizontalPricing = (props) => {
|
|
12641
12642
|
className: "",
|
12642
12643
|
onClick: () => setSelectedCard(d.title)
|
12643
12644
|
},
|
12644
|
-
/* @__PURE__ */
|
12645
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12645
12646
|
"input",
|
12646
12647
|
{
|
12647
12648
|
type: "radio",
|
@@ -12650,7 +12651,7 @@ var HorizontalPricing = (props) => {
|
|
12650
12651
|
className: "hawa-peer hawa-appearance-none"
|
12651
12652
|
}
|
12652
12653
|
),
|
12653
|
-
/* @__PURE__ */
|
12654
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12654
12655
|
"div",
|
12655
12656
|
{
|
12656
12657
|
className: cn(
|
@@ -12658,18 +12659,18 @@ var HorizontalPricing = (props) => {
|
|
12658
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"
|
12659
12660
|
)
|
12660
12661
|
},
|
12661
|
-
/* @__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(
|
12662
12663
|
CardText,
|
12663
12664
|
{
|
12664
12665
|
title: "Enterprise",
|
12665
12666
|
subtitle: "For startups and new businesses"
|
12666
12667
|
}
|
12667
12668
|
)),
|
12668
|
-
/* @__PURE__ */
|
12669
|
+
/* @__PURE__ */ import_react87.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
|
12669
12670
|
)
|
12670
12671
|
))));
|
12671
12672
|
};
|
12672
|
-
var CheckIcons = () => /* @__PURE__ */
|
12673
|
+
var CheckIcons = () => /* @__PURE__ */ import_react87.default.createElement(import_react87.default.Fragment, null, /* @__PURE__ */ import_react87.default.createElement(
|
12673
12674
|
"svg",
|
12674
12675
|
{
|
12675
12676
|
fill: "none",
|
@@ -12678,7 +12679,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react86.default.createElement(impo
|
|
12678
12679
|
stroke: "currentColor",
|
12679
12680
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
12680
12681
|
},
|
12681
|
-
/* @__PURE__ */
|
12682
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12682
12683
|
"path",
|
12683
12684
|
{
|
12684
12685
|
strokeLinecap: "round",
|
@@ -12686,14 +12687,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react86.default.createElement(impo
|
|
12686
12687
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
12687
12688
|
}
|
12688
12689
|
)
|
12689
|
-
), /* @__PURE__ */
|
12690
|
+
), /* @__PURE__ */ import_react87.default.createElement(
|
12690
12691
|
"svg",
|
12691
12692
|
{
|
12692
12693
|
viewBox: "0 0 24 24",
|
12693
12694
|
fill: "currentColor",
|
12694
12695
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
12695
12696
|
},
|
12696
|
-
/* @__PURE__ */
|
12697
|
+
/* @__PURE__ */ import_react87.default.createElement(
|
12697
12698
|
"path",
|
12698
12699
|
{
|
12699
12700
|
fillRule: "evenodd",
|
@@ -12702,14 +12703,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react86.default.createElement(impo
|
|
12702
12703
|
}
|
12703
12704
|
)
|
12704
12705
|
));
|
12705
|
-
var CardText = (props) => /* @__PURE__ */
|
12706
|
-
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));
|
12707
12708
|
|
12708
12709
|
// blocks/Usage.tsx
|
12709
|
-
var
|
12710
|
+
var import_react88 = __toESM(require("react"));
|
12710
12711
|
var Usage = (props) => {
|
12711
12712
|
var _a;
|
12712
|
-
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(
|
12713
12714
|
"svg",
|
12714
12715
|
{
|
12715
12716
|
stroke: "currentColor",
|
@@ -12720,8 +12721,8 @@ var Usage = (props) => {
|
|
12720
12721
|
height: "1em",
|
12721
12722
|
width: "1em"
|
12722
12723
|
},
|
12723
|
-
/* @__PURE__ */
|
12724
|
-
))), /* @__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 }));
|
12725
12726
|
};
|
12726
12727
|
// Annotate the CommonJS export names for ESM import in node:
|
12727
12728
|
0 && (module.exports = {
|