aov-agent 1.0.0 → 1.0.1

package/dist/agent-ui/hooks/useFetchApi.js

@@ -0,0 +1,238 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+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 { useEffect, useState } from "react";
+import { fetchAuthenticateApi } from "../utils/api.js";
+import queryString from "query-string";
+import { handleApiError } from "../services/errorService.js";
+
+/**
+ * Custom hook for fetching data from API endpoints
+ *
+ * @param {Object} config - Configuration object
+ * @param {string} config.url - API endpoint URL
+ * @param {Array|Object} config.defaultData - Default data structure
+ * @param {boolean} config.initLoad - Whether to load data on mount
+ * @param {Function} config.presentData - Data transformation function
+ * @param {boolean} config.keepPreviousData - Keep previous data when fetching more
+ * @param {Object} config.initQueries - Initial query parameters
+ * @param {Function} config.successCallback - Callback on successful fetch
+ * @param {string} config.method - HTTP method (GET, POST, etc.)
+ * @param {Object} config.postData - Data to send in POST requests
+ * @returns {Object} Hook return object with data, loading state, and fetch functions
+ */
+export default function useFetchApi(_ref) {
+  var url = _ref.url,
+    _ref$defaultData = _ref.defaultData,
+    defaultData = _ref$defaultData === void 0 ? [] : _ref$defaultData,
+    _ref$initLoad = _ref.initLoad,
+    initLoad = _ref$initLoad === void 0 ? true : _ref$initLoad,
+    _ref$presentData = _ref.presentData,
+    presentData = _ref$presentData === void 0 ? function (data) {
+      return data;
+    } : _ref$presentData,
+    _ref$keepPreviousData = _ref.keepPreviousData,
+    keepPreviousData = _ref$keepPreviousData === void 0 ? false : _ref$keepPreviousData,
+    _ref$initQueries = _ref.initQueries,
+    initQueries = _ref$initQueries === void 0 ? {} : _ref$initQueries,
+    _ref$successCallback = _ref.successCallback,
+    successCallback = _ref$successCallback === void 0 ? function () {} : _ref$successCallback,
+    _ref$method = _ref.method,
+    method = _ref$method === void 0 ? "GET" : _ref$method,
+    _ref$postData = _ref.postData,
+    postData = _ref$postData === void 0 ? {} : _ref$postData;
+  var _useState = useState(initLoad),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fetched = _useState4[0],
+    setFetched = _useState4[1];
+  var _useState5 = useState(defaultData),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    pagination = _useState8[0],
+    setPagination = _useState8[1];
+  var _useState9 = useState({}),
+    _useState0 = _slicedToArray(_useState9, 2),
+    pageInfo = _useState0[0],
+    setPageInfo = _useState0[1];
+  var _useState1 = useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    total = _useState10[0],
+    setTotal = _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    endCursor = _useState12[0],
+    setEndCursor = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    count = _useState14[0],
+    setCount = _useState14[1];
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    error = _useState16[0],
+    setError = _useState16[1];
+  function fetchApi() {
+    return _fetchApi.apply(this, arguments);
+  }
+  function _fetchApi() {
+    _fetchApi = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var apiUrl,
+        _ref2,
+        _ref2$params,
+        params,
+        _ref2$keepPreviousDat,
+        keepPreviousData,
+        path,
+        separateChar,
+        query,
+        options,
+        resp,
+        newData,
+        _pagination,
+        hasPre,
+        hasNext,
+        _args = arguments,
+        _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            apiUrl = _args.length > 0 && _args[0] !== undefined ? _args[0] : url;
+            _ref2 = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, _ref2$params = _ref2.params, params = _ref2$params === void 0 ? null : _ref2$params, _ref2$keepPreviousDat = _ref2.keepPreviousData, keepPreviousData = _ref2$keepPreviousDat === void 0 ? false : _ref2$keepPreviousDat;
+            _context.p = 1;
+            setLoading(true);
+            path = apiUrl;
+            separateChar = path.includes("?") ? "&" : "?";
+            query = params ? separateChar + queryString.stringify(params) : "";
+            options = {};
+            if (method !== "GET") {
+              options = {
+                body: postData,
+                method: method
+              };
+            }
+            _context.n = 2;
+            return fetchAuthenticateApi({
+              uri: path + query,
+              options: options,
+              clientConfig: {
+                baseURL: "/api"
+              }
+            });
+          case 2:
+            resp = _context.v;
+            if (!resp.error) {
+              _context.n = 3;
+              break;
+            }
+            throw new Error(resp.error);
+          case 3:
+            if (Object.hasOwn(resp, "endCursor")) setEndCursor(resp.endCursor);
+            if (Object.hasOwn(resp, "pageInfo")) setPageInfo(resp.pageInfo);
+            if (Object.hasOwn(resp, "count")) setCount(resp.count);
+            if (Object.hasOwn(resp, "data")) {
+              newData = presentData(resp.data);
+              if (!Array.isArray(newData)) {
+                newData = _objectSpread(_objectSpread({}, defaultData), newData);
+              }
+              setData(function (prev) {
+                if (!keepPreviousData) {
+                  return newData;
+                }
+                return Array.isArray(newData) ? [].concat(_toConsumableArray(prev), _toConsumableArray(newData)) : _objectSpread(_objectSpread({}, prev), newData);
+              });
+              successCallback(newData);
+            }
+            if (resp.pagination) {
+              _pagination = resp.pagination;
+              setPagination(_pagination);
+              if (Object.hasOwn(_pagination, "total")) setTotal(_pagination.total);
+            } else if (Object.hasOwn(resp, "hasPre") || Object.hasOwn(resp, "hasNext")) {
+              hasPre = resp.hasPre, hasNext = resp.hasNext;
+              setPagination({
+                hasPre: hasPre,
+                hasNext: hasNext
+              });
+            }
+            _context.n = 5;
+            break;
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
+            handleApiError(_t);
+            setError((_t === null || _t === void 0 ? void 0 : _t.message) || "Something went wrong");
+          case 5:
+            _context.p = 5;
+            setLoading(false);
+            setFetched(true);
+            return _context.f(5);
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 4, 5, 6]]);
+    }));
+    return _fetchApi.apply(this, arguments);
+  }
+  useEffect(function () {
+    if (initLoad && !fetched) {
+      fetchApi(url, {
+        params: initQueries,
+        keepPreviousData: keepPreviousData
+      }).then(function () {});
+    }
+  }, []);
+  var handleChangeInput = function handleChangeInput(key, value) {
+    return setData(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, value));
+    });
+  };
+  var handleRowChange = function handleRowChange(index, key, value) {
+    setData(function (prev) {
+      var row = _objectSpread(_objectSpread({}, prev[index]), {}, _defineProperty({}, key, value));
+      return [].concat(_toConsumableArray(prev.slice(0, index)), [row], _toConsumableArray(prev.slice(index + 1)));
+    });
+  };
+  return {
+    fetchApi: fetchApi,
+    data: data,
+    endCursor: endCursor,
+    setData: setData,
+    pageInfo: pageInfo,
+    total: total,
+    setTotal: setTotal,
+    loading: loading,
+    setLoading: setLoading,
+    fetched: fetched,
+    setFetched: setFetched,
+    pagination: pagination,
+    setPagination: setPagination,
+    count: count,
+    setCount: setCount,
+    handleChangeInput: handleChangeInput,
+    handleRowChange: handleRowChange,
+    reFetch: fetchApi,
+    error: error
+  };
+}

package/dist/agent-ui/hooks/useStreamApi.js

@@ -0,0 +1,127 @@
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+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 { useState, useCallback } from "react";
+import { streamApi } from "../utils/api.js";
+
+/**
+ * Custom hook for Server-Sent Events (SSE) streaming API calls
+ *
+ * @param {string} apiUrl - API endpoint URL for streaming
+ * @returns {Object} Object containing stream function and streaming state
+ */
+export var useStreamApi = function useStreamApi(apiUrl) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isStreaming = _useState2[0],
+    setIsStreaming = _useState2[1];
+  var stream = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
+      var _ref$method, method, _ref$data, data, onStart, onContent, onSuggestions, onTool, abortSignal, pendingChunks, lastIndex, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            _ref$method = _ref.method, method = _ref$method === void 0 ? "POST" : _ref$method, _ref$data = _ref.data, data = _ref$data === void 0 ? {} : _ref$data, onStart = _ref.onStart, onContent = _ref.onContent, onSuggestions = _ref.onSuggestions, onTool = _ref.onTool, abortSignal = _ref.abortSignal;
+            setIsStreaming(true);
+            _context.p = 1;
+            pendingChunks = "";
+            lastIndex = 0;
+            _context.n = 2;
+            return streamApi({
+              apiUrl: apiUrl,
+              method: method,
+              data: data,
+              signal: abortSignal,
+              onChunk: function onChunk(progressEvent) {
+                var fullResp = progressEvent.currentTarget.response;
+                if (!fullResp) return;
+                var chunk = fullResp.slice(lastIndex);
+                lastIndex = fullResp.length;
+                if (!chunk) return;
+                pendingChunks += chunk;
+                var events = pendingChunks.split("\n\n");
+                pendingChunks = events.pop() || "";
+                var _iterator = _createForOfIteratorHelper(events),
+                  _step;
+                try {
+                  for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                    var evt = _step.value;
+                    var lines = evt.split("\n");
+                    var dataLines = [];
+                    var _iterator2 = _createForOfIteratorHelper(lines),
+                      _step2;
+                    try {
+                      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                        var line = _step2.value;
+                        if (line.startsWith("data:")) {
+                          dataLines.push(line.slice(5).trimStart());
+                        }
+                      }
+                    } catch (err) {
+                      _iterator2.e(err);
+                    } finally {
+                      _iterator2.f();
+                    }
+                    var payload = dataLines.join("\n").trim();
+                    if (!payload) continue;
+                    try {
+                      var resp = JSON.parse(payload);
+                      var _data = resp.data;
+                      switch (resp.type) {
+                        case "chat-created":
+                          if (onStart) onStart(_data);
+                          break;
+                        case "text-content":
+                          if (onContent) onContent(_data);
+                          break;
+                        case "tool-call":
+                          if (onTool) onTool(_data);
+                          break;
+                        case "suggestions":
+                          var listSuggestions = _data.split("\n");
+                          if (onSuggestions) onSuggestions(listSuggestions);
+                          break;
+                      }
+                    } catch (e) {
+                      console.error("Error parsing SSE data:", e);
+                    }
+                  }
+                } catch (err) {
+                  _iterator.e(err);
+                } finally {
+                  _iterator.f();
+                }
+              }
+            });
+          case 2:
+            return _context.a(2, Promise.resolve());
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.error("Stream API error:", _t);
+          case 4:
+            _context.p = 4;
+            setIsStreaming(false);
+            return _context.f(4);
+          case 5:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 3, 4, 5]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []);
+  return {
+    stream: stream,
+    isStreaming: isStreaming
+  };
+};

package/dist/agent-ui/index.js

@@ -0,0 +1 @@
+export { default as Assistant } from "./components/Assistant/Assistant.js";

package/dist/agent-ui/services/errorService.js

@@ -0,0 +1,39 @@
+/**
+ * Handle API errors with structured logging
+ *
+ * @param {Error|Object} error - Error object from API call
+ * @param {Object} context - Additional context for debugging
+ * @returns {string} User-friendly error message
+ */
+export function handleApiError(error) {
+  var _error$toJSON;
+  var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var errorData = error.response || ((_error$toJSON = error.toJSON) === null || _error$toJSON === void 0 ? void 0 : _error$toJSON.call(error)) || error;
+  var errorMessage = error.message || 'An unexpected error occurred';
+
+  // Log detailed error for debugging
+  console.error('API Error:', {
+    message: errorMessage,
+    error: errorData,
+    context: context,
+    timestamp: new Date().toISOString()
+  });
+  return errorMessage;
+}
+
+/**
+ * Get user-friendly error message from error object
+ *
+ * @param {Error|Object} error - Error object
+ * @returns {string} User-friendly error message
+ */
+export function getUserErrorMessage(error) {
+  var _error$response;
+  if ((_error$response = error.response) !== null && _error$response !== void 0 && (_error$response = _error$response.data) !== null && _error$response !== void 0 && _error$response.error) {
+    return error.response.data.error;
+  }
+  if (error.message) {
+    return error.message;
+  }
+  return 'Something went wrong. Please try again.';
+}

package/dist/agent-ui/utils/api.js

@@ -0,0 +1,164 @@
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+var isFormData = function isFormData(value) {
+  return value instanceof FormData;
+};
+
+/**
+ *
+ * @param {string} uri
+ * @param {Object} options
+ * @param {Object} clientConfig
+ * @returns
+ */
+export var fetchAuthenticateApi = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
+    var uri, _ref$options, options, _ref$clientConfig, clientConfig, response;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          uri = _ref.uri, _ref$options = _ref.options, options = _ref$options === void 0 ? {} : _ref$options, _ref$clientConfig = _ref.clientConfig, clientConfig = _ref$clientConfig === void 0 ? {
+            baseURL: "/api"
+          } : _ref$clientConfig;
+          if (options !== null && options !== void 0 && options.body && !isFormData(options.body)) {
+            options.body = JSON.stringify(options.body);
+            options.headers = options.headers || {};
+            options.headers["Content-Type"] = "application/json";
+          }
+          _context.n = 1;
+          return fetch(clientConfig.baseURL + uri, options);
+        case 1:
+          response = _context.v;
+          _context.n = 2;
+          return response.json();
+        case 2:
+          return _context.a(2, _context.v);
+      }
+    }, _callee);
+  }));
+  return function fetchAuthenticateApi(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+/**
+ *
+ * @param {Object} options.data
+ * @param {string} options.method
+ * @param {function} options.onChunk
+ * @param {AbortSignal} options.signal
+ * @returns
+ */
+export var streamApi = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(_ref3) {
+    var apiUrl, _ref3$data, data, _ref3$method, method, onChunk, signal, idToken, fullUrl, resp, text, reader, decoder, accumulated, readResult, _readResult, value, done, str, _t;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
+        case 0:
+          apiUrl = _ref3.apiUrl, _ref3$data = _ref3.data, data = _ref3$data === void 0 ? {} : _ref3$data, _ref3$method = _ref3.method, method = _ref3$method === void 0 ? "POST" : _ref3$method, onChunk = _ref3.onChunk, signal = _ref3.signal;
+          _context2.n = 1;
+          return window.shopify.idToken();
+        case 1:
+          idToken = _context2.v;
+          fullUrl = apiUrl || "/public/api/chat/message";
+          _context2.n = 2;
+          return fetch(fullUrl, {
+            method: method,
+            headers: {
+              accept: "text/event-stream",
+              "Content-Type": "application/json",
+              Connection: "keep-alive",
+              "Cache-Control": "no-cache",
+              Authorization: "Bearer ".concat(idToken),
+              "X-Auth-Token": idToken
+            },
+            body: JSON.stringify(data),
+            signal: signal
+          });
+        case 2:
+          resp = _context2.v;
+          if (!(!resp.body || !resp.body.getReader)) {
+            _context2.n = 4;
+            break;
+          }
+          _context2.n = 3;
+          return resp.text();
+        case 3:
+          text = _context2.v;
+          if (onChunk) {
+            onChunk({
+              currentTarget: {
+                response: text,
+                responseText: text
+              }
+            });
+          }
+          return _context2.a(2, text);
+        case 4:
+          reader = resp.body.getReader();
+          decoder = new TextDecoder();
+          accumulated = "";
+          _context2.p = 5;
+        case 6:
+          if (!true) {
+            _context2.n = 13;
+            break;
+          }
+          readResult = void 0;
+          _context2.p = 7;
+          _context2.n = 8;
+          return reader.read();
+        case 8:
+          readResult = _context2.v;
+          _context2.n = 11;
+          break;
+        case 9:
+          _context2.p = 9;
+          _t = _context2.v;
+          console.warn("AbortError", _t);
+          if (!((_t === null || _t === void 0 ? void 0 : _t.name) === "AbortError" || signal !== null && signal !== void 0 && signal.aborted)) {
+            _context2.n = 10;
+            break;
+          }
+          return _context2.a(3, 13);
+        case 10:
+          throw _t;
+        case 11:
+          _readResult = readResult, value = _readResult.value, done = _readResult.done;
+          if (!done) {
+            _context2.n = 12;
+            break;
+          }
+          return _context2.a(3, 13);
+        case 12:
+          str = decoder.decode(value, {
+            stream: true
+          });
+          accumulated += str;
+          if (onChunk) {
+            onChunk({
+              currentTarget: {
+                response: accumulated,
+                responseText: accumulated
+              }
+            });
+          }
+          _context2.n = 6;
+          break;
+        case 13:
+          _context2.p = 13;
+          try {
+            reader.releaseLock();
+          } catch (_unused) {}
+          return _context2.f(13);
+        case 14:
+          return _context2.a(2, accumulated);
+      }
+    }, _callee2, null, [[7, 9], [5,, 13, 14]]);
+  }));
+  return function streamApi(_x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();

package/package.json

@@ -1,12 +1,21 @@
 {
   "name": "aov-agent",
-  "version": "1.0.0",
-  "description": "AOV Agent",
-  "main": "dist/index.js",
+  "version": "1.0.1",
+  "description": "AOV AI Agent - Monorepo for AI Assistant Components",
   "type": "module",
+  "exports": {
+    "./agent-ui": "./dist/agent-ui/index.js",
+    "./agent-ui/*": "./dist/agent-ui/*"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
   "scripts": {
-    "build": "babel src --out-dir dist --extensions \".ts\"",
-    "build:watch": "babel src --out-dir dist --extensions \".ts\" --watch"
+    "build": "npm run build:ui",
+    "build:ui": "cd packages/ui && npm run build",
+    "build:watch": "cd packages/ui && npm run build:watch",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build"
   },
   "repository": {
     "type": "git",
@@ -14,7 +23,12 @@
   },
   "keywords": [
     "AOV",
-    "Agent"
+    "Agent",
+    "AI",
+    "Assistant",
+    "React",
+    "UI Components",
+    "Shopify"
   ],
   "author": "AOV.ai",
   "license": "ISC",
@@ -26,11 +40,14 @@
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.5",
     "@babel/preset-env": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5"
+    "@babel/preset-react": "^7.28.0",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "concurrently": "^9.2.1",
+    "cpx": "^1.5.0",
+    "rimraf": "^5.0.10"
   },
   "files": [
-    "dist",
-    "types"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"

package/dist/index.js

@@ -1,7 +0,0 @@
-export default function getAgent() {
-  return {
-    name: "Agent",
-    description: "Agent",
-    version: "1.0.0"
-  };
-}

package/types/index.d.ts

@@ -1,5 +0,0 @@
-export declare function getAgent(): {
-  name: string;
-  description: string;
-  version: string;
-};