@sikka/hawa 0.26.29 → 0.26.30

package/dist/blocks/feedback/index.js

@@ -0,0 +1,1544 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// blocks/feedback/index.ts
+var feedback_exports = {};
+__export(feedback_exports, {
+  FeedbackEmoji: () => FeedbackEmoji,
+  FeedbackForm: () => FeedbackForm,
+  FeedbackRating: () => FeedbackRating,
+  UserReferralSource: () => UserReferralSource
+});
+module.exports = __toCommonJS(feedback_exports);
+
+// blocks/feedback/UserReferralSource.tsx
+var import_react5 = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_zod = require("@hookform/resolvers/zod");
+var z = __toESM(require("zod"));
+
+// elements/button/Button.tsx
+var React2 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+
+// util/index.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// elements/loading/Loading.tsx
+var import_react = __toESM(require("react"));
+var Loading = ({
+  design = "spinner",
+  size = "sm",
+  themeMode = "light",
+  color,
+  ...props
+}) => {
+  let sizeStyles = {
+    button: "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "hawa-h-8 hawa-w-8",
+    lg: "hawa-h-14 hawa-w-14",
+    xl: "hawa-h-24 hawa-w-24"
+  };
+  let animationStyles = {
+    pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
+    bounce: "hawa-animate-bounce"
+  };
+  switch (design.split("-")[0]) {
+    case "dots":
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+              animationStyles[design.split("-")[1]],
+              color ? color : "hawa-bg-primary"
+            )
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+              animationStyles[design.split("-")[1]],
+              color ? color : "hawa-bg-primary"
+            )
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+              animationStyles[design.split("-")[1]],
+              color ? color : "hawa-bg-primary"
+            )
+          }
+        )
+      );
+    case "square":
+      return /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          className: cn("squircle-container", sizeStyles[size]),
+          viewBox: "0 0 35 35",
+          height: "35",
+          width: "35"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "rect",
+          {
+            className: "squircle-track",
+            x: "2.5",
+            y: "2.5",
+            fill: "none",
+            strokeWidth: "5px",
+            width: "32.5",
+            height: "32.5"
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "rect",
+          {
+            className: "square-car",
+            x: "2.5",
+            y: "2.5",
+            fill: "none",
+            strokeWidth: "5px",
+            width: "32.5",
+            height: "32.5",
+            pathLength: "100"
+          }
+        )
+      );
+    case "squircle":
+      return /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          className: cn("squircle-container", sizeStyles[size]),
+          x: "0px",
+          y: "0px",
+          viewBox: "0 0 37 37",
+          height: "37",
+          width: "37",
+          preserveAspectRatio: "xMidYMid meet"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "path",
+          {
+            className: "squircle-track",
+            fill: "none",
+            strokeWidth: "5",
+            pathLength: "100",
+            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "path",
+          {
+            className: "squircle-car",
+            fill: "none",
+            strokeWidth: "5",
+            pathLength: "100",
+            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
+          }
+        )
+      );
+    case "progress":
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "progress-loading" });
+    case "orbit":
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "orbit-container" });
+    default:
+      return /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          className: cn("circle-container", sizeStyles[size]),
+          viewBox: "0 0 40 40",
+          height: "40",
+          width: "40"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "circle",
+          {
+            className: cn("circle-track", {
+              "hawa-stroke-primary-foreground": themeMode === "dark",
+              "hawa-stroke-primary": themeMode === "light"
+            }),
+            cx: "20",
+            cy: "20",
+            r: "17.5",
+            pathLength: "100",
+            strokeWidth: "5px",
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "circle",
+          {
+            className: cn("circle-car", {
+              "hawa-stroke-primary-foreground": themeMode === "dark",
+              "hawa-stroke-primary": themeMode === "light"
+            }),
+            cx: "20",
+            cy: "20",
+            r: "17.5",
+            pathLength: "100",
+            strokeWidth: "5px",
+            fill: "none"
+          }
+        )
+      );
+  }
+};
+
+// elements/button/Button.tsx
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
+        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
+        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
+        outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
+        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
+        combobox: "hawa-bg-background hawa-border",
+        neoBrutalism: "neo-brutalism"
+        // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
+      },
+      size: {
+        default: "hawa-h-10 hawa-px-4 hawa-py-2",
+        heightless: "hawa-px-4 hawa-py-4",
+        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
+        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
+        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
+        icon: "hawa-h-10 hawa-w-10",
+        smallIcon: "hawa-h-7 hawa-w-7"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    centered = true,
+    isLoading,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
+    return /* @__PURE__ */ React2.createElement(
+      Comp,
+      {
+        className: cn(
+          buttonVariants({ variant, size, className }),
+          centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
+        ),
+        ref,
+        ...props
+      },
+      isLoading ? /* @__PURE__ */ React2.createElement(
+        Loading,
+        {
+          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+          themeMode: variant === "outline" ? "light" : "dark",
+          color: loadingColor,
+          size: size === "sm" || size === "xs" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
+
+// elements/card/Card.tsx
+var React3 = __toESM(require("react"));
+var Card = React3.forwardRef(
+  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+    let variantStyles = {
+      default: cn(
+        "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
+        clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
+      ),
+      neoBrutalism: cn(
+        "neo-brutalism",
+        // "hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
+        clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
+      )
+    };
+    return /* @__PURE__ */ React3.createElement(
+      "div",
+      {
+        ref,
+        className: cn(className, variantStyles[variant]),
+        ...props
+      }
+    );
+  }
+);
+var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+      className
+    ),
+    ...props
+  }
+));
+var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "h3",
+  {
+    ref,
+    className: cn("hawa-text-2xl hawa-font-semibold ", className),
+    ...props
+  }
+));
+var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "p",
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
+    ...props
+  }
+));
+var CardContent = React3.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        noPadding ? "hawa-p-0" : "hawa-p-6",
+        headless ? "hawa-pt-6" : "hawa-pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    ref,
+    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+CardContent.displayName = "CardContent";
+CardHeader.displayName = "CardHeader";
+CardFooter.displayName = "CardFooter";
+CardTitle.displayName = "CardTitle";
+Card.displayName = "Card";
+
+// elements/radio/Radio.tsx
+var import_react3 = __toESM(require("react"));
+
+// elements/label/Label.tsx
+var React5 = __toESM(require("react"));
+
+// elements/tooltip/Tooltip.tsx
+var import_react2 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = import_react2.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = ({
+  side,
+  open,
+  content,
+  children,
+  defaultOpen,
+  onOpenChange,
+  triggerProps,
+  contentProps,
+  providerProps,
+  delayDuration = 300,
+  ...props
+}) => {
+  return /* @__PURE__ */ import_react2.default.createElement(
+    TooltipPrimitive.TooltipProvider,
+    {
+      delayDuration,
+      ...providerProps
+    },
+    /* @__PURE__ */ import_react2.default.createElement(
+      TooltipPrimitive.Root,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        ...props
+      },
+      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react2.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+    )
+  );
+};
+
+// elements/label/Label.tsx
+var Label = React5.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React5.createElement(
+  "label",
+  {
+    ref,
+    className: cn(
+      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
+      className
+    ),
+    ...props
+  },
+  children,
+  required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React5.createElement(
+  Tooltip,
+  {
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
+  },
+  /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
+Label.displayName = "Label";
+
+// elements/radio/Radio.tsx
+var Radio = ({
+  design = "default",
+  width = "default",
+  size = "default",
+  orientation = "horizontal",
+  name,
+  labelProps,
+  tabsContainerClassName,
+  onChange,
+  ...props
+}) => {
+  var _a, _b, _c;
+  const [selectedOption, setSelectedOption] = (0, import_react3.useState)(props.defaultValue);
+  let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
+  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let orientationStyle = {
+    horizontal: "hawa-flex hawa-flex-row",
+    vertical: "hawa-flex hawa-flex-col"
+  };
+  let tabSizeStyle = {
+    default: "hawa-py-2 hawa-px-4 hawa-text-sm",
+    lg: "hawa-py-2 hawa-px-4",
+    sm: "hawa-p-1.5 hawa-text-xs",
+    xs: "hawa-p-1 hawa-text-[10px]"
+  };
+  let widthStyle = {
+    none: "",
+    default: "hawa-max-w-fit",
+    full: "hawa-w-full"
+  };
+  const [parentDirection, setParentDirection] = import_react3.default.useState(
+    null
+  );
+  const parentRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    var _a2;
+    const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
+    if (parentNode) {
+      const dir = window.getComputedStyle(parentNode).direction;
+      setParentDirection(dir);
+    }
+  });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
+  switch (design) {
+    case "tabs":
+      return /* @__PURE__ */ import_react3.default.createElement(
+        "ul",
+        {
+          ref: parentRef,
+          className: cn(
+            props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+            "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium",
+            orientationStyle[orientation],
+            widthStyle[width],
+            tabsContainerClassName
+          )
+        },
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement(
+          "li",
+          {
+            "aria-current": "page",
+            onClick: () => handleChange(opt),
+            className: cn(
+              "hawa-w-full hawa-cursor-pointer ",
+              orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
+              orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
+              orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
+              tabSizeStyle[size],
+              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+            ),
+            key: o
+          },
+          opt.icon && opt.icon,
+          opt.label
+        ))
+      );
+    case "bordered":
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
+        },
+        /* @__PURE__ */ import_react3.default.createElement(
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react3.default.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
+            className: cn(
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
+          },
+          opt.label
+        )
+      ))));
+    case "cards":
+      return /* @__PURE__ */ import_react3.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react3.default.createElement(
+        "input",
+        {
+          type: "radio",
+          id: opt.value.toString(),
+          name,
+          value: opt.value.toString(),
+          className: "hawa-peer hawa-hidden",
+          required: true,
+          disabled: opt.disabled
+        }
+      ), /* @__PURE__ */ import_react3.default.createElement(
+        "label",
+        {
+          htmlFor: opt.value.toString(),
+          className: cn(
+            "hawa-inline-flex hawa-h-full hawa-w-full  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-gray-200 hawa-bg-white hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary",
+            opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300"
+          )
+        },
+        /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+      ))));
+    default:
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react3.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          className: cn(
+            "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+          ),
+          key: i + 1
+        },
+        /* @__PURE__ */ import_react3.default.createElement(
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ import_react3.default.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
+            className: cn(
+              "hawa-text-sm hawa-font-medium  dark:hawa-text-white",
+              opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
+          },
+          opt.label
+        )
+      ))), /* @__PURE__ */ import_react3.default.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ));
+  }
+};
+
+// elements/textarea/Textarea.tsx
+var React8 = __toESM(require("react"));
+
+// elements/skeleton/Skeleton.tsx
+var import_react4 = __toESM(require("react"));
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
+
+// elements/textarea/Textarea.tsx
+var Textarea = React8.forwardRef(
+  ({
+    className,
+    classNames,
+    labelProps,
+    showCount,
+    forceHideHelperText,
+    textareaProps,
+    countPosition = "bottom",
+    isLoading,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ React8.createElement(
+      "div",
+      {
+        className: cn(
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
+        )
+      },
+      /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React8.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React8.createElement(
+        "div",
+        {
+          className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
+        },
+        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+        "/",
+        textareaProps == null ? void 0 : textareaProps.maxLength
+      )),
+      isLoading ? /* @__PURE__ */ React8.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React8.createElement(
+        "textarea",
+        {
+          className: cn(
+            "hawa-flex hawa-min-h-[40px] hawa-h-[40px]  hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+            classNames == null ? void 0 : classNames.textarea
+          ),
+          ref,
+          ...textareaProps
+        }
+      ),
+      /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React8.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// blocks/feedback/UserReferralSource.tsx
+var UserReferralSource = ({
+  position = "bottom-right",
+  options = [],
+  ...props
+}) => {
+  var _a, _b;
+  const [closed, setClosed] = (0, import_react5.useState)(false);
+  const popUpRef = (0, import_react5.useRef)(null);
+  const formSchema = z.object({
+    source: z.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
+    feedback: z.string().optional()
+  });
+  const { handleSubmit, control, formState, watch } = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_zod.zodResolver)(formSchema)
+  });
+  const selectedSource = watch("source");
+  const boxPosition = {
+    "bottom-right": "hawa-right-4",
+    "bottom-left": "hawa-left-4"
+  };
+  const optionsWithOther = [
+    ...options,
+    {
+      value: "other",
+      label: "Other"
+    }
+  ];
+  return /* @__PURE__ */ import_react5.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-transition-all",
+        closed ? "hawa-opacity-0" : "hawa-opacity-100"
+      ),
+      ref: popUpRef
+    },
+    /* @__PURE__ */ import_react5.default.createElement(
+      Card,
+      {
+        className: cn(
+          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
+          boxPosition[position]
+        ),
+        dir: props.direction
+      },
+      /* @__PURE__ */ import_react5.default.createElement(
+        "button",
+        {
+          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 == null ? void 0 : popUpRef.current) {
+                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
+              }
+            }, 200);
+          }
+        },
+        /* @__PURE__ */ import_react5.default.createElement(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ import_react5.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"
+            }
+          )
+        )
+      ),
+      /* @__PURE__ */ import_react5.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react5.default.createElement(
+        "form",
+        {
+          noValidate: true,
+          onSubmit: handleSubmit((e) => {
+            if (props.onSubmitForm) {
+              props.onSubmitForm(e);
+            } else {
+              console.log("onSubmitForm was not provided");
+            }
+          })
+        },
+        /* @__PURE__ */ import_react5.default.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all",
+              closed ? "hawa-opacity-0" : "hawa-opacity-100"
+            )
+          },
+          /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react5.default.createElement(
+            import_react_hook_form.Controller,
+            {
+              control,
+              name: "source",
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ import_react5.default.createElement(
+                  Radio,
+                  {
+                    direction: props.direction,
+                    orientation: "vertical",
+                    options: optionsWithOther,
+                    defaultValue: field.value,
+                    onChange: (e) => field.onChange(e.value),
+                    helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+                  }
+                );
+              }
+            }
+          )),
+          /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement(
+            import_react_hook_form.Controller,
+            {
+              control,
+              name: "feedback",
+              render: ({ field }) => {
+                var _a2, _b2;
+                return /* @__PURE__ */ import_react5.default.createElement(
+                  Textarea,
+                  {
+                    ...field,
+                    textareaProps: {
+                      onChange: (e) => field.onChange(e.target.value),
+                      disabled: selectedSource !== "other"
+                    },
+                    helperText: (_b2 = (_a2 = formState.errors.feedback) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
+                  }
+                );
+              }
+            }
+          ))
+        ),
+        /* @__PURE__ */ import_react5.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+      ))
+    )
+  );
+};
+
+// blocks/feedback/FeedbackRating.tsx
+var import_react6 = __toESM(require("react"));
+var FeedbackRating = ({
+  position = "bottom-right",
+  ...props
+}) => {
+  const [closed, setClosed] = (0, import_react6.useState)(false);
+  const [answered, setAnswered] = (0, import_react6.useState)(false);
+  const [clickedOption, setClickedOption] = (0, import_react6.useState)(null);
+  const [closingTimer, setClosingTimer] = (0, import_react6.useState)(5);
+  const popUpRef = (0, import_react6.useRef)(null);
+  const boxPosition = {
+    "bottom-right": "hawa-right-4",
+    "bottom-left": "hawa-left-4"
+  };
+  (0, import_react6.useEffect)(() => {
+    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__ */ import_react6.default.createElement(
+    "div",
+    {
+      ref: popUpRef,
+      className: cn(
+        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ",
+        boxPosition[position]
+      )
+    },
+    /* @__PURE__ */ import_react6.default.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-relative hawa-flex hawa-w-full   hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
+          closed ? "hawa-opacity-0" : "hawa-opacity-100",
+          props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
+        )
+      },
+      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
+      /* @__PURE__ */ import_react6.default.createElement(
+        "button",
+        {
+          type: "button",
+          className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 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: () => slowClose()
+        },
+        /* @__PURE__ */ import_react6.default.createElement(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ import_react6.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"
+            }
+          )
+        )
+      ),
+      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-8" }, props.question),
+      /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react6.default.createElement(
+        "span",
+        {
+          key: i,
+          onClick: () => {
+            if (props.onOptionClicked) {
+              props.onOptionClicked(op);
+            }
+            setClickedOption(op);
+            setAnswered(true);
+            const timeoutDestroy = setTimeout(() => {
+              setClosed(true);
+            }, 4800);
+            setTimeout(() => {
+              var _a, _b;
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
+                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
+              );
+              clearTimeout(timeoutDestroy);
+            }, 5300);
+          },
+          className: cn(
+            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border  hawa-p-4 hawa-text-center hawa-transition-all ",
+            clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
+          )
+        },
+        op
+      ))),
+      props.texts && /* @__PURE__ */ import_react6.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react6.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react6.default.createElement("span", null, props.texts.most)),
+      answered && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react6.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+    )
+  );
+};
+
+// blocks/feedback/FeedbackEmoji.tsx
+var import_react10 = __toESM(require("react"));
+
+// elements/popover/Popover.tsx
+var React11 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var PopoverContent = React11.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React11.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Popover = ({
+  trigger,
+  children,
+  className,
+  align = "center",
+  side,
+  sideOffset = 4,
+  open,
+  width = "default",
+  disableTrigger,
+  contentProps,
+  triggerProps,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  return /* @__PURE__ */ React11.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React11.createElement(
+    PopoverPrimitive.Trigger,
+    {
+      className: "hawa-w-full",
+      disabled: disableTrigger,
+      ...triggerProps
+    },
+    trigger
+  ), /* @__PURE__ */ React11.createElement(
+    PopoverContent,
+    {
+      side,
+      className,
+      align,
+      sideOffset,
+      style: {
+        width: widthStyles[width]
+      },
+      ...contentProps
+    },
+    children
+  ));
+};
+
+// icons/Emojis.tsx
+var import_react7 = __toESM(require("react"));
+var VeryGoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react7.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ), /* @__PURE__ */ import_react7.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
+      fill: "#FF990A",
+      fillRule: "evenodd"
+    }
+  ))
+);
+var GoodEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react7.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ))
+);
+var BadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react7.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ))
+);
+var VeryBadEmoji = () => /* @__PURE__ */ import_react7.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react7.default.createElement(
+    "path",
+    {
+      d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
+      fill: "#0070F3"
+    }
+  ), /* @__PURE__ */ import_react7.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ))
+);
+
+// icons/InputIcons.tsx
+var import_react8 = __toESM(require("react"));
+
+// icons/CommonIcons.tsx
+var import_react9 = __toESM(require("react"));
+
+// blocks/feedback/FeedbackEmoji.tsx
+var FeedbackEmoji = (props) => {
+  const [selectedEmoji, setSelectedEmoji] = (0, import_react10.useState)(null);
+  const [loadingSubmit, setLoadingSubmit] = (0, import_react10.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react10.useState)("");
+  const [helperText, setHelperText] = (0, import_react10.useState)(false);
+  let emojis = [
+    { icon: /* @__PURE__ */ import_react10.default.createElement(VeryGoodEmoji, null), value: "very-good" },
+    { icon: /* @__PURE__ */ import_react10.default.createElement(GoodEmoji, null), value: "good" },
+    { icon: /* @__PURE__ */ import_react10.default.createElement(BadEmoji, null), value: "bad" },
+    { icon: /* @__PURE__ */ import_react10.default.createElement(VeryBadEmoji, null), value: "very-bad" }
+  ];
+  const onFeedbackSubmit = async () => {
+    if (feedbackText) {
+      setLoadingSubmit(true);
+      try {
+        await props.handleSubmit({
+          choice: selectedEmoji,
+          feedback: feedbackText
+        });
+      } catch (error) {
+        console.error("Error during submission:", error);
+        setLoadingSubmit(false);
+      }
+      await setLoadingSubmit(false);
+    } else {
+      setLoadingSubmit(false);
+      setHelperText(true);
+    }
+  };
+  return /* @__PURE__ */ import_react10.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex  hawa-flex-col hawa-rounded hawa-border  hawa-p-2 hawa-transition-all",
+        selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
+      )
+    },
+    /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react10.default.createElement(
+      Button,
+      {
+        key: i,
+        onClick: () => {
+          if (selectedEmoji === emoji.value) {
+            setSelectedEmoji("");
+          } else {
+            setSelectedEmoji(emoji.value);
+          }
+        },
+        variant: "ghost",
+        size: "smallIcon",
+        className: cn(
+          selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]"
+        )
+      },
+      emoji.icon
+    )))),
+    /* @__PURE__ */ import_react10.default.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-flex-col hawa-overflow-clip  hawa-transition-all hawa-duration-500 hawa-ease-in-out ",
+          selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
+        )
+      },
+      props.showSuccess ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react10.default.createElement(
+        "svg",
+        {
+          stroke: "currentColor",
+          fill: "currentColor",
+          strokeWidth: "0",
+          viewBox: "0 0 512 512",
+          height: "0.5em",
+          width: "0.5em"
+        },
+        /* @__PURE__ */ import_react10.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_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react10.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react10.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react10.default.createElement(
+        Popover,
+        {
+          className: "hawa-select-none hawa-p-1 hawa-text-xs ",
+          open: helperText,
+          trigger: /* @__PURE__ */ import_react10.default.createElement(
+            Textarea,
+            {
+              classNames: {
+                textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
+              },
+              placeholder: "Your feedback",
+              onChange: (e) => {
+                if (e.target.value) {
+                  setHelperText(false);
+                }
+                setFeedbackText(e.target.value);
+              }
+            }
+          )
+        },
+        /* @__PURE__ */ import_react10.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ import_react10.default.createElement(
+        Button,
+        {
+          isLoading: loadingSubmit,
+          onClick: onFeedbackSubmit,
+          className: "hawa-w-full",
+          size: "sm"
+        },
+        "Submit"
+      ))
+    )
+  );
+};
+
+// blocks/feedback/FeedbackForm.tsx
+var import_react12 = __toESM(require("react"));
+var import_react_hook_form2 = require("react-hook-form");
+var import_zod2 = require("@hookform/resolvers/zod");
+var z2 = __toESM(require("zod"));
+
+// elements/select/Select.tsx
+var import_react11 = __toESM(require("react"));
+var import_react_select = __toESM(require("react-select"));
+var import_creatable = __toESM(require("react-select/creatable"));
+var import_clsx2 = __toESM(require("clsx"));
+var Select = ({
+  labelProps,
+  labelKey = "label",
+  ...props
+}) => {
+  const NoOption = () => {
+    var _a, _b;
+    return /* @__PURE__ */ import_react11.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+  };
+  const Control = ({ children, innerProps, innerRef }) => {
+    return /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        ref: innerRef,
+        className: (0, import_clsx2.default)(
+          "hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
+        ),
+        ...innerProps
+      },
+      children
+    );
+  };
+  const Option = ({ children, innerProps, innerRef }) => {
+    return /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        ref: innerRef,
+        className: cn(
+          "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
+        ),
+        ...innerProps
+      },
+      children
+    );
+  };
+  const Menu = ({
+    cx,
+    children,
+    getStyles,
+    innerProps,
+    innerRef,
+    ...menuProps
+  }) => {
+    const menuOpen = menuProps.selectProps.menuIsOpen;
+    return /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        className: cn(
+          "dark:dark-shadow  hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border hawa-bg-background hawa-shadow-md",
+          props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
+          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
+        ),
+        ref: innerRef,
+        ...innerProps
+      },
+      children
+    );
+  };
+  return /* @__PURE__ */ import_react11.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-gap-2",
+        props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
+      )
+    },
+    props.label && /* @__PURE__ */ import_react11.default.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+      //   TODO: enable keyboard to go to the next item in the list
+      /* @__PURE__ */ import_react11.default.createElement(
+        import_react_select.default,
+        {
+          noOptionsMessage: NoOption,
+          classNames: {
+            control: () => cn(
+              props.phoneCode && "hawa-rounded-r-none",
+              props.controlClassNames
+            ),
+            container: () => cn(
+              "hawa-rounded",
+              props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
+              "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm",
+              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+            ),
+            placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
+            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
+            singleValue: () => "hawa-text-foreground",
+            indicatorsContainer: () => cn(
+              "hawa-cursor-pointer hawa-text-muted-foreground",
+              props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
+            )
+          },
+          unstyled: true,
+          autoFocus: true,
+          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
+          onChange: (newValue, action) => props.onChange(newValue, action),
+          options: props.options,
+          getOptionLabel: props.getOptionLabel,
+          defaultValue: props.defaultValue,
+          placeholder: props.placeholder,
+          isDisabled: props.disabled,
+          isClearable: props.isClearable,
+          isMulti: props.isMulti,
+          isSearchable: props.isSearchable
+        }
+      )
+    ) : /* @__PURE__ */ import_react11.default.createElement(
+      import_creatable.default,
+      {
+        formatCreateLabel: (inputValue) => {
+          var _a, _b;
+          return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
+        },
+        classNames: {
+          container: () => cn(
+            "hawa-rounded",
+            props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+          ),
+          placeholder: () => "hawa-px-2 hawa-text-muted-foreground",
+          input: () => "hawa-text-primary hawa-px-2",
+          valueContainer: () => "hawa-text-white dark:hawa-text-muted-foreground",
+          singleValue: () => "hawa-text-black dark:hawa-text-white hawa-px-2",
+          indicatorsContainer: () => " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground"
+        },
+        unstyled: true,
+        options: props.options,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable,
+        placeholder: props.placeholder,
+        onCreateOption: props.handleCreateOption,
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        components: { Control, Option, Menu },
+        onInputChange: (newValue, action) => props.onInputChange(newValue, action)
+      }
+    ),
+    !props.hideHelperText && /* @__PURE__ */ import_react11.default.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+        )
+      },
+      props.helperText
+    )
+  );
+};
+
+// blocks/feedback/FeedbackForm.tsx
+var FeedbackForm = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const formSchema = z2.object({
+    requestType: z2.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
+    description: z2.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
+  });
+  const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
+    resolver: (0, import_zod2.zodResolver)(formSchema)
+  });
+  return /* @__PURE__ */ import_react12.default.createElement(
+    Card,
+    {
+      className: cn(
+        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
+      ),
+      style: props.cardless ? { boxShadow: "none" } : void 0
+    },
+    /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react12.default.createElement(
+      "form",
+      {
+        noValidate: true,
+        onSubmit: handleSubmit((e) => {
+          if (props.onSubmit) {
+            return props.onSubmit(e);
+          } else {
+            console.log("Form is submitted but onSubmit prop is missing");
+          }
+        }),
+        className: "hawa-flex hawa-flex-col hawa-gap-4"
+      },
+      /* @__PURE__ */ import_react12.default.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
+      /* @__PURE__ */ import_react12.default.createElement(
+        import_react_hook_form2.Controller,
+        {
+          name: "requestType",
+          control,
+          render: ({ field }) => {
+            var _a2, _b2, _c2, _d2, _e2, _f2;
+            return /* @__PURE__ */ import_react12.default.createElement(
+              Select,
+              {
+                ...field,
+                ...props.selectProps,
+                onChange: (option) => field.onChange(option.value),
+                options: props.requestTypes,
+                helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
+                placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
+                texts: {
+                  noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
+                }
+              }
+            );
+          }
+        }
+      ),
+      /* @__PURE__ */ import_react12.default.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
+      /* @__PURE__ */ import_react12.default.createElement(
+        import_react_hook_form2.Controller,
+        {
+          name: "description",
+          control,
+          render: ({ field }) => {
+            var _a2, _b2, _c2, _d2;
+            return /* @__PURE__ */ import_react12.default.createElement(
+              Textarea,
+              {
+                ...field,
+                helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
+                placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
+              }
+            );
+          }
+        }
+      ),
+      /* @__PURE__ */ import_react12.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
+    ))
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeedbackEmoji,
+  FeedbackForm,
+  FeedbackRating,
+  UserReferralSource
+});