@sikka/hawa 0.1.87 → 0.1.88
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/index.d.mts +14 -3
- package/dist/index.d.ts +14 -3
- package/dist/index.js +338 -266
- package/dist/index.mjs +256 -210
- package/dist/styles.css +6 -0
- package/package.json +1 -1
- package/src/blocks/AuthForms/CheckEmail.tsx +54 -0
- package/src/blocks/AuthForms/index.ts +1 -0
- package/src/blocks/Misc/NoPermission.tsx +1 -5
- package/src/elements/HawaAdCard.tsx +61 -23
- package/src/styles.css +6 -0
- package/src/translations/ar.json +4 -1
- package/src/translations/en.json +4 -1
package/dist/index.js
CHANGED
|
@@ -265,6 +265,9 @@ __export(src_exports, {
|
|
|
265
265
|
ChargeWalletForm: function() {
|
|
266
266
|
return ChargeWalletForm;
|
|
267
267
|
},
|
|
268
|
+
CheckEmail: function() {
|
|
269
|
+
return CheckEmail;
|
|
270
|
+
},
|
|
268
271
|
CheckoutForm: function() {
|
|
269
272
|
return CheckoutForm;
|
|
270
273
|
},
|
|
@@ -6352,6 +6355,26 @@ var HawaAdCard = function(_param) {
|
|
|
6352
6355
|
var orientation = _param.orientation, props = _object_without_properties(_param, [
|
|
6353
6356
|
"orientation"
|
|
6354
6357
|
]);
|
|
6358
|
+
var adRef = (0, import_react48.useRef)(null);
|
|
6359
|
+
var _ref = _sliced_to_array((0, import_react48.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
|
|
6360
|
+
var duration = 0;
|
|
6361
|
+
(0, import_react48.useEffect)(function() {
|
|
6362
|
+
if (duration) {
|
|
6363
|
+
var timeoutHide = setTimeout(function() {
|
|
6364
|
+
setClosed(true);
|
|
6365
|
+
}, duration);
|
|
6366
|
+
var timeoutDestroy = setTimeout(function() {
|
|
6367
|
+
setClosed(true);
|
|
6368
|
+
adRef.current.removeChild(adRef.current.children[0]);
|
|
6369
|
+
}, duration + 1e3);
|
|
6370
|
+
return function() {
|
|
6371
|
+
clearTimeout(timeoutHide);
|
|
6372
|
+
clearTimeout(timeoutDestroy);
|
|
6373
|
+
};
|
|
6374
|
+
}
|
|
6375
|
+
}, [
|
|
6376
|
+
duration
|
|
6377
|
+
]);
|
|
6355
6378
|
var cardStyles = {
|
|
6356
6379
|
horizontal: "flex flex-row max-w-xl rounded border-gray-200 bg-gray-100 shadow-md p-2 gap-2 items-center relative dark:border-gray-700 dark:bg-gray-800 ",
|
|
6357
6380
|
vertical: "flex flex-col max-w-[200px] justify-start rounded border-gray-200 bg-gray-100 gap-2 shadow-md p-2 relative dark:border-gray-700 dark:bg-gray-800 "
|
|
@@ -6360,7 +6383,9 @@ var HawaAdCard = function(_param) {
|
|
|
6360
6383
|
horizontal: "w-auto h-full bg-blue-500 rounded-inner",
|
|
6361
6384
|
vertical: "bg-blue-500 rounded-inner w-auto "
|
|
6362
6385
|
};
|
|
6363
|
-
return /* @__PURE__ */ import_react48.default.createElement("div",
|
|
6386
|
+
return /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
6387
|
+
ref: adRef
|
|
6388
|
+
}, /* @__PURE__ */ import_react48.default.createElement("div", _object_spread({
|
|
6364
6389
|
className: (0, import_clsx24.default)(cardStyles[orientation], "dark:text-white")
|
|
6365
6390
|
}, props), /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
6366
6391
|
className: "flex aspect-square w-full max-w-fit items-start "
|
|
@@ -6374,9 +6399,18 @@ var HawaAdCard = function(_param) {
|
|
|
6374
6399
|
}, props.title), /* @__PURE__ */ import_react48.default.createElement("div", {
|
|
6375
6400
|
className: "text-[12px]"
|
|
6376
6401
|
}, props.description)), /* @__PURE__ */ import_react48.default.createElement("span", {
|
|
6377
|
-
onClick:
|
|
6402
|
+
onClick: function() {
|
|
6403
|
+
if (props.canHide) {
|
|
6404
|
+
setClosed(true);
|
|
6405
|
+
setTimeout(function() {
|
|
6406
|
+
adRef.current.removeChild(adRef.current.children[0]);
|
|
6407
|
+
}, 200);
|
|
6408
|
+
} else {
|
|
6409
|
+
props.handleCantHide();
|
|
6410
|
+
}
|
|
6411
|
+
},
|
|
6378
6412
|
className: "absolute right-0 top-0 h-fit cursor-pointer select-none rounded-bl-lg rounded-tr-lg bg-blue-100 px-2.5 py-0.5 text-[10px] font-semibold text-blue-800 dark:bg-blue-200 dark:text-blue-800"
|
|
6379
|
-
}, "Hide"));
|
|
6413
|
+
}, "Hide")));
|
|
6380
6414
|
};
|
|
6381
6415
|
// src/elements/HawaLandingCard.tsx
|
|
6382
6416
|
var import_clsx25 = __toESM(require("clsx"));
|
|
@@ -9495,13 +9529,50 @@ var CodeConfirmation = function(props) {
|
|
|
9495
9529
|
variant: "secondary"
|
|
9496
9530
|
}, (_props_texts_cancel = props.texts.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react77.default.createElement(Button, null, (_props_texts_confirm = props.texts.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
|
|
9497
9531
|
};
|
|
9498
|
-
// src/blocks/
|
|
9532
|
+
// src/blocks/AuthForms/CheckEmail.tsx
|
|
9499
9533
|
var import_react78 = __toESM(require("react"));
|
|
9534
|
+
var CheckEmail = function(param) {
|
|
9535
|
+
var texts = param.texts, handleResend = param.handleResend;
|
|
9536
|
+
var _texts, _texts1, _texts2;
|
|
9537
|
+
var _texts_checkEmail, _texts_pleaseVerify, _texts_resendEmail;
|
|
9538
|
+
return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement(CardContent, {
|
|
9539
|
+
headless: true
|
|
9540
|
+
}, /* @__PURE__ */ import_react78.default.createElement("div", {
|
|
9541
|
+
className: "flex flex-col items-center justify-center text-center"
|
|
9542
|
+
}, /* @__PURE__ */ import_react78.default.createElement("div", {
|
|
9543
|
+
className: "flex h-16 w-16 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"
|
|
9544
|
+
}, /* @__PURE__ */ import_react78.default.createElement("svg", {
|
|
9545
|
+
stroke: "currentColor",
|
|
9546
|
+
fill: "none",
|
|
9547
|
+
"stroke-width": "2",
|
|
9548
|
+
viewBox: "0 0 24 24",
|
|
9549
|
+
"stroke-linecap": "round",
|
|
9550
|
+
"stroke-linejoin": "round",
|
|
9551
|
+
height: "0.5em",
|
|
9552
|
+
width: "0.5em",
|
|
9553
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9554
|
+
}, /* @__PURE__ */ import_react78.default.createElement("path", {
|
|
9555
|
+
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"
|
|
9556
|
+
}), /* @__PURE__ */ import_react78.default.createElement("polyline", {
|
|
9557
|
+
points: "22,6 12,13 2,6"
|
|
9558
|
+
}))), /* @__PURE__ */ import_react78.default.createElement("div", {
|
|
9559
|
+
className: "m-2 text-xl font-bold"
|
|
9560
|
+
}, (_texts_checkEmail = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.checkEmail) !== null && _texts_checkEmail !== void 0 ? _texts_checkEmail : "Check you email"), /* @__PURE__ */ import_react78.default.createElement("div", {
|
|
9561
|
+
className: "text-sm"
|
|
9562
|
+
}, (_texts_pleaseVerify = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.pleaseVerify) !== null && _texts_pleaseVerify !== 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_react78.default.createElement(CardFooter, {
|
|
9563
|
+
className: "flex flex-col justify-center "
|
|
9564
|
+
}, /* @__PURE__ */ import_react78.default.createElement("span", {
|
|
9565
|
+
className: "clickable-link text-sm",
|
|
9566
|
+
onClick: handleResend
|
|
9567
|
+
}, (_texts_resendEmail = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.resendEmail) !== null && _texts_resendEmail !== void 0 ? _texts_resendEmail : "Resend Email")));
|
|
9568
|
+
};
|
|
9569
|
+
// src/blocks/Payment/SelectPayment.tsx
|
|
9570
|
+
var import_react79 = __toESM(require("react"));
|
|
9500
9571
|
var SelectPayment = function(props) {
|
|
9501
|
-
var _ref = _sliced_to_array((0,
|
|
9502
|
-
return /* @__PURE__ */
|
|
9572
|
+
var _ref = _sliced_to_array((0, import_react79.useState)(""), 2), selectedMethod = _ref[0], setSelectedMethod = _ref[1];
|
|
9573
|
+
return /* @__PURE__ */ import_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement(CardHeader, null, /* @__PURE__ */ import_react79.default.createElement(CardTitle, null, "Choose Payment Method"), /* @__PURE__ */ import_react79.default.createElement(CardDescription, null, "And you'll be directed to the next step to complete the payment")), /* @__PURE__ */ import_react79.default.createElement(CardContent, {
|
|
9503
9574
|
className: "grid grid-cols-2 gap-4"
|
|
9504
|
-
}, /* @__PURE__ */
|
|
9575
|
+
}, /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9505
9576
|
className: cn("flex w-full flex-col gap-2 pt-6", selectedMethod === "mada" && "outline outline-4 outline-primary"),
|
|
9506
9577
|
variant: "outline",
|
|
9507
9578
|
size: "heightless",
|
|
@@ -9509,10 +9580,10 @@ var SelectPayment = function(props) {
|
|
|
9509
9580
|
onClick: function() {
|
|
9510
9581
|
return setSelectedMethod("mada");
|
|
9511
9582
|
}
|
|
9512
|
-
}, /* @__PURE__ */
|
|
9583
|
+
}, /* @__PURE__ */ import_react79.default.createElement("img", {
|
|
9513
9584
|
src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",
|
|
9514
9585
|
className: "h-6"
|
|
9515
|
-
}), /* @__PURE__ */
|
|
9586
|
+
}), /* @__PURE__ */ import_react79.default.createElement("span", null, props.madaLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9516
9587
|
className: cn("flex w-full flex-col gap-2", selectedMethod === "apple-pay" && "outline outline-4 outline-primary"),
|
|
9517
9588
|
variant: "outline",
|
|
9518
9589
|
size: "heightless",
|
|
@@ -9520,10 +9591,10 @@ var SelectPayment = function(props) {
|
|
|
9520
9591
|
onClick: function() {
|
|
9521
9592
|
return setSelectedMethod("apple-pay");
|
|
9522
9593
|
}
|
|
9523
|
-
}, /* @__PURE__ */
|
|
9594
|
+
}, /* @__PURE__ */ import_react79.default.createElement("img", {
|
|
9524
9595
|
src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",
|
|
9525
9596
|
className: "h-11"
|
|
9526
|
-
}), /* @__PURE__ */
|
|
9597
|
+
}), /* @__PURE__ */ import_react79.default.createElement("span", null, props.applePayLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9527
9598
|
className: cn("flex w-full flex-col gap-2", selectedMethod === "visa-master" && "outline outline-4 outline-primary"),
|
|
9528
9599
|
variant: "outline",
|
|
9529
9600
|
size: "heightless",
|
|
@@ -9531,10 +9602,10 @@ var SelectPayment = function(props) {
|
|
|
9531
9602
|
onClick: function() {
|
|
9532
9603
|
return setSelectedMethod("visa-master");
|
|
9533
9604
|
}
|
|
9534
|
-
}, /* @__PURE__ */
|
|
9605
|
+
}, /* @__PURE__ */ import_react79.default.createElement("img", {
|
|
9535
9606
|
src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",
|
|
9536
9607
|
className: "h-6"
|
|
9537
|
-
}), /* @__PURE__ */
|
|
9608
|
+
}), /* @__PURE__ */ import_react79.default.createElement("span", null, props.visaMasterLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9538
9609
|
variant: "outline",
|
|
9539
9610
|
size: "heightless",
|
|
9540
9611
|
className: cn("flex w-full flex-col gap-2", selectedMethod === "wallet" && "outline outline-4 outline-primary"),
|
|
@@ -9542,16 +9613,16 @@ var SelectPayment = function(props) {
|
|
|
9542
9613
|
onClick: function() {
|
|
9543
9614
|
return setSelectedMethod("wallet");
|
|
9544
9615
|
}
|
|
9545
|
-
}, /* @__PURE__ */
|
|
9616
|
+
}, /* @__PURE__ */ import_react79.default.createElement("svg", {
|
|
9546
9617
|
version: "1.1",
|
|
9547
9618
|
fill: "currentColor",
|
|
9548
9619
|
viewBox: "0 0 223 223",
|
|
9549
9620
|
className: "h-6 w-6"
|
|
9550
|
-
}, /* @__PURE__ */
|
|
9621
|
+
}, /* @__PURE__ */ import_react79.default.createElement("g", null, /* @__PURE__ */ import_react79.default.createElement("path", {
|
|
9551
9622
|
d: "M223,94.5c0-6.075-4.925-11-11-11h-63c-6.075,0-11,4.925-11,11v33c0,6.075,4.925,11,11,11h63c6.075,0,11-4.925,11-11V94.5z\n M169.515,123.967c-7.082,0-12.823-5.741-12.823-12.823c0-7.082,5.741-12.823,12.823-12.823c7.082,0,12.823,5.741,12.823,12.823\n C182.338,118.225,176.597,123.967,169.515,123.967z"
|
|
9552
|
-
}), /* @__PURE__ */
|
|
9623
|
+
}), /* @__PURE__ */ import_react79.default.createElement("path", {
|
|
9553
9624
|
d: "M123.509,68.5H205v-33c0-8.271-6.395-15-14.667-15h-175C7.062,20.5,0,27.229,0,35.5v152c0,8.271,7.062,15,15.333,15h175\n c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z"
|
|
9554
|
-
}))), /* @__PURE__ */
|
|
9625
|
+
}))), /* @__PURE__ */ import_react79.default.createElement("span", null, props.walletLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9555
9626
|
variant: "outline",
|
|
9556
9627
|
size: "heightless",
|
|
9557
9628
|
className: cn("flex w-full flex-col gap-2", selectedMethod === "stc-pay" && "outline outline-4 outline-primary"),
|
|
@@ -9559,10 +9630,10 @@ var SelectPayment = function(props) {
|
|
|
9559
9630
|
onClick: function() {
|
|
9560
9631
|
return setSelectedMethod("stc-pay");
|
|
9561
9632
|
}
|
|
9562
|
-
}, /* @__PURE__ */
|
|
9633
|
+
}, /* @__PURE__ */ import_react79.default.createElement("img", {
|
|
9563
9634
|
src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",
|
|
9564
9635
|
className: "h-6"
|
|
9565
|
-
}), /* @__PURE__ */
|
|
9636
|
+
}), /* @__PURE__ */ import_react79.default.createElement("span", null, props.stcPayLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9566
9637
|
variant: "outline",
|
|
9567
9638
|
size: "heightless",
|
|
9568
9639
|
className: cn("flex w-full flex-col gap-2", selectedMethod === "google-pay" && "outline outline-4 outline-primary"),
|
|
@@ -9570,10 +9641,10 @@ var SelectPayment = function(props) {
|
|
|
9570
9641
|
onClick: function() {
|
|
9571
9642
|
return setSelectedMethod("google-pay");
|
|
9572
9643
|
}
|
|
9573
|
-
}, /* @__PURE__ */
|
|
9644
|
+
}, /* @__PURE__ */ import_react79.default.createElement("img", {
|
|
9574
9645
|
src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",
|
|
9575
9646
|
className: "h-6"
|
|
9576
|
-
}), /* @__PURE__ */
|
|
9647
|
+
}), /* @__PURE__ */ import_react79.default.createElement("span", null, props.googlePayLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9577
9648
|
variant: "outline",
|
|
9578
9649
|
size: "heightless",
|
|
9579
9650
|
className: cn("col-span-2 flex w-full flex-col gap-2", selectedMethod === "paypal" && "outline outline-4 outline-primary"),
|
|
@@ -9581,10 +9652,10 @@ var SelectPayment = function(props) {
|
|
|
9581
9652
|
onClick: function() {
|
|
9582
9653
|
return setSelectedMethod("paypal");
|
|
9583
9654
|
}
|
|
9584
|
-
}, /* @__PURE__ */
|
|
9655
|
+
}, /* @__PURE__ */ import_react79.default.createElement("img", {
|
|
9585
9656
|
src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",
|
|
9586
9657
|
className: "h-6"
|
|
9587
|
-
}), /* @__PURE__ */
|
|
9658
|
+
}), /* @__PURE__ */ import_react79.default.createElement("span", null, props.paypalLabel))), /* @__PURE__ */ import_react79.default.createElement(CardFooter, null, /* @__PURE__ */ import_react79.default.createElement(Button, {
|
|
9588
9659
|
onClick: function() {
|
|
9589
9660
|
return props.handleContinue(selectedMethod);
|
|
9590
9661
|
},
|
|
@@ -9593,24 +9664,24 @@ var SelectPayment = function(props) {
|
|
|
9593
9664
|
}, "Continue")));
|
|
9594
9665
|
};
|
|
9595
9666
|
// src/blocks/Payment/CreditCardForm.tsx
|
|
9596
|
-
var
|
|
9667
|
+
var import_react80 = __toESM(require("react"));
|
|
9597
9668
|
var import_react_hook_form7 = require("react-hook-form");
|
|
9598
9669
|
var CreditCardForm = function(props) {
|
|
9599
9670
|
var methods = (0, import_react_hook_form7.useForm)();
|
|
9600
9671
|
var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
|
|
9601
|
-
return /* @__PURE__ */
|
|
9672
|
+
return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement("form", {
|
|
9602
9673
|
onSubmit: handleSubmit(props.handle)
|
|
9603
|
-
}, /* @__PURE__ */
|
|
9674
|
+
}, /* @__PURE__ */ import_react80.default.createElement(CardContent, {
|
|
9604
9675
|
headless: true
|
|
9605
|
-
}, /* @__PURE__ */
|
|
9676
|
+
}, /* @__PURE__ */ import_react80.default.createElement("div", {
|
|
9606
9677
|
className: "flex flex-row gap-4"
|
|
9607
|
-
}, /* @__PURE__ */
|
|
9678
|
+
}, /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
|
|
9608
9679
|
control: control,
|
|
9609
9680
|
name: "cardName",
|
|
9610
9681
|
render: function(param) {
|
|
9611
9682
|
var field = param.field;
|
|
9612
9683
|
var _errors_password;
|
|
9613
|
-
return /* @__PURE__ */
|
|
9684
|
+
return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
|
|
9614
9685
|
width: "full",
|
|
9615
9686
|
name: "cardNumber",
|
|
9616
9687
|
placeholder: "1234 1234 1234 1234",
|
|
@@ -9622,15 +9693,15 @@ var CreditCardForm = function(props) {
|
|
|
9622
9693
|
rules: {
|
|
9623
9694
|
required: "Card Number is rquired"
|
|
9624
9695
|
}
|
|
9625
|
-
}), /* @__PURE__ */
|
|
9696
|
+
}), /* @__PURE__ */ import_react80.default.createElement("div", {
|
|
9626
9697
|
className: "w-1/4"
|
|
9627
|
-
}, /* @__PURE__ */
|
|
9698
|
+
}, /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
|
|
9628
9699
|
control: control,
|
|
9629
9700
|
name: "cardCVC",
|
|
9630
9701
|
render: function(param) {
|
|
9631
9702
|
var field = param.field;
|
|
9632
9703
|
var _errors_password;
|
|
9633
|
-
return /* @__PURE__ */
|
|
9704
|
+
return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
|
|
9634
9705
|
width: "full",
|
|
9635
9706
|
name: "cardCVC",
|
|
9636
9707
|
maxLength: "3",
|
|
@@ -9644,13 +9715,13 @@ var CreditCardForm = function(props) {
|
|
|
9644
9715
|
rules: {
|
|
9645
9716
|
required: "Password is rquired"
|
|
9646
9717
|
}
|
|
9647
|
-
}))), /* @__PURE__ */
|
|
9718
|
+
}))), /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
|
|
9648
9719
|
control: control,
|
|
9649
9720
|
name: "cardExpiry",
|
|
9650
9721
|
render: function(param) {
|
|
9651
9722
|
var field = param.field;
|
|
9652
9723
|
var _errors_password;
|
|
9653
|
-
return /* @__PURE__ */
|
|
9724
|
+
return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
|
|
9654
9725
|
width: "full",
|
|
9655
9726
|
name: "cardExpiry",
|
|
9656
9727
|
placeholder: "MM / YY",
|
|
@@ -9662,13 +9733,13 @@ var CreditCardForm = function(props) {
|
|
|
9662
9733
|
rules: {
|
|
9663
9734
|
required: "Password is rquired"
|
|
9664
9735
|
}
|
|
9665
|
-
}), /* @__PURE__ */
|
|
9736
|
+
}), /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
|
|
9666
9737
|
control: control,
|
|
9667
9738
|
name: "cardName",
|
|
9668
9739
|
render: function(param) {
|
|
9669
9740
|
var field = param.field;
|
|
9670
9741
|
var _errors_password;
|
|
9671
|
-
return /* @__PURE__ */
|
|
9742
|
+
return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
|
|
9672
9743
|
width: "full",
|
|
9673
9744
|
name: "cardName",
|
|
9674
9745
|
type: "text",
|
|
@@ -9679,60 +9750,60 @@ var CreditCardForm = function(props) {
|
|
|
9679
9750
|
rules: {
|
|
9680
9751
|
required: "Card holder name is rquired"
|
|
9681
9752
|
}
|
|
9682
|
-
})), /* @__PURE__ */
|
|
9753
|
+
})), /* @__PURE__ */ import_react80.default.createElement(CardFooter, null, /* @__PURE__ */ import_react80.default.createElement(Button, {
|
|
9683
9754
|
className: "w-full",
|
|
9684
9755
|
onClick: props.handlePayWithCreditCard
|
|
9685
9756
|
}, "Pay with Credit Card"))));
|
|
9686
9757
|
};
|
|
9687
9758
|
// src/blocks/Payment/ChargeWalletForm.tsx
|
|
9688
|
-
var
|
|
9759
|
+
var import_react81 = __toESM(require("react"));
|
|
9689
9760
|
var ChargeWalletForm = function(props) {
|
|
9690
|
-
var _ref = _sliced_to_array((0,
|
|
9691
|
-
return /* @__PURE__ */
|
|
9761
|
+
var _ref = _sliced_to_array((0, import_react81.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
|
|
9762
|
+
return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
|
|
9692
9763
|
headless: true
|
|
9693
|
-
}, /* @__PURE__ */
|
|
9764
|
+
}, /* @__PURE__ */ import_react81.default.createElement("div", {
|
|
9694
9765
|
className: "p-4 text-center"
|
|
9695
|
-
}, /* @__PURE__ */
|
|
9766
|
+
}, /* @__PURE__ */ import_react81.default.createElement("div", {
|
|
9696
9767
|
className: " text-5xl font-extrabold"
|
|
9697
|
-
}, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */
|
|
9768
|
+
}, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react81.default.createElement("div", {
|
|
9698
9769
|
className: "text-sm font-normal"
|
|
9699
|
-
}, props.currency || "SAR")), /* @__PURE__ */
|
|
9770
|
+
}, props.currency || "SAR")), /* @__PURE__ */ import_react81.default.createElement("div", {
|
|
9700
9771
|
className: "mb-2 flex w-full flex-col gap-4 text-center"
|
|
9701
|
-
}, /* @__PURE__ */
|
|
9772
|
+
}, /* @__PURE__ */ import_react81.default.createElement("div", {
|
|
9702
9773
|
className: "mb-2 flex w-full flex-row gap-4 text-center"
|
|
9703
|
-
}, /* @__PURE__ */
|
|
9774
|
+
}, /* @__PURE__ */ import_react81.default.createElement(Button, {
|
|
9704
9775
|
variant: "outline",
|
|
9705
9776
|
className: "h-full w-full"
|
|
9706
|
-
}, "10 SAR"), /* @__PURE__ */
|
|
9777
|
+
}, "10 SAR"), /* @__PURE__ */ import_react81.default.createElement(Button, {
|
|
9707
9778
|
variant: "outline",
|
|
9708
9779
|
className: "h-full w-full"
|
|
9709
|
-
}, "50 SAR"), /* @__PURE__ */
|
|
9780
|
+
}, "50 SAR"), /* @__PURE__ */ import_react81.default.createElement(Button, {
|
|
9710
9781
|
variant: "outline",
|
|
9711
9782
|
className: "h-full w-full"
|
|
9712
|
-
}, "100 SAR")), /* @__PURE__ */
|
|
9783
|
+
}, "100 SAR")), /* @__PURE__ */ import_react81.default.createElement(Input, {
|
|
9713
9784
|
placeholder: "Custom Amount",
|
|
9714
9785
|
type: "number",
|
|
9715
9786
|
name: "amount"
|
|
9716
|
-
})), /* @__PURE__ */
|
|
9787
|
+
})), /* @__PURE__ */ import_react81.default.createElement(Button, {
|
|
9717
9788
|
className: "mt-6 w-full"
|
|
9718
9789
|
}, props.texts.chargeWallet)));
|
|
9719
9790
|
};
|
|
9720
9791
|
// src/blocks/Payment/PayWithWallet.tsx
|
|
9721
|
-
var
|
|
9792
|
+
var import_react82 = __toESM(require("react"));
|
|
9722
9793
|
var PayWithWallet = function(props) {
|
|
9723
|
-
return /* @__PURE__ */
|
|
9794
|
+
return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardContent, {
|
|
9724
9795
|
headless: true
|
|
9725
|
-
}, /* @__PURE__ */
|
|
9796
|
+
}, /* @__PURE__ */ import_react82.default.createElement("div", {
|
|
9726
9797
|
className: "text-center text-5xl font-extrabold"
|
|
9727
|
-
}, props.walletBalance || "0", /* @__PURE__ */
|
|
9798
|
+
}, props.walletBalance || "0", /* @__PURE__ */ import_react82.default.createElement("div", {
|
|
9728
9799
|
className: "text-sm font-normal"
|
|
9729
|
-
}, props.currency || "SAR")), /* @__PURE__ */
|
|
9800
|
+
}, props.currency || "SAR")), /* @__PURE__ */ import_react82.default.createElement(Button, {
|
|
9730
9801
|
className: "mt-6 w-full",
|
|
9731
9802
|
onClick: props.handlePayWithWallet
|
|
9732
9803
|
}, "Pay Now")));
|
|
9733
9804
|
};
|
|
9734
9805
|
// src/blocks/Payment/CheckoutForm.tsx
|
|
9735
|
-
var
|
|
9806
|
+
var import_react83 = __toESM(require("react"));
|
|
9736
9807
|
var import_react_hook_form8 = require("react-hook-form");
|
|
9737
9808
|
var CheckoutForm = function(props) {
|
|
9738
9809
|
var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9;
|
|
@@ -9753,9 +9824,9 @@ var CheckoutForm = function(props) {
|
|
|
9753
9824
|
}
|
|
9754
9825
|
};
|
|
9755
9826
|
var _field_value, _field_value1, _field_value2, _field_value3, _field_value4, _field_value5, _field_value6, _field_value7, _field_value8;
|
|
9756
|
-
return /* @__PURE__ */
|
|
9827
|
+
return /* @__PURE__ */ import_react83.default.createElement(Card, null, /* @__PURE__ */ import_react83.default.createElement(CardHeader, null, /* @__PURE__ */ import_react83.default.createElement(CardTitle, null, props.texts.orderDetails)), /* @__PURE__ */ import_react83.default.createElement(CardContent, null, /* @__PURE__ */ import_react83.default.createElement("div", null, /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9757
9828
|
className: "rounded border border-gray-300"
|
|
9758
|
-
}, /* @__PURE__ */
|
|
9829
|
+
}, /* @__PURE__ */ import_react83.default.createElement(HawaTable, {
|
|
9759
9830
|
pagination: false,
|
|
9760
9831
|
direction: isArabic ? "rtl" : "ltr",
|
|
9761
9832
|
columns: [
|
|
@@ -9775,9 +9846,9 @@ var CheckoutForm = function(props) {
|
|
|
9775
9846
|
borders: "inner",
|
|
9776
9847
|
rows: props.products,
|
|
9777
9848
|
bordersWidth: "1"
|
|
9778
|
-
})))), /* @__PURE__ */
|
|
9849
|
+
})))), /* @__PURE__ */ import_react83.default.createElement(CardHeader, null, /* @__PURE__ */ import_react83.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react83.default.createElement("form", {
|
|
9779
9850
|
onSubmit: handleSubmit(props.handlePayNow)
|
|
9780
|
-
}, /* @__PURE__ */
|
|
9851
|
+
}, /* @__PURE__ */ import_react83.default.createElement(CardContent, null, /* @__PURE__ */ import_react83.default.createElement("div", null, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react83.default.createElement("div", null, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9781
9852
|
control: control,
|
|
9782
9853
|
name: "firstName",
|
|
9783
9854
|
rules: {
|
|
@@ -9786,7 +9857,7 @@ var CheckoutForm = function(props) {
|
|
|
9786
9857
|
render: function(param) {
|
|
9787
9858
|
var field = param.field;
|
|
9788
9859
|
var _props_texts, _errors_firstName;
|
|
9789
|
-
return /* @__PURE__ */
|
|
9860
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9790
9861
|
type: "text",
|
|
9791
9862
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.firstNameLabel) + " *",
|
|
9792
9863
|
helpertext: (_errors_firstName = errors.firstName) === null || _errors_firstName === void 0 ? void 0 : _errors_firstName.message
|
|
@@ -9794,11 +9865,11 @@ var CheckoutForm = function(props) {
|
|
|
9794
9865
|
value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
|
|
9795
9866
|
}));
|
|
9796
9867
|
}
|
|
9797
|
-
}), /* @__PURE__ */
|
|
9868
|
+
}), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9798
9869
|
style: {
|
|
9799
9870
|
width: 20
|
|
9800
9871
|
}
|
|
9801
|
-
}), /* @__PURE__ */
|
|
9872
|
+
}), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9802
9873
|
control: control,
|
|
9803
9874
|
name: "lastName",
|
|
9804
9875
|
rules: {
|
|
@@ -9807,7 +9878,7 @@ var CheckoutForm = function(props) {
|
|
|
9807
9878
|
render: function(param) {
|
|
9808
9879
|
var field = param.field;
|
|
9809
9880
|
var _props_texts, _errors_lastName;
|
|
9810
|
-
return /* @__PURE__ */
|
|
9881
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9811
9882
|
width: "full",
|
|
9812
9883
|
type: "text",
|
|
9813
9884
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.lastNameLabel) + " *",
|
|
@@ -9816,13 +9887,13 @@ var CheckoutForm = function(props) {
|
|
|
9816
9887
|
value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
|
|
9817
9888
|
}));
|
|
9818
9889
|
}
|
|
9819
|
-
})), /* @__PURE__ */
|
|
9890
|
+
})), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9820
9891
|
control: control,
|
|
9821
9892
|
name: "email",
|
|
9822
9893
|
render: function(param) {
|
|
9823
9894
|
var field = param.field;
|
|
9824
9895
|
var _props_texts, _errors_email;
|
|
9825
|
-
return /* @__PURE__ */
|
|
9896
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9826
9897
|
width: "full",
|
|
9827
9898
|
type: "text",
|
|
9828
9899
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel) + " *",
|
|
@@ -9838,9 +9909,9 @@ var CheckoutForm = function(props) {
|
|
|
9838
9909
|
message: (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.emailInvalidText
|
|
9839
9910
|
}
|
|
9840
9911
|
}
|
|
9841
|
-
}), /* @__PURE__ */
|
|
9912
|
+
}), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9842
9913
|
className: "flex flex-col md:flex-row"
|
|
9843
|
-
}, /* @__PURE__ */
|
|
9914
|
+
}, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9844
9915
|
control: control,
|
|
9845
9916
|
name: "streetAddress",
|
|
9846
9917
|
rules: {
|
|
@@ -9849,7 +9920,7 @@ var CheckoutForm = function(props) {
|
|
|
9849
9920
|
render: function(param) {
|
|
9850
9921
|
var field = param.field;
|
|
9851
9922
|
var _props_texts, _errors_streetAddress;
|
|
9852
|
-
return /* @__PURE__ */
|
|
9923
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9853
9924
|
width: "full",
|
|
9854
9925
|
type: "text",
|
|
9855
9926
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.streetAddressLabel) + " *",
|
|
@@ -9858,9 +9929,9 @@ var CheckoutForm = function(props) {
|
|
|
9858
9929
|
value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : ""
|
|
9859
9930
|
}));
|
|
9860
9931
|
}
|
|
9861
|
-
})), /* @__PURE__ */
|
|
9932
|
+
})), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9862
9933
|
className: "flex flex-col md:flex-row"
|
|
9863
|
-
}, /* @__PURE__ */
|
|
9934
|
+
}, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9864
9935
|
control: control,
|
|
9865
9936
|
name: "province",
|
|
9866
9937
|
rules: {
|
|
@@ -9869,7 +9940,7 @@ var CheckoutForm = function(props) {
|
|
|
9869
9940
|
render: function(param) {
|
|
9870
9941
|
var field = param.field;
|
|
9871
9942
|
var _props_texts, _errors_province;
|
|
9872
|
-
return /* @__PURE__ */
|
|
9943
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9873
9944
|
width: "full",
|
|
9874
9945
|
type: "text",
|
|
9875
9946
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.stateLabel) + " *",
|
|
@@ -9878,11 +9949,11 @@ var CheckoutForm = function(props) {
|
|
|
9878
9949
|
value: (_field_value4 = field.value) !== null && _field_value4 !== void 0 ? _field_value4 : ""
|
|
9879
9950
|
}));
|
|
9880
9951
|
}
|
|
9881
|
-
}), /* @__PURE__ */
|
|
9952
|
+
}), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9882
9953
|
style: {
|
|
9883
9954
|
width: 20
|
|
9884
9955
|
}
|
|
9885
|
-
}), /* @__PURE__ */
|
|
9956
|
+
}), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9886
9957
|
control: control,
|
|
9887
9958
|
name: "city",
|
|
9888
9959
|
rules: {
|
|
@@ -9891,7 +9962,7 @@ var CheckoutForm = function(props) {
|
|
|
9891
9962
|
render: function(param) {
|
|
9892
9963
|
var field = param.field;
|
|
9893
9964
|
var _props_texts, _errors_city;
|
|
9894
|
-
return /* @__PURE__ */
|
|
9965
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9895
9966
|
width: "full",
|
|
9896
9967
|
type: "text",
|
|
9897
9968
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.cityLabel) + " *",
|
|
@@ -9900,9 +9971,9 @@ var CheckoutForm = function(props) {
|
|
|
9900
9971
|
value: (_field_value5 = field.value) !== null && _field_value5 !== void 0 ? _field_value5 : ""
|
|
9901
9972
|
}));
|
|
9902
9973
|
}
|
|
9903
|
-
})), /* @__PURE__ */
|
|
9974
|
+
})), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9904
9975
|
className: "flex flex-col md:flex-row"
|
|
9905
|
-
}, /* @__PURE__ */
|
|
9976
|
+
}, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9906
9977
|
control: control,
|
|
9907
9978
|
name: "buildingNumber",
|
|
9908
9979
|
rules: {
|
|
@@ -9911,7 +9982,7 @@ var CheckoutForm = function(props) {
|
|
|
9911
9982
|
render: function(param) {
|
|
9912
9983
|
var field = param.field;
|
|
9913
9984
|
var _props_texts, _errors_buildingNumber;
|
|
9914
|
-
return /* @__PURE__ */
|
|
9985
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9915
9986
|
width: "full",
|
|
9916
9987
|
type: "text",
|
|
9917
9988
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.buildingNumberLabel) + " *",
|
|
@@ -9920,11 +9991,11 @@ var CheckoutForm = function(props) {
|
|
|
9920
9991
|
value: (_field_value6 = field.value) !== null && _field_value6 !== void 0 ? _field_value6 : ""
|
|
9921
9992
|
}));
|
|
9922
9993
|
}
|
|
9923
|
-
}), /* @__PURE__ */
|
|
9994
|
+
}), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9924
9995
|
style: {
|
|
9925
9996
|
width: 20
|
|
9926
9997
|
}
|
|
9927
|
-
}), /* @__PURE__ */
|
|
9998
|
+
}), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9928
9999
|
control: control,
|
|
9929
10000
|
name: "zipCode",
|
|
9930
10001
|
rules: {
|
|
@@ -9933,7 +10004,7 @@ var CheckoutForm = function(props) {
|
|
|
9933
10004
|
render: function(param) {
|
|
9934
10005
|
var field = param.field;
|
|
9935
10006
|
var _props_texts, _errors_zipCode;
|
|
9936
|
-
return /* @__PURE__ */
|
|
10007
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
|
|
9937
10008
|
width: "full",
|
|
9938
10009
|
type: "number",
|
|
9939
10010
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.zipCodeLabel) + " *",
|
|
@@ -9942,9 +10013,9 @@ var CheckoutForm = function(props) {
|
|
|
9942
10013
|
value: (_field_value7 = field.value) !== null && _field_value7 !== void 0 ? _field_value7 : ""
|
|
9943
10014
|
}));
|
|
9944
10015
|
}
|
|
9945
|
-
})), /* @__PURE__ */
|
|
10016
|
+
})), /* @__PURE__ */ import_react83.default.createElement("div", {
|
|
9946
10017
|
className: "mb-3"
|
|
9947
|
-
}, /* @__PURE__ */
|
|
10018
|
+
}, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
|
|
9948
10019
|
control: control,
|
|
9949
10020
|
name: "country",
|
|
9950
10021
|
rules: {
|
|
@@ -9953,7 +10024,7 @@ var CheckoutForm = function(props) {
|
|
|
9953
10024
|
render: function(param) {
|
|
9954
10025
|
var field = param.field;
|
|
9955
10026
|
var _props_texts, _errors_country;
|
|
9956
|
-
return /* @__PURE__ */
|
|
10027
|
+
return /* @__PURE__ */ import_react83.default.createElement(HawaSelect, {
|
|
9957
10028
|
native: true,
|
|
9958
10029
|
label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.countryLabel) + " *",
|
|
9959
10030
|
helperText: (_errors_country = errors.country) === null || _errors_country === void 0 ? void 0 : _errors_country.message,
|
|
@@ -9965,73 +10036,73 @@ var CheckoutForm = function(props) {
|
|
|
9965
10036
|
return field.onChange(e.country_label);
|
|
9966
10037
|
},
|
|
9967
10038
|
value: (_field_value8 = field.value) !== null && _field_value8 !== void 0 ? _field_value8 : ""
|
|
9968
|
-
}, /* @__PURE__ */
|
|
9969
|
-
return /* @__PURE__ */
|
|
10039
|
+
}, /* @__PURE__ */ import_react83.default.createElement("option", null), props.countriesList.map(function(country, i) {
|
|
10040
|
+
return /* @__PURE__ */ import_react83.default.createElement("option", {
|
|
9970
10041
|
key: i
|
|
9971
10042
|
}, country);
|
|
9972
10043
|
}));
|
|
9973
10044
|
}
|
|
9974
|
-
}))))), /* @__PURE__ */
|
|
10045
|
+
}))))), /* @__PURE__ */ import_react83.default.createElement(CardFooter, null, /* @__PURE__ */ import_react83.default.createElement(Button, {
|
|
9975
10046
|
className: "w-full"
|
|
9976
10047
|
}, props.texts.payNow)), " "));
|
|
9977
10048
|
};
|
|
9978
10049
|
// src/blocks/Payment/Confirmation.tsx
|
|
9979
|
-
var
|
|
10050
|
+
var import_react84 = __toESM(require("react"));
|
|
9980
10051
|
var ConfirmationPage = function(props) {
|
|
9981
10052
|
var isArabic = props.lang === "ar";
|
|
9982
|
-
return /* @__PURE__ */
|
|
10053
|
+
return /* @__PURE__ */ import_react84.default.createElement(Card, null, /* @__PURE__ */ import_react84.default.createElement(CardContent, {
|
|
9983
10054
|
headless: true
|
|
9984
|
-
}, " ", /* @__PURE__ */
|
|
10055
|
+
}, " ", /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
9985
10056
|
className: "py-5 text-center text-3xl font-bold dark:text-white"
|
|
9986
|
-
}, props.confirmationTitle), /* @__PURE__ */
|
|
10057
|
+
}, props.confirmationTitle), /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
9987
10058
|
className: "py-5 dark:text-white"
|
|
9988
|
-
}, /* @__PURE__ */
|
|
10059
|
+
}, /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
9989
10060
|
className: "mb-2 text-center"
|
|
9990
|
-
}, props.texts.successMessage, " ", /* @__PURE__ */
|
|
10061
|
+
}, props.texts.successMessage, " ", /* @__PURE__ */ import_react84.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
9991
10062
|
className: "text-center"
|
|
9992
|
-
}, props.texts.yourOrderNumber), /* @__PURE__ */
|
|
10063
|
+
}, props.texts.yourOrderNumber), /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
9993
10064
|
className: "text-center font-bold"
|
|
9994
|
-
}, props.orderNumber)), /* @__PURE__ */
|
|
10065
|
+
}, props.orderNumber)), /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
9995
10066
|
className: "flex flex-col items-center justify-center gap-4 py-5 pt-0"
|
|
9996
|
-
}, /* @__PURE__ */
|
|
10067
|
+
}, /* @__PURE__ */ import_react84.default.createElement(Button, {
|
|
9997
10068
|
className: "w-full",
|
|
9998
10069
|
onClick: props.handlePrint
|
|
9999
|
-
}, props.texts.print), /* @__PURE__ */
|
|
10070
|
+
}, props.texts.print), /* @__PURE__ */ import_react84.default.createElement(Button, {
|
|
10000
10071
|
className: "w-full",
|
|
10001
10072
|
onClick: props.handleHistory
|
|
10002
|
-
}, props.texts.history), /* @__PURE__ */
|
|
10073
|
+
}, props.texts.history), /* @__PURE__ */ import_react84.default.createElement(Button, {
|
|
10003
10074
|
className: "w-full",
|
|
10004
10075
|
onClick: props.handleHome
|
|
10005
|
-
}, props.texts.homePage), /* @__PURE__ */
|
|
10076
|
+
}, props.texts.homePage), /* @__PURE__ */ import_react84.default.createElement("div", {
|
|
10006
10077
|
className: " text-center text-sm dark:text-white"
|
|
10007
|
-
}, props.texts.fasterPaymentNote), /* @__PURE__ */
|
|
10078
|
+
}, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react84.default.createElement("a", {
|
|
10008
10079
|
className: "clickable-link text-xs",
|
|
10009
10080
|
onClick: props.handleRefundPolicyLink
|
|
10010
10081
|
}, props.texts.refundPolicy))));
|
|
10011
10082
|
};
|
|
10012
10083
|
// src/blocks/Pricing/PricingPlans.tsx
|
|
10013
|
-
var
|
|
10084
|
+
var import_react85 = __toESM(require("react"));
|
|
10014
10085
|
var PricingPlans = function(props) {
|
|
10015
|
-
return /* @__PURE__ */
|
|
10086
|
+
return /* @__PURE__ */ import_react85.default.createElement("div", null, /* @__PURE__ */ import_react85.default.createElement("div", {
|
|
10016
10087
|
className: "mb-2 flex w-full justify-between"
|
|
10017
|
-
}, /* @__PURE__ */
|
|
10088
|
+
}, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
|
|
10018
10089
|
design: "tabs",
|
|
10019
10090
|
defaultValue: props.currentCycle,
|
|
10020
10091
|
options: props.billingCycles,
|
|
10021
10092
|
onChangeTab: function(e) {
|
|
10022
10093
|
return props.onCycleChange(e);
|
|
10023
10094
|
}
|
|
10024
|
-
}), /* @__PURE__ */
|
|
10095
|
+
}), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
|
|
10025
10096
|
design: "tabs",
|
|
10026
10097
|
defaultValue: props.currentCurrency,
|
|
10027
10098
|
options: props.currencies,
|
|
10028
10099
|
onChangeTab: function(e) {
|
|
10029
10100
|
return props.onCurrencyChange(e);
|
|
10030
10101
|
}
|
|
10031
|
-
})), /* @__PURE__ */
|
|
10102
|
+
})), /* @__PURE__ */ import_react85.default.createElement("div", {
|
|
10032
10103
|
className: "flex flex-row justify-between"
|
|
10033
10104
|
}, props.plans.map(function(plan, index) {
|
|
10034
|
-
return /* @__PURE__ */
|
|
10105
|
+
return /* @__PURE__ */ import_react85.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
|
|
10035
10106
|
key: index,
|
|
10036
10107
|
onPlanClicked: function() {
|
|
10037
10108
|
return props.onPlanClicked(plan);
|
|
@@ -10045,26 +10116,26 @@ var PricingPlans = function(props) {
|
|
|
10045
10116
|
})));
|
|
10046
10117
|
};
|
|
10047
10118
|
// src/blocks/Pricing/ComparingPlans.tsx
|
|
10048
|
-
var
|
|
10119
|
+
var import_react86 = __toESM(require("react"));
|
|
10049
10120
|
var CheckMark = function() {
|
|
10050
|
-
return /* @__PURE__ */
|
|
10121
|
+
return /* @__PURE__ */ import_react86.default.createElement("svg", {
|
|
10051
10122
|
className: "h-5 w-5 text-green-500",
|
|
10052
10123
|
"aria-hidden": "true",
|
|
10053
10124
|
fill: "currentColor",
|
|
10054
10125
|
viewBox: "0 0 20 20"
|
|
10055
|
-
}, /* @__PURE__ */
|
|
10126
|
+
}, /* @__PURE__ */ import_react86.default.createElement("path", {
|
|
10056
10127
|
fillRule: "evenodd",
|
|
10057
10128
|
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
|
10058
10129
|
clipRule: "evenodd"
|
|
10059
10130
|
}));
|
|
10060
10131
|
};
|
|
10061
10132
|
var UncheckMark = function() {
|
|
10062
|
-
return /* @__PURE__ */
|
|
10133
|
+
return /* @__PURE__ */ import_react86.default.createElement("svg", {
|
|
10063
10134
|
className: "h-5 w-5 text-red-500",
|
|
10064
10135
|
"aria-hidden": "true",
|
|
10065
10136
|
fill: "currentColor",
|
|
10066
10137
|
viewBox: "0 0 20 20"
|
|
10067
|
-
}, /* @__PURE__ */
|
|
10138
|
+
}, /* @__PURE__ */ import_react86.default.createElement("path", {
|
|
10068
10139
|
fillRule: "evenodd",
|
|
10069
10140
|
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
10070
10141
|
clipRule: "evenodd"
|
|
@@ -10072,74 +10143,74 @@ var UncheckMark = function() {
|
|
|
10072
10143
|
};
|
|
10073
10144
|
var ComparingPlans = function(props) {
|
|
10074
10145
|
var _props_plans;
|
|
10075
|
-
var _ref = _sliced_to_array((0,
|
|
10076
|
-
var _ref1 = _sliced_to_array((0,
|
|
10077
|
-
return /* @__PURE__ */
|
|
10146
|
+
var _ref = _sliced_to_array((0, import_react86.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
|
|
10147
|
+
var _ref1 = _sliced_to_array((0, import_react86.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
|
|
10148
|
+
return /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10078
10149
|
id: "detailed-pricing",
|
|
10079
10150
|
className: "w-full overflow-x-auto"
|
|
10080
|
-
}, /* @__PURE__ */
|
|
10151
|
+
}, /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10081
10152
|
className: "mb-2 flex w-full justify-between"
|
|
10082
|
-
}, /* @__PURE__ */
|
|
10153
|
+
}, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
|
|
10083
10154
|
design: "tabs",
|
|
10084
10155
|
defaultValue: currentCycle,
|
|
10085
10156
|
options: props.billingCycles,
|
|
10086
10157
|
onChangeTab: function(e) {
|
|
10087
10158
|
return props.onCycleChange(e);
|
|
10088
10159
|
}
|
|
10089
|
-
}), /* @__PURE__ */
|
|
10160
|
+
}), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
|
|
10090
10161
|
design: "tabs",
|
|
10091
10162
|
defaultValue: currentCurrency,
|
|
10092
10163
|
options: props.currencies,
|
|
10093
10164
|
onChangeTab: function(e) {
|
|
10094
10165
|
return props.onCurrencyChange(e);
|
|
10095
10166
|
}
|
|
10096
|
-
})), /* @__PURE__ */
|
|
10167
|
+
})), /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10097
10168
|
className: " overflow-hidden rounded"
|
|
10098
|
-
}, /* @__PURE__ */
|
|
10169
|
+
}, /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10099
10170
|
className: "grid grid-cols-4 gap-x-2 border-b border-t border-gray-200 bg-gray-100 p-4 text-sm font-medium text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-white"
|
|
10100
|
-
}, /* @__PURE__ */
|
|
10171
|
+
}, /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10101
10172
|
className: "flex items-center"
|
|
10102
10173
|
}), props.plans.map(function(plan) {
|
|
10103
|
-
return /* @__PURE__ */
|
|
10174
|
+
return /* @__PURE__ */ import_react86.default.createElement("div", null, /* @__PURE__ */ import_react86.default.createElement("h5", {
|
|
10104
10175
|
className: "text-md 0 font-bold text-gray-500 dark:text-gray-400"
|
|
10105
|
-
}, plan.texts.title), /* @__PURE__ */
|
|
10176
|
+
}, plan.texts.title), /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10106
10177
|
className: " flex items-baseline text-gray-900 dark:text-white"
|
|
10107
|
-
}, /* @__PURE__ */
|
|
10178
|
+
}, /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("span", {
|
|
10108
10179
|
className: "text-5xl font-extrabold tracking-tight"
|
|
10109
|
-
}, plan.price), /* @__PURE__ */
|
|
10180
|
+
}, plan.price), /* @__PURE__ */ import_react86.default.createElement("span", {
|
|
10110
10181
|
className: "mx-1 text-sm font-semibold"
|
|
10111
|
-
}, plan.texts.currencyText)), /* @__PURE__ */
|
|
10182
|
+
}, plan.texts.currencyText)), /* @__PURE__ */ import_react86.default.createElement("span", {
|
|
10112
10183
|
className: "ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"
|
|
10113
|
-
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */
|
|
10184
|
+
}, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react86.default.createElement("h5", {
|
|
10114
10185
|
className: "text-md font-normal text-gray-500 dark:text-gray-400"
|
|
10115
10186
|
}, plan.texts.subtitle));
|
|
10116
10187
|
})), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
|
|
10117
10188
|
return plan.features.map(function(feature) {
|
|
10118
|
-
return /* @__PURE__ */
|
|
10189
|
+
return /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10119
10190
|
className: "grid grid-cols-4 gap-x-16 border-b border-gray-200 px-4 py-5 text-sm text-gray-700 dark:border-gray-700"
|
|
10120
|
-
}, /* @__PURE__ */
|
|
10191
|
+
}, /* @__PURE__ */ import_react86.default.createElement("div", {
|
|
10121
10192
|
className: " flex flex-row items-center gap-2 text-gray-500 dark:text-gray-400"
|
|
10122
|
-
}, feature.text, feature.description && /* @__PURE__ */
|
|
10193
|
+
}, feature.text, feature.description && /* @__PURE__ */ import_react86.default.createElement(Tooltip, {
|
|
10123
10194
|
side: "right",
|
|
10124
10195
|
content: feature.description
|
|
10125
|
-
}, /* @__PURE__ */
|
|
10196
|
+
}, /* @__PURE__ */ import_react86.default.createElement("svg", {
|
|
10126
10197
|
stroke: "currentColor",
|
|
10127
10198
|
fill: "currentColor",
|
|
10128
10199
|
strokeWidth: "0",
|
|
10129
10200
|
viewBox: "0 0 16 16",
|
|
10130
10201
|
height: "1em",
|
|
10131
10202
|
width: "1em"
|
|
10132
|
-
}, /* @__PURE__ */
|
|
10203
|
+
}, /* @__PURE__ */ import_react86.default.createElement("path", {
|
|
10133
10204
|
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"
|
|
10134
|
-
})))), /* @__PURE__ */
|
|
10205
|
+
})))), /* @__PURE__ */ import_react86.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react86.default.createElement(CheckMark, null), /* @__PURE__ */ import_react86.default.createElement(UncheckMark, null));
|
|
10135
10206
|
});
|
|
10136
10207
|
})));
|
|
10137
10208
|
};
|
|
10138
10209
|
// src/blocks/Pricing/HorizontalPricing.tsx
|
|
10139
|
-
var
|
|
10210
|
+
var import_react87 = __toESM(require("react"));
|
|
10140
10211
|
var import_clsx33 = __toESM(require("clsx"));
|
|
10141
10212
|
var HorizontalPricing = function(props) {
|
|
10142
|
-
var _ref = _sliced_to_array((0,
|
|
10213
|
+
var _ref = _sliced_to_array((0, import_react87.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
|
|
10143
10214
|
var data = [
|
|
10144
10215
|
{
|
|
10145
10216
|
title: "basic",
|
|
@@ -10157,155 +10228,155 @@ var HorizontalPricing = function(props) {
|
|
|
10157
10228
|
cycle: "/mo"
|
|
10158
10229
|
}
|
|
10159
10230
|
];
|
|
10160
|
-
return /* @__PURE__ */
|
|
10231
|
+
return /* @__PURE__ */ import_react87.default.createElement("div", {
|
|
10161
10232
|
className: "z-10 w-full max-w-screen-sm"
|
|
10162
|
-
}, /* @__PURE__ */
|
|
10233
|
+
}, /* @__PURE__ */ import_react87.default.createElement("div", {
|
|
10163
10234
|
className: "max-w-2xl "
|
|
10164
|
-
}, /* @__PURE__ */
|
|
10235
|
+
}, /* @__PURE__ */ import_react87.default.createElement("div", {
|
|
10165
10236
|
className: "flex flex-row justify-between"
|
|
10166
|
-
}, /* @__PURE__ */
|
|
10237
|
+
}, /* @__PURE__ */ import_react87.default.createElement(HawaRadio, {
|
|
10167
10238
|
design: "tabs",
|
|
10168
10239
|
options: props.currencies,
|
|
10169
10240
|
defaultValue: props.currentCurrency
|
|
10170
|
-
}), /* @__PURE__ */
|
|
10241
|
+
}), /* @__PURE__ */ import_react87.default.createElement(HawaRadio, {
|
|
10171
10242
|
design: "tabs",
|
|
10172
10243
|
options: props.billingCycles,
|
|
10173
10244
|
defaultValue: props.currentCycle
|
|
10174
10245
|
})), data.map(function(d) {
|
|
10175
|
-
return /* @__PURE__ */
|
|
10246
|
+
return /* @__PURE__ */ import_react87.default.createElement("label", {
|
|
10176
10247
|
htmlFor: d.title,
|
|
10177
10248
|
className: "",
|
|
10178
10249
|
onClick: function() {
|
|
10179
10250
|
return setSelectedCard(d.title);
|
|
10180
10251
|
}
|
|
10181
|
-
}, /* @__PURE__ */
|
|
10252
|
+
}, /* @__PURE__ */ import_react87.default.createElement("input", {
|
|
10182
10253
|
type: "radio",
|
|
10183
10254
|
name: "radio",
|
|
10184
10255
|
id: d.title,
|
|
10185
10256
|
className: "peer appearance-none"
|
|
10186
|
-
}), /* @__PURE__ */
|
|
10257
|
+
}), /* @__PURE__ */ import_react87.default.createElement("div", {
|
|
10187
10258
|
className: (0, import_clsx33.default)(selectedCard === d.title ? "peer-checked:border-blue-500" : "", "peer flex cursor-pointer items-center justify-between rounded-xl border bg-background px-5 py-4 shadow dark:text-white peer-checked:[&_.active]:block peer-checked:[&_.default]:hidden")
|
|
10188
|
-
}, /* @__PURE__ */
|
|
10259
|
+
}, /* @__PURE__ */ import_react87.default.createElement("div", {
|
|
10189
10260
|
className: "peer flex items-center gap-4"
|
|
10190
|
-
}, /* @__PURE__ */
|
|
10261
|
+
}, /* @__PURE__ */ import_react87.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react87.default.createElement(CardText, {
|
|
10191
10262
|
title: "Enterprise",
|
|
10192
10263
|
subtitle: "For startups and new businesses"
|
|
10193
|
-
})), /* @__PURE__ */
|
|
10264
|
+
})), /* @__PURE__ */ import_react87.default.createElement(CardPrice, {
|
|
10194
10265
|
amount: d.price,
|
|
10195
10266
|
cycle: d.cycle
|
|
10196
10267
|
})));
|
|
10197
10268
|
})));
|
|
10198
10269
|
};
|
|
10199
10270
|
var CheckIcons = function() {
|
|
10200
|
-
return /* @__PURE__ */
|
|
10271
|
+
return /* @__PURE__ */ import_react87.default.createElement(import_react87.default.Fragment, null, /* @__PURE__ */ import_react87.default.createElement("svg", {
|
|
10201
10272
|
fill: "none",
|
|
10202
10273
|
viewBox: "0 0 24 24",
|
|
10203
10274
|
strokeWidth: "1.5",
|
|
10204
10275
|
stroke: "currentColor",
|
|
10205
10276
|
className: "default h-8 w-8 text-neutral-500"
|
|
10206
|
-
}, /* @__PURE__ */
|
|
10277
|
+
}, /* @__PURE__ */ import_react87.default.createElement("path", {
|
|
10207
10278
|
strokeLinecap: "round",
|
|
10208
10279
|
strokeLinejoin: "round",
|
|
10209
10280
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
10210
|
-
})), /* @__PURE__ */
|
|
10281
|
+
})), /* @__PURE__ */ import_react87.default.createElement("svg", {
|
|
10211
10282
|
viewBox: "0 0 24 24",
|
|
10212
10283
|
fill: "currentColor",
|
|
10213
10284
|
className: "active hidden h-8 w-8 text-blue-500"
|
|
10214
|
-
}, /* @__PURE__ */
|
|
10285
|
+
}, /* @__PURE__ */ import_react87.default.createElement("path", {
|
|
10215
10286
|
fillRule: "evenodd",
|
|
10216
10287
|
clipRule: "evenodd",
|
|
10217
10288
|
d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
|
|
10218
10289
|
})));
|
|
10219
10290
|
};
|
|
10220
10291
|
var CardText = function(props) {
|
|
10221
|
-
return /* @__PURE__ */
|
|
10292
|
+
return /* @__PURE__ */ import_react87.default.createElement("div", {
|
|
10222
10293
|
className: "peer flex flex-col items-start "
|
|
10223
|
-
}, /* @__PURE__ */
|
|
10294
|
+
}, /* @__PURE__ */ import_react87.default.createElement("h2", {
|
|
10224
10295
|
className: "font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"
|
|
10225
|
-
}, props.title), /* @__PURE__ */
|
|
10296
|
+
}, props.title), /* @__PURE__ */ import_react87.default.createElement("p", {
|
|
10226
10297
|
className: "text-sm text-neutral-500 dark:text-gray-300"
|
|
10227
10298
|
}, props.subtitle, " "));
|
|
10228
10299
|
};
|
|
10229
10300
|
var CardPrice = function(props) {
|
|
10230
|
-
return /* @__PURE__ */
|
|
10301
|
+
return /* @__PURE__ */ import_react87.default.createElement("h2", {
|
|
10231
10302
|
className: "peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"
|
|
10232
|
-
}, props.amount, /* @__PURE__ */
|
|
10303
|
+
}, props.amount, /* @__PURE__ */ import_react87.default.createElement("span", {
|
|
10233
10304
|
className: "text-base font-medium text-neutral-400"
|
|
10234
10305
|
}, props.cycle));
|
|
10235
10306
|
};
|
|
10236
10307
|
// src/blocks/Referral/ReferralAccount.tsx
|
|
10237
|
-
var
|
|
10308
|
+
var import_react88 = __toESM(require("react"));
|
|
10238
10309
|
var ReferralAccount = function(param) {
|
|
10239
10310
|
var referralLink = param.referralLink, referralCode = param.referralCode;
|
|
10240
|
-
return /* @__PURE__ */
|
|
10311
|
+
return /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
|
|
10241
10312
|
headless: true
|
|
10242
|
-
}, /* @__PURE__ */
|
|
10313
|
+
}, /* @__PURE__ */ import_react88.default.createElement("div", {
|
|
10243
10314
|
className: "my-2 mt-0"
|
|
10244
|
-
}, /* @__PURE__ */
|
|
10315
|
+
}, /* @__PURE__ */ import_react88.default.createElement("div", {
|
|
10245
10316
|
className: "mb-1"
|
|
10246
|
-
}, "Referral Code"), /* @__PURE__ */
|
|
10317
|
+
}, "Referral Code"), /* @__PURE__ */ import_react88.default.createElement("div", {
|
|
10247
10318
|
className: "flex flex-row items-center justify-between rounded border bg-background"
|
|
10248
|
-
}, /* @__PURE__ */
|
|
10319
|
+
}, /* @__PURE__ */ import_react88.default.createElement("span", {
|
|
10249
10320
|
className: "ml-3 font-bold"
|
|
10250
|
-
}, referralCode), /* @__PURE__ */
|
|
10321
|
+
}, referralCode), /* @__PURE__ */ import_react88.default.createElement(Button, {
|
|
10251
10322
|
onClick: function() {
|
|
10252
10323
|
return navigator.clipboard.writeText(referralCode);
|
|
10253
10324
|
}
|
|
10254
|
-
}, /* @__PURE__ */
|
|
10325
|
+
}, /* @__PURE__ */ import_react88.default.createElement("span", {
|
|
10255
10326
|
className: "bg-red flex items-center justify-center"
|
|
10256
|
-
}, /* @__PURE__ */
|
|
10327
|
+
}, /* @__PURE__ */ import_react88.default.createElement("svg", {
|
|
10257
10328
|
stroke: "currentColor",
|
|
10258
10329
|
fill: "currentColor",
|
|
10259
10330
|
strokeWidth: "0",
|
|
10260
10331
|
viewBox: "0 0 512 512",
|
|
10261
10332
|
height: "1em",
|
|
10262
10333
|
width: "1em"
|
|
10263
|
-
}, /* @__PURE__ */
|
|
10334
|
+
}, /* @__PURE__ */ import_react88.default.createElement("path", {
|
|
10264
10335
|
d: "M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"
|
|
10265
|
-
})), " ")))), /* @__PURE__ */
|
|
10336
|
+
})), " ")))), /* @__PURE__ */ import_react88.default.createElement("div", {
|
|
10266
10337
|
className: "my-2 mt-0"
|
|
10267
|
-
}, /* @__PURE__ */
|
|
10338
|
+
}, /* @__PURE__ */ import_react88.default.createElement("div", {
|
|
10268
10339
|
className: "mb-1"
|
|
10269
|
-
}, "Referral Link"), /* @__PURE__ */
|
|
10340
|
+
}, "Referral Link"), /* @__PURE__ */ import_react88.default.createElement("div", {
|
|
10270
10341
|
className: "flex flex-row items-center justify-between rounded border bg-background"
|
|
10271
|
-
}, /* @__PURE__ */
|
|
10342
|
+
}, /* @__PURE__ */ import_react88.default.createElement("span", {
|
|
10272
10343
|
className: "ml-3 font-bold"
|
|
10273
|
-
}, referralLink), /* @__PURE__ */
|
|
10344
|
+
}, referralLink), /* @__PURE__ */ import_react88.default.createElement(Button, {
|
|
10274
10345
|
onClick: function() {
|
|
10275
10346
|
return navigator.clipboard.writeText(referralLink);
|
|
10276
10347
|
}
|
|
10277
|
-
}, /* @__PURE__ */
|
|
10348
|
+
}, /* @__PURE__ */ import_react88.default.createElement("span", {
|
|
10278
10349
|
className: "bg-red flex items-center justify-center"
|
|
10279
|
-
}, /* @__PURE__ */
|
|
10350
|
+
}, /* @__PURE__ */ import_react88.default.createElement("svg", {
|
|
10280
10351
|
stroke: "currentColor",
|
|
10281
10352
|
fill: "currentColor",
|
|
10282
10353
|
strokeWidth: "0",
|
|
10283
10354
|
viewBox: "0 0 512 512",
|
|
10284
10355
|
height: "1em",
|
|
10285
10356
|
width: "1em"
|
|
10286
|
-
}, /* @__PURE__ */
|
|
10357
|
+
}, /* @__PURE__ */ import_react88.default.createElement("path", {
|
|
10287
10358
|
d: "M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"
|
|
10288
10359
|
})), " "))))));
|
|
10289
10360
|
};
|
|
10290
10361
|
// src/blocks/Referral/ReferralSettlement.tsx
|
|
10291
|
-
var
|
|
10362
|
+
var import_react89 = __toESM(require("react"));
|
|
10292
10363
|
var import_react_hook_form9 = require("react-hook-form");
|
|
10293
10364
|
var ReferralSettlement = function(param) {
|
|
10294
10365
|
var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
|
|
10295
10366
|
var methods = (0, import_react_hook_form9.useForm)();
|
|
10296
10367
|
var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
|
|
10297
|
-
return /* @__PURE__ */
|
|
10368
|
+
return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
|
|
10298
10369
|
headless: true
|
|
10299
|
-
}, /* @__PURE__ */
|
|
10370
|
+
}, /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(import_react_hook_form9.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react89.default.createElement(HawaTextField, {
|
|
10300
10371
|
label: "IBAN"
|
|
10301
|
-
}), /* @__PURE__ */
|
|
10372
|
+
}), /* @__PURE__ */ import_react89.default.createElement(HawaTextField, {
|
|
10302
10373
|
label: "Holder Name"
|
|
10303
|
-
}), /* @__PURE__ */
|
|
10374
|
+
}), /* @__PURE__ */ import_react89.default.createElement(import_react_hook_form9.Controller, {
|
|
10304
10375
|
control: control,
|
|
10305
10376
|
name: "bank",
|
|
10306
10377
|
render: function(param) {
|
|
10307
10378
|
var field = param.field;
|
|
10308
|
-
return /* @__PURE__ */
|
|
10379
|
+
return /* @__PURE__ */ import_react89.default.createElement(HawaSelect, _object_spread_props(_object_spread({
|
|
10309
10380
|
label: "Bank",
|
|
10310
10381
|
isCreatable: false,
|
|
10311
10382
|
isMulti: false,
|
|
@@ -10334,47 +10405,47 @@ var ReferralSettlement = function(param) {
|
|
|
10334
10405
|
}
|
|
10335
10406
|
}));
|
|
10336
10407
|
}
|
|
10337
|
-
}))), /* @__PURE__ */
|
|
10408
|
+
}))), /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(Button, {
|
|
10338
10409
|
className: "mt-6 w-full"
|
|
10339
|
-
}, "Add Bank Account")), withdrawError && /* @__PURE__ */
|
|
10410
|
+
}, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(HawaAlert, {
|
|
10340
10411
|
text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
|
|
10341
10412
|
severity: "warning"
|
|
10342
|
-
})), /* @__PURE__ */
|
|
10413
|
+
})), /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10343
10414
|
className: "mt-3"
|
|
10344
|
-
}, /* @__PURE__ */
|
|
10415
|
+
}, /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10345
10416
|
className: "mb-1"
|
|
10346
|
-
}, "Settlement Accounts"), /* @__PURE__ */
|
|
10417
|
+
}, "Settlement Accounts"), /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10347
10418
|
className: "rounded"
|
|
10348
|
-
}, /* @__PURE__ */
|
|
10419
|
+
}, /* @__PURE__ */ import_react89.default.createElement(SettlementAccountCard, {
|
|
10349
10420
|
bank: "Al Inma Bank",
|
|
10350
10421
|
iban: "SA10228094028098329119",
|
|
10351
10422
|
accountHolder: "Zakher Masri",
|
|
10352
10423
|
default: true
|
|
10353
|
-
}), /* @__PURE__ */
|
|
10424
|
+
}), /* @__PURE__ */ import_react89.default.createElement(SettlementAccountCard, {
|
|
10354
10425
|
bank: "Al Rajihi Bank",
|
|
10355
10426
|
iban: "SA10228094028098329119",
|
|
10356
10427
|
accountHolder: "Zakher Masri"
|
|
10357
|
-
}), /* @__PURE__ */
|
|
10428
|
+
}), /* @__PURE__ */ import_react89.default.createElement(SettlementAccountCard, {
|
|
10358
10429
|
bank: "Al Inma Bank",
|
|
10359
10430
|
iban: "SA10228094028098329119",
|
|
10360
10431
|
accountHolder: "Zakher Masri"
|
|
10361
10432
|
})))));
|
|
10362
10433
|
};
|
|
10363
10434
|
var SettlementAccountCard = function(props) {
|
|
10364
|
-
return /* @__PURE__ */
|
|
10435
|
+
return /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10365
10436
|
className: "mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"
|
|
10366
|
-
}, /* @__PURE__ */
|
|
10437
|
+
}, /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10367
10438
|
className: "flex flex-col justify-between"
|
|
10368
|
-
}, /* @__PURE__ */
|
|
10439
|
+
}, /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10369
10440
|
className: "text-xs"
|
|
10370
|
-
}, props.bank), /* @__PURE__ */
|
|
10441
|
+
}, props.bank), /* @__PURE__ */ import_react89.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10371
10442
|
className: "text-xs"
|
|
10372
|
-
}, props.iban)), /* @__PURE__ */
|
|
10443
|
+
}, props.iban)), /* @__PURE__ */ import_react89.default.createElement("div", {
|
|
10373
10444
|
className: "flex flex-row items-center justify-center gap-2"
|
|
10374
|
-
}, props.default && /* @__PURE__ */
|
|
10445
|
+
}, props.default && /* @__PURE__ */ import_react89.default.createElement(HawaChip, {
|
|
10375
10446
|
label: "Default",
|
|
10376
10447
|
size: "small"
|
|
10377
|
-
}), /* @__PURE__ */
|
|
10448
|
+
}), /* @__PURE__ */ import_react89.default.createElement(HawaMenu, {
|
|
10378
10449
|
size: "small",
|
|
10379
10450
|
menuItems: [
|
|
10380
10451
|
[
|
|
@@ -10390,10 +10461,10 @@ var SettlementAccountCard = function(props) {
|
|
|
10390
10461
|
}
|
|
10391
10462
|
]
|
|
10392
10463
|
]
|
|
10393
|
-
}, /* @__PURE__ */
|
|
10464
|
+
}, /* @__PURE__ */ import_react89.default.createElement(Button, {
|
|
10394
10465
|
variant: "outline",
|
|
10395
10466
|
size: "icon"
|
|
10396
|
-
}, /* @__PURE__ */
|
|
10467
|
+
}, /* @__PURE__ */ import_react89.default.createElement("svg", {
|
|
10397
10468
|
"aria-label": "Vertical Three Dots Menu Icon",
|
|
10398
10469
|
className: "rotate-90",
|
|
10399
10470
|
stroke: "currentColor",
|
|
@@ -10402,126 +10473,126 @@ var SettlementAccountCard = function(props) {
|
|
|
10402
10473
|
viewBox: "0 0 16 16",
|
|
10403
10474
|
height: "1em",
|
|
10404
10475
|
width: "1em"
|
|
10405
|
-
}, /* @__PURE__ */
|
|
10476
|
+
}, /* @__PURE__ */ import_react89.default.createElement("path", {
|
|
10406
10477
|
d: "M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"
|
|
10407
10478
|
}))))));
|
|
10408
10479
|
};
|
|
10409
10480
|
// src/blocks/Referral/ReferralStats.tsx
|
|
10410
|
-
var
|
|
10481
|
+
var import_react90 = __toESM(require("react"));
|
|
10411
10482
|
var ReferralStats = function(param) {
|
|
10412
10483
|
var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
|
|
10413
|
-
return /* @__PURE__ */
|
|
10484
|
+
return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
|
|
10414
10485
|
headless: true
|
|
10415
|
-
}, /* @__PURE__ */
|
|
10486
|
+
}, /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10416
10487
|
className: "mb-1"
|
|
10417
|
-
}, "Stats"), /* @__PURE__ */
|
|
10488
|
+
}, "Stats"), /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10418
10489
|
className: "justi flex flex-row gap-1"
|
|
10419
|
-
}, /* @__PURE__ */
|
|
10490
|
+
}, /* @__PURE__ */ import_react90.default.createElement(NumberCard, {
|
|
10420
10491
|
title: "Clicks",
|
|
10421
10492
|
number: 22
|
|
10422
|
-
}), /* @__PURE__ */
|
|
10493
|
+
}), /* @__PURE__ */ import_react90.default.createElement(NumberCard, {
|
|
10423
10494
|
title: "Sign-ups",
|
|
10424
10495
|
number: 32
|
|
10425
|
-
}), /* @__PURE__ */
|
|
10496
|
+
}), /* @__PURE__ */ import_react90.default.createElement(NumberCard, {
|
|
10426
10497
|
title: "Commission",
|
|
10427
10498
|
number: "213.22 SAR"
|
|
10428
|
-
})), /* @__PURE__ */
|
|
10499
|
+
})), /* @__PURE__ */ import_react90.default.createElement(Button, {
|
|
10429
10500
|
className: "mt-6 w-full"
|
|
10430
|
-
}, "Withdraw Money"), withdrawError && /* @__PURE__ */
|
|
10501
|
+
}, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement(HawaAlert, {
|
|
10431
10502
|
text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
|
|
10432
10503
|
severity: "warning"
|
|
10433
|
-
})), /* @__PURE__ */
|
|
10504
|
+
})), /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10434
10505
|
className: "mt-3"
|
|
10435
|
-
}, /* @__PURE__ */
|
|
10506
|
+
}, /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10436
10507
|
className: "mb-1"
|
|
10437
|
-
}, "Sign ups"), /* @__PURE__ */
|
|
10508
|
+
}, "Sign ups"), /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10438
10509
|
className: "rounded"
|
|
10439
|
-
}, /* @__PURE__ */
|
|
10510
|
+
}, /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
|
|
10440
10511
|
date: "2020/10/11 @ 9:45 pm",
|
|
10441
10512
|
email: "zakher@sikka.io",
|
|
10442
10513
|
amount: "3.4 SAR / Month"
|
|
10443
|
-
}), /* @__PURE__ */
|
|
10514
|
+
}), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
|
|
10444
10515
|
date: "2022/10/11 @ 9:45 pm",
|
|
10445
10516
|
email: "zakher@sikka.io",
|
|
10446
10517
|
amount: "3.4 SAR / Month"
|
|
10447
|
-
}), /* @__PURE__ */
|
|
10518
|
+
}), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
|
|
10448
10519
|
date: "2022/10/11 @ 9:45 pm",
|
|
10449
10520
|
email: "zakher@sikka.io",
|
|
10450
10521
|
amount: "3.4 SAR / Month"
|
|
10451
|
-
}), /* @__PURE__ */
|
|
10522
|
+
}), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
|
|
10452
10523
|
date: "2022/10/11 @ 9:45 pm",
|
|
10453
10524
|
email: "zakher@sikka.io",
|
|
10454
10525
|
amount: "3.4 SAR / Month"
|
|
10455
|
-
}), /* @__PURE__ */
|
|
10526
|
+
}), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
|
|
10456
10527
|
date: "2022/10/11 @ 9:45 pm",
|
|
10457
10528
|
email: "zakher@sikka.io",
|
|
10458
10529
|
amount: "3.4 SAR / Month"
|
|
10459
10530
|
})))));
|
|
10460
10531
|
};
|
|
10461
10532
|
var NumberCard = function(props) {
|
|
10462
|
-
return /* @__PURE__ */
|
|
10533
|
+
return /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10463
10534
|
className: "w-full rounded border bg-background p-2"
|
|
10464
|
-
}, /* @__PURE__ */
|
|
10535
|
+
}, /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10465
10536
|
className: "text-sm"
|
|
10466
|
-
}, props.title), /* @__PURE__ */
|
|
10537
|
+
}, props.title), /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10467
10538
|
className: "font-bold"
|
|
10468
10539
|
}, props.number));
|
|
10469
10540
|
};
|
|
10470
10541
|
var ReferralSignUpCard = function(props) {
|
|
10471
|
-
return /* @__PURE__ */
|
|
10542
|
+
return /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10472
10543
|
className: "mb-3 rounded border-b bg-background p-2"
|
|
10473
|
-
}, /* @__PURE__ */
|
|
10544
|
+
}, /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10474
10545
|
className: "text-xs"
|
|
10475
|
-
}, props.date), /* @__PURE__ */
|
|
10546
|
+
}, props.date), /* @__PURE__ */ import_react90.default.createElement("div", {
|
|
10476
10547
|
className: "flex flex-row justify-between"
|
|
10477
|
-
}, /* @__PURE__ */
|
|
10548
|
+
}, /* @__PURE__ */ import_react90.default.createElement("div", null, props.email), /* @__PURE__ */ import_react90.default.createElement("div", null, props.amount)));
|
|
10478
10549
|
};
|
|
10479
10550
|
// src/blocks/Misc/NotFound.tsx
|
|
10480
|
-
var
|
|
10551
|
+
var import_react91 = __toESM(require("react"));
|
|
10481
10552
|
var NotFound = function(param) {
|
|
10482
10553
|
var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
|
|
10483
10554
|
var _texts, _texts1, _texts2;
|
|
10484
10555
|
var _texts_pageNotFound, _texts_ifLost, _texts_home;
|
|
10485
|
-
return /* @__PURE__ */
|
|
10556
|
+
return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
|
|
10486
10557
|
headless: true
|
|
10487
|
-
}, /* @__PURE__ */
|
|
10558
|
+
}, /* @__PURE__ */ import_react91.default.createElement("div", {
|
|
10488
10559
|
className: "flex flex-col items-center dark:text-white"
|
|
10489
|
-
}, /* @__PURE__ */
|
|
10560
|
+
}, /* @__PURE__ */ import_react91.default.createElement("div", {
|
|
10490
10561
|
className: "text-center text-6xl font-bold "
|
|
10491
|
-
}, "404"), /* @__PURE__ */
|
|
10562
|
+
}, "404"), /* @__PURE__ */ import_react91.default.createElement("div", {
|
|
10492
10563
|
className: "m-2 text-center text-xl font-bold "
|
|
10493
|
-
}, (_texts_pageNotFound = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */
|
|
10564
|
+
}, (_texts_pageNotFound = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react91.default.createElement("div", {
|
|
10494
10565
|
className: "mb-4 text-center"
|
|
10495
|
-
}, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */
|
|
10566
|
+
}, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react91.default.createElement("span", {
|
|
10496
10567
|
className: "clickable-link"
|
|
10497
|
-
}, "help@sikka.io"))), /* @__PURE__ */
|
|
10568
|
+
}, "help@sikka.io"))), /* @__PURE__ */ import_react91.default.createElement(Button, {
|
|
10498
10569
|
className: "w-full"
|
|
10499
10570
|
}, (_texts_home = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
|
|
10500
10571
|
};
|
|
10501
10572
|
// src/blocks/Misc/EmptyState.tsx
|
|
10502
|
-
var
|
|
10573
|
+
var import_react92 = __toESM(require("react"));
|
|
10503
10574
|
var EmptyState = function(param) {
|
|
10504
10575
|
var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, onActionClick = param.onActionClick;
|
|
10505
10576
|
var _texts, _texts1;
|
|
10506
10577
|
var _texts_youreCaughtUp, _texts_actionText;
|
|
10507
|
-
return /* @__PURE__ */
|
|
10578
|
+
return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
|
|
10508
10579
|
headless: true
|
|
10509
|
-
}, /* @__PURE__ */
|
|
10580
|
+
}, /* @__PURE__ */ import_react92.default.createElement("div", {
|
|
10510
10581
|
className: "flex flex-col items-center justify-center text-center "
|
|
10511
|
-
}, /* @__PURE__ */
|
|
10582
|
+
}, /* @__PURE__ */ import_react92.default.createElement("div", {
|
|
10512
10583
|
className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"
|
|
10513
|
-
}, /* @__PURE__ */
|
|
10584
|
+
}, /* @__PURE__ */ import_react92.default.createElement("svg", {
|
|
10514
10585
|
stroke: "currentColor",
|
|
10515
10586
|
fill: "currentColor",
|
|
10516
10587
|
strokeWidth: "0",
|
|
10517
10588
|
viewBox: "0 0 512 512",
|
|
10518
10589
|
height: "0.35em",
|
|
10519
10590
|
width: "0.35em"
|
|
10520
|
-
}, /* @__PURE__ */
|
|
10591
|
+
}, /* @__PURE__ */ import_react92.default.createElement("path", {
|
|
10521
10592
|
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"
|
|
10522
|
-
}))), /* @__PURE__ */
|
|
10593
|
+
}))), /* @__PURE__ */ import_react92.default.createElement("div", {
|
|
10523
10594
|
className: "m-2 text-xl font-bold"
|
|
10524
|
-
}, (_texts_youreCaughtUp = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */
|
|
10595
|
+
}, (_texts_youreCaughtUp = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react92.default.createElement(CardFooter, null, /* @__PURE__ */ import_react92.default.createElement(Button, {
|
|
10525
10596
|
className: "w-full",
|
|
10526
10597
|
onClick: function() {
|
|
10527
10598
|
return onActionClick();
|
|
@@ -10529,101 +10600,101 @@ var EmptyState = function(param) {
|
|
|
10529
10600
|
}, (_texts_actionText = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
|
|
10530
10601
|
};
|
|
10531
10602
|
// src/blocks/Misc/Testimonial.tsx
|
|
10532
|
-
var
|
|
10603
|
+
var import_react93 = __toESM(require("react"));
|
|
10533
10604
|
var Testimonial = function(props) {
|
|
10534
|
-
return /* @__PURE__ */
|
|
10605
|
+
return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardContent, {
|
|
10535
10606
|
headless: true
|
|
10536
|
-
}, /* @__PURE__ */
|
|
10607
|
+
}, /* @__PURE__ */ import_react93.default.createElement("div", null, /* @__PURE__ */ import_react93.default.createElement("p", {
|
|
10537
10608
|
className: "mb-4 max-w-sm"
|
|
10538
|
-
}, "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__ */
|
|
10609
|
+
}, "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_react93.default.createElement("div", {
|
|
10539
10610
|
className: "flex flex-row gap-4"
|
|
10540
|
-
}, /* @__PURE__ */
|
|
10611
|
+
}, /* @__PURE__ */ import_react93.default.createElement("svg", {
|
|
10541
10612
|
width: "48",
|
|
10542
10613
|
height: "48",
|
|
10543
10614
|
viewBox: "0 0 48 48",
|
|
10544
10615
|
fill: "none"
|
|
10545
|
-
}, /* @__PURE__ */
|
|
10616
|
+
}, /* @__PURE__ */ import_react93.default.createElement("rect", {
|
|
10546
10617
|
width: "48",
|
|
10547
10618
|
height: "48",
|
|
10548
10619
|
rx: "24",
|
|
10549
10620
|
fill: "#45BE8B"
|
|
10550
|
-
}), /* @__PURE__ */
|
|
10621
|
+
}), /* @__PURE__ */ import_react93.default.createElement("path", {
|
|
10551
10622
|
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",
|
|
10552
10623
|
fill: "#FFFFFF"
|
|
10553
|
-
}), /* @__PURE__ */
|
|
10624
|
+
}), /* @__PURE__ */ import_react93.default.createElement("path", {
|
|
10554
10625
|
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",
|
|
10555
10626
|
fill: "#FFFFFF"
|
|
10556
|
-
})), /* @__PURE__ */
|
|
10627
|
+
})), /* @__PURE__ */ import_react93.default.createElement("span", {
|
|
10557
10628
|
className: "border border-l "
|
|
10558
|
-
}), " ", /* @__PURE__ */
|
|
10629
|
+
}), " ", /* @__PURE__ */ import_react93.default.createElement("div", null, /* @__PURE__ */ import_react93.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react93.default.createElement("div", null, " Chief Information Security Officer")))));
|
|
10559
10630
|
};
|
|
10560
10631
|
// src/blocks/Misc/LeadGenerator.tsx
|
|
10561
|
-
var
|
|
10632
|
+
var import_react94 = __toESM(require("react"));
|
|
10562
10633
|
var LeadGenerator = function(param) {
|
|
10563
10634
|
var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, handleNewsletterSub = param.handleNewsletterSub;
|
|
10564
10635
|
var _texts, _texts1, _texts2;
|
|
10565
10636
|
var _texts_submit;
|
|
10566
|
-
return /* @__PURE__ */
|
|
10637
|
+
return /* @__PURE__ */ import_react94.default.createElement(Card, null, /* @__PURE__ */ import_react94.default.createElement(CardHeader, null, /* @__PURE__ */ import_react94.default.createElement(CardTitle, null, (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title), /* @__PURE__ */ import_react94.default.createElement(CardDescription, null, (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle)), /* @__PURE__ */ import_react94.default.createElement(CardContent, null, /* @__PURE__ */ import_react94.default.createElement("form", {
|
|
10567
10638
|
className: "flex flex-row gap-2",
|
|
10568
10639
|
onSubmit: function(e) {
|
|
10569
10640
|
e.preventDefault();
|
|
10570
10641
|
handleNewsletterSub(e.target[0].value);
|
|
10571
10642
|
}
|
|
10572
|
-
}, /* @__PURE__ */
|
|
10643
|
+
}, /* @__PURE__ */ import_react94.default.createElement(Input, {
|
|
10573
10644
|
type: "email",
|
|
10574
10645
|
name: "email",
|
|
10575
10646
|
placeholder: "example@sikka.io"
|
|
10576
|
-
}), /* @__PURE__ */
|
|
10647
|
+
}), /* @__PURE__ */ import_react94.default.createElement(Button, null, (_texts_submit = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
|
|
10577
10648
|
};
|
|
10578
10649
|
// src/blocks/Misc/Announcement.tsx
|
|
10579
|
-
var
|
|
10650
|
+
var import_react95 = __toESM(require("react"));
|
|
10580
10651
|
var Announcement = function(_param) {
|
|
10581
10652
|
var _param_variant = _param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
|
|
10582
10653
|
"variant",
|
|
10583
10654
|
"onActionClick"
|
|
10584
10655
|
]);
|
|
10585
|
-
return /* @__PURE__ */
|
|
10656
|
+
return /* @__PURE__ */ import_react95.default.createElement(Card, null, /* @__PURE__ */ import_react95.default.createElement(CardContent, {
|
|
10586
10657
|
headless: true,
|
|
10587
10658
|
className: "flex flex-row items-center justify-between"
|
|
10588
|
-
}, /* @__PURE__ */
|
|
10659
|
+
}, /* @__PURE__ */ import_react95.default.createElement("div", {
|
|
10589
10660
|
className: "flex flex-col items-start justify-center "
|
|
10590
|
-
}, /* @__PURE__ */
|
|
10661
|
+
}, /* @__PURE__ */ import_react95.default.createElement("span", {
|
|
10591
10662
|
className: "text-lg font-bold"
|
|
10592
|
-
}, props.title), /* @__PURE__ */
|
|
10663
|
+
}, props.title), /* @__PURE__ */ import_react95.default.createElement("span", {
|
|
10593
10664
|
className: "text-sm"
|
|
10594
|
-
}, props.subtitle)), /* @__PURE__ */
|
|
10665
|
+
}, props.subtitle)), /* @__PURE__ */ import_react95.default.createElement(Button, {
|
|
10595
10666
|
onClick: function() {
|
|
10596
10667
|
return onActionClick();
|
|
10597
10668
|
}
|
|
10598
10669
|
}, props.actionText)));
|
|
10599
10670
|
};
|
|
10600
10671
|
// src/blocks/Misc/NoPermission.tsx
|
|
10601
|
-
var
|
|
10672
|
+
var import_react96 = __toESM(require("react"));
|
|
10602
10673
|
var NoPermission = function(param) {
|
|
10603
|
-
var
|
|
10674
|
+
var texts = param.texts;
|
|
10604
10675
|
var _texts, _texts1;
|
|
10605
10676
|
var _texts_title, _texts_subtitle;
|
|
10606
|
-
return /* @__PURE__ */
|
|
10677
|
+
return /* @__PURE__ */ import_react96.default.createElement(Card, null, /* @__PURE__ */ import_react96.default.createElement(CardContent, {
|
|
10607
10678
|
headless: true
|
|
10608
|
-
}, /* @__PURE__ */
|
|
10679
|
+
}, /* @__PURE__ */ import_react96.default.createElement("div", {
|
|
10609
10680
|
className: "flex flex-col items-center justify-center text-center"
|
|
10610
|
-
}, /* @__PURE__ */
|
|
10681
|
+
}, /* @__PURE__ */ import_react96.default.createElement("div", {
|
|
10611
10682
|
className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"
|
|
10612
|
-
}, /* @__PURE__ */
|
|
10683
|
+
}, /* @__PURE__ */ import_react96.default.createElement("svg", {
|
|
10613
10684
|
stroke: "currentColor",
|
|
10614
10685
|
fill: "currentColor",
|
|
10615
10686
|
strokeWidth: "0",
|
|
10616
10687
|
viewBox: "0 0 448 512",
|
|
10617
10688
|
height: "0.35em",
|
|
10618
10689
|
width: "0.35em"
|
|
10619
|
-
}, /* @__PURE__ */
|
|
10690
|
+
}, /* @__PURE__ */ import_react96.default.createElement("path", {
|
|
10620
10691
|
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"
|
|
10621
|
-
})), " "), /* @__PURE__ */
|
|
10692
|
+
})), " "), /* @__PURE__ */ import_react96.default.createElement("div", {
|
|
10622
10693
|
className: "m-2 text-xl font-bold"
|
|
10623
|
-
}, (_texts_title = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */
|
|
10694
|
+
}, (_texts_title = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react96.default.createElement("div", null, (_texts_subtitle = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle) !== null && _texts_subtitle !== void 0 ? _texts_subtitle : "If you think this is a problem please contact your administrator or our customer support"))));
|
|
10624
10695
|
};
|
|
10625
10696
|
// src/hooks/useHover.ts
|
|
10626
|
-
var
|
|
10697
|
+
var import_react97 = require("react");
|
|
10627
10698
|
// Annotate the CommonJS export names for ESM import in node:
|
|
10628
10699
|
0 && (module.exports = {
|
|
10629
10700
|
ActionCard: ActionCard,
|
|
@@ -10643,6 +10714,7 @@ var import_react96 = require("react");
|
|
|
10643
10714
|
CardTitle: CardTitle,
|
|
10644
10715
|
Carousel: Carousel,
|
|
10645
10716
|
ChargeWalletForm: ChargeWalletForm,
|
|
10717
|
+
CheckEmail: CheckEmail,
|
|
10646
10718
|
CheckoutForm: CheckoutForm,
|
|
10647
10719
|
CodeConfirmation: CodeConfirmation,
|
|
10648
10720
|
ComparingPlans: ComparingPlans,
|