@star-insure/sdk 6.0.13 → 6.0.15

package/dist/sdk.es34.js

@@ -1,27 +1,186 @@
-import { j as r } from "./sdk.es38.js";
+import { j as s } from "./sdk.es39.js";
+import t from "react";
+import d from "./sdk.es17.js";
 import "@inertiajs/react";
-import o from "./sdk.es17.js";
 import "@headlessui/react";
 import "./sdk.es9.js";
-import "react";
-function p({
-  heading: t = "There was an error with your submission.",
-  errors: s = {},
-  renderKeys: a = !1,
-  className: i = ""
-}) {
-  return Object.values(s).length === 0 ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : /* @__PURE__ */ r.jsx("aside", { className: `${i} col-span-full`, children: /* @__PURE__ */ r.jsxs(o, { className: "border border-red-500 !bg-red-50", children: [
-    /* @__PURE__ */ r.jsx("h2", { className: "font-black text-red-500 mb-2", children: t }),
-    /* @__PURE__ */ r.jsx("ul", { className: "space-y-2 list-disc ml-4", children: Object.entries(s).map(([e, l]) => /* @__PURE__ */ r.jsxs("li", { className: "font-bold text-red-500", children: [
-      a && /* @__PURE__ */ r.jsxs("strong", { children: [
-        e,
-        ": "
-      ] }),
-      l
-    ] }, e)) })
-  ] }) });
+import { useQuoteRequestForm as _ } from "./sdk.es10.js";
+import "./sdk.es11.js";
+import "./sdk.es12.js";
+function E({ populatePurchaseOptions: a = !1 }) {
+  const { form: l } = _(), [i, n] = t.useState([]), [u, m] = t.useState(!1);
+  function r() {
+    l?.setData((e) => ({
+      ...e,
+      first_name: "TEST",
+      last_name: "TEST",
+      email: "dev@sual.co.nz",
+      phone: "021 234 5678",
+      mobile: "021 234 5678",
+      dob: "1990-01-01",
+      licence: "Other",
+      licence_other: "Test",
+      club_id: 50,
+      club_membership_number: "12345",
+      street_address: {
+        address: "123 Street Name",
+        unit: "Level 1",
+        suburb: "Suburb",
+        city: "Auckland",
+        post_code: "1234"
+      },
+      promo_code: "TEST",
+      declaration: {
+        had_incident: !0,
+        incidents: [
+          {
+            description: "Lorem ipsum dolor sit amet.",
+            month: "January",
+            year: "2020"
+          }
+        ],
+        has_demerit_points: !0,
+        demerit_points: "1-24",
+        has_lost_licence: !0,
+        lost_licence_details: "Lorem ipsum dolor sit amet.",
+        was_refused_insurance: !0,
+        refused_insurance_details: "Lorem ipsum dolor sit amet.",
+        has_criminal_conviction: !0,
+        criminal_conviction_details: "Lorem ipsum dolor sit amet.",
+        has_vehicle_modifications: !0,
+        vehicle_modifications_details: "Lorem ipsum dolor sit amet.",
+        has_previous_insurer: !0,
+        previous_insurer_details: "AA",
+        previous_insurer_expires_at: "2020-01-01",
+        additional_details: "I am a robot, beep boop. Please ignore this submission."
+      },
+      vehicles: [
+        {
+          make: "Tesla",
+          model: "Cybertruck",
+          year: "2023",
+          registration: "ELMUSK",
+          vehicle_type: "car",
+          product: "star-enthusiast-prestige-everyday-plus",
+          value: 1e5,
+          is_heavy: !1,
+          usage: "Childrens car",
+          storage_location: "Carport",
+          has_financially_interested_party: !0,
+          financially_interested_party_detail: "MTA",
+          owned_duration: "Less than 12 months",
+          main_driver: "TEST TEST",
+          drivers: [
+            {
+              first_name: "X Æ",
+              last_name: "A-12",
+              dob: "2000-05-04",
+              licence: "Other",
+              licence_other: "None",
+              relationship: "Child",
+              key: "driver-test-key"
+            }
+          ],
+          key: "vehicle-test-key"
+        }
+      ],
+      purchase_options: a ? [
+        {
+          premium_type: "annual",
+          level_of_insurance_id: 12,
+          authorised_drivers: "TEST",
+          excess_details: "TEST",
+          terms: "TEST",
+          description: "This is a test purchase option",
+          premium: 1e5,
+          monthly_premium: 8500,
+          show_monthly: !0,
+          fsl: 100,
+          sort_order: 1,
+          enhancements: [
+            {
+              name: "Test enhancement",
+              premium: 2500,
+              disable_rounding: !1,
+              description: "Test enhancement",
+              auto_select: !0,
+              key: "enhancement-test-key-1"
+            },
+            {
+              name: "Test enhancement",
+              premium: 5e3,
+              disable_rounding: !1,
+              description: "Test enhancement",
+              auto_select: !1,
+              key: "enhancement-test-key-2"
+            }
+          ],
+          key: "purchase-option-test-key-annual"
+        },
+        {
+          premium_type: "total-due",
+          level_of_insurance_id: 13,
+          authorised_drivers: "TEST",
+          excess_details: "TEST",
+          terms: "TEST",
+          description: "This is a test purchase option",
+          premium: 1e5,
+          show_monthly: !1,
+          fsl: 100,
+          sort_order: 2,
+          enhancements: [
+            {
+              name: "Test enhancement",
+              premium: 2500,
+              disable_rounding: !1,
+              description: "Test enhancement",
+              auto_select: !0,
+              key: "enhancement-test-key-3"
+            },
+            {
+              name: "Test enhancement",
+              premium: 5e3,
+              disable_rounding: !1,
+              description: "Test enhancement",
+              auto_select: !1,
+              key: "enhancement-test-key-4"
+            }
+          ],
+          key: "purchase-option-test-key-total-due"
+        }
+      ] : []
+    }));
+  }
+  function o(e) {
+    if (e.key === "Escape")
+      return n([]);
+    n((c) => [...c, e.key]);
+  }
+  return t.useEffect(() => {
+    i.join("") === "debug" && r();
+  }, [i]), t.useEffect(() => {
+    if (typeof window < "u")
+      return (window.location.href.includes("dev") || window.location.href.includes("localhost") || window.location.href.includes("test") || window.location.href.includes("local")) && m(!0), window.addEventListener(
+        "keydown",
+        (e) => o(e)
+      ), () => {
+        window.removeEventListener(
+          "keydown",
+          (e) => o(e)
+        );
+      };
+  }, []), u ? /* @__PURE__ */ s.jsx(
+    d,
+    {
+      onClick: r,
+      type: "button",
+      status: "primary",
+      className: "fixed bottom-4 right-4",
+      children: "Populate data"
+    }
+  ) : /* @__PURE__ */ s.jsx(s.Fragment, {});
 }
 export {
-  p as default
+  E as default
 };
 //# sourceMappingURL=sdk.es34.js.map

package/dist/sdk.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es34.js","sources":["../src/components/forms/ErrorList.tsx"],"sourcesContent":["import React from 'react';\nimport { ErrorBag, Errors } from '@inertiajs/core';\nimport { Card } from '../common';\n\ninterface Props {\n  heading?: string;\n  errors?: Errors & ErrorBag;\n  renderKeys?: boolean;\n  className?: string;\n}\n\nexport default function ErrorList({\n  heading = 'There was an error with your submission.',\n  errors = {},\n  renderKeys = false,\n  className = '',\n}: Props) {\n  if (Object.values(errors).length === 0) {\n    return <></>;\n  }\n\n  return (\n    <aside className={`${className} col-span-full`}>\n      <Card className=\"border border-red-500 !bg-red-50\">\n        <h2 className=\"font-black text-red-500 mb-2\">{heading}</h2>\n        <ul className=\"space-y-2 list-disc ml-4\">\n          {Object.entries(errors).map(([field, message]) => (\n            <li className=\"font-bold text-red-500\" key={field}>\n              {renderKeys && <strong>{field}: </strong>}\n              {message}\n            </li>\n          ))}\n        </ul>\n      </Card>\n    </aside>\n  );\n}\n"],"names":["ErrorList","heading","errors","renderKeys","className","jsx","Fragment","jsxs","Card","field","message"],"mappings":";;;;;;AAWA,SAAwBA,EAAU;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS,CAAC;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,GAAU;AACR,SAAI,OAAO,OAAOF,CAAM,EAAE,WAAW,IAC1BG,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,IAITD,gBAAAA,EAAA,IAAC,WAAM,WAAW,GAAGD,CAAS,kBAC5B,UAAAG,gBAAAA,EAAA,KAACC,GAAK,EAAA,WAAU,oCACd,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,gCAAgC,UAAQJ,GAAA;AAAA,0BACrD,MAAG,EAAA,WAAU,4BACX,UAAA,OAAO,QAAQC,CAAM,EAAE,IAAI,CAAC,CAACO,GAAOC,CAAO,MACzCH,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAU,0BACX,UAAA;AAAA,MAAAJ,4BAAe,UAAQ,EAAA,UAAA;AAAA,QAAAM;AAAA,QAAM;AAAA,MAAA,GAAE;AAAA,MAC/BC;AAAA,IAAA,EAFyC,GAAAD,CAG5C,CACD,EACH,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"sdk.es34.js","sources":["../src/components/forms/FormTester.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../common';\nimport { useQuoteRequestForm } from '../../lib';\n\ninterface Props {\n  populatePurchaseOptions: boolean;\n}\n\nexport default function FormTester({ populatePurchaseOptions = false }: Props) {\n  const { form } = useQuoteRequestForm();\n  const [keys, setKeys] = React.useState<string[]>([]);\n  const [isDev, setDev] = React.useState<boolean>(false);\n\n  function handlePopulate() {\n    form?.setData(prevData => ({\n      ...prevData,\n      first_name: 'TEST',\n      last_name: 'TEST',\n      email: 'dev@sual.co.nz',\n      phone: '021 234 5678',\n      mobile: '021 234 5678',\n      dob: '1990-01-01',\n      licence: 'Other',\n      licence_other: 'Test',\n      club_id: 50,\n      club_membership_number: '12345',\n      street_address: {\n        address: '123 Street Name',\n        unit: 'Level 1',\n        suburb: 'Suburb',\n        city: 'Auckland',\n        post_code: '1234',\n      },\n      promo_code: 'TEST',\n      declaration: {\n        had_incident: true,\n        incidents: [\n          {\n            description: 'Lorem ipsum dolor sit amet.',\n            month: 'January',\n            year: '2020',\n          },\n        ],\n        has_demerit_points: true,\n        demerit_points: '1-24',\n        has_lost_licence: true,\n        lost_licence_details: 'Lorem ipsum dolor sit amet.',\n        was_refused_insurance: true,\n        refused_insurance_details: 'Lorem ipsum dolor sit amet.',\n        has_criminal_conviction: true,\n        criminal_conviction_details: 'Lorem ipsum dolor sit amet.',\n        has_vehicle_modifications: true,\n        vehicle_modifications_details: 'Lorem ipsum dolor sit amet.',\n        has_previous_insurer: true,\n        previous_insurer_details: 'AA',\n        previous_insurer_expires_at: '2020-01-01',\n        additional_details:\n          'I am a robot, beep boop. Please ignore this submission.',\n      },\n      vehicles: [\n        {\n          make: 'Tesla',\n          model: 'Cybertruck',\n          year: '2023',\n          registration: 'ELMUSK',\n          vehicle_type: 'car',\n          product: 'star-enthusiast-prestige-everyday-plus',\n          value: 100000,\n          is_heavy: false,\n          usage: 'Childrens car',\n          storage_location: 'Carport',\n          has_financially_interested_party: true,\n          financially_interested_party_detail: 'MTA',\n          owned_duration: 'Less than 12 months',\n          main_driver: 'TEST TEST',\n          drivers: [\n            {\n              first_name: 'X Æ',\n              last_name: 'A-12',\n              dob: '2000-05-04',\n              licence: 'Other',\n              licence_other: 'None',\n              relationship: 'Child',\n              key: 'driver-test-key',\n            },\n          ],\n          key: 'vehicle-test-key',\n        },\n      ],\n      purchase_options: populatePurchaseOptions\n        ? [\n            {\n              premium_type: 'annual',\n              level_of_insurance_id: 12,\n              authorised_drivers: 'TEST',\n              excess_details: 'TEST',\n              terms: 'TEST',\n              description: 'This is a test purchase option',\n              premium: 100000,\n              monthly_premium: 8500,\n              show_monthly: true,\n              fsl: 100,\n              sort_order: 1,\n              enhancements: [\n                {\n                  name: 'Test enhancement',\n                  premium: 2500,\n                  disable_rounding: false,\n                  description: 'Test enhancement',\n                  auto_select: true,\n                  key: 'enhancement-test-key-1',\n                },\n                {\n                  name: 'Test enhancement',\n                  premium: 5000,\n                  disable_rounding: false,\n                  description: 'Test enhancement',\n                  auto_select: false,\n                  key: 'enhancement-test-key-2',\n                },\n              ],\n              key: 'purchase-option-test-key-annual',\n            },\n            {\n              premium_type: 'total-due',\n              level_of_insurance_id: 13,\n              authorised_drivers: 'TEST',\n              excess_details: 'TEST',\n              terms: 'TEST',\n              description: 'This is a test purchase option',\n              premium: 100000,\n              show_monthly: false,\n              fsl: 100,\n              sort_order: 2,\n              enhancements: [\n                {\n                  name: 'Test enhancement',\n                  premium: 2500,\n                  disable_rounding: false,\n                  description: 'Test enhancement',\n                  auto_select: true,\n                  key: 'enhancement-test-key-3',\n                },\n                {\n                  name: 'Test enhancement',\n                  premium: 5000,\n                  disable_rounding: false,\n                  description: 'Test enhancement',\n                  auto_select: false,\n                  key: 'enhancement-test-key-4',\n                },\n              ],\n              key: 'purchase-option-test-key-total-due',\n            },\n          ]\n        : [],\n    }));\n  }\n\n  function handleKeydown(e: KeyboardEvent) {\n    if (e.key === 'Escape') {\n      return setKeys([]);\n    }\n\n    setKeys(prevKeys => [...prevKeys, e.key]);\n  }\n\n  React.useEffect(() => {\n    // Detect when the user has typed the word \"debug\"\n    if (keys.join('') === 'debug') {\n      handlePopulate();\n    }\n  }, [keys]);\n\n  React.useEffect(() => {\n    if (typeof window !== 'undefined') {\n      if (\n        window.location.href.includes('dev') ||\n        window.location.href.includes('localhost') ||\n        window.location.href.includes('test') ||\n        window.location.href.includes('local')\n      ) {\n        setDev(true);\n      }\n\n      window.addEventListener('keydown', (e: KeyboardEvent) =>\n        handleKeydown(e)\n      );\n\n      return () => {\n        window.removeEventListener('keydown', (e: KeyboardEvent) =>\n          handleKeydown(e)\n        );\n      };\n    }\n\n    return;\n  }, []);\n\n  if (isDev) {\n    return (\n      <Button\n        onClick={handlePopulate}\n        type=\"button\"\n        status=\"primary\"\n        className=\"fixed bottom-4 right-4\"\n      >\n        Populate data\n      </Button>\n    );\n  }\n\n  return <></>;\n}\n"],"names":["FormTester","populatePurchaseOptions","form","useQuoteRequestForm","keys","setKeys","React","isDev","setDev","handlePopulate","prevData","handleKeydown","prevKeys","jsx","Button","Fragment"],"mappings":"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"}

package/dist/sdk.es35.js

@@ -1,106 +1,27 @@
-import { j as t } from "./sdk.es38.js";
-import n from "react";
-import d from "./sdk.es45.js";
-import { BackButton as $ } from "./sdk.es46.js";
-import X from "./sdk.es47.js";
-import Y from "./sdk.es48.js";
-import { FilterItem as q } from "./sdk.es49.js";
-import { HiXMark as z, HiChevronLeft as D, HiChevronRight as F } from "./sdk.es50.js";
-function N({
-  title: a,
-  search: c,
-  className: E = "",
-  innerClassName: S = "",
-  back: m = !0,
-  actions: h = [],
-  filterOptions: u = [],
-  focusSearchShortcut: k = !1,
-  children: L
+import { j as r } from "./sdk.es39.js";
+import "@inertiajs/react";
+import o from "./sdk.es18.js";
+import "@headlessui/react";
+import "./sdk.es9.js";
+import "react";
+function p({
+  heading: t = "There was an error with your submission.",
+  errors: s = {},
+  renderKeys: a = !1,
+  className: i = ""
 }) {
-  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(() => {
-    const e = l.current;
-    if (!e) return;
-    const i = function() {
-      const s = e.querySelector(".active");
-      if (!s) return;
-      const r = s.querySelector(".children");
-      if (!r) return;
-      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 ? 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) {
-      v && (i.preventDefault(), l.current?.scrollBy({ left: i.deltaY, behavior: "auto" }));
-    };
-    return document.addEventListener("wheel", e, { passive: !1 }), () => {
-      document.removeEventListener("wheel", e);
-    };
-  }, [v]);
-  function B() {
-    window.location.href = window.location.pathname;
-  }
-  const [w, R] = n.useState(!1), o = n.useCallback(() => {
-    const e = l.current;
-    if (!e) return;
-    const i = e.getBoundingClientRect();
-    R(e.scrollWidth > i.width + 11);
-  }, [l.current]);
-  n.useEffect(() => (o(), window.addEventListener("resize", o), () => {
-    window.removeEventListener("resize", o);
-  }), [o]);
-  function A() {
-    l.current?.scrollBy({ left: 100, behavior: "auto" }), o();
-  }
-  function H() {
-    l.current?.scrollBy({ left: -100, behavior: "auto" }), o();
-  }
-  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" }),
-    /* @__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(
-        "div",
-        {
-          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": c && !f,
-              "pointer-events-none": !c,
-              "hover:cursor-pointer": c
-            }
-          ),
-          children: [
-            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]" }) }),
-        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)) }),
-        w && /* @__PURE__ */ t.jsx(F, { onClick: A, className: "w-5 h-5 text-gray-400 stroke-[1.25]" })
-      ] }) }),
-      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: y.map((e) => /* @__PURE__ */ t.jsx(Y, { ...e }, `${e.title}-${e.as}-${e.href}`)) })
+  return Object.values(s).length === 0 ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : /* @__PURE__ */ r.jsx("aside", { className: `${i} col-span-full`, children: /* @__PURE__ */ r.jsxs(o, { className: "border border-red-500 !bg-red-50", children: [
+    /* @__PURE__ */ r.jsx("h2", { className: "font-black text-red-500 mb-2", children: t }),
+    /* @__PURE__ */ r.jsx("ul", { className: "space-y-2 list-disc ml-4", children: Object.entries(s).map(([e, l]) => /* @__PURE__ */ r.jsxs("li", { className: "font-bold text-red-500", children: [
+      a && /* @__PURE__ */ r.jsxs("strong", { children: [
+        e,
+        ": "
       ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-3 bg-gray-100", children: g })
-    ] })
-  ] });
+      l
+    ] }, e)) })
+  ] }) });
 }
-N.Action = ({ children: a }) => /* @__PURE__ */ t.jsx("div", { children: a });
 export {
-  N as default
+  p as default
 };
 //# sourceMappingURL=sdk.es35.js.map

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        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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"}
+{"version":3,"file":"sdk.es35.js","sources":["../src/components/forms/ErrorList.tsx"],"sourcesContent":["import React from 'react';\nimport { ErrorBag, Errors } from '@inertiajs/core';\nimport { Card } from '../common';\n\ninterface Props {\n  heading?: string;\n  errors?: Errors & ErrorBag;\n  renderKeys?: boolean;\n  className?: string;\n}\n\nexport default function ErrorList({\n  heading = 'There was an error with your submission.',\n  errors = {},\n  renderKeys = false,\n  className = '',\n}: Props) {\n  if (Object.values(errors).length === 0) {\n    return <></>;\n  }\n\n  return (\n    <aside className={`${className} col-span-full`}>\n      <Card className=\"border border-red-500 !bg-red-50\">\n        <h2 className=\"font-black text-red-500 mb-2\">{heading}</h2>\n        <ul className=\"space-y-2 list-disc ml-4\">\n          {Object.entries(errors).map(([field, message]) => (\n            <li className=\"font-bold text-red-500\" key={field}>\n              {renderKeys && <strong>{field}: </strong>}\n              {message}\n            </li>\n          ))}\n        </ul>\n      </Card>\n    </aside>\n  );\n}\n"],"names":["ErrorList","heading","errors","renderKeys","className","jsx","Fragment","jsxs","Card","field","message"],"mappings":";;;;;;AAWA,SAAwBA,EAAU;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS,CAAC;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,GAAU;AACR,SAAI,OAAO,OAAOF,CAAM,EAAE,WAAW,IAC1BG,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,IAITD,gBAAAA,EAAA,IAAC,WAAM,WAAW,GAAGD,CAAS,kBAC5B,UAAAG,gBAAAA,EAAA,KAACC,GAAK,EAAA,WAAU,oCACd,UAAA;AAAA,IAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,gCAAgC,UAAQJ,GAAA;AAAA,0BACrD,MAAG,EAAA,WAAU,4BACX,UAAA,OAAO,QAAQC,CAAM,EAAE,IAAI,CAAC,CAACO,GAAOC,CAAO,MACzCH,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAU,0BACX,UAAA;AAAA,MAAAJ,4BAAe,UAAQ,EAAA,UAAA;AAAA,QAAAM;AAAA,QAAM;AAAA,MAAA,GAAE;AAAA,MAC/BC;AAAA,IAAA,EAFyC,GAAAD,CAG5C,CACD,EACH,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/sdk.es36.js

@@ -1,63 +1,106 @@
-import P from "./sdk.es60.js";
-import L from "./sdk.es61.js";
-import T from "./sdk.es56.js";
-import I from "./sdk.es62.js";
-import M from "./sdk.es63.js";
-import Y from "./sdk.es64.js";
-import { isProtectedWeekYearToken as j, throwProtectedError as $, isProtectedDayOfYearToken as q } from "./sdk.es65.js";
-import D from "./sdk.es55.js";
-import y from "./sdk.es57.js";
-import { getDefaultOptions as A } from "./sdk.es66.js";
-import Q from "./sdk.es67.js";
-var F = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, H = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, K = /^'([^]*?)'?$/, V = /''/g, Z = /[a-zA-Z]/;
-function ie(r, t, G) {
-  var f, d, u, c, m, p, s, v, g, w, h, k, O, _;
-  y(2, arguments);
-  var S = String(t), o = A(), a = (f = (d = void 0) !== null && d !== void 0 ? d : o.locale) !== null && f !== void 0 ? f : Q, E = D((u = (c = (m = (p = void 0) !== null && p !== void 0 ? p : void 0) !== null && m !== void 0 ? m : o.firstWeekContainsDate) !== null && c !== void 0 ? c : (s = o.locale) === null || s === void 0 || (v = s.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && u !== void 0 ? u : 1);
-  if (!(E >= 1 && E <= 7))
-    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var R = D((g = (w = (h = (k = void 0) !== null && k !== void 0 ? k : void 0) !== null && h !== void 0 ? h : o.weekStartsOn) !== null && w !== void 0 ? w : (O = o.locale) === null || O === void 0 || (_ = O.options) === null || _ === void 0 ? void 0 : _.weekStartsOn) !== null && g !== void 0 ? g : 0);
-  if (!(R >= 0 && R <= 6))
-    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  if (!a.localize)
-    throw new RangeError("locale must contain localize property");
-  if (!a.formatLong)
-    throw new RangeError("locale must contain formatLong property");
-  var i = T(r);
-  if (!P(i))
-    throw new RangeError("Invalid time value");
-  var C = Y(i), W = L(i, C), x = {
-    firstWeekContainsDate: E,
-    weekStartsOn: R,
-    locale: a,
-    _originalDate: i
-  }, z = S.match(H).map(function(e) {
-    var n = e[0];
-    if (n === "p" || n === "P") {
-      var l = M[n];
-      return l(e, a.formatLong);
-    }
-    return e;
-  }).join("").match(F).map(function(e) {
-    if (e === "''")
-      return "'";
-    var n = e[0];
-    if (n === "'")
-      return B(e);
-    var l = I[n];
-    if (l)
-      return j(e) && $(e, t, String(r)), q(e) && $(e, t, String(r)), l(W, e, a.localize, x);
-    if (n.match(Z))
-      throw new RangeError("Format string contains an unescaped latin alphabet character `" + n + "`");
-    return e;
-  }).join("");
-  return z;
-}
-function B(r) {
-  var t = r.match(K);
-  return t ? t[1].replace(V, "'") : r;
+import { j as t } from "./sdk.es39.js";
+import n from "react";
+import d from "./sdk.es70.js";
+import { BackButton as $ } from "./sdk.es72.js";
+import X from "./sdk.es73.js";
+import Y from "./sdk.es74.js";
+import { FilterItem as q } from "./sdk.es75.js";
+import { HiXMark as z, HiChevronLeft as D, HiChevronRight as F } from "./sdk.es76.js";
+function N({
+  title: a,
+  search: c,
+  className: E = "",
+  innerClassName: S = "",
+  back: m = !0,
+  actions: h = [],
+  filterOptions: u = [],
+  focusSearchShortcut: k = !1,
+  children: L
+}) {
+  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(() => {
+    const e = l.current;
+    if (!e) return;
+    const i = function() {
+      const s = e.querySelector(".active");
+      if (!s) return;
+      const r = s.querySelector(".children");
+      if (!r) return;
+      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 ? 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) {
+      v && (i.preventDefault(), l.current?.scrollBy({ left: i.deltaY, behavior: "auto" }));
+    };
+    return document.addEventListener("wheel", e, { passive: !1 }), () => {
+      document.removeEventListener("wheel", e);
+    };
+  }, [v]);
+  function B() {
+    window.location.href = window.location.pathname;
+  }
+  const [w, R] = n.useState(!1), o = n.useCallback(() => {
+    const e = l.current;
+    if (!e) return;
+    const i = e.getBoundingClientRect();
+    R(e.scrollWidth > i.width + 11);
+  }, [l.current]);
+  n.useEffect(() => (o(), window.addEventListener("resize", o), () => {
+    window.removeEventListener("resize", o);
+  }), [o]);
+  function A() {
+    l.current?.scrollBy({ left: 100, behavior: "auto" }), o();
+  }
+  function H() {
+    l.current?.scrollBy({ left: -100, behavior: "auto" }), o();
+  }
+  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" }),
+    /* @__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(
+        "div",
+        {
+          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": c && !f,
+              "pointer-events-none": !c,
+              "hover:cursor-pointer": c
+            }
+          ),
+          children: [
+            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]" }) }),
+        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)) }),
+        w && /* @__PURE__ */ t.jsx(F, { onClick: A, className: "w-5 h-5 text-gray-400 stroke-[1.25]" })
+      ] }) }),
+      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: 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: a }) => /* @__PURE__ */ t.jsx("div", { children: a });
 export {
-  ie as default
+  N as default
 };
 //# sourceMappingURL=sdk.es36.js.map