@nobak/design-system 1.0.0

package/lib/components/ConversationInterface/ConversationInterface.js

@@ -0,0 +1,232 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useRef, useEffect, useState } from 'react';
+// Placeholder imports for design system components
+// Replace with actual imports from your design system
+import { Button } from "../../shared/elements/Button/Button";
+import { Input } from "../../shared/components/forms/Input/Input";
+
+// Placeholder ChatContainer
+var ChatContainer = function ChatContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-neutral-50 border rounded-xl p-4 h-[500px] overflow-y-auto flex flex-col gap-3"
+  }, children);
+};
+// Placeholder ChatBubble
+var ChatBubble = function ChatBubble(_ref2) {
+  var message = _ref2.message,
+    from = _ref2.from,
+    markdown = _ref2.markdown;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "max-w-[70%] px-4 py-2 rounded-lg ".concat(from === 'user' ? 'bg-primary-100 self-end' : 'bg-white border self-start', " whitespace-pre-wrap")
+  }, message);
+};
+// Placeholder ChatInput
+var ChatInput = function ChatInput(_ref3) {
+  var value = _ref3.value,
+    _onChange = _ref3.onChange,
+    onSend = _ref3.onSend,
+    suggestions = _ref3.suggestions;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2"
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    },
+    placeholder: "Type a message or command..."
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "Send",
+    onClick: onSend,
+    variant: "primary"
+  })), suggestions.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2 mt-1 flex-wrap"
+  }, suggestions.map(function (s) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: s,
+      text: s,
+      variant: "basic",
+      size: "small",
+      onClick: function onClick() {
+        return _onChange(s);
+      }
+    });
+  })));
+};
+// Placeholder TransactionCard
+var TransactionCard = function TransactionCard(_ref4) {
+  var tx = _ref4.tx;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-neutral-100 border p-3 rounded-lg mt-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "font-bold mb-1"
+  }, "Transaction Preview"), /*#__PURE__*/React.createElement("pre", {
+    className: "text-xs whitespace-pre-wrap"
+  }, JSON.stringify(tx, null, 2)));
+};
+var QUICK_ACTIONS = ['Show my balance', 'Send XLM', 'Receive payment', 'Swap assets', 'Recent transactions'];
+var DEMO_TX = {
+  type: 'payment',
+  asset: 'XLM',
+  amount: ': ',
+  to: 'G...DEST',
+  memo: 'Dinner'
+};
+export var ConversationInterface = function ConversationInterface() {
+  var _useState = useState([{
+      id: ', ',
+      from: ': ',
+      content: '👋 Welcome to your Nobak Wallet! How can I help you today?\n\n*You can try commands like:* `Show my balance`, `Send XLM`, or `Swap assets`.\n',
+      markdown: true,
+      quickActions: QUICK_ACTIONS
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    messages = _useState2[0],
+    setMessages = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    input = _useState4[0],
+    setInput = _useState4[1];
+  var _useState5 = useState(QUICK_ACTIONS),
+    _useState6 = _slicedToArray(_useState5, 2),
+    suggestions = _useState6[0],
+    setSuggestions = _useState6[1];
+  var chatEndRef = useRef(null);
+  useEffect(function () {
+    var _chatEndRef$current;
+    (_chatEndRef$current = chatEndRef.current) === null || _chatEndRef$current === void 0 || _chatEndRef$current.scrollIntoView({
+      behavior: 'smooth'
+    });
+  }, [messages]);
+
+  // Demo: handle input and simulate AI response
+  var handleSend = function handleSend() {
+    if (!input.trim()) return;
+    var userMsg = {
+      id: "u".concat(Date.now()),
+      from: 'user',
+      content: input
+    };
+    setMessages(function (msgs) {
+      return [].concat(_toConsumableArray(msgs), [userMsg]);
+    });
+    setInput('');
+    setSuggestions([]);
+    setTimeout(function () {
+      // Simulate AI response and transaction preview
+      if (/send/i.test(userMsg.content)) {
+        setMessages(function (msgs) {
+          return [].concat(_toConsumableArray(msgs), [{
+            id: "a".concat(Date.now()),
+            from: ': ',
+            content: 'Here is your transaction preview:',
+            txPreview: DEMO_TX,
+            confirmationFlow: true
+          }]);
+        });
+      } else if (/balance/i.test(userMsg.content)) {
+        setMessages(function (msgs) {
+          return [].concat(_toConsumableArray(msgs), [{
+            id: "a".concat(Date.now()),
+            from: ': ',
+            content: 'Your current balance is **1,250 XLM**.',
+            markdown: true
+          }]);
+        });
+      } else {
+        setMessages(function (msgs) {
+          return [].concat(_toConsumableArray(msgs), [{
+            id: "a".concat(Date.now()),
+            from: ': ',
+            content: "Sorry, I didn't understand that. Try a quick action below!",
+            quickActions: QUICK_ACTIONS
+          }]);
+        });
+      }
+    }, 700);
+  };
+
+  // Demo: handle quick action button click
+  var handleQuickAction = function handleQuickAction(action) {
+    setInput(action);
+    setSuggestions([]);
+  };
+
+  // Demo: handle transaction confirmation
+  var handleConfirm = function handleConfirm(msgId) {
+    setMessages(function (msgs) {
+      return [].concat(_toConsumableArray(msgs), [{
+        id: "c".concat(Date.now()),
+        from: 'user',
+        content: 'Confirm transaction'
+      }, {
+        id: "a".concat(Date.now()),
+        from: ': ',
+        content: '✅ Transaction confirmed and sent!'
+      }]);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full max-w-xl mx-auto bg-white rounded-xl shadow-md p-6 mt-4 flex flex-col gap-4"
+  }, /*#__PURE__*/React.createElement(ChatContainer, null, messages.map(function (msg) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: msg.id
+    }, /*#__PURE__*/React.createElement(ChatBubble, {
+      message: msg.content,
+      from: msg.from,
+      markdown: msg.markdown
+    }), msg.txPreview && /*#__PURE__*/React.createElement(TransactionCard, {
+      tx: msg.txPreview
+    }), msg.confirmationFlow && /*#__PURE__*/React.createElement("div", {
+      className: "flex gap-2 mt-2"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: "Confirm",
+      variant: "primary",
+      onClick: function onClick() {
+        return handleConfirm(msg.id);
+      }
+    }), /*#__PURE__*/React.createElement(Button, {
+      text: "Cancel",
+      variant: "basic",
+      onClick: function onClick() {
+        return setMessages(function (msgs) {
+          return [].concat(_toConsumableArray(msgs), [{
+            id: "a".concat(Date.now()),
+            from: '../..',
+            content: 'Transaction cancelled.'
+          }]);
+        });
+      }
+    })), msg.quickActions && /*#__PURE__*/React.createElement("div", {
+      className: "flex gap-2 mt-2 flex-wrap"
+    }, msg.quickActions.map(function (qa) {
+      return /*#__PURE__*/React.createElement(Button, {
+        key: qa,
+        text: qa,
+        variant: "basic",
+        size: "small",
+        onClick: function onClick() {
+          return handleQuickAction(qa);
+        }
+      });
+    })));
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: chatEndRef
+  })), /*#__PURE__*/React.createElement(ChatInput, {
+    value: input,
+    onChange: setInput,
+    onSend: handleSend,
+    suggestions: suggestions
+  }));
+};

package/lib/components/DevFooter.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Button } from "../shared";
+var DevFooter = function DevFooter(_ref) {
+  var children = _ref.children,
+    Link = _ref.component,
+    docs_url = _ref.docs_url,
+    main_url = _ref.main_url;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between items-center py-8 w-full max-w-screen-xl"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Nobak",
+    type: "link",
+    component: Link,
+    variant: "basic",
+    to: main_url,
+    customCss: "text-primary-800"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex space-x-6 items-center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "API Documentation",
+    type: "link",
+    component: Link,
+    variant: "basic",
+    to: docs_url,
+    customCss: "text-primary-1200"
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "anchor",
+    to: "/faq",
+    text: "FAQ",
+    variant: "basic",
+    customCss: "text-primary-1200"
+  }))));
+};
+export { DevFooter };

package/lib/components/DevMenu.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Logo } from "./";
+import { Button } from "../shared";
+var DevMenu = function DevMenu(_ref) {
+  var menuItems = _ref.menuItems,
+    Link = _ref.component;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center bg-primary-400"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between items-center p-4 w-full max-w-screen-xl"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: "/"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement(Logo, {
+    type: "Isologo",
+    size: "small"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "ml-2 text-p1-bold"
+  }, "Developers"))), /*#__PURE__*/React.createElement("div", {
+    className: "flex space-x-6 items-center"
+  }, menuItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: index,
+      text: item.label,
+      variant: "basic",
+      type: "link",
+      to: item.to,
+      component: item.component || Link,
+      size: "small",
+      active: item.isActive
+    });
+  }))));
+};
+export { DevMenu };

package/lib/components/DevSidebar.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Button } from "../shared";
+var DevSidebar = function DevSidebar(_ref) {
+  var sidebarItems = _ref.sidebarItems,
+    Link = _ref.component;
+  console.log('sidebarItems', sidebarItems);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sticky top-0 z-10"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-64 flex flex-col justify-between p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mt-8 flex-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col space-y-4  pl-2 pr-2 pt-2"
+  }, sidebarItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: index,
+      text: item.label,
+      variant: "air",
+      size: "small",
+      type: "link",
+      component: Link,
+      to: item.to,
+      active: item.isActive
+    });
+  })))));
+};
+export { DevSidebar };

package/lib/components/DigitalDisplay.js

@@ -0,0 +1,83 @@
+import React from 'react';
+
+// Define the glyphs with their corresponding SVG paths
+var glyphs = {
+  '0': 'M3.82749 7.49855V13.7937L1.83018 15.791L1.17139 15.1218V6.50513L3.82749 7.49855ZM1.17139 25.7253V17.1086L1.83018 16.4498L3.82749 18.4367V24.7318L1.17139 25.7253ZM12.7683 28.0468H2.82361C1.93475 27.8272 1.39099 27.2729 1.17139 26.3945L3.82749 25.4011H11.7853L12.7788 28.0572L12.7683 28.0468ZM11.7748 6.83986H3.85874L1.20264 5.84643C1.42224 4.96804 1.97646 4.41381 2.85486 4.19421H12.7682L11.7748 6.85032V6.83986ZM12.4442 13.7937V6.82932L13.4376 4.17322C14.316 4.39282 14.8702 4.94704 15.0898 5.82544V15.1009L14.431 15.7597L12.4442 13.7728V13.7937ZM14.431 16.4499L15.0898 17.1087V26.3841C14.8702 27.273 14.316 27.8167 13.4376 28.0363L12.4442 25.3802V18.4158L14.431 16.429V16.4499Z',
+  '1': 'M1.35983 13.7937V6.82932L2.35326 4.17322C3.23165 4.39282 3.78588 4.94704 4.00548 5.82544V15.1009L3.34668 15.7597L1.35983 13.7728V13.7937ZM3.34668 16.4499L4.00548 17.1087V26.3841C3.78588 27.273 3.23165 27.8167 2.35326 28.0363L1.35983 25.3802V18.4158L3.34668 16.429V16.4499Z',
+  '2': 'M1.09119 25.7253V17.1086L1.74998 16.4498L3.73683 18.4367V24.7318L1.09119 25.7253ZM13.6815 28.0468H2.74341C1.85455 27.8272 1.31079 27.2729 1.09119 26.3945L3.74729 25.4011H12.6986L13.692 28.0572L13.6815 28.0468ZM11.6946 6.83986H3.77854L1.12244 5.84643C1.34204 4.96804 1.89626 4.41381 2.77466 4.19421H12.688L11.6946 6.85032V6.83986ZM12.3535 14.7871L13.6815 16.1152L12.3535 17.4432H3.73684L2.41925 16.1152L3.73684 14.7871H12.3535ZM12.3535 13.7937V6.82932L13.3469 4.17322C14.2253 4.39282 14.7795 4.94704 14.9991 5.82544V15.1009L14.3403 15.7597L12.3535 13.7728V13.7937Z',
+  '3': 'M12.8766 28.0468H2.93185C2.043 27.8272 1.49923 27.2729 1.27963 26.3945L3.93573 25.4011H11.8936L12.887 28.0572L12.8766 28.0468ZM11.8832 6.83986H3.96717L1.31107 5.84643C1.53066 4.96804 2.08489 4.41381 2.96329 4.19421H12.8766L11.8832 6.85032V6.83986ZM12.5419 14.7871L13.87 16.1152L12.5419 17.4432H3.92528L2.59723 16.1152L3.92528 14.7871H12.5419ZM12.5419 13.7937V6.82932L13.5353 4.17322C14.4137 4.39282 14.9679 4.94704 15.1875 5.82544V15.1009L14.5287 15.7597L12.5419 13.7728V13.7937ZM14.5287 16.4499L15.1875 17.1087V26.3841C14.9679 27.273 14.4137 27.8167 13.5353 28.0363L12.5419 25.3802V18.4158L14.5287 16.429V16.4499Z',
+  '4': 'M4.12418 6.50502V13.7936L2.12688 15.7909L1.46808 15.1217V5.5116L4.12418 6.50502ZM12.7408 14.7871L14.0584 16.1152L12.7408 17.4432H4.12419L2.79614 16.1152L4.12419 14.7871H12.7408ZM12.7408 13.7937V6.82932L13.7343 4.17322C14.6127 4.39282 15.1669 4.94704 15.3865 5.82544V15.1009L14.7277 15.7597L12.7408 13.7728V13.7937ZM14.7277 16.4499L15.3865 17.1087V26.3841C15.1669 27.273 14.6127 27.8167 13.7343 28.0363L12.7408 25.3802V18.4158L14.7277 16.429V16.4499Z',
+  '5': 'M4.30217 7.47755V13.7727L2.31533 15.77L1.65652 15.1008V6.48413L4.30217 7.47755ZM13.2534 28.0258H3.30875C2.41989 27.8062 1.87612 27.2519 1.65652 26.3736L4.31263 25.3801H12.2705L13.2639 28.0362L13.2534 28.0258ZM13.2534 6.81886H4.3335L1.6774 5.82544C1.897 4.94704 2.45123 4.39282 3.32962 4.17322H14.2364L13.2429 6.82932L13.2534 6.81886ZM12.9189 14.7661L14.2469 16.0942L12.9189 17.4222H4.3022L2.97415 16.0942L4.3022 14.7661H12.9189ZM14.9057 16.4289L15.5645 17.0877V26.3631C15.3449 27.252 14.7907 27.7957 13.9123 28.0153L12.9189 25.3592V18.3948L14.9057 16.408V16.4289Z',
+  '6': 'M3.5011 7.47755V13.7727L1.51426 15.77L0.845001 15.1008V6.48413L3.5011 7.47755ZM0.845001 25.7044V17.0878L1.51426 16.429L3.5011 18.4158V24.711L0.845001 25.7044ZM12.4524 28.0258H2.50766C1.61881 27.8062 1.07504 27.2519 0.855438 26.3736L3.51154 25.3801H11.4694L12.4628 28.0362L12.4524 28.0258ZM12.4523 6.81886H3.53238L0.876282 5.82544C1.09588 4.94704 1.6501 4.39282 2.5285 4.17322H13.4352L12.4418 6.82932L12.4523 6.81886ZM12.1177 14.7661L13.4457 16.0942L12.1177 17.4222H3.50102L2.17297 16.0942L3.50102 14.7661H12.1177ZM14.1045 16.4289L14.7633 17.0877V26.3631C14.5437 27.252 13.9895 27.7957 13.1111 28.0153L12.1177 25.3592V18.3948L14.1045 16.408V16.4289Z',
+  '7': 'M3.67909 7.49855V13.7937L1.69223 15.791L1.03345 15.1218V6.50513L3.67909 7.49855ZM11.6369 6.83986H3.72085L1.06476 5.84643C1.28436 4.96804 1.83859 4.41381 2.71698 4.19421H12.6303L11.6369 6.85032V6.83986ZM12.2957 13.7937V6.82932L13.2892 4.17322C14.1676 4.39282 14.7218 4.94704 14.9414 5.82544V15.1009L14.2826 15.7597L12.2957 13.7728V13.7937ZM14.2931 16.4499L14.9519 17.1087V26.3841C14.7323 27.273 14.178 27.8167 13.2996 28.0363L12.3062 25.3802V18.4158L14.2931 16.429V16.4499Z',
+  '8': 'M3.878 7.49855V13.7937L1.89115 15.791L1.22189 15.1218V6.50513L3.878 7.49855ZM1.22189 25.7253V17.1086L1.89115 16.4498L3.878 18.4367V24.7318L1.22189 25.7253ZM12.8292 28.0468H2.88454C1.99568 27.8272 1.45193 27.2729 1.23233 26.3945L3.88843 25.4011H11.8463L12.8397 28.0572L12.8292 28.0468ZM11.8357 6.83974H3.91968L1.26358 5.84631C1.48318 4.96792 2.03741 4.41369 2.9158 4.19409H12.8291L11.8357 6.85019V6.83974ZM12.4946 14.7871L13.8226 16.1152L12.4946 17.4432H3.87792L2.54987 16.1152L3.87792 14.7871H12.4946ZM12.4946 13.7937V6.82932L13.488 4.17322C14.3664 4.39282 14.9206 4.94704 15.1402 5.82544V15.1009L14.4814 15.7597L12.4946 13.7728V13.7937ZM14.4814 16.4499L15.1402 17.1087V26.3841C14.9206 27.273 14.3664 27.8167 13.488 28.0363L12.4946 25.3802V18.4158L14.4814 16.429V16.4499Z',
+  '9': 'M4.06639 7.49855V13.7937L2.07953 15.791L1.41028 15.1218V6.50513L4.06639 7.49855ZM13.0072 28.0468H3.0625C2.17365 27.8272 1.62988 27.2729 1.41028 26.3945L4.06639 25.4011H12.0242L13.0177 28.0572L13.0072 28.0468ZM12.0139 6.83986H4.09788L1.44177 5.84643C1.66137 4.96804 2.2156 4.41381 3.094 4.19421H13.0073L12.0139 6.85032V6.83986ZM12.6831 14.7871L14.0007 16.1152L12.6831 17.4432H4.06646L2.7384 16.1152L4.06646 14.7871H12.6831ZM12.683 13.7937V6.82932L13.6765 4.17322C14.5549 4.39282 15.1091 4.94704 15.3287 5.82544V15.1009L14.6699 15.7597L12.683 13.7728V13.7937ZM14.6699 16.4499L15.3287 17.1087V26.3841C15.1091 27.273 14.5549 27.8167 13.6765 28.0363L12.683 25.3802V18.4158L14.6699 16.429V16.4499Z',
+  '.': 'M3.25491 25.3802H0.598816V28.0364H3.25491V25.3802Z',
+  ',': 'M2.97578 30.7029L1.65819 32.0309L0.330139 30.7029V25.4011H2.97578V30.7029Z',
+  '$': 'M3.71724 7.49855V13.7937L1.73038 15.791L1.07159 15.1218V6.50513L3.71724 7.49855Z M12.6685 28.0468H2.72382C1.83496 27.8272 1.29119 27.2729 1.07159 26.3945L3.72769 25.4011H11.6855L12.679 28.0572L12.6685 28.0468Z M3.75906 6.83986L1.10297 5.84643C1.32257 4.96804 1.87679 4.41381 2.75519 4.19421H13.3273C14.2057 4.41381 14.7599 4.96804 14.9795 5.84643L12.3234 6.83986H3.73816H3.75906Z M12.3339 14.7871L13.662 16.1152L12.3339 17.4432H3.71726L2.39966 16.1152L3.71726 14.7871H12.3339Z M7.0321 3.19023V1.53801L8.36016 0.209961L9.6882 1.53801V3.19023H7.0321Z M9.6882 7.83325H7.0321V13.7938H9.6882V7.83325Z M9.6882 18.4366H7.0321V24.3972H9.6882V18.4366Z M9.6882 29.0402V30.7028L8.36016 32.0309L7.0321 30.7028V29.0402H9.6882Z M14.3311 16.4499L14.9899 17.1087V26.3841C14.7703 27.273 14.2161 27.8167 13.3377 28.0363L12.3443 25.3802V18.4158L14.3311 16.429V16.4499Z'
+};
+
+// Define the allowed characters
+var allowedCharacters = Object.keys(glyphs);
+
+// Define viewBox sizes based on character type
+var viewBoxMap = {
+  '.': '0 0 4 32',
+  ',': '0 0 4 32',
+  '1': '0 0 5 32'
+  // All other digits use '0 0 16 32'
+};
+
+// Define the props for the DigitalDisplay component
+
+// The DigitalDisplay component
+var DigitalDisplay = function DigitalDisplay(_ref) {
+  var value = _ref.value,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'black' : _ref$color,
+    _ref$secondaryColor = _ref.secondaryColor,
+    secondaryColor = _ref$secondaryColor === void 0 ? 'blue' : _ref$secondaryColor;
+  // Validate the input string
+  var isValid = value.split('').every(function (_char) {
+    return allowedCharacters.includes(_char);
+  });
+  if (!isValid) {
+    console.error('DigitalDisplay: Invalid character detected in the input string.');
+    return null;
+  }
+
+  // Render each character as an SVG
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'flex-end'
+    }
+  }, value.split('').map(function (_char2, index) {
+    // Determine the viewBox based on the character
+    var viewBox = viewBoxMap[_char2] || '0 0 16 32'; // Default viewBox for digits other than '1'
+
+    // Determine the width based on the viewBox
+    var viewBoxWidth = parseInt(viewBox.split(' ')[2], 10);
+    var viewBoxHeight = parseInt(viewBox.split(' ')[3], 10);
+
+    // Calculate aspect ratio
+    var aspectRatio = viewBoxWidth / viewBoxHeight;
+
+    // Define the SVG size
+    var height = 32; // Fixed height
+    var width = height * aspectRatio;
+    return /*#__PURE__*/React.createElement("svg", {
+      key: index,
+      width: width,
+      height: height,
+      viewBox: viewBox,
+      style: {
+        marginRight: 2
+      }
+    }, /*#__PURE__*/React.createElement("path", {
+      d: glyphs[_char2],
+      fill: _char2 === '$' ? secondaryColor : color
+    }));
+  }));
+};
+export { DigitalDisplay };

package/lib/components/Footer.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Button } from "../shared";
+var Footer = function Footer(_ref) {
+  var children = _ref.children,
+    Link = _ref.component,
+    docs_url = _ref.docs_url;
+  console.log("docs_url", docs_url);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center bg-primary-800"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between items-center p-4  w-full max-w-screen-xl"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ml-2 text-lg font-semibold text-primary-1200"
+  }, "Nobak")), /*#__PURE__*/React.createElement("div", {
+    className: "flex space-x-6 items-center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "anchor",
+    variant: "basic",
+    icon: "Discord",
+    to: "https://discord.gg/B5uwNJq7"
+  }), /*#__PURE__*/React.createElement(Button, {
+    type: "anchor",
+    variant: "basic",
+    icon: "Github",
+    to: "https://github.com/nobak-net/"
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "API Documentation",
+    type: "anchor",
+    variant: "basic",
+    to: docs_url
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "Privacy Policy",
+    type: "anchor",
+    variant: "basic",
+    to: "https://legal.nobak.net/privacy-policy"
+  }), /*#__PURE__*/React.createElement(Button, {
+    text: "Terms of Service",
+    type: "anchor",
+    variant: "basic",
+    to: "https://legal.nobak.net/terms-of-service"
+  }))));
+};
+export { Footer };

package/lib/components/HeroContainer.js

@@ -0,0 +1,10 @@
+import React from 'react';
+var HeroContainer = function HeroContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center w-full bg-primary-2000"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-[48px] w-full max-w-screen-xl h-[791px]"
+  }, children));
+};
+export { HeroContainer };

package/lib/components/IntentRecognition/IntentRecognition.js

@@ -0,0 +1,174 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useState, useEffect } from 'react';
+// Placeholder components for design system
+var IntentChip = function IntentChip(_ref) {
+  var label = _ref.label,
+    active = _ref.active;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "inline-block px-3 py-1 rounded-full text-xs font-semibold mr-2 mb-2 ".concat(active ? 'bg-primary-100 text-primary-800' : 'bg-neutral-200 text-neutral-700')
+  }, label);
+};
+var CommandSuggestionList = function CommandSuggestionList(_ref2) {
+  var suggestions = _ref2.suggestions,
+    onSelect = _ref2.onSelect;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-2 mt-2"
+  }, suggestions.map(function (s) {
+    return /*#__PURE__*/React.createElement("button", {
+      key: s,
+      className: "bg-neutral-100 border px-2 py-1 rounded text-xs hover:bg-primary-50",
+      onClick: function onClick() {
+        return onSelect(s);
+      }
+    }, s);
+  }));
+};
+var ChatInput = function ChatInput(_ref3) {
+  var value = _ref3.value,
+    _onChange = _ref3.onChange,
+    onSend = _ref3.onSend;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-2 mt-2"
+  }, /*#__PURE__*/React.createElement("input", {
+    className: "flex-1 border rounded px-3 py-2",
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    },
+    placeholder: "Type a command or question...",
+    "aria-label": "Chat input"
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "bg-primary-600 text-white px-4 py-2 rounded",
+    onClick: onSend
+  }, "Send"));
+};
+var INTENT_PATTERNS = [{
+  intent: 'send',
+  pattern: /send (\d+(?:\.\d+)?) ([A-Z]+) to ([G][A-Z0-9]{10,})/i
+}, {
+  intent: 'convert',
+  pattern: /convert (\d+(?:\.\d+)?) ([A-Z]+) to ([A-Z]+)/i
+}, {
+  intent: 'check',
+  pattern: /(balance|show.*balance|how much|what.*have)/i
+}];
+var INTENT_COMMANDS = {
+  send: 'Send payment',
+  convert: 'Convert assets',
+  check: 'Check balance'
+};
+var AUTOCOMPLETE = ['Send 10 XLM to G...', 'Convert 100 XLM to USDC', 'Show my balance', 'Help'];
+export var IntentRecognition = function IntentRecognition() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    input = _useState2[0],
+    setInput = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    intent = _useState4[0],
+    setIntent = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    entities = _useState6[0],
+    setEntities = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    suggestions = _useState8[0],
+    setSuggestions = _useState8[1];
+  var _useState9 = useState(AUTOCOMPLETE),
+    _useState0 = _slicedToArray(_useState9, 2),
+    autocomplete = _useState0[0],
+    setAutocomplete = _useState0[1];
+  useEffect(function () {
+    var foundIntent = null;
+    var foundEntities = {};
+    for (var _i = 0, _INTENT_PATTERNS = INTENT_PATTERNS; _i < _INTENT_PATTERNS.length; _i++) {
+      var _INTENT_PATTERNS$_i = _INTENT_PATTERNS[_i],
+        _intent = _INTENT_PATTERNS$_i.intent,
+        pattern = _INTENT_PATTERNS$_i.pattern;
+      var match = input.match(pattern);
+      if (match) {
+        foundIntent = _intent;
+        if (_intent === 'send') {
+          foundEntities = {
+            amount: match[1],
+            asset: match[2],
+            recipient: match[3]
+          };
+        } else if (_intent === 'convert') {
+          foundEntities = {
+            amount: match[1],
+            asset: match[2],
+            toAsset: match[3]
+          };
+        } else if (_intent === 'check') {
+          foundEntities = {};
+        }
+        break;
+      }
+    }
+    setIntent(foundIntent);
+    setEntities(foundEntities);
+    if (foundIntent) {
+      setSuggestions([INTENT_COMMANDS[foundIntent]]);
+    } else {
+      setSuggestions([]);
+    }
+  }, [input]);
+  var handleSuggestion = function handleSuggestion(s) {
+    setInput(s);
+  };
+  var handleSend = function handleSend() {
+    // For demo, just clear input
+    setInput('');
+    setIntent(null);
+    setEntities({});
+    setSuggestions([]);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full max-w-lg mx-auto bg-white rounded-xl shadow-md p-6 mt-4 flex flex-col gap-4",
+    "aria-live": "polite"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
+    className: "block text-sm font-medium mb-1",
+    htmlFor: "intent-input"
+  }, "Try a command:"), /*#__PURE__*/React.createElement(ChatInput, {
+    value: input,
+    onChange: setInput,
+    onSend: handleSend
+  }), autocomplete.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-2 mt-2"
+  }, autocomplete.map(function (s) {
+    return /*#__PURE__*/React.createElement("button", {
+      key: s,
+      className: "bg-neutral-50 border px-2 py-1 rounded text-xs hover:bg-primary-50",
+      onClick: function onClick() {
+        return setInput(s);
+      }
+    }, s);
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-2 items-center"
+  }, intent && /*#__PURE__*/React.createElement(IntentChip, {
+    label: INTENT_COMMANDS[intent],
+    active: true
+  }), !intent && /*#__PURE__*/React.createElement("span", {
+    className: "text-neutral-400 text-xs"
+  }, "No intent detected yet.")), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-2 items-center"
+  }, Object.entries(entities).map(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 2),
+      k = _ref5[0],
+      v = _ref5[1];
+    return /*#__PURE__*/React.createElement("span", {
+      key: k,
+      className: "bg-primary-50 border border-primary-200 px-2 py-1 rounded text-xs font-mono text-primary-700"
+    }, k, ": ", v);
+  })), /*#__PURE__*/React.createElement(CommandSuggestionList, {
+    suggestions: suggestions,
+    onSelect: handleSuggestion
+  }));
+};