@sikka/hawa 0.11.6-next → 0.11.7-next

package/dist/index.d.mts

@@ -1193,8 +1193,8 @@ type ComponentTypes$2 = {
     tag?: any;
     options?: RadioOptionsTypes[];
     position?: "bottom-right" | "bottom-left";
-    onOptionClicked?: (option: any) => void;
     direction?: "rtl" | "ltr";
+    onSubmitForm?: (e: any) => void;
     texts?: {
         pleaseSelectOption: string;
         textTooShort: string;

package/dist/index.d.ts

@@ -1193,8 +1193,8 @@ type ComponentTypes$2 = {
     tag?: any;
     options?: RadioOptionsTypes[];
     position?: "bottom-right" | "bottom-left";
-    onOptionClicked?: (option: any) => void;
     direction?: "rtl" | "ltr";
+    onSubmitForm?: (e: any) => void;
     texts?: {
         pleaseSelectOption: string;
         textTooShort: string;

package/dist/index.js

@@ -7716,7 +7716,6 @@ var UserReferralSource = function(_param) {
     ]);
     var _props_texts, _props_texts1;
     var _ref = _sliced_to_array((0, import_react45.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react45.useState)(5), 2), closingTimer = _ref1[0], setClosingTimer = _ref1[1];
     var popUpRef = (0, import_react45.useRef)(null);
     var formSchema = z6.object({
         source: z6.string({
@@ -7724,35 +7723,17 @@ var UserReferralSource = function(_param) {
         }),
         feedback: z6.string().optional()
     });
-    var _ref2 = (0, import_react_hook_form6.useForm)({
+    var _ref1 = (0, import_react_hook_form6.useForm)({
         resolver: (0, import_zod6.zodResolver)(formSchema)
-    }), handleSubmit = _ref2.handleSubmit, control = _ref2.control, formState = _ref2.formState;
+    }), handleSubmit = _ref1.handleSubmit, control = _ref1.control, formState = _ref1.formState;
     var boxPosition = {
         "bottom-right": "hawa-right-4",
         "bottom-left": "hawa-left-4"
     };
-    (0, import_react45.useEffect)(function() {
-        var timeoutHide = setTimeout(function() {
-            if (closingTimer >= 0) {
-                setClosingTimer(closingTimer - 1);
-            }
-        }, 1e3);
-        return function() {
-            clearTimeout(timeoutHide);
-        };
-    }, [
-        closingTimer
-    ]);
-    var slowClose = function() {
-        setClosed(true);
-        setTimeout(function() {
-            if (popUpRef.current) {
-                popUpRef.current.removeChild(popUpRef.current.children[0]);
-            }
-        }, 200);
-    };
-    return /* @__PURE__ */ import_react45.default.createElement(Card, {
-        ref: popUpRef,
+    return /* @__PURE__ */ import_react45.default.createElement("div", {
+        className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
+        ref: popUpRef
+    }, /* @__PURE__ */ import_react45.default.createElement(Card, {
         className: cn("hawa-fixed hawa-bottom-4 hawa-p-0 ", boxPosition[position]),
         dir: props.direction
     }, /* @__PURE__ */ import_react45.default.createElement("button", {
@@ -7761,7 +7742,12 @@ var UserReferralSource = function(_param) {
         "data-dismiss-target": "#toast-default",
         "aria-label": "Close",
         onClick: function() {
-            return slowClose();
+            setClosed(true);
+            setTimeout(function() {
+                if (popUpRef === null || popUpRef === void 0 ? void 0 : popUpRef.current) {
+                    popUpRef === null || popUpRef === void 0 ? void 0 : popUpRef.current.removeChild(popUpRef === null || popUpRef === void 0 ? void 0 : popUpRef.current.children[0]);
+                }
+            }, 200);
         }
     }, /* @__PURE__ */ import_react45.default.createElement("svg", {
         "aria-hidden": "true",
@@ -7776,10 +7762,13 @@ var UserReferralSource = function(_param) {
         headless: true
     }, /* @__PURE__ */ import_react45.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
-            return console.log("e is ", e);
+            if (props.onSubmitForm) {
+                props.onSubmitForm(e);
+            }
+            console.log("onSubmitForm was not provided");
         })
     }, /* @__PURE__ */ import_react45.default.createElement("div", {
-        className: cn("hawa-flex hawa-flex-col hawa-gap-4", closed ? "hawa-opacity-0" : "hawa-opacity-100")
+        className: cn("hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100")
     }, /* @__PURE__ */ import_react45.default.createElement("div", {
         className: "hawa-mt-4 hawa-font-bold"
     }, props.question), /* @__PURE__ */ import_react45.default.createElement("div", {
@@ -7814,7 +7803,7 @@ var UserReferralSource = function(_param) {
     }))), /* @__PURE__ */ import_react45.default.createElement(Button, {
         type: "submit",
         className: "hawa-mt-4 hawa-w-full"
-    }, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit"))));
+    }, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit")))));
 };
 // components/blocks/feedback/FeedbackRating.tsx
 var import_react46 = __toESM(require("react"));

package/dist/index.mjs

@@ -7624,7 +7624,7 @@ var CodeConfirmation = (props) => {
 };
 
 // components/blocks/feedback/UserReferralSource.tsx
-import React64, { useEffect as useEffect15, useRef as useRef8, useState as useState25 } from "react";
+import React64, { useRef as useRef8, useState as useState25 } from "react";
 import { Controller as Controller6, useForm as useForm6 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
 import * as z6 from "zod";
@@ -7634,7 +7634,6 @@ var UserReferralSource = ({
   ...props
 }) => {
   const [closed, setClosed] = useState25(false);
-  const [closingTimer, setClosingTimer] = useState25(5);
   const popUpRef = useRef8(null);
   const formSchema = z6.object({
     source: z6.string({ required_error: props.texts?.pleaseSelectOption }),
@@ -7647,106 +7646,116 @@ var UserReferralSource = ({
     "bottom-right": "hawa-right-4",
     "bottom-left": "hawa-left-4"
   };
-  useEffect15(() => {
-    const timeoutHide = setTimeout(() => {
-      if (closingTimer >= 0) {
-        setClosingTimer(closingTimer - 1);
-      }
-    }, 1e3);
-    return () => {
-      clearTimeout(timeoutHide);
-    };
-  }, [closingTimer]);
-  const slowClose = () => {
-    setClosed(true);
-    setTimeout(() => {
-      if (popUpRef.current) {
-        popUpRef.current.removeChild(popUpRef.current.children[0]);
-      }
-    }, 200);
-  };
   return /* @__PURE__ */ React64.createElement(
-    Card,
+    "div",
     {
-      ref: popUpRef,
       className: cn(
-        "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-        boxPosition[position]
+        "hawa-transition-all",
+        closed ? "hawa-opacity-0" : "hawa-opacity-100"
       ),
-      dir: props.direction
+      ref: popUpRef
     },
     /* @__PURE__ */ React64.createElement(
-      "button",
+      Card,
       {
-        type: "button",
         className: cn(
-          props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
-          "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
+          boxPosition[position]
         ),
-        "data-dismiss-target": "#toast-default",
-        "aria-label": "Close",
-        onClick: () => slowClose()
+        dir: props.direction
       },
       /* @__PURE__ */ React64.createElement(
-        "svg",
+        "button",
         {
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
+          type: "button",
+          className: cn(
+            props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+          ),
+          "data-dismiss-target": "#toast-default",
+          "aria-label": "Close",
+          onClick: () => {
+            setClosed(true);
+            setTimeout(() => {
+              if (popUpRef?.current) {
+                popUpRef?.current.removeChild(popUpRef?.current.children[0]);
+              }
+            }, 200);
+          }
         },
         /* @__PURE__ */ React64.createElement(
-          "path",
+          "svg",
           {
-            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"
-          }
-        )
-      )
-    ),
-    /* @__PURE__ */ React64.createElement(CardContent, { headless: true }, /* @__PURE__ */ React64.createElement("form", { onSubmit: handleSubmit((e) => console.log("e is ", e)) }, /* @__PURE__ */ React64.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-flex-col hawa-gap-4",
-          closed ? "hawa-opacity-0" : "hawa-opacity-100"
-        )
-      },
-      /* @__PURE__ */ React64.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-      /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React64.createElement(
-        Controller6,
-        {
-          control,
-          name: "source",
-          render: ({ field }) => /* @__PURE__ */ React64.createElement(
-            Radio,
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ React64.createElement(
+            "path",
             {
-              direction: props.direction,
-              orientation: "vertical",
-              options,
-              defaultValue: field.value,
-              onChangeTab: (e) => field.onChange(e),
-              helperText: formState.errors.source?.message?.toString()
+              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"
             }
           )
-        }
-      )),
-      /* @__PURE__ */ React64.createElement("div", null, /* @__PURE__ */ React64.createElement(
-        Controller6,
+        )
+      ),
+      /* @__PURE__ */ React64.createElement(CardContent, { headless: true }, /* @__PURE__ */ React64.createElement(
+        "form",
         {
-          control,
-          name: "feedback",
-          render: ({ field }) => /* @__PURE__ */ React64.createElement(
-            Textarea,
+          onSubmit: handleSubmit((e) => {
+            if (props.onSubmitForm) {
+              props.onSubmitForm(e);
+            }
+            console.log("onSubmitForm was not provided");
+          })
+        },
+        /* @__PURE__ */ React64.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all",
+              closed ? "hawa-opacity-0" : "hawa-opacity-100"
+            )
+          },
+          /* @__PURE__ */ React64.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ React64.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ React64.createElement(
+            Controller6,
             {
-              ...field,
-              helperText: formState.errors.feedback?.message?.toString()
+              control,
+              name: "source",
+              render: ({ field }) => /* @__PURE__ */ React64.createElement(
+                Radio,
+                {
+                  direction: props.direction,
+                  orientation: "vertical",
+                  options,
+                  defaultValue: field.value,
+                  onChangeTab: (e) => field.onChange(e),
+                  helperText: formState.errors.source?.message?.toString()
+                }
+              )
             }
-          )
-        }
+          )),
+          /* @__PURE__ */ React64.createElement("div", null, /* @__PURE__ */ React64.createElement(
+            Controller6,
+            {
+              control,
+              name: "feedback",
+              render: ({ field }) => /* @__PURE__ */ React64.createElement(
+                Textarea,
+                {
+                  ...field,
+                  helperText: formState.errors.feedback?.message?.toString()
+                }
+              )
+            }
+          ))
+        ),
+        /* @__PURE__ */ React64.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, props.texts?.submit || "Submit")
       ))
-    ), /* @__PURE__ */ React64.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, props.texts?.submit || "Submit")))
+    )
   );
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.11.6-next",
+  "version": "0.11.7-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {