@sikka/hawa 0.35.1-next → 0.35.2-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/alert/index.js +38 -37
- package/dist/alert/index.js.map +1 -1
- package/dist/alert/index.mjs +1 -0
- package/dist/alert/index.mjs.map +1 -1
- package/dist/appLayout/index.js +63 -62
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +5 -4
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/backToTop/index.js +34 -33
- package/dist/backToTop/index.js.map +1 -1
- package/dist/backToTop/index.mjs +1 -0
- package/dist/backToTop/index.mjs.map +1 -1
- package/dist/blocks/auth/index.js +255 -254
- package/dist/blocks/auth/index.mjs +4 -4
- package/dist/blocks/feedback/index.js +137 -136
- package/dist/blocks/feedback/index.mjs +5 -5
- package/dist/blocks/index.js +511 -510
- package/dist/blocks/index.mjs +2 -2
- package/dist/blocks/misc/index.js +115 -114
- package/dist/blocks/misc/index.mjs +5 -5
- package/dist/blocks/pricing/index.js +121 -120
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/button/index.js +25 -24
- package/dist/button/index.js.map +1 -1
- package/dist/button/index.mjs +1 -0
- package/dist/button/index.mjs.map +1 -1
- package/dist/calendar/index.js +25 -24
- package/dist/calendar/index.js.map +1 -1
- package/dist/calendar/index.mjs +1 -0
- package/dist/calendar/index.mjs.map +1 -1
- package/dist/{chunk-XJMDUR5A.mjs → chunk-7L2JUNG2.mjs} +1 -1
- package/dist/{chunk-GVZWOUGN.mjs → chunk-CD6AQVU3.mjs} +1 -1
- package/dist/{chunk-IDKXEJET.mjs → chunk-FY7BKFH7.mjs} +33 -32
- package/dist/{chunk-A376BKNX.mjs → chunk-JEZLVXSU.mjs} +1 -1
- package/dist/{chunk-YOT2GVXO.mjs → chunk-LVXG3SMD.mjs} +1 -1
- package/dist/{chunk-HHC34DXN.mjs → chunk-MVKP55SZ.mjs} +1 -1
- package/dist/{chunk-L56XQRQI.mjs → chunk-WABHQMUI.mjs} +1 -1
- package/dist/{chunk-XFRJ62W3.mjs → chunk-WVMMGOXW.mjs} +1 -1
- package/dist/{chunk-DFWFQWWT.mjs → chunk-Y6XTMPVO.mjs} +1 -1
- package/dist/{chunk-DABX3SU6.mjs → chunk-YP2CCKZG.mjs} +33 -32
- package/dist/codeBlock/index.js +45 -44
- package/dist/codeBlock/index.js.map +1 -1
- package/dist/codeBlock/index.mjs +1 -0
- package/dist/codeBlock/index.mjs.map +1 -1
- package/dist/dataTable/index.js +38 -37
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +1 -0
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/datePicker/index.js +33 -32
- package/dist/datePicker/index.js.map +1 -1
- package/dist/datePicker/index.mjs +1 -0
- package/dist/datePicker/index.mjs.map +1 -1
- package/dist/docsLayout/index.js +106 -105
- package/dist/docsLayout/index.js.map +1 -1
- package/dist/docsLayout/index.mjs +1 -0
- package/dist/docsLayout/index.mjs.map +1 -1
- package/dist/elements/index.js +432 -431
- package/dist/elements/index.mjs +3 -3
- package/dist/fileDropzone/index.js +71 -70
- package/dist/fileDropzone/index.js.map +1 -1
- package/dist/fileDropzone/index.mjs +1 -0
- package/dist/fileDropzone/index.mjs.map +1 -1
- package/dist/index.js +871 -870
- package/dist/index.mjs +204 -203
- package/dist/layout/index.js +185 -184
- package/dist/layout/index.mjs +2 -2
- package/dist/sortButton/index.js +32 -31
- package/dist/sortButton/index.js.map +1 -1
- package/dist/sortButton/index.mjs +1 -0
- package/dist/sortButton/index.mjs.map +1 -1
- package/dist/splitButton/index.js +60 -59
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +37 -36
- package/dist/splitButton/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/blocks/index.js
CHANGED
|
@@ -64,7 +64,7 @@ __export(blocks_exports, {
|
|
|
64
64
|
module.exports = __toCommonJS(blocks_exports);
|
|
65
65
|
|
|
66
66
|
// blocks/auth/AuthButtons.tsx
|
|
67
|
-
var
|
|
67
|
+
var import_react5 = __toESM(require("react"));
|
|
68
68
|
|
|
69
69
|
// elements/button/Button.tsx
|
|
70
70
|
var React5 = __toESM(require("react"));
|
|
@@ -80,7 +80,8 @@ function cn(...inputs) {
|
|
|
80
80
|
var import_class_variance_authority = require("class-variance-authority");
|
|
81
81
|
|
|
82
82
|
// elements/helperText/HelperText.tsx
|
|
83
|
-
var
|
|
83
|
+
var import_react = __toESM(require("react"));
|
|
84
|
+
var HelperText = ({ helperText }) => /* @__PURE__ */ import_react.default.createElement(
|
|
84
85
|
"p",
|
|
85
86
|
{
|
|
86
87
|
className: cn(
|
|
@@ -95,9 +96,9 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
|
|
|
95
96
|
var React3 = __toESM(require("react"));
|
|
96
97
|
|
|
97
98
|
// elements/tooltip/Tooltip.tsx
|
|
98
|
-
var
|
|
99
|
+
var import_react2 = __toESM(require("react"));
|
|
99
100
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
100
|
-
var TooltipContent =
|
|
101
|
+
var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
|
|
101
102
|
TooltipPrimitive.Content,
|
|
102
103
|
{
|
|
103
104
|
ref,
|
|
@@ -114,7 +115,7 @@ var TooltipContent = import_react.default.forwardRef(({ className, sideOffset =
|
|
|
114
115
|
}
|
|
115
116
|
));
|
|
116
117
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
117
|
-
var TooltipArrow =
|
|
118
|
+
var TooltipArrow = import_react2.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
|
118
119
|
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
|
119
120
|
var Tooltip = ({
|
|
120
121
|
side,
|
|
@@ -131,13 +132,13 @@ var Tooltip = ({
|
|
|
131
132
|
delayDuration = 300,
|
|
132
133
|
...props
|
|
133
134
|
}) => {
|
|
134
|
-
return /* @__PURE__ */
|
|
135
|
+
return /* @__PURE__ */ import_react2.default.createElement(
|
|
135
136
|
TooltipPrimitive.TooltipProvider,
|
|
136
137
|
{
|
|
137
138
|
delayDuration,
|
|
138
139
|
...providerProps
|
|
139
140
|
},
|
|
140
|
-
/* @__PURE__ */
|
|
141
|
+
/* @__PURE__ */ import_react2.default.createElement(
|
|
141
142
|
TooltipPrimitive.Root,
|
|
142
143
|
{
|
|
143
144
|
open: !disabled && open,
|
|
@@ -145,8 +146,8 @@ var Tooltip = ({
|
|
|
145
146
|
onOpenChange,
|
|
146
147
|
...props
|
|
147
148
|
},
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
-
/* @__PURE__ */
|
|
149
|
+
/* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
|
150
|
+
/* @__PURE__ */ import_react2.default.createElement(
|
|
150
151
|
TooltipContent,
|
|
151
152
|
{
|
|
152
153
|
size,
|
|
@@ -208,7 +209,7 @@ var Label = React3.forwardRef(({ className, hint, hintSide, required, children,
|
|
|
208
209
|
Label.displayName = "Label";
|
|
209
210
|
|
|
210
211
|
// elements/loading/Loading.tsx
|
|
211
|
-
var
|
|
212
|
+
var import_react3 = __toESM(require("react"));
|
|
212
213
|
var Loading = ({
|
|
213
214
|
design = "spinner",
|
|
214
215
|
size = "normal",
|
|
@@ -239,7 +240,7 @@ var Loading = ({
|
|
|
239
240
|
};
|
|
240
241
|
switch (design.split("-")[0]) {
|
|
241
242
|
case "dots":
|
|
242
|
-
return /* @__PURE__ */
|
|
243
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
243
244
|
"div",
|
|
244
245
|
{
|
|
245
246
|
className: cn(
|
|
@@ -247,7 +248,7 @@ var Loading = ({
|
|
|
247
248
|
classNames == null ? void 0 : classNames.container
|
|
248
249
|
)
|
|
249
250
|
},
|
|
250
|
-
/* @__PURE__ */
|
|
251
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
251
252
|
"div",
|
|
252
253
|
{
|
|
253
254
|
className: cn(
|
|
@@ -258,7 +259,7 @@ var Loading = ({
|
|
|
258
259
|
)
|
|
259
260
|
}
|
|
260
261
|
),
|
|
261
|
-
/* @__PURE__ */
|
|
262
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
262
263
|
"div",
|
|
263
264
|
{
|
|
264
265
|
className: cn(
|
|
@@ -269,7 +270,7 @@ var Loading = ({
|
|
|
269
270
|
)
|
|
270
271
|
}
|
|
271
272
|
),
|
|
272
|
-
/* @__PURE__ */
|
|
273
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
273
274
|
"div",
|
|
274
275
|
{
|
|
275
276
|
className: cn(
|
|
@@ -282,7 +283,7 @@ var Loading = ({
|
|
|
282
283
|
)
|
|
283
284
|
);
|
|
284
285
|
case "square":
|
|
285
|
-
return /* @__PURE__ */
|
|
286
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
286
287
|
"svg",
|
|
287
288
|
{
|
|
288
289
|
className: cn(
|
|
@@ -294,7 +295,7 @@ var Loading = ({
|
|
|
294
295
|
height: "35",
|
|
295
296
|
width: "35"
|
|
296
297
|
},
|
|
297
|
-
/* @__PURE__ */
|
|
298
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
298
299
|
"rect",
|
|
299
300
|
{
|
|
300
301
|
className: "squircle-track",
|
|
@@ -306,7 +307,7 @@ var Loading = ({
|
|
|
306
307
|
height: "32.5"
|
|
307
308
|
}
|
|
308
309
|
),
|
|
309
|
-
/* @__PURE__ */
|
|
310
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
310
311
|
"rect",
|
|
311
312
|
{
|
|
312
313
|
className: "square-car",
|
|
@@ -321,7 +322,7 @@ var Loading = ({
|
|
|
321
322
|
)
|
|
322
323
|
);
|
|
323
324
|
case "squircle":
|
|
324
|
-
return /* @__PURE__ */
|
|
325
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
325
326
|
"svg",
|
|
326
327
|
{
|
|
327
328
|
x: "0px",
|
|
@@ -336,7 +337,7 @@ var Loading = ({
|
|
|
336
337
|
classNames == null ? void 0 : classNames.container
|
|
337
338
|
)
|
|
338
339
|
},
|
|
339
|
-
/* @__PURE__ */
|
|
340
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
340
341
|
"path",
|
|
341
342
|
{
|
|
342
343
|
className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
|
|
@@ -346,7 +347,7 @@ var Loading = ({
|
|
|
346
347
|
d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
|
|
347
348
|
}
|
|
348
349
|
),
|
|
349
|
-
/* @__PURE__ */
|
|
350
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
350
351
|
"path",
|
|
351
352
|
{
|
|
352
353
|
className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
|
|
@@ -358,7 +359,7 @@ var Loading = ({
|
|
|
358
359
|
)
|
|
359
360
|
);
|
|
360
361
|
case "progress":
|
|
361
|
-
return /* @__PURE__ */
|
|
362
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
362
363
|
"div",
|
|
363
364
|
{
|
|
364
365
|
className: cn(
|
|
@@ -369,9 +370,9 @@ var Loading = ({
|
|
|
369
370
|
}
|
|
370
371
|
);
|
|
371
372
|
case "orbit":
|
|
372
|
-
return /* @__PURE__ */
|
|
373
|
+
return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
|
|
373
374
|
default:
|
|
374
|
-
return /* @__PURE__ */
|
|
375
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
375
376
|
"svg",
|
|
376
377
|
{
|
|
377
378
|
viewBox: "0 0 40 40",
|
|
@@ -383,7 +384,7 @@ var Loading = ({
|
|
|
383
384
|
classNames == null ? void 0 : classNames.container
|
|
384
385
|
)
|
|
385
386
|
},
|
|
386
|
-
/* @__PURE__ */
|
|
387
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
387
388
|
"circle",
|
|
388
389
|
{
|
|
389
390
|
className: cn(
|
|
@@ -402,7 +403,7 @@ var Loading = ({
|
|
|
402
403
|
pathLength: "100"
|
|
403
404
|
}
|
|
404
405
|
),
|
|
405
|
-
/* @__PURE__ */
|
|
406
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
406
407
|
"circle",
|
|
407
408
|
{
|
|
408
409
|
className: cn(
|
|
@@ -497,9 +498,9 @@ var Button = React5.forwardRef(
|
|
|
497
498
|
Button.displayName = "Button";
|
|
498
499
|
|
|
499
500
|
// elements/logos/Logos.tsx
|
|
500
|
-
var
|
|
501
|
+
var import_react4 = __toESM(require("react"));
|
|
501
502
|
var Logos = {
|
|
502
|
-
metamask: (props) => /* @__PURE__ */
|
|
503
|
+
metamask: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
503
504
|
"svg",
|
|
504
505
|
{
|
|
505
506
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -510,8 +511,8 @@ var Logos = {
|
|
|
510
511
|
viewBox: "0 0 318.6 318.6",
|
|
511
512
|
...props
|
|
512
513
|
},
|
|
513
|
-
/* @__PURE__ */
|
|
514
|
-
/* @__PURE__ */
|
|
514
|
+
/* @__PURE__ */ import_react4.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
|
|
515
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
515
516
|
"path",
|
|
516
517
|
{
|
|
517
518
|
fill: "#e2761b",
|
|
@@ -521,21 +522,21 @@ var Logos = {
|
|
|
521
522
|
d: "m274.1 35.5-99.5 73.9L193 65.8z"
|
|
522
523
|
}
|
|
523
524
|
),
|
|
524
|
-
/* @__PURE__ */
|
|
525
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
525
526
|
"path",
|
|
526
527
|
{
|
|
527
528
|
d: "m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z",
|
|
528
529
|
className: "st1"
|
|
529
530
|
}
|
|
530
531
|
),
|
|
531
|
-
/* @__PURE__ */
|
|
532
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
532
533
|
"path",
|
|
533
534
|
{
|
|
534
535
|
d: "m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z",
|
|
535
536
|
className: "st1"
|
|
536
537
|
}
|
|
537
538
|
),
|
|
538
|
-
/* @__PURE__ */
|
|
539
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
539
540
|
"path",
|
|
540
541
|
{
|
|
541
542
|
fill: "#d7c1b3",
|
|
@@ -545,7 +546,7 @@ var Logos = {
|
|
|
545
546
|
d: "m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
|
|
546
547
|
}
|
|
547
548
|
),
|
|
548
|
-
/* @__PURE__ */
|
|
549
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
549
550
|
"path",
|
|
550
551
|
{
|
|
551
552
|
fill: "#233447",
|
|
@@ -555,7 +556,7 @@ var Logos = {
|
|
|
555
556
|
d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
|
|
556
557
|
}
|
|
557
558
|
),
|
|
558
|
-
/* @__PURE__ */
|
|
559
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
559
560
|
"path",
|
|
560
561
|
{
|
|
561
562
|
fill: "#cd6116",
|
|
@@ -565,7 +566,7 @@ var Logos = {
|
|
|
565
566
|
d: "m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
|
|
566
567
|
}
|
|
567
568
|
),
|
|
568
|
-
/* @__PURE__ */
|
|
569
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
569
570
|
"path",
|
|
570
571
|
{
|
|
571
572
|
fill: "#e4751f",
|
|
@@ -575,14 +576,14 @@ var Logos = {
|
|
|
575
576
|
d: "m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
|
|
576
577
|
}
|
|
577
578
|
),
|
|
578
|
-
/* @__PURE__ */
|
|
579
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
579
580
|
"path",
|
|
580
581
|
{
|
|
581
582
|
d: "m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z",
|
|
582
583
|
className: "st6"
|
|
583
584
|
}
|
|
584
585
|
),
|
|
585
|
-
/* @__PURE__ */
|
|
586
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
586
587
|
"path",
|
|
587
588
|
{
|
|
588
589
|
fill: "#c0ad9e",
|
|
@@ -592,7 +593,7 @@ var Logos = {
|
|
|
592
593
|
d: "m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
|
|
593
594
|
}
|
|
594
595
|
),
|
|
595
|
-
/* @__PURE__ */
|
|
596
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
596
597
|
"path",
|
|
597
598
|
{
|
|
598
599
|
fill: "#161616",
|
|
@@ -602,7 +603,7 @@ var Logos = {
|
|
|
602
603
|
d: "m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
|
|
603
604
|
}
|
|
604
605
|
),
|
|
605
|
-
/* @__PURE__ */
|
|
606
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
606
607
|
"path",
|
|
607
608
|
{
|
|
608
609
|
fill: "#763d16",
|
|
@@ -612,7 +613,7 @@ var Logos = {
|
|
|
612
613
|
d: "m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
|
|
613
614
|
}
|
|
614
615
|
),
|
|
615
|
-
/* @__PURE__ */
|
|
616
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
616
617
|
"path",
|
|
617
618
|
{
|
|
618
619
|
d: "m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z",
|
|
@@ -620,7 +621,7 @@ var Logos = {
|
|
|
620
621
|
}
|
|
621
622
|
)
|
|
622
623
|
),
|
|
623
|
-
nafath: (props) => /* @__PURE__ */
|
|
624
|
+
nafath: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
624
625
|
"svg",
|
|
625
626
|
{
|
|
626
627
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -631,15 +632,15 @@ var Logos = {
|
|
|
631
632
|
viewBox: "22.5 44.5 535.6 230.34",
|
|
632
633
|
...props
|
|
633
634
|
},
|
|
634
|
-
/* @__PURE__ */
|
|
635
|
-
/* @__PURE__ */
|
|
635
|
+
/* @__PURE__ */ import_react4.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
|
|
636
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
636
637
|
"path",
|
|
637
638
|
{
|
|
638
639
|
d: "M426.1 233.8c1.5.2 2.4.4 3.3.4 21.3 0 42.7.1 64-.1 12.7-.1 20-6.8 20.4-19.4.6-21 .6-42 .6-63 0-3.9 1.1-6.1 4.7-7.9 10.9-5.4 21.5-11.2 32.3-16.8 1.3-.7 2.7-1.3 4.5-2.1.1 1.4.3 2.4.3 3.5 0 29.1.5 58.2-.2 87.3-.5 21.8-9.4 39.7-29.1 51-10.1 5.8-21.3 7.9-32.7 7.9-32.1.2-64.1.2-96.2 0-8.2-.1-16.4-1.8-24.6-2.1-5.5-.2-11 1.1-16.6 1.4-9.3.4-18.7.7-28 .8-26.3.1-52.6.3-78.9-.1-7.8-.1-15.9-1.2-23.4-3.4-22.7-7-34.9-23.3-38.8-46.2-.8-4.9-1-9.9-1-14.9-.1-42.5 0-85-.1-127.5 0-3.6.9-5.6 4.2-7.2 11-5.5 21.8-11.3 32.7-16.9 1.3-.7 2.7-1.3 4.8-2.3v149c0 3.7.2 7.5.7 11.2 1.5 11.1 7.6 17.5 18.7 17.7 22.6.4 45.1.1 67.7.1.4 0 .9-.3 1.9-.6-1-2-1.9-3.9-2.9-5.7-16-27.8-11.5-65.2 7-87.2 11-13.2 25.3-20.4 42.3-21.9 17.3-1.5 33.9.9 48.1 12.1 15.4 12.1 23.3 28.3 25.8 47.5 2.6 19.1-.9 36.8-10.8 53.3-.1.3-.2.9-.7 2.1zm-27.4-48.1c-.8-3.2-1.5-9.2-3.9-14.4-4.9-10.6-13.9-14.9-25.5-14.3-10.4.6-17.9 5.9-21.5 15.7-7.4 19.7 1.5 44.7 19.4 55.5 3.2 1.9 5.8 2 8.9-.1 14.2-9.4 21.9-22.5 22.6-42.4zM78.7 155.1c6.8-11.7 13.6-23.2 20.5-35 13.5 8.1 25.5 17.4 35.1 29.4 18.1 22.4 24.3 48.2 21.3 76.5-.7 6.9-2.2 13.9-4.6 20.4-6 16.6-18.8 26.3-35.8 27.1-30.6 1.4-61.2.8-91.9 1.1-.1 0-.3-.1-.8-.4.4-1 .7-2.2 1.2-3.2 5.7-11 11.6-22 17.2-33.1 1.4-2.7 3-3.7 6.1-3.7 15.4.2 30.8-.4 46.2.2 18.1.7 21.6-10.1 21.2-23-.7-23.6-12.1-40.9-31.6-53.4-1.1-.9-2.4-1.8-4.1-2.9zM536.2 44.5c13.4 0 21.9 8.4 21.9 21.7 0 14.4-7.4 22.1-21.5 22.3-13.4.2-22-8.4-22.1-22.1 0-13.3 8.4-21.9 21.7-21.9zM121.1 66.4c0 14.8-7.3 22.3-21.5 22.1-13.5-.2-22-9-21.9-22.5.2-13.2 8.8-21.5 22.3-21.5 13.2.1 21.1 8.3 21.1 21.9z",
|
|
639
640
|
className: "st0"
|
|
640
641
|
}
|
|
641
642
|
),
|
|
642
|
-
/* @__PURE__ */
|
|
643
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
643
644
|
"path",
|
|
644
645
|
{
|
|
645
646
|
d: "M393 71.1c-.1 14.7-6.8 21.6-21.3 21.6-13.9 0-21.9-8.1-21.9-22.1 0-13.7 8.3-21.6 22.4-21.5 13.3.1 20.8 8.2 20.8 22z",
|
|
@@ -647,7 +648,7 @@ var Logos = {
|
|
|
647
648
|
}
|
|
648
649
|
)
|
|
649
650
|
),
|
|
650
|
-
hawa: (props) => /* @__PURE__ */
|
|
651
|
+
hawa: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
651
652
|
"svg",
|
|
652
653
|
{
|
|
653
654
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -655,7 +656,7 @@ var Logos = {
|
|
|
655
656
|
viewBox: "0 0 765 765",
|
|
656
657
|
...props
|
|
657
658
|
},
|
|
658
|
-
/* @__PURE__ */
|
|
659
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
659
660
|
"path",
|
|
660
661
|
{
|
|
661
662
|
d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
|
|
@@ -663,7 +664,7 @@ var Logos = {
|
|
|
663
664
|
}
|
|
664
665
|
)
|
|
665
666
|
),
|
|
666
|
-
sikka: (props) => /* @__PURE__ */
|
|
667
|
+
sikka: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
667
668
|
"svg",
|
|
668
669
|
{
|
|
669
670
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -673,11 +674,11 @@ var Logos = {
|
|
|
673
674
|
fill: "currentColor",
|
|
674
675
|
...props
|
|
675
676
|
},
|
|
676
|
-
/* @__PURE__ */
|
|
677
|
-
/* @__PURE__ */
|
|
678
|
-
/* @__PURE__ */
|
|
677
|
+
/* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
|
|
678
|
+
/* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react4.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
|
|
679
|
+
/* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react4.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react4.default.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
|
|
679
680
|
),
|
|
680
|
-
mail: (props) => /* @__PURE__ */
|
|
681
|
+
mail: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
681
682
|
"svg",
|
|
682
683
|
{
|
|
683
684
|
stroke: "currentColor",
|
|
@@ -689,10 +690,10 @@ var Logos = {
|
|
|
689
690
|
xmlns: "http://www.w3.org/2000/svg",
|
|
690
691
|
...props
|
|
691
692
|
},
|
|
692
|
-
/* @__PURE__ */
|
|
693
|
-
/* @__PURE__ */
|
|
693
|
+
/* @__PURE__ */ import_react4.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" }),
|
|
694
|
+
/* @__PURE__ */ import_react4.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
|
694
695
|
),
|
|
695
|
-
phone: (props) => /* @__PURE__ */
|
|
696
|
+
phone: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
696
697
|
"svg",
|
|
697
698
|
{
|
|
698
699
|
stroke: "currentColor",
|
|
@@ -703,7 +704,7 @@ var Logos = {
|
|
|
703
704
|
xmlns: "http://www.w3.org/2000/svg",
|
|
704
705
|
...props
|
|
705
706
|
},
|
|
706
|
-
/* @__PURE__ */
|
|
707
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
707
708
|
"path",
|
|
708
709
|
{
|
|
709
710
|
strokeLinecap: "round",
|
|
@@ -712,14 +713,14 @@ var Logos = {
|
|
|
712
713
|
}
|
|
713
714
|
)
|
|
714
715
|
),
|
|
715
|
-
twitter: (props) => /* @__PURE__ */
|
|
716
|
+
twitter: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
716
717
|
"path",
|
|
717
718
|
{
|
|
718
719
|
fill: "currentColor",
|
|
719
720
|
d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
|
|
720
721
|
}
|
|
721
722
|
)),
|
|
722
|
-
instagram: (props) => /* @__PURE__ */
|
|
723
|
+
instagram: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
723
724
|
"svg",
|
|
724
725
|
{
|
|
725
726
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -727,23 +728,23 @@ var Logos = {
|
|
|
727
728
|
viewBox: "0 0 16 16",
|
|
728
729
|
...props
|
|
729
730
|
},
|
|
730
|
-
/* @__PURE__ */
|
|
731
|
+
/* @__PURE__ */ import_react4.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
|
|
731
732
|
),
|
|
732
|
-
microsoft: (props) => /* @__PURE__ */
|
|
733
|
+
microsoft: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
733
734
|
"path",
|
|
734
735
|
{
|
|
735
736
|
fill: "currentColor",
|
|
736
737
|
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
|
737
738
|
}
|
|
738
739
|
)),
|
|
739
|
-
github: (props) => /* @__PURE__ */
|
|
740
|
+
github: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
740
741
|
"svg",
|
|
741
742
|
{
|
|
742
743
|
xmlns: "http://www.w3.org/2000/svg",
|
|
743
744
|
viewBox: "0 0 438.549 438.549",
|
|
744
745
|
...props
|
|
745
746
|
},
|
|
746
|
-
/* @__PURE__ */
|
|
747
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
|
747
748
|
"path",
|
|
748
749
|
{
|
|
749
750
|
fill: "currentColor",
|
|
@@ -751,77 +752,77 @@ var Logos = {
|
|
|
751
752
|
}
|
|
752
753
|
)
|
|
753
754
|
),
|
|
754
|
-
radix: (props) => /* @__PURE__ */
|
|
755
|
+
radix: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
755
756
|
"path",
|
|
756
757
|
{
|
|
757
758
|
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
|
758
759
|
fill: "currentcolor"
|
|
759
760
|
}
|
|
760
|
-
), /* @__PURE__ */
|
|
761
|
+
), /* @__PURE__ */ import_react4.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react4.default.createElement(
|
|
761
762
|
"path",
|
|
762
763
|
{
|
|
763
764
|
d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
|
|
764
765
|
fill: "currentcolor"
|
|
765
766
|
}
|
|
766
767
|
)),
|
|
767
|
-
aria: (props) => /* @__PURE__ */
|
|
768
|
-
npm: (props) => /* @__PURE__ */
|
|
768
|
+
aria: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react4.default.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
|
|
769
|
+
npm: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
769
770
|
"path",
|
|
770
771
|
{
|
|
771
772
|
d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
|
|
772
773
|
fill: "currentColor"
|
|
773
774
|
}
|
|
774
775
|
)),
|
|
775
|
-
yarn: (props) => /* @__PURE__ */
|
|
776
|
+
yarn: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
776
777
|
"path",
|
|
777
778
|
{
|
|
778
779
|
d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
|
|
779
780
|
fill: "currentColor"
|
|
780
781
|
}
|
|
781
782
|
)),
|
|
782
|
-
pnpm: (props) => /* @__PURE__ */
|
|
783
|
+
pnpm: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
783
784
|
"path",
|
|
784
785
|
{
|
|
785
786
|
d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
|
|
786
787
|
fill: "currentColor"
|
|
787
788
|
}
|
|
788
789
|
)),
|
|
789
|
-
react: (props) => /* @__PURE__ */
|
|
790
|
+
react: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
790
791
|
"path",
|
|
791
792
|
{
|
|
792
793
|
d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
|
|
793
794
|
fill: "currentColor"
|
|
794
795
|
}
|
|
795
796
|
)),
|
|
796
|
-
tailwind: (props) => /* @__PURE__ */
|
|
797
|
+
tailwind: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
797
798
|
"path",
|
|
798
799
|
{
|
|
799
800
|
d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
|
|
800
801
|
fill: "currentColor"
|
|
801
802
|
}
|
|
802
803
|
)),
|
|
803
|
-
google: (props) => /* @__PURE__ */
|
|
804
|
+
google: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
804
805
|
"path",
|
|
805
806
|
{
|
|
806
807
|
fill: "currentColor",
|
|
807
808
|
d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
|
|
808
809
|
}
|
|
809
810
|
)),
|
|
810
|
-
apple: (props) => /* @__PURE__ */
|
|
811
|
+
apple: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
811
812
|
"path",
|
|
812
813
|
{
|
|
813
814
|
d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
|
|
814
815
|
fill: "currentColor"
|
|
815
816
|
}
|
|
816
817
|
)),
|
|
817
|
-
paypal: (props) => /* @__PURE__ */
|
|
818
|
+
paypal: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
|
|
818
819
|
"path",
|
|
819
820
|
{
|
|
820
821
|
d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
|
|
821
822
|
fill: "currentColor"
|
|
822
823
|
}
|
|
823
824
|
)),
|
|
824
|
-
spinner: (props) => /* @__PURE__ */
|
|
825
|
+
spinner: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
825
826
|
"svg",
|
|
826
827
|
{
|
|
827
828
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -835,9 +836,9 @@ var Logos = {
|
|
|
835
836
|
strokeLinejoin: "round",
|
|
836
837
|
...props
|
|
837
838
|
},
|
|
838
|
-
/* @__PURE__ */
|
|
839
|
+
/* @__PURE__ */ import_react4.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
|
839
840
|
),
|
|
840
|
-
whatsapp: (props) => /* @__PURE__ */
|
|
841
|
+
whatsapp: (props) => /* @__PURE__ */ import_react4.default.createElement(
|
|
841
842
|
"svg",
|
|
842
843
|
{
|
|
843
844
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -845,14 +846,14 @@ var Logos = {
|
|
|
845
846
|
fill: "currentColor",
|
|
846
847
|
...props
|
|
847
848
|
},
|
|
848
|
-
/* @__PURE__ */
|
|
849
|
+
/* @__PURE__ */ import_react4.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
|
|
849
850
|
)
|
|
850
851
|
};
|
|
851
852
|
|
|
852
853
|
// blocks/auth/AuthButtons.tsx
|
|
853
854
|
var AuthButtons = (props) => {
|
|
854
855
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
|
|
855
|
-
return /* @__PURE__ */
|
|
856
|
+
return /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ import_react5.default.createElement(
|
|
856
857
|
Button,
|
|
857
858
|
{
|
|
858
859
|
disabled: props.isMetamaskLoading,
|
|
@@ -860,9 +861,9 @@ var AuthButtons = (props) => {
|
|
|
860
861
|
variant: "outline",
|
|
861
862
|
onClick: props.handleMetamask
|
|
862
863
|
},
|
|
863
|
-
props.isMetamaskLoading ? /* @__PURE__ */
|
|
864
|
+
props.isMetamaskLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.metamask, { className: "hawa-h-6" }),
|
|
864
865
|
(_b = (_a = props.texts) == null ? void 0 : _a.continueWithMetamask) != null ? _b : "Connect Metamask"
|
|
865
|
-
), props.viaNafath && /* @__PURE__ */
|
|
866
|
+
), props.viaNafath && /* @__PURE__ */ import_react5.default.createElement(
|
|
866
867
|
Button,
|
|
867
868
|
{
|
|
868
869
|
disabled: props.isNafathLoading,
|
|
@@ -870,9 +871,9 @@ var AuthButtons = (props) => {
|
|
|
870
871
|
variant: "outline",
|
|
871
872
|
onClick: props.handleNafath
|
|
872
873
|
},
|
|
873
|
-
props.isNafathLoading ? /* @__PURE__ */
|
|
874
|
+
props.isNafathLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.nafath, { className: "hawa-h-4" }),
|
|
874
875
|
(_d = (_c = props.texts) == null ? void 0 : _c.continueWithNafath) != null ? _d : "Continue With Nafath"
|
|
875
|
-
), props.viaGoogle && /* @__PURE__ */
|
|
876
|
+
), props.viaGoogle && /* @__PURE__ */ import_react5.default.createElement(
|
|
876
877
|
Button,
|
|
877
878
|
{
|
|
878
879
|
disabled: props.isGoogleLoading,
|
|
@@ -880,9 +881,9 @@ var AuthButtons = (props) => {
|
|
|
880
881
|
variant: "outline",
|
|
881
882
|
onClick: props.handleGoogle
|
|
882
883
|
},
|
|
883
|
-
props.isGoogleLoading ? /* @__PURE__ */
|
|
884
|
+
props.isGoogleLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.google, { className: "hawa-icon" }),
|
|
884
885
|
(_f = (_e = props.texts) == null ? void 0 : _e.continueWithGoogle) != null ? _f : "Continue With Google"
|
|
885
|
-
), props.viaGithub && /* @__PURE__ */
|
|
886
|
+
), props.viaGithub && /* @__PURE__ */ import_react5.default.createElement(
|
|
886
887
|
Button,
|
|
887
888
|
{
|
|
888
889
|
disabled: props.isGithubLoading,
|
|
@@ -890,9 +891,9 @@ var AuthButtons = (props) => {
|
|
|
890
891
|
variant: "outline",
|
|
891
892
|
onClick: props.handleGithub
|
|
892
893
|
},
|
|
893
|
-
props.isGithubLoading ? /* @__PURE__ */
|
|
894
|
+
props.isGithubLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.github, { className: "hawa-icon" }),
|
|
894
895
|
(_h = (_g = props.texts) == null ? void 0 : _g.continueWithGithub) != null ? _h : "Continue With Github"
|
|
895
|
-
), props.viaTwitter && /* @__PURE__ */
|
|
896
|
+
), props.viaTwitter && /* @__PURE__ */ import_react5.default.createElement(
|
|
896
897
|
Button,
|
|
897
898
|
{
|
|
898
899
|
disabled: props.isTwitterLoading,
|
|
@@ -900,9 +901,9 @@ var AuthButtons = (props) => {
|
|
|
900
901
|
variant: "outline",
|
|
901
902
|
onClick: props.handleTwitter
|
|
902
903
|
},
|
|
903
|
-
props.isTwitterLoading ? /* @__PURE__ */
|
|
904
|
+
props.isTwitterLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.twitter, { className: "hawa-icon" }),
|
|
904
905
|
(_j = (_i = props.texts) == null ? void 0 : _i.continueWithTwitter) != null ? _j : "Continue With Twitter"
|
|
905
|
-
), props.viaApple && /* @__PURE__ */
|
|
906
|
+
), props.viaApple && /* @__PURE__ */ import_react5.default.createElement(
|
|
906
907
|
Button,
|
|
907
908
|
{
|
|
908
909
|
disabled: props.isAppleLoading,
|
|
@@ -910,9 +911,9 @@ var AuthButtons = (props) => {
|
|
|
910
911
|
variant: "outline",
|
|
911
912
|
onClick: props.handleApple
|
|
912
913
|
},
|
|
913
|
-
props.isAppleLoading ? /* @__PURE__ */
|
|
914
|
+
props.isAppleLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.apple, { className: "hawa-icon" }),
|
|
914
915
|
(_l = (_k = props.texts) == null ? void 0 : _k.continueWithApple) != null ? _l : "Continue With Apple"
|
|
915
|
-
), props.viaMicrosoft && /* @__PURE__ */
|
|
916
|
+
), props.viaMicrosoft && /* @__PURE__ */ import_react5.default.createElement(
|
|
916
917
|
Button,
|
|
917
918
|
{
|
|
918
919
|
disabled: props.isMicrosoftLoading,
|
|
@@ -920,9 +921,9 @@ var AuthButtons = (props) => {
|
|
|
920
921
|
variant: "outline",
|
|
921
922
|
onClick: props.handleMicrosoft
|
|
922
923
|
},
|
|
923
|
-
props.isMicrosoftLoading ? /* @__PURE__ */
|
|
924
|
+
props.isMicrosoftLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.microsoft, { className: "hawa-icon" }),
|
|
924
925
|
(_n = (_m = props.texts) == null ? void 0 : _m.continueWithMicrosoft) != null ? _n : "Continue With Microsoft"
|
|
925
|
-
), props.viaEmail && /* @__PURE__ */
|
|
926
|
+
), props.viaEmail && /* @__PURE__ */ import_react5.default.createElement(
|
|
926
927
|
Button,
|
|
927
928
|
{
|
|
928
929
|
disabled: props.isEmailLoading,
|
|
@@ -930,9 +931,9 @@ var AuthButtons = (props) => {
|
|
|
930
931
|
variant: "outline",
|
|
931
932
|
onClick: props.handleEmail
|
|
932
933
|
},
|
|
933
|
-
props.isEmailLoading ? /* @__PURE__ */
|
|
934
|
+
props.isEmailLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.mail, { className: "hawa-icon" }),
|
|
934
935
|
(_p = (_o = props.texts) == null ? void 0 : _o.continueWithEmail) != null ? _p : "Continue With Email"
|
|
935
|
-
), props.viaPhone && /* @__PURE__ */
|
|
936
|
+
), props.viaPhone && /* @__PURE__ */ import_react5.default.createElement(
|
|
936
937
|
Button,
|
|
937
938
|
{
|
|
938
939
|
disabled: props.isPhoneLoading,
|
|
@@ -940,21 +941,21 @@ var AuthButtons = (props) => {
|
|
|
940
941
|
variant: "outline",
|
|
941
942
|
onClick: props.handlePhone
|
|
942
943
|
},
|
|
943
|
-
props.isPhoneLoading ? /* @__PURE__ */
|
|
944
|
+
props.isPhoneLoading ? /* @__PURE__ */ import_react5.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react5.default.createElement(Logos.phone, { className: "hawa-icon" }),
|
|
944
945
|
(_r = (_q = props.texts) == null ? void 0 : _q.continueWithPhone) != null ? _r : "Continue With Phone"
|
|
945
946
|
));
|
|
946
947
|
};
|
|
947
948
|
|
|
948
949
|
// blocks/auth/LoginForm.tsx
|
|
949
|
-
var
|
|
950
|
-
var
|
|
950
|
+
var import_react14 = __toESM(require("react"));
|
|
951
|
+
var import_react15 = require("react");
|
|
951
952
|
var import_react_hook_form = require("react-hook-form");
|
|
952
953
|
var import_zod = require("@hookform/resolvers/zod");
|
|
953
954
|
var import_libphonenumber_js = require("libphonenumber-js");
|
|
954
955
|
var z = __toESM(require("zod"));
|
|
955
956
|
|
|
956
957
|
// elements/alert/Alert.tsx
|
|
957
|
-
var
|
|
958
|
+
var import_react6 = __toESM(require("react"));
|
|
958
959
|
var Alert = ({
|
|
959
960
|
direction = "ltr",
|
|
960
961
|
severity = "none",
|
|
@@ -963,9 +964,9 @@ var Alert = ({
|
|
|
963
964
|
className,
|
|
964
965
|
...props
|
|
965
966
|
}) => {
|
|
966
|
-
const alertRef = (0,
|
|
967
|
-
const [closed, setClosed] = (0,
|
|
968
|
-
(0,
|
|
967
|
+
const alertRef = (0, import_react6.useRef)(null);
|
|
968
|
+
const [closed, setClosed] = (0, import_react6.useState)(false);
|
|
969
|
+
(0, import_react6.useEffect)(() => {
|
|
969
970
|
if (duration) {
|
|
970
971
|
const timeoutHide = setTimeout(() => {
|
|
971
972
|
setClosed(true);
|
|
@@ -1000,7 +1001,7 @@ var Alert = ({
|
|
|
1000
1001
|
hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
|
|
1001
1002
|
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
|
|
1002
1003
|
};
|
|
1003
|
-
return /* @__PURE__ */
|
|
1004
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react6.default.createElement(
|
|
1004
1005
|
"div",
|
|
1005
1006
|
{
|
|
1006
1007
|
"data-testid": "alert",
|
|
@@ -1014,13 +1015,13 @@ var Alert = ({
|
|
|
1014
1015
|
className
|
|
1015
1016
|
)
|
|
1016
1017
|
},
|
|
1017
|
-
/* @__PURE__ */
|
|
1018
|
+
/* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react6.default.createElement(
|
|
1018
1019
|
"div",
|
|
1019
1020
|
{
|
|
1020
1021
|
className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
|
|
1021
1022
|
},
|
|
1022
1023
|
icon
|
|
1023
|
-
), /* @__PURE__ */
|
|
1024
|
+
), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react6.default.createElement(
|
|
1024
1025
|
"span",
|
|
1025
1026
|
{
|
|
1026
1027
|
className: cn(
|
|
@@ -1029,7 +1030,7 @@ var Alert = ({
|
|
|
1029
1030
|
)
|
|
1030
1031
|
},
|
|
1031
1032
|
props.title
|
|
1032
|
-
), /* @__PURE__ */
|
|
1033
|
+
), /* @__PURE__ */ import_react6.default.createElement(
|
|
1033
1034
|
"span",
|
|
1034
1035
|
{
|
|
1035
1036
|
className: cn(
|
|
@@ -1038,7 +1039,7 @@ var Alert = ({
|
|
|
1038
1039
|
)
|
|
1039
1040
|
},
|
|
1040
1041
|
props.text
|
|
1041
|
-
), props.actions && /* @__PURE__ */
|
|
1042
|
+
), props.actions && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(
|
|
1042
1043
|
Button,
|
|
1043
1044
|
{
|
|
1044
1045
|
key: index,
|
|
@@ -1047,7 +1048,7 @@ var Alert = ({
|
|
|
1047
1048
|
},
|
|
1048
1049
|
act.label
|
|
1049
1050
|
))))),
|
|
1050
|
-
!props.persistent && /* @__PURE__ */
|
|
1051
|
+
!props.persistent && /* @__PURE__ */ import_react6.default.createElement(
|
|
1051
1052
|
"button",
|
|
1052
1053
|
{
|
|
1053
1054
|
type: "button",
|
|
@@ -1074,8 +1075,8 @@ var Alert = ({
|
|
|
1074
1075
|
}
|
|
1075
1076
|
}
|
|
1076
1077
|
},
|
|
1077
|
-
/* @__PURE__ */
|
|
1078
|
-
/* @__PURE__ */
|
|
1078
|
+
/* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
|
|
1079
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
|
1079
1080
|
"svg",
|
|
1080
1081
|
{
|
|
1081
1082
|
"aria-label": "Close Icon",
|
|
@@ -1084,7 +1085,7 @@ var Alert = ({
|
|
|
1084
1085
|
fill: "currentColor",
|
|
1085
1086
|
viewBox: "0 0 20 20"
|
|
1086
1087
|
},
|
|
1087
|
-
/* @__PURE__ */
|
|
1088
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
|
1088
1089
|
"path",
|
|
1089
1090
|
{
|
|
1090
1091
|
fillRule: "evenodd",
|
|
@@ -1189,10 +1190,10 @@ CardTitle.displayName = "CardTitle";
|
|
|
1189
1190
|
Card.displayName = "Card";
|
|
1190
1191
|
|
|
1191
1192
|
// elements/input/Input.tsx
|
|
1192
|
-
var
|
|
1193
|
+
var import_react8 = __toESM(require("react"));
|
|
1193
1194
|
|
|
1194
1195
|
// elements/skeleton/Skeleton.tsx
|
|
1195
|
-
var
|
|
1196
|
+
var import_react7 = __toESM(require("react"));
|
|
1196
1197
|
function Skeleton({
|
|
1197
1198
|
className,
|
|
1198
1199
|
content,
|
|
@@ -1211,7 +1212,7 @@ function Skeleton({
|
|
|
1211
1212
|
right: "hawa-mask-fade-right",
|
|
1212
1213
|
left: "hawa-mask-fade-left "
|
|
1213
1214
|
};
|
|
1214
|
-
return /* @__PURE__ */
|
|
1215
|
+
return /* @__PURE__ */ import_react7.default.createElement(
|
|
1215
1216
|
"div",
|
|
1216
1217
|
{
|
|
1217
1218
|
className: cn(
|
|
@@ -1227,7 +1228,7 @@ function Skeleton({
|
|
|
1227
1228
|
}
|
|
1228
1229
|
|
|
1229
1230
|
// elements/input/Input.tsx
|
|
1230
|
-
var Input = (0,
|
|
1231
|
+
var Input = (0, import_react8.forwardRef)(
|
|
1231
1232
|
({
|
|
1232
1233
|
margin = "none",
|
|
1233
1234
|
width = "full",
|
|
@@ -1271,7 +1272,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1271
1272
|
props.onChange(newEvent);
|
|
1272
1273
|
}
|
|
1273
1274
|
};
|
|
1274
|
-
return /* @__PURE__ */
|
|
1275
|
+
return /* @__PURE__ */ import_react8.default.createElement(
|
|
1275
1276
|
"div",
|
|
1276
1277
|
{
|
|
1277
1278
|
className: cn(
|
|
@@ -1282,8 +1283,8 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1282
1283
|
"hawa-w-full hawa-gap-2"
|
|
1283
1284
|
)
|
|
1284
1285
|
},
|
|
1285
|
-
props.label && /* @__PURE__ */
|
|
1286
|
-
/* @__PURE__ */
|
|
1286
|
+
props.label && /* @__PURE__ */ import_react8.default.createElement(Label, { ...labelProps }, props.label),
|
|
1287
|
+
/* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react8.default.createElement(
|
|
1287
1288
|
"span",
|
|
1288
1289
|
{
|
|
1289
1290
|
className: cn(
|
|
@@ -1292,7 +1293,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1292
1293
|
)
|
|
1293
1294
|
},
|
|
1294
1295
|
props.outsidePrefix
|
|
1295
|
-
), props.isLoading ? /* @__PURE__ */
|
|
1296
|
+
), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
|
|
1296
1297
|
"div",
|
|
1297
1298
|
{
|
|
1298
1299
|
className: cn(
|
|
@@ -1300,7 +1301,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1300
1301
|
preview ? "hawa-opacity-100" : "hawa-opacity-0"
|
|
1301
1302
|
)
|
|
1302
1303
|
}
|
|
1303
|
-
), /* @__PURE__ */
|
|
1304
|
+
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
|
|
1304
1305
|
"div",
|
|
1305
1306
|
{
|
|
1306
1307
|
className: cn(
|
|
@@ -1309,7 +1310,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1309
1310
|
)
|
|
1310
1311
|
},
|
|
1311
1312
|
props.endIcon
|
|
1312
|
-
), /* @__PURE__ */
|
|
1313
|
+
), /* @__PURE__ */ import_react8.default.createElement(
|
|
1313
1314
|
"input",
|
|
1314
1315
|
{
|
|
1315
1316
|
required: true,
|
|
@@ -1335,7 +1336,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1335
1336
|
inputProps == null ? void 0 : inputProps.className
|
|
1336
1337
|
)
|
|
1337
1338
|
}
|
|
1338
|
-
)), !forceHideHelperText && /* @__PURE__ */
|
|
1339
|
+
)), !forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
|
|
1339
1340
|
"p",
|
|
1340
1341
|
{
|
|
1341
1342
|
className: cn(
|
|
@@ -1344,7 +1345,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1344
1345
|
)
|
|
1345
1346
|
},
|
|
1346
1347
|
props.helperText
|
|
1347
|
-
), !props.disabled && forceHideHelperText && /* @__PURE__ */
|
|
1348
|
+
), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
|
|
1348
1349
|
"div",
|
|
1349
1350
|
{
|
|
1350
1351
|
className: cn(
|
|
@@ -1353,7 +1354,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1353
1354
|
)
|
|
1354
1355
|
},
|
|
1355
1356
|
props.helperText
|
|
1356
|
-
), showCount && /* @__PURE__ */
|
|
1357
|
+
), showCount && /* @__PURE__ */ import_react8.default.createElement(
|
|
1357
1358
|
"div",
|
|
1358
1359
|
{
|
|
1359
1360
|
className: cn(
|
|
@@ -1374,7 +1375,7 @@ var Input = (0, import_react7.forwardRef)(
|
|
|
1374
1375
|
);
|
|
1375
1376
|
|
|
1376
1377
|
// elements/phoneInput/PhoneInput.tsx
|
|
1377
|
-
var
|
|
1378
|
+
var import_react10 = __toESM(require("react"));
|
|
1378
1379
|
|
|
1379
1380
|
// countries.ts
|
|
1380
1381
|
var countries = [
|
|
@@ -3070,7 +3071,7 @@ var countries = [
|
|
|
3070
3071
|
var countries_default = countries;
|
|
3071
3072
|
|
|
3072
3073
|
// elements/select/Select.tsx
|
|
3073
|
-
var
|
|
3074
|
+
var import_react9 = __toESM(require("react"));
|
|
3074
3075
|
var import_react_select = __toESM(require("react-select"));
|
|
3075
3076
|
var import_creatable = __toESM(require("react-select/creatable"));
|
|
3076
3077
|
var import_clsx2 = __toESM(require("clsx"));
|
|
@@ -3081,10 +3082,10 @@ var Select = ({
|
|
|
3081
3082
|
}) => {
|
|
3082
3083
|
const NoOption = () => {
|
|
3083
3084
|
var _a, _b;
|
|
3084
|
-
return /* @__PURE__ */
|
|
3085
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
|
|
3085
3086
|
};
|
|
3086
3087
|
const Control = ({ children, innerProps, innerRef }) => {
|
|
3087
|
-
return /* @__PURE__ */
|
|
3088
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
3088
3089
|
"div",
|
|
3089
3090
|
{
|
|
3090
3091
|
ref: innerRef,
|
|
@@ -3097,7 +3098,7 @@ var Select = ({
|
|
|
3097
3098
|
);
|
|
3098
3099
|
};
|
|
3099
3100
|
const Option = ({ children, innerProps, innerRef }) => {
|
|
3100
|
-
return /* @__PURE__ */
|
|
3101
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
3101
3102
|
"div",
|
|
3102
3103
|
{
|
|
3103
3104
|
ref: innerRef,
|
|
@@ -3118,7 +3119,7 @@ var Select = ({
|
|
|
3118
3119
|
...menuProps
|
|
3119
3120
|
}) => {
|
|
3120
3121
|
const menuOpen = menuProps.selectProps.menuIsOpen;
|
|
3121
|
-
return /* @__PURE__ */
|
|
3122
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
3122
3123
|
"div",
|
|
3123
3124
|
{
|
|
3124
3125
|
className: cn(
|
|
@@ -3132,7 +3133,7 @@ var Select = ({
|
|
|
3132
3133
|
children
|
|
3133
3134
|
);
|
|
3134
3135
|
};
|
|
3135
|
-
return /* @__PURE__ */
|
|
3136
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
3136
3137
|
"div",
|
|
3137
3138
|
{
|
|
3138
3139
|
className: cn(
|
|
@@ -3140,10 +3141,10 @@ var Select = ({
|
|
|
3140
3141
|
props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
|
|
3141
3142
|
)
|
|
3142
3143
|
},
|
|
3143
|
-
props.label && /* @__PURE__ */
|
|
3144
|
-
props.isLoading ? /* @__PURE__ */
|
|
3144
|
+
props.label && /* @__PURE__ */ import_react9.default.createElement(Label, { ...labelProps }, props.label),
|
|
3145
|
+
props.isLoading ? /* @__PURE__ */ import_react9.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
|
|
3145
3146
|
// TODO: enable keyboard to go to the next item in the list
|
|
3146
|
-
/* @__PURE__ */
|
|
3147
|
+
/* @__PURE__ */ import_react9.default.createElement(
|
|
3147
3148
|
import_react_select.default,
|
|
3148
3149
|
{
|
|
3149
3150
|
noOptionsMessage: NoOption,
|
|
@@ -3182,7 +3183,7 @@ var Select = ({
|
|
|
3182
3183
|
// {...e}
|
|
3183
3184
|
// />
|
|
3184
3185
|
// ),
|
|
3185
|
-
ValueContainer: (e) => /* @__PURE__ */
|
|
3186
|
+
ValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
|
|
3186
3187
|
"div",
|
|
3187
3188
|
{
|
|
3188
3189
|
className: cn(
|
|
@@ -3192,7 +3193,7 @@ var Select = ({
|
|
|
3192
3193
|
...e
|
|
3193
3194
|
}
|
|
3194
3195
|
),
|
|
3195
|
-
MultiValueContainer: (e) => /* @__PURE__ */
|
|
3196
|
+
MultiValueContainer: (e) => /* @__PURE__ */ import_react9.default.createElement(
|
|
3196
3197
|
"div",
|
|
3197
3198
|
{
|
|
3198
3199
|
className: cn(
|
|
@@ -3214,7 +3215,7 @@ var Select = ({
|
|
|
3214
3215
|
isSearchable: props.isSearchable
|
|
3215
3216
|
}
|
|
3216
3217
|
)
|
|
3217
|
-
) : /* @__PURE__ */
|
|
3218
|
+
) : /* @__PURE__ */ import_react9.default.createElement(
|
|
3218
3219
|
import_creatable.default,
|
|
3219
3220
|
{
|
|
3220
3221
|
formatCreateLabel: (inputValue) => {
|
|
@@ -3244,7 +3245,7 @@ var Select = ({
|
|
|
3244
3245
|
onInputChange: (newValue, action) => props.onInputChange(newValue, action)
|
|
3245
3246
|
}
|
|
3246
3247
|
),
|
|
3247
|
-
!props.hideHelperText && /* @__PURE__ */
|
|
3248
|
+
!props.hideHelperText && /* @__PURE__ */ import_react9.default.createElement(
|
|
3248
3249
|
"p",
|
|
3249
3250
|
{
|
|
3250
3251
|
className: cn(
|
|
@@ -3264,9 +3265,9 @@ var PhoneInput = ({
|
|
|
3264
3265
|
countryCodes,
|
|
3265
3266
|
...props
|
|
3266
3267
|
}) => {
|
|
3267
|
-
const [phoneNumber, setPhoneNumber] = (0,
|
|
3268
|
-
const [countryCode, setCountryCode] = (0,
|
|
3269
|
-
const inputRef = (0,
|
|
3268
|
+
const [phoneNumber, setPhoneNumber] = (0, import_react10.useState)("");
|
|
3269
|
+
const [countryCode, setCountryCode] = (0, import_react10.useState)(props.preferredCountry);
|
|
3270
|
+
const inputRef = (0, import_react10.useRef)(null);
|
|
3270
3271
|
const handleInputChange = (e) => {
|
|
3271
3272
|
console.log("test e ", e.target.value);
|
|
3272
3273
|
const validChars = /^[0-9-()]+$/;
|
|
@@ -3280,7 +3281,7 @@ var PhoneInput = ({
|
|
|
3280
3281
|
console.log("handleChange prop was not provided in <PhoneInput/>");
|
|
3281
3282
|
}
|
|
3282
3283
|
};
|
|
3283
|
-
return /* @__PURE__ */
|
|
3284
|
+
return /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react10.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react10.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
3284
3285
|
Select,
|
|
3285
3286
|
{
|
|
3286
3287
|
phoneCode: true,
|
|
@@ -3296,7 +3297,7 @@ var PhoneInput = ({
|
|
|
3296
3297
|
value: countryCode == null ? void 0 : countryCode.label,
|
|
3297
3298
|
defaultValue: props.preferredCountry
|
|
3298
3299
|
}
|
|
3299
|
-
), /* @__PURE__ */
|
|
3300
|
+
), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
3300
3301
|
"input",
|
|
3301
3302
|
{
|
|
3302
3303
|
type: "tel",
|
|
@@ -3310,7 +3311,7 @@ var PhoneInput = ({
|
|
|
3310
3311
|
),
|
|
3311
3312
|
...inputProps
|
|
3312
3313
|
}
|
|
3313
|
-
))), /* @__PURE__ */
|
|
3314
|
+
))), /* @__PURE__ */ import_react10.default.createElement(
|
|
3314
3315
|
"p",
|
|
3315
3316
|
{
|
|
3316
3317
|
className: cn(
|
|
@@ -3323,8 +3324,8 @@ var PhoneInput = ({
|
|
|
3323
3324
|
};
|
|
3324
3325
|
|
|
3325
3326
|
// icons/Emojis.tsx
|
|
3326
|
-
var
|
|
3327
|
-
var VeryGoodEmoji = () => /* @__PURE__ */
|
|
3327
|
+
var import_react11 = __toESM(require("react"));
|
|
3328
|
+
var VeryGoodEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
|
|
3328
3329
|
"svg",
|
|
3329
3330
|
{
|
|
3330
3331
|
fill: "none",
|
|
@@ -3333,7 +3334,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3333
3334
|
width: "16",
|
|
3334
3335
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3335
3336
|
},
|
|
3336
|
-
/* @__PURE__ */
|
|
3337
|
+
/* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
3337
3338
|
"path",
|
|
3338
3339
|
{
|
|
3339
3340
|
clipRule: "evenodd",
|
|
@@ -3341,7 +3342,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3341
3342
|
fill: "currentColor",
|
|
3342
3343
|
fillRule: "evenodd"
|
|
3343
3344
|
}
|
|
3344
|
-
), /* @__PURE__ */
|
|
3345
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
|
3345
3346
|
"path",
|
|
3346
3347
|
{
|
|
3347
3348
|
clipRule: "evenodd",
|
|
@@ -3351,7 +3352,7 @@ var VeryGoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3351
3352
|
}
|
|
3352
3353
|
))
|
|
3353
3354
|
);
|
|
3354
|
-
var GoodEmoji = () => /* @__PURE__ */
|
|
3355
|
+
var GoodEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
|
|
3355
3356
|
"svg",
|
|
3356
3357
|
{
|
|
3357
3358
|
fill: "none",
|
|
@@ -3360,7 +3361,7 @@ var GoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3360
3361
|
width: "16",
|
|
3361
3362
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3362
3363
|
},
|
|
3363
|
-
/* @__PURE__ */
|
|
3364
|
+
/* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
3364
3365
|
"path",
|
|
3365
3366
|
{
|
|
3366
3367
|
clipRule: "evenodd",
|
|
@@ -3370,7 +3371,7 @@ var GoodEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3370
3371
|
}
|
|
3371
3372
|
))
|
|
3372
3373
|
);
|
|
3373
|
-
var BadEmoji = () => /* @__PURE__ */
|
|
3374
|
+
var BadEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
|
|
3374
3375
|
"svg",
|
|
3375
3376
|
{
|
|
3376
3377
|
fill: "none",
|
|
@@ -3379,7 +3380,7 @@ var BadEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3379
3380
|
width: "16",
|
|
3380
3381
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3381
3382
|
},
|
|
3382
|
-
/* @__PURE__ */
|
|
3383
|
+
/* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
3383
3384
|
"path",
|
|
3384
3385
|
{
|
|
3385
3386
|
clipRule: "evenodd",
|
|
@@ -3389,7 +3390,7 @@ var BadEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3389
3390
|
}
|
|
3390
3391
|
))
|
|
3391
3392
|
);
|
|
3392
|
-
var VeryBadEmoji = () => /* @__PURE__ */
|
|
3393
|
+
var VeryBadEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
|
|
3393
3394
|
"svg",
|
|
3394
3395
|
{
|
|
3395
3396
|
fill: "none",
|
|
@@ -3398,13 +3399,13 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3398
3399
|
width: "16",
|
|
3399
3400
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3400
3401
|
},
|
|
3401
|
-
/* @__PURE__ */
|
|
3402
|
+
/* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
3402
3403
|
"path",
|
|
3403
3404
|
{
|
|
3404
3405
|
d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
|
|
3405
3406
|
fill: "#0070F3"
|
|
3406
3407
|
}
|
|
3407
|
-
), /* @__PURE__ */
|
|
3408
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
|
3408
3409
|
"path",
|
|
3409
3410
|
{
|
|
3410
3411
|
clipRule: "evenodd",
|
|
@@ -3416,8 +3417,8 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react10.default.createElement(
|
|
|
3416
3417
|
);
|
|
3417
3418
|
|
|
3418
3419
|
// icons/InputIcons.tsx
|
|
3419
|
-
var
|
|
3420
|
-
var EyeIcon = (props) => /* @__PURE__ */
|
|
3420
|
+
var import_react12 = __toESM(require("react"));
|
|
3421
|
+
var EyeIcon = (props) => /* @__PURE__ */ import_react12.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react12.default.createElement(
|
|
3421
3422
|
"svg",
|
|
3422
3423
|
{
|
|
3423
3424
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3428,10 +3429,10 @@ var EyeIcon = (props) => /* @__PURE__ */ import_react11.default.createElement("d
|
|
|
3428
3429
|
strokeLinecap: "round",
|
|
3429
3430
|
strokeLinejoin: "round"
|
|
3430
3431
|
},
|
|
3431
|
-
/* @__PURE__ */
|
|
3432
|
-
/* @__PURE__ */
|
|
3432
|
+
/* @__PURE__ */ import_react12.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
|
|
3433
|
+
/* @__PURE__ */ import_react12.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
|
|
3433
3434
|
));
|
|
3434
|
-
var HiddenEyeIcon = (props) => /* @__PURE__ */
|
|
3435
|
+
var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react12.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react12.default.createElement(
|
|
3435
3436
|
"svg",
|
|
3436
3437
|
{
|
|
3437
3438
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3442,20 +3443,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react11.default.createElem
|
|
|
3442
3443
|
strokeLinecap: "round",
|
|
3443
3444
|
strokeLinejoin: "round"
|
|
3444
3445
|
},
|
|
3445
|
-
/* @__PURE__ */
|
|
3446
|
-
/* @__PURE__ */
|
|
3447
|
-
/* @__PURE__ */
|
|
3448
|
-
/* @__PURE__ */
|
|
3446
|
+
/* @__PURE__ */ import_react12.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
|
|
3447
|
+
/* @__PURE__ */ import_react12.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
|
|
3448
|
+
/* @__PURE__ */ import_react12.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
|
|
3449
|
+
/* @__PURE__ */ import_react12.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
|
|
3449
3450
|
));
|
|
3450
3451
|
|
|
3451
3452
|
// icons/CommonIcons.tsx
|
|
3452
|
-
var
|
|
3453
|
+
var import_react13 = __toESM(require("react"));
|
|
3453
3454
|
var CheckMark = ({ size = "default", className }) => {
|
|
3454
3455
|
let sizeStyles = {
|
|
3455
3456
|
default: "hawa-h-5 hawa-w-5",
|
|
3456
3457
|
sm: "hawa-h-3 hawa-w-3"
|
|
3457
3458
|
};
|
|
3458
|
-
return /* @__PURE__ */
|
|
3459
|
+
return /* @__PURE__ */ import_react13.default.createElement(
|
|
3459
3460
|
"svg",
|
|
3460
3461
|
{
|
|
3461
3462
|
className: cn(sizeStyles[size], className),
|
|
@@ -3463,7 +3464,7 @@ var CheckMark = ({ size = "default", className }) => {
|
|
|
3463
3464
|
fill: "currentColor",
|
|
3464
3465
|
viewBox: "0 0 20 20"
|
|
3465
3466
|
},
|
|
3466
|
-
/* @__PURE__ */
|
|
3467
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
|
3467
3468
|
"path",
|
|
3468
3469
|
{
|
|
3469
3470
|
fillRule: "evenodd",
|
|
@@ -3478,7 +3479,7 @@ var UncheckMark = ({ size = "default", className }) => {
|
|
|
3478
3479
|
default: "hawa-h-5 hawa-w-5",
|
|
3479
3480
|
sm: "hawa-h-3 hawa-w-3"
|
|
3480
3481
|
};
|
|
3481
|
-
return /* @__PURE__ */
|
|
3482
|
+
return /* @__PURE__ */ import_react13.default.createElement(
|
|
3482
3483
|
"svg",
|
|
3483
3484
|
{
|
|
3484
3485
|
className: cn(sizeStyles[size], className),
|
|
@@ -3486,7 +3487,7 @@ var UncheckMark = ({ size = "default", className }) => {
|
|
|
3486
3487
|
fill: "currentColor",
|
|
3487
3488
|
viewBox: "0 0 20 20"
|
|
3488
3489
|
},
|
|
3489
|
-
/* @__PURE__ */
|
|
3490
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
|
3490
3491
|
"path",
|
|
3491
3492
|
{
|
|
3492
3493
|
fillRule: "evenodd",
|
|
@@ -3505,7 +3506,7 @@ var LoginForm = ({
|
|
|
3505
3506
|
...props
|
|
3506
3507
|
}) => {
|
|
3507
3508
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
|
|
3508
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
|
3509
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react15.useState)(false);
|
|
3509
3510
|
const thirdPartyAuthTexts = {
|
|
3510
3511
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
|
3511
3512
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
|
@@ -3567,14 +3568,14 @@ var LoginForm = ({
|
|
|
3567
3568
|
const renderFields = () => {
|
|
3568
3569
|
switch (loginType) {
|
|
3569
3570
|
case "email":
|
|
3570
|
-
return /* @__PURE__ */
|
|
3571
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
|
|
3571
3572
|
import_react_hook_form.Controller,
|
|
3572
3573
|
{
|
|
3573
3574
|
control,
|
|
3574
3575
|
name: "email",
|
|
3575
3576
|
render: ({ field }) => {
|
|
3576
3577
|
var _a2, _b2, _c2;
|
|
3577
|
-
return /* @__PURE__ */
|
|
3578
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
3578
3579
|
Input,
|
|
3579
3580
|
{
|
|
3580
3581
|
inputProps: {
|
|
@@ -3594,27 +3595,27 @@ var LoginForm = ({
|
|
|
3594
3595
|
);
|
|
3595
3596
|
}
|
|
3596
3597
|
}
|
|
3597
|
-
), /* @__PURE__ */
|
|
3598
|
+
), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement(
|
|
3598
3599
|
import_react_hook_form.Controller,
|
|
3599
3600
|
{
|
|
3600
3601
|
control,
|
|
3601
3602
|
name: "password",
|
|
3602
3603
|
render: ({ field }) => {
|
|
3603
3604
|
var _a2, _b2, _c2;
|
|
3604
|
-
return /* @__PURE__ */
|
|
3605
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
3605
3606
|
Input,
|
|
3606
3607
|
{
|
|
3607
3608
|
width: "full",
|
|
3608
3609
|
autoComplete: "current-password",
|
|
3609
3610
|
type: passwordVisible ? "text" : "password",
|
|
3610
3611
|
label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
|
|
3611
|
-
endIcon: /* @__PURE__ */
|
|
3612
|
+
endIcon: /* @__PURE__ */ import_react14.default.createElement(
|
|
3612
3613
|
"div",
|
|
3613
3614
|
{
|
|
3614
3615
|
className: "hawa-cursor-pointer",
|
|
3615
3616
|
onClick: () => setPasswordVisible(!passwordVisible)
|
|
3616
3617
|
},
|
|
3617
|
-
passwordVisible ? /* @__PURE__ */
|
|
3618
|
+
passwordVisible ? /* @__PURE__ */ import_react14.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react14.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
|
|
3618
3619
|
),
|
|
3619
3620
|
placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
|
|
3620
3621
|
helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
|
|
@@ -3623,7 +3624,7 @@ var LoginForm = ({
|
|
|
3623
3624
|
);
|
|
3624
3625
|
}
|
|
3625
3626
|
}
|
|
3626
|
-
), props.withResetPassword && /* @__PURE__ */
|
|
3627
|
+
), props.withResetPassword && /* @__PURE__ */ import_react14.default.createElement(
|
|
3627
3628
|
"div",
|
|
3628
3629
|
{
|
|
3629
3630
|
onClick: props.onForgotPassword,
|
|
@@ -3632,14 +3633,14 @@ var LoginForm = ({
|
|
|
3632
3633
|
(texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
|
|
3633
3634
|
)));
|
|
3634
3635
|
case "username":
|
|
3635
|
-
return /* @__PURE__ */
|
|
3636
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
|
|
3636
3637
|
import_react_hook_form.Controller,
|
|
3637
3638
|
{
|
|
3638
3639
|
control,
|
|
3639
3640
|
name: "username",
|
|
3640
3641
|
render: ({ field }) => {
|
|
3641
3642
|
var _a2, _b2, _c2;
|
|
3642
|
-
return /* @__PURE__ */
|
|
3643
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
3643
3644
|
Input,
|
|
3644
3645
|
{
|
|
3645
3646
|
width: "full",
|
|
@@ -3652,27 +3653,27 @@ var LoginForm = ({
|
|
|
3652
3653
|
);
|
|
3653
3654
|
}
|
|
3654
3655
|
}
|
|
3655
|
-
), /* @__PURE__ */
|
|
3656
|
+
), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement(
|
|
3656
3657
|
import_react_hook_form.Controller,
|
|
3657
3658
|
{
|
|
3658
3659
|
control,
|
|
3659
3660
|
name: "password",
|
|
3660
3661
|
render: ({ field }) => {
|
|
3661
3662
|
var _a2, _b2, _c2;
|
|
3662
|
-
return /* @__PURE__ */
|
|
3663
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
3663
3664
|
Input,
|
|
3664
3665
|
{
|
|
3665
3666
|
width: "full",
|
|
3666
3667
|
autoComplete: "current-password",
|
|
3667
3668
|
type: passwordVisible ? "text" : "password",
|
|
3668
3669
|
label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
|
|
3669
|
-
endIcon: /* @__PURE__ */
|
|
3670
|
+
endIcon: /* @__PURE__ */ import_react14.default.createElement(
|
|
3670
3671
|
"div",
|
|
3671
3672
|
{
|
|
3672
3673
|
className: "hawa-cursor-pointer",
|
|
3673
3674
|
onClick: () => setPasswordVisible(!passwordVisible)
|
|
3674
3675
|
},
|
|
3675
|
-
passwordVisible ? /* @__PURE__ */
|
|
3676
|
+
passwordVisible ? /* @__PURE__ */ import_react14.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react14.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
|
|
3676
3677
|
),
|
|
3677
3678
|
placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
|
|
3678
3679
|
helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
|
|
@@ -3681,7 +3682,7 @@ var LoginForm = ({
|
|
|
3681
3682
|
);
|
|
3682
3683
|
}
|
|
3683
3684
|
}
|
|
3684
|
-
), props.withResetPassword && /* @__PURE__ */
|
|
3685
|
+
), props.withResetPassword && /* @__PURE__ */ import_react14.default.createElement(
|
|
3685
3686
|
"div",
|
|
3686
3687
|
{
|
|
3687
3688
|
onClick: props.onForgotPassword,
|
|
@@ -3690,14 +3691,14 @@ var LoginForm = ({
|
|
|
3690
3691
|
(texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
|
|
3691
3692
|
)));
|
|
3692
3693
|
case "phone":
|
|
3693
|
-
return /* @__PURE__ */
|
|
3694
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
|
|
3694
3695
|
import_react_hook_form.Controller,
|
|
3695
3696
|
{
|
|
3696
3697
|
control,
|
|
3697
3698
|
name: "phone",
|
|
3698
3699
|
render: ({ field }) => {
|
|
3699
3700
|
var _a2, _b2;
|
|
3700
|
-
return /* @__PURE__ */
|
|
3701
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
3701
3702
|
PhoneInput,
|
|
3702
3703
|
{
|
|
3703
3704
|
label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
|
|
@@ -3718,14 +3719,14 @@ var LoginForm = ({
|
|
|
3718
3719
|
}
|
|
3719
3720
|
));
|
|
3720
3721
|
case "link":
|
|
3721
|
-
return /* @__PURE__ */
|
|
3722
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
|
|
3722
3723
|
import_react_hook_form.Controller,
|
|
3723
3724
|
{
|
|
3724
3725
|
control,
|
|
3725
3726
|
name: "email",
|
|
3726
3727
|
render: ({ field }) => {
|
|
3727
3728
|
var _a2, _b2, _c2;
|
|
3728
|
-
return /* @__PURE__ */
|
|
3729
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
|
3729
3730
|
Input,
|
|
3730
3731
|
{
|
|
3731
3732
|
width: "full",
|
|
@@ -3746,7 +3747,7 @@ var LoginForm = ({
|
|
|
3746
3747
|
break;
|
|
3747
3748
|
}
|
|
3748
3749
|
};
|
|
3749
|
-
return /* @__PURE__ */
|
|
3750
|
+
return /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react14.default.createElement(
|
|
3750
3751
|
Card,
|
|
3751
3752
|
{
|
|
3752
3753
|
dir: props.direction,
|
|
@@ -3754,7 +3755,7 @@ var LoginForm = ({
|
|
|
3754
3755
|
props.cardless && "!hawa-border-none !hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
|
|
3755
3756
|
)
|
|
3756
3757
|
},
|
|
3757
|
-
/* @__PURE__ */
|
|
3758
|
+
/* @__PURE__ */ import_react14.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react14.default.createElement(
|
|
3758
3759
|
Alert,
|
|
3759
3760
|
{
|
|
3760
3761
|
direction: props.direction,
|
|
@@ -3762,7 +3763,7 @@ var LoginForm = ({
|
|
|
3762
3763
|
text: props.errorText,
|
|
3763
3764
|
severity: "error"
|
|
3764
3765
|
}
|
|
3765
|
-
), /* @__PURE__ */
|
|
3766
|
+
), /* @__PURE__ */ import_react14.default.createElement(
|
|
3766
3767
|
"form",
|
|
3767
3768
|
{
|
|
3768
3769
|
noValidate: true,
|
|
@@ -3776,7 +3777,7 @@ var LoginForm = ({
|
|
|
3776
3777
|
})
|
|
3777
3778
|
},
|
|
3778
3779
|
renderFields(),
|
|
3779
|
-
/* @__PURE__ */
|
|
3780
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
|
3780
3781
|
Button,
|
|
3781
3782
|
{
|
|
3782
3783
|
className: "hawa-mt-0 hawa-w-full",
|
|
@@ -3787,7 +3788,7 @@ var LoginForm = ({
|
|
|
3787
3788
|
(texts == null ? void 0 : texts.loginText) || "Login"
|
|
3788
3789
|
),
|
|
3789
3790
|
props.additionalButtons,
|
|
3790
|
-
props.allowRegister && /* @__PURE__ */
|
|
3791
|
+
props.allowRegister && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react14.default.createElement(
|
|
3791
3792
|
"span",
|
|
3792
3793
|
{
|
|
3793
3794
|
onClick: props.onRouteToRegister,
|
|
@@ -3796,7 +3797,7 @@ var LoginForm = ({
|
|
|
3796
3797
|
(texts == null ? void 0 : texts.createAccount) || "Create Account"
|
|
3797
3798
|
))
|
|
3798
3799
|
)),
|
|
3799
|
-
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
3800
|
+
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react14.default.createElement(
|
|
3800
3801
|
CardFooter,
|
|
3801
3802
|
{
|
|
3802
3803
|
noPadding: props.cardless,
|
|
@@ -3804,7 +3805,7 @@ var LoginForm = ({
|
|
|
3804
3805
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
|
3805
3806
|
)
|
|
3806
3807
|
},
|
|
3807
|
-
/* @__PURE__ */
|
|
3808
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
|
3808
3809
|
AuthButtons,
|
|
3809
3810
|
{
|
|
3810
3811
|
texts: thirdPartyAuthTexts,
|
|
@@ -3824,7 +3825,7 @@ var LoginForm = ({
|
|
|
3824
3825
|
};
|
|
3825
3826
|
|
|
3826
3827
|
// blocks/auth/RegisterForm.tsx
|
|
3827
|
-
var
|
|
3828
|
+
var import_react17 = __toESM(require("react"));
|
|
3828
3829
|
var import_react_hook_form2 = require("react-hook-form");
|
|
3829
3830
|
var import_zod2 = require("@hookform/resolvers/zod");
|
|
3830
3831
|
var z2 = __toESM(require("zod"));
|
|
@@ -3966,12 +3967,12 @@ var CheckboxElement = React18.forwardRef(({ radius = "inherit", size = "default"
|
|
|
3966
3967
|
CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
|
|
3967
3968
|
|
|
3968
3969
|
// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
|
|
3969
|
-
var
|
|
3970
|
+
var import_react16 = __toESM(require("react"));
|
|
3970
3971
|
var StopPropagationWrapper = (props) => {
|
|
3971
3972
|
const handleClick = (e) => {
|
|
3972
3973
|
e.stopPropagation();
|
|
3973
3974
|
};
|
|
3974
|
-
return /* @__PURE__ */
|
|
3975
|
+
return /* @__PURE__ */ import_react16.default.createElement("div", { onClick: handleClick }, props.children);
|
|
3975
3976
|
};
|
|
3976
3977
|
|
|
3977
3978
|
// blocks/auth/RegisterForm.tsx
|
|
@@ -3983,7 +3984,7 @@ var RegisterForm = ({
|
|
|
3983
3984
|
...props
|
|
3984
3985
|
}) => {
|
|
3985
3986
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
3986
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
|
3987
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react17.useState)(false);
|
|
3987
3988
|
const thirdPartyAuthTexts = {
|
|
3988
3989
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
|
3989
3990
|
continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
|
|
@@ -4050,7 +4051,7 @@ var RegisterForm = ({
|
|
|
4050
4051
|
const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
|
|
4051
4052
|
resolver: (0, import_zod2.zodResolver)(formSchema)
|
|
4052
4053
|
});
|
|
4053
|
-
return /* @__PURE__ */
|
|
4054
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4054
4055
|
"div",
|
|
4055
4056
|
{
|
|
4056
4057
|
className: cn(
|
|
@@ -4058,7 +4059,7 @@ var RegisterForm = ({
|
|
|
4058
4059
|
(_g = props.classNames) == null ? void 0 : _g.root
|
|
4059
4060
|
)
|
|
4060
4061
|
},
|
|
4061
|
-
/* @__PURE__ */
|
|
4062
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
4062
4063
|
Card,
|
|
4063
4064
|
{
|
|
4064
4065
|
dir: props.direction,
|
|
@@ -4067,7 +4068,7 @@ var RegisterForm = ({
|
|
|
4067
4068
|
props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
|
|
4068
4069
|
)
|
|
4069
4070
|
},
|
|
4070
|
-
/* @__PURE__ */
|
|
4071
|
+
/* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react17.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react17.default.createElement(
|
|
4071
4072
|
Alert,
|
|
4072
4073
|
{
|
|
4073
4074
|
direction: props.direction,
|
|
@@ -4080,7 +4081,7 @@ var RegisterForm = ({
|
|
|
4080
4081
|
}
|
|
4081
4082
|
}
|
|
4082
4083
|
}
|
|
4083
|
-
), /* @__PURE__ */
|
|
4084
|
+
), /* @__PURE__ */ import_react17.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react17.default.createElement(
|
|
4084
4085
|
"form",
|
|
4085
4086
|
{
|
|
4086
4087
|
noValidate: true,
|
|
@@ -4095,9 +4096,9 @@ var RegisterForm = ({
|
|
|
4095
4096
|
}),
|
|
4096
4097
|
className: "hawa-flex hawa-flex-col hawa-gap-4"
|
|
4097
4098
|
},
|
|
4098
|
-
/* @__PURE__ */
|
|
4099
|
+
/* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
|
|
4099
4100
|
if (fld === "fullname") {
|
|
4100
|
-
return /* @__PURE__ */
|
|
4101
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4101
4102
|
import_react_hook_form2.Controller,
|
|
4102
4103
|
{
|
|
4103
4104
|
key: i,
|
|
@@ -4105,7 +4106,7 @@ var RegisterForm = ({
|
|
|
4105
4106
|
name: "fullName",
|
|
4106
4107
|
render: ({ field }) => {
|
|
4107
4108
|
var _a2, _b2, _c2;
|
|
4108
|
-
return /* @__PURE__ */
|
|
4109
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4109
4110
|
Input,
|
|
4110
4111
|
{
|
|
4111
4112
|
width: "full",
|
|
@@ -4120,7 +4121,7 @@ var RegisterForm = ({
|
|
|
4120
4121
|
);
|
|
4121
4122
|
}
|
|
4122
4123
|
if (fld === "email") {
|
|
4123
|
-
return /* @__PURE__ */
|
|
4124
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4124
4125
|
import_react_hook_form2.Controller,
|
|
4125
4126
|
{
|
|
4126
4127
|
key: i,
|
|
@@ -4128,7 +4129,7 @@ var RegisterForm = ({
|
|
|
4128
4129
|
name: "email",
|
|
4129
4130
|
render: ({ field }) => {
|
|
4130
4131
|
var _a2, _b2, _c2;
|
|
4131
|
-
return /* @__PURE__ */
|
|
4132
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4132
4133
|
Input,
|
|
4133
4134
|
{
|
|
4134
4135
|
dir: "ltr",
|
|
@@ -4153,7 +4154,7 @@ var RegisterForm = ({
|
|
|
4153
4154
|
);
|
|
4154
4155
|
}
|
|
4155
4156
|
if (fld === "username") {
|
|
4156
|
-
return /* @__PURE__ */
|
|
4157
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4157
4158
|
import_react_hook_form2.Controller,
|
|
4158
4159
|
{
|
|
4159
4160
|
key: i,
|
|
@@ -4161,7 +4162,7 @@ var RegisterForm = ({
|
|
|
4161
4162
|
name: "username",
|
|
4162
4163
|
render: ({ field }) => {
|
|
4163
4164
|
var _a2, _b2, _c2, _d2;
|
|
4164
|
-
return /* @__PURE__ */
|
|
4165
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4165
4166
|
Input,
|
|
4166
4167
|
{
|
|
4167
4168
|
width: "full",
|
|
@@ -4180,25 +4181,25 @@ var RegisterForm = ({
|
|
|
4180
4181
|
);
|
|
4181
4182
|
}
|
|
4182
4183
|
})),
|
|
4183
|
-
/* @__PURE__ */
|
|
4184
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
4184
4185
|
import_react_hook_form2.Controller,
|
|
4185
4186
|
{
|
|
4186
4187
|
control,
|
|
4187
4188
|
name: "password",
|
|
4188
4189
|
render: ({ field }) => {
|
|
4189
4190
|
var _a2, _b2, _c2;
|
|
4190
|
-
return /* @__PURE__ */
|
|
4191
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4191
4192
|
Input,
|
|
4192
4193
|
{
|
|
4193
4194
|
width: "full",
|
|
4194
4195
|
type: passwordVisible ? "text" : "password",
|
|
4195
|
-
endIcon: /* @__PURE__ */
|
|
4196
|
+
endIcon: /* @__PURE__ */ import_react17.default.createElement(
|
|
4196
4197
|
"div",
|
|
4197
4198
|
{
|
|
4198
4199
|
className: "hawa-cursor-pointer",
|
|
4199
4200
|
onClick: () => setPasswordVisible(!passwordVisible)
|
|
4200
4201
|
},
|
|
4201
|
-
passwordVisible ? /* @__PURE__ */
|
|
4202
|
+
passwordVisible ? /* @__PURE__ */ import_react17.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react17.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
|
|
4202
4203
|
" "
|
|
4203
4204
|
),
|
|
4204
4205
|
autoComplete: "new-password",
|
|
@@ -4211,14 +4212,14 @@ var RegisterForm = ({
|
|
|
4211
4212
|
}
|
|
4212
4213
|
}
|
|
4213
4214
|
),
|
|
4214
|
-
/* @__PURE__ */
|
|
4215
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
4215
4216
|
import_react_hook_form2.Controller,
|
|
4216
4217
|
{
|
|
4217
4218
|
control,
|
|
4218
4219
|
name: "confirm_password",
|
|
4219
4220
|
render: ({ field }) => {
|
|
4220
4221
|
var _a2, _b2, _c2;
|
|
4221
|
-
return /* @__PURE__ */
|
|
4222
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4222
4223
|
Input,
|
|
4223
4224
|
{
|
|
4224
4225
|
width: "full",
|
|
@@ -4234,14 +4235,14 @@ var RegisterForm = ({
|
|
|
4234
4235
|
}
|
|
4235
4236
|
),
|
|
4236
4237
|
props.additionalInputs,
|
|
4237
|
-
props.showRefCode && /* @__PURE__ */
|
|
4238
|
+
props.showRefCode && /* @__PURE__ */ import_react17.default.createElement(
|
|
4238
4239
|
import_react_hook_form2.Controller,
|
|
4239
4240
|
{
|
|
4240
4241
|
control,
|
|
4241
4242
|
name: "refCode",
|
|
4242
4243
|
render: ({ field }) => {
|
|
4243
4244
|
var _a2;
|
|
4244
|
-
return /* @__PURE__ */
|
|
4245
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4245
4246
|
Input,
|
|
4246
4247
|
{
|
|
4247
4248
|
width: "full",
|
|
@@ -4254,14 +4255,14 @@ var RegisterForm = ({
|
|
|
4254
4255
|
}
|
|
4255
4256
|
}
|
|
4256
4257
|
),
|
|
4257
|
-
props.showUserSource && /* @__PURE__ */
|
|
4258
|
+
props.showUserSource && /* @__PURE__ */ import_react17.default.createElement(
|
|
4258
4259
|
import_react_hook_form2.Controller,
|
|
4259
4260
|
{
|
|
4260
4261
|
control,
|
|
4261
4262
|
name: "reference",
|
|
4262
4263
|
render: ({ field }) => {
|
|
4263
4264
|
var _a2, _b2;
|
|
4264
|
-
return /* @__PURE__ */
|
|
4265
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4265
4266
|
Select,
|
|
4266
4267
|
{
|
|
4267
4268
|
label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
|
|
@@ -4277,20 +4278,20 @@ var RegisterForm = ({
|
|
|
4277
4278
|
}
|
|
4278
4279
|
}
|
|
4279
4280
|
),
|
|
4280
|
-
showTermsOption || showNewsletterOption ? /* @__PURE__ */
|
|
4281
|
+
showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react17.default.createElement(
|
|
4281
4282
|
import_react_hook_form2.Controller,
|
|
4282
4283
|
{
|
|
4283
4284
|
control,
|
|
4284
4285
|
name: "terms_accepted",
|
|
4285
4286
|
render: ({ field }) => {
|
|
4286
4287
|
var _a2, _b2;
|
|
4287
|
-
return /* @__PURE__ */
|
|
4288
|
+
return /* @__PURE__ */ import_react17.default.createElement(
|
|
4288
4289
|
Checkbox,
|
|
4289
4290
|
{
|
|
4290
4291
|
id: "terms_accepted",
|
|
4291
4292
|
helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
|
|
4292
4293
|
onCheckedChange: (e) => field.onChange(e),
|
|
4293
|
-
label: /* @__PURE__ */
|
|
4294
|
+
label: /* @__PURE__ */ import_react17.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_react17.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react17.default.createElement(
|
|
4294
4295
|
"span",
|
|
4295
4296
|
{
|
|
4296
4297
|
onClick: (e) => {
|
|
@@ -4307,12 +4308,12 @@ var RegisterForm = ({
|
|
|
4307
4308
|
);
|
|
4308
4309
|
}
|
|
4309
4310
|
}
|
|
4310
|
-
), showNewsletterOption && /* @__PURE__ */
|
|
4311
|
+
), showNewsletterOption && /* @__PURE__ */ import_react17.default.createElement(
|
|
4311
4312
|
import_react_hook_form2.Controller,
|
|
4312
4313
|
{
|
|
4313
4314
|
control,
|
|
4314
4315
|
name: "newsletter_accepted",
|
|
4315
|
-
render: ({ field }) => /* @__PURE__ */
|
|
4316
|
+
render: ({ field }) => /* @__PURE__ */ import_react17.default.createElement(
|
|
4316
4317
|
Checkbox,
|
|
4317
4318
|
{
|
|
4318
4319
|
id: "newsletter_accepted",
|
|
@@ -4322,7 +4323,7 @@ var RegisterForm = ({
|
|
|
4322
4323
|
)
|
|
4323
4324
|
}
|
|
4324
4325
|
)) : null,
|
|
4325
|
-
/* @__PURE__ */
|
|
4326
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
4326
4327
|
Button,
|
|
4327
4328
|
{
|
|
4328
4329
|
className: " hawa-w-full",
|
|
@@ -4333,8 +4334,8 @@ var RegisterForm = ({
|
|
|
4333
4334
|
(texts == null ? void 0 : texts.registerText) || "Register"
|
|
4334
4335
|
),
|
|
4335
4336
|
props.additionalButtons
|
|
4336
|
-
)), props.onRouteToLogin && /* @__PURE__ */
|
|
4337
|
-
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */
|
|
4337
|
+
)), props.onRouteToLogin && /* @__PURE__ */ import_react17.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_react17.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react17.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
|
|
4338
|
+
props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react17.default.createElement(
|
|
4338
4339
|
CardFooter,
|
|
4339
4340
|
{
|
|
4340
4341
|
noPadding: props.cardless,
|
|
@@ -4342,7 +4343,7 @@ var RegisterForm = ({
|
|
|
4342
4343
|
props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
|
|
4343
4344
|
)
|
|
4344
4345
|
},
|
|
4345
|
-
/* @__PURE__ */
|
|
4346
|
+
/* @__PURE__ */ import_react17.default.createElement(
|
|
4346
4347
|
AuthButtons,
|
|
4347
4348
|
{
|
|
4348
4349
|
texts: thirdPartyAuthTexts,
|
|
@@ -4363,7 +4364,7 @@ var RegisterForm = ({
|
|
|
4363
4364
|
};
|
|
4364
4365
|
|
|
4365
4366
|
// blocks/auth/AppLanding.tsx
|
|
4366
|
-
var
|
|
4367
|
+
var import_react18 = __toESM(require("react"));
|
|
4367
4368
|
var AppLanding = ({ texts, ...props }) => {
|
|
4368
4369
|
const thirdPartyAuthTexts = {
|
|
4369
4370
|
continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
|
|
@@ -4374,7 +4375,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
|
4374
4375
|
continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
|
|
4375
4376
|
continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
|
|
4376
4377
|
};
|
|
4377
|
-
return /* @__PURE__ */
|
|
4378
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react18.default.createElement(Card, null, /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react18.default.createElement(
|
|
4378
4379
|
AuthButtons,
|
|
4379
4380
|
{
|
|
4380
4381
|
texts: thirdPartyAuthTexts,
|
|
@@ -4393,7 +4394,7 @@ var AppLanding = ({ texts, ...props }) => {
|
|
|
4393
4394
|
handleEmail: props.handleEmail,
|
|
4394
4395
|
handlePhone: props.handlePhone
|
|
4395
4396
|
}
|
|
4396
|
-
), props.allowRegister && /* @__PURE__ */
|
|
4397
|
+
), props.allowRegister && /* @__PURE__ */ import_react18.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_react18.default.createElement(
|
|
4397
4398
|
"span",
|
|
4398
4399
|
{
|
|
4399
4400
|
onClick: props.handleRouteToRegister,
|
|
@@ -4404,9 +4405,9 @@ var AppLanding = ({ texts, ...props }) => {
|
|
|
4404
4405
|
};
|
|
4405
4406
|
|
|
4406
4407
|
// blocks/auth/CheckEmail.tsx
|
|
4407
|
-
var
|
|
4408
|
+
var import_react19 = __toESM(require("react"));
|
|
4408
4409
|
var CheckEmail = ({ texts, handleResend }) => {
|
|
4409
|
-
return /* @__PURE__ */
|
|
4410
|
+
return /* @__PURE__ */ import_react19.default.createElement(Card, null, /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react19.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_react19.default.createElement(
|
|
4410
4411
|
"svg",
|
|
4411
4412
|
{
|
|
4412
4413
|
stroke: "currentColor",
|
|
@@ -4419,13 +4420,13 @@ var CheckEmail = ({ texts, handleResend }) => {
|
|
|
4419
4420
|
width: "0.5em",
|
|
4420
4421
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4421
4422
|
},
|
|
4422
|
-
/* @__PURE__ */
|
|
4423
|
-
/* @__PURE__ */
|
|
4424
|
-
)), /* @__PURE__ */
|
|
4423
|
+
/* @__PURE__ */ import_react19.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" }),
|
|
4424
|
+
/* @__PURE__ */ import_react19.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
|
4425
|
+
)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react19.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_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
|
|
4425
4426
|
};
|
|
4426
4427
|
|
|
4427
4428
|
// blocks/auth/NewPassword.tsx
|
|
4428
|
-
var
|
|
4429
|
+
var import_react20 = __toESM(require("react"));
|
|
4429
4430
|
var import_react_hook_form3 = require("react-hook-form");
|
|
4430
4431
|
var import_zod3 = require("@hookform/resolvers/zod");
|
|
4431
4432
|
var z3 = __toESM(require("zod"));
|
|
@@ -4447,7 +4448,7 @@ var NewPasswordForm = ({
|
|
|
4447
4448
|
const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
|
|
4448
4449
|
resolver: (0, import_zod3.zodResolver)(formSchema)
|
|
4449
4450
|
});
|
|
4450
|
-
return /* @__PURE__ */
|
|
4451
|
+
return /* @__PURE__ */ import_react20.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react20.default.createElement(
|
|
4451
4452
|
"form",
|
|
4452
4453
|
{
|
|
4453
4454
|
noValidate: true,
|
|
@@ -4461,7 +4462,7 @@ var NewPasswordForm = ({
|
|
|
4461
4462
|
}
|
|
4462
4463
|
})
|
|
4463
4464
|
},
|
|
4464
|
-
/* @__PURE__ */
|
|
4465
|
+
/* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react20.default.createElement(
|
|
4465
4466
|
Alert,
|
|
4466
4467
|
{
|
|
4467
4468
|
direction: props.direction,
|
|
@@ -4469,14 +4470,14 @@ var NewPasswordForm = ({
|
|
|
4469
4470
|
text: props.errorText,
|
|
4470
4471
|
severity: "error"
|
|
4471
4472
|
}
|
|
4472
|
-
), /* @__PURE__ */
|
|
4473
|
+
), /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
4473
4474
|
import_react_hook_form3.Controller,
|
|
4474
4475
|
{
|
|
4475
4476
|
control,
|
|
4476
4477
|
name: "password",
|
|
4477
4478
|
render: ({ field }) => {
|
|
4478
4479
|
var _a2, _b2, _c2;
|
|
4479
|
-
return /* @__PURE__ */
|
|
4480
|
+
return /* @__PURE__ */ import_react20.default.createElement(
|
|
4480
4481
|
Input,
|
|
4481
4482
|
{
|
|
4482
4483
|
width: "full",
|
|
@@ -4490,14 +4491,14 @@ var NewPasswordForm = ({
|
|
|
4490
4491
|
);
|
|
4491
4492
|
}
|
|
4492
4493
|
}
|
|
4493
|
-
), /* @__PURE__ */
|
|
4494
|
+
), /* @__PURE__ */ import_react20.default.createElement(
|
|
4494
4495
|
import_react_hook_form3.Controller,
|
|
4495
4496
|
{
|
|
4496
4497
|
control,
|
|
4497
4498
|
name: "confirm_password",
|
|
4498
4499
|
render: ({ field }) => {
|
|
4499
4500
|
var _a2, _b2, _c2;
|
|
4500
|
-
return /* @__PURE__ */
|
|
4501
|
+
return /* @__PURE__ */ import_react20.default.createElement(
|
|
4501
4502
|
Input,
|
|
4502
4503
|
{
|
|
4503
4504
|
width: "full",
|
|
@@ -4511,7 +4512,7 @@ var NewPasswordForm = ({
|
|
|
4511
4512
|
);
|
|
4512
4513
|
}
|
|
4513
4514
|
}
|
|
4514
|
-
)), /* @__PURE__ */
|
|
4515
|
+
)), /* @__PURE__ */ import_react20.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react20.default.createElement(
|
|
4515
4516
|
"span",
|
|
4516
4517
|
{
|
|
4517
4518
|
className: "clickable-link",
|
|
@@ -4523,7 +4524,7 @@ var NewPasswordForm = ({
|
|
|
4523
4524
|
};
|
|
4524
4525
|
|
|
4525
4526
|
// blocks/auth/ResetPassword.tsx
|
|
4526
|
-
var
|
|
4527
|
+
var import_react21 = __toESM(require("react"));
|
|
4527
4528
|
var import_react_hook_form4 = require("react-hook-form");
|
|
4528
4529
|
var import_zod4 = require("@hookform/resolvers/zod");
|
|
4529
4530
|
var z4 = __toESM(require("zod"));
|
|
@@ -4541,7 +4542,7 @@ var ResetPasswordForm = ({
|
|
|
4541
4542
|
const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
|
|
4542
4543
|
resolver: (0, import_zod4.zodResolver)(formSchema)
|
|
4543
4544
|
});
|
|
4544
|
-
return /* @__PURE__ */
|
|
4545
|
+
return /* @__PURE__ */ import_react21.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react21.default.createElement(CardHeader, null, /* @__PURE__ */ import_react21.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react21.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react21.default.createElement(
|
|
4545
4546
|
"form",
|
|
4546
4547
|
{
|
|
4547
4548
|
noValidate: true,
|
|
@@ -4553,7 +4554,7 @@ var ResetPasswordForm = ({
|
|
|
4553
4554
|
}
|
|
4554
4555
|
})
|
|
4555
4556
|
},
|
|
4556
|
-
/* @__PURE__ */
|
|
4557
|
+
/* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react21.default.createElement(
|
|
4557
4558
|
Alert,
|
|
4558
4559
|
{
|
|
4559
4560
|
direction: props.direction,
|
|
@@ -4561,14 +4562,14 @@ var ResetPasswordForm = ({
|
|
|
4561
4562
|
text: props.errorText,
|
|
4562
4563
|
severity: "error"
|
|
4563
4564
|
}
|
|
4564
|
-
), /* @__PURE__ */
|
|
4565
|
+
), /* @__PURE__ */ import_react21.default.createElement(
|
|
4565
4566
|
import_react_hook_form4.Controller,
|
|
4566
4567
|
{
|
|
4567
4568
|
control,
|
|
4568
4569
|
name: "email",
|
|
4569
4570
|
render: ({ field }) => {
|
|
4570
4571
|
var _a2, _b2, _c2, _d2, _e2;
|
|
4571
|
-
return /* @__PURE__ */
|
|
4572
|
+
return /* @__PURE__ */ import_react21.default.createElement(
|
|
4572
4573
|
Input,
|
|
4573
4574
|
{
|
|
4574
4575
|
width: "full",
|
|
@@ -4584,7 +4585,7 @@ var ResetPasswordForm = ({
|
|
|
4584
4585
|
}
|
|
4585
4586
|
}
|
|
4586
4587
|
)),
|
|
4587
|
-
/* @__PURE__ */
|
|
4588
|
+
/* @__PURE__ */ import_react21.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react21.default.createElement(
|
|
4588
4589
|
Button,
|
|
4589
4590
|
{
|
|
4590
4591
|
type: "submit",
|
|
@@ -4592,7 +4593,7 @@ var ResetPasswordForm = ({
|
|
|
4592
4593
|
isLoading
|
|
4593
4594
|
},
|
|
4594
4595
|
((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
|
|
4595
|
-
), allowRegister && /* @__PURE__ */
|
|
4596
|
+
), allowRegister && /* @__PURE__ */ import_react21.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_react21.default.createElement(
|
|
4596
4597
|
"span",
|
|
4597
4598
|
{
|
|
4598
4599
|
className: "clickable-link",
|
|
@@ -4600,17 +4601,17 @@ var ResetPasswordForm = ({
|
|
|
4600
4601
|
},
|
|
4601
4602
|
(_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
|
|
4602
4603
|
)))
|
|
4603
|
-
)) : /* @__PURE__ */
|
|
4604
|
+
)) : /* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react21.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")));
|
|
4604
4605
|
};
|
|
4605
4606
|
|
|
4606
4607
|
// blocks/auth/CodeConfirmation.tsx
|
|
4607
|
-
var
|
|
4608
|
+
var import_react23 = __toESM(require("react"));
|
|
4608
4609
|
var import_react_hook_form5 = require("react-hook-form");
|
|
4609
4610
|
var import_zod5 = require("@hookform/resolvers/zod");
|
|
4610
4611
|
var z5 = __toESM(require("zod"));
|
|
4611
4612
|
|
|
4612
4613
|
// elements/pinInput/PinInput.tsx
|
|
4613
|
-
var
|
|
4614
|
+
var import_react22 = __toESM(require("react"));
|
|
4614
4615
|
var PinInput = ({
|
|
4615
4616
|
label,
|
|
4616
4617
|
icon,
|
|
@@ -4620,7 +4621,7 @@ var PinInput = ({
|
|
|
4620
4621
|
inputProps,
|
|
4621
4622
|
...props
|
|
4622
4623
|
}) => {
|
|
4623
|
-
const [pin, setPin] = (0,
|
|
4624
|
+
const [pin, setPin] = (0, import_react22.useState)(Array.from(Array(digits)));
|
|
4624
4625
|
const handleKeyDown = (e, index) => {
|
|
4625
4626
|
let backTo = 0;
|
|
4626
4627
|
if (e.key === "Backspace") {
|
|
@@ -4629,7 +4630,7 @@ var PinInput = ({
|
|
|
4629
4630
|
previousInput == null ? void 0 : previousInput.focus();
|
|
4630
4631
|
}
|
|
4631
4632
|
};
|
|
4632
|
-
(0,
|
|
4633
|
+
(0, import_react22.useEffect)(() => {
|
|
4633
4634
|
let unfilled = pin.includes(void 0);
|
|
4634
4635
|
if (!unfilled && getPins) {
|
|
4635
4636
|
getPins(pin);
|
|
@@ -4654,13 +4655,13 @@ var PinInput = ({
|
|
|
4654
4655
|
}
|
|
4655
4656
|
}
|
|
4656
4657
|
};
|
|
4657
|
-
return /* @__PURE__ */
|
|
4658
|
+
return /* @__PURE__ */ import_react22.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react22.default.createElement(
|
|
4658
4659
|
"div",
|
|
4659
4660
|
{
|
|
4660
4661
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
|
4661
4662
|
dir: "ltr"
|
|
4662
4663
|
},
|
|
4663
|
-
pin.map((value, index) => /* @__PURE__ */
|
|
4664
|
+
pin.map((value, index) => /* @__PURE__ */ import_react22.default.createElement(
|
|
4664
4665
|
"input",
|
|
4665
4666
|
{
|
|
4666
4667
|
key: index,
|
|
@@ -4680,7 +4681,7 @@ var PinInput = ({
|
|
|
4680
4681
|
...inputProps
|
|
4681
4682
|
}
|
|
4682
4683
|
))
|
|
4683
|
-
), /* @__PURE__ */
|
|
4684
|
+
), /* @__PURE__ */ import_react22.default.createElement(
|
|
4684
4685
|
"p",
|
|
4685
4686
|
{
|
|
4686
4687
|
className: cn(
|
|
@@ -4701,9 +4702,9 @@ var CodeConfirmation = (props) => {
|
|
|
4701
4702
|
const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
|
|
4702
4703
|
resolver: (0, import_zod5.zodResolver)(formSchema)
|
|
4703
4704
|
});
|
|
4704
|
-
const [resendTimer, setResendTimer] = (0,
|
|
4705
|
-
const [remainingTime, setRemainingTime] = (0,
|
|
4706
|
-
const [showResendTimer, setShowResendTimer] = (0,
|
|
4705
|
+
const [resendTimer, setResendTimer] = (0, import_react23.useState)(null);
|
|
4706
|
+
const [remainingTime, setRemainingTime] = (0, import_react23.useState)(0);
|
|
4707
|
+
const [showResendTimer, setShowResendTimer] = (0, import_react23.useState)(false);
|
|
4707
4708
|
const startResendTimer = () => {
|
|
4708
4709
|
if (resendTimer !== null) {
|
|
4709
4710
|
clearInterval(resendTimer);
|
|
@@ -4725,21 +4726,21 @@ var CodeConfirmation = (props) => {
|
|
|
4725
4726
|
}, 1e3);
|
|
4726
4727
|
setResendTimer(newTimer);
|
|
4727
4728
|
};
|
|
4728
|
-
(0,
|
|
4729
|
+
(0, import_react23.useEffect)(() => {
|
|
4729
4730
|
return () => {
|
|
4730
4731
|
if (resendTimer !== null) {
|
|
4731
4732
|
clearInterval(resendTimer);
|
|
4732
4733
|
}
|
|
4733
4734
|
};
|
|
4734
4735
|
}, []);
|
|
4735
|
-
return /* @__PURE__ */
|
|
4736
|
+
return /* @__PURE__ */ import_react23.default.createElement(Card, null, /* @__PURE__ */ import_react23.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react23.default.createElement(
|
|
4736
4737
|
Alert,
|
|
4737
4738
|
{
|
|
4738
4739
|
title: props.errorTitle,
|
|
4739
4740
|
text: props.errorText,
|
|
4740
4741
|
severity: "error"
|
|
4741
4742
|
}
|
|
4742
|
-
), /* @__PURE__ */
|
|
4743
|
+
), /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react23.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react23.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react23.default.createElement(
|
|
4743
4744
|
"form",
|
|
4744
4745
|
{
|
|
4745
4746
|
noValidate: true,
|
|
@@ -4753,14 +4754,14 @@ var CodeConfirmation = (props) => {
|
|
|
4753
4754
|
}
|
|
4754
4755
|
})
|
|
4755
4756
|
},
|
|
4756
|
-
/* @__PURE__ */
|
|
4757
|
+
/* @__PURE__ */ import_react23.default.createElement(
|
|
4757
4758
|
import_react_hook_form5.Controller,
|
|
4758
4759
|
{
|
|
4759
4760
|
control,
|
|
4760
4761
|
name: "otp_code",
|
|
4761
4762
|
render: ({ field }) => {
|
|
4762
4763
|
var _a2;
|
|
4763
|
-
return /* @__PURE__ */
|
|
4764
|
+
return /* @__PURE__ */ import_react23.default.createElement(
|
|
4764
4765
|
PinInput,
|
|
4765
4766
|
{
|
|
4766
4767
|
width: "full",
|
|
@@ -4772,7 +4773,7 @@ var CodeConfirmation = (props) => {
|
|
|
4772
4773
|
}
|
|
4773
4774
|
}
|
|
4774
4775
|
),
|
|
4775
|
-
showResendTimer ? /* @__PURE__ */
|
|
4776
|
+
showResendTimer ? /* @__PURE__ */ import_react23.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_react23.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react23.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react23.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react23.default.createElement(
|
|
4776
4777
|
"span",
|
|
4777
4778
|
{
|
|
4778
4779
|
className: "clickable-link",
|
|
@@ -4783,18 +4784,18 @@ var CodeConfirmation = (props) => {
|
|
|
4783
4784
|
},
|
|
4784
4785
|
((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
|
|
4785
4786
|
)),
|
|
4786
|
-
/* @__PURE__ */
|
|
4787
|
+
/* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react23.default.createElement(Button, { variant: "outline" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react23.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
|
|
4787
4788
|
)));
|
|
4788
4789
|
};
|
|
4789
4790
|
|
|
4790
4791
|
// blocks/feedback/UserReferralSource.tsx
|
|
4791
|
-
var
|
|
4792
|
+
var import_react25 = __toESM(require("react"));
|
|
4792
4793
|
var import_react_hook_form6 = require("react-hook-form");
|
|
4793
4794
|
var import_zod6 = require("@hookform/resolvers/zod");
|
|
4794
4795
|
var z6 = __toESM(require("zod"));
|
|
4795
4796
|
|
|
4796
4797
|
// elements/radio/Radio.tsx
|
|
4797
|
-
var
|
|
4798
|
+
var import_react24 = __toESM(require("react"));
|
|
4798
4799
|
|
|
4799
4800
|
// elements/popover/Popover.tsx
|
|
4800
4801
|
var React27 = __toESM(require("react"));
|
|
@@ -4862,7 +4863,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
|
4862
4863
|
var PopoverRoot = PopoverPrimitive.Root;
|
|
4863
4864
|
|
|
4864
4865
|
// elements/radio/Radio.tsx
|
|
4865
|
-
var Radio = (0,
|
|
4866
|
+
var Radio = (0, import_react24.forwardRef)(
|
|
4866
4867
|
({
|
|
4867
4868
|
design = "default",
|
|
4868
4869
|
width = "default",
|
|
@@ -4894,15 +4895,15 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
4894
4895
|
default: "hawa-max-w-fit",
|
|
4895
4896
|
full: "hawa-w-full"
|
|
4896
4897
|
};
|
|
4897
|
-
const [parentDirection, setParentDirection] =
|
|
4898
|
+
const [parentDirection, setParentDirection] = import_react24.default.useState(
|
|
4898
4899
|
null
|
|
4899
4900
|
);
|
|
4900
|
-
const [selectedOption, setSelectedOption] = (0,
|
|
4901
|
+
const [selectedOption, setSelectedOption] = (0, import_react24.useState)(
|
|
4901
4902
|
props.defaultValue || props.value
|
|
4902
4903
|
);
|
|
4903
|
-
const [openTooltip, setOpenTooltip] = (0,
|
|
4904
|
-
const parentRef = (0,
|
|
4905
|
-
(0,
|
|
4904
|
+
const [openTooltip, setOpenTooltip] = (0, import_react24.useState)(null);
|
|
4905
|
+
const parentRef = (0, import_react24.useRef)(null);
|
|
4906
|
+
(0, import_react24.useEffect)(() => {
|
|
4906
4907
|
var _a2;
|
|
4907
4908
|
const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
|
|
4908
4909
|
if (parentNode) {
|
|
@@ -4928,7 +4929,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
4928
4929
|
];
|
|
4929
4930
|
switch (design) {
|
|
4930
4931
|
case "tabs":
|
|
4931
|
-
return /* @__PURE__ */
|
|
4932
|
+
return /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react24.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react24.default.createElement(
|
|
4932
4933
|
"ul",
|
|
4933
4934
|
{
|
|
4934
4935
|
ref: parentRef,
|
|
@@ -4941,21 +4942,21 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
4941
4942
|
)
|
|
4942
4943
|
},
|
|
4943
4944
|
(_b = props.options) == null ? void 0 : _b.map((opt, o) => {
|
|
4944
|
-
return opt.tooltip ? /* @__PURE__ */
|
|
4945
|
+
return opt.tooltip ? /* @__PURE__ */ import_react24.default.createElement(
|
|
4945
4946
|
PopoverRoot,
|
|
4946
4947
|
{
|
|
4947
4948
|
key: o,
|
|
4948
4949
|
open: o === openTooltip,
|
|
4949
4950
|
onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
|
|
4950
4951
|
},
|
|
4951
|
-
/* @__PURE__ */
|
|
4952
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
4952
4953
|
PopoverTrigger,
|
|
4953
4954
|
{
|
|
4954
4955
|
onMouseEnter: () => setOpenTooltip(o),
|
|
4955
4956
|
onMouseLeave: () => setOpenTooltip(null),
|
|
4956
4957
|
asChild: true
|
|
4957
4958
|
},
|
|
4958
|
-
/* @__PURE__ */
|
|
4959
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
4959
4960
|
"li",
|
|
4960
4961
|
{
|
|
4961
4962
|
"aria-current": "page",
|
|
@@ -4973,8 +4974,8 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
4973
4974
|
opt.label
|
|
4974
4975
|
)
|
|
4975
4976
|
),
|
|
4976
|
-
/* @__PURE__ */
|
|
4977
|
-
) : /* @__PURE__ */
|
|
4977
|
+
/* @__PURE__ */ import_react24.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
|
|
4978
|
+
) : /* @__PURE__ */ import_react24.default.createElement(
|
|
4978
4979
|
"li",
|
|
4979
4980
|
{
|
|
4980
4981
|
key: o,
|
|
@@ -4993,7 +4994,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
4993
4994
|
opt.label
|
|
4994
4995
|
);
|
|
4995
4996
|
})
|
|
4996
|
-
), !forceHideHelperText && /* @__PURE__ */
|
|
4997
|
+
), !forceHideHelperText && /* @__PURE__ */ import_react24.default.createElement(
|
|
4997
4998
|
"p",
|
|
4998
4999
|
{
|
|
4999
5000
|
className: cn(
|
|
@@ -5004,7 +5005,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5004
5005
|
props.helperText
|
|
5005
5006
|
));
|
|
5006
5007
|
case "bordered":
|
|
5007
|
-
return /* @__PURE__ */
|
|
5008
|
+
return /* @__PURE__ */ import_react24.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react24.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react24.default.createElement(
|
|
5008
5009
|
"div",
|
|
5009
5010
|
{
|
|
5010
5011
|
className: cn(
|
|
@@ -5013,7 +5014,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5013
5014
|
),
|
|
5014
5015
|
key: i + 1
|
|
5015
5016
|
},
|
|
5016
|
-
/* @__PURE__ */
|
|
5017
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
5017
5018
|
"input",
|
|
5018
5019
|
{
|
|
5019
5020
|
disabled: opt.disabled,
|
|
@@ -5024,7 +5025,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5024
5025
|
onChange: () => handleChange(opt)
|
|
5025
5026
|
}
|
|
5026
5027
|
),
|
|
5027
|
-
/* @__PURE__ */
|
|
5028
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
5028
5029
|
"label",
|
|
5029
5030
|
{
|
|
5030
5031
|
htmlFor: opt.value.toString(),
|
|
@@ -5037,7 +5038,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5037
5038
|
)
|
|
5038
5039
|
))));
|
|
5039
5040
|
case "cards":
|
|
5040
|
-
return /* @__PURE__ */
|
|
5041
|
+
return /* @__PURE__ */ import_react24.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react24.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react24.default.createElement(
|
|
5041
5042
|
"input",
|
|
5042
5043
|
{
|
|
5043
5044
|
type: "radio",
|
|
@@ -5048,7 +5049,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5048
5049
|
required: true,
|
|
5049
5050
|
disabled: opt.disabled
|
|
5050
5051
|
}
|
|
5051
|
-
), /* @__PURE__ */
|
|
5052
|
+
), /* @__PURE__ */ import_react24.default.createElement(
|
|
5052
5053
|
"label",
|
|
5053
5054
|
{
|
|
5054
5055
|
htmlFor: opt.value.toString(),
|
|
@@ -5057,10 +5058,10 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5057
5058
|
opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
|
|
5058
5059
|
)
|
|
5059
5060
|
},
|
|
5060
|
-
/* @__PURE__ */
|
|
5061
|
+
/* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
|
|
5061
5062
|
))));
|
|
5062
5063
|
default:
|
|
5063
|
-
return /* @__PURE__ */
|
|
5064
|
+
return /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react24.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react24.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react24.default.createElement(
|
|
5064
5065
|
"div",
|
|
5065
5066
|
{
|
|
5066
5067
|
className: cn(
|
|
@@ -5069,7 +5070,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5069
5070
|
),
|
|
5070
5071
|
key: i + 1
|
|
5071
5072
|
},
|
|
5072
|
-
/* @__PURE__ */
|
|
5073
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
5073
5074
|
"input",
|
|
5074
5075
|
{
|
|
5075
5076
|
disabled: opt.disabled,
|
|
@@ -5080,7 +5081,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5080
5081
|
onChange: () => handleChange(opt)
|
|
5081
5082
|
}
|
|
5082
5083
|
),
|
|
5083
|
-
/* @__PURE__ */
|
|
5084
|
+
/* @__PURE__ */ import_react24.default.createElement(
|
|
5084
5085
|
"label",
|
|
5085
5086
|
{
|
|
5086
5087
|
htmlFor: opt.value.toString(),
|
|
@@ -5091,7 +5092,7 @@ var Radio = (0, import_react23.forwardRef)(
|
|
|
5091
5092
|
},
|
|
5092
5093
|
opt.label
|
|
5093
5094
|
)
|
|
5094
|
-
))), /* @__PURE__ */
|
|
5095
|
+
))), /* @__PURE__ */ import_react24.default.createElement(
|
|
5095
5096
|
"p",
|
|
5096
5097
|
{
|
|
5097
5098
|
className: cn(
|
|
@@ -5170,8 +5171,8 @@ var UserReferralSource = ({
|
|
|
5170
5171
|
...props
|
|
5171
5172
|
}) => {
|
|
5172
5173
|
var _a, _b;
|
|
5173
|
-
const [closed, setClosed] = (0,
|
|
5174
|
-
const popUpRef = (0,
|
|
5174
|
+
const [closed, setClosed] = (0, import_react25.useState)(false);
|
|
5175
|
+
const popUpRef = (0, import_react25.useRef)(null);
|
|
5175
5176
|
const formSchema = z6.object({
|
|
5176
5177
|
source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
|
|
5177
5178
|
feedback: z6.string().optional()
|
|
@@ -5191,7 +5192,7 @@ var UserReferralSource = ({
|
|
|
5191
5192
|
label: "Other"
|
|
5192
5193
|
}
|
|
5193
5194
|
];
|
|
5194
|
-
return /* @__PURE__ */
|
|
5195
|
+
return /* @__PURE__ */ import_react25.default.createElement(
|
|
5195
5196
|
"div",
|
|
5196
5197
|
{
|
|
5197
5198
|
className: cn(
|
|
@@ -5200,7 +5201,7 @@ var UserReferralSource = ({
|
|
|
5200
5201
|
),
|
|
5201
5202
|
ref: popUpRef
|
|
5202
5203
|
},
|
|
5203
|
-
/* @__PURE__ */
|
|
5204
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
5204
5205
|
Card,
|
|
5205
5206
|
{
|
|
5206
5207
|
className: cn(
|
|
@@ -5209,7 +5210,7 @@ var UserReferralSource = ({
|
|
|
5209
5210
|
),
|
|
5210
5211
|
dir: props.direction
|
|
5211
5212
|
},
|
|
5212
|
-
/* @__PURE__ */
|
|
5213
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
5213
5214
|
"button",
|
|
5214
5215
|
{
|
|
5215
5216
|
type: "button",
|
|
@@ -5228,7 +5229,7 @@ var UserReferralSource = ({
|
|
|
5228
5229
|
}, 200);
|
|
5229
5230
|
}
|
|
5230
5231
|
},
|
|
5231
|
-
/* @__PURE__ */
|
|
5232
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
5232
5233
|
"svg",
|
|
5233
5234
|
{
|
|
5234
5235
|
"aria-hidden": "true",
|
|
@@ -5236,7 +5237,7 @@ var UserReferralSource = ({
|
|
|
5236
5237
|
fill: "currentColor",
|
|
5237
5238
|
viewBox: "0 0 20 20"
|
|
5238
5239
|
},
|
|
5239
|
-
/* @__PURE__ */
|
|
5240
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
5240
5241
|
"path",
|
|
5241
5242
|
{
|
|
5242
5243
|
fillRule: "evenodd",
|
|
@@ -5246,7 +5247,7 @@ var UserReferralSource = ({
|
|
|
5246
5247
|
)
|
|
5247
5248
|
)
|
|
5248
5249
|
),
|
|
5249
|
-
/* @__PURE__ */
|
|
5250
|
+
/* @__PURE__ */ import_react25.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react25.default.createElement(
|
|
5250
5251
|
"form",
|
|
5251
5252
|
{
|
|
5252
5253
|
noValidate: true,
|
|
@@ -5258,7 +5259,7 @@ var UserReferralSource = ({
|
|
|
5258
5259
|
}
|
|
5259
5260
|
})
|
|
5260
5261
|
},
|
|
5261
|
-
/* @__PURE__ */
|
|
5262
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
5262
5263
|
"div",
|
|
5263
5264
|
{
|
|
5264
5265
|
className: cn(
|
|
@@ -5266,15 +5267,15 @@ var UserReferralSource = ({
|
|
|
5266
5267
|
closed ? "hawa-opacity-0" : "hawa-opacity-100"
|
|
5267
5268
|
)
|
|
5268
5269
|
},
|
|
5269
|
-
/* @__PURE__ */
|
|
5270
|
-
/* @__PURE__ */
|
|
5270
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
|
|
5271
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react25.default.createElement(
|
|
5271
5272
|
import_react_hook_form6.Controller,
|
|
5272
5273
|
{
|
|
5273
5274
|
control,
|
|
5274
5275
|
name: "source",
|
|
5275
5276
|
render: ({ field }) => {
|
|
5276
5277
|
var _a2, _b2;
|
|
5277
|
-
return /* @__PURE__ */
|
|
5278
|
+
return /* @__PURE__ */ import_react25.default.createElement(
|
|
5278
5279
|
Radio,
|
|
5279
5280
|
{
|
|
5280
5281
|
name: "source",
|
|
@@ -5289,14 +5290,14 @@ var UserReferralSource = ({
|
|
|
5289
5290
|
}
|
|
5290
5291
|
}
|
|
5291
5292
|
)),
|
|
5292
|
-
/* @__PURE__ */
|
|
5293
|
+
/* @__PURE__ */ import_react25.default.createElement("div", null, /* @__PURE__ */ import_react25.default.createElement(
|
|
5293
5294
|
import_react_hook_form6.Controller,
|
|
5294
5295
|
{
|
|
5295
5296
|
control,
|
|
5296
5297
|
name: "feedback",
|
|
5297
5298
|
render: ({ field }) => {
|
|
5298
5299
|
var _a2, _b2;
|
|
5299
|
-
return /* @__PURE__ */
|
|
5300
|
+
return /* @__PURE__ */ import_react25.default.createElement(
|
|
5300
5301
|
Textarea,
|
|
5301
5302
|
{
|
|
5302
5303
|
...field,
|
|
@@ -5311,28 +5312,28 @@ var UserReferralSource = ({
|
|
|
5311
5312
|
}
|
|
5312
5313
|
))
|
|
5313
5314
|
),
|
|
5314
|
-
/* @__PURE__ */
|
|
5315
|
+
/* @__PURE__ */ import_react25.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
|
|
5315
5316
|
))
|
|
5316
5317
|
)
|
|
5317
5318
|
);
|
|
5318
5319
|
};
|
|
5319
5320
|
|
|
5320
5321
|
// blocks/feedback/FeedbackRating.tsx
|
|
5321
|
-
var
|
|
5322
|
+
var import_react26 = __toESM(require("react"));
|
|
5322
5323
|
var FeedbackRating = ({
|
|
5323
5324
|
position = "bottom-right",
|
|
5324
5325
|
...props
|
|
5325
5326
|
}) => {
|
|
5326
|
-
const [closed, setClosed] = (0,
|
|
5327
|
-
const [answered, setAnswered] = (0,
|
|
5328
|
-
const [clickedOption, setClickedOption] = (0,
|
|
5329
|
-
const [closingTimer, setClosingTimer] = (0,
|
|
5330
|
-
const popUpRef = (0,
|
|
5327
|
+
const [closed, setClosed] = (0, import_react26.useState)(false);
|
|
5328
|
+
const [answered, setAnswered] = (0, import_react26.useState)(false);
|
|
5329
|
+
const [clickedOption, setClickedOption] = (0, import_react26.useState)(null);
|
|
5330
|
+
const [closingTimer, setClosingTimer] = (0, import_react26.useState)(5);
|
|
5331
|
+
const popUpRef = (0, import_react26.useRef)(null);
|
|
5331
5332
|
const boxPosition = {
|
|
5332
5333
|
"bottom-right": "hawa-right-4",
|
|
5333
5334
|
"bottom-left": "hawa-left-4"
|
|
5334
5335
|
};
|
|
5335
|
-
(0,
|
|
5336
|
+
(0, import_react26.useEffect)(() => {
|
|
5336
5337
|
const timeoutHide = setTimeout(() => {
|
|
5337
5338
|
if (closingTimer >= 0) {
|
|
5338
5339
|
setClosingTimer(closingTimer - 1);
|
|
@@ -5350,7 +5351,7 @@ var FeedbackRating = ({
|
|
|
5350
5351
|
}
|
|
5351
5352
|
}, 200);
|
|
5352
5353
|
};
|
|
5353
|
-
return /* @__PURE__ */
|
|
5354
|
+
return /* @__PURE__ */ import_react26.default.createElement(
|
|
5354
5355
|
"div",
|
|
5355
5356
|
{
|
|
5356
5357
|
ref: popUpRef,
|
|
@@ -5359,7 +5360,7 @@ var FeedbackRating = ({
|
|
|
5359
5360
|
boxPosition[position]
|
|
5360
5361
|
)
|
|
5361
5362
|
},
|
|
5362
|
-
/* @__PURE__ */
|
|
5363
|
+
/* @__PURE__ */ import_react26.default.createElement(
|
|
5363
5364
|
"div",
|
|
5364
5365
|
{
|
|
5365
5366
|
className: cn(
|
|
@@ -5368,8 +5369,8 @@ var FeedbackRating = ({
|
|
|
5368
5369
|
props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
|
|
5369
5370
|
)
|
|
5370
5371
|
},
|
|
5371
|
-
/* @__PURE__ */
|
|
5372
|
-
/* @__PURE__ */
|
|
5372
|
+
/* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
|
|
5373
|
+
/* @__PURE__ */ import_react26.default.createElement(
|
|
5373
5374
|
"button",
|
|
5374
5375
|
{
|
|
5375
5376
|
type: "button",
|
|
@@ -5378,7 +5379,7 @@ var FeedbackRating = ({
|
|
|
5378
5379
|
"aria-label": "Close",
|
|
5379
5380
|
onClick: () => slowClose()
|
|
5380
5381
|
},
|
|
5381
|
-
/* @__PURE__ */
|
|
5382
|
+
/* @__PURE__ */ import_react26.default.createElement(
|
|
5382
5383
|
"svg",
|
|
5383
5384
|
{
|
|
5384
5385
|
"aria-hidden": "true",
|
|
@@ -5386,7 +5387,7 @@ var FeedbackRating = ({
|
|
|
5386
5387
|
fill: "currentColor",
|
|
5387
5388
|
viewBox: "0 0 20 20"
|
|
5388
5389
|
},
|
|
5389
|
-
/* @__PURE__ */
|
|
5390
|
+
/* @__PURE__ */ import_react26.default.createElement(
|
|
5390
5391
|
"path",
|
|
5391
5392
|
{
|
|
5392
5393
|
fillRule: "evenodd",
|
|
@@ -5396,8 +5397,8 @@ var FeedbackRating = ({
|
|
|
5396
5397
|
)
|
|
5397
5398
|
)
|
|
5398
5399
|
),
|
|
5399
|
-
/* @__PURE__ */
|
|
5400
|
-
/* @__PURE__ */
|
|
5400
|
+
/* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-mt-8" }, props.question),
|
|
5401
|
+
/* @__PURE__ */ import_react26.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_react26.default.createElement(
|
|
5401
5402
|
"span",
|
|
5402
5403
|
{
|
|
5403
5404
|
key: i,
|
|
@@ -5425,24 +5426,24 @@ var FeedbackRating = ({
|
|
|
5425
5426
|
},
|
|
5426
5427
|
op
|
|
5427
5428
|
))),
|
|
5428
|
-
props.texts && /* @__PURE__ */
|
|
5429
|
-
answered && /* @__PURE__ */
|
|
5429
|
+
props.texts && /* @__PURE__ */ import_react26.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react26.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react26.default.createElement("span", null, props.texts.most)),
|
|
5430
|
+
answered && /* @__PURE__ */ import_react26.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_react26.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react26.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
|
|
5430
5431
|
)
|
|
5431
5432
|
);
|
|
5432
5433
|
};
|
|
5433
5434
|
|
|
5434
5435
|
// blocks/feedback/FeedbackEmoji.tsx
|
|
5435
|
-
var
|
|
5436
|
+
var import_react27 = __toESM(require("react"));
|
|
5436
5437
|
var FeedbackEmoji = (props) => {
|
|
5437
|
-
const [selectedEmoji, setSelectedEmoji] = (0,
|
|
5438
|
-
const [loadingSubmit, setLoadingSubmit] = (0,
|
|
5439
|
-
const [feedbackText, setFeedbackText] = (0,
|
|
5440
|
-
const [helperText, setHelperText] = (0,
|
|
5438
|
+
const [selectedEmoji, setSelectedEmoji] = (0, import_react27.useState)(null);
|
|
5439
|
+
const [loadingSubmit, setLoadingSubmit] = (0, import_react27.useState)(false);
|
|
5440
|
+
const [feedbackText, setFeedbackText] = (0, import_react27.useState)("");
|
|
5441
|
+
const [helperText, setHelperText] = (0, import_react27.useState)(false);
|
|
5441
5442
|
let emojis = [
|
|
5442
|
-
{ icon: /* @__PURE__ */
|
|
5443
|
-
{ icon: /* @__PURE__ */
|
|
5444
|
-
{ icon: /* @__PURE__ */
|
|
5445
|
-
{ icon: /* @__PURE__ */
|
|
5443
|
+
{ icon: /* @__PURE__ */ import_react27.default.createElement(VeryGoodEmoji, null), value: "very-good" },
|
|
5444
|
+
{ icon: /* @__PURE__ */ import_react27.default.createElement(GoodEmoji, null), value: "good" },
|
|
5445
|
+
{ icon: /* @__PURE__ */ import_react27.default.createElement(BadEmoji, null), value: "bad" },
|
|
5446
|
+
{ icon: /* @__PURE__ */ import_react27.default.createElement(VeryBadEmoji, null), value: "very-bad" }
|
|
5446
5447
|
];
|
|
5447
5448
|
const onFeedbackSubmit = async () => {
|
|
5448
5449
|
if (feedbackText) {
|
|
@@ -5462,7 +5463,7 @@ var FeedbackEmoji = (props) => {
|
|
|
5462
5463
|
setHelperText(true);
|
|
5463
5464
|
}
|
|
5464
5465
|
};
|
|
5465
|
-
return /* @__PURE__ */
|
|
5466
|
+
return /* @__PURE__ */ import_react27.default.createElement(
|
|
5466
5467
|
"div",
|
|
5467
5468
|
{
|
|
5468
5469
|
className: cn(
|
|
@@ -5470,7 +5471,7 @@ var FeedbackEmoji = (props) => {
|
|
|
5470
5471
|
selectedEmoji ? "hawa-h-[189px] hawa-min-w-fit" : "hawa-h-[44px] "
|
|
5471
5472
|
)
|
|
5472
5473
|
},
|
|
5473
|
-
/* @__PURE__ */
|
|
5474
|
+
/* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react27.default.createElement(
|
|
5474
5475
|
Button,
|
|
5475
5476
|
{
|
|
5476
5477
|
key: i,
|
|
@@ -5489,7 +5490,7 @@ var FeedbackEmoji = (props) => {
|
|
|
5489
5490
|
},
|
|
5490
5491
|
emoji.icon
|
|
5491
5492
|
)))),
|
|
5492
|
-
/* @__PURE__ */
|
|
5493
|
+
/* @__PURE__ */ import_react27.default.createElement(
|
|
5493
5494
|
"div",
|
|
5494
5495
|
{
|
|
5495
5496
|
className: cn(
|
|
@@ -5497,7 +5498,7 @@ var FeedbackEmoji = (props) => {
|
|
|
5497
5498
|
selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
|
|
5498
5499
|
)
|
|
5499
5500
|
},
|
|
5500
|
-
props.showSuccess ? /* @__PURE__ */
|
|
5501
|
+
props.showSuccess ? /* @__PURE__ */ import_react27.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_react27.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
5501
5502
|
"svg",
|
|
5502
5503
|
{
|
|
5503
5504
|
stroke: "currentColor",
|
|
@@ -5507,13 +5508,13 @@ var FeedbackEmoji = (props) => {
|
|
|
5507
5508
|
height: "0.5em",
|
|
5508
5509
|
width: "0.5em"
|
|
5509
5510
|
},
|
|
5510
|
-
/* @__PURE__ */
|
|
5511
|
-
)), /* @__PURE__ */
|
|
5511
|
+
/* @__PURE__ */ import_react27.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" })
|
|
5512
|
+
)), /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react27.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react27.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react27.default.createElement(
|
|
5512
5513
|
Popover,
|
|
5513
5514
|
{
|
|
5514
5515
|
className: "hawa-select-none hawa-p-1 hawa-text-xs ",
|
|
5515
5516
|
open: helperText,
|
|
5516
|
-
trigger: /* @__PURE__ */
|
|
5517
|
+
trigger: /* @__PURE__ */ import_react27.default.createElement(
|
|
5517
5518
|
Textarea,
|
|
5518
5519
|
{
|
|
5519
5520
|
classNames: {
|
|
@@ -5531,8 +5532,8 @@ var FeedbackEmoji = (props) => {
|
|
|
5531
5532
|
}
|
|
5532
5533
|
)
|
|
5533
5534
|
},
|
|
5534
|
-
/* @__PURE__ */
|
|
5535
|
-
), /* @__PURE__ */
|
|
5535
|
+
/* @__PURE__ */ import_react27.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
|
|
5536
|
+
), /* @__PURE__ */ import_react27.default.createElement(
|
|
5536
5537
|
Button,
|
|
5537
5538
|
{
|
|
5538
5539
|
isLoading: loadingSubmit,
|
|
@@ -5547,7 +5548,7 @@ var FeedbackEmoji = (props) => {
|
|
|
5547
5548
|
};
|
|
5548
5549
|
|
|
5549
5550
|
// blocks/feedback/FeedbackForm.tsx
|
|
5550
|
-
var
|
|
5551
|
+
var import_react28 = __toESM(require("react"));
|
|
5551
5552
|
var import_react_hook_form7 = require("react-hook-form");
|
|
5552
5553
|
var import_zod7 = require("@hookform/resolvers/zod");
|
|
5553
5554
|
var z7 = __toESM(require("zod"));
|
|
@@ -5561,7 +5562,7 @@ var FeedbackForm = (props) => {
|
|
|
5561
5562
|
resolver: (0, import_zod7.zodResolver)(formSchema),
|
|
5562
5563
|
defaultValues: { requestType: "", description: "" }
|
|
5563
5564
|
});
|
|
5564
|
-
return /* @__PURE__ */
|
|
5565
|
+
return /* @__PURE__ */ import_react28.default.createElement(
|
|
5565
5566
|
Card,
|
|
5566
5567
|
{
|
|
5567
5568
|
className: cn(
|
|
@@ -5569,7 +5570,7 @@ var FeedbackForm = (props) => {
|
|
|
5569
5570
|
),
|
|
5570
5571
|
style: props.cardless ? { boxShadow: "none" } : void 0
|
|
5571
5572
|
},
|
|
5572
|
-
/* @__PURE__ */
|
|
5573
|
+
/* @__PURE__ */ import_react28.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react28.default.createElement(
|
|
5573
5574
|
"form",
|
|
5574
5575
|
{
|
|
5575
5576
|
noValidate: true,
|
|
@@ -5582,15 +5583,15 @@ var FeedbackForm = (props) => {
|
|
|
5582
5583
|
}),
|
|
5583
5584
|
className: "hawa-flex hawa-flex-col hawa-gap-2"
|
|
5584
5585
|
},
|
|
5585
|
-
/* @__PURE__ */
|
|
5586
|
-
/* @__PURE__ */
|
|
5586
|
+
/* @__PURE__ */ import_react28.default.createElement(Label, null),
|
|
5587
|
+
/* @__PURE__ */ import_react28.default.createElement(
|
|
5587
5588
|
import_react_hook_form7.Controller,
|
|
5588
5589
|
{
|
|
5589
5590
|
name: "requestType",
|
|
5590
5591
|
control,
|
|
5591
5592
|
render: ({ field }) => {
|
|
5592
5593
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
5593
|
-
return /* @__PURE__ */
|
|
5594
|
+
return /* @__PURE__ */ import_react28.default.createElement(
|
|
5594
5595
|
Select,
|
|
5595
5596
|
{
|
|
5596
5597
|
...field,
|
|
@@ -5608,14 +5609,14 @@ var FeedbackForm = (props) => {
|
|
|
5608
5609
|
}
|
|
5609
5610
|
}
|
|
5610
5611
|
),
|
|
5611
|
-
/* @__PURE__ */
|
|
5612
|
+
/* @__PURE__ */ import_react28.default.createElement(
|
|
5612
5613
|
import_react_hook_form7.Controller,
|
|
5613
5614
|
{
|
|
5614
5615
|
name: "description",
|
|
5615
5616
|
control,
|
|
5616
5617
|
render: ({ field }) => {
|
|
5617
5618
|
var _a2, _b2, _c2, _d2, _e2, _f2;
|
|
5618
|
-
return /* @__PURE__ */
|
|
5619
|
+
return /* @__PURE__ */ import_react28.default.createElement(
|
|
5619
5620
|
Textarea,
|
|
5620
5621
|
{
|
|
5621
5622
|
helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
|
|
@@ -5633,13 +5634,13 @@ var FeedbackForm = (props) => {
|
|
|
5633
5634
|
}
|
|
5634
5635
|
}
|
|
5635
5636
|
),
|
|
5636
|
-
/* @__PURE__ */
|
|
5637
|
+
/* @__PURE__ */ import_react28.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
|
|
5637
5638
|
))
|
|
5638
5639
|
);
|
|
5639
5640
|
};
|
|
5640
5641
|
|
|
5641
5642
|
// blocks/misc/LegalTexts.tsx
|
|
5642
|
-
var
|
|
5643
|
+
var import_react46 = __toESM(require("react"));
|
|
5643
5644
|
|
|
5644
5645
|
// elements/scrollArea/ScrollArea.tsx
|
|
5645
5646
|
var React34 = __toESM(require("react"));
|
|
@@ -5685,57 +5686,57 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
|
5685
5686
|
var React46 = __toESM(require("react"));
|
|
5686
5687
|
|
|
5687
5688
|
// hooks/useIsomorphicEffect.ts
|
|
5688
|
-
var
|
|
5689
|
+
var import_react29 = require("react");
|
|
5689
5690
|
|
|
5690
5691
|
// hooks/useDiscloser.ts
|
|
5691
|
-
var
|
|
5692
|
+
var import_react30 = require("react");
|
|
5692
5693
|
|
|
5693
5694
|
// hooks/useHover.ts
|
|
5694
|
-
var
|
|
5695
|
+
var import_react31 = require("react");
|
|
5695
5696
|
|
|
5696
5697
|
// hooks/useToast.ts
|
|
5697
5698
|
var React37 = __toESM(require("react"));
|
|
5698
5699
|
|
|
5699
5700
|
// hooks/useCarousel.ts
|
|
5700
|
-
var
|
|
5701
|
+
var import_react32 = require("react");
|
|
5701
5702
|
|
|
5702
5703
|
// hooks/useDialogCarousel.ts
|
|
5703
|
-
var
|
|
5704
|
+
var import_react33 = require("react");
|
|
5704
5705
|
var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
|
|
5705
5706
|
var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
|
|
5706
5707
|
|
|
5707
5708
|
// hooks/useDialogSteps.ts
|
|
5708
|
-
var
|
|
5709
|
+
var import_react34 = require("react");
|
|
5709
5710
|
|
|
5710
5711
|
// hooks/useClipboard.ts
|
|
5711
|
-
var
|
|
5712
|
+
var import_react35 = require("react");
|
|
5712
5713
|
|
|
5713
5714
|
// hooks/useBreakpoint.ts
|
|
5714
|
-
var
|
|
5715
|
+
var import_react36 = require("react");
|
|
5715
5716
|
|
|
5716
5717
|
// hooks/useWindowSize.ts
|
|
5717
|
-
var
|
|
5718
|
+
var import_react37 = require("react");
|
|
5718
5719
|
|
|
5719
5720
|
// hooks/useFocusWithin.ts
|
|
5720
|
-
var
|
|
5721
|
+
var import_react38 = require("react");
|
|
5721
5722
|
|
|
5722
5723
|
// hooks/useMediaQuery.ts
|
|
5723
|
-
var
|
|
5724
|
+
var import_react39 = require("react");
|
|
5724
5725
|
|
|
5725
5726
|
// hooks/useScrollPosition.ts
|
|
5726
|
-
var
|
|
5727
|
+
var import_react40 = require("react");
|
|
5727
5728
|
|
|
5728
5729
|
// hooks/useTable.ts
|
|
5729
|
-
var
|
|
5730
|
+
var import_react41 = require("react");
|
|
5730
5731
|
|
|
5731
5732
|
// hooks/useTabs.ts
|
|
5732
|
-
var
|
|
5733
|
+
var import_react42 = require("react");
|
|
5733
5734
|
|
|
5734
5735
|
// hooks/useMeasureDirty.ts
|
|
5735
|
-
var
|
|
5736
|
+
var import_react43 = require("react");
|
|
5736
5737
|
var useMeasureDirty = (ref) => {
|
|
5737
|
-
const frame = (0,
|
|
5738
|
-
const [rect, set] = (0,
|
|
5738
|
+
const frame = (0, import_react43.useRef)(0);
|
|
5739
|
+
const [rect, set] = (0, import_react43.useState)({
|
|
5739
5740
|
width: 0,
|
|
5740
5741
|
height: 0,
|
|
5741
5742
|
top: 0,
|
|
@@ -5743,7 +5744,7 @@ var useMeasureDirty = (ref) => {
|
|
|
5743
5744
|
bottom: 0,
|
|
5744
5745
|
right: 0
|
|
5745
5746
|
});
|
|
5746
|
-
const [observer] = (0,
|
|
5747
|
+
const [observer] = (0, import_react43.useState)(
|
|
5747
5748
|
() => new ResizeObserver((entries) => {
|
|
5748
5749
|
const entry = entries[0];
|
|
5749
5750
|
if (entry) {
|
|
@@ -5756,7 +5757,7 @@ var useMeasureDirty = (ref) => {
|
|
|
5756
5757
|
}
|
|
5757
5758
|
})
|
|
5758
5759
|
);
|
|
5759
|
-
(0,
|
|
5760
|
+
(0, import_react43.useEffect)(() => {
|
|
5760
5761
|
observer.disconnect();
|
|
5761
5762
|
if (ref.current) {
|
|
5762
5763
|
observer.observe(ref.current);
|
|
@@ -5766,15 +5767,15 @@ var useMeasureDirty = (ref) => {
|
|
|
5766
5767
|
};
|
|
5767
5768
|
|
|
5768
5769
|
// hooks/useOutsideClick.ts
|
|
5769
|
-
var
|
|
5770
|
+
var import_react44 = __toESM(require("react"));
|
|
5770
5771
|
|
|
5771
5772
|
// elements/tabs/Tabs.tsx
|
|
5772
5773
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
5773
5774
|
var import_tailwind_variants = require("tailwind-variants");
|
|
5774
5775
|
|
|
5775
5776
|
// elements/chip/Chip.tsx
|
|
5776
|
-
var
|
|
5777
|
-
var Chip =
|
|
5777
|
+
var import_react45 = __toESM(require("react"));
|
|
5778
|
+
var Chip = import_react45.default.forwardRef(
|
|
5778
5779
|
({
|
|
5779
5780
|
label,
|
|
5780
5781
|
size = "normal",
|
|
@@ -5816,7 +5817,7 @@ var Chip = import_react44.default.forwardRef(
|
|
|
5816
5817
|
oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
|
|
5817
5818
|
};
|
|
5818
5819
|
if (label) {
|
|
5819
|
-
return /* @__PURE__ */
|
|
5820
|
+
return /* @__PURE__ */ import_react45.default.createElement(
|
|
5820
5821
|
"span",
|
|
5821
5822
|
{
|
|
5822
5823
|
...rest,
|
|
@@ -5828,7 +5829,7 @@ var Chip = import_react44.default.forwardRef(
|
|
|
5828
5829
|
color ? colorStyles[color] : "hawa-border hawa-bg-none"
|
|
5829
5830
|
)
|
|
5830
5831
|
},
|
|
5831
|
-
dotType && /* @__PURE__ */
|
|
5832
|
+
dotType && /* @__PURE__ */ import_react45.default.createElement(
|
|
5832
5833
|
"span",
|
|
5833
5834
|
{
|
|
5834
5835
|
className: cn(dotStyles[size], dotTypeStyles[dotType])
|
|
@@ -5838,7 +5839,7 @@ var Chip = import_react44.default.forwardRef(
|
|
|
5838
5839
|
label
|
|
5839
5840
|
);
|
|
5840
5841
|
} else {
|
|
5841
|
-
return /* @__PURE__ */
|
|
5842
|
+
return /* @__PURE__ */ import_react45.default.createElement(
|
|
5842
5843
|
"span",
|
|
5843
5844
|
{
|
|
5844
5845
|
...rest,
|
|
@@ -6044,7 +6045,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
|
6044
6045
|
|
|
6045
6046
|
// blocks/misc/LegalTexts.tsx
|
|
6046
6047
|
var LegalTexts = ({ tabs, ...props }) => {
|
|
6047
|
-
return /* @__PURE__ */
|
|
6048
|
+
return /* @__PURE__ */ import_react46.default.createElement(
|
|
6048
6049
|
Tabs,
|
|
6049
6050
|
{
|
|
6050
6051
|
value: props.activeTab,
|
|
@@ -6052,8 +6053,8 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
|
6052
6053
|
defaultValue: props.defaultTab || tabs[0].value,
|
|
6053
6054
|
dir: props.direction
|
|
6054
6055
|
},
|
|
6055
|
-
/* @__PURE__ */
|
|
6056
|
-
tabs.map((tab, index) => /* @__PURE__ */
|
|
6056
|
+
/* @__PURE__ */ import_react46.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react46.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
|
|
6057
|
+
tabs.map((tab, index) => /* @__PURE__ */ import_react46.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react46.default.createElement(
|
|
6057
6058
|
ScrollArea,
|
|
6058
6059
|
{
|
|
6059
6060
|
className: cn(
|
|
@@ -6067,9 +6068,9 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
|
6067
6068
|
};
|
|
6068
6069
|
|
|
6069
6070
|
// blocks/misc/EmptyState.tsx
|
|
6070
|
-
var
|
|
6071
|
+
var import_react47 = __toESM(require("react"));
|
|
6071
6072
|
var EmptyState = ({ texts, onActionClick }) => {
|
|
6072
|
-
return /* @__PURE__ */
|
|
6073
|
+
return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react47.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_react47.default.createElement(
|
|
6073
6074
|
"svg",
|
|
6074
6075
|
{
|
|
6075
6076
|
stroke: "currentColor",
|
|
@@ -6079,30 +6080,30 @@ var EmptyState = ({ texts, onActionClick }) => {
|
|
|
6079
6080
|
height: "0.35em",
|
|
6080
6081
|
width: "0.35em"
|
|
6081
6082
|
},
|
|
6082
|
-
/* @__PURE__ */
|
|
6083
|
-
)), /* @__PURE__ */
|
|
6083
|
+
/* @__PURE__ */ import_react47.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" })
|
|
6084
|
+
)), /* @__PURE__ */ import_react47.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_react47.default.createElement(CardFooter, null, /* @__PURE__ */ import_react47.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
|
|
6084
6085
|
};
|
|
6085
6086
|
|
|
6086
6087
|
// blocks/misc/Testimonial.tsx
|
|
6087
|
-
var
|
|
6088
|
+
var import_react48 = __toESM(require("react"));
|
|
6088
6089
|
var Testimonial = () => {
|
|
6089
|
-
return /* @__PURE__ */
|
|
6090
|
+
return /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react48.default.createElement("div", null, /* @__PURE__ */ import_react48.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_react48.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react48.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react48.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react48.default.createElement(
|
|
6090
6091
|
"path",
|
|
6091
6092
|
{
|
|
6092
6093
|
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",
|
|
6093
6094
|
fill: "#FFFFFF"
|
|
6094
6095
|
}
|
|
6095
|
-
), /* @__PURE__ */
|
|
6096
|
+
), /* @__PURE__ */ import_react48.default.createElement(
|
|
6096
6097
|
"path",
|
|
6097
6098
|
{
|
|
6098
6099
|
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",
|
|
6099
6100
|
fill: "#FFFFFF"
|
|
6100
6101
|
}
|
|
6101
|
-
)), /* @__PURE__ */
|
|
6102
|
+
)), /* @__PURE__ */ import_react48.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react48.default.createElement("div", null, /* @__PURE__ */ import_react48.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react48.default.createElement("div", null, " Chief Information Security Officer")))));
|
|
6102
6103
|
};
|
|
6103
6104
|
|
|
6104
6105
|
// blocks/misc/LeadGenerator.tsx
|
|
6105
|
-
var
|
|
6106
|
+
var import_react49 = __toESM(require("react"));
|
|
6106
6107
|
var import_react_hook_form8 = require("react-hook-form");
|
|
6107
6108
|
var LeadGenerator = ({ texts, submitHandler }) => {
|
|
6108
6109
|
var _a;
|
|
@@ -6114,14 +6115,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
|
6114
6115
|
console.log("handleNewsletterSub props was not provided");
|
|
6115
6116
|
}
|
|
6116
6117
|
};
|
|
6117
|
-
return /* @__PURE__ */
|
|
6118
|
+
return /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardHeader, null, /* @__PURE__ */ import_react49.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react49.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react49.default.createElement(CardContent, null, /* @__PURE__ */ import_react49.default.createElement(
|
|
6118
6119
|
"form",
|
|
6119
6120
|
{
|
|
6120
6121
|
noValidate: true,
|
|
6121
6122
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
|
6122
6123
|
onSubmit: handleSubmit(onSubmit)
|
|
6123
6124
|
},
|
|
6124
|
-
/* @__PURE__ */
|
|
6125
|
+
/* @__PURE__ */ import_react49.default.createElement(
|
|
6125
6126
|
import_react_hook_form8.Controller,
|
|
6126
6127
|
{
|
|
6127
6128
|
name: "email",
|
|
@@ -6134,27 +6135,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
|
6134
6135
|
}
|
|
6135
6136
|
},
|
|
6136
6137
|
defaultValue: "",
|
|
6137
|
-
render: ({ field }) => /* @__PURE__ */
|
|
6138
|
+
render: ({ field }) => /* @__PURE__ */ import_react49.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
|
|
6138
6139
|
}
|
|
6139
6140
|
),
|
|
6140
|
-
/* @__PURE__ */
|
|
6141
|
+
/* @__PURE__ */ import_react49.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
|
|
6141
6142
|
)));
|
|
6142
6143
|
};
|
|
6143
6144
|
|
|
6144
6145
|
// blocks/misc/Announcement.tsx
|
|
6145
|
-
var
|
|
6146
|
+
var import_react50 = __toESM(require("react"));
|
|
6146
6147
|
var Announcement = ({
|
|
6147
6148
|
onActionClick,
|
|
6148
6149
|
...props
|
|
6149
6150
|
}) => {
|
|
6150
|
-
return /* @__PURE__ */
|
|
6151
|
+
return /* @__PURE__ */ import_react50.default.createElement(Card, null, /* @__PURE__ */ import_react50.default.createElement(
|
|
6151
6152
|
CardContent,
|
|
6152
6153
|
{
|
|
6153
6154
|
headless: true,
|
|
6154
6155
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
|
6155
6156
|
},
|
|
6156
|
-
/* @__PURE__ */
|
|
6157
|
-
/* @__PURE__ */
|
|
6157
|
+
/* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react50.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react50.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
|
|
6158
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
|
6158
6159
|
Button,
|
|
6159
6160
|
{
|
|
6160
6161
|
onClick: () => onActionClick(),
|
|
@@ -6166,15 +6167,15 @@ var Announcement = ({
|
|
|
6166
6167
|
};
|
|
6167
6168
|
|
|
6168
6169
|
// blocks/misc/NotFound.tsx
|
|
6169
|
-
var
|
|
6170
|
+
var import_react51 = __toESM(require("react"));
|
|
6170
6171
|
var NotFound = ({ texts }) => {
|
|
6171
|
-
return /* @__PURE__ */
|
|
6172
|
+
return /* @__PURE__ */ import_react51.default.createElement(Card, null, /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react51.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_react51.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react51.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react51.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
|
|
6172
6173
|
};
|
|
6173
6174
|
|
|
6174
6175
|
// blocks/misc/NoPermission.tsx
|
|
6175
|
-
var
|
|
6176
|
+
var import_react52 = __toESM(require("react"));
|
|
6176
6177
|
var NoPermission = ({ texts }) => {
|
|
6177
|
-
return /* @__PURE__ */
|
|
6178
|
+
return /* @__PURE__ */ import_react52.default.createElement(Card, null, /* @__PURE__ */ import_react52.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react52.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_react52.default.createElement(
|
|
6178
6179
|
"svg",
|
|
6179
6180
|
{
|
|
6180
6181
|
stroke: "currentColor",
|
|
@@ -6184,12 +6185,12 @@ var NoPermission = ({ texts }) => {
|
|
|
6184
6185
|
height: "0.35em",
|
|
6185
6186
|
width: "0.35em"
|
|
6186
6187
|
},
|
|
6187
|
-
/* @__PURE__ */
|
|
6188
|
-
)), /* @__PURE__ */
|
|
6188
|
+
/* @__PURE__ */ import_react52.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" })
|
|
6189
|
+
)), /* @__PURE__ */ import_react52.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_react52.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"))));
|
|
6189
6190
|
};
|
|
6190
6191
|
|
|
6191
6192
|
// blocks/misc/ContactForm.tsx
|
|
6192
|
-
var
|
|
6193
|
+
var import_react53 = __toESM(require("react"));
|
|
6193
6194
|
var import_react_hook_form9 = require("react-hook-form");
|
|
6194
6195
|
var import_zod8 = require("@hookform/resolvers/zod");
|
|
6195
6196
|
var z8 = __toESM(require("zod"));
|
|
@@ -6262,7 +6263,7 @@ var ContactForm = ({
|
|
|
6262
6263
|
console.log("Form is submitted but onSubmit prop is missing");
|
|
6263
6264
|
}
|
|
6264
6265
|
};
|
|
6265
|
-
return /* @__PURE__ */
|
|
6266
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6266
6267
|
Card,
|
|
6267
6268
|
{
|
|
6268
6269
|
className: cn(
|
|
@@ -6271,7 +6272,7 @@ var ContactForm = ({
|
|
|
6271
6272
|
),
|
|
6272
6273
|
style: cardless ? { boxShadow: "none" } : void 0
|
|
6273
6274
|
},
|
|
6274
|
-
/* @__PURE__ */
|
|
6275
|
+
/* @__PURE__ */ import_react53.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, props.showSuccess ? /* @__PURE__ */ import_react53.default.createElement(CardHeader, null, /* @__PURE__ */ import_react53.default.createElement(CardTitle, null, ((_d = texts == null ? void 0 : texts.success) == null ? void 0 : _d.title) || "Message Sent! \u{1F389}"), /* @__PURE__ */ import_react53.default.createElement(CardDescription, null, ((_e = texts == null ? void 0 : texts.success) == null ? void 0 : _e.description) || "Thank you for your submission, we will get back to you as soon as possible.")) : /* @__PURE__ */ import_react53.default.createElement(
|
|
6275
6276
|
"form",
|
|
6276
6277
|
{
|
|
6277
6278
|
noValidate: true,
|
|
@@ -6280,7 +6281,7 @@ var ContactForm = ({
|
|
|
6280
6281
|
id: formId,
|
|
6281
6282
|
autoComplete: formAutoComplete
|
|
6282
6283
|
},
|
|
6283
|
-
/* @__PURE__ */
|
|
6284
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
|
6284
6285
|
"div",
|
|
6285
6286
|
{
|
|
6286
6287
|
className: cn(
|
|
@@ -6291,14 +6292,14 @@ var ContactForm = ({
|
|
|
6291
6292
|
}
|
|
6292
6293
|
)
|
|
6293
6294
|
},
|
|
6294
|
-
/* @__PURE__ */
|
|
6295
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
|
6295
6296
|
import_react_hook_form9.Controller,
|
|
6296
6297
|
{
|
|
6297
6298
|
control,
|
|
6298
6299
|
name: "name",
|
|
6299
6300
|
render: ({ field }) => {
|
|
6300
6301
|
var _a2;
|
|
6301
|
-
return /* @__PURE__ */
|
|
6302
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6302
6303
|
Input,
|
|
6303
6304
|
{
|
|
6304
6305
|
label: (texts == null ? void 0 : texts.name.label) || "Name",
|
|
@@ -6311,14 +6312,14 @@ var ContactForm = ({
|
|
|
6311
6312
|
}
|
|
6312
6313
|
}
|
|
6313
6314
|
),
|
|
6314
|
-
/* @__PURE__ */
|
|
6315
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
|
6315
6316
|
import_react_hook_form9.Controller,
|
|
6316
6317
|
{
|
|
6317
6318
|
control,
|
|
6318
6319
|
name: "email",
|
|
6319
6320
|
render: ({ field }) => {
|
|
6320
6321
|
var _a2;
|
|
6321
|
-
return /* @__PURE__ */
|
|
6322
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6322
6323
|
Input,
|
|
6323
6324
|
{
|
|
6324
6325
|
label: (texts == null ? void 0 : texts.email.label) || "Email",
|
|
@@ -6334,7 +6335,7 @@ var ContactForm = ({
|
|
|
6334
6335
|
),
|
|
6335
6336
|
customFields && customFields.map((customField) => {
|
|
6336
6337
|
console.log("custom", customField);
|
|
6337
|
-
return /* @__PURE__ */
|
|
6338
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6338
6339
|
import_react_hook_form9.Controller,
|
|
6339
6340
|
{
|
|
6340
6341
|
control,
|
|
@@ -6344,7 +6345,7 @@ var ContactForm = ({
|
|
|
6344
6345
|
switch (type) {
|
|
6345
6346
|
case "text":
|
|
6346
6347
|
case "number":
|
|
6347
|
-
return /* @__PURE__ */
|
|
6348
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6348
6349
|
Input,
|
|
6349
6350
|
{
|
|
6350
6351
|
id: customField.name,
|
|
@@ -6355,7 +6356,7 @@ var ContactForm = ({
|
|
|
6355
6356
|
}
|
|
6356
6357
|
);
|
|
6357
6358
|
case "select":
|
|
6358
|
-
return /* @__PURE__ */
|
|
6359
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6359
6360
|
Select,
|
|
6360
6361
|
{
|
|
6361
6362
|
label,
|
|
@@ -6365,20 +6366,20 @@ var ContactForm = ({
|
|
|
6365
6366
|
}
|
|
6366
6367
|
);
|
|
6367
6368
|
default:
|
|
6368
|
-
return /* @__PURE__ */
|
|
6369
|
+
return /* @__PURE__ */ import_react53.default.createElement("div", null, "Unknown type");
|
|
6369
6370
|
}
|
|
6370
6371
|
}
|
|
6371
6372
|
}
|
|
6372
6373
|
);
|
|
6373
6374
|
}),
|
|
6374
|
-
/* @__PURE__ */
|
|
6375
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
|
6375
6376
|
import_react_hook_form9.Controller,
|
|
6376
6377
|
{
|
|
6377
6378
|
control,
|
|
6378
6379
|
name: "message",
|
|
6379
6380
|
render: ({ field }) => {
|
|
6380
6381
|
var _a2;
|
|
6381
|
-
return /* @__PURE__ */
|
|
6382
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
|
6382
6383
|
Textarea,
|
|
6383
6384
|
{
|
|
6384
6385
|
label: (texts == null ? void 0 : texts.message.label) || "Message",
|
|
@@ -6395,19 +6396,19 @@ var ContactForm = ({
|
|
|
6395
6396
|
}
|
|
6396
6397
|
}
|
|
6397
6398
|
),
|
|
6398
|
-
/* @__PURE__ */
|
|
6399
|
+
/* @__PURE__ */ import_react53.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
|
|
6399
6400
|
))
|
|
6400
6401
|
);
|
|
6401
6402
|
};
|
|
6402
6403
|
|
|
6403
6404
|
// blocks/pricing/PricingPlans.tsx
|
|
6404
|
-
var
|
|
6405
|
+
var import_react59 = __toESM(require("react"));
|
|
6405
6406
|
|
|
6406
6407
|
// blocks/cards/ActionCard.tsx
|
|
6407
|
-
var
|
|
6408
|
+
var import_react54 = __toESM(require("react"));
|
|
6408
6409
|
var ActionCard = (props) => {
|
|
6409
|
-
const [hovered, setHovered] = (0,
|
|
6410
|
-
return /* @__PURE__ */
|
|
6410
|
+
const [hovered, setHovered] = (0, import_react54.useState)(false);
|
|
6411
|
+
return /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react54.default.createElement(
|
|
6411
6412
|
"div",
|
|
6412
6413
|
{
|
|
6413
6414
|
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",
|
|
@@ -6417,7 +6418,7 @@ var ActionCard = (props) => {
|
|
|
6417
6418
|
onMouseEnter: () => setHovered(true),
|
|
6418
6419
|
onMouseLeave: () => setHovered(false)
|
|
6419
6420
|
},
|
|
6420
|
-
props.blank ? /* @__PURE__ */
|
|
6421
|
+
props.blank ? /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react54.default.createElement(
|
|
6421
6422
|
"svg",
|
|
6422
6423
|
{
|
|
6423
6424
|
className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
|
|
@@ -6429,11 +6430,11 @@ var ActionCard = (props) => {
|
|
|
6429
6430
|
width: "1em",
|
|
6430
6431
|
xmlns: "http://www.w3.org/2000/svg"
|
|
6431
6432
|
},
|
|
6432
|
-
/* @__PURE__ */
|
|
6433
|
-
)) : /* @__PURE__ */
|
|
6434
|
-
/* @__PURE__ */
|
|
6435
|
-
!props.blank && /* @__PURE__ */
|
|
6436
|
-
), /* @__PURE__ */
|
|
6433
|
+
/* @__PURE__ */ import_react54.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
|
|
6434
|
+
)) : /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
|
|
6435
|
+
/* @__PURE__ */ import_react54.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),
|
|
6436
|
+
!props.blank && /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react54.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react54.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
|
|
6437
|
+
), /* @__PURE__ */ import_react54.default.createElement(
|
|
6437
6438
|
"div",
|
|
6438
6439
|
{
|
|
6439
6440
|
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"}`
|
|
@@ -6443,15 +6444,15 @@ var ActionCard = (props) => {
|
|
|
6443
6444
|
};
|
|
6444
6445
|
|
|
6445
6446
|
// blocks/cards/AdCard.tsx
|
|
6446
|
-
var
|
|
6447
|
+
var import_react55 = __toESM(require("react"));
|
|
6447
6448
|
var AdCard = ({
|
|
6448
6449
|
orientation = "vertical",
|
|
6449
6450
|
...props
|
|
6450
6451
|
}) => {
|
|
6451
|
-
const adRef = (0,
|
|
6452
|
-
const [closed, setClosed] = (0,
|
|
6452
|
+
const adRef = (0, import_react55.useRef)(null);
|
|
6453
|
+
const [closed, setClosed] = (0, import_react55.useState)(false);
|
|
6453
6454
|
let duration = 0;
|
|
6454
|
-
(0,
|
|
6455
|
+
(0, import_react55.useEffect)(() => {
|
|
6455
6456
|
if (duration) {
|
|
6456
6457
|
const timeoutHide = setTimeout(() => {
|
|
6457
6458
|
setClosed(true);
|
|
@@ -6476,21 +6477,21 @@ var AdCard = ({
|
|
|
6476
6477
|
horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500 hawa-rounded-inner",
|
|
6477
6478
|
vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
|
|
6478
6479
|
};
|
|
6479
|
-
return /* @__PURE__ */
|
|
6480
|
+
return /* @__PURE__ */ import_react55.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react55.default.createElement(
|
|
6480
6481
|
"div",
|
|
6481
6482
|
{
|
|
6482
6483
|
className: cn(cardStyles[orientation], props.className),
|
|
6483
6484
|
onClick: props.handleClick
|
|
6484
6485
|
},
|
|
6485
|
-
/* @__PURE__ */
|
|
6486
|
+
/* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start " }, /* @__PURE__ */ import_react55.default.createElement(
|
|
6486
6487
|
"img",
|
|
6487
6488
|
{
|
|
6488
6489
|
src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
|
|
6489
6490
|
className: imageStyles[orientation]
|
|
6490
6491
|
}
|
|
6491
6492
|
)),
|
|
6492
|
-
/* @__PURE__ */
|
|
6493
|
-
props.canHide && /* @__PURE__ */
|
|
6493
|
+
/* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
|
|
6494
|
+
props.canHide && /* @__PURE__ */ import_react55.default.createElement(
|
|
6494
6495
|
"span",
|
|
6495
6496
|
{
|
|
6496
6497
|
onClick: (e) => {
|
|
@@ -6516,7 +6517,7 @@ var AdCard = ({
|
|
|
6516
6517
|
};
|
|
6517
6518
|
|
|
6518
6519
|
// blocks/cards/PricingCard.tsx
|
|
6519
|
-
var
|
|
6520
|
+
var import_react56 = __toESM(require("react"));
|
|
6520
6521
|
|
|
6521
6522
|
// elements/separator/Separator.tsx
|
|
6522
6523
|
var React57 = __toESM(require("react"));
|
|
@@ -6551,13 +6552,13 @@ var PricingCard = ({
|
|
|
6551
6552
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
|
6552
6553
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
|
6553
6554
|
};
|
|
6554
|
-
return /* @__PURE__ */
|
|
6555
|
+
return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react56.default.createElement(
|
|
6555
6556
|
Skeleton,
|
|
6556
6557
|
{
|
|
6557
6558
|
className: cn(cardSizes[size], "hawa-h-[200px]"),
|
|
6558
6559
|
fade: "bottom"
|
|
6559
6560
|
}
|
|
6560
|
-
) : /* @__PURE__ */
|
|
6561
|
+
) : /* @__PURE__ */ import_react56.default.createElement(
|
|
6561
6562
|
Card,
|
|
6562
6563
|
{
|
|
6563
6564
|
dir: direction,
|
|
@@ -6568,7 +6569,7 @@ var PricingCard = ({
|
|
|
6568
6569
|
recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
|
|
6569
6570
|
)
|
|
6570
6571
|
},
|
|
6571
|
-
recommended && /* @__PURE__ */
|
|
6572
|
+
recommended && /* @__PURE__ */ import_react56.default.createElement(
|
|
6572
6573
|
"div",
|
|
6573
6574
|
{
|
|
6574
6575
|
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",
|
|
@@ -6576,7 +6577,7 @@ var PricingCard = ({
|
|
|
6576
6577
|
},
|
|
6577
6578
|
((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
|
|
6578
6579
|
),
|
|
6579
|
-
/* @__PURE__ */
|
|
6580
|
+
/* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react56.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_react56.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react56.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_react56.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react56.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react56.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react56.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react56.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_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react56.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react56.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react56.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react56.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_react56.default.createElement(Separator, null), /* @__PURE__ */ import_react56.default.createElement(
|
|
6580
6581
|
"div",
|
|
6581
6582
|
{
|
|
6582
6583
|
className: cn(
|
|
@@ -6584,9 +6585,9 @@ var PricingCard = ({
|
|
|
6584
6585
|
endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
|
|
6585
6586
|
)
|
|
6586
6587
|
},
|
|
6587
|
-
props.features && /* @__PURE__ */
|
|
6588
|
+
props.features && /* @__PURE__ */ import_react56.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
|
|
6588
6589
|
var _a2;
|
|
6589
|
-
return /* @__PURE__ */
|
|
6590
|
+
return /* @__PURE__ */ import_react56.default.createElement(
|
|
6590
6591
|
"li",
|
|
6591
6592
|
{
|
|
6592
6593
|
key: o,
|
|
@@ -6595,7 +6596,7 @@ var PricingCard = ({
|
|
|
6595
6596
|
!feature.included && "hawa-line-through"
|
|
6596
6597
|
)
|
|
6597
6598
|
},
|
|
6598
|
-
/* @__PURE__ */
|
|
6599
|
+
/* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react56.default.createElement(
|
|
6599
6600
|
"svg",
|
|
6600
6601
|
{
|
|
6601
6602
|
"aria-label": "Check Icon",
|
|
@@ -6604,7 +6605,7 @@ var PricingCard = ({
|
|
|
6604
6605
|
fill: "currentColor",
|
|
6605
6606
|
viewBox: "0 0 20 20"
|
|
6606
6607
|
},
|
|
6607
|
-
/* @__PURE__ */
|
|
6608
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
6608
6609
|
"path",
|
|
6609
6610
|
{
|
|
6610
6611
|
fillRule: "evenodd",
|
|
@@ -6612,7 +6613,7 @@ var PricingCard = ({
|
|
|
6612
6613
|
clipRule: "evenodd"
|
|
6613
6614
|
}
|
|
6614
6615
|
)
|
|
6615
|
-
) : /* @__PURE__ */
|
|
6616
|
+
) : /* @__PURE__ */ import_react56.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_react56.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_react56.default.createElement(
|
|
6616
6617
|
Chip,
|
|
6617
6618
|
{
|
|
6618
6619
|
label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
|
|
@@ -6620,13 +6621,13 @@ var PricingCard = ({
|
|
|
6620
6621
|
size: "small"
|
|
6621
6622
|
}
|
|
6622
6623
|
))),
|
|
6623
|
-
feature.hint && /* @__PURE__ */
|
|
6624
|
+
feature.hint && /* @__PURE__ */ import_react56.default.createElement(
|
|
6624
6625
|
Tooltip,
|
|
6625
6626
|
{
|
|
6626
6627
|
content: feature.hint,
|
|
6627
6628
|
side: feature.hintSide
|
|
6628
6629
|
},
|
|
6629
|
-
/* @__PURE__ */
|
|
6630
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
6630
6631
|
"svg",
|
|
6631
6632
|
{
|
|
6632
6633
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6638,14 +6639,14 @@ var PricingCard = ({
|
|
|
6638
6639
|
strokeLinecap: "round",
|
|
6639
6640
|
strokeLinejoin: "round"
|
|
6640
6641
|
},
|
|
6641
|
-
/* @__PURE__ */
|
|
6642
|
-
/* @__PURE__ */
|
|
6643
|
-
/* @__PURE__ */
|
|
6642
|
+
/* @__PURE__ */ import_react56.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
|
6643
|
+
/* @__PURE__ */ import_react56.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
6644
|
+
/* @__PURE__ */ import_react56.default.createElement("path", { d: "M12 17h.01" })
|
|
6644
6645
|
)
|
|
6645
6646
|
)
|
|
6646
6647
|
);
|
|
6647
6648
|
})),
|
|
6648
|
-
/* @__PURE__ */
|
|
6649
|
+
/* @__PURE__ */ import_react56.default.createElement(
|
|
6649
6650
|
Button,
|
|
6650
6651
|
{
|
|
6651
6652
|
onClick: props.onPlanClicked,
|
|
@@ -6659,7 +6660,7 @@ var PricingCard = ({
|
|
|
6659
6660
|
};
|
|
6660
6661
|
|
|
6661
6662
|
// blocks/cards/ItemCard.tsx
|
|
6662
|
-
var
|
|
6663
|
+
var import_react57 = __toESM(require("react"));
|
|
6663
6664
|
|
|
6664
6665
|
// elements/dropdownMenu/DropdownMenu.tsx
|
|
6665
6666
|
var React59 = __toESM(require("react"));
|
|
@@ -7059,12 +7060,12 @@ var ItemCard = ({
|
|
|
7059
7060
|
)
|
|
7060
7061
|
};
|
|
7061
7062
|
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";
|
|
7062
|
-
const [openActionHeader, setOpenActionHeader] = (0,
|
|
7063
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react57.useState)(false);
|
|
7063
7064
|
function handleOpenActionHeader(e) {
|
|
7064
7065
|
e.stopPropagation();
|
|
7065
7066
|
setOpenActionHeader(!openActionHeader);
|
|
7066
7067
|
}
|
|
7067
|
-
(0,
|
|
7068
|
+
(0, import_react57.useEffect)(() => {
|
|
7068
7069
|
window.onclick = () => {
|
|
7069
7070
|
if (openActionHeader) {
|
|
7070
7071
|
setOpenActionHeader(false);
|
|
@@ -7072,7 +7073,7 @@ var ItemCard = ({
|
|
|
7072
7073
|
};
|
|
7073
7074
|
return () => window.onclick = null;
|
|
7074
7075
|
}, [openActionHeader]);
|
|
7075
|
-
return /* @__PURE__ */
|
|
7076
|
+
return /* @__PURE__ */ import_react57.default.createElement(
|
|
7076
7077
|
"div",
|
|
7077
7078
|
{
|
|
7078
7079
|
className: cn(
|
|
@@ -7088,7 +7089,7 @@ var ItemCard = ({
|
|
|
7088
7089
|
}
|
|
7089
7090
|
}
|
|
7090
7091
|
},
|
|
7091
|
-
cardImage && /* @__PURE__ */
|
|
7092
|
+
cardImage && /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react57.default.createElement(
|
|
7092
7093
|
"img",
|
|
7093
7094
|
{
|
|
7094
7095
|
src: cardImage,
|
|
@@ -7097,7 +7098,7 @@ var ItemCard = ({
|
|
|
7097
7098
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
|
7098
7099
|
)
|
|
7099
7100
|
}
|
|
7100
|
-
), clickableImage && /* @__PURE__ */
|
|
7101
|
+
), clickableImage && /* @__PURE__ */ import_react57.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react57.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_react57.default.createElement(
|
|
7101
7102
|
Button,
|
|
7102
7103
|
{
|
|
7103
7104
|
variant: "secondary",
|
|
@@ -7107,19 +7108,19 @@ var ItemCard = ({
|
|
|
7107
7108
|
clickableImageActionIcon,
|
|
7108
7109
|
clickableImageActionText || "Click"
|
|
7109
7110
|
)))),
|
|
7110
|
-
/* @__PURE__ */
|
|
7111
|
+
/* @__PURE__ */ import_react57.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_react57.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_react57.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react57.default.createElement(
|
|
7111
7112
|
DropdownMenu,
|
|
7112
7113
|
{
|
|
7113
7114
|
items: headerActions,
|
|
7114
|
-
trigger: /* @__PURE__ */
|
|
7115
|
+
trigger: /* @__PURE__ */ import_react57.default.createElement(
|
|
7115
7116
|
Button,
|
|
7116
7117
|
{
|
|
7117
7118
|
variant: "ghost",
|
|
7118
7119
|
size: "smallIcon",
|
|
7119
7120
|
onClick: handleOpenActionHeader
|
|
7120
7121
|
},
|
|
7121
|
-
/* @__PURE__ */
|
|
7122
|
-
/* @__PURE__ */
|
|
7122
|
+
/* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
|
7123
|
+
/* @__PURE__ */ import_react57.default.createElement(
|
|
7123
7124
|
"svg",
|
|
7124
7125
|
{
|
|
7125
7126
|
className: "hawa-h-5 hawa-w-5",
|
|
@@ -7127,11 +7128,11 @@ var ItemCard = ({
|
|
|
7127
7128
|
fill: "currentColor",
|
|
7128
7129
|
viewBox: "0 0 20 20"
|
|
7129
7130
|
},
|
|
7130
|
-
/* @__PURE__ */
|
|
7131
|
+
/* @__PURE__ */ import_react57.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" })
|
|
7131
7132
|
)
|
|
7132
7133
|
)
|
|
7133
7134
|
}
|
|
7134
|
-
))), /* @__PURE__ */
|
|
7135
|
+
))), /* @__PURE__ */ import_react57.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react57.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react57.default.createElement(
|
|
7135
7136
|
"div",
|
|
7136
7137
|
{
|
|
7137
7138
|
className: cn(
|
|
@@ -7141,15 +7142,15 @@ var ItemCard = ({
|
|
|
7141
7142
|
)
|
|
7142
7143
|
},
|
|
7143
7144
|
counts,
|
|
7144
|
-
/* @__PURE__ */
|
|
7145
|
+
/* @__PURE__ */ import_react57.default.createElement(StopPropagationWrapper, null, actions)
|
|
7145
7146
|
) : null)
|
|
7146
7147
|
);
|
|
7147
7148
|
};
|
|
7148
7149
|
|
|
7149
7150
|
// blocks/cards/LandingCard.tsx
|
|
7150
|
-
var
|
|
7151
|
+
var import_react58 = __toESM(require("react"));
|
|
7151
7152
|
var LandingCard = (props) => {
|
|
7152
|
-
return /* @__PURE__ */
|
|
7153
|
+
return /* @__PURE__ */ import_react58.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react58.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react58.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react58.default.createElement(CardDescription, null, props.subtitle)));
|
|
7153
7154
|
};
|
|
7154
7155
|
|
|
7155
7156
|
// blocks/pricing/PricingPlans.tsx
|
|
@@ -7158,7 +7159,7 @@ var PricingPlans = ({
|
|
|
7158
7159
|
cardsContainerProps,
|
|
7159
7160
|
...props
|
|
7160
7161
|
}) => {
|
|
7161
|
-
return /* @__PURE__ */
|
|
7162
|
+
return /* @__PURE__ */ import_react59.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react59.default.createElement(
|
|
7162
7163
|
Radio,
|
|
7163
7164
|
{
|
|
7164
7165
|
name: "cycle",
|
|
@@ -7171,7 +7172,7 @@ var PricingPlans = ({
|
|
|
7171
7172
|
}
|
|
7172
7173
|
}
|
|
7173
7174
|
}
|
|
7174
|
-
), /* @__PURE__ */
|
|
7175
|
+
), /* @__PURE__ */ import_react59.default.createElement(
|
|
7175
7176
|
Radio,
|
|
7176
7177
|
{
|
|
7177
7178
|
name: "currency",
|
|
@@ -7184,7 +7185,7 @@ var PricingPlans = ({
|
|
|
7184
7185
|
}
|
|
7185
7186
|
}
|
|
7186
7187
|
}
|
|
7187
|
-
)), /* @__PURE__ */
|
|
7188
|
+
)), /* @__PURE__ */ import_react59.default.createElement(
|
|
7188
7189
|
"div",
|
|
7189
7190
|
{
|
|
7190
7191
|
className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
|
|
@@ -7192,7 +7193,7 @@ var PricingPlans = ({
|
|
|
7192
7193
|
},
|
|
7193
7194
|
props.plans.map((plan, index) => {
|
|
7194
7195
|
var _a, _b;
|
|
7195
|
-
return /* @__PURE__ */
|
|
7196
|
+
return /* @__PURE__ */ import_react59.default.createElement(
|
|
7196
7197
|
PricingCard,
|
|
7197
7198
|
{
|
|
7198
7199
|
key: index,
|
|
@@ -7223,7 +7224,7 @@ var PricingPlans = ({
|
|
|
7223
7224
|
};
|
|
7224
7225
|
|
|
7225
7226
|
// blocks/pricing/ComparingPlans.tsx
|
|
7226
|
-
var
|
|
7227
|
+
var import_react60 = __toESM(require("react"));
|
|
7227
7228
|
var ComparingPlans = (props) => {
|
|
7228
7229
|
const uniqueFeatures = Array.from(
|
|
7229
7230
|
new Set(
|
|
@@ -7232,7 +7233,7 @@ var ComparingPlans = (props) => {
|
|
|
7232
7233
|
)
|
|
7233
7234
|
)
|
|
7234
7235
|
);
|
|
7235
|
-
return /* @__PURE__ */
|
|
7236
|
+
return /* @__PURE__ */ import_react60.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react60.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_react60.default.createElement(
|
|
7236
7237
|
Radio,
|
|
7237
7238
|
{
|
|
7238
7239
|
name: "cycle",
|
|
@@ -7247,7 +7248,7 @@ var ComparingPlans = (props) => {
|
|
|
7247
7248
|
}
|
|
7248
7249
|
}
|
|
7249
7250
|
}
|
|
7250
|
-
), /* @__PURE__ */
|
|
7251
|
+
), /* @__PURE__ */ import_react60.default.createElement(
|
|
7251
7252
|
Radio,
|
|
7252
7253
|
{
|
|
7253
7254
|
name: "currency",
|
|
@@ -7262,7 +7263,7 @@ var ComparingPlans = (props) => {
|
|
|
7262
7263
|
}
|
|
7263
7264
|
}
|
|
7264
7265
|
}
|
|
7265
|
-
)), /* @__PURE__ */
|
|
7266
|
+
)), /* @__PURE__ */ import_react60.default.createElement(
|
|
7266
7267
|
"div",
|
|
7267
7268
|
{
|
|
7268
7269
|
className: cn(
|
|
@@ -7273,16 +7274,16 @@ var ComparingPlans = (props) => {
|
|
|
7273
7274
|
top: props.topPosition || 0
|
|
7274
7275
|
}
|
|
7275
7276
|
},
|
|
7276
|
-
/* @__PURE__ */
|
|
7277
|
-
props.plans.map((plan, i) => /* @__PURE__ */
|
|
7277
|
+
/* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
|
7278
|
+
props.plans.map((plan, i) => /* @__PURE__ */ import_react60.default.createElement(
|
|
7278
7279
|
"div",
|
|
7279
7280
|
{
|
|
7280
7281
|
key: i,
|
|
7281
7282
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
|
|
7282
7283
|
},
|
|
7283
|
-
/* @__PURE__ */
|
|
7284
|
+
/* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react60.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
|
|
7284
7285
|
))
|
|
7285
|
-
), /* @__PURE__ */
|
|
7286
|
+
), /* @__PURE__ */ import_react60.default.createElement(
|
|
7286
7287
|
ScrollArea,
|
|
7287
7288
|
{
|
|
7288
7289
|
className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
|
|
@@ -7290,7 +7291,7 @@ var ComparingPlans = (props) => {
|
|
|
7290
7291
|
},
|
|
7291
7292
|
uniqueFeatures.map((featureText, featureIndex) => {
|
|
7292
7293
|
var _a, _b, _c, _d;
|
|
7293
|
-
return /* @__PURE__ */
|
|
7294
|
+
return /* @__PURE__ */ import_react60.default.createElement(
|
|
7294
7295
|
"div",
|
|
7295
7296
|
{
|
|
7296
7297
|
key: featureIndex,
|
|
@@ -7299,11 +7300,11 @@ var ComparingPlans = (props) => {
|
|
|
7299
7300
|
featureIndex === 0 ? "" : "hawa-border-t"
|
|
7300
7301
|
)
|
|
7301
7302
|
},
|
|
7302
|
-
/* @__PURE__ */
|
|
7303
|
+
/* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
|
|
7303
7304
|
(plan) => plan.features.some(
|
|
7304
7305
|
(feature) => feature.text === featureText && feature.hint
|
|
7305
7306
|
)
|
|
7306
|
-
) && /* @__PURE__ */
|
|
7307
|
+
) && /* @__PURE__ */ import_react60.default.createElement(
|
|
7307
7308
|
Tooltip,
|
|
7308
7309
|
{
|
|
7309
7310
|
side: "right",
|
|
@@ -7318,7 +7319,7 @@ var ComparingPlans = (props) => {
|
|
|
7318
7319
|
(feature) => feature.text === featureText
|
|
7319
7320
|
)) == null ? void 0 : _b.hint
|
|
7320
7321
|
},
|
|
7321
|
-
/* @__PURE__ */
|
|
7322
|
+
/* @__PURE__ */ import_react60.default.createElement(
|
|
7322
7323
|
"svg",
|
|
7323
7324
|
{
|
|
7324
7325
|
stroke: "currentColor",
|
|
@@ -7328,13 +7329,13 @@ var ComparingPlans = (props) => {
|
|
|
7328
7329
|
height: "1em",
|
|
7329
7330
|
width: "1em"
|
|
7330
7331
|
},
|
|
7331
|
-
/* @__PURE__ */
|
|
7332
|
+
/* @__PURE__ */ import_react60.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
|
7332
7333
|
)
|
|
7333
7334
|
), props.plans.some(
|
|
7334
7335
|
(plan) => plan.features.some(
|
|
7335
7336
|
(feature) => feature.text === featureText && feature.soon
|
|
7336
7337
|
)
|
|
7337
|
-
) && /* @__PURE__ */
|
|
7338
|
+
) && /* @__PURE__ */ import_react60.default.createElement(
|
|
7338
7339
|
Chip,
|
|
7339
7340
|
{
|
|
7340
7341
|
label: ((_d = (_c = props.plans.find(
|
|
@@ -7348,26 +7349,26 @@ var ComparingPlans = (props) => {
|
|
|
7348
7349
|
const feature = plan.features.find(
|
|
7349
7350
|
(f) => f.text === featureText
|
|
7350
7351
|
);
|
|
7351
|
-
return /* @__PURE__ */
|
|
7352
|
+
return /* @__PURE__ */ import_react60.default.createElement(
|
|
7352
7353
|
"div",
|
|
7353
7354
|
{
|
|
7354
7355
|
key: planIndex,
|
|
7355
7356
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
|
|
7356
7357
|
},
|
|
7357
|
-
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */
|
|
7358
|
+
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react60.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react60.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
|
|
7358
7359
|
);
|
|
7359
7360
|
})
|
|
7360
7361
|
);
|
|
7361
7362
|
})
|
|
7362
|
-
), props.showButtons && /* @__PURE__ */
|
|
7363
|
+
), props.showButtons && /* @__PURE__ */ import_react60.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_react60.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
|
|
7363
7364
|
var _a;
|
|
7364
|
-
return /* @__PURE__ */
|
|
7365
|
+
return /* @__PURE__ */ import_react60.default.createElement(
|
|
7365
7366
|
"div",
|
|
7366
7367
|
{
|
|
7367
7368
|
key: i,
|
|
7368
7369
|
className: "hawa-flex hawa-items-center hawa-justify-center"
|
|
7369
7370
|
},
|
|
7370
|
-
/* @__PURE__ */
|
|
7371
|
+
/* @__PURE__ */ import_react60.default.createElement(
|
|
7371
7372
|
Button,
|
|
7372
7373
|
{
|
|
7373
7374
|
className: "hawa-w-full hawa-max-w-xs",
|
|
@@ -7391,15 +7392,15 @@ var ComparingPlans = (props) => {
|
|
|
7391
7392
|
};
|
|
7392
7393
|
|
|
7393
7394
|
// blocks/pricing/HorizontalPricing.tsx
|
|
7394
|
-
var
|
|
7395
|
+
var import_react61 = __toESM(require("react"));
|
|
7395
7396
|
var HorizontalPricing = (props) => {
|
|
7396
|
-
const [selectedCard, setSelectedCard] = (0,
|
|
7397
|
+
const [selectedCard, setSelectedCard] = (0, import_react61.useState)("");
|
|
7397
7398
|
let data = [
|
|
7398
7399
|
{ title: "basic", price: "$49", cycle: "/mo" },
|
|
7399
7400
|
{ title: "business", price: "$99", cycle: "/mo" },
|
|
7400
7401
|
{ title: "enterprise", price: "$149", cycle: "/mo" }
|
|
7401
7402
|
];
|
|
7402
|
-
return /* @__PURE__ */
|
|
7403
|
+
return /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react61.default.createElement(
|
|
7403
7404
|
Radio,
|
|
7404
7405
|
{
|
|
7405
7406
|
name: "currency",
|
|
@@ -7407,7 +7408,7 @@ var HorizontalPricing = (props) => {
|
|
|
7407
7408
|
options: props.currencies,
|
|
7408
7409
|
defaultValue: props.currentCurrency
|
|
7409
7410
|
}
|
|
7410
|
-
), /* @__PURE__ */
|
|
7411
|
+
), /* @__PURE__ */ import_react61.default.createElement(
|
|
7411
7412
|
Radio,
|
|
7412
7413
|
{
|
|
7413
7414
|
name: "cycle",
|
|
@@ -7415,7 +7416,7 @@ var HorizontalPricing = (props) => {
|
|
|
7415
7416
|
options: props.billingCycles,
|
|
7416
7417
|
defaultValue: props.currentCycle
|
|
7417
7418
|
}
|
|
7418
|
-
)), data.map((d, i) => /* @__PURE__ */
|
|
7419
|
+
)), data.map((d, i) => /* @__PURE__ */ import_react61.default.createElement(
|
|
7419
7420
|
"label",
|
|
7420
7421
|
{
|
|
7421
7422
|
key: i,
|
|
@@ -7423,7 +7424,7 @@ var HorizontalPricing = (props) => {
|
|
|
7423
7424
|
className: "",
|
|
7424
7425
|
onClick: () => setSelectedCard(d.title)
|
|
7425
7426
|
},
|
|
7426
|
-
/* @__PURE__ */
|
|
7427
|
+
/* @__PURE__ */ import_react61.default.createElement(
|
|
7427
7428
|
"input",
|
|
7428
7429
|
{
|
|
7429
7430
|
type: "radio",
|
|
@@ -7432,7 +7433,7 @@ var HorizontalPricing = (props) => {
|
|
|
7432
7433
|
className: "hawa-peer hawa-appearance-none"
|
|
7433
7434
|
}
|
|
7434
7435
|
),
|
|
7435
|
-
/* @__PURE__ */
|
|
7436
|
+
/* @__PURE__ */ import_react61.default.createElement(
|
|
7436
7437
|
"div",
|
|
7437
7438
|
{
|
|
7438
7439
|
className: cn(
|
|
@@ -7440,18 +7441,18 @@ var HorizontalPricing = (props) => {
|
|
|
7440
7441
|
"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"
|
|
7441
7442
|
)
|
|
7442
7443
|
},
|
|
7443
|
-
/* @__PURE__ */
|
|
7444
|
+
/* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react61.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react61.default.createElement(
|
|
7444
7445
|
CardText,
|
|
7445
7446
|
{
|
|
7446
7447
|
title: "Enterprise",
|
|
7447
7448
|
subtitle: "For startups and new businesses"
|
|
7448
7449
|
}
|
|
7449
7450
|
)),
|
|
7450
|
-
/* @__PURE__ */
|
|
7451
|
+
/* @__PURE__ */ import_react61.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
|
|
7451
7452
|
)
|
|
7452
7453
|
))));
|
|
7453
7454
|
};
|
|
7454
|
-
var CheckIcons = () => /* @__PURE__ */
|
|
7455
|
+
var CheckIcons = () => /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(
|
|
7455
7456
|
"svg",
|
|
7456
7457
|
{
|
|
7457
7458
|
fill: "none",
|
|
@@ -7460,7 +7461,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react60.default.createElement(impo
|
|
|
7460
7461
|
stroke: "currentColor",
|
|
7461
7462
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
|
7462
7463
|
},
|
|
7463
|
-
/* @__PURE__ */
|
|
7464
|
+
/* @__PURE__ */ import_react61.default.createElement(
|
|
7464
7465
|
"path",
|
|
7465
7466
|
{
|
|
7466
7467
|
strokeLinecap: "round",
|
|
@@ -7468,14 +7469,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react60.default.createElement(impo
|
|
|
7468
7469
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
7469
7470
|
}
|
|
7470
7471
|
)
|
|
7471
|
-
), /* @__PURE__ */
|
|
7472
|
+
), /* @__PURE__ */ import_react61.default.createElement(
|
|
7472
7473
|
"svg",
|
|
7473
7474
|
{
|
|
7474
7475
|
viewBox: "0 0 24 24",
|
|
7475
7476
|
fill: "currentColor",
|
|
7476
7477
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
|
7477
7478
|
},
|
|
7478
|
-
/* @__PURE__ */
|
|
7479
|
+
/* @__PURE__ */ import_react61.default.createElement(
|
|
7479
7480
|
"path",
|
|
7480
7481
|
{
|
|
7481
7482
|
fillRule: "evenodd",
|
|
@@ -7484,11 +7485,11 @@ var CheckIcons = () => /* @__PURE__ */ import_react60.default.createElement(impo
|
|
|
7484
7485
|
}
|
|
7485
7486
|
)
|
|
7486
7487
|
));
|
|
7487
|
-
var CardText = (props) => /* @__PURE__ */
|
|
7488
|
-
var CardPrice = (props) => /* @__PURE__ */
|
|
7488
|
+
var CardText = (props) => /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react61.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react61.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
|
|
7489
|
+
var CardPrice = (props) => /* @__PURE__ */ import_react61.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
|
|
7489
7490
|
|
|
7490
7491
|
// blocks/Usage.tsx
|
|
7491
|
-
var
|
|
7492
|
+
var import_react62 = __toESM(require("react"));
|
|
7492
7493
|
|
|
7493
7494
|
// elements/progress/Progress.tsx
|
|
7494
7495
|
var React65 = __toESM(require("react"));
|
|
@@ -7516,7 +7517,7 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
|
7516
7517
|
// blocks/Usage.tsx
|
|
7517
7518
|
var Usage = (props) => {
|
|
7518
7519
|
var _a;
|
|
7519
|
-
return /* @__PURE__ */
|
|
7520
|
+
return /* @__PURE__ */ import_react62.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_react62.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react62.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react62.default.createElement(
|
|
7520
7521
|
"svg",
|
|
7521
7522
|
{
|
|
7522
7523
|
stroke: "currentColor",
|
|
@@ -7527,8 +7528,8 @@ var Usage = (props) => {
|
|
|
7527
7528
|
height: "1em",
|
|
7528
7529
|
width: "1em"
|
|
7529
7530
|
},
|
|
7530
|
-
/* @__PURE__ */
|
|
7531
|
-
))), /* @__PURE__ */
|
|
7531
|
+
/* @__PURE__ */ import_react62.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" })
|
|
7532
|
+
))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react62.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react62.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react62.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
|
|
7532
7533
|
};
|
|
7533
7534
|
// Annotate the CommonJS export names for ESM import in node:
|
|
7534
7535
|
0 && (module.exports = {
|