@sikka/hawa 0.28.0 → 0.28.1-next

package/dist/index.js

@@ -1237,6 +1237,154 @@ var AccordionRoot = AccordionPrimitive5.Root;
 // elements/logos/Logos.tsx
 var import_react5 = __toESM(require("react"));
 var Logos = {
+  metamask: (props) => /* @__PURE__ */ import_react5.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlSpace: "preserve",
+      id: "Layer_1",
+      x: 0,
+      y: 0,
+      viewBox: "0 0 318.6 318.6",
+      ...props
+    },
+    /* @__PURE__ */ import_react5.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#e2761b",
+        stroke: "#e2761b",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m274.1 35.5-99.5 73.9L193 65.8z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        d: "m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z",
+        className: "st1"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        d: "m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z",
+        className: "st1"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#d7c1b3",
+        stroke: "#d7c1b3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#233447",
+        stroke: "#233447",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#cd6116",
+        stroke: "#cd6116",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#e4751f",
+        stroke: "#e4751f",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        d: "m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z",
+        className: "st6"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#c0ad9e",
+        stroke: "#c0ad9e",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#161616",
+        stroke: "#161616",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        fill: "#763d16",
+        stroke: "#763d16",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        d: "m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z",
+        className: "st6"
+      }
+    )
+  ),
+  nafath: (props) => /* @__PURE__ */ import_react5.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlSpace: "preserve",
+      id: "Layer_1",
+      x: 0,
+      y: 0,
+      viewBox: "22.5 44.5 535.6 230.34",
+      ...props
+    },
+    /* @__PURE__ */ import_react5.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        d: "M426.1 233.8c1.5.2 2.4.4 3.3.4 21.3 0 42.7.1 64-.1 12.7-.1 20-6.8 20.4-19.4.6-21 .6-42 .6-63 0-3.9 1.1-6.1 4.7-7.9 10.9-5.4 21.5-11.2 32.3-16.8 1.3-.7 2.7-1.3 4.5-2.1.1 1.4.3 2.4.3 3.5 0 29.1.5 58.2-.2 87.3-.5 21.8-9.4 39.7-29.1 51-10.1 5.8-21.3 7.9-32.7 7.9-32.1.2-64.1.2-96.2 0-8.2-.1-16.4-1.8-24.6-2.1-5.5-.2-11 1.1-16.6 1.4-9.3.4-18.7.7-28 .8-26.3.1-52.6.3-78.9-.1-7.8-.1-15.9-1.2-23.4-3.4-22.7-7-34.9-23.3-38.8-46.2-.8-4.9-1-9.9-1-14.9-.1-42.5 0-85-.1-127.5 0-3.6.9-5.6 4.2-7.2 11-5.5 21.8-11.3 32.7-16.9 1.3-.7 2.7-1.3 4.8-2.3v149c0 3.7.2 7.5.7 11.2 1.5 11.1 7.6 17.5 18.7 17.7 22.6.4 45.1.1 67.7.1.4 0 .9-.3 1.9-.6-1-2-1.9-3.9-2.9-5.7-16-27.8-11.5-65.2 7-87.2 11-13.2 25.3-20.4 42.3-21.9 17.3-1.5 33.9.9 48.1 12.1 15.4 12.1 23.3 28.3 25.8 47.5 2.6 19.1-.9 36.8-10.8 53.3-.1.3-.2.9-.7 2.1zm-27.4-48.1c-.8-3.2-1.5-9.2-3.9-14.4-4.9-10.6-13.9-14.9-25.5-14.3-10.4.6-17.9 5.9-21.5 15.7-7.4 19.7 1.5 44.7 19.4 55.5 3.2 1.9 5.8 2 8.9-.1 14.2-9.4 21.9-22.5 22.6-42.4zM78.7 155.1c6.8-11.7 13.6-23.2 20.5-35 13.5 8.1 25.5 17.4 35.1 29.4 18.1 22.4 24.3 48.2 21.3 76.5-.7 6.9-2.2 13.9-4.6 20.4-6 16.6-18.8 26.3-35.8 27.1-30.6 1.4-61.2.8-91.9 1.1-.1 0-.3-.1-.8-.4.4-1 .7-2.2 1.2-3.2 5.7-11 11.6-22 17.2-33.1 1.4-2.7 3-3.7 6.1-3.7 15.4.2 30.8-.4 46.2.2 18.1.7 21.6-10.1 21.2-23-.7-23.6-12.1-40.9-31.6-53.4-1.1-.9-2.4-1.8-4.1-2.9zM536.2 44.5c13.4 0 21.9 8.4 21.9 21.7 0 14.4-7.4 22.1-21.5 22.3-13.4.2-22-8.4-22.1-22.1 0-13.3 8.4-21.9 21.7-21.9zM121.1 66.4c0 14.8-7.3 22.3-21.5 22.1-13.5-.2-22-9-21.9-22.5.2-13.2 8.8-21.5 22.3-21.5 13.2.1 21.1 8.3 21.1 21.9z",
+        className: "st0"
+      }
+    ),
+    /* @__PURE__ */ import_react5.default.createElement(
+      "path",
+      {
+        d: "M393 71.1c-.1 14.7-6.8 21.6-21.3 21.6-13.9 0-21.9-8.1-21.9-22.1 0-13.7 8.3-21.6 22.4-21.5 13.3.1 20.8 8.2 20.8 22z",
+        className: "st0"
+      }
+    )
+  ),
   hawa: (props) => /* @__PURE__ */ import_react5.default.createElement(
     "svg",
     {
@@ -7262,7 +7410,7 @@ var CodeBlock = ({
   classNames,
   language = "javascript",
   // default to JavaScript if no language is provided
-  wrapText = false,
+  wrapText = true,
   width = "full",
   ...props
 }) => {
@@ -7284,39 +7432,6 @@ var CodeBlock = ({
         classNames == null ? void 0 : classNames.root
       )
     },
-    /* @__PURE__ */ import_react30.default.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-absolute  hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-z-50  hawa-right-3.5",
-          {
-            "hawa-top-3.5": !tabs && !fileName,
-            "hawa-top-[50px]": tabs && !fileName,
-            "hawa-top-11": !tabs && fileName,
-            "hawa-top-[80px]": tabs && fileName
-          }
-        )
-      },
-      /* @__PURE__ */ import_react30.default.createElement(
-        Tooltip,
-        {
-          open: clipboard.copied,
-          side: "left",
-          content: /* @__PURE__ */ import_react30.default.createElement("div", null, "Copied!"),
-          triggerProps: { asChild: true }
-        },
-        /* @__PURE__ */ import_react30.default.createElement(
-          Button,
-          {
-            size: "smallIcon",
-            onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
-            variant: "outline",
-            className: "hawa-text-gray-200 hawa-opacity-50 "
-          },
-          /* @__PURE__ */ import_react30.default.createElement(CopyIcon, null)
-        )
-      )
-    ),
     fileName && /* @__PURE__ */ import_react30.default.createElement(
       "div",
       {
@@ -7376,6 +7491,33 @@ var CodeBlock = ({
           "hawa-overflow-y-auto"
         )
       },
+      /* @__PURE__ */ import_react30.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-flex hawa-absolute  hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-z-50  hawa-right-3 hawa-top-3"
+          )
+        },
+        /* @__PURE__ */ import_react30.default.createElement(
+          Tooltip,
+          {
+            open: clipboard.copied,
+            side: "left",
+            content: /* @__PURE__ */ import_react30.default.createElement("div", null, "Copied!"),
+            triggerProps: { asChild: true }
+          },
+          /* @__PURE__ */ import_react30.default.createElement(
+            Button,
+            {
+              size: "smallIcon",
+              onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
+              variant: "outline",
+              className: "hawa-text-gray-200 hawa-opacity-50 dark:hawa-border-gray-200 dark:hover:hawa-border-gray-400"
+            },
+            /* @__PURE__ */ import_react30.default.createElement(CopyIcon, null)
+          )
+        )
+      ),
       /* @__PURE__ */ import_react30.default.createElement(
         import_prism_react_renderer.Highlight,
         {
@@ -7387,7 +7529,8 @@ var CodeBlock = ({
           "pre",
           {
             className: cn(
-              "hawa-min-h-[37.75px] !hawa-pe-12 hawa-w-full hawa-p-4 hawa-font-mono hawa-text-foreground",
+              // !hawa-pe-12
+              "hawa-min-h-[37.75px]  hawa-w-full hawa-p-4 hawa-font-mono hawa-text-foreground",
               classNames == null ? void 0 : classNames.code,
               wrapText && "hawa-text-wrap"
             )
@@ -9259,8 +9402,28 @@ var DocsLayout = ({
 // blocks/auth/AuthButtons.tsx
 var import_react45 = __toESM(require("react"));
 var AuthButtons = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  return /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ import_react45.default.createElement(
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  return /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ import_react45.default.createElement(
+    Button,
+    {
+      disabled: props.isMetamaskLoading,
+      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
+      variant: "outline",
+      onClick: props.handleMetamask
+    },
+    props.isMetamaskLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.metamask, { className: "hawa-h-6" }),
+    (_b = (_a = props.texts) == null ? void 0 : _a.continueWithMetamask) != null ? _b : "Connect Metamask"
+  ), props.viaNafath && /* @__PURE__ */ import_react45.default.createElement(
+    Button,
+    {
+      disabled: props.isNafathLoading,
+      className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
+      variant: "outline",
+      onClick: props.handleNafath
+    },
+    props.isNafathLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.nafath, { className: "hawa-h-4" }),
+    (_d = (_c = props.texts) == null ? void 0 : _c.continueWithNafath) != null ? _d : "Continue With Nafath"
+  ), props.viaGoogle && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
       disabled: props.isGoogleLoading,
@@ -9269,7 +9432,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGoogle
     },
     props.isGoogleLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.google, { className: "hawa-icon" }),
-    (_b = (_a = props.texts) == null ? void 0 : _a.continueWithGoogle) != null ? _b : "Continue With Google"
+    (_f = (_e = props.texts) == null ? void 0 : _e.continueWithGoogle) != null ? _f : "Continue With Google"
   ), props.viaGithub && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
@@ -9279,7 +9442,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGithub
     },
     props.isGithubLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.github, { className: "hawa-icon" }),
-    (_d = (_c = props.texts) == null ? void 0 : _c.continueWithGithub) != null ? _d : "Continue With Github"
+    (_h = (_g = props.texts) == null ? void 0 : _g.continueWithGithub) != null ? _h : "Continue With Github"
   ), props.viaTwitter && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
@@ -9289,7 +9452,7 @@ var AuthButtons = (props) => {
       onClick: props.handleTwitter
     },
     props.isTwitterLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.twitter, { className: "hawa-icon" }),
-    (_f = (_e = props.texts) == null ? void 0 : _e.continueWithTwitter) != null ? _f : "Continue With Twitter"
+    (_j = (_i = props.texts) == null ? void 0 : _i.continueWithTwitter) != null ? _j : "Continue With Twitter"
   ), props.viaApple && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
@@ -9299,7 +9462,7 @@ var AuthButtons = (props) => {
       onClick: props.handleApple
     },
     props.isAppleLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.apple, { className: "hawa-icon" }),
-    (_h = (_g = props.texts) == null ? void 0 : _g.continueWithApple) != null ? _h : "Continue With Apple"
+    (_l = (_k = props.texts) == null ? void 0 : _k.continueWithApple) != null ? _l : "Continue With Apple"
   ), props.viaMicrosoft && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
@@ -9309,7 +9472,7 @@ var AuthButtons = (props) => {
       onClick: props.handleMicrosoft
     },
     props.isMicrosoftLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.microsoft, { className: "hawa-icon" }),
-    (_j = (_i = props.texts) == null ? void 0 : _i.continueWithMicrosoft) != null ? _j : "Continue With Microsoft"
+    (_n = (_m = props.texts) == null ? void 0 : _m.continueWithMicrosoft) != null ? _n : "Continue With Microsoft"
   ), props.viaEmail && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
@@ -9319,7 +9482,7 @@ var AuthButtons = (props) => {
       onClick: props.handleEmail
     },
     props.isEmailLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.mail, { className: "hawa-icon" }),
-    (_l = (_k = props.texts) == null ? void 0 : _k.continueWithEmail) != null ? _l : "Continue With Email"
+    (_p = (_o = props.texts) == null ? void 0 : _o.continueWithEmail) != null ? _p : "Continue With Email"
   ), props.viaPhone && /* @__PURE__ */ import_react45.default.createElement(
     Button,
     {
@@ -9329,7 +9492,7 @@ var AuthButtons = (props) => {
       onClick: props.handlePhone
     },
     props.isPhoneLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.phone, { className: "hawa-icon" }),
-    (_n = (_m = props.texts) == null ? void 0 : _m.continueWithPhone) != null ? _n : "Continue With Phone"
+    (_r = (_q = props.texts) == null ? void 0 : _q.continueWithPhone) != null ? _r : "Continue With Phone"
   ));
 };
 
@@ -9939,10 +10102,15 @@ var RegisterForm = ({
                 id: "terms_accepted",
                 helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
                 onCheckedChange: (e) => field.onChange(e),
-                label: /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ import_react47.default.createElement("span", null, (texts == null ? void 0 : texts.iAcceptText) || "I accept the "), " ", /* @__PURE__ */ import_react47.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react47.default.createElement(
-                  "a",
+                label: /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react47.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react47.default.createElement(
+                  "span",
                   {
-                    onClick: props.onRouteToTOS,
+                    onClick: (e) => {
+                      e.preventDefault();
+                      if (props.onRouteToTOS) {
+                        props.onRouteToTOS();
+                      }
+                    },
                     className: "clickable-link"
                   },
                   (texts == null ? void 0 : texts.termsText) || "Terms of Service"
@@ -10722,10 +10890,7 @@ var FeedbackForm = (props) => {
   });
   const { handleSubmit, control, formState, reset } = (0, import_react_hook_form7.useForm)({
     resolver: (0, import_zod7.zodResolver)(formSchema),
-    defaultValues: {
-      requestType: "",
-      description: ""
-    }
+    defaultValues: { requestType: "", description: "" }
   });
   return /* @__PURE__ */ import_react56.default.createElement(
     Card,
@@ -10735,7 +10900,7 @@ var FeedbackForm = (props) => {
       ),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react56.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react56.default.createElement(
       "form",
       {
         noValidate: true,