@veeqo/transfigure 1.2.3 → 1.2.5

package/dist/index78.js

@@ -1,52 +1,64 @@
-import { parseDate as a } from "@internationalized/date";
-import { RangeFilter as f } from "./index70.js";
-import { NumberRangeFilter as c } from "./index69.js";
-import { BusinessLogicManager as d } from "./index9.js";
-const R = ({
+import { parseDate as u } from "@internationalized/date";
+import { RangeFilter as c } from "./index70.js";
+import { NumberRangeFilter as b } from "./index69.js";
+import n from "lodash/get";
+import { BusinessLogicManager as y } from "./index9.js";
+const T = ({
   view: r,
-  canUpdateCustomViews: o
+  canUpdateCustomViews: d
 }) => {
-  var l;
-  const { DATE_RANGE_FILTERS: i, NUMBER_RANGE_FILTERS: n } = d.getBusinessLogic();
+  var f;
+  const { DATE_RANGE_FILTERS: a, NUMBER_RANGE_FILTERS: o, GROUP_MAP: p } = y.getBusinessLogic(), l = Array.from(p.values()).flatMap((e) => e.fields), s = r.filters.filter || {};
   return {
     id: r.id,
     label: r.title,
     filterMaps: {
       filters: new Map(
-        Object.entries(r.filters.filter || {}).filter(
-          ([e, t]) => !Array.isArray(t) && !i.includes(e) && !n.includes(e)
-        ).map(([e, t]) => [e, t])
+        l.filter(
+          (e) => !a.includes(e.id) && !o.includes(e.id) && e.filterType !== "checkbox"
+        ).map((e) => {
+          const t = n(s, e.id);
+          return [e.id, t !== void 0 && !Array.isArray(t) && typeof t != "object" ? String(t) : ""];
+        }).filter(([, e]) => e !== "")
       ),
       arrayFilters: new Map(
-        Object.entries(r.filters.filter || {}).filter(([, e]) => Array.isArray(e)).map(([e, t]) => [e, t])
+        l.filter((e) => e.filterType === "checkbox").map((e) => {
+          const t = n(s, e.id);
+          return [e.id, Array.isArray(t) ? t : []];
+        }).filter(([, e]) => e.length > 0)
       ),
       rangeFilters: new Map(
-        Object.entries(r.filters.filter || {}).filter(([e]) => i.includes(e)).map(([e, t]) => {
-          let s;
+        l.filter((e) => a.includes(e.id)).map((e) => {
+          const t = n(s, e.id);
+          if (!t) return null;
+          let i;
           if (typeof t == "string")
-            s = new f(t);
-          else {
-            s = new f("CUSTOM");
-            const m = a(t.gte), p = a(t.lte);
-            s.setDates(m, p);
-          }
-          return [e, s];
-        })
+            i = new c(t);
+          else if (typeof t == "object" && t.gte && t.lte) {
+            i = new c("CUSTOM");
+            const m = u(t.gte), g = u(t.lte);
+            i.setDates(m, g);
+          } else
+            return null;
+          return [e.id, i];
+        }).filter((e) => e !== null)
       ),
       numberRangeFilters: new Map(
-        Object.entries(r.filters.filter || {}).filter(([e]) => n.includes(e)).map(([e, t]) => {
-          const s = new c({ filterId: e });
-          return t.lte !== void 0 && s.setLte(Number(t.lte)), t.gte !== void 0 && s.setGte(Number(t.gte)), [e, s];
-        })
+        l.filter((e) => o.includes(e.id)).map((e) => {
+          const t = n(s, e.id);
+          if (!t || typeof t != "object") return null;
+          const i = new b({ filterId: e.id });
+          return t.lte !== void 0 && i.setLte(Number(t.lte)), t.gte !== void 0 && i.setGte(Number(t.gte)), [e.id, i];
+        }).filter((e) => e !== null)
       )
     },
     page: r.filters.page,
-    editable: r.editable && o,
+    editable: r.editable && d,
     isShared: r.shared,
     columns: r.columns,
-    sort: (l = r.filters) == null ? void 0 : l.sort
+    sort: (f = r.filters) == null ? void 0 : f.sort
   };
 };
 export {
-  R as viewsAdapter
+  T as viewsAdapter
 };

package/dist/index80.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index98.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index105.cjs"),w=require("./index79.cjs"),V=require("./index78.cjs"),d=({data:n,canUpdateCustomViews:u})=>{const l={fixedViews:[...r.INITIAL_VIEWS_STATE.fixedViews],customViews:[...r.INITIAL_VIEWS_STATE.customViews],viewsMap:new Map(r.INITIAL_VIEWS_STATE.viewsMap)};if(!n)return l;let o=!1;const i=n.reduce((e,s)=>{const t=V.viewsAdapter({view:s,canUpdateCustomViews:u});return e.viewsMap.set(s.id,t),s.editable?e.customViews.push(t):e.fixedViews.push(t),s.title==="All"&&(o=!0),e},l);return o&&(i.viewsMap.delete(w.ALL_VIEW_ID),i.fixedViews.shift()),i};exports.organiseViews=d;

package/dist/index80.js

@@ -1,4 +1,4 @@
-import { INITIAL_VIEWS_STATE as r } from "./index98.js";
+import { INITIAL_VIEWS_STATE as r } from "./index105.js";
 import { ALL_VIEW_ID as p } from "./index79.js";
 import { viewsAdapter as u } from "./index78.js";
 const m = ({ data: o, canUpdateCustomViews: w }) => {

package/dist/index86.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;

package/dist/index86.js

@@ -1,7 +1,43 @@
-const e = "_actionsHeaderContainer_fgqms_1", a = {
-  actionsHeaderContainer: e
-};
+import { useState as t, useEffect as p } from "react";
+import { useInterval as P } from "react-use";
+import { useBusinessLogic as S } from "./index8.js";
+import { useStores as L } from "./index61.js";
+import { useUrlParams as v } from "./index67.js";
+import { fetcherV2 as V } from "./index55.js";
+function T() {
+  const { TABLE_DATA_URL: h } = S(), {
+    Filters: {
+      pageSize: n,
+      activeViewId: s
+    }
+  } = L(), { queryParams: m } = v();
+  async function r() {
+    const e = `${h}?${m}`, g = await V(e);
+    return JSON.stringify(g);
+  }
+  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
+  return p(() => {
+    const e = () => {
+      document.hidden ? o(null) : o(i);
+    };
+    return document.addEventListener("visibilitychange", e), () => {
+      document.removeEventListener("visibilitychange", e);
+    };
+  }, []), P(
+    async () => {
+      const e = await r();
+      if (c === null || f !== s || w !== n) {
+        a(e), C(s), y(n);
+        return;
+      }
+      const d = e !== c;
+      d && (a(e), u(d));
+    },
+    l ? null : D
+  ), { hasChanges: l, acknowledgeButtonClick: async () => {
+    u(!1), o(i), a(await r());
+  } };
+}
 export {
-  e as actionsHeaderContainer,
-  a as default
+  T as usePollData
 };

package/dist/index87.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),w=require("react-use"),L=require("./index8.cjs"),m=require("./index61.cjs"),v=require("./index67.cjs"),q=require("./index55.cjs");function V(){const{TABLE_DATA_URL:h}=L.useBusinessLogic(),{Filters:{pageSize:s,activeViewId:n}}=m.useStores(),{queryParams:S}=v.useUrlParams();async function c(){const e=`${h}?${S}`,g=await q.fetcherV2(e);return JSON.stringify(g)}const[u,a]=t.useState(null),[o,l]=t.useState(!1),[f,C]=t.useState(n),[y,P]=t.useState(s),i=3e5,[D,r]=t.useState(i);return t.useEffect(()=>{const e=()=>{document.hidden?r(null):r(i)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]),w.useInterval(async()=>{const e=await c();if(u===null||f!==n||y!==s){a(e),C(n),P(s);return}const d=e!==u;d&&(a(e),l(d))},o?null:D),{hasChanges:o,acknowledgeButtonClick:async()=>{l(!1),r(i),a(await c())}}}exports.usePollData=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;

package/dist/index87.js

@@ -1,43 +1,11 @@
-import { useState as t, useEffect as p } from "react";
-import { useInterval as P } from "react-use";
-import { useBusinessLogic as S } from "./index8.js";
-import { useStores as L } from "./index61.js";
-import { useUrlParams as v } from "./index67.js";
-import { fetcherV2 as V } from "./index55.js";
-function T() {
-  const { TABLE_DATA_URL: h } = S(), {
-    Filters: {
-      pageSize: n,
-      activeViewId: s
-    }
-  } = L(), { queryParams: m } = v();
-  async function r() {
-    const e = `${h}?${m}`, g = await V(e);
-    return JSON.stringify(g);
-  }
-  const [c, a] = t(null), [l, u] = t(!1), [f, C] = t(s), [w, y] = t(n), i = 3e5, [D, o] = t(i);
-  return p(() => {
-    const e = () => {
-      document.hidden ? o(null) : o(i);
-    };
-    return document.addEventListener("visibilitychange", e), () => {
-      document.removeEventListener("visibilitychange", e);
-    };
-  }, []), P(
-    async () => {
-      const e = await r();
-      if (c === null || f !== s || w !== n) {
-        a(e), C(s), y(n);
-        return;
-      }
-      const d = e !== c;
-      d && (a(e), u(d));
-    },
-    l ? null : D
-  ), { hasChanges: l, acknowledgeButtonClick: async () => {
-    u(!1), o(i), a(await r());
-  } };
-}
+const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
+  refreshTooltip: e,
+  refreshButton: r,
+  refreshIndicator: t
+};
 export {
-  T as usePollData
+  o as default,
+  r as refreshButton,
+  t as refreshIndicator,
+  e as refreshTooltip
 };

package/dist/index88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_refreshTooltip_v0eu8_1",r="_refreshButton_v0eu8_5",t="_refreshIndicator_v0eu8_9",o={refreshTooltip:e,refreshButton:r,refreshIndicator:t};exports.default=o;exports.refreshButton=r;exports.refreshIndicator=t;exports.refreshTooltip=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_actionsHeaderContainer_fgqms_1",t={actionsHeaderContainer:e};exports.actionsHeaderContainer=e;exports.default=t;

package/dist/index88.js

@@ -1,11 +1,7 @@
-const e = "_refreshTooltip_v0eu8_1", r = "_refreshButton_v0eu8_5", t = "_refreshIndicator_v0eu8_9", o = {
-  refreshTooltip: e,
-  refreshButton: r,
-  refreshIndicator: t
+const e = "_actionsHeaderContainer_fgqms_1", a = {
+  actionsHeaderContainer: e
 };
 export {
-  o as default,
-  r as refreshButton,
-  t as refreshIndicator,
-  e as refreshTooltip
+  e as actionsHeaderContainer,
+  a as default
 };

package/dist/index98.cjs

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index79.cjs"),e=i.createAllView(),t={fixedViews:[e],customViews:[],viewsMap:new Map([[e.id,e]])};exports.INITIAL_VIEWS_STATE=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
+  margin: ${e.theme.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${e.theme.text.body.fontSize};
+
+  &:hover {
+    background-color: ${e.theme.colors.neutral.grey.lightest};
+    color: ${e.theme.colors.secondary.blue.base};
+    cursor: pointer;
+  }
+`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
+  margin-top: ${e.theme.sizes.xs};
+  background-color: white;
+`,l=o.default.hr`
+  width: 100%;
+  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
+  margin: 0;
+`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;

package/dist/index98.js

@@ -1,9 +1,26 @@
-import { createAllView as i } from "./index79.js";
-const e = i(), s = {
-  fixedViews: [e],
-  customViews: [],
-  viewsMap: /* @__PURE__ */ new Map([[e.id, e]])
-};
+import t from "styled-components";
+import { theme as o, Card as r, Button as e } from "@veeqo/ui";
+const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
+  margin: ${o.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${o.text.body.fontSize};
+
+  &:hover {
+    background-color: ${o.colors.neutral.grey.lightest};
+    color: ${o.colors.secondary.blue.base};
+    cursor: pointer;
+  }
+`, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
+  margin-top: ${o.sizes.xs};
+  background-color: white;
+`, l = t.hr`
+  width: 100%;
+  border-top: 1px solid ${o.colors.neutral.grey.dark};
+  margin: 0;
+`;
 export {
-  s as INITIAL_VIEWS_STATE
+  l as Divider,
+  n as Item,
+  a as MenuItems
 };

package/dist/index99.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),l=require("./index116.cjs"),v=({children:i,style:o,className:c})=>{const r=n.useRef(null),[u,f]=n.useState(0);return n.useEffect(()=>{const e=r.current,s=()=>{if(e){const{top:a}=e.getBoundingClientRect();f(a)}};s();const t=new ResizeObserver(s);return e&&t.observe(e),()=>{e&&t.unobserve(e),t.disconnect()}},[]),d.jsx(l.AdaptiveStyledContainer,{style:o,className:c,offset:u,ref:r,children:i})};exports.AdaptiveHeightContainer=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),R=require("swr"),m=require("qs"),E=require("./index61.cjs"),F=require("./index8.cjs"),P=require("./index62.cjs"),S=require("./index55.cjs"),c=e=>e&&e.__esModule?e:{default:e},V=c(R),i=c(m),h=()=>{var n;const{Filters:{queryParams:e}}=E.useStores(),{TABLE_DATA_URL:l,PAGE_NUMBER_FILTER_ID:o,PAGE_SIZE_FILTER_ID:r}=F.useBusinessLogic(),{isLoading:d}=P.useViews(),_=w.useMemo(()=>{const u={...i.default.parse(e),[o]:"1",[r]:"1"};return i.default.stringify(u,{arrayFormat:"brackets"})},[e,o,r]),f=!d?`${l}?${_}`:null,{data:s,error:L,isLoading:g,mutate:q}=V.default([f,{includeMeta:!0}],([a,u])=>S.fetcherV2(a,u),{revalidateOnFocus:!1,revalidateOnReconnect:!1,keepPreviousData:!0}),t=s==null?void 0:s.meta;return{viewCounts:(n=t==null?void 0:t.page)==null?void 0:n.total_count,error:L,isLoadingViewCounts:g,mutate:q}};exports.useViewCounts=h;

package/dist/index99.js

@@ -1,26 +1,40 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useRef as a, useState as d, useEffect as m } from "react";
-import { AdaptiveStyledContainer as v } from "./index116.js";
-const R = ({
-  children: o,
-  style: s,
-  className: f
-}) => {
-  const r = a(null), [i, c] = d(0);
-  return m(() => {
-    const e = r.current, n = () => {
-      if (e) {
-        const { top: u } = e.getBoundingClientRect();
-        c(u);
-      }
+import { useMemo as _ } from "react";
+import g from "swr";
+import u from "qs";
+import { useStores as w } from "./index61.js";
+import { useBusinessLogic as E } from "./index8.js";
+import { useViews as F } from "./index62.js";
+import { fetcherV2 as R } from "./index55.js";
+const T = () => {
+  var n;
+  const { Filters: { queryParams: s } } = w(), { TABLE_DATA_URL: c, PAGE_NUMBER_FILTER_ID: r, PAGE_SIZE_FILTER_ID: i } = E(), { isLoading: m } = F(), d = _(() => {
+    const t = {
+      ...u.parse(s),
+      [r]: "1",
+      [i]: "1"
     };
-    n();
-    const t = new ResizeObserver(n);
-    return e && t.observe(e), () => {
-      e && t.unobserve(e), t.disconnect();
-    };
-  }, []), /* @__PURE__ */ p(v, { style: s, className: f, offset: i, ref: r, children: o });
+    return u.stringify(t, { arrayFormat: "brackets" });
+  }, [s, r, i]), p = !m ? `${c}?${d}` : null, {
+    data: e,
+    error: f,
+    isLoading: l,
+    mutate: L
+  } = g(
+    [p, { includeMeta: !0 }],
+    ([a, t]) => R(a, t),
+    {
+      revalidateOnFocus: !1,
+      revalidateOnReconnect: !1,
+      keepPreviousData: !0
+    }
+  ), o = e == null ? void 0 : e.meta;
+  return {
+    viewCounts: (n = o == null ? void 0 : o.page) == null ? void 0 : n.total_count,
+    error: f,
+    isLoadingViewCounts: l,
+    mutate: L
+  };
 };
 export {
-  R as AdaptiveHeightContainer
+  T as useViewCounts
 };

package/dist/mobx/Filters/Filters.d.ts

@@ -48,7 +48,7 @@ export declare class Filters {
     getFiltersForGroup: (groupId: string) => Record<string, string | string[] | NumberRangeFilter | RangeFilter | undefined>;
     get hasActiveFilters(): boolean;
     get activeFilterKeysList(): string[];
-    get queryParamsObject(): URLSearchParams;
+    get queryParamsObject(): Record<string, string | object>;
     get queryParams(): string;
     initFiltersFromView: (props: TransformedView) => void;
     initFromUrl: (shouldUseViewIdFromURL?: boolean) => void;

package/dist/storybookHelpers/apiMocks/views/custom_views.d.ts

@@ -13,8 +13,9 @@ export declare const custom_views: {
                 due_date?: undefined;
                 shoe_size?: undefined;
                 max_products?: undefined;
-                order_number?: undefined;
+                search?: undefined;
                 product_count?: undefined;
+                brand_ids?: undefined;
             };
             page?: undefined;
         };
@@ -39,8 +40,9 @@ export declare const custom_views: {
                 due_date?: undefined;
                 shoe_size?: undefined;
                 max_products?: undefined;
-                order_number?: undefined;
+                search?: undefined;
                 product_count?: undefined;
+                brand_ids?: undefined;
             };
             page?: undefined;
         };
@@ -64,7 +66,9 @@ export declare const custom_views: {
                 due_date: string;
                 shoe_size: string;
                 max_products: string;
-                order_number: string;
+                search: {
+                    order_number: string;
+                };
                 product_count: {
                     gte: string;
                 };
@@ -72,6 +76,7 @@ export declare const custom_views: {
                 created?: undefined;
                 mergeable?: undefined;
                 pick_status?: undefined;
+                brand_ids?: undefined;
             };
         };
         created_at: string;
@@ -94,7 +99,42 @@ export declare const custom_views: {
                 due_date: string;
                 shoe_size: string;
                 max_products: string;
-                order_number: string;
+                search: {
+                    order_number: string;
+                };
+                product_count: {
+                    gte: string;
+                };
+                brand_ids: string[];
+                status?: undefined;
+                created?: undefined;
+                mergeable?: undefined;
+                pick_status?: undefined;
+            };
+        };
+        created_at: string;
+        updated_at: string;
+        editable: boolean;
+        company_id: number;
+        columns: {
+            columnIds?: undefined;
+        };
+    } | {
+        id: string;
+        title: string;
+        user_id: number;
+        shared: boolean;
+        filters: {
+            page: {
+                size: number;
+            };
+            filter: {
+                due_date: string;
+                shoe_size: string;
+                max_products: string;
+                search: {
+                    order_number: string;
+                };
                 product_count: {
                     gte: string;
                 };
@@ -102,6 +142,7 @@ export declare const custom_views: {
                 created?: undefined;
                 mergeable?: undefined;
                 pick_status?: undefined;
+                brand_ids?: undefined;
             };
         };
         created_at: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/transfigure",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs",
@@ -55,7 +55,8 @@
     "react-use": "^15.3.8",
     "styled-components": "^5.1.1",
     "swr": "^2.0.4",
-    "uid": "^2.0.2"
+    "uid": "^2.0.2",
+    "qs": "^6.10.3"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "4.6.1"
@@ -93,6 +94,7 @@
     "@typescript-eslint/parser": "^8.37.0",
     "@veeqo/components": "6.1.1",
     "@veeqo/ui": "13.10.0",
+    "qs": "^6.10.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.1.2",
     "@vitest/coverage-v8": "^3.1.2",
@@ -141,6 +143,7 @@
     "vite-css-modules": "^1.8.6",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-eslint": "^1.8.1",
+    "@types/qs": "^6.9.7",
     "vite-plugin-externalize-deps": "^0.9.0",
     "vitest": "^3.1.2"
   },