@sikka/hawa 0.1.86 → 0.1.88

package/dist/index.js

@@ -265,6 +265,9 @@ __export(src_exports, {
     ChargeWalletForm: function() {
         return ChargeWalletForm;
     },
+    CheckEmail: function() {
+        return CheckEmail;
+    },
     CheckoutForm: function() {
         return CheckoutForm;
     },
@@ -1504,6 +1507,7 @@ var DropdownMenuItem = React19.forwardRef(function(_param, ref) /* @__PURE__ */
         "inset"
     ]);
     return React19.createElement(DropdownMenuPrimitive.Item, _object_spread({
+        disabled: props.disabled,
         ref: ref,
         className: cn("relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
     }, props), /* @__PURE__ */ React19.createElement("div", {
@@ -1620,6 +1624,7 @@ var DropdownMenu = function(param) {
             dir: direction
         }, item.icon && item.icon, item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
             return /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+                disabled: subitem.disabled,
                 className: "flex flex-row gap-2",
                 onSelect: function() {
                     return subitem.action();
@@ -1627,6 +1632,7 @@ var DropdownMenu = function(param) {
                 key: subIndex
             }, subitem.icon && subitem.icon, subitem.label);
         })))) : /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+            disabled: item.disabled,
             className: "flex flex-row gap-2",
             key: index,
             onSelect: function(e) {
@@ -6349,6 +6355,26 @@ var HawaAdCard = function(_param) {
     var orientation = _param.orientation, props = _object_without_properties(_param, [
         "orientation"
     ]);
+    var adRef = (0, import_react48.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react48.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
+    var duration = 0;
+    (0, import_react48.useEffect)(function() {
+        if (duration) {
+            var timeoutHide = setTimeout(function() {
+                setClosed(true);
+            }, duration);
+            var timeoutDestroy = setTimeout(function() {
+                setClosed(true);
+                adRef.current.removeChild(adRef.current.children[0]);
+            }, duration + 1e3);
+            return function() {
+                clearTimeout(timeoutHide);
+                clearTimeout(timeoutDestroy);
+            };
+        }
+    }, [
+        duration
+    ]);
     var cardStyles = {
         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 ",
         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 "
@@ -6357,7 +6383,9 @@ var HawaAdCard = function(_param) {
         horizontal: "w-auto h-full bg-blue-500  rounded-inner",
         vertical: "bg-blue-500 rounded-inner w-auto "
     };
-    return /* @__PURE__ */ import_react48.default.createElement("div", _object_spread({
+    return /* @__PURE__ */ import_react48.default.createElement("div", {
+        ref: adRef
+    }, /* @__PURE__ */ import_react48.default.createElement("div", _object_spread({
         className: (0, import_clsx24.default)(cardStyles[orientation], "dark:text-white")
     }, props), /* @__PURE__ */ import_react48.default.createElement("div", {
         className: "flex aspect-square w-full  max-w-fit  items-start "
@@ -6371,9 +6399,18 @@ var HawaAdCard = function(_param) {
     }, props.title), /* @__PURE__ */ import_react48.default.createElement("div", {
         className: "text-[12px]"
     }, props.description)), /* @__PURE__ */ import_react48.default.createElement("span", {
-        onClick: props.handleHide,
+        onClick: function() {
+            if (props.canHide) {
+                setClosed(true);
+                setTimeout(function() {
+                    adRef.current.removeChild(adRef.current.children[0]);
+                }, 200);
+            } else {
+                props.handleCantHide();
+            }
+        },
         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"
-    }, "Hide"));
+    }, "Hide")));
 };
 // src/elements/HawaLandingCard.tsx
 var import_clsx25 = __toESM(require("clsx"));
@@ -6700,10 +6737,10 @@ var useCarousel_default = useCarousel;
 // src/elements/Carousel.tsx
 var Carousel = function(param) {
     var images = param.images;
-    var imageWidth = 240 + 16;
+    var imageWidth = 1e3 + 16;
     var _useCarousel_default = useCarousel_default(imageWidth), containerRef = _useCarousel_default.containerRef, handleMouseDown = _useCarousel_default.handleMouseDown, handleMouseLeave = _useCarousel_default.handleMouseLeave, handleMouseUp = _useCarousel_default.handleMouseUp, handleMouseMove = _useCarousel_default.handleMouseMove;
     return /* @__PURE__ */ import_react54.default.createElement("div", {
-        className: "flex cursor-pointer snap-x  gap-4 overflow-x-scroll",
+        className: "flex cursor-pointer snap-x  gap-4 overflow-x-hidden justify-center items-center",
         onMouseDown: handleMouseDown,
         onMouseLeave: handleMouseLeave,
         onMouseUp: handleMouseUp,
@@ -6712,10 +6749,11 @@ var Carousel = function(param) {
     }, images.map(function(image, index) {
         return /* @__PURE__ */ import_react54.default.createElement("div", {
             key: index,
-            className: "h-40 w-60 flex-shrink-0"
+            className: "w-[1000px] h-96 flex-shrink-0"
         }, /* @__PURE__ */ import_react54.default.createElement("img", {
             src: image,
             alt: "Carousel Image ".concat(index),
+            width: imageWidth,
             className: "h-full w-full rounded-lg object-cover"
         }));
     }));
@@ -8377,13 +8415,30 @@ var AppSidebar = function(param) {
 var import_bs = require("react-icons/bs");
 var import_fa2 = require("react-icons/fa");
 var Footer = function(_param) {
-    var props = _extends({}, _object_destructuring_empty(_param));
+    var _param_variation = _param.variation, variation = _param_variation === void 0 ? "default" : _param_variation, props = _object_without_properties(_param, [
+        "variation"
+    ]);
     var _props_footerLinks;
+    var variationStyles = {
+        default: "rounded border",
+        minimal: "border-t"
+    };
     return /* @__PURE__ */ React.createElement("div", {
-        className: "sticky  bottom-0 left-0 flex w-full flex-row gap-8  bg-blue-200 p-4"
-    }, props.logoText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-        className: "text-2xl font-bold"
-    }, props.logoText)), (_props_footerLinks = props.footerLinks) === null || _props_footerLinks === void 0 ? void 0 : _props_footerLinks.map(function(pagesSection) {
+        className: cn("flex w-full flex-row items-center justify-between gap-8  rounded bg-background p-4", variationStyles[variation])
+    }, /* @__PURE__ */ React.createElement("div", {
+        className: "flex flex-col items-center gap-2"
+    }, /* @__PURE__ */ React.createElement("div", {
+        className: "flex flex-row items-center gap-2"
+    }, props.logoURL && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", {
+        className: "h-8",
+        src: props.logoURL
+    })), props.logoText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
+        className: "text-2xl font-bold text-primary"
+    }, props.logoText))), props.copyRights && props.footerLinks && /* @__PURE__ */ React.createElement("div", {
+        className: "text-xs text-muted-foreground"
+    }, "\xa9 ", props.copyRights, " ", /* @__PURE__ */ new Date().getFullYear())), props.copyRights && !props.footerLinks && /* @__PURE__ */ React.createElement("div", {
+        className: "text-xs text-muted-foreground"
+    }, "\xa9 ", props.copyRights, " ", /* @__PURE__ */ new Date().getFullYear()), (_props_footerLinks = props.footerLinks) === null || _props_footerLinks === void 0 ? void 0 : _props_footerLinks.map(function(pagesSection) {
         return /* @__PURE__ */ React.createElement("div", {
             className: "flex w-32 flex-col gap-2"
         }, /* @__PURE__ */ React.createElement("div", {
@@ -8398,14 +8453,18 @@ var Footer = function(_param) {
         })));
     }), props.socialLinks && /* @__PURE__ */ React.createElement("div", {
         className: "flex flex-row gap-2"
-    }, props.socialLinks.twitter && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_bs.BsTwitter, null)), props.socialLinks.instagram && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_bs.BsInstagram, null)), props.socialLinks.tiktok && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_fa2.FaTiktok, null)), props.socialLinks.snapchat && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
+    }, props.socialLinks.twitter && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(import_bs.BsTwitter, null)), props.socialLinks.instagram && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(import_bs.BsInstagram, null)), props.socialLinks.tiktok && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(import_fa2.FaTiktok, null)), props.socialLinks.snapchat && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
     }, /* @__PURE__ */ React.createElement(import_fa2.FaSnapchatGhost, null))));
 };
 // src/layout/Banner.tsx
@@ -8782,13 +8841,12 @@ var AppLanding = function(props) {
         variant: "outline"
     }, /* @__PURE__ */ import_react71.default.createElement(Icons.mail, {
         className: "h-4 w-4"
-    }), "Continue With Email"), /* @__PURE__ */ import_react71.default.createElement("a", {
-        href: "#",
-        className: "text-center text-sm"
-    }, "Don't have an account?", " ", /* @__PURE__ */ import_react71.default.createElement("a", {
-        href: "#",
+    }), "Continue With Email"), !props.withoutSignUp && /* @__PURE__ */ import_react71.default.createElement("div", {
+        className: "p-3 text-center text-sm font-normal dark:text-gray-300"
+    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react71.default.createElement("span", {
+        onClick: props.handleRouteToSignUp,
         className: "clickable-link"
-    }, "Sign Up")))), /* @__PURE__ */ import_react71.default.createElement("div", {
+    }, props.texts.createAccount)))), /* @__PURE__ */ import_react71.default.createElement("div", {
         className: "mt-6 flex flex-row justify-between"
     }, /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
         onChangeTab: props.handleLanguage,
@@ -8985,7 +9043,7 @@ var SignInForm = function(props) {
         className: "mt-4 w-full",
         isLoading: props.isLoading
     }, props.texts.signInText), !props.withoutSignUp && /* @__PURE__ */ import_react73.default.createElement("div", {
-        className: "p-3 text-center text-sm font-semibold dark:text-gray-300"
+        className: "p-3 text-center text-sm font-normal dark:text-gray-300"
     }, props.texts.newUserText, " ", /* @__PURE__ */ import_react73.default.createElement("span", {
         onClick: props.handleRouteToSignUp,
         className: "clickable-link"
@@ -9285,7 +9343,7 @@ var SignUpForm = function(props) {
         className: "w-full",
         isLoading: props.isLoading
     }, props.texts.signUpText))), /* @__PURE__ */ import_react74.default.createElement("div", {
-        className: "flex flex-row items-center justify-center gap-1 p-3 text-center  text-sm font-semibold dark:text-white"
+        className: "flex flex-row items-center justify-center gap-1 p-3 text-center  text-sm font-normal dark:text-white"
     }, /* @__PURE__ */ import_react74.default.createElement("span", null, props.texts.existingUserText), /* @__PURE__ */ import_react74.default.createElement("span", {
         onClick: props.handleRouteToSignIn,
         className: "clickable-link"
@@ -9471,13 +9529,50 @@ var CodeConfirmation = function(props) {
         variant: "secondary"
     }, (_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")))));
 };
-// src/blocks/Payment/SelectPayment.tsx
+// src/blocks/AuthForms/CheckEmail.tsx
 var import_react78 = __toESM(require("react"));
+var CheckEmail = function(param) {
+    var texts = param.texts, handleResend = param.handleResend;
+    var _texts, _texts1, _texts2;
+    var _texts_checkEmail, _texts_pleaseVerify, _texts_resendEmail;
+    return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement(CardContent, {
+        headless: true
+    }, /* @__PURE__ */ import_react78.default.createElement("div", {
+        className: "flex flex-col items-center justify-center text-center"
+    }, /* @__PURE__ */ import_react78.default.createElement("div", {
+        className: "flex h-16 w-16 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground"
+    }, /* @__PURE__ */ import_react78.default.createElement("svg", {
+        stroke: "currentColor",
+        fill: "none",
+        "stroke-width": "2",
+        viewBox: "0 0 24 24",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        height: "0.5em",
+        width: "0.5em",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ import_react78.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"
+    }), /* @__PURE__ */ import_react78.default.createElement("polyline", {
+        points: "22,6 12,13 2,6"
+    }))), /* @__PURE__ */ import_react78.default.createElement("div", {
+        className: "m-2 text-xl font-bold"
+    }, (_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", {
+        className: "text-sm"
+    }, (_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, {
+        className: "flex flex-col justify-center "
+    }, /* @__PURE__ */ import_react78.default.createElement("span", {
+        className: "clickable-link text-sm",
+        onClick: handleResend
+    }, (_texts_resendEmail = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.resendEmail) !== null && _texts_resendEmail !== void 0 ? _texts_resendEmail : "Resend Email")));
+};
+// src/blocks/Payment/SelectPayment.tsx
+var import_react79 = __toESM(require("react"));
 var SelectPayment = function(props) {
-    var _ref = _sliced_to_array((0, import_react78.useState)(""), 2), selectedMethod = _ref[0], setSelectedMethod = _ref[1];
-    return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement(CardHeader, null, /* @__PURE__ */ import_react78.default.createElement(CardTitle, null, "Choose Payment Method"), /* @__PURE__ */ import_react78.default.createElement(CardDescription, null, "And you'll be directed to the next step to complete the payment")), /* @__PURE__ */ import_react78.default.createElement(CardContent, {
+    var _ref = _sliced_to_array((0, import_react79.useState)(""), 2), selectedMethod = _ref[0], setSelectedMethod = _ref[1];
+    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, {
         className: "grid grid-cols-2 gap-4"
-    }, /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react79.default.createElement(Button, {
         className: cn("flex w-full flex-col gap-2 pt-6", selectedMethod === "mada" && "outline outline-4 outline-primary"),
         variant: "outline",
         size: "heightless",
@@ -9485,10 +9580,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("mada");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("img", {
+    }, /* @__PURE__ */ import_react79.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.madaLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react79.default.createElement("span", null, props.madaLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
         className: cn("flex w-full flex-col gap-2", selectedMethod === "apple-pay" && "outline outline-4 outline-primary"),
         variant: "outline",
         size: "heightless",
@@ -9496,10 +9591,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("apple-pay");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("img", {
+    }, /* @__PURE__ */ import_react79.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",
         className: "h-11"
-    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.applePayLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react79.default.createElement("span", null, props.applePayLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
         className: cn("flex w-full flex-col gap-2", selectedMethod === "visa-master" && "outline outline-4 outline-primary"),
         variant: "outline",
         size: "heightless",
@@ -9507,10 +9602,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("visa-master");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("img", {
+    }, /* @__PURE__ */ import_react79.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.visaMasterLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react79.default.createElement("span", null, props.visaMasterLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("flex w-full flex-col gap-2", selectedMethod === "wallet" && "outline outline-4 outline-primary"),
@@ -9518,16 +9613,16 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("wallet");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react79.default.createElement("svg", {
         version: "1.1",
         fill: "currentColor",
         viewBox: "0 0 223 223",
         className: "h-6 w-6"
-    }, /* @__PURE__ */ import_react78.default.createElement("g", null, /* @__PURE__ */ import_react78.default.createElement("path", {
+    }, /* @__PURE__ */ import_react79.default.createElement("g", null, /* @__PURE__ */ import_react79.default.createElement("path", {
         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"
-    }), /* @__PURE__ */ import_react78.default.createElement("path", {
+    }), /* @__PURE__ */ import_react79.default.createElement("path", {
         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"
-    }))), /* @__PURE__ */ import_react78.default.createElement("span", null, props.walletLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react79.default.createElement("span", null, props.walletLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("flex w-full flex-col gap-2", selectedMethod === "stc-pay" && "outline outline-4 outline-primary"),
@@ -9535,10 +9630,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("stc-pay");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("img", {
+    }, /* @__PURE__ */ import_react79.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.stcPayLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react79.default.createElement("span", null, props.stcPayLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("flex w-full flex-col gap-2", selectedMethod === "google-pay" && "outline outline-4 outline-primary"),
@@ -9546,10 +9641,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("google-pay");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("img", {
+    }, /* @__PURE__ */ import_react79.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.googlePayLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react79.default.createElement("span", null, props.googlePayLabel)), /* @__PURE__ */ import_react79.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("col-span-2 flex w-full flex-col gap-2", selectedMethod === "paypal" && "outline outline-4 outline-primary"),
@@ -9557,10 +9652,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("paypal");
         }
-    }, /* @__PURE__ */ import_react78.default.createElement("img", {
+    }, /* @__PURE__ */ import_react79.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.paypalLabel))), /* @__PURE__ */ import_react78.default.createElement(CardFooter, null, /* @__PURE__ */ import_react78.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react79.default.createElement("span", null, props.paypalLabel))), /* @__PURE__ */ import_react79.default.createElement(CardFooter, null, /* @__PURE__ */ import_react79.default.createElement(Button, {
         onClick: function() {
             return props.handleContinue(selectedMethod);
         },
@@ -9569,147 +9664,146 @@ var SelectPayment = function(props) {
     }, "Continue")));
 };
 // src/blocks/Payment/CreditCardForm.tsx
-var import_react79 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var import_react_hook_form7 = require("react-hook-form");
 var CreditCardForm = function(props) {
     var methods = (0, import_react_hook_form7.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    return /* @__PURE__ */ import_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement("form", {
+    return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement("form", {
         onSubmit: handleSubmit(props.handle)
-    }, /* @__PURE__ */ import_react79.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react80.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, /* @__PURE__ */ import_react80.default.createElement("div", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "tel",
+                name: "cardNumber",
+                placeholder: "1234 1234 1234 1234",
+                type: "number",
                 label: "Card Number",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
-            required: "Password is rquired"
+            required: "Card Number is rquired"
         }
-    }), /* @__PURE__ */ import_react79.default.createElement("div", {
+    }), /* @__PURE__ */ import_react80.default.createElement("div", {
         className: "w-1/4"
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
         control: control,
-        name: "cardName",
+        name: "cardCVC",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
+                name: "cardCVC",
                 maxLength: "3",
                 autoComplete: "cc-number",
-                placeholder: "",
-                type: "password",
-                label: "CCV",
+                placeholder: "CVC",
+                type: "number",
+                label: "CVC",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
             required: "Password is rquired"
         }
-    }))), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }))), /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
         control: control,
-        name: "cardName",
+        name: "cardExpiry",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "text",
-                label: "Name On Card",
+                name: "cardExpiry",
+                placeholder: "MM / YY",
+                type: "password",
+                label: "Expiry Date",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
             required: "Password is rquired"
         }
-    }), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }), /* @__PURE__ */ import_react80.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react80.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "password",
-                label: "Expiry Date",
+                name: "cardName",
+                type: "text",
+                label: "Name on card",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
-            required: "Password is rquired"
+            required: "Card holder name is rquired"
         }
-    })), /* @__PURE__ */ import_react79.default.createElement(CardFooter, null, /* @__PURE__ */ import_react79.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react80.default.createElement(CardFooter, null, /* @__PURE__ */ import_react80.default.createElement(Button, {
         className: "w-full",
         onClick: props.handlePayWithCreditCard
     }, "Pay with Credit Card"))));
 };
 // src/blocks/Payment/ChargeWalletForm.tsx
-var import_react80 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 var ChargeWalletForm = function(props) {
-    var _ref = _sliced_to_array((0, import_react80.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
-    return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardContent, {
+    var _ref = _sliced_to_array((0, import_react81.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
+    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "p-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react81.default.createElement("div", {
         className: " text-5xl font-extrabold"
-    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, props.currency || "SAR")), /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "mb-2 flex w-full flex-col gap-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "mb-2 flex w-full flex-row gap-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react81.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "10 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, "10 SAR"), /* @__PURE__ */ import_react81.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "50 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, "50 SAR"), /* @__PURE__ */ import_react81.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "100 SAR")), /* @__PURE__ */ import_react80.default.createElement(Input, {
+    }, "100 SAR")), /* @__PURE__ */ import_react81.default.createElement(Input, {
         placeholder: "Custom Amount",
         type: "number",
         name: "amount"
-    })), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react81.default.createElement(Button, {
         className: "mt-6 w-full"
     }, props.texts.chargeWallet)));
 };
 // src/blocks/Payment/PayWithWallet.tsx
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 var PayWithWallet = function(props) {
-    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react81.default.createElement("div", {
+    }, /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "text-center text-5xl font-extrabold"
-    }, props.walletBalance || "0", /* @__PURE__ */ import_react81.default.createElement("div", {
+    }, props.walletBalance || "0", /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react81.default.createElement(Button, {
+    }, props.currency || "SAR")), /* @__PURE__ */ import_react82.default.createElement(Button, {
         className: "mt-6 w-full",
         onClick: props.handlePayWithWallet
     }, "Pay Now")));
 };
 // src/blocks/Payment/CheckoutForm.tsx
-var import_react82 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 var import_react_hook_form8 = require("react-hook-form");
 var CheckoutForm = function(props) {
     var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9;
@@ -9730,9 +9824,9 @@ var CheckoutForm = function(props) {
         }
     };
     var _field_value, _field_value1, _field_value2, _field_value3, _field_value4, _field_value5, _field_value6, _field_value7, _field_value8;
-    return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.orderDetails)), /* @__PURE__ */ import_react82.default.createElement(CardContent, null, /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement("div", {
+    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", {
         className: "rounded border border-gray-300"
-    }, /* @__PURE__ */ import_react82.default.createElement(HawaTable, {
+    }, /* @__PURE__ */ import_react83.default.createElement(HawaTable, {
         pagination: false,
         direction: isArabic ? "rtl" : "ltr",
         columns: [
@@ -9752,9 +9846,9 @@ var CheckoutForm = function(props) {
         borders: "inner",
         rows: props.products,
         bordersWidth: "1"
-    })))), /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react82.default.createElement("form", {
+    })))), /* @__PURE__ */ import_react83.default.createElement(CardHeader, null, /* @__PURE__ */ import_react83.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react83.default.createElement("form", {
         onSubmit: handleSubmit(props.handlePayNow)
-    }, /* @__PURE__ */ import_react82.default.createElement(CardContent, null, /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__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, {
         control: control,
         name: "firstName",
         rules: {
@@ -9763,7 +9857,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_firstName;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.firstNameLabel) + " *",
                 helpertext: (_errors_firstName = errors.firstName) === null || _errors_firstName === void 0 ? void 0 : _errors_firstName.message
@@ -9771,11 +9865,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
             }));
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react83.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "lastName",
         rules: {
@@ -9784,7 +9878,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_lastName;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.lastNameLabel) + " *",
@@ -9793,13 +9887,13 @@ var CheckoutForm = function(props) {
                 value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    })), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_email;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel) + " *",
@@ -9815,9 +9909,9 @@ var CheckoutForm = function(props) {
                 message: (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "streetAddress",
         rules: {
@@ -9826,7 +9920,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_streetAddress;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.streetAddressLabel) + " *",
@@ -9835,9 +9929,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
+    })), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "province",
         rules: {
@@ -9846,7 +9940,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_province;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.stateLabel) + " *",
@@ -9855,11 +9949,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value4 = field.value) !== null && _field_value4 !== void 0 ? _field_value4 : ""
             }));
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react83.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "city",
         rules: {
@@ -9868,7 +9962,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_city;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.cityLabel) + " *",
@@ -9877,9 +9971,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value5 = field.value) !== null && _field_value5 !== void 0 ? _field_value5 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
+    })), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "buildingNumber",
         rules: {
@@ -9888,7 +9982,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_buildingNumber;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.buildingNumberLabel) + " *",
@@ -9897,11 +9991,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value6 = field.value) !== null && _field_value6 !== void 0 ? _field_value6 : ""
             }));
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react83.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "zipCode",
         rules: {
@@ -9910,7 +10004,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_zipCode;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react83.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "number",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.zipCodeLabel) + " *",
@@ -9919,9 +10013,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value7 = field.value) !== null && _field_value7 !== void 0 ? _field_value7 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
+    })), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "mb-3"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react83.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "country",
         rules: {
@@ -9930,7 +10024,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_country;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaSelect, {
+            return /* @__PURE__ */ import_react83.default.createElement(HawaSelect, {
                 native: true,
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.countryLabel) + " *",
                 helperText: (_errors_country = errors.country) === null || _errors_country === void 0 ? void 0 : _errors_country.message,
@@ -9942,73 +10036,73 @@ var CheckoutForm = function(props) {
                     return field.onChange(e.country_label);
                 },
                 value: (_field_value8 = field.value) !== null && _field_value8 !== void 0 ? _field_value8 : ""
-            }, /* @__PURE__ */ import_react82.default.createElement("option", null), props.countriesList.map(function(country, i) {
-                return /* @__PURE__ */ import_react82.default.createElement("option", {
+            }, /* @__PURE__ */ import_react83.default.createElement("option", null), props.countriesList.map(function(country, i) {
+                return /* @__PURE__ */ import_react83.default.createElement("option", {
                     key: i
                 }, country);
             }));
         }
-    }))))), /* @__PURE__ */ import_react82.default.createElement(CardFooter, null, /* @__PURE__ */ import_react82.default.createElement(Button, {
+    }))))), /* @__PURE__ */ import_react83.default.createElement(CardFooter, null, /* @__PURE__ */ import_react83.default.createElement(Button, {
         className: "w-full"
     }, props.texts.payNow)), " "));
 };
 // src/blocks/Payment/Confirmation.tsx
-var import_react83 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 var ConfirmationPage = function(props) {
     var isArabic = props.lang === "ar";
-    return /* @__PURE__ */ import_react83.default.createElement(Card, null, /* @__PURE__ */ import_react83.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react84.default.createElement(Card, null, /* @__PURE__ */ import_react84.default.createElement(CardContent, {
         headless: true
-    }, " ", /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, " ", /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "py-5 text-center text-3xl font-bold dark:text-white"
-    }, props.confirmationTitle), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.confirmationTitle), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "py-5 dark:text-white"
-    }, /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "mb-2 text-center"
-    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react83.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react84.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "text-center"
-    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "text-center font-bold"
-    }, props.orderNumber)), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.orderNumber)), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "flex flex-col items-center justify-center gap-4 py-5 pt-0"
-    }, /* @__PURE__ */ import_react83.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react84.default.createElement(Button, {
         className: "w-full",
         onClick: props.handlePrint
-    }, props.texts.print), /* @__PURE__ */ import_react83.default.createElement(Button, {
+    }, props.texts.print), /* @__PURE__ */ import_react84.default.createElement(Button, {
         className: "w-full",
         onClick: props.handleHistory
-    }, props.texts.history), /* @__PURE__ */ import_react83.default.createElement(Button, {
+    }, props.texts.history), /* @__PURE__ */ import_react84.default.createElement(Button, {
         className: "w-full",
         onClick: props.handleHome
-    }, props.texts.homePage), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.texts.homePage), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: " text-center text-sm dark:text-white"
-    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react83.default.createElement("a", {
+    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react84.default.createElement("a", {
         className: "clickable-link text-xs",
         onClick: props.handleRefundPolicyLink
     }, props.texts.refundPolicy))));
 };
 // src/blocks/Pricing/PricingPlans.tsx
-var import_react84 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 var PricingPlans = function(props) {
-    return /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement("div", {
+    return /* @__PURE__ */ import_react85.default.createElement("div", null, /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: props.currentCycle,
         options: props.billingCycles,
         onChangeTab: function(e) {
             return props.onCycleChange(e);
         }
-    }), /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: props.currentCurrency,
         options: props.currencies,
         onChangeTab: function(e) {
             return props.onCurrencyChange(e);
         }
-    })), /* @__PURE__ */ import_react84.default.createElement("div", {
+    })), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "flex flex-row justify-between"
     }, props.plans.map(function(plan, index) {
-        return /* @__PURE__ */ import_react84.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
+        return /* @__PURE__ */ import_react85.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
             key: index,
             onPlanClicked: function() {
                 return props.onPlanClicked(plan);
@@ -10022,26 +10116,26 @@ var PricingPlans = function(props) {
     })));
 };
 // src/blocks/Pricing/ComparingPlans.tsx
-var import_react85 = __toESM(require("react"));
+var import_react86 = __toESM(require("react"));
 var CheckMark = function() {
-    return /* @__PURE__ */ import_react85.default.createElement("svg", {
+    return /* @__PURE__ */ import_react86.default.createElement("svg", {
         className: "h-5 w-5 text-green-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
+    }, /* @__PURE__ */ import_react86.default.createElement("path", {
         fillRule: "evenodd",
         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",
         clipRule: "evenodd"
     }));
 };
 var UncheckMark = function() {
-    return /* @__PURE__ */ import_react85.default.createElement("svg", {
+    return /* @__PURE__ */ import_react86.default.createElement("svg", {
         className: "h-5 w-5 text-red-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
+    }, /* @__PURE__ */ import_react86.default.createElement("path", {
         fillRule: "evenodd",
         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",
         clipRule: "evenodd"
@@ -10049,74 +10143,74 @@ var UncheckMark = function() {
 };
 var ComparingPlans = function(props) {
     var _props_plans;
-    var _ref = _sliced_to_array((0, import_react85.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react85.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
-    return /* @__PURE__ */ import_react85.default.createElement("div", {
+    var _ref = _sliced_to_array((0, import_react86.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react86.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
+    return /* @__PURE__ */ import_react86.default.createElement("div", {
         id: "detailed-pricing",
         className: "w-full overflow-x-auto"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: currentCycle,
         options: props.billingCycles,
         onChangeTab: function(e) {
             return props.onCycleChange(e);
         }
-    }), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: currentCurrency,
         options: props.currencies,
         onChangeTab: function(e) {
             return props.onCurrencyChange(e);
         }
-    })), /* @__PURE__ */ import_react85.default.createElement("div", {
+    })), /* @__PURE__ */ import_react86.default.createElement("div", {
         className: " overflow-hidden rounded"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react86.default.createElement("div", {
         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"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "flex items-center"
     }), props.plans.map(function(plan) {
-        return /* @__PURE__ */ import_react85.default.createElement("div", null, /* @__PURE__ */ import_react85.default.createElement("h5", {
+        return /* @__PURE__ */ import_react86.default.createElement("div", null, /* @__PURE__ */ import_react86.default.createElement("h5", {
             className: "text-md 0 font-bold text-gray-500 dark:text-gray-400"
-        }, plan.texts.title), /* @__PURE__ */ import_react85.default.createElement("div", {
+        }, plan.texts.title), /* @__PURE__ */ import_react86.default.createElement("div", {
             className: " flex items-baseline  text-gray-900 dark:text-white"
-        }, /* @__PURE__ */ import_react85.default.createElement(import_react85.default.Fragment, null, /* @__PURE__ */ import_react85.default.createElement("span", {
+        }, /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("span", {
             className: "text-5xl font-extrabold tracking-tight"
-        }, plan.price), /* @__PURE__ */ import_react85.default.createElement("span", {
+        }, plan.price), /* @__PURE__ */ import_react86.default.createElement("span", {
             className: "mx-1 text-sm font-semibold"
-        }, plan.texts.currencyText)), /* @__PURE__ */ import_react85.default.createElement("span", {
+        }, plan.texts.currencyText)), /* @__PURE__ */ import_react86.default.createElement("span", {
             className: "ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"
-        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react85.default.createElement("h5", {
+        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react86.default.createElement("h5", {
             className: "text-md  font-normal text-gray-500 dark:text-gray-400"
         }, plan.texts.subtitle));
     })), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
         return plan.features.map(function(feature) {
-            return /* @__PURE__ */ import_react85.default.createElement("div", {
+            return /* @__PURE__ */ import_react86.default.createElement("div", {
                 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"
-            }, /* @__PURE__ */ import_react85.default.createElement("div", {
+            }, /* @__PURE__ */ import_react86.default.createElement("div", {
                 className: "  flex flex-row items-center gap-2  text-gray-500 dark:text-gray-400"
-            }, feature.text, feature.description && /* @__PURE__ */ import_react85.default.createElement(Tooltip, {
+            }, feature.text, feature.description && /* @__PURE__ */ import_react86.default.createElement(Tooltip, {
                 side: "right",
                 content: feature.description
-            }, /* @__PURE__ */ import_react85.default.createElement("svg", {
+            }, /* @__PURE__ */ import_react86.default.createElement("svg", {
                 stroke: "currentColor",
                 fill: "currentColor",
                 strokeWidth: "0",
                 viewBox: "0 0 16 16",
                 height: "1em",
                 width: "1em"
-            }, /* @__PURE__ */ import_react85.default.createElement("path", {
+            }, /* @__PURE__ */ import_react86.default.createElement("path", {
                 d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
-            })))), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react85.default.createElement(CheckMark, null), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null));
+            })))), /* @__PURE__ */ import_react86.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react86.default.createElement(CheckMark, null), /* @__PURE__ */ import_react86.default.createElement(UncheckMark, null));
         });
     })));
 };
 // src/blocks/Pricing/HorizontalPricing.tsx
-var import_react86 = __toESM(require("react"));
+var import_react87 = __toESM(require("react"));
 var import_clsx33 = __toESM(require("clsx"));
 var HorizontalPricing = function(props) {
-    var _ref = _sliced_to_array((0, import_react86.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
+    var _ref = _sliced_to_array((0, import_react87.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
     var data = [
         {
             title: "basic",
@@ -10134,155 +10228,155 @@ var HorizontalPricing = function(props) {
             cycle: "/mo"
         }
     ];
-    return /* @__PURE__ */ import_react86.default.createElement("div", {
+    return /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "z-10 w-full max-w-screen-sm"
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "max-w-2xl "
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react87.default.createElement(HawaRadio, {
         design: "tabs",
         options: props.currencies,
         defaultValue: props.currentCurrency
-    }), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react87.default.createElement(HawaRadio, {
         design: "tabs",
         options: props.billingCycles,
         defaultValue: props.currentCycle
     })), data.map(function(d) {
-        return /* @__PURE__ */ import_react86.default.createElement("label", {
+        return /* @__PURE__ */ import_react87.default.createElement("label", {
             htmlFor: d.title,
             className: "",
             onClick: function() {
                 return setSelectedCard(d.title);
             }
-        }, /* @__PURE__ */ import_react86.default.createElement("input", {
+        }, /* @__PURE__ */ import_react87.default.createElement("input", {
             type: "radio",
             name: "radio",
             id: d.title,
             className: "peer appearance-none"
-        }), /* @__PURE__ */ import_react86.default.createElement("div", {
+        }), /* @__PURE__ */ import_react87.default.createElement("div", {
             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")
-        }, /* @__PURE__ */ import_react86.default.createElement("div", {
+        }, /* @__PURE__ */ import_react87.default.createElement("div", {
             className: "peer flex items-center gap-4"
-        }, /* @__PURE__ */ import_react86.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react86.default.createElement(CardText, {
+        }, /* @__PURE__ */ import_react87.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react87.default.createElement(CardText, {
             title: "Enterprise",
             subtitle: "For startups and new businesses"
-        })), /* @__PURE__ */ import_react86.default.createElement(CardPrice, {
+        })), /* @__PURE__ */ import_react87.default.createElement(CardPrice, {
             amount: d.price,
             cycle: d.cycle
         })));
     })));
 };
 var CheckIcons = function() {
-    return /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("svg", {
+    return /* @__PURE__ */ import_react87.default.createElement(import_react87.default.Fragment, null, /* @__PURE__ */ import_react87.default.createElement("svg", {
         fill: "none",
         viewBox: "0 0 24 24",
         strokeWidth: "1.5",
         stroke: "currentColor",
         className: "default h-8 w-8 text-neutral-500"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
+    }, /* @__PURE__ */ import_react87.default.createElement("path", {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-    })), /* @__PURE__ */ import_react86.default.createElement("svg", {
+    })), /* @__PURE__ */ import_react87.default.createElement("svg", {
         viewBox: "0 0 24 24",
         fill: "currentColor",
         className: "active hidden h-8 w-8 text-blue-500"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
+    }, /* @__PURE__ */ import_react87.default.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         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"
     })));
 };
 var CardText = function(props) {
-    return /* @__PURE__ */ import_react86.default.createElement("div", {
+    return /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "peer flex flex-col items-start "
-    }, /* @__PURE__ */ import_react86.default.createElement("h2", {
+    }, /* @__PURE__ */ import_react87.default.createElement("h2", {
         className: "font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"
-    }, props.title), /* @__PURE__ */ import_react86.default.createElement("p", {
+    }, props.title), /* @__PURE__ */ import_react87.default.createElement("p", {
         className: "text-sm text-neutral-500 dark:text-gray-300"
     }, props.subtitle, " "));
 };
 var CardPrice = function(props) {
-    return /* @__PURE__ */ import_react86.default.createElement("h2", {
+    return /* @__PURE__ */ import_react87.default.createElement("h2", {
         className: "peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"
-    }, props.amount, /* @__PURE__ */ import_react86.default.createElement("span", {
+    }, props.amount, /* @__PURE__ */ import_react87.default.createElement("span", {
         className: "text-base font-medium text-neutral-400"
     }, props.cycle));
 };
 // src/blocks/Referral/ReferralAccount.tsx
-var import_react87 = __toESM(require("react"));
+var import_react88 = __toESM(require("react"));
 var ReferralAccount = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode;
-    return /* @__PURE__ */ import_react87.default.createElement(Card, null, /* @__PURE__ */ import_react87.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "mb-1"
-    }, "Referral Code"), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, "Referral Code"), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react88.default.createElement("span", {
         className: "ml-3 font-bold"
-    }, referralCode), /* @__PURE__ */ import_react87.default.createElement(Button, {
+    }, referralCode), /* @__PURE__ */ import_react88.default.createElement(Button, {
         onClick: function() {
             return navigator.clipboard.writeText(referralCode);
         }
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react88.default.createElement("span", {
         className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react88.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
+    }, /* @__PURE__ */ import_react88.default.createElement("path", {
         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"
-    })), " ")))), /* @__PURE__ */ import_react87.default.createElement("div", {
+    })), " ")))), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "mb-1"
-    }, "Referral Link"), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, "Referral Link"), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react88.default.createElement("span", {
         className: "ml-3 font-bold"
-    }, referralLink), /* @__PURE__ */ import_react87.default.createElement(Button, {
+    }, referralLink), /* @__PURE__ */ import_react88.default.createElement(Button, {
         onClick: function() {
             return navigator.clipboard.writeText(referralLink);
         }
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react88.default.createElement("span", {
         className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react88.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
+    }, /* @__PURE__ */ import_react88.default.createElement("path", {
         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"
     })), " "))))));
 };
 // src/blocks/Referral/ReferralSettlement.tsx
-var import_react88 = __toESM(require("react"));
+var import_react89 = __toESM(require("react"));
 var import_react_hook_form9 = require("react-hook-form");
 var ReferralSettlement = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
     var methods = (0, import_react_hook_form9.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    return /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
+    }, /* @__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, {
         label: "IBAN"
-    }), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
+    }), /* @__PURE__ */ import_react89.default.createElement(HawaTextField, {
         label: "Holder Name"
-    }), /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.Controller, {
+    }), /* @__PURE__ */ import_react89.default.createElement(import_react_hook_form9.Controller, {
         control: control,
         name: "bank",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react88.default.createElement(HawaSelect, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react89.default.createElement(HawaSelect, _object_spread_props(_object_spread({
                 label: "Bank",
                 isCreatable: false,
                 isMulti: false,
@@ -10311,47 +10405,47 @@ var ReferralSettlement = function(param) {
                 }
             }));
         }
-    }))), /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(Button, {
         className: "mt-6 w-full"
-    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(HawaAlert, {
+    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(HawaAlert, {
         text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
         severity: "warning"
-    })), /* @__PURE__ */ import_react88.default.createElement("div", {
+    })), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mt-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-1"
-    }, "Settlement Accounts"), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, "Settlement Accounts"), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "rounded"
-    }, /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
+    }, /* @__PURE__ */ import_react89.default.createElement(SettlementAccountCard, {
         bank: "Al Inma Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri",
         default: true
-    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(SettlementAccountCard, {
         bank: "Al Rajihi Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri"
-    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(SettlementAccountCard, {
         bank: "Al Inma Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri"
     })))));
 };
 var SettlementAccountCard = function(props) {
-    return /* @__PURE__ */ import_react88.default.createElement("div", {
+    return /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "flex flex-col justify-between"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "text-xs"
-    }, props.bank), /* @__PURE__ */ import_react88.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, props.bank), /* @__PURE__ */ import_react89.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "text-xs"
-    }, props.iban)), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, props.iban)), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "flex flex-row items-center justify-center gap-2"
-    }, props.default && /* @__PURE__ */ import_react88.default.createElement(HawaChip, {
+    }, props.default && /* @__PURE__ */ import_react89.default.createElement(HawaChip, {
         label: "Default",
         size: "small"
-    }), /* @__PURE__ */ import_react88.default.createElement(HawaMenu, {
+    }), /* @__PURE__ */ import_react89.default.createElement(HawaMenu, {
         size: "small",
         menuItems: [
             [
@@ -10367,10 +10461,10 @@ var SettlementAccountCard = function(props) {
                 }
             ]
         ]
-    }, /* @__PURE__ */ import_react88.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react89.default.createElement(Button, {
         variant: "outline",
         size: "icon"
-    }, /* @__PURE__ */ import_react88.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react89.default.createElement("svg", {
         "aria-label": "Vertical Three Dots Menu Icon",
         className: "rotate-90",
         stroke: "currentColor",
@@ -10379,126 +10473,126 @@ var SettlementAccountCard = function(props) {
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react88.default.createElement("path", {
+    }, /* @__PURE__ */ import_react89.default.createElement("path", {
         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"
     }))))));
 };
 // src/blocks/Referral/ReferralStats.tsx
-var import_react89 = __toESM(require("react"));
+var import_react90 = __toESM(require("react"));
 var ReferralStats = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
-    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mb-1"
-    }, "Stats"), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, "Stats"), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "justi flex flex-row gap-1"
-    }, /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
+    }, /* @__PURE__ */ import_react90.default.createElement(NumberCard, {
         title: "Clicks",
         number: 22
-    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(NumberCard, {
         title: "Sign-ups",
         number: 32
-    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(NumberCard, {
         title: "Commission",
         number: "213.22 SAR"
-    })), /* @__PURE__ */ import_react89.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react90.default.createElement(Button, {
         className: "mt-6 w-full"
-    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(HawaAlert, {
+    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement(HawaAlert, {
         text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
         severity: "warning"
-    })), /* @__PURE__ */ import_react89.default.createElement("div", {
+    })), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mt-3"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mb-1"
-    }, "Sign ups"), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, "Sign ups"), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "rounded"
-    }, /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }, /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
         date: "2020/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
     })))));
 };
 var NumberCard = function(props) {
-    return /* @__PURE__ */ import_react89.default.createElement("div", {
+    return /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "w-full rounded border bg-background p-2"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "text-sm"
-    }, props.title), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, props.title), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "font-bold"
     }, props.number));
 };
 var ReferralSignUpCard = function(props) {
-    return /* @__PURE__ */ import_react89.default.createElement("div", {
+    return /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mb-3 rounded border-b bg-background p-2"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "text-xs"
-    }, props.date), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, props.date), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", null, props.email), /* @__PURE__ */ import_react89.default.createElement("div", null, props.amount)));
+    }, /* @__PURE__ */ import_react90.default.createElement("div", null, props.email), /* @__PURE__ */ import_react90.default.createElement("div", null, props.amount)));
 };
 // src/blocks/Misc/NotFound.tsx
-var import_react90 = __toESM(require("react"));
+var import_react91 = __toESM(require("react"));
 var NotFound = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
     var _texts, _texts1, _texts2;
     var _texts_pageNotFound, _texts_ifLost, _texts_home;
-    return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "flex flex-col items-center dark:text-white"
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "text-center text-6xl font-bold "
-    }, "404"), /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, "404"), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "m-2 text-center text-xl font-bold "
-    }, (_texts_pageNotFound = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, (_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", {
         className: "mb-4 text-center"
-    }, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react90.default.createElement("span", {
+    }, (_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", {
         className: "clickable-link"
-    }, "help@sikka.io"))), /* @__PURE__ */ import_react90.default.createElement(Button, {
+    }, "help@sikka.io"))), /* @__PURE__ */ import_react91.default.createElement(Button, {
         className: "w-full"
     }, (_texts_home = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
 };
 // src/blocks/Misc/EmptyState.tsx
-var import_react91 = __toESM(require("react"));
+var import_react92 = __toESM(require("react"));
 var EmptyState = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, onActionClick = param.onActionClick;
     var _texts, _texts1;
     var _texts_youreCaughtUp, _texts_actionText;
-    return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react91.default.createElement("div", {
+    }, /* @__PURE__ */ import_react92.default.createElement("div", {
         className: "flex flex-col items-center justify-center text-center "
-    }, /* @__PURE__ */ import_react91.default.createElement("div", {
+    }, /* @__PURE__ */ import_react92.default.createElement("div", {
         className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"
-    }, /* @__PURE__ */ import_react91.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react92.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react91.default.createElement("path", {
+    }, /* @__PURE__ */ import_react92.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"
-    }))), /* @__PURE__ */ import_react91.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react92.default.createElement("div", {
         className: "m-2 text-xl font-bold"
-    }, (_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_react91.default.createElement(CardFooter, null, /* @__PURE__ */ import_react91.default.createElement(Button, {
+    }, (_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, {
         className: "w-full",
         onClick: function() {
             return onActionClick();
@@ -10506,101 +10600,101 @@ var EmptyState = function(param) {
     }, (_texts_actionText = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
 };
 // src/blocks/Misc/Testimonial.tsx
-var import_react92 = __toESM(require("react"));
+var import_react93 = __toESM(require("react"));
 var Testimonial = function(props) {
-    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.default.createElement("p", {
+    }, /* @__PURE__ */ import_react93.default.createElement("div", null, /* @__PURE__ */ import_react93.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_react92.default.createElement("div", {
+    }, "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", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react92.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react93.default.createElement("svg", {
         width: "48",
         height: "48",
         viewBox: "0 0 48 48",
         fill: "none"
-    }, /* @__PURE__ */ import_react92.default.createElement("rect", {
+    }, /* @__PURE__ */ import_react93.default.createElement("rect", {
         width: "48",
         height: "48",
         rx: "24",
         fill: "#45BE8B"
-    }), /* @__PURE__ */ import_react92.default.createElement("path", {
+    }), /* @__PURE__ */ import_react93.default.createElement("path", {
         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",
         fill: "#FFFFFF"
-    }), /* @__PURE__ */ import_react92.default.createElement("path", {
+    }), /* @__PURE__ */ import_react93.default.createElement("path", {
         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",
         fill: "#FFFFFF"
-    })), /* @__PURE__ */ import_react92.default.createElement("span", {
+    })), /* @__PURE__ */ import_react93.default.createElement("span", {
         className: "border border-l "
-    }), " ", /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react92.default.createElement("div", null, " Chief Information Security Officer")))));
+    }), " ", /* @__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")))));
 };
 // src/blocks/Misc/LeadGenerator.tsx
-var import_react93 = __toESM(require("react"));
+var import_react94 = __toESM(require("react"));
 var LeadGenerator = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, handleNewsletterSub = param.handleNewsletterSub;
     var _texts, _texts1, _texts2;
     var _texts_submit;
-    return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardHeader, null, /* @__PURE__ */ import_react93.default.createElement(CardTitle, null, (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title), /* @__PURE__ */ import_react93.default.createElement(CardDescription, null, (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle)), /* @__PURE__ */ import_react93.default.createElement(CardContent, null, /* @__PURE__ */ import_react93.default.createElement("form", {
+    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", {
         className: "flex flex-row gap-2",
         onSubmit: function(e) {
             e.preventDefault();
             handleNewsletterSub(e.target[0].value);
         }
-    }, /* @__PURE__ */ import_react93.default.createElement(Input, {
+    }, /* @__PURE__ */ import_react94.default.createElement(Input, {
         type: "email",
         name: "email",
         placeholder: "example@sikka.io"
-    }), /* @__PURE__ */ import_react93.default.createElement(Button, null, (_texts_submit = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
+    }), /* @__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"))));
 };
 // src/blocks/Misc/Announcement.tsx
-var import_react94 = __toESM(require("react"));
+var import_react95 = __toESM(require("react"));
 var Announcement = function(_param) {
     var _param_variant = _param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
         "variant",
         "onActionClick"
     ]);
-    return /* @__PURE__ */ import_react94.default.createElement(Card, null, /* @__PURE__ */ import_react94.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react95.default.createElement(Card, null, /* @__PURE__ */ import_react95.default.createElement(CardContent, {
         headless: true,
         className: "flex flex-row items-center justify-between"
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
+    }, /* @__PURE__ */ import_react95.default.createElement("div", {
         className: "flex flex-col items-start justify-center "
-    }, /* @__PURE__ */ import_react94.default.createElement("span", {
+    }, /* @__PURE__ */ import_react95.default.createElement("span", {
         className: "text-lg font-bold"
-    }, props.title), /* @__PURE__ */ import_react94.default.createElement("span", {
+    }, props.title), /* @__PURE__ */ import_react95.default.createElement("span", {
         className: "text-sm"
-    }, props.subtitle)), /* @__PURE__ */ import_react94.default.createElement(Button, {
+    }, props.subtitle)), /* @__PURE__ */ import_react95.default.createElement(Button, {
         onClick: function() {
             return onActionClick();
         }
     }, props.actionText)));
 };
 // src/blocks/Misc/NoPermission.tsx
-var import_react95 = __toESM(require("react"));
+var import_react96 = __toESM(require("react"));
 var NoPermission = function(param) {
-    var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
+    var texts = param.texts;
     var _texts, _texts1;
     var _texts_title, _texts_subtitle;
-    return /* @__PURE__ */ import_react95.default.createElement(Card, null, /* @__PURE__ */ import_react95.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react96.default.createElement(Card, null, /* @__PURE__ */ import_react96.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react95.default.createElement("div", {
+    }, /* @__PURE__ */ import_react96.default.createElement("div", {
         className: "flex flex-col items-center justify-center text-center"
-    }, /* @__PURE__ */ import_react95.default.createElement("div", {
+    }, /* @__PURE__ */ import_react96.default.createElement("div", {
         className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground"
-    }, /* @__PURE__ */ import_react95.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react96.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 448 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react95.default.createElement("path", {
+    }, /* @__PURE__ */ import_react96.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"
-    })), " "), /* @__PURE__ */ import_react95.default.createElement("div", {
+    })), " "), /* @__PURE__ */ import_react96.default.createElement("div", {
         className: "m-2 text-xl font-bold"
-    }, (_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_react95.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"))));
+    }, (_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"))));
 };
 // src/hooks/useHover.ts
-var import_react96 = require("react");
+var import_react97 = require("react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
     ActionCard: ActionCard,
@@ -10620,6 +10714,7 @@ var import_react96 = require("react");
     CardTitle: CardTitle,
     Carousel: Carousel,
     ChargeWalletForm: ChargeWalletForm,
+    CheckEmail: CheckEmail,
     CheckoutForm: CheckoutForm,
     CodeConfirmation: CodeConfirmation,
     ComparingPlans: ComparingPlans,