@star-insure/sdk 6.0.14 → 6.0.15

package/dist/sdk.es29.js

@@ -1,11 +1,50 @@
-import { j as a } from "./sdk.es38.js";
-import g from "./sdk.es48.js";
-function c({ children: o, className: r = "", onClick: t = () => {
-}, ...e }) {
-  const n = r.includes("bg") ? "" : "bg-white even:bg-gray-50";
-  return /* @__PURE__ */ a.jsx("tr", { ...e, className: g(r, n, "hover:bg-gray-100"), onClick: (s) => t(s), children: o });
+import { j as e } from "./sdk.es39.js";
+import o from "react";
+import { Link as x } from "@inertiajs/react";
+import u from "./sdk.es70.js";
+function g({
+  children: i,
+  className: c = "",
+  sort: s,
+  textAlign: r = "left",
+  condensed: a,
+  ...l
+}) {
+  const [f, d] = o.useState("");
+  o.useEffect(() => {
+    if (typeof window < "u" && s) {
+      const t = new URLSearchParams(window.location.search);
+      let n = "asc";
+      t.get("sort") && (n = t.get("sort")?.includes("asc") ? "desc" : "asc"), t.set("sort", `${s} ${n}`), d(`?${t.toString()}`);
+    }
+  }, []);
+  const m = r === "center" && "text-center justify-center" || r === "right" && "text-right justify-end" || "text-left justify-between";
+  return /* @__PURE__ */ e.jsx("th", { ...l, className: u(c, "py-3.5 px-3 text-sm font-semibold text-left", {
+    "w-0 whitespace-nowrap": a
+  }), children: /* @__PURE__ */ e.jsxs("div", { className: `flex items-center gap-3 ${m}`, children: [
+    i,
+    s && /* @__PURE__ */ e.jsx(x, { href: f, children: /* @__PURE__ */ e.jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: "h-5 w-5",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
+          }
+        )
+      }
+    ) })
+  ] }) });
 }
 export {
-  c as default
+  g as default
 };
 //# sourceMappingURL=sdk.es29.js.map

package/dist/sdk.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es29.js","sources":["../src/components/tables/TableRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\ninterface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (e?: React.SyntheticEvent) => void;\n}\n\nexport default function TableRow({ children, className = '', onClick = () => {}, ...props }: Props) {\n    const bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50'\n\n    return (\n        <tr {...props} className={cn(className, bgClass, 'hover:bg-gray-100')} onClick={(e) => onClick(e)}>\n            {children}\n        </tr>\n    )\n}\n"],"names":["TableRow","children","className","onClick","props","bgClass","cn","e"],"mappings":";;AASA,SAAwBA,EAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAAgB;AAChG,QAAMC,IAAUH,EAAU,SAAS,IAAI,IAAI,KAAK;AAEhD,+BACK,MAAI,EAAA,GAAGE,GAAO,WAAWE,EAAGJ,GAAWG,GAAS,mBAAmB,GAAG,SAAS,CAACE,MAAMJ,EAAQI,CAAC,GAC3F,UAAAN,GACL;AAER;"}
+{"version":3,"file":"sdk.es29.js","sources":["../src/components/tables/TableHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Link } from '@inertiajs/react';\nimport cn from 'classnames';\n\ninterface Props extends React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> {\n  children: React.ReactNode;\n  className?: string;\n  textAlign?: 'left' | 'right' | 'center';\n  sort?: string;\n  condensed?: true;\n}\n\nexport default function TableHeader({\n  children,\n  className = '',\n  sort,\n  textAlign = 'left',\n  condensed,\n  ...props\n}: Props) {\n  const [sortLink, setSortLink] = React.useState<string>('');\n\n  React.useEffect(() => {\n    if (typeof window !== 'undefined' && sort) {\n      const query = new URLSearchParams(window.location.search);\n\n      let direction: 'asc' | 'desc' = 'asc';\n\n      if (query.get('sort')) {\n        // Choose the opposite direction for sorting\n        direction = query.get('sort')?.includes('asc') ? 'desc' : 'asc';\n      }\n\n      query.set('sort', `${sort} ${direction}`);\n\n      setSortLink(`?${query.toString()}`);\n    }\n  }, []);\n\n  const textAlignClass =\n    (textAlign === 'center' && 'text-center justify-center') ||\n    (textAlign === 'right' && 'text-right justify-end') ||\n    'text-left justify-between';\n\n  return (\n    <th {...props} className={cn(className, 'py-3.5 px-3 text-sm font-semibold text-left', {\n      'w-0 whitespace-nowrap': condensed,\n    })}>\n      <div className={`flex items-center gap-3 ${textAlignClass}`}>\n        {children}\n        {sort && (\n          <Link href={sortLink}>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"h-5 w-5\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                d=\"M8 9l4-4 4 4m0 6l-4 4-4-4\"\n              />\n            </svg>\n          </Link>\n        )}\n      </div>\n    </th>\n  );\n}\n"],"names":["TableHeader","children","className","sort","textAlign","condensed","props","sortLink","setSortLink","React","query","direction","textAlignClass","cn","jsxs","jsx","Link"],"mappings":";;;;AAYA,SAAwBA,EAAY;AAAA,EAClC,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAU;AACR,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAAiB,EAAE;AAEzDA,EAAAA,EAAM,UAAU,MAAM;AAChB,QAAA,OAAO,SAAW,OAAeN,GAAM;AACzC,YAAMO,IAAQ,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAExD,UAAIC,IAA4B;AAE5B,MAAAD,EAAM,IAAI,MAAM,MAElBC,IAAYD,EAAM,IAAI,MAAM,GAAG,SAAS,KAAK,IAAI,SAAS,QAG5DA,EAAM,IAAI,QAAQ,GAAGP,CAAI,IAAIQ,CAAS,EAAE,GAExCH,EAAY,IAAIE,EAAM,SAAS,CAAC,EAAE;AAAA,IAAA;AAAA,EAEtC,GAAG,EAAE;AAEL,QAAME,IACHR,MAAc,YAAY,gCAC1BA,MAAc,WAAW,4BAC1B;AAEF,+BACG,MAAI,EAAA,GAAGE,GAAO,WAAWO,EAAGX,GAAW,+CAA+C;AAAA,IACrF,yBAAyBG;AAAA,EAAA,CAC1B,GACC,UAAAS,gBAAAA,EAAA,KAAC,SAAI,WAAW,2BAA2BF,CAAc,IACtD,UAAA;AAAA,IAAAX;AAAA,IACAE,KACCY,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMT,GACV,UAAAQ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,aAAY;AAAA,QAEZ,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,gBAAe;AAAA,YACf,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,EAEJ,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}

package/dist/sdk.es30.js

@@ -1,107 +1,11 @@
-import { j as r } from "./sdk.es38.js";
-import "@inertiajs/react";
-import "react";
-import "./sdk.es9.js";
-import "./sdk.es10.js";
-import "./sdk.es11.js";
-import { calculateAge as D } from "./sdk.es13.js";
-import { l as y } from "./sdk.es47.js";
-function E({
-  name: s = "dob",
-  id: c = "dob",
-  onChange: x,
-  value: t,
-  maxYear: h = 0,
-  showAge: g = !1,
-  isRequired: a = !0
-}) {
-  const f = [...Array.from(Array(31).keys())].map((e) => y.padStart(`${e + 1}`, 2, "0")), b = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ], j = [...Array.from(Array(12).keys())].map((e) => ({
-    title: b[e],
-    value: y.padStart(`${e + 1}`, 2, "0")
-  })), $ = [...Array.from(Array(100).keys())].map((e) => h ? h - e : (/* @__PURE__ */ new Date()).getFullYear() - e);
-  function i(e) {
-    const { name: d, value: u } = e.currentTarget;
-    let A = d.includes("year") ? u : l, N = d.includes("month") ? u : n, w = d.includes("day") ? u : o;
-    x(`${A}-${N}-${w}`);
-  }
-  const [l, n, o] = t ? t.split("-") : ["", "", ""], v = l && n && o && !isNaN(Date.parse(`${l}-${n}-${o}`)), m = {
-    backgroundPosition: "top 10px right 3px, center right 10px"
-  }, p = {
-    backgroundPosition: "right 0.5rem center",
-    paddingRight: "1.5rem"
-  };
-  return /* @__PURE__ */ r.jsxs("span", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ r.jsxs("span", { className: "flex w-full border border-gray-300 rounded-lg bg-white", children: [
-      /* @__PURE__ */ r.jsxs(
-        "select",
-        {
-          name: `${s}_day`,
-          id: `${c}_day`,
-          value: o,
-          className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
-          onChange: i,
-          required: a,
-          style: a ? m : p,
-          children: [
-            /* @__PURE__ */ r.jsx("option", { value: "", children: "Day" }),
-            f.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e }, e))
-          ]
-        }
-      ),
-      /* @__PURE__ */ r.jsxs(
-        "select",
-        {
-          name: `${s}_month`,
-          id: `${c}_month`,
-          value: n,
-          className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
-          onChange: i,
-          required: a,
-          style: a ? m : p,
-          children: [
-            /* @__PURE__ */ r.jsx("option", { value: "", children: "Month" }),
-            j.map((e) => /* @__PURE__ */ r.jsx("option", { value: e.value, children: e.title }, e.value))
-          ]
-        }
-      ),
-      /* @__PURE__ */ r.jsxs(
-        "select",
-        {
-          name: `${s}_year`,
-          id: `${c}_year`,
-          value: l,
-          className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
-          onChange: i,
-          required: a,
-          style: a ? m : p,
-          children: [
-            /* @__PURE__ */ r.jsx("option", { value: "", children: "Year" }),
-            $.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e }, e))
-          ]
-        }
-      )
-    ] }),
-    g && t && v && /* @__PURE__ */ r.jsxs("span", { className: "font-bold", children: [
-      "Age: ",
-      D(t),
-      " years"
-    ] })
-  ] });
+import { j as a } from "./sdk.es39.js";
+import g from "./sdk.es70.js";
+function c({ children: o, className: r = "", onClick: t = () => {
+}, ...e }) {
+  const n = r.includes("bg") ? "" : "bg-white even:bg-gray-50";
+  return /* @__PURE__ */ a.jsx("tr", { ...e, className: g(r, n, "hover:bg-gray-100"), onClick: (s) => t(s), children: o });
 }
 export {
-  E as default
+  c as default
 };
 //# sourceMappingURL=sdk.es30.js.map

package/dist/sdk.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es30.js","sources":["../src/components/forms/DateOfBirthField.tsx"],"sourcesContent":["import React from 'react';\nimport { calculateAge } from '../../lib';\nimport { padStart } from 'lodash';\n\ninterface Props {\n  name?: string;\n  id?: string;\n  onChange: (dateString: string) => void;\n  value?: string;\n  maxYear?: number;\n  showAge?: boolean;\n  isRequired?: boolean;\n}\n\nexport default function DateOfBirthField({\n  name = 'dob',\n  id = 'dob',\n  onChange,\n  value,\n  maxYear = 0,\n  showAge = false,\n  isRequired = true\n}: Props) {\n  const dayOptions = [...Array.from(Array(31).keys())].map(value => {\n    return padStart(`${value + 1}`, 2, '0');\n  });\n\n  const months = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ];\n  const monthOptions = [...Array.from(Array(12).keys())].map(value => {\n    return {\n      title: months[value],\n      value: padStart(`${value + 1}`, 2, '0'),\n    };\n  });\n\n  // Create 100 years of options, subtracting the maximum year if provided\n  const yearOptions = [...Array.from(Array(100).keys())].map(value => {\n    return maxYear ? maxYear - value : new Date().getFullYear() - value;\n  });\n\n  function handleChange(\n    e: React.ChangeEvent<\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n    >\n  ) {\n    const { name, value } = e.currentTarget;\n\n    let y = name.includes('year') ? value : year;\n    let m = name.includes('month') ? value : month;\n    let d = name.includes('day') ? value : day;\n\n    onChange(`${y}-${m}-${d}`);\n  }\n\n  const [year, month, day] = value ? value.split('-') : ['', '', ''];\n  const isValidDate =\n    year && month && day && !isNaN(Date.parse(`${year}-${month}-${day}`));\n\n  const styleReq = {\n    backgroundPosition: 'top 10px right 3px, center right 10px',\n  }\n\n  const style = {\n    backgroundPosition: 'right 0.5rem center',\n    paddingRight: '1.5rem'\n  }\n\n  return (\n    <span className=\"flex flex-col gap-2\">\n      <span className=\"flex w-full border border-gray-300 rounded-lg bg-white\">\n        <select\n          name={`${name}_day`}\n          id={`${id}_day`}\n          value={day}\n          className=\"flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2\"\n          onChange={handleChange}\n          required={isRequired}\n          style={isRequired ? styleReq : style}\n        >\n          <option value=\"\">Day</option>\n          {dayOptions.map(option => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n        <select\n          name={`${name}_month`}\n          id={`${id}_month`}\n          value={month}\n          className=\"flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2\"\n          onChange={handleChange}\n          required={isRequired}\n          style={isRequired ? styleReq : style}\n        >\n          <option value=\"\">Month</option>\n          {monthOptions.map(option => (\n            <option key={option.value} value={option.value}>\n              {option.title}\n            </option>\n          ))}\n        </select>\n        <select\n          name={`${name}_year`}\n          id={`${id}_year`}\n          value={year}\n          className=\"flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2\"\n          onChange={handleChange}\n          required={isRequired}\n          style={isRequired ? styleReq : style}\n        >\n          <option value=\"\">Year</option>\n          {yearOptions.map(option => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </span>\n      {showAge && value && isValidDate && (\n        <span className=\"font-bold\">Age: {calculateAge(value)} years</span>\n      )}\n    </span>\n  );\n}\n"],"names":["DateOfBirthField","name","id","onChange","value","maxYear","showAge","isRequired","dayOptions","padStart","months","monthOptions","yearOptions","handleChange","y","year","m","month","d","day","isValidDate","styleReq","style","jsxs","jsx","option","calculateAge"],"mappings":"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"}
+{"version":3,"file":"sdk.es30.js","sources":["../src/components/tables/TableRow.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\ninterface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {\n    children: React.ReactNode;\n    className?: string;\n    onClick?: (e?: React.SyntheticEvent) => void;\n}\n\nexport default function TableRow({ children, className = '', onClick = () => {}, ...props }: Props) {\n    const bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50'\n\n    return (\n        <tr {...props} className={cn(className, bgClass, 'hover:bg-gray-100')} onClick={(e) => onClick(e)}>\n            {children}\n        </tr>\n    )\n}\n"],"names":["TableRow","children","className","onClick","props","bgClass","cn","e"],"mappings":";;AASA,SAAwBA,EAAS,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAAgB;AAChG,QAAMC,IAAUH,EAAU,SAAS,IAAI,IAAI,KAAK;AAEhD,+BACK,MAAI,EAAA,GAAGE,GAAO,WAAWE,EAAGJ,GAAWG,GAAS,mBAAmB,GAAG,SAAS,CAACE,MAAMJ,EAAQI,CAAC,GAC3F,UAAAN,GACL;AAER;"}

package/dist/sdk.es31.js

@@ -1,33 +1,108 @@
-import { j as e } from "./sdk.es38.js";
-import { formatMoney as f, formatNumber as p } from "./sdk.es3.js";
+import { j as r } from "./sdk.es39.js";
 import "@inertiajs/react";
 import "react";
 import "./sdk.es9.js";
 import "./sdk.es10.js";
 import "./sdk.es11.js";
-function b({ value: o = 0, onChange: t, name: i = "value", id: a = "value", className: s = "", required: u = !1 }) {
-  function l(r) {
-    let n = 0;
-    r.currentTarget.value && (n = p(r.currentTarget.value), isNaN(n) && (n = 0)), t(n);
+import "./sdk.es12.js";
+import { calculateAge as D } from "./sdk.es14.js";
+import { l as y } from "./sdk.es71.js";
+function P({
+  name: s = "dob",
+  id: c = "dob",
+  onChange: x,
+  value: t,
+  maxYear: h = 0,
+  showAge: g = !1,
+  isRequired: a = !0
+}) {
+  const f = [...Array.from(Array(31).keys())].map((e) => y.padStart(`${e + 1}`, 2, "0")), b = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ], j = [...Array.from(Array(12).keys())].map((e) => ({
+    title: b[e],
+    value: y.padStart(`${e + 1}`, 2, "0")
+  })), $ = [...Array.from(Array(100).keys())].map((e) => h ? h - e : (/* @__PURE__ */ new Date()).getFullYear() - e);
+  function i(e) {
+    const { name: d, value: u } = e.currentTarget;
+    let A = d.includes("year") ? u : l, N = d.includes("month") ? u : n, w = d.includes("day") ? u : o;
+    x(`${A}-${N}-${w}`);
   }
-  const c = f(o, 0);
-  return /* @__PURE__ */ e.jsxs("div", { className: `${s} flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-accent focus-within:outline-none focus-within:ring focus-within:ring-accent focus-within:ring-opacity-50`, children: [
-    /* @__PURE__ */ e.jsx("span", { className: "font-bold pr-2", children: "$" }),
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        type: "text",
-        name: i,
-        id: a,
-        value: c,
-        onChange: l,
-        className: "w-full !focus:outline-none !focus:ring-0 !focus:ring-transparent !focus:ring-opacity-0 !ring-0 !border-0 !transition-none !rounded-l-none",
-        required: u
-      }
-    )
+  const [l, n, o] = t ? t.split("-") : ["", "", ""], v = l && n && o && !isNaN(Date.parse(`${l}-${n}-${o}`)), m = {
+    backgroundPosition: "top 10px right 3px, center right 10px"
+  }, p = {
+    backgroundPosition: "right 0.5rem center",
+    paddingRight: "1.5rem"
+  };
+  return /* @__PURE__ */ r.jsxs("span", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ r.jsxs("span", { className: "flex w-full border border-gray-300 rounded-lg bg-white", children: [
+      /* @__PURE__ */ r.jsxs(
+        "select",
+        {
+          name: `${s}_day`,
+          id: `${c}_day`,
+          value: o,
+          className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
+          onChange: i,
+          required: a,
+          style: a ? m : p,
+          children: [
+            /* @__PURE__ */ r.jsx("option", { value: "", children: "Day" }),
+            f.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e }, e))
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        "select",
+        {
+          name: `${s}_month`,
+          id: `${c}_month`,
+          value: n,
+          className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
+          onChange: i,
+          required: a,
+          style: a ? m : p,
+          children: [
+            /* @__PURE__ */ r.jsx("option", { value: "", children: "Month" }),
+            j.map((e) => /* @__PURE__ */ r.jsx("option", { value: e.value, children: e.title }, e.value))
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        "select",
+        {
+          name: `${s}_year`,
+          id: `${c}_year`,
+          value: l,
+          className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
+          onChange: i,
+          required: a,
+          style: a ? m : p,
+          children: [
+            /* @__PURE__ */ r.jsx("option", { value: "", children: "Year" }),
+            $.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e }, e))
+          ]
+        }
+      )
+    ] }),
+    g && t && v && /* @__PURE__ */ r.jsxs("span", { className: "font-bold", children: [
+      "Age: ",
+      D(t),
+      " years"
+    ] })
   ] });
 }
 export {
-  b as default
+  P as default
 };
 //# sourceMappingURL=sdk.es31.js.map

package/dist/sdk.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es31.js","sources":["../src/components/forms/MoneyField.tsx"],"sourcesContent":["import React from 'react';\nimport { formatMoney, formatNumber } from \"../../lib\";\n\ninterface Props {\n    value?: number;\n    onChange: (value: number) => void;\n    id?: string;\n    name?: string;\n    className?: string;\n    required?: boolean;\n}\n\nexport default function MoneyField({ value = 0, onChange, name = 'value', id = 'value', className = '', required = false }: Props) {\n    function handleChange(e: React.SyntheticEvent<HTMLInputElement>) {\n        let newValue: number = 0;\n\n        if (e.currentTarget.value) {\n            newValue = formatNumber(e.currentTarget.value);\n\n            if (isNaN(newValue)) {\n                newValue = 0;\n            }\n        }\n\n        onChange(newValue);\n    }\n\n    const displayValue = formatMoney(value, 0);\n\n    return (\n        <div className={`${className} flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-accent focus-within:outline-none focus-within:ring focus-within:ring-accent focus-within:ring-opacity-50`}>\n            <span className=\"font-bold pr-2\">$</span>\n            <input\n                type=\"text\"\n                name={name}\n                id={id}\n                value={displayValue}\n                onChange={handleChange}\n                className=\"w-full !focus:outline-none !focus:ring-0 !focus:ring-transparent !focus:ring-opacity-0 !ring-0 !border-0 !transition-none !rounded-l-none\"\n                required={required}\n            />\n        </div>\n    );\n\n}\n"],"names":["MoneyField","value","onChange","name","id","className","required","handleChange","e","newValue","formatNumber","displayValue","formatMoney","jsxs","jsx"],"mappings":";;;;;;;AAYA,SAAwBA,EAAW,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,MAAAC,IAAO,SAAS,IAAAC,IAAK,SAAS,WAAAC,IAAY,IAAI,UAAAC,IAAW,MAAgB;AAC/H,WAASC,EAAaC,GAA2C;AAC7D,QAAIC,IAAmB;AAEnB,IAAAD,EAAE,cAAc,UACLC,IAAAC,EAAaF,EAAE,cAAc,KAAK,GAEzC,MAAMC,CAAQ,MACHA,IAAA,KAInBP,EAASO,CAAQ;AAAA,EAAA;AAGf,QAAAE,IAAeC,EAAYX,GAAO,CAAC;AAEzC,SACKY,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,GAAGR,CAAS,+MACxB,UAAA;AAAA,IAACS,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,kBAAiB,UAAC,KAAA;AAAA,IAClCA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,MAAAX;AAAA,QACA,IAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUJ;AAAA,QACV,WAAU;AAAA,QACV,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAGR;"}
+{"version":3,"file":"sdk.es31.js","sources":["../src/components/forms/DateOfBirthField.tsx"],"sourcesContent":["import React from 'react';\nimport { calculateAge } from '../../lib';\nimport { padStart } from 'lodash';\n\ninterface Props {\n  name?: string;\n  id?: string;\n  onChange: (dateString: string) => void;\n  value?: string;\n  maxYear?: number;\n  showAge?: boolean;\n  isRequired?: boolean;\n}\n\nexport default function DateOfBirthField({\n  name = 'dob',\n  id = 'dob',\n  onChange,\n  value,\n  maxYear = 0,\n  showAge = false,\n  isRequired = true\n}: Props) {\n  const dayOptions = [...Array.from(Array(31).keys())].map(value => {\n    return padStart(`${value + 1}`, 2, '0');\n  });\n\n  const months = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ];\n  const monthOptions = [...Array.from(Array(12).keys())].map(value => {\n    return {\n      title: months[value],\n      value: padStart(`${value + 1}`, 2, '0'),\n    };\n  });\n\n  // Create 100 years of options, subtracting the maximum year if provided\n  const yearOptions = [...Array.from(Array(100).keys())].map(value => {\n    return maxYear ? maxYear - value : new Date().getFullYear() - value;\n  });\n\n  function handleChange(\n    e: React.ChangeEvent<\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n    >\n  ) {\n    const { name, value } = e.currentTarget;\n\n    let y = name.includes('year') ? value : year;\n    let m = name.includes('month') ? value : month;\n    let d = name.includes('day') ? value : day;\n\n    onChange(`${y}-${m}-${d}`);\n  }\n\n  const [year, month, day] = value ? value.split('-') : ['', '', ''];\n  const isValidDate =\n    year && month && day && !isNaN(Date.parse(`${year}-${month}-${day}`));\n\n  const styleReq = {\n    backgroundPosition: 'top 10px right 3px, center right 10px',\n  }\n\n  const style = {\n    backgroundPosition: 'right 0.5rem center',\n    paddingRight: '1.5rem'\n  }\n\n  return (\n    <span className=\"flex flex-col gap-2\">\n      <span className=\"flex w-full border border-gray-300 rounded-lg bg-white\">\n        <select\n          name={`${name}_day`}\n          id={`${id}_day`}\n          value={day}\n          className=\"flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2\"\n          onChange={handleChange}\n          required={isRequired}\n          style={isRequired ? styleReq : style}\n        >\n          <option value=\"\">Day</option>\n          {dayOptions.map(option => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n        <select\n          name={`${name}_month`}\n          id={`${id}_month`}\n          value={month}\n          className=\"flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2\"\n          onChange={handleChange}\n          required={isRequired}\n          style={isRequired ? styleReq : style}\n        >\n          <option value=\"\">Month</option>\n          {monthOptions.map(option => (\n            <option key={option.value} value={option.value}>\n              {option.title}\n            </option>\n          ))}\n        </select>\n        <select\n          name={`${name}_year`}\n          id={`${id}_year`}\n          value={year}\n          className=\"flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2\"\n          onChange={handleChange}\n          required={isRequired}\n          style={isRequired ? styleReq : style}\n        >\n          <option value=\"\">Year</option>\n          {yearOptions.map(option => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </span>\n      {showAge && value && isValidDate && (\n        <span className=\"font-bold\">Age: {calculateAge(value)} years</span>\n      )}\n    </span>\n  );\n}\n"],"names":["DateOfBirthField","name","id","onChange","value","maxYear","showAge","isRequired","dayOptions","padStart","months","monthOptions","yearOptions","handleChange","y","year","m","month","d","day","isValidDate","styleReq","style","jsxs","jsx","option","calculateAge"],"mappings":"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"}

package/dist/sdk.es32.js

@@ -1,171 +1,34 @@
-import { j as t } from "./sdk.es38.js";
-import n from "react";
-import { sanitiseVehicleType as L } from "./sdk.es4.js";
+import { j as e } from "./sdk.es39.js";
+import { formatMoney as f, formatNumber as p } from "./sdk.es3.js";
 import "@inertiajs/react";
-import { useToast as U } from "./sdk.es9.js";
+import "react";
+import "./sdk.es9.js";
 import "./sdk.es10.js";
 import "./sdk.es11.js";
-import o from "./sdk.es48.js";
-const I = [
-  "POOR",
-  "FAIR",
-  "AVERAGE",
-  "GOOD",
-  "VERY_GOOD",
-  "AS_NEW",
-  "NEW"
-];
-function H({
-  name: i = "registration_search",
-  initialRegistrationValue: k = "",
-  onVehicleDataFound: b,
-  apiUrl: N = "/api/rego-search",
-  showOdometerReadingField: u = !1,
-  showConditionField: m = !1,
-  onChange: h,
-  outerClassName: R,
-  odoInputClassName: C,
-  conditionSelectClassName: O,
-  regoInputClassName: E,
-  searchBtnClassName: A
-}) {
-  const [g, D] = n.useState(k), [f, G] = n.useState(""), [y, V] = n.useState("GOOD"), [s, r] = n.useState("idle"), { addToast: c } = U();
-  function l(e) {
-    e.currentTarget.name === i && D(e.currentTarget.value?.toUpperCase() || ""), e.currentTarget.name === "odo_search" && G(e.currentTarget.value), e.currentTarget.name === "condition_search" && V(e.currentTarget.value), h && h({ registration: e.currentTarget.value.toUpperCase() });
+import "./sdk.es12.js";
+function v({ value: o = 0, onChange: t, name: i = "value", id: a = "value", className: s = "", required: u = !1 }) {
+  function l(r) {
+    let n = 0;
+    r.currentTarget.value && (n = p(r.currentTarget.value), isNaN(n) && (n = 0)), t(n);
   }
-  function v(e) {
-    e.key === "Enter" && x();
-  }
-  async function x() {
-    r("processing");
-    const e = {
-      registration: g,
-      odometerReading: f,
-      condition: y
-    }, W = new URLSearchParams(e).toString(), w = await fetch(`${N}?${W}`, {
-      headers: { "Content-Type": "application/json" }
-    });
-    if (!w.ok) {
-      c({
-        message: "There was an error with the provided registration.",
-        status: "error",
-        timeout: 3e3
-      }), r("error");
-      return;
-    }
-    const { data: d, ok: K } = await w.json();
-    if (!K || !d) {
-      c({
-        message: "Failed to find vehicle, please complete manually.",
-        status: "error",
-        timeout: 3e3
-      }), r("error");
-      return;
-    }
-    const a = d.data.vehicle, j = a.make, S = a.model, T = a["year-of-manufacture"], _ = a["gross-vehicle-mass"] ? parseInt(a["gross-vehicle-mass"].replaceAll(",", "")) : 0, p = a["vehicle-type"];
-    (!j || !S || !T || !p) && (c({
-      message: "We couldn't find all of your data, please complete manually.",
-      status: "error",
-      timeout: 3e3
-    }), r("error")), b({
-      ...d,
-      make: j || "",
-      model: S || "",
-      year: T || "",
-      vehicle_type: p ? L(p) : "car",
-      is_heavy: _ && _ > 3500 || !1
-    }), r("success");
-  }
-  return /* @__PURE__ */ t.jsx("div", { className: "w-full flex flex-col", children: /* @__PURE__ */ t.jsxs("div", { className: o(R, "w-full flex flex-wrap gap-3 bg-gray-100 rounded-md p-3"), children: [
-    u || m && /* @__PURE__ */ t.jsxs("div", { className: "w-full grid grid-cols-2 gap-3", children: [
-      u && /* @__PURE__ */ t.jsxs("label", { children: [
-        "Approx. km travelled",
-        /* @__PURE__ */ t.jsx(
-          "input",
-          {
-            onKeyDown: v,
-            type: "number",
-            name: "odo_search",
-            id: "odo_search",
-            value: f,
-            onChange: l,
-            className: o(C, "transition-all", {
-              "pointer-events-none opacity-50": s === "processing"
-            }),
-            disabled: s === "processing"
-          }
-        )
-      ] }),
-      m && /* @__PURE__ */ t.jsxs("label", { children: [
-        "Vehicle condition",
-        /* @__PURE__ */ t.jsx(
-          "select",
-          {
-            name: "condition_search",
-            id: "condition_search",
-            value: y,
-            onChange: l,
-            className: o(O, "transition-all", {
-              "pointer-events-none opacity-50": s === "processing"
-            }),
-            disabled: s === "processing",
-            children: I.map((e) => /* @__PURE__ */ t.jsx("option", { children: e }, e))
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsx(
+  const c = f(o, 0);
+  return /* @__PURE__ */ e.jsxs("div", { className: `${s} flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-accent focus-within:outline-none focus-within:ring focus-within:ring-accent focus-within:ring-opacity-50`, children: [
+    /* @__PURE__ */ e.jsx("span", { className: "font-bold pr-2", children: "$" }),
+    /* @__PURE__ */ e.jsx(
       "input",
       {
-        onKeyDown: v,
-        placeholder: "Search for your rego",
         type: "text",
         name: i,
-        id: i,
-        value: g,
+        id: a,
+        value: c,
         onChange: l,
-        className: o(E, "flex-grow transition-all", {
-          "pointer-events-none opacity-50": s === "processing"
-        }),
-        disabled: s === "processing"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      "button",
-      {
-        title: "Search",
-        type: "button",
-        onClick: x,
-        disabled: s === "processing",
-        className: o(A, "bg-accent px-4 py-3 rounded-md transition-all"),
-        children: [
-          /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Search" }),
-          /* @__PURE__ */ t.jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-5 w-5 text-white",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: /* @__PURE__ */ t.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                }
-              )
-            }
-          )
-        ]
+        className: "w-full !focus:outline-none !focus:ring-0 !focus:ring-transparent !focus:ring-opacity-0 !ring-0 !border-0 !transition-none !rounded-l-none",
+        required: u
       }
     )
-  ] }) });
+  ] });
 }
 export {
-  I as conditionOptions,
-  H as default
+  v as default
 };
 //# sourceMappingURL=sdk.es32.js.map

package/dist/sdk.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.es32.js","sources":["../src/components/forms/RegistrationSearchField.tsx"],"sourcesContent":["import React from 'react';\nimport { sanitiseVehicleType } from '../../lib';\nimport {\n  ApiResponse,\n  FormStatus,\n  MotorwebVehicleResponse,\n  VehicleType,\n} from '../../types';\nimport { useToast } from '../../lib/toast';\nimport cn from 'classnames';\n\nexport interface VehicleData extends MotorwebVehicleResponse {\n  make: string;\n  model: string;\n  year: string;\n  vehicle_type: VehicleType;\n  is_heavy: boolean;\n}\n\nexport interface RegistrationSearchOnChange {\n  registration: string;\n}\n\ninterface Props {\n  name?: string;\n  onChange?: (values: RegistrationSearchOnChange) => void;\n  onVehicleDataFound: (vehicleData: VehicleData) => void;\n  apiUrl?: string;\n  showOdometerReadingField?: boolean;\n  showConditionField?: boolean;\n  initialRegistrationValue?: string;\n  outerClassName?: string;\n  odoInputClassName?: string;\n  conditionSelectClassName?: string;\n  regoInputClassName?: string;\n  searchBtnClassName?: string;\n}\n\nexport const conditionOptions = [\n  'POOR',\n  'FAIR',\n  'AVERAGE',\n  'GOOD',\n  'VERY_GOOD',\n  'AS_NEW',\n  'NEW',\n];\n\nexport default function RegistrationSearchField({\n  name = 'registration_search',\n  initialRegistrationValue = '',\n  onVehicleDataFound,\n  apiUrl = '/api/rego-search',\n  showOdometerReadingField = false,\n  showConditionField = false,\n  onChange,\n  outerClassName,\n  odoInputClassName,\n  conditionSelectClassName,\n  regoInputClassName,\n  searchBtnClassName,\n}: Props) {\n  const [rego, setRego] = React.useState<string>(initialRegistrationValue);\n  const [odo, setOdo] = React.useState<string>('');\n  const [condition, setCondition] = React.useState<string>('GOOD');\n\n  const [status, setStatus] = React.useState<FormStatus>('idle');\n  const { addToast } = useToast();\n\n  function handleChange(\n    e: React.SyntheticEvent<HTMLInputElement | HTMLSelectElement>\n  ) {\n    if (e.currentTarget.name === name) {\n      setRego(e.currentTarget.value?.toUpperCase() || '');\n    }\n\n    if (e.currentTarget.name === 'odo_search') {\n      setOdo(e.currentTarget.value);\n    }\n\n    if (e.currentTarget.name === 'condition_search') {\n      setCondition(e.currentTarget.value);\n    }\n\n    if (onChange) {\n      onChange({ registration: e.currentTarget.value.toUpperCase() });\n    }\n  }\n\n  function handleKeydown(e: React.KeyboardEvent) {\n    if (e.key === 'Enter') {\n      handleSearch();\n    }\n  }\n\n  async function handleSearch() {\n    setStatus('processing');\n\n    const payload = {\n      registration: rego,\n      odometerReading: odo,\n      condition,\n    };\n\n    // Turn the payload in to a query string\n    // @ts-ignore\n    const query = new URLSearchParams(payload).toString();\n\n    const res = await fetch(`${apiUrl}?${query}`, {\n      headers: { 'Content-Type': 'application/json' },\n    });\n\n    if (!res.ok) {\n      addToast({\n        message: `There was an error with the provided registration.`,\n        status: 'error',\n        timeout: 3000,\n      });\n      setStatus('error');\n      return;\n    }\n\n    const { data, ok }: ApiResponse<MotorwebVehicleResponse> = await res.json();\n\n    if (!ok || !data) {\n      addToast({\n        message: `Failed to find vehicle, please complete manually.`,\n        status: 'error',\n        timeout: 3000,\n      });\n      setStatus('error');\n      return;\n    }\n\n    const vehicleData = data.data.vehicle;\n\n    const make = vehicleData.make;\n    const model = vehicleData.model;\n    const year = vehicleData['year-of-manufacture'];\n    const weight = vehicleData['gross-vehicle-mass']\n      ? parseInt(vehicleData['gross-vehicle-mass'].replaceAll(',', ''))\n      : 0;\n    const vehicleType = vehicleData['vehicle-type'];\n\n    if (!make || !model || !year || !vehicleType) {\n      addToast({\n        message: `We couldn't find all of your data, please complete manually.`,\n        status: 'error',\n        timeout: 3000,\n      });\n      setStatus('error');\n    }\n\n    onVehicleDataFound({\n      ...data,\n      make: make || '',\n      model: model || '',\n      year: year || '',\n      vehicle_type: vehicleType ? sanitiseVehicleType(vehicleType) : 'car',\n      is_heavy: (weight && weight > 3500) || false,\n    });\n\n    setStatus('success');\n  }\n\n  return (\n    <div className=\"w-full flex flex-col\">\n      <div className={cn(outerClassName, \"w-full flex flex-wrap gap-3 bg-gray-100 rounded-md p-3\")}>\n        {showOdometerReadingField ||\n          (showConditionField && (\n            <div className=\"w-full grid grid-cols-2 gap-3\">\n              {showOdometerReadingField && (\n                <label>\n                  Approx. km travelled\n                  <input\n                    onKeyDown={handleKeydown}\n                    type=\"number\"\n                    name=\"odo_search\"\n                    id=\"odo_search\"\n                    value={odo}\n                    onChange={handleChange}\n                    className={cn(odoInputClassName, \"transition-all\", {\n                        'pointer-events-none opacity-50': status === 'processing',\n                    })}\n                    disabled={status === 'processing'}\n                  />\n                </label>\n              )}\n\n              {showConditionField && (\n                <label>\n                  Vehicle condition\n                  <select\n                    name=\"condition_search\"\n                    id=\"condition_search\"\n                    value={condition}\n                    onChange={handleChange}\n                    className={cn(conditionSelectClassName, \"transition-all\", {\n                      'pointer-events-none opacity-50': status === 'processing',\n                    })}\n                    disabled={status === 'processing'}\n                  >\n                    {conditionOptions.map(conditionOption => (\n                      <option key={conditionOption}>{conditionOption}</option>\n                    ))}\n                  </select>\n                </label>\n              )}\n            </div>\n          ))}\n\n        <input\n          onKeyDown={handleKeydown}\n          placeholder=\"Search for your rego\"\n          type=\"text\"\n          name={name}\n          id={name}\n          value={rego}\n          onChange={handleChange}\n          className={cn(regoInputClassName, \"flex-grow transition-all\", {\n            'pointer-events-none opacity-50': status === 'processing',\n          })}\n          disabled={status === 'processing'}\n        />\n\n        <button\n          title=\"Search\"\n          type=\"button\"\n          onClick={handleSearch}\n          disabled={status === 'processing'}\n          className={cn(searchBtnClassName, \"bg-accent px-4 py-3 rounded-md transition-all\")}\n        >\n          <span className=\"sr-only\">Search</span>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5 text-white\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n            />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"names":["conditionOptions","RegistrationSearchField","name","initialRegistrationValue","onVehicleDataFound","apiUrl","showOdometerReadingField","showConditionField","onChange","outerClassName","odoInputClassName","conditionSelectClassName","regoInputClassName","searchBtnClassName","rego","setRego","React","odo","setOdo","condition","setCondition","status","setStatus","addToast","useToast","handleChange","handleKeydown","handleSearch","payload","query","res","data","ok","vehicleData","make","model","year","weight","vehicleType","sanitiseVehicleType","jsx","jsxs","cn","conditionOption"],"mappings":"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"}
+{"version":3,"file":"sdk.es32.js","sources":["../src/components/forms/MoneyField.tsx"],"sourcesContent":["import React from 'react';\nimport { formatMoney, formatNumber } from \"../../lib\";\n\ninterface Props {\n    value?: number;\n    onChange: (value: number) => void;\n    id?: string;\n    name?: string;\n    className?: string;\n    required?: boolean;\n}\n\nexport default function MoneyField({ value = 0, onChange, name = 'value', id = 'value', className = '', required = false }: Props) {\n    function handleChange(e: React.SyntheticEvent<HTMLInputElement>) {\n        let newValue: number = 0;\n\n        if (e.currentTarget.value) {\n            newValue = formatNumber(e.currentTarget.value);\n\n            if (isNaN(newValue)) {\n                newValue = 0;\n            }\n        }\n\n        onChange(newValue);\n    }\n\n    const displayValue = formatMoney(value, 0);\n\n    return (\n        <div className={`${className} flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-accent focus-within:outline-none focus-within:ring focus-within:ring-accent focus-within:ring-opacity-50`}>\n            <span className=\"font-bold pr-2\">$</span>\n            <input\n                type=\"text\"\n                name={name}\n                id={id}\n                value={displayValue}\n                onChange={handleChange}\n                className=\"w-full !focus:outline-none !focus:ring-0 !focus:ring-transparent !focus:ring-opacity-0 !ring-0 !border-0 !transition-none !rounded-l-none\"\n                required={required}\n            />\n        </div>\n    );\n\n}\n"],"names":["MoneyField","value","onChange","name","id","className","required","handleChange","e","newValue","formatNumber","displayValue","formatMoney","jsxs","jsx"],"mappings":";;;;;;;;AAYA,SAAwBA,EAAW,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,MAAAC,IAAO,SAAS,IAAAC,IAAK,SAAS,WAAAC,IAAY,IAAI,UAAAC,IAAW,MAAgB;AAC/H,WAASC,EAAaC,GAA2C;AAC7D,QAAIC,IAAmB;AAEnB,IAAAD,EAAE,cAAc,UACLC,IAAAC,EAAaF,EAAE,cAAc,KAAK,GAEzC,MAAMC,CAAQ,MACHA,IAAA,KAInBP,EAASO,CAAQ;AAAA,EAAA;AAGf,QAAAE,IAAeC,EAAYX,GAAO,CAAC;AAEzC,SACKY,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,GAAGR,CAAS,+MACxB,UAAA;AAAA,IAACS,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,kBAAiB,UAAC,KAAA;AAAA,IAClCA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,MAAAX;AAAA,QACA,IAAAC;AAAA,QACA,OAAOO;AAAA,QACP,UAAUJ;AAAA,QACV,WAAU;AAAA,QACV,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAGR;"}