@star-insure/sdk 6.0.3 → 6.0.4

package/dist/sdk.es32.js

@@ -0,0 +1,171 @@
+import { j as t } from "./sdk.es38.js";
+import n from "react";
+import { sanitiseVehicleType as L } from "./sdk.es4.js";
+import "@inertiajs/react";
+import { useToast as U } from "./sdk.es9.js";
+import "./sdk.es10.js";
+import "./sdk.es11.js";
+import o from "./sdk.es69.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() });
+  }
+  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(
+      "input",
+      {
+        onKeyDown: v,
+        placeholder: "Search for your rego",
+        type: "text",
+        name: i,
+        id: i,
+        value: g,
+        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"
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  I as conditionOptions,
+  H as default
+};
+//# sourceMappingURL=sdk.es32.js.map

package/dist/sdk.es32.js.map

@@ -0,0 +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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"}

package/dist/sdk.es33.js

@@ -0,0 +1,185 @@
+import { j as s } from "./sdk.es38.js";
+import t from "react";
+import m from "./sdk.es16.js";
+import "@inertiajs/react";
+import "@headlessui/react";
+import "./sdk.es9.js";
+import { useQuoteRequestForm as _ } from "./sdk.es10.js";
+import "./sdk.es11.js";
+function w({ populatePurchaseOptions: a = !1 }) {
+  const { form: l } = _(), [i, n] = t.useState([]), [u, c] = 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((d) => [...d, 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")) && c(!0), window.addEventListener(
+        "keydown",
+        (e) => o(e)
+      ), () => {
+        window.removeEventListener(
+          "keydown",
+          (e) => o(e)
+        );
+      };
+  }, []), u ? /* @__PURE__ */ s.jsx(
+    m,
+    {
+      onClick: r,
+      type: "button",
+      status: "primary",
+      className: "fixed bottom-4 right-4",
+      children: "Populate data"
+    }
+  ) : /* @__PURE__ */ s.jsx(s.Fragment, {});
+}
+export {
+  w as default
+};
+//# sourceMappingURL=sdk.es33.js.map

package/dist/sdk.es33.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.es33.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.es34.js

@@ -0,0 +1,27 @@
+import { j as r } from "./sdk.es38.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)) })
+  ] }) });
+}
+export {
+  p as default
+};
+//# sourceMappingURL=sdk.es34.js.map

package/dist/sdk.es34.js.map

@@ -0,0 +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;"}

package/dist/sdk.es35.js

@@ -0,0 +1,107 @@
+import { j as t } from "./sdk.es38.js";
+import n from "react";
+import d from "./sdk.es69.js";
+import { BackButton as _ } from "./sdk.es71.js";
+import X from "./sdk.es72.js";
+import Y from "./sdk.es73.js";
+import { FilterItem as q } from "./sdk.es74.js";
+import { HiXMark as z, HiChevronLeft as D, HiChevronRight as F } from "./sdk.es75.js";
+import { router as M } from "@inertiajs/core";
+function N({
+  title: c,
+  search: a,
+  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), [x, v] = 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 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`;
+    }, 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);
+    };
+    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" }));
+    };
+    return document.addEventListener("wheel", e, { passive: !1 }), () => {
+      document.removeEventListener("wheel", e);
+    };
+  }, [x]);
+  function B() {
+    M.get(`${window.location.pathname}`);
+  }
+  const [y, 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 $() {
+    l.current?.scrollBy({ left: -100, behavior: "auto" }), o();
+  }
+  const w = 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(
+        "button",
+        {
+          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
+            }
+          ),
+          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 })
+          ]
+        }
+      ),
+      /* @__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]" }),
+        /* @__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.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("div", { className: "flex items-center gap-3 bg-gray-100", children: g })
+    ] })
+  ] });
+}
+N.Action = ({ children: c }) => /* @__PURE__ */ t.jsx("div", { children: c });
+export {
+  N as default
+};
+//# sourceMappingURL=sdk.es35.js.map

package/dist/sdk.es35.js.map

@@ -0,0 +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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"}

package/dist/sdk.es36.js

@@ -0,0 +1,63 @@
+import P from "./sdk.es51.js";
+import L from "./sdk.es52.js";
+import T from "./sdk.es47.js";
+import I from "./sdk.es53.js";
+import M from "./sdk.es54.js";
+import Y from "./sdk.es55.js";
+import { isProtectedWeekYearToken as j, throwProtectedError as $, isProtectedDayOfYearToken as q } from "./sdk.es56.js";
+import D from "./sdk.es46.js";
+import y from "./sdk.es48.js";
+import { getDefaultOptions as A } from "./sdk.es57.js";
+import Q from "./sdk.es58.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;
+}
+export {
+  ie as default
+};
+//# sourceMappingURL=sdk.es36.js.map