@star-insure/sdk 6.0.13 → 6.0.15

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.es45.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;"}

package/dist/sdk.es33.js

@@ -1,185 +1,172 @@
-import { j as s } from "./sdk.es38.js";
-import t from "react";
-import m from "./sdk.es16.js";
+import { j as t } from "./sdk.es39.js";
+import n from "react";
+import { sanitiseVehicleType as L } from "./sdk.es4.js";
 import "@inertiajs/react";
-import "@headlessui/react";
-import "./sdk.es9.js";
-import { useQuoteRequestForm as _ } from "./sdk.es10.js";
+import { useToast as U } from "./sdk.es9.js";
+import "./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: [
+import "./sdk.es12.js";
+import o from "./sdk.es70.js";
+const I = [
+  "POOR",
+  "FAIR",
+  "AVERAGE",
+  "GOOD",
+  "VERY_GOOD",
+  "AS_NEW",
+  "NEW"
+];
+function J({
+  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",
           {
-            description: "Lorem ipsum dolor sit amet.",
-            month: "January",
-            year: "2020"
+            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"
           }
-        ],
-        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"
-            },
+        )
+      ] }),
+      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",
             {
-              name: "Test enhancement",
-              premium: 5e3,
-              disable_rounding: !1,
-              description: "Test enhancement",
-              auto_select: !1,
-              key: "enhancement-test-key-4"
+              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"
+                }
+              )
             }
-          ],
-          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
+  I as conditionOptions,
+  J as default
 };
 //# sourceMappingURL=sdk.es33.js.map

package/dist/sdk.es33.js.map

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