@sikka/hawa 0.28.0-next → 0.28.1-next

package/dist/elements/index.js

@@ -1170,6 +1170,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",
     {
@@ -7105,7 +7253,7 @@ var CodeBlock = ({
   classNames,
   language = "javascript",
   // default to JavaScript if no language is provided
-  wrapText = false,
+  wrapText = true,
   width = "full",
   ...props
 }) => {
@@ -7127,39 +7275,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",
       {
@@ -7219,6 +7334,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,
         {
@@ -7230,7 +7372,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"
             )

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-Y3HUZNCH.mjs";
+} from "../chunk-GQF62TFQ.mjs";
 import {
   Sheet,
   SheetClose,
@@ -40,7 +40,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-TIQERSM3.mjs";
+} from "../chunk-N7FGYBM5.mjs";
 import {
   Button,
   Card,
@@ -74,7 +74,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-R2NAPFAZ.mjs";
+} from "../chunk-ZOFKAJPJ.mjs";
 import {
   __require
 } from "../chunk-4OOSUQZG.mjs";
@@ -2668,7 +2668,7 @@ var CodeBlock = ({
   classNames,
   language = "javascript",
   // default to JavaScript if no language is provided
-  wrapText = false,
+  wrapText = true,
   width = "full",
   ...props
 }) => {
@@ -2690,39 +2690,6 @@ var CodeBlock = ({
         classNames == null ? void 0 : classNames.root
       )
     },
-    /* @__PURE__ */ React27.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__ */ React27.createElement(
-        Tooltip,
-        {
-          open: clipboard.copied,
-          side: "left",
-          content: /* @__PURE__ */ React27.createElement("div", null, "Copied!"),
-          triggerProps: { asChild: true }
-        },
-        /* @__PURE__ */ React27.createElement(
-          Button,
-          {
-            size: "smallIcon",
-            onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
-            variant: "outline",
-            className: "hawa-text-gray-200 hawa-opacity-50 "
-          },
-          /* @__PURE__ */ React27.createElement(CopyIcon, null)
-        )
-      )
-    ),
     fileName && /* @__PURE__ */ React27.createElement(
       "div",
       {
@@ -2782,6 +2749,33 @@ var CodeBlock = ({
           "hawa-overflow-y-auto"
         )
       },
+      /* @__PURE__ */ React27.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__ */ React27.createElement(
+          Tooltip,
+          {
+            open: clipboard.copied,
+            side: "left",
+            content: /* @__PURE__ */ React27.createElement("div", null, "Copied!"),
+            triggerProps: { asChild: true }
+          },
+          /* @__PURE__ */ React27.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__ */ React27.createElement(CopyIcon, null)
+          )
+        )
+      ),
       /* @__PURE__ */ React27.createElement(
         Highlight,
         {
@@ -2793,7 +2787,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"
             )

package/dist/index.css

@@ -1045,9 +1045,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-right-3 {
   right: 0.75rem;
 }
-.hawa-right-3\.5 {
-  right: 0.875rem;
-}
 .hawa-right-4 {
   right: 1rem;
 }
@@ -1066,9 +1063,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-1\/2 {
   top: 50%;
 }
-.hawa-top-11 {
-  top: 2.75rem;
-}
 .hawa-top-14 {
   top: 3.5rem;
 }
@@ -1081,9 +1075,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-3 {
   top: 0.75rem;
 }
-.hawa-top-3\.5 {
-  top: 0.875rem;
-}
 .hawa-top-4 {
   top: 1rem;
 }
@@ -1099,9 +1090,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-\[50\%\] {
   top: 50%;
 }
-.hawa-top-\[50px\] {
-  top: 50px;
-}
 .hawa-top-\[60\%\] {
   top: 60%;
 }
@@ -1114,9 +1102,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-\[72px\] {
   top: 72px;
 }
-.hawa-top-\[80px\] {
-  top: 80px;
-}
 .hawa-top-full {
   top: 100%;
 }
@@ -1483,6 +1468,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-min-h-40 {
   min-height: 10rem;
 }
+.hawa-min-h-\[200px\] {
+  min-height: 200px;
+}
 .hawa-min-h-\[25px\] {
   min-height: 25px;
 }
@@ -3847,6 +3835,10 @@ body {
   --tw-scale-y: 1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+:is(.hawa-dark .dark\:hawa-border-gray-200) {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
 :is(.hawa-dark .dark\:hawa-border-gray-700) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
@@ -3983,6 +3975,10 @@ body {
   --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
+:is(.hawa-dark .dark\:hover\:hawa-border-gray-400:hover) {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
 :is(.hawa-dark .dark\:hover\:hawa-bg-gray-600:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));

package/dist/index.d.mts

@@ -251,6 +251,8 @@ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<Accordion
 
 type IconProps = React__default.HTMLAttributes<SVGElement>;
 declare const Logos: {
+    metamask: (props: IconProps) => React__default.JSX.Element;
+    nafath: (props: IconProps) => React__default.JSX.Element;
     hawa: (props: IconProps) => React__default.JSX.Element;
     sikka: (props: IconProps) => React__default.JSX.Element;
     mail: (props: IconProps) => React__default.JSX.Element;
@@ -1318,6 +1320,8 @@ type ThirdPartyAuthTextsTypes = {
     continueWithGithub?: string;
     continueWithEmail?: string;
     continueWithPhone?: string;
+    continueWithNafath?: string;
+    continueWithMetamask?: string;
 };
 type BaseInputType = {
     label?: string;
@@ -1389,6 +1393,8 @@ type NewPasswordTextsTypes = {
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
+    viaMetamask?: boolean;
+    viaNafath?: boolean;
     viaGoogle?: boolean;
     viaTwitter?: boolean;
     viaGithub?: boolean;
@@ -1396,6 +1402,8 @@ type AuthButtonsType = {
     viaEmail?: boolean;
     viaPhone?: boolean;
     viaApple?: boolean;
+    isMetamaskLoading?: boolean;
+    isNafathLoading?: boolean;
     isGoogleLoading?: boolean;
     isGithubLoading?: boolean;
     isTwitterLoading?: boolean;
@@ -1403,6 +1411,8 @@ type AuthButtonsType = {
     isEmailLoading?: boolean;
     isPhoneLoading?: boolean;
     isAppleLoading?: boolean;
+    handleMetamask?: () => void;
+    handleNafath?: () => void;
     handleGoogle?: () => void;
     handleTwitter?: () => void;
     handleApple?: () => void;
@@ -1685,6 +1695,7 @@ type FeedbackFormDescriptionInputProps = BaseInputType & {
     tooShort?: string;
 };
 type FeedbackFormType = {
+    sent?: boolean;
     onSubmit: (e: any) => void;
     loadingSubmission?: boolean;
     requestTypes?: {
@@ -1697,6 +1708,8 @@ type FeedbackFormType = {
         requestType: FeedbackFormRequestTypeInputProps;
         description: FeedbackFormDescriptionInputProps;
         submit?: string;
+        sentTitle?: string;
+        sentSubtitle?: string;
     };
 };
 declare const FeedbackForm: React__default.FC<FeedbackFormType>;

package/dist/index.d.ts

@@ -251,6 +251,8 @@ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<Accordion
 
 type IconProps = React__default.HTMLAttributes<SVGElement>;
 declare const Logos: {
+    metamask: (props: IconProps) => React__default.JSX.Element;
+    nafath: (props: IconProps) => React__default.JSX.Element;
     hawa: (props: IconProps) => React__default.JSX.Element;
     sikka: (props: IconProps) => React__default.JSX.Element;
     mail: (props: IconProps) => React__default.JSX.Element;
@@ -1318,6 +1320,8 @@ type ThirdPartyAuthTextsTypes = {
     continueWithGithub?: string;
     continueWithEmail?: string;
     continueWithPhone?: string;
+    continueWithNafath?: string;
+    continueWithMetamask?: string;
 };
 type BaseInputType = {
     label?: string;
@@ -1389,6 +1393,8 @@ type NewPasswordTextsTypes = {
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
+    viaMetamask?: boolean;
+    viaNafath?: boolean;
     viaGoogle?: boolean;
     viaTwitter?: boolean;
     viaGithub?: boolean;
@@ -1396,6 +1402,8 @@ type AuthButtonsType = {
     viaEmail?: boolean;
     viaPhone?: boolean;
     viaApple?: boolean;
+    isMetamaskLoading?: boolean;
+    isNafathLoading?: boolean;
     isGoogleLoading?: boolean;
     isGithubLoading?: boolean;
     isTwitterLoading?: boolean;
@@ -1403,6 +1411,8 @@ type AuthButtonsType = {
     isEmailLoading?: boolean;
     isPhoneLoading?: boolean;
     isAppleLoading?: boolean;
+    handleMetamask?: () => void;
+    handleNafath?: () => void;
     handleGoogle?: () => void;
     handleTwitter?: () => void;
     handleApple?: () => void;
@@ -1685,6 +1695,7 @@ type FeedbackFormDescriptionInputProps = BaseInputType & {
     tooShort?: string;
 };
 type FeedbackFormType = {
+    sent?: boolean;
     onSubmit: (e: any) => void;
     loadingSubmission?: boolean;
     requestTypes?: {
@@ -1697,6 +1708,8 @@ type FeedbackFormType = {
         requestType: FeedbackFormRequestTypeInputProps;
         description: FeedbackFormDescriptionInputProps;
         submit?: string;
+        sentTitle?: string;
+        sentSubtitle?: string;
     };
 };
 declare const FeedbackForm: React__default.FC<FeedbackFormType>;