@sikka/hawa 0.28.0 → 0.28.1-next

package/dist/blocks/auth/index.d.mts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-ah2JJr8v.mjs';
+import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DAgkNov8.mjs';
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
+    viaMetamask?: boolean;
+    viaNafath?: boolean;
     viaGoogle?: boolean;
     viaTwitter?: boolean;
     viaGithub?: boolean;
@@ -11,6 +13,8 @@ type AuthButtonsType = {
     viaEmail?: boolean;
     viaPhone?: boolean;
     viaApple?: boolean;
+    isMetamaskLoading?: boolean;
+    isNafathLoading?: boolean;
     isGoogleLoading?: boolean;
     isGithubLoading?: boolean;
     isTwitterLoading?: boolean;
@@ -18,6 +22,8 @@ type AuthButtonsType = {
     isEmailLoading?: boolean;
     isPhoneLoading?: boolean;
     isAppleLoading?: boolean;
+    handleMetamask?: () => void;
+    handleNafath?: () => void;
     handleGoogle?: () => void;
     handleTwitter?: () => void;
     handleApple?: () => void;

package/dist/blocks/auth/index.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-ah2JJr8v.js';
+import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DAgkNov8.js';
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
+    viaMetamask?: boolean;
+    viaNafath?: boolean;
     viaGoogle?: boolean;
     viaTwitter?: boolean;
     viaGithub?: boolean;
@@ -11,6 +13,8 @@ type AuthButtonsType = {
     viaEmail?: boolean;
     viaPhone?: boolean;
     viaApple?: boolean;
+    isMetamaskLoading?: boolean;
+    isNafathLoading?: boolean;
     isGoogleLoading?: boolean;
     isGithubLoading?: boolean;
     isTwitterLoading?: boolean;
@@ -18,6 +22,8 @@ type AuthButtonsType = {
     isEmailLoading?: boolean;
     isPhoneLoading?: boolean;
     isAppleLoading?: boolean;
+    handleMetamask?: () => void;
+    handleNafath?: () => void;
     handleGoogle?: () => void;
     handleTwitter?: () => void;
     handleApple?: () => void;

package/dist/blocks/auth/index.js

@@ -349,6 +349,154 @@ Button.displayName = "Button";
 // elements/logos/Logos.tsx
 var import_react2 = __toESM(require("react"));
 var Logos = {
+  metamask: (props) => /* @__PURE__ */ import_react2.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_react2.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
+    /* @__PURE__ */ import_react2.default.createElement(
+      "path",
+      {
+        fill: "#e2761b",
+        stroke: "#e2761b",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m274.1 35.5-99.5 73.9L193 65.8z"
+      }
+    ),
+    /* @__PURE__ */ import_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.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_react2.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
+    /* @__PURE__ */ import_react2.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_react2.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_react2.default.createElement(
     "svg",
     {
@@ -553,8 +701,28 @@ var Logos = {
 
 // blocks/auth/AuthButtons.tsx
 var AuthButtons = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ import_react3.default.createElement(
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ import_react3.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_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.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_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
       disabled: props.isGoogleLoading,
@@ -563,7 +731,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGoogle
     },
     props.isGoogleLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
@@ -573,7 +741,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGithub
     },
     props.isGithubLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
@@ -583,7 +751,7 @@ var AuthButtons = (props) => {
       onClick: props.handleTwitter
     },
     props.isTwitterLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
@@ -593,7 +761,7 @@ var AuthButtons = (props) => {
       onClick: props.handleApple
     },
     props.isAppleLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
@@ -603,7 +771,7 @@ var AuthButtons = (props) => {
       onClick: props.handleMicrosoft
     },
     props.isMicrosoftLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
@@ -613,7 +781,7 @@ var AuthButtons = (props) => {
       onClick: props.handleEmail
     },
     props.isEmailLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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_react3.default.createElement(
     Button,
     {
@@ -623,7 +791,7 @@ var AuthButtons = (props) => {
       onClick: props.handlePhone
     },
     props.isPhoneLoading ? /* @__PURE__ */ import_react3.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react3.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"
   ));
 };
 
@@ -3831,10 +3999,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_react15.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ import_react15.default.createElement("span", null, (texts == null ? void 0 : texts.iAcceptText) || "I accept the "), " ", /* @__PURE__ */ import_react15.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react15.default.createElement(
-                  "a",
+                label: /* @__PURE__ */ import_react15.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_react15.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react15.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"

package/dist/blocks/auth/index.mjs

@@ -31,6 +31,154 @@ import React2 from "react";
 // elements/logos/Logos.tsx
 import React from "react";
 var Logos = {
+  metamask: (props) => /* @__PURE__ */ React.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__ */ React.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fill: "#e2761b",
+        stroke: "#e2761b",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m274.1 35.5-99.5 73.9L193 65.8z"
+      }
+    ),
+    /* @__PURE__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.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__ */ React.createElement("style", null, ".st0{fill:#0a9a8f}"),
+    /* @__PURE__ */ React.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__ */ React.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__ */ React.createElement(
     "svg",
     {
@@ -235,8 +383,28 @@ var Logos = {
 
 // blocks/auth/AuthButtons.tsx
 var AuthButtons = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  return /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ React2.createElement(
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  return /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ React2.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__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.createElement(Logos.metamask, { className: "hawa-h-6" }),
+    (_b = (_a = props.texts) == null ? void 0 : _a.continueWithMetamask) != null ? _b : "Connect Metamask"
+  ), props.viaNafath && /* @__PURE__ */ React2.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__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.createElement(Logos.nafath, { className: "hawa-h-4" }),
+    (_d = (_c = props.texts) == null ? void 0 : _c.continueWithNafath) != null ? _d : "Continue With Nafath"
+  ), props.viaGoogle && /* @__PURE__ */ React2.createElement(
     Button,
     {
       disabled: props.isGoogleLoading,
@@ -245,7 +413,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGoogle
     },
     props.isGoogleLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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__ */ React2.createElement(
     Button,
     {
@@ -255,7 +423,7 @@ var AuthButtons = (props) => {
       onClick: props.handleGithub
     },
     props.isGithubLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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__ */ React2.createElement(
     Button,
     {
@@ -265,7 +433,7 @@ var AuthButtons = (props) => {
       onClick: props.handleTwitter
     },
     props.isTwitterLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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__ */ React2.createElement(
     Button,
     {
@@ -275,7 +443,7 @@ var AuthButtons = (props) => {
       onClick: props.handleApple
     },
     props.isAppleLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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__ */ React2.createElement(
     Button,
     {
@@ -285,7 +453,7 @@ var AuthButtons = (props) => {
       onClick: props.handleMicrosoft
     },
     props.isMicrosoftLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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__ */ React2.createElement(
     Button,
     {
@@ -295,7 +463,7 @@ var AuthButtons = (props) => {
       onClick: props.handleEmail
     },
     props.isEmailLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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__ */ React2.createElement(
     Button,
     {
@@ -305,7 +473,7 @@ var AuthButtons = (props) => {
       onClick: props.handlePhone
     },
     props.isPhoneLoading ? /* @__PURE__ */ React2.createElement(Loading, { size: "button" }) : /* @__PURE__ */ React2.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"
   ));
 };
 
@@ -2955,10 +3123,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__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5" }, /* @__PURE__ */ React7.createElement("span", null, (texts == null ? void 0 : texts.iAcceptText) || "I accept the "), " ", /* @__PURE__ */ React7.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React7.createElement(
-                  "a",
+                label: /* @__PURE__ */ React7.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__ */ React7.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React7.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"

package/dist/blocks/feedback/index.d.mts

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-ah2JJr8v.mjs';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-DAgkNov8.mjs';
 
 type RadioOptionsTypes = {
     value: any;
@@ -55,6 +55,7 @@ type FeedbackFormDescriptionInputProps = BaseInputType & {
     tooShort?: string;
 };
 type FeedbackFormType = {
+    sent?: boolean;
     onSubmit: (e: any) => void;
     loadingSubmission?: boolean;
     requestTypes?: {
@@ -67,6 +68,8 @@ type FeedbackFormType = {
         requestType: FeedbackFormRequestTypeInputProps;
         description: FeedbackFormDescriptionInputProps;
         submit?: string;
+        sentTitle?: string;
+        sentSubtitle?: string;
     };
 };
 declare const FeedbackForm: React__default.FC<FeedbackFormType>;

package/dist/blocks/feedback/index.d.ts

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-ah2JJr8v.js';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-DAgkNov8.js';
 
 type RadioOptionsTypes = {
     value: any;
@@ -55,6 +55,7 @@ type FeedbackFormDescriptionInputProps = BaseInputType & {
     tooShort?: string;
 };
 type FeedbackFormType = {
+    sent?: boolean;
     onSubmit: (e: any) => void;
     loadingSubmission?: boolean;
     requestTypes?: {
@@ -67,6 +68,8 @@ type FeedbackFormType = {
         requestType: FeedbackFormRequestTypeInputProps;
         description: FeedbackFormDescriptionInputProps;
         submit?: string;
+        sentTitle?: string;
+        sentSubtitle?: string;
     };
 };
 declare const FeedbackForm: React__default.FC<FeedbackFormType>;

package/dist/blocks/feedback/index.js

@@ -1542,10 +1542,7 @@ var FeedbackForm = (props) => {
   });
   const { handleSubmit, control, formState, reset } = (0, import_react_hook_form2.useForm)({
     resolver: (0, import_zod2.zodResolver)(formSchema),
-    defaultValues: {
-      requestType: "",
-      description: ""
-    }
+    defaultValues: { requestType: "", description: "" }
   });
   return /* @__PURE__ */ import_react12.default.createElement(
     Card,
@@ -1555,7 +1552,7 @@ var FeedbackForm = (props) => {
       ),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react12.default.createElement(
       "form",
       {
         noValidate: true,