@sikka/hawa 0.49.12-next → 0.49.14-next

package/dist/blocks/auth/index.js

@@ -4395,7 +4395,6 @@ var RegisterForm = ({
     resolver: (0, import_zod2.zodResolver)(finalSchema)
   });
   const onSubmit = (data) => {
-    console.log("Form submitted with data:", data);
     if (props.onRegister) {
       props.onRegister(data);
     } else {
@@ -5049,19 +5048,19 @@ var z5 = __toESM(require("zod"));
 var React36 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react43 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react42 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -5074,7 +5073,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react42.forwardRef)(
   ({
     color = "currentColor",
@@ -5106,7 +5105,7 @@ var Icon = (0, import_react42.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react43.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
@@ -5120,7 +5119,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -5178,7 +5177,11 @@ var PinInput = ({ separatorPosition = 0, ...props }) => {
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -5217,6 +5220,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = (0, import_react_hook_form5.useWatch)({ control, name: "otp_code" });
+  (0, import_react44.useEffect)(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ import_react44.default.createElement(
     Card,
     {
@@ -5224,7 +5239,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
       "form",
       {
         noValidate: true,
@@ -5298,7 +5321,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5306,7 +5329,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5314,7 +5337,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5322,7 +5345,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5330,7 +5353,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5338,7 +5361,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/auth/index.mjs

@@ -3017,7 +3017,6 @@ var RegisterForm = ({
     resolver: zodResolver2(finalSchema)
   });
   const onSubmit = (data) => {
-    console.log("Form submitted with data:", data);
     if (props.onRegister) {
       props.onRegister(data);
     } else {
@@ -3663,7 +3662,7 @@ var ResetPasswordForm = ({
 
 // blocks/auth/CodeConfirmation.tsx
 import React13, { useEffect as useEffect3, useState as useState5 } from "react";
-import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
+import { Controller as Controller5, useForm as useForm5, useWatch } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
 
@@ -3671,19 +3670,19 @@ import * as z5 from "zod";
 import * as React12 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef3, createElement as createElement3 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -3696,7 +3695,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef2(
   ({
     color = "currentColor",
@@ -3728,7 +3727,7 @@ var Icon = forwardRef2(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = forwardRef3(
     ({ className, ...props }, ref) => createElement3(Icon, {
@@ -3742,7 +3741,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -3800,7 +3799,11 @@ var PinInput = ({ separatorPosition = 0, ...props }) => {
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -3839,6 +3842,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = useWatch({ control, name: "otp_code" });
+  useEffect3(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ React13.createElement(
     Card,
     {
@@ -3846,7 +3861,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React13.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React13.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React13.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React13.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React13.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React13.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React13.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React13.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React13.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React13.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React13.createElement(
       "form",
       {
         noValidate: true,
@@ -3919,7 +3942,7 @@ export {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3927,7 +3950,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3935,7 +3958,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3943,7 +3966,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3951,7 +3974,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3959,7 +3982,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/index.d.mts

@@ -275,6 +275,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
+    direction?: "ltr" | "rtl";
     identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
@@ -282,6 +283,7 @@ type TConfirmation = {
     onCancel?: any;
     cardless?: boolean;
     codeLength?: number;
+    autoSubmit?: boolean;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 

package/dist/blocks/index.d.ts

@@ -275,6 +275,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
+    direction?: "ltr" | "rtl";
     identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
@@ -282,6 +283,7 @@ type TConfirmation = {
     onCancel?: any;
     cardless?: boolean;
     codeLength?: number;
+    autoSubmit?: boolean;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 

package/dist/blocks/index.js

@@ -4570,7 +4570,6 @@ var RegisterForm = ({
     resolver: (0, import_zod2.zodResolver)(finalSchema)
   });
   const onSubmit = (data) => {
-    console.log("Form submitted with data:", data);
     if (props.onRegister) {
       props.onRegister(data);
     } else {
@@ -5224,19 +5223,19 @@ var z5 = __toESM(require("zod"));
 var React36 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react43 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react42 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -5249,7 +5248,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react42.forwardRef)(
   ({
     color = "currentColor",
@@ -5281,7 +5280,7 @@ var Icon = (0, import_react42.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react43.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
@@ -5295,7 +5294,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.441.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -5353,7 +5352,11 @@ var PinInput = ({ separatorPosition = 0, ...props }) => {
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -5392,6 +5395,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = (0, import_react_hook_form5.useWatch)({ control, name: "otp_code" });
+  (0, import_react44.useEffect)(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ import_react44.default.createElement(
     Card,
     {
@@ -5399,7 +5414,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
       "form",
       {
         noValidate: true,
@@ -6559,7 +6582,6 @@ var ContactForm = ({
         )
       ),
       customFields && customFields.map((customField) => {
-        console.log("custom", customField);
         return /* @__PURE__ */ import_react57.default.createElement(
           import_react_hook_form9.Controller,
           {
@@ -7102,7 +7124,6 @@ var DropdownMenu = ({
               let newValues = [...values];
               newValues[index] = e;
               setValues(newValues);
-              console.log("changing to ", e);
               if (item.onOptionChange) {
                 item.onOptionChange(e);
               }
@@ -7687,7 +7708,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7695,7 +7716,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7703,7 +7724,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7711,7 +7732,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7719,7 +7740,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7727,7 +7748,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.441.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/index.mjs

@@ -17,10 +17,10 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-BV3MFTYE.mjs";
+} from "../chunk-FTS7YP7U.mjs";
 import {
   getHotkeyHandler
-} from "../chunk-WQR4XZGL.mjs";
+} from "../chunk-3AANFRLZ.mjs";
 import {
   BadEmoji,
   Button,
@@ -44,7 +44,7 @@ import {
   VeryBadEmoji,
   VeryGoodEmoji,
   cn
-} from "../chunk-KDGJZPWK.mjs";
+} from "../chunk-YGLAEAJY.mjs";
 import "../chunk-5SQBJRWE.mjs";
 
 // blocks/auth/AuthButtons.tsx
@@ -607,7 +607,6 @@ var RegisterForm = ({
     resolver: zodResolver2(finalSchema)
   });
   const onSubmit = (data) => {
-    console.log("Form submitted with data:", data);
     if (props.onRegister) {
       props.onRegister(data);
     } else {
@@ -1253,10 +1252,14 @@ var ResetPasswordForm = ({
 
 // blocks/auth/CodeConfirmation.tsx
 import React8, { useEffect, useState as useState3 } from "react";
-import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
+import { Controller as Controller5, useForm as useForm5, useWatch } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -1295,6 +1298,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = useWatch({ control, name: "otp_code" });
+  useEffect(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ React8.createElement(
     Card,
     {
@@ -1302,7 +1317,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React8.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React8.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React8.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React8.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React8.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React8.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React8.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React8.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React8.createElement(
       "form",
       {
         noValidate: true,
@@ -2115,7 +2138,6 @@ var ContactForm = ({
         )
       ),
       customFields && customFields.map((customField) => {
-        console.log("custom", customField);
         return /* @__PURE__ */ React20.createElement(
           Controller9,
           {

package/dist/blocks/misc/index.js

@@ -1764,7 +1764,6 @@ var ContactForm = ({
         )
       ),
       customFields && customFields.map((customField) => {
-        console.log("custom", customField);
         return /* @__PURE__ */ import_react34.default.createElement(
           import_react_hook_form2.Controller,
           {

package/dist/blocks/misc/index.mjs

@@ -315,7 +315,6 @@ var ContactForm = ({
         )
       ),
       customFields && customFields.map((customField) => {
-        console.log("custom", customField);
         return /* @__PURE__ */ React8.createElement(
           Controller2,
           {

package/dist/{chunk-WQR4XZGL.mjs → chunk-3AANFRLZ.mjs}

@@ -131,13 +131,11 @@ var useDialogCarousel = (options) => {
   };
   const nextStep = () => {
     if (emblaApi) {
-      console.log("going to NEXT \u{1F449}");
       emblaApi.scrollNext();
     }
   };
   const prevStep = () => {
     if (emblaApi) {
-      console.log("going to BACK \u{1F448}");
       emblaApi.scrollPrev();
     }
   };