@star-insure/sdk 6.0.8 → 6.0.10

package/dist/sdk.es35.js

@@ -1,15 +1,14 @@
 import { j as t } from "./sdk.es38.js";
 import n from "react";
-import d from "./sdk.es46.js";
-import { BackButton as _ } from "./sdk.es47.js";
+import d from "./sdk.es45.js";
+import { BackButton as $ } from "./sdk.es47.js";
 import X from "./sdk.es48.js";
 import Y from "./sdk.es49.js";
 import { FilterItem as q } from "./sdk.es50.js";
 import { HiXMark as z, HiChevronLeft as D, HiChevronRight as F } from "./sdk.es51.js";
-import { router as M } from "@inertiajs/core";
 function N({
-  title: c,
-  search: a,
+  title: a,
+  search: c,
   className: E = "",
   innerClassName: S = "",
   back: m = !0,
@@ -18,7 +17,7 @@ function N({
   focusSearchShortcut: k = !1,
   children: L
 }) {
-  const [f, p] = n.useState(!1), l = n.useRef(null), [x, v] = n.useState(!1), g = [];
+  const [f, p] = n.useState(!1), l = n.useRef(null), [v, x] = n.useState(!1), g = [];
   n.Children.forEach(L, (e) => {
     n.isValidElement(e) && e.type === N.Action && g.push(e);
   }), n.useEffect(() => {
@@ -29,27 +28,27 @@ function N({
       if (!s) return;
       const r = s.querySelector(".children");
       if (!r) return;
-      const H = s.getBoundingClientRect(), b = r.getBoundingClientRect(), C = e.getBoundingClientRect();
-      b.left <= C.left - 50 || b.left >= C.right - 50 ? r.style.visibility = "hidden" : r.style.visibility = "visible", r.style.left = `${H.left}px`;
+      const _ = s.getBoundingClientRect(), C = r.getBoundingClientRect(), b = e.getBoundingClientRect();
+      C.left <= b.left - 50 || C.left >= b.right - 50 ? r.style.visibility = "hidden" : r.style.visibility = "visible", r.style.left = `${_.left}px`;
     }, j = function(s) {
       const r = e.getBoundingClientRect();
-      s.clientX > r.left && s.clientX < r.right && s.clientY > r.top && s.clientY < r.bottom ? v(!0) : v(!1);
+      s.clientX > r.left && s.clientX < r.right && s.clientY > r.top && s.clientY < r.bottom ? x(!0) : x(!1);
     };
     return e.addEventListener("scroll", i), document.addEventListener("mousemove", j), () => {
       e.removeEventListener("scroll", i), document.removeEventListener("mousemove", j);
     };
   }, []), n.useEffect(() => {
     const e = function(i) {
-      x && (i.preventDefault(), l.current?.scrollBy({ left: i.deltaY, behavior: "auto" }));
+      v && (i.preventDefault(), l.current?.scrollBy({ left: i.deltaY, behavior: "auto" }));
     };
     return document.addEventListener("wheel", e, { passive: !1 }), () => {
       document.removeEventListener("wheel", e);
     };
-  }, [x]);
+  }, [v]);
   function B() {
-    M.get(`${window.location.pathname}`);
+    window.location.href = window.location.pathname;
   }
-  const [y, R] = n.useState(!1), o = n.useCallback(() => {
+  const [w, R] = n.useState(!1), o = n.useCallback(() => {
     const e = l.current;
     if (!e) return;
     const i = e.getBoundingClientRect();
@@ -61,46 +60,46 @@ function N({
   function A() {
     l.current?.scrollBy({ left: 100, behavior: "auto" }), o();
   }
-  function $() {
+  function H() {
     l.current?.scrollBy({ left: -100, behavior: "auto" }), o();
   }
-  const w = n.useMemo(() => h.filter((e) => !e.hidden), [h]);
+  const y = n.useMemo(() => h.filter((e) => !e.hidden), [h]);
   return /* @__PURE__ */ t.jsxs("section", { className: d("col-span-full flex items-center gap-2 max-w-full rounded-lg bg-white p-2 shadow", E), children: [
-    m && /* @__PURE__ */ t.jsx(_, { back: m, className: "bg-primary-100 h-[60px] w-[60px] rounded" }),
+    m && /* @__PURE__ */ t.jsx($, { back: m, className: "bg-primary-100 h-[60px] w-[60px] rounded" }),
     /* @__PURE__ */ t.jsxs("div", { className: d("w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-primary-100 p-3 gap-4", S), children: [
       /* @__PURE__ */ t.jsxs(
-        "button",
+        "div",
         {
-          type: "button",
-          disabled: !a,
           onClick: () => p(!0),
           className: d(
             "mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100 text-primary",
             {
-              "hover:text-accent": a && !f
+              "hover:text-accent": c && !f,
+              "pointer-events-none": !c,
+              "hover:cursor-pointer": c
             }
           ),
           children: [
-            a && /* @__PURE__ */ t.jsx(X, { search: a, active: f, onActive: p, placeholder: `Search ${c}...`, focusSearchShortcut: k }),
-            !f && /* @__PURE__ */ t.jsx("h1", { className: "text-base text-primary font-black", children: c })
+            c && /* @__PURE__ */ t.jsx(X, { search: c, active: f, onActive: p, placeholder: `Search ${a}...`, focusSearchShortcut: k }),
+            !f && /* @__PURE__ */ t.jsx("h1", { className: "text-base text-primary font-black", children: a })
           ]
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: "flex items-center ml-auto gap-2 h-full min-w-0 max-w-full", children: u.length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx("button", { onClick: B, className: "p-1.5 hover:text-red-500", children: /* @__PURE__ */ t.jsx(z, { className: "w-5 h-5 stroke-[1.25]" }) }),
-        y && /* @__PURE__ */ t.jsx(D, { onClick: $, className: "w-5 h-5 text-gray-400 stroke-[1.25]" }),
+        w && /* @__PURE__ */ t.jsx(D, { onClick: H, className: "w-5 h-5 text-gray-400 stroke-[1.25]" }),
         /* @__PURE__ */ t.jsx("div", { ref: l, className: "flex items-center h-full w-full gap-3 overflow-x-scroll hide-scroll", children: u.map((e) => /* @__PURE__ */ t.jsx(q, { filter: e }, e.name)) }),
-        y && /* @__PURE__ */ t.jsx(F, { onClick: A, className: "w-5 h-5 text-gray-400 stroke-[1.25]" })
+        w && /* @__PURE__ */ t.jsx(F, { onClick: A, className: "w-5 h-5 text-gray-400 stroke-[1.25]" })
       ] }) }),
-      w.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3 bg-primary-100", children: [
+      y.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3 bg-primary-100", children: [
         u.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "w-[1px] h-full bg-gray-300" }),
-        /* @__PURE__ */ t.jsx("nav", { className: "flex items-center gap-2", children: w.map((e) => /* @__PURE__ */ t.jsx(Y, { ...e }, `${e.title}-${e.as}-${e.href}`)) })
+        /* @__PURE__ */ t.jsx("nav", { className: "flex items-center gap-2", children: y.map((e) => /* @__PURE__ */ t.jsx(Y, { ...e }, `${e.title}-${e.as}-${e.href}`)) })
       ] }),
       /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-3 bg-gray-100", children: g })
     ] })
   ] });
 }
-N.Action = ({ children: c }) => /* @__PURE__ */ t.jsx("div", { children: c });
+N.Action = ({ children: a }) => /* @__PURE__ */ t.jsx("div", { children: a });
 export {
   N as default
 };

package/dist/sdk.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es35.js","sources":["../src/components/filter/PageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { FilterOption, TPageHeaderAction } from '../../types';\nimport { BackButton } from './Back';\nimport SearchBar from './SearchBar';\nimport Action from './Action';\nimport { FilterItem } from './FilterItem';\nimport { HiChevronLeft, HiChevronRight, HiXMark } from 'react-icons/hi2';\nimport { router } from '@inertiajs/core';\n\ninterface Props {\n    title: string;\n    search?: string;\n    className?: string;\n    innerClassName?: string;\n    back?: boolean | string;\n    actions?: TPageHeaderAction[];\n    backText?: string;\n    filterOptions?: FilterOption[];\n    focusSearchShortcut?: boolean;\n    children?: React.ReactNode;\n}\n\nexport default function PageHeader({\n    title,\n    search,\n    className = '',\n    innerClassName = '',\n    back = true,\n    actions = [],\n    filterOptions = [],\n    focusSearchShortcut = false,\n    children\n}: Props) {\n    const [isSearchActive, setSearchActive] = React.useState<boolean>(false);\n    const scrollContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const [overScroll, setOverScroll] = React.useState<boolean>(false);\n\n    const actionChildren: React.ReactNode[] = [];\n\n    // Categorize children based on their type\n    React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child)) {\n            if (child.type === PageHeader.Action) {\n                actionChildren.push(child);\n            }\n        }\n    });\n\n    React.useEffect(() => {\n        const current = scrollContainerRef.current;\n        if (!current) return;\n\n        const listener = function() {\n            const activeDropdown = current.querySelector('.active');\n            if (!activeDropdown) return;\n\n            const childrenContainer = activeDropdown.querySelector('.children');\n            if (!childrenContainer) return;\n\n            const pos = activeDropdown.getBoundingClientRect();\n\n            const posChild = childrenContainer.getBoundingClientRect();\n            const posContainer = current.getBoundingClientRect();\n\n            // if the dropdown content moves outside the scroll container to the left, make it disappear\n            if (posChild.left <= posContainer.left - 50) {\n                // @ts-ignore\n                childrenContainer.style.visibility = 'hidden';\n            } else if (posChild.left >= posContainer.right - 50) {\n                // @ts-ignore\n                childrenContainer.style.visibility = 'hidden';\n            } else {\n                // @ts-ignore\n                childrenContainer.style.visibility = 'visible';\n            }\n\n            // @ts-ignore\n            childrenContainer.style.left = `${pos.left}px`;\n        }\n\n        const mouseListener = function(e: MouseEvent) {\n            const pos = current.getBoundingClientRect();\n            if (e.clientX > pos.left && e.clientX < pos.right && e.clientY > pos.top && e.clientY < pos.bottom) {\n                setOverScroll(true);\n            } else {\n                setOverScroll(false);\n            }\n        };\n\n        current.addEventListener('scroll', listener);\n        document.addEventListener('mousemove', mouseListener)\n\n        return () => {\n            current.removeEventListener('scroll', listener);\n            document.removeEventListener('mousemove', mouseListener)\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const scrollListener = function(e: WheelEvent) {\n            if (overScroll) {\n                e.preventDefault();\n                scrollContainerRef.current?.scrollBy({ left: e.deltaY, behavior: 'auto' });\n            }\n        }\n\n        document.addEventListener('wheel', scrollListener, { passive: false });\n\n        return () => {\n            document.removeEventListener('wheel', scrollListener);\n        }\n    }, [overScroll])\n\n    function handleClear() {\n        router.get(`${window.location.pathname}`);\n    }\n\n    const [hasScroll, setHasScroll] = React.useState<boolean>(false);\n\n    const checkScroll = React.useCallback(() => {\n        const current = scrollContainerRef.current;\n        if (!current) return;\n\n        const pos = current.getBoundingClientRect();\n\n        setHasScroll(current.scrollWidth > (pos.width + 11));\n    }, [scrollContainerRef.current]);\n\n    React.useEffect(() => {\n        checkScroll();\n\n        window.addEventListener('resize', checkScroll)\n\n        return () => {\n            window.removeEventListener('resize', checkScroll);\n        }\n    }, [checkScroll]);\n\n    function clickRight() {\n        scrollContainerRef.current?.scrollBy({ left: 100, behavior: 'auto' });\n        checkScroll();\n    }\n\n    function clickLeft() {\n        scrollContainerRef.current?.scrollBy({ left: -100, behavior: 'auto' });\n        checkScroll();\n    }\n\n    const filteredActions = React.useMemo(() => {\n        return actions.filter(action => !action.hidden);\n    }, [actions]);\n\n    return (\n        <section className={cn('col-span-full flex items-center gap-2 max-w-full rounded-lg bg-white p-2 shadow', className)}>\n            {back && (\n                <BackButton back={back} className=\"bg-primary-100 h-[60px] w-[60px] rounded\" />\n            )}\n\n            <div className={cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-primary-100 p-3 gap-4', innerClassName)}>\n                <button\n                    type=\"button\"\n                    disabled={!search}\n                    onClick={() => setSearchActive(true)}\n                    className={cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100 text-primary', {\n                        'hover:text-accent': search && !isSearchActive,\n                    }\n                )}>\n                    {search && <SearchBar search={search} active={isSearchActive} onActive={setSearchActive} placeholder={`Search ${title}...`} focusSearchShortcut={focusSearchShortcut} />}\n\n                    {!isSearchActive && <h1 className=\"text-base text-primary font-black\">{title}</h1>}\n                </button>\n\n                <div className=\"flex items-center ml-auto gap-2 h-full min-w-0 max-w-full\">\n                    {filterOptions.length > 0 && (\n                        <>\n                            <button onClick={handleClear} className=\"p-1.5 hover:text-red-500\"><HiXMark className=\"w-5 h-5 stroke-[1.25]\" /></button>\n\n                            {hasScroll && <HiChevronLeft onClick={clickLeft} className=\"w-5 h-5 text-gray-400 stroke-[1.25]\" />}\n                            <div ref={scrollContainerRef} className=\"flex items-center h-full w-full gap-3 overflow-x-scroll hide-scroll\">\n                                {filterOptions.map(filter => (\n                                    <FilterItem key={filter.name} filter={filter} />\n                                ))}\n                            </div>\n                            {hasScroll && <HiChevronRight onClick={clickRight} className=\"w-5 h-5 text-gray-400 stroke-[1.25]\" />}\n                        </>\n                    )}\n                </div>\n\n                {filteredActions.length > 0 && (\n                    <div className=\"flex items-center gap-3 bg-primary-100\">\n                        {filterOptions.length > 0 && <div className=\"w-[1px] h-full bg-gray-300\" />}\n                        <nav className=\"flex items-center gap-2\">\n                            {filteredActions.map((action) => (\n                                <Action key={`${action.title}-${action.as}-${action.href}`} {...action} />\n                            ))}\n                        </nav>\n                    </div>\n                )}\n                {actionChildren && (\n                    <div className=\"flex items-center gap-3 bg-gray-100\">\n                        {actionChildren}\n                    </div>\n                )}\n            </div>\n        </section>\n    );\n}\n\n// Subcomponents\nPageHeader.Action = ({ children }: {children: React.ReactNode}) => <div>{children}</div>;\n"],"names":["PageHeader","title","search","className","innerClassName","back","actions","filterOptions","focusSearchShortcut","children","isSearchActive","setSearchActive","React","scrollContainerRef","overScroll","setOverScroll","actionChildren","child","current","listener","activeDropdown","childrenContainer","pos","posChild","posContainer","mouseListener","e","scrollListener","handleClear","router","hasScroll","setHasScroll","checkScroll","clickRight","clickLeft","filteredActions","action","cn","jsx","BackButton","jsxs","SearchBar","Fragment","HiXMark","HiChevronLeft","filter","FilterItem","HiChevronRight","Action"],"mappings":"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"}
+{"version":3,"file":"sdk.es35.js","sources":["../src/components/filter/PageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { FilterOption, TPageHeaderAction } from '../../types';\nimport { BackButton } from './Back';\nimport SearchBar from './SearchBar';\nimport Action from './Action';\nimport { FilterItem } from './FilterItem';\nimport { HiChevronLeft, HiChevronRight, HiXMark } from 'react-icons/hi2';\nimport { router } from '@inertiajs/core';\n\ninterface Props {\n    title: string;\n    search?: string;\n    className?: string;\n    innerClassName?: string;\n    back?: boolean | string;\n    actions?: TPageHeaderAction[];\n    backText?: string;\n    filterOptions?: FilterOption[];\n    focusSearchShortcut?: boolean;\n    children?: React.ReactNode;\n}\n\nexport default function PageHeader({\n    title,\n    search,\n    className = '',\n    innerClassName = '',\n    back = true,\n    actions = [],\n    filterOptions = [],\n    focusSearchShortcut = false,\n    children\n}: Props) {\n    const [isSearchActive, setSearchActive] = React.useState<boolean>(false);\n    const scrollContainerRef = React.useRef<HTMLDivElement | null>(null);\n\n    const [overScroll, setOverScroll] = React.useState<boolean>(false);\n\n    const actionChildren: React.ReactNode[] = [];\n\n    // Categorize children based on their type\n    React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child)) {\n            if (child.type === PageHeader.Action) {\n                actionChildren.push(child);\n            }\n        }\n    });\n\n    React.useEffect(() => {\n        const current = scrollContainerRef.current;\n        if (!current) return;\n\n        const listener = function() {\n            const activeDropdown = current.querySelector('.active');\n            if (!activeDropdown) return;\n\n            const childrenContainer = activeDropdown.querySelector('.children');\n            if (!childrenContainer) return;\n\n            const pos = activeDropdown.getBoundingClientRect();\n\n            const posChild = childrenContainer.getBoundingClientRect();\n            const posContainer = current.getBoundingClientRect();\n\n            // if the dropdown content moves outside the scroll container to the left, make it disappear\n            if (posChild.left <= posContainer.left - 50) {\n                // @ts-ignore\n                childrenContainer.style.visibility = 'hidden';\n            } else if (posChild.left >= posContainer.right - 50) {\n                // @ts-ignore\n                childrenContainer.style.visibility = 'hidden';\n            } else {\n                // @ts-ignore\n                childrenContainer.style.visibility = 'visible';\n            }\n\n            // @ts-ignore\n            childrenContainer.style.left = `${pos.left}px`;\n        }\n\n        const mouseListener = function(e: MouseEvent) {\n            const pos = current.getBoundingClientRect();\n            if (e.clientX > pos.left && e.clientX < pos.right && e.clientY > pos.top && e.clientY < pos.bottom) {\n                setOverScroll(true);\n            } else {\n                setOverScroll(false);\n            }\n        };\n\n        current.addEventListener('scroll', listener);\n        document.addEventListener('mousemove', mouseListener)\n\n        return () => {\n            current.removeEventListener('scroll', listener);\n            document.removeEventListener('mousemove', mouseListener)\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const scrollListener = function(e: WheelEvent) {\n            if (overScroll) {\n                e.preventDefault();\n                scrollContainerRef.current?.scrollBy({ left: e.deltaY, behavior: 'auto' });\n            }\n        }\n\n        document.addEventListener('wheel', scrollListener, { passive: false });\n\n        return () => {\n            document.removeEventListener('wheel', scrollListener);\n        }\n    }, [overScroll])\n\n    function handleClear() {\n        window.location.href = window.location.pathname;\n    }\n\n    const [hasScroll, setHasScroll] = React.useState<boolean>(false);\n\n    const checkScroll = React.useCallback(() => {\n        const current = scrollContainerRef.current;\n        if (!current) return;\n\n        const pos = current.getBoundingClientRect();\n\n        setHasScroll(current.scrollWidth > (pos.width + 11));\n    }, [scrollContainerRef.current]);\n\n    React.useEffect(() => {\n        checkScroll();\n\n        window.addEventListener('resize', checkScroll)\n\n        return () => {\n            window.removeEventListener('resize', checkScroll);\n        }\n    }, [checkScroll]);\n\n    function clickRight() {\n        scrollContainerRef.current?.scrollBy({ left: 100, behavior: 'auto' });\n        checkScroll();\n    }\n\n    function clickLeft() {\n        scrollContainerRef.current?.scrollBy({ left: -100, behavior: 'auto' });\n        checkScroll();\n    }\n\n    const filteredActions = React.useMemo(() => {\n        return actions.filter(action => !action.hidden);\n    }, [actions]);\n\n    return (\n        <section className={cn('col-span-full flex items-center gap-2 max-w-full rounded-lg bg-white p-2 shadow', className)}>\n            {back && (\n                <BackButton back={back} className=\"bg-primary-100 h-[60px] w-[60px] rounded\" />\n            )}\n\n            <div className={cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-primary-100 p-3 gap-4', innerClassName)}>\n                <div\n                    onClick={() => setSearchActive(true)}\n                    className={cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100 text-primary', {\n                        'hover:text-accent': search && !isSearchActive,\n                        'pointer-events-none': !search,\n                        'hover:cursor-pointer': search,\n                    }\n                )}>\n                    {search && <SearchBar search={search} active={isSearchActive} onActive={setSearchActive} placeholder={`Search ${title}...`} focusSearchShortcut={focusSearchShortcut} />}\n\n                    {!isSearchActive && <h1 className=\"text-base text-primary font-black\">{title}</h1>}\n                </div>\n\n                <div className=\"flex items-center ml-auto gap-2 h-full min-w-0 max-w-full\">\n                    {filterOptions.length > 0 && (\n                        <>\n                            <button onClick={handleClear} className=\"p-1.5 hover:text-red-500\"><HiXMark className=\"w-5 h-5 stroke-[1.25]\" /></button>\n\n                            {hasScroll && <HiChevronLeft onClick={clickLeft} className=\"w-5 h-5 text-gray-400 stroke-[1.25]\" />}\n                            <div ref={scrollContainerRef} className=\"flex items-center h-full w-full gap-3 overflow-x-scroll hide-scroll\">\n                                {filterOptions.map(filter => (\n                                    <FilterItem key={filter.name} filter={filter} />\n                                ))}\n                            </div>\n                            {hasScroll && <HiChevronRight onClick={clickRight} className=\"w-5 h-5 text-gray-400 stroke-[1.25]\" />}\n                        </>\n                    )}\n                </div>\n\n                {filteredActions.length > 0 && (\n                    <div className=\"flex items-center gap-3 bg-primary-100\">\n                        {filterOptions.length > 0 && <div className=\"w-[1px] h-full bg-gray-300\" />}\n                        <nav className=\"flex items-center gap-2\">\n                            {filteredActions.map((action) => (\n                                <Action key={`${action.title}-${action.as}-${action.href}`} {...action} />\n                            ))}\n                        </nav>\n                    </div>\n                )}\n                {actionChildren && (\n                    <div className=\"flex items-center gap-3 bg-gray-100\">\n                        {actionChildren}\n                    </div>\n                )}\n            </div>\n        </section>\n    );\n}\n\n// Subcomponents\nPageHeader.Action = ({ children }: {children: React.ReactNode}) => <div>{children}</div>;\n"],"names":["PageHeader","title","search","className","innerClassName","back","actions","filterOptions","focusSearchShortcut","children","isSearchActive","setSearchActive","React","scrollContainerRef","overScroll","setOverScroll","actionChildren","child","current","listener","activeDropdown","childrenContainer","pos","posChild","posContainer","mouseListener","e","scrollListener","handleClear","hasScroll","setHasScroll","checkScroll","clickRight","clickLeft","filteredActions","action","cn","jsx","BackButton","jsxs","SearchBar","Fragment","HiXMark","HiChevronLeft","filter","FilterItem","HiChevronRight","Action"],"mappings":"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"}

package/dist/sdk.es39.js

@@ -1,6 +1,6 @@
-import n from "./sdk.es54.js";
-import m from "./sdk.es55.js";
-import { unsafeStringify as t } from "./sdk.es56.js";
+import n from "./sdk.es52.js";
+import m from "./sdk.es53.js";
+import { unsafeStringify as t } from "./sdk.es54.js";
 function x(r, e, a) {
   if (n.randomUUID && !r)
     return n.randomUUID();

package/dist/sdk.es43.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./sdk.es52.js";
+import { __exports as t } from "./sdk.es55.js";
 import R from "react";
 /**
  * @license React

package/dist/sdk.es44.js

@@ -1,4 +1,4 @@
-import { __exports as m } from "./sdk.es53.js";
+import { __exports as m } from "./sdk.es56.js";
 import ir from "react";
 /**
  * @license React

package/dist/sdk.es45.js

@@ -1,6 +1,8 @@
-import { __require as r } from "./sdk.es81.js";
-var a = r();
+import { getDefaultExportFromCjs as r } from "./sdk.es79.js";
+import { __require as s } from "./sdk.es80.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  a as l
+  t as default
 };
 //# sourceMappingURL=sdk.es45.js.map

package/dist/sdk.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es45.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"sdk.es45.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/sdk.es46.js

@@ -1,8 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./sdk.es82.js";
-import { __require as s } from "./sdk.es79.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { __require as r } from "./sdk.es81.js";
+var a = r();
 export {
-  t as default
+  a as l
 };
 //# sourceMappingURL=sdk.es46.js.map

package/dist/sdk.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es46.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"sdk.es46.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/sdk.es47.js

@@ -3,7 +3,7 @@ import { Link as c } from "@inertiajs/react";
 import i from "react";
 import { HiArrowLeft as a } from "./sdk.es51.js";
 import { usePage as l } from "./sdk.es40.js";
-import u from "./sdk.es46.js";
+import u from "./sdk.es45.js";
 function w({ back: e, className: s }) {
   const [f, m] = i.useState(typeof e == "string" ? e : void 0), { breadcrumbs: t } = l().props;
   return i.useEffect(() => {

package/dist/sdk.es50.js

@@ -1,185 +1,193 @@
-import { j as n } from "./sdk.es38.js";
-import { router as x } from "@inertiajs/react";
+import { j as s } from "./sdk.es38.js";
+import { router as g } from "@inertiajs/react";
 import m from "react";
-import C from "react-select";
-import { HiChevronDown as T } from "./sdk.es51.js";
-import k from "./sdk.es86.js";
-import D from "./sdk.es46.js";
-import g from "./sdk.es16.js";
+import T from "react-select";
+import { HiChevronDown as k } from "./sdk.es51.js";
+import D from "./sdk.es82.js";
+import E from "./sdk.es45.js";
+import y from "./sdk.es16.js";
 import "@headlessui/react";
 import "./sdk.es9.js";
-import p from "./sdk.es36.js";
+import i from "./sdk.es36.js";
 import F from "./sdk.es77.js";
-function B({ filter: e }) {
-  const [d, i] = m.useState(!1), [o, s] = m.useState([]), [y, r] = m.useState([]), w = o.length > 0;
+function H({ filter: e }) {
+  const [d, u] = m.useState(!1), [c, l] = m.useState([]), [w, p] = m.useState([]), f = c.length > 0;
   m.useEffect(() => {
     if (typeof window < "u") {
-      const t = new URLSearchParams(window.location.search);
+      const t = new URLSearchParams(window.location.search), a = [];
+      for (const [n, o] of t.entries()) {
+        const r = n.replaceAll(/\[\d+\]/g, "[]");
+        a.push([r, o]);
+      }
       if (e.type === "date") {
-        const a = t.get(`${e.name}[from]`), l = t.get(`${e.name}[to]`);
-        a && l && s([a, l]);
+        const n = a.find(([r]) => r === `${e.name}[from]`)?.[1], o = a.find(([r]) => r === `${e.name}[to]`)?.[1];
+        n && o && l([n, o]);
       } else if (e.type === "greaterThan") {
-        const a = t.getAll(`${e.name}-GTE`);
-        a.length > 0 && s(a);
+        const n = a.filter(([o]) => o === `${e.name}-GTE`).map(([o, r]) => r);
+        n.length > 0 && l(n);
       } else if (e.type === "scope") {
-        const a = t.getAll(`scope${e.name}`);
-        a.length > 0 && s(a);
+        const n = a.filter(([o]) => o === `scope${e.name}`).map(([o, r]) => r);
+        n.length > 0 && l(n);
       } else if (e.type === "select") {
-        const a = t.getAll(`${e.name}[]`);
-        if (a.length > 0) {
-          s(a);
-          const l = e.options && e.options.filter(
-            (c) => a.includes(c.value.toString())
+        const n = a.filter(([o]) => o === `${e.name}[]`).map(([o, r]) => r);
+        if (n.length > 0) {
+          l(n);
+          const o = e.options && e.options.filter(
+            (r) => n.includes(r.value.toString())
           );
-          l && l.length > 0 && r(l);
+          o && o.length > 0 && p(o);
         }
       } else {
-        const a = t.getAll(`${e.name}[]`);
-        a.length > 0 && s(a);
+        const n = a.filter(([o]) => o === `${e.name}[]`).map(([o, r]) => r);
+        n.length > 0 && l(n);
       }
     }
   }, [e]);
   function b(t) {
-    const { value: a, checked: l } = t.currentTarget;
-    s(l ? (c) => [...c, a] : o.filter((c) => c !== a));
+    const { value: a, checked: n } = t.currentTarget;
+    l(n ? (o) => [...o, a] : c.filter((o) => o !== a));
   }
-  function u(t) {
-    const { name: a, value: l } = t.currentTarget;
-    return a.includes("from") ? s([l]) : a.includes("to") ? o.length === 0 ? s([p(F(/* @__PURE__ */ new Date(), 1), "yyyy-MM-dd"), l]) : s([o[0], l]) : s([]);
+  function h(t) {
+    const { name: a, value: n } = t.currentTarget;
+    return a.includes("from") ? l([n]) : a.includes("to") ? c.length === 0 ? l([i(F(/* @__PURE__ */ new Date(), 1), "yyyy-MM-dd"), n]) : l([c[0], n]) : l([]);
   }
   const v = (t) => {
-    r(t);
-    const a = t.map((l) => l.value.toString());
-    a.length > 0 ? s(a) : s([]);
+    p(t);
+    const a = t.map((n) => n.value.toString());
+    a.length > 0 ? l(a) : l([]);
   };
   function j() {
     return null;
   }
-  function h(t) {
+  function x(t) {
     const { value: a } = t.currentTarget;
-    s(a ? [a] : []);
+    l(a ? [a] : []);
   }
-  function f(t) {
+  function $(t) {
     const { value: a } = t.currentTarget;
-    s(a ? [a] : []);
+    l(a ? [a] : []);
   }
-  function $(t) {
+  function N(t) {
     t.preventDefault();
     const a = new URLSearchParams(window.location.search);
     if (a.set("page", "1"), e.type === "date") {
-      const [l, c] = o;
-      a.set(`${e.name}[from]`, l ?? p(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), a.set(`${e.name}[to]`, c ?? p(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
-    } else e.type === "greaterThan" ? (a.delete(`${e.name}-GTE`), o.length > 0 && a.set(`${e.name}-GTE`, o[0])) : e.type === "scope" ? (a.delete(`${e.name}`), o.length > 0 && a.set(`scope${e.name}`, o[0])) : (a.delete(`${e.name}[]`), o.forEach((l) => {
-      a.append(`${e.name}[]`, l);
+      const [n, o] = c;
+      a.set(`${e.name}[from]`, n ?? i(/* @__PURE__ */ new Date(), "yyyy-MM-dd")), a.set(`${e.name}[to]`, o ?? i(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+    } else e.type === "greaterThan" ? (a.delete(`${e.name}-GTE`), c.length > 0 && a.set(`${e.name}-GTE`, c[0])) : e.type === "scope" ? (a.delete(`${e.name}`), c.length > 0 && a.set(`scope${e.name}`, c[0])) : (Array.from({ length: e.options?.length || 50 }).forEach((n, o) => {
+      a.delete(`${e.name}[${o}]`);
+    }), c.forEach((n) => {
+      a.append(`${e.name}[]`, n);
     }));
-    x.get(`${window.location.pathname}?${a.toString()}`);
+    g.get(`${window.location.pathname}?${a.toString()}`);
   }
-  function N() {
+  function S() {
     const t = new URLSearchParams(window.location.search);
-    t.set("page", "1"), e.type === "date" ? (t.delete(`${e.name}[from]`), t.delete(`${e.name}[to]`)) : e.type === "greaterThan" ? t.delete(`${e.name}-GTE`) : e.type === "scope" ? t.delete(`scope${e.name}`) : t.delete(`${e.name}[]`), s([]), r([]), x.get(`${window.location.pathname}?${t.toString()}`);
+    t.set("page", "1"), e.type === "date" ? (t.delete(`${e.name}[from]`), t.delete(`${e.name}[to]`)) : e.type === "greaterThan" ? t.delete(`${e.name}-GTE`) : e.type === "scope" ? t.delete(`scope${e.name}`) : c.forEach((a, n) => {
+      t.delete(`${e.name}[${n}]`);
+    }), l([]), p([]), g.get(`${window.location.pathname}?${t.toString()}`);
   }
-  function S(t) {
-    i(!d);
+  function C(t) {
+    u(!d);
   }
-  return /* @__PURE__ */ n.jsx(k, { onClose: () => i(!open), active: d, title: /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ s.jsx(D, { onClose: () => u(!open), active: d, title: /* @__PURE__ */ s.jsxs(
     "div",
     {
-      onClick: () => S(),
-      className: D(
+      onClick: () => C(),
+      className: E(
         "flex rounded-2xl border hover:cursor-pointer hover:border-accent bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-accent transition-colors",
         {
-          "!bg-accent border-accent": w
+          "!bg-accent border-accent": f
         }
       ),
       children: [
-        /* @__PURE__ */ n.jsx("p", { className: "whitespace-nowrap", children: e.label }),
-        /* @__PURE__ */ n.jsx(T, {})
+        /* @__PURE__ */ s.jsx("p", { className: "whitespace-nowrap", children: e.label }),
+        /* @__PURE__ */ s.jsx(k, {})
       ]
     }
-  ), children: /* @__PURE__ */ n.jsxs(
+  ), children: /* @__PURE__ */ s.jsxs(
     "form",
     {
       className: `mt-2 flex max-h-[350px] min-w-[200px] max-w-[260px] flex-col gap-2 rounded-md border border-gray-300 bg-white shadow-lg ${e.type && e.type === "select" ? "" : "overflow-y-scroll"}`,
-      onSubmit: $,
+      onSubmit: N,
       children: [
-        /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-start gap-1 p-4", children: [
-          (!e.type || e.type === "options") && e.options?.map((t, a) => /* @__PURE__ */ n.jsxs("div", { className: "checkbox text-sm ", children: [
-            /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-start gap-1 p-4", children: [
+          (!e.type || e.type === "options") && e.options?.map((t, a) => /* @__PURE__ */ s.jsxs("div", { className: "checkbox text-sm ", children: [
+            /* @__PURE__ */ s.jsx(
               "input",
               {
                 type: "checkbox",
                 name: e.name,
                 id: t.label,
                 value: t.value.toString(),
-                checked: o.includes(t.value.toString()),
+                checked: c.includes(t.value.toString()),
                 onChange: b
               }
             ),
-            /* @__PURE__ */ n.jsx("label", { className: "leading-tight", htmlFor: t.label, children: t.label })
+            /* @__PURE__ */ s.jsx("label", { className: "leading-tight", htmlFor: t.label, children: t.label })
           ] }, `${t.label}-${a}`)),
-          e.type === "greaterThan" && e.options && /* @__PURE__ */ n.jsxs("label", { className: "mb-2 w-full", children: [
-            /* @__PURE__ */ n.jsx("div", { className: "text-sm", children: "Greater than or equal to" }),
-            /* @__PURE__ */ n.jsxs(
+          e.type === "greaterThan" && e.options && /* @__PURE__ */ s.jsxs("label", { className: "mb-2 w-full", children: [
+            /* @__PURE__ */ s.jsx("div", { className: "text-sm", children: "Greater than or equal to" }),
+            /* @__PURE__ */ s.jsxs(
               "select",
               {
                 name: e.name,
                 id: e.label,
-                value: o[0],
-                onChange: h,
+                value: c[0],
+                onChange: x,
                 className: "!p-2 text-sm w-full",
                 children: [
-                  /* @__PURE__ */ n.jsx("option", { value: "", children: "Select option" }),
-                  e.options?.map((t) => /* @__PURE__ */ n.jsx("option", { value: t.value, children: t.label }, t.value))
+                  /* @__PURE__ */ s.jsx("option", { value: "", children: "Select option" }),
+                  e.options?.map((t) => /* @__PURE__ */ s.jsx("option", { value: t.value, children: t.label }, t.value))
                 ]
               }
             )
           ] }),
-          e.type === "scope" && e.options && /* @__PURE__ */ n.jsx("label", { className: "mb-2 w-full", children: /* @__PURE__ */ n.jsxs(
+          e.type === "scope" && e.options && /* @__PURE__ */ s.jsx("label", { className: "mb-2 w-full", children: /* @__PURE__ */ s.jsxs(
             "select",
             {
               name: e.name,
               id: e.label,
-              value: o[0],
-              onChange: h,
+              value: c[0],
+              onChange: x,
               className: "!p-2 text-sm w-full",
               children: [
-                /* @__PURE__ */ n.jsx("option", { value: "", children: "Select option" }),
-                e.options?.map((t) => /* @__PURE__ */ n.jsx("option", { value: t.value, children: t.label }, t.value))
+                /* @__PURE__ */ s.jsx("option", { value: "", children: "Select option" }),
+                e.options?.map((t) => /* @__PURE__ */ s.jsx("option", { value: t.value, children: t.label }, t.value))
               ]
             }
           ) }),
-          e.type === "date" && /* @__PURE__ */ n.jsxs("div", { className: "mb-2 flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ n.jsxs("label", { className: "text-xs w-full", children: [
+          e.type === "date" && /* @__PURE__ */ s.jsxs("div", { className: "mb-2 flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ s.jsxs("label", { className: "text-xs w-full", children: [
               "From",
-              /* @__PURE__ */ n.jsx(
+              /* @__PURE__ */ s.jsx(
                 "input",
                 {
                   type: "date",
                   name: `${e.name}[from]`,
                   id: `${e.name}[from]`,
-                  onChange: u,
-                  value: o[0] ?? "",
+                  onChange: h,
+                  value: c[0] ?? "",
                   className: "!p-2 text-sm w-full"
                 }
               )
             ] }),
-            /* @__PURE__ */ n.jsxs("label", { className: "text-xs w-full", children: [
+            /* @__PURE__ */ s.jsxs("label", { className: "text-xs w-full", children: [
               "To",
-              /* @__PURE__ */ n.jsx(
+              /* @__PURE__ */ s.jsx(
                 "input",
                 {
                   type: "date",
                   name: `${e.name}[to]`,
                   id: `${e.name}[to]`,
-                  onChange: u,
-                  value: o[1] ?? "",
+                  onChange: h,
+                  value: c[1] ?? "",
                   className: "!p-2 text-sm w-full"
                 }
               )
             ] })
           ] }),
-          e.type === "select" && e.options && /* @__PURE__ */ n.jsx("div", { className: "w-full", children: /* @__PURE__ */ n.jsx(
-            C,
+          e.type === "select" && e.options && /* @__PURE__ */ s.jsx("div", { className: "w-full", children: /* @__PURE__ */ s.jsx(
+            T,
             {
               isMulti: !0,
               options: e.options,
@@ -190,7 +198,7 @@ function B({ filter: e }) {
                 ClearIndicator: j
                 // Hide the ClearIndicator (X button) -> exits filter when clicked
               },
-              value: y,
+              value: w,
               theme: (t) => ({
                 ...t,
                 colors: {
@@ -201,27 +209,27 @@ function B({ filter: e }) {
               })
             }
           ) }),
-          e.type === "text" && /* @__PURE__ */ n.jsx("div", { className: "w-full", children: /* @__PURE__ */ n.jsx(
+          e.type === "text" && /* @__PURE__ */ s.jsx("div", { className: "w-full", children: /* @__PURE__ */ s.jsx(
             "input",
             {
               type: "text",
               name: e.name,
               placeholder: e.label,
-              value: o[0] ?? "",
-              onChange: f,
+              value: c[0] ?? "",
+              onChange: $,
               className: "!p-2 text-sm w-full"
             }
           ) })
         ] }),
-        /* @__PURE__ */ n.jsxs("div", { className: "bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky", children: [
-          /* @__PURE__ */ n.jsx(g, { type: "button", className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none", onClick: N, small: !0, children: "Clear" }),
-          /* @__PURE__ */ n.jsx(g, { type: "submit", status: "primary", className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none", small: !0, children: "Apply" })
+        /* @__PURE__ */ s.jsxs("div", { className: "bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky", children: [
+          /* @__PURE__ */ s.jsx(y, { type: "button", className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none", onClick: S, small: !0, children: "Clear" }),
+          /* @__PURE__ */ s.jsx(y, { type: "submit", status: "primary", className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none", small: !0, children: "Apply" })
         ] })
       ]
     }
   ) });
 }
 export {
-  B as FilterItem
+  H as FilterItem
 };
 //# sourceMappingURL=sdk.es50.js.map