@star-insure/sdk 5.0.12 → 6.0.0

package/dist/sdk.cjs.development.js

@@ -1,3398 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var dateFns = require('date-fns');
-var react = require('@inertiajs/react');
-var React = require('react');
-var React__default = _interopDefault(React);
-var uuid = require('uuid');
-var react$1 = require('@headlessui/react');
-var cn = _interopDefault(require('classnames'));
-var lodash = require('lodash');
-var hi2 = require('react-icons/hi2');
-var reactTooltip = require('react-tooltip');
-var Select = _interopDefault(require('react-select'));
-var core = require('@inertiajs/core');
-
-/**
- * Formats a date like "Jan 1, 2022 at 9:50am"
- */
-
-function formatDateNice(date, includeTime) {
-  if (includeTime === void 0) {
-    includeTime = true;
-  }
-
-  var formatString = includeTime ? "MMM d, yyyy 'at' h:mma" : 'MMM d, yyyy';
-  var formatFunc = includeTime ? formatDateTime : formatDate;
-  return formatFunc(date, formatString);
-}
-/**
- * Formats a date like "01/01/2022 09:50"
- */
-
-function formatDateForTable(date, includeTime) {
-  if (includeTime === void 0) {
-    includeTime = true;
-  }
-
-  return includeTime ? formatDateTime(date) : formatDate(date);
-}
-/**
- * Formats a date to Star Insure standard format - dd/mm/yyyy
- */
-
-function formatDate(date, overrideFormatString) {
-  // If date is undefined or null
-  if (!date) {
-    return '';
-  }
-
-  var formatString = overrideFormatString || 'dd/MM/yyyy'; // If date is a date object
-
-  if (date instanceof Date) {
-    return dateFns.format(date, formatString);
-  }
-  /*
-   * If date is a string, first attempt to parse it in non-standard formats
-   * Only parse the first 10 characters of the string
-   * dd/MM/yyyy, dd-MM-yyyy, dd.MM.yyyy
-   */
-
-
-  var nonStandardDate = date.substring(0, 10).split('-').join('/').split('.').join('/');
-  var parsedDate = dateFns.parse(nonStandardDate, 'dd/MM/yyyy', new Date());
-
-  if (parsedDate.toString() !== 'Invalid Date') {
-    return dateFns.format(parsedDate, formatString);
-  } // Then attempt to parse it natively
-
-
-  var nativelyParsedDate = new Date(date);
-
-  if (nativelyParsedDate.toString() !== 'Invalid Date') {
-    return dateFns.format(nativelyParsedDate, formatString);
-  }
-
-  return '';
-}
-/**
- * Formats a dateTime to Star Insure standard format - dd/mm/yyyy hh:mm
- */
-
-function formatDateTime(dateTime, overrideFormatString) {
-  // If date is undefined or null
-  if (!dateTime) {
-    return '';
-  }
-
-  var formatString = overrideFormatString || 'dd/MM/yyyy HH:mm'; // If date is a date object
-
-  if (dateTime instanceof Date) {
-    return dateFns.format(dateTime, formatString);
-  }
-  /*
-   * If date is a string, first attempt to parse it in non-standard formats
-   * dd/MM/yyyy HH:mm, dd-MM-yyyy HH:mm, dd.MM.yyyy HH:mm,
-   * dd/MM/yyyy hh:mm a, dd-MM-yyyy hh:mm a, dd.MM.yyyy hh:mm a,
-   * dd/MM/yyyy HH:mm:ss, dd-MM-yyyy HH:mm:ss, dd.MM.yyyy HH:mm:ss,
-   * dd/MM/yyyy hh:mm:ss a, dd-MM-yyyy hh:mm:ss a, dd.MM.yyyy hh:mm:ss a
-   */
-
-
-  var nonStandardDateTime = dateTime // Remove commas between date and time
-  .split(',').join('') // Only parse the first 22 characters of the string
-  .substring(0, 22) // Replace dashes and dots with slashes
-  .split('-').join('/').split('.').join('/');
-  var is12Hour = ['AM', 'PM'].includes(nonStandardDateTime.slice(-2).toUpperCase());
-  var hasSeconds = nonStandardDateTime.split(':').length === 3;
-  var nonStandardFormat = ("dd/MM/yyyy " + (is12Hour ? 'hh' : 'HH') + ":mm" + (hasSeconds ? ':ss' : '') + " " + (is12Hour ? 'a' : '')).trim();
-  var parsedDateTime = dateFns.parse(nonStandardDateTime, nonStandardFormat, new Date());
-
-  if (parsedDateTime.toString() !== 'Invalid Date') {
-    return dateFns.format(parsedDateTime, formatString);
-  } // Then attempt to parse it natively
-
-
-  var nativelyParsedDateTime = new Date(dateTime);
-
-  if (nativelyParsedDateTime.toString() !== 'Invalid Date') {
-    return dateFns.format(nativelyParsedDateTime, formatString);
-  }
-
-  return '';
-}
-/**
- * Attempts to create a date object from a date string
- */
-
-function createDate(dateString) {
-  // Re-use our logic from formatDateTime
-  var formattedDateTime = formatDateTime(dateString);
-
-  if (!formattedDateTime) {
-    return null;
-  } // Attempt to parse the formatted date to a date object
-
-
-  try {
-    return dateFns.parse(formattedDateTime, 'dd/MM/yyyy HH:mm', new Date());
-  } catch (error) {
-    console.error("Error parsing date: " + (dateString == null ? void 0 : dateString.toString()));
-    return null;
-  }
-}
-
-/**
- * Safely rounds a number
- */
-function round(value) {
-  return Number(Math.round(parseFloat(value + 'e' + 2)) + 'e-' + 2);
-}
-/**
- * Gets the GST value from a number
- */
-
-function getGst(value) {
-  return round(value * 3 / 23);
-}
-/**
- * Adds GST to a number
- */
-
-function addGst(value) {
-  return round(value * 1.15);
-}
-/**
- * Subtracts GST from a number
- */
-
-function subtractGst(value) {
-  return round(value - getGst(value));
-}
-/**
- * Calculates the various GST values on a figure
- */
-
-function gstCalc(input) {
-  var value = input;
-
-  if (typeof value === 'string') {
-    value = parseFloat(value.replace(/[^0-9.]/g, ''));
-  }
-
-  value = round(value);
-  return {
-    gst: getGst(value),
-    amountInclusive: addGst(value),
-    amountExclusive: subtractGst(value)
-  };
-}
-/**
- * Formats a value nicely
- */
-
-function formatMoney(value, decimals) {
-  if (decimals === void 0) {
-    decimals = 2;
-  }
-
-  if (value === null || value === undefined) {
-    return '';
-  }
-
-  var toFormat = value;
-
-  if (typeof value === 'string') {
-    toFormat = value.replace(/[^\d.-]/g, '');
-  }
-
-  return Number(toFormat).toLocaleString('en', {
-    minimumFractionDigits: decimals,
-    maximumFractionDigits: decimals
-  });
-}
-/**
- * Turns a formatted value in to a float
- */
-
-function formatNumber(value) {
-  return parseFloat(value.replace(/[^0-9.]/g, ''));
-}
-
-function sanitiseVehicleType(inputType) {
-  var type;
-
-  switch (inputType) {
-    case 'Camper':
-    case 'Goods Van/Truck/Utility':
-    case 'Bus':
-    case 'Motor Caravan':
-    case 'Trailer/Caravan':
-    case 'TRAILER_CARAVAN':
-    case 'TRAILER_NOT_DESIGNED_FOR_HIGHWAY_USE':
-    case 'MOBILE_MACHINE':
-    case 'GOODS_VAN_TRUCK_UTILITY':
-    case 'BUS':
-    case 'MOTOR_CARAVAN':
-      {
-        type = 'motorhome';
-        break;
-      }
-
-    case 'Motorcycle':
-    case 'Moped':
-    case 'ATV':
-    case 'Agricultural Machine':
-    case 'MOTORCYCLE':
-    case 'MOPED':
-    case 'TRACTOR':
-    case 'AGRICULTURAL_MACHINE':
-    case 'HIGH_SPEED_AGRICULTURAL_VEHICLE':
-      {
-        type = 'motorcycle';
-        break;
-      }
-
-    case 'Passenger Car/Van':
-    case 'PASSENGER_CAR_VAN':
-    case 'SPECIAL_PURPOSE_VEHICLE':
-    case 'UNKNOWN':
-    default:
-      type = 'car';
-  }
-
-  return type;
-}
-
-function _regeneratorRuntime() {
-  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-  _regeneratorRuntime = function () {
-    return exports;
-  };
-
-  var exports = {},
-      Op = Object.prototype,
-      hasOwn = Op.hasOwnProperty,
-      $Symbol = "function" == typeof Symbol ? Symbol : {},
-      iteratorSymbol = $Symbol.iterator || "@@iterator",
-      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    return Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), obj[key];
-  }
-
-  try {
-    define({}, "");
-  } catch (err) {
-    define = function (obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-        generator = Object.create(protoGenerator.prototype),
-        context = new Context(tryLocsList || []);
-    return generator._invoke = function (innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }(innerFn, self, context), generator;
-  }
-
-  function tryCatch(fn, obj, arg) {
-    try {
-      return {
-        type: "normal",
-        arg: fn.call(obj, arg)
-      };
-    } catch (err) {
-      return {
-        type: "throw",
-        arg: err
-      };
-    }
-  }
-
-  exports.wrap = wrap;
-  var ContinueSentinel = {};
-
-  function Generator() {}
-
-  function GeneratorFunction() {}
-
-  function GeneratorFunctionPrototype() {}
-
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-  var getProto = Object.getPrototypeOf,
-      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function (method) {
-      define(prototype, method, function (arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-
-      if ("throw" !== record.type) {
-        var result = record.arg,
-            value = result.value;
-        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-          invoke("next", value, resolve, reject);
-        }, function (err) {
-          invoke("throw", err, resolve, reject);
-        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-          result.value = unwrapped, resolve(result);
-        }, function (error) {
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-
-      reject(record.arg);
-    }
-
-    var previousPromise;
-
-    this._invoke = function (method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function (resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-    };
-  }
-
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-
-    if (undefined === method) {
-      if (context.delegate = null, "throw" === context.method) {
-        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-    var info = record.arg;
-    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-  }
-
-  function pushTryEntry(locs) {
-    var entry = {
-      tryLoc: locs[0]
-    };
-    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal", delete record.arg, entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-  }
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) return iteratorMethod.call(iterable);
-      if ("function" == typeof iterable.next) return iterable;
-
-      if (!isNaN(iterable.length)) {
-        var i = -1,
-            next = function next() {
-          for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-
-          return next.value = undefined, next.done = !0, next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    return {
-      next: doneResult
-    };
-  }
-
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
-  }
-
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-    var ctor = "function" == typeof genFun && genFun.constructor;
-    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-  }, exports.mark = function (genFun) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-  }, exports.awrap = function (arg) {
-    return {
-      __await: arg
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    void 0 === PromiseImpl && (PromiseImpl = Promise);
-    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-      return result.done ? result.value : iter.next();
-    });
-  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-    return this;
-  }), define(Gp, "toString", function () {
-    return "[object Generator]";
-  }), exports.keys = function (object) {
-    var keys = [];
-
-    for (var key in object) keys.push(key);
-
-    return keys.reverse(), function next() {
-      for (; keys.length;) {
-        var key = keys.pop();
-        if (key in object) return next.value = key, next.done = !1, next;
-      }
-
-      return next.done = !0, next;
-    };
-  }, exports.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-    },
-    stop: function () {
-      this.done = !0;
-      var rootRecord = this.tryEntries[0].completion;
-      if ("throw" === rootRecord.type) throw rootRecord.arg;
-      return this.rval;
-    },
-    dispatchException: function (exception) {
-      if (this.done) throw exception;
-      var context = this;
-
-      function handle(loc, caught) {
-        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i],
-            record = entry.completion;
-        if ("root" === entry.tryLoc) return handle("end");
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc"),
-              hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-          } else {
-            if (!hasFinally) throw new Error("try statement without catch or finally");
-            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-
-        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-      var record = finallyEntry ? finallyEntry.completion : {};
-      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-    },
-    complete: function (record, afterLoc) {
-      if ("throw" === record.type) throw record.arg;
-      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-    },
-    finish: function (finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-      }
-    },
-    catch: function (tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-
-          if ("throw" === record.type) {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-
-          return thrown;
-        }
-      }
-
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (iterable, resultName, nextLoc) {
-      return this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-    }
-  }, exports;
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function useAuth() {
-  var _usePage = react.usePage(),
-      props = _usePage.props;
-  /**
-   * Check if the user has permission to perform the given ability.
-   */
-
-
-  function can(ability) {
-    return props.auth.permissions.includes(ability);
-  }
-
-  return _extends({}, props.auth, {
-    can: can
-  });
-}
-
-function useClickOutside(ref, handler) {
-  React.useEffect(function () {
-    var listener = function listener(event) {
-      // Do nothing if clicking ref's element or descendent elements
-      if (!ref.current || ref.current.contains(event.target)) {
-        return;
-      }
-
-      handler(event);
-    };
-
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
-    };
-  }, [ref, handler]);
-}
-
-var ToastContext = /*#__PURE__*/React.createContext({
-  toasts: [],
-  addToast: function addToast(t) {
-  },
-  removeToast: function removeToast(t) {
-  }
-});
-function ToastProvider(_ref) {
-  var children = _ref.children;
-
-  var _React$useState = React.useState([]),
-      toasts = _React$useState[0],
-      setToasts = _React$useState[1];
-  /**
-   * Add a new toast popup message
-   */
-
-
-  function addToast(_ref2) {
-    var message = _ref2.message,
-        status = _ref2.status,
-        _ref2$timeout = _ref2.timeout,
-        timeout = _ref2$timeout === void 0 ? 4000 : _ref2$timeout;
-    var newToast = {
-      message: message,
-      status: status,
-      timeout: timeout
-    };
-    newToast._id = uuid.v4();
-    setToasts(function (curr) {
-      return [].concat(curr, [newToast]);
-    });
-    setTimeout(function () {
-      removeToast(newToast._id);
-    }, timeout);
-  }
-  /**
-   * Remove a toast message
-   */
-
-
-  function removeToast(id) {
-    setToasts(function (curr) {
-      return curr.filter(function (toast) {
-        return toast._id !== id;
-      });
-    });
-  }
-
-  var context = {
-    toasts: toasts,
-    addToast: addToast,
-    removeToast: removeToast
-  };
-  return React.createElement(ToastContext.Provider, {
-    value: context
-  }, children);
-}
-var useToast = function useToast() {
-  return React.useContext(ToastContext);
-};
-
-function useInertiaOptions(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      _ref$successMessage = _ref.successMessage,
-      successMessage = _ref$successMessage === void 0 ? '' : _ref$successMessage;
-
-  var _useToast = useToast(),
-      addToast = _useToast.addToast;
-
-  return {
-    onSuccess: function onSuccess() {
-      addToast({
-        message: successMessage != null ? successMessage : 'Your request was successful.',
-        status: 'success'
-      });
-    },
-    onError: function onError(errors) {
-      Object.values(errors).forEach(function (err) {
-        addToast({
-          message: err,
-          status: 'error'
-        });
-      });
-    }
-  };
-}
-
-function useLocalStorage(key, initialValue) {
-  // State to store our value
-  // Pass initial state function to useState so logic is only executed once
-  var _useState = React.useState(function () {
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-
-    try {
-      // Get from local storage by key
-      var item = window.localStorage.getItem(key); // Parse stored json or if none return initialValue
-
-      return item ? JSON.parse(item) : initialValue;
-    } catch (error) {
-      // If error also return initialValue
-      console.log(error);
-      return initialValue;
-    }
-  }),
-      storedValue = _useState[0],
-      setStoredValue = _useState[1]; // Return a wrapped version of useState's setter function that ...
-  // ... persists the new value to localStorage.
-
-
-  var setValue = function setValue(value) {
-    try {
-      // Allow value to be a function so we have same API as useState
-      var valueToStore = value instanceof Function ? value(storedValue) : value; // Save state
-
-      setStoredValue(valueToStore); // Save to local storage
-
-      if (typeof window !== "undefined") {
-        window.localStorage.setItem(key, JSON.stringify(valueToStore));
-      }
-    } catch (error) {
-      // A more advanced implementation would handle the error case
-      console.log(error);
-    }
-  };
-
-  return [storedValue, setValue];
-}
-
-var initialData = {
-  id: undefined,
-  status: 'new',
-  source: 'phone',
-  reference: '',
-  client_number: '',
-  first_name: '',
-  last_name: '',
-  phone: '',
-  mobile: '',
-  email: '',
-  licence: '',
-  licence_other: '',
-  promo_code: '',
-  club_membership_number: '',
-  length_of_insurance: '',
-  dob: '',
-  secondary_first_name: '',
-  secondary_last_name: '',
-  secondary_licence: '',
-  secondary_licence_other: '',
-  secondary_dob: '',
-  club_id: undefined,
-  street_address: {
-    address: '',
-    unit: '',
-    suburb: '',
-    city: '',
-    post_code: ''
-  },
-  declaration: {
-    had_incident: undefined,
-    incidents: [],
-    has_demerit_points: undefined,
-    demerit_points: '',
-    has_lost_licence: undefined,
-    lost_licence_details: '',
-    was_refused_insurance: undefined,
-    refused_insurance_details: '',
-    has_criminal_conviction: undefined,
-    criminal_conviction_details: '',
-    has_vehicle_modifications: undefined,
-    vehicle_modifications_details: '',
-    has_previous_insurer: undefined,
-    previous_insurer_details: '',
-    previous_insurer_expires_at: '',
-    additional_details: ''
-  },
-  vehicles: [],
-  // Portal specific fields:
-  purchase_options: [],
-  theme: '',
-  broker_fee: undefined,
-  broker_id: undefined,
-  broker_firm_id: undefined,
-  agent_id: undefined,
-  agent_firm_id: undefined,
-  staff_member_id: undefined,
-  sent_at: undefined,
-  sold_at: undefined,
-  referrer_id: undefined,
-  referrer_category_id: undefined,
-  pricing_expires_at: undefined,
-  follow_up_at: undefined,
-  is_follow_up_required: true
-};
-var QuoteRequestFormContext = /*#__PURE__*/React__default.createContext({
-  clear: function clear() {
-    return null;
-  }
-});
-function QuoteRequestFormProvider(_ref) {
-  var children = _ref.children;
-  var form = react.useForm(_extends({}, initialData));
-  /**
-   * Handle the change event for all form inputs
-   */
-
-  function handleChange(e) {
-    var name = e.currentTarget.name;
-    var value = e.currentTarget.value;
-
-    if (e.currentTarget.type === 'checkbox' || e.currentTarget.type === 'radio') {
-      var target = e.currentTarget;
-      value = target.value === '1' ? true : false;
-    }
-
-    if (name.includes('.')) {
-      var parts = name.split('.');
-
-      if (parts.length === 2) {
-        return form.setData(function (prevData) {
-          var _extends2, _extends3;
-
-          return _extends({}, prevData, (_extends3 = {}, _extends3[parts[0]] = _extends({}, prevData[parts[0]], (_extends2 = {}, _extends2[parts[1]] = value, _extends2)), _extends3));
-        });
-      } else {
-        // We don't want to handle anything double-nested. These should be handled by their own local state.
-        return;
-      }
-    }
-
-    return form.setData(function (prevData) {
-      var _extends4;
-
-      return _extends({}, prevData, (_extends4 = {}, _extends4[name] = value, _extends4));
-    });
-  }
-
-  function clear() {
-    form.setData(_extends({}, initialData));
-  }
-
-  return React__default.createElement(QuoteRequestFormContext.Provider, {
-    value: {
-      form: form,
-      handleChange: handleChange,
-      clear: clear
-    }
-  }, children);
-}
-/**
- * Takes in a quote request and returns data suitable to populate a form
- * by recursively calling this function, converting null to undefined.
- */
-
-function sanitiseQuoteRequestFormData(value) {
-  if (Array.isArray(value)) {
-    return value.map(function (item) {
-      return sanitiseQuoteRequestFormData(item);
-    });
-  }
-
-  if (value === null) {
-    return "";
-  }
-
-  if (typeof value === 'object') {
-    // Map over each property and convert null to undefined
-    return Object.keys(value).reduce(function (acc, key) {
-      // @ts-ignore
-      acc[key] = sanitiseQuoteRequestFormData(value[key]);
-      return acc;
-    }, {});
-  }
-
-  return value;
-}
-var useQuoteRequestForm = function useQuoteRequestForm() {
-  return React__default.useContext(QuoteRequestFormContext);
-};
-
-var QuoteRequestOptionsContext = /*#__PURE__*/React__default.createContext({
-  setOptions: function setOptions() {}
-});
-function QuoteRequestOptionsProvider(_ref) {
-  var children = _ref.children;
-
-  var _React$useState = React__default.useState(),
-      options = _React$useState[0],
-      setOptions = _React$useState[1];
-
-  return React__default.createElement(QuoteRequestOptionsContext.Provider, {
-    value: {
-      options: options,
-      setOptions: setOptions
-    }
-  }, children);
-}
-var useQuoteRequestOptions = function useQuoteRequestOptions() {
-  return React__default.useContext(QuoteRequestOptionsContext);
-};
-
-var prodConfig = {
-  key: 'XVAKN4Q9PREJD8CUTFBW',
-  baseUrl: 'https://api.addressfinder.io/api/nz/address'
-};
-var config = prodConfig;
-function autocomplete(_x) {
-  return _autocomplete.apply(this, arguments);
-}
-
-function _autocomplete() {
-  _autocomplete = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(search) {
-    var key, baseUrl, q, res, data;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            key = config.key, baseUrl = config.baseUrl;
-            q = encodeURIComponent(search);
-            _context.next = 4;
-            return fetch(baseUrl + "/autocomplete/?key=" + key + "&q=" + q + "&format=json&strict=2");
-
-          case 4:
-            res = _context.sent;
-
-            if (res.ok) {
-              _context.next = 7;
-              break;
-            }
-
-            return _context.abrupt("return", []);
-
-          case 7:
-            _context.next = 9;
-            return res.json();
-
-          case 9:
-            data = _context.sent;
-
-            if (!data.completions) {
-              _context.next = 12;
-              break;
-            }
-
-            return _context.abrupt("return", data.completions);
-
-          case 12:
-            return _context.abrupt("return", []);
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _autocomplete.apply(this, arguments);
-}
-
-function getAddressData(_x2) {
-  return _getAddressData.apply(this, arguments);
-}
-
-function _getAddressData() {
-  _getAddressData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(completion) {
-    var key, baseUrl, res, data;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            key = config.key, baseUrl = config.baseUrl;
-            _context2.next = 3;
-            return fetch(baseUrl + "/metadata/?key=" + key + "&pxid=" + completion.pxid + "&format=json");
-
-          case 3:
-            res = _context2.sent;
-
-            if (res.ok) {
-              _context2.next = 6;
-              break;
-            }
-
-            return _context2.abrupt("return", null);
-
-          case 6:
-            _context2.next = 8;
-            return res.json();
-
-          case 8:
-            data = _context2.sent;
-            return _context2.abrupt("return", data);
-
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-  return _getAddressData.apply(this, arguments);
-}
-
-/**
- * Calculate someone's age from a date of birth.
- */
-function calculateAge(date) {
-  if (!date) {
-    return 0;
-  }
-
-  try {
-    var today = new Date();
-    var birthDate = new Date(date);
-    var age = today.getFullYear() - birthDate.getFullYear();
-    var m = today.getMonth() - birthDate.getMonth();
-
-    if (m < 0 || m === 0 && today.getDate() < birthDate.getDate()) {
-      return age - 1;
-    }
-
-    return age;
-  } catch (error) {
-    console.error(error);
-    return 0;
-  }
-}
-
-function calculateMonthly(_ref) {
-  var option = _ref.option,
-      selectedEnhancements = _ref.selectedEnhancements;
-  var premium = option.monthly_premium || 0;
-  var enhancementsCost = selectedEnhancements.reduce(function (acc, id) {
-    var _option$enhancements;
-
-    var enhancement = (_option$enhancements = option.enhancements) == null ? void 0 : _option$enhancements.find(function (e) {
-      return e.id === id;
-    });
-    if (!enhancement) return acc;
-    var enhancementPremium = calcMonthlyEnhancementPrice(enhancement);
-
-    if (!acc) {
-      return enhancementPremium;
-    }
-
-    return acc + enhancementPremium;
-  }, 0) || 0;
-  return premium + enhancementsCost;
-}
-
-function calculateAnnually(_ref2) {
-  var option = _ref2.option,
-      selectedEnhancements = _ref2.selectedEnhancements,
-      _ref2$brokerFee = _ref2.brokerFee,
-      brokerFee = _ref2$brokerFee === void 0 ? 0 : _ref2$brokerFee;
-  var premium = option.premium || 0;
-  var fsl = option.fsl || 0;
-  var enhancementsCost = selectedEnhancements.reduce(function (acc, id) {
-    var _option$enhancements2;
-
-    var enhancement = (_option$enhancements2 = option.enhancements) == null ? void 0 : _option$enhancements2.find(function (e) {
-      return e.id === id;
-    });
-    if (!enhancement) return acc;
-    return (acc || 0) + (enhancement.premium || 0);
-  }, 0) || 0;
-  return premium + fsl + enhancementsCost + brokerFee;
-}
-
-function calcMonthlyEnhancementPrice(enhancement) {
-  if (!enhancement.premium) return 0;
-  var monthlyPremium = enhancement.premium / 100 / 12;
-
-  if (enhancement.disable_rounding) {
-    return Math.round(monthlyPremium * 100);
-  }
-
-  return Math.round(Math.ceil(monthlyPremium) * 100);
-}
-/**
- * Fix rounding errors we get from subtracting, and then adding GST back on
- * (Issues with 2 decimal place rounding)
- */
-
-function fixRoundingError(premium) {
-  // If the premium ends in "01" then we need to round it down
-  if (premium % 100 === 1) {
-    return premium - 1;
-  } // If the premium ends in "99" then we need to round it up
-
-
-  if (premium % 100 === 99) {
-    return premium + 1;
-  }
-
-  return premium;
-}
-function calcPurchaseOptionPricing(_ref3) {
-  var option = _ref3.option,
-      selectedEnhancements = _ref3.selectedEnhancements,
-      _ref3$brokerFee = _ref3.brokerFee,
-      brokerFee = _ref3$brokerFee === void 0 ? 0 : _ref3$brokerFee;
-  var monthly = calculateMonthly({
-    option: option,
-    selectedEnhancements: selectedEnhancements
-  });
-  var annually = calculateAnnually({
-    option: option,
-    selectedEnhancements: selectedEnhancements,
-    brokerFee: brokerFee
-  });
-  var monthlyWithGst = fixRoundingError(Math.round(addGst(monthly)));
-  var annuallyWithGst = fixRoundingError(Math.round(addGst(annually)));
-  return {
-    monthly: monthly,
-    annually: annually,
-    monthlyWithGst: monthlyWithGst,
-    annuallyWithGst: annuallyWithGst
-  };
-}
-
-/**
- * A wrapper around Inertia's usePage function that gives better type-safety
- */
-
-function usePage() {
-  // @ts-ignore
-  return react.usePage();
-}
-
-/**
- * A helper to return a fetch function including default headers and authorization.
- */
-
-function useFetch(_ref) {
-  var baseUrl = _ref.url,
-      _ref$method = _ref.method,
-      method = _ref$method === void 0 ? 'GET' : _ref$method,
-      _ref$params = _ref.params,
-      params = _ref$params === void 0 ? {} : _ref$params,
-      _ref$headers = _ref.headers,
-      headers = _ref$headers === void 0 ? {} : _ref$headers;
-  var access_token = usePage().props.access_token;
-  var url = baseUrl;
-
-  if (method === 'GET') {
-    var queryParams = new URLSearchParams(params);
-    url = url + "?" + queryParams.toString();
-  }
-
-  return React__default.useMemo(function () {
-    return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var res, ok, body, parsedBody, message, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return fetch(url, {
-                method: method,
-                headers: _extends({
-                  'Content-Type': 'application/json',
-                  Accept: 'application/json',
-                  Authorization: access_token ? "Bearer " + access_token : ''
-                }, headers),
-                body: Object.keys(params).length > 0 && method !== 'GET' ? JSON.stringify(params) : null
-              });
-
-            case 2:
-              res = _context.sent;
-              ok = res.ok;
-              _context.next = 6;
-              return res.text();
-
-            case 6:
-              body = _context.sent;
-              parsedBody = body;
-
-              try {
-                parsedBody = JSON.parse(body);
-              } catch (error) {// Response wasn't JSON, just use the text version.
-              }
-
-              message = typeof parsedBody === 'string' ? parsedBody : undefined;
-
-              if (ok) {
-                _context.next = 12;
-                break;
-              }
-
-              return _context.abrupt("return", {
-                ok: ok,
-                message: message
-              });
-
-            case 12:
-              data = typeof parsedBody !== 'string' ? parsedBody : undefined;
-              return _context.abrupt("return", {
-                ok: ok,
-                data: data,
-                message: message
-              });
-
-            case 14:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, [access_token, url, params, headers, method]);
-}
-
-function Button(_ref) {
-  var className = _ref.className,
-      href = _ref.href,
-      target = _ref.target,
-      _onClick = _ref.onClick,
-      type = _ref.type,
-      children = _ref.children,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'default' : _ref$status,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      as = _ref.as,
-      _ref$small = _ref.small,
-      small = _ref$small === void 0 ? false : _ref$small;
-  var baseClasses = small ? 'font-bold text-sm inline-flex items-center gap-3 justify-center text-white text-center px-3 py-1 rounded min-w-[80px] transition-all hover:brightness-110' : 'font-black inline-flex items-center gap-3 justify-center text-white text-center px-5 py-2 rounded-md min-w-[120px] transition-all hover:brightness-110';
-  var statusClass = status === 'primary' && 'bg-accent' || status === 'danger' && 'bg-red-500' || status === 'warning' && 'bg-yellow-400' || status === 'info' && 'bg-blue-400' || 'bg-gray-600';
-  var classes = (className != null ? className : '') + " " + baseClasses + " " + statusClass;
-
-  if (_onClick) {
-    return React__default.createElement("button", {
-      className: classes,
-      type: type != null ? type : 'button',
-      onClick: function onClick(e) {
-        return _onClick(e);
-      },
-      disabled: disabled
-    }, children);
-  }
-
-  if (type) {
-    return React__default.createElement("button", {
-      className: classes,
-      type: type != null ? type : 'button',
-      disabled: disabled
-    }, children);
-  }
-
-  if (href) {
-    if (href.includes('http') || target === '_blank' || as === 'a') {
-      return React__default.createElement("a", {
-        href: href,
-        target: target != null ? target : '_self',
-        className: classes
-      }, children);
-    }
-
-    return React__default.createElement(react.Link, {
-      href: href,
-      className: classes
-    }, children);
-  }
-
-  return React__default.createElement("p", {
-    className: "text-red-500 text-sm"
-  }, "[Invalid button]");
-}
-
-function Card(_ref) {
-  var className = _ref.className,
-      children = _ref.children;
-  return React__default.createElement("div", {
-    className: (className != null ? className : '') + " flex flex-col items-start bg-white rounded-md shadow-sm border border-gray-300 p-4 md:p-6"
-  }, children);
-}
-
-function Pagination(_ref) {
-  var meta = _ref.meta,
-      className = _ref.className,
-      _ref$showPerPageSelec = _ref.showPerPageSelector,
-      showPerPageSelector = _ref$showPerPageSelec === void 0 ? false : _ref$showPerPageSelec,
-      defaultValue = _ref.defaultValue;
-  var current_page = meta.current_page,
-      total = meta.total,
-      per_page = meta.per_page;
-  var perPageValue = defaultValue != null ? defaultValue : per_page;
-  var page_count = Math.ceil(total / per_page);
-
-  function getNextPageLink() {
-    if (typeof window !== 'undefined') {
-      var search = new URLSearchParams(window.location.search);
-      search.set('page', String(current_page + 1));
-      return "?" + search.toString();
-    }
-
-    return '';
-  }
-
-  function getPrevPageLink() {
-    if (typeof window !== 'undefined') {
-      var search = new URLSearchParams(window.location.search);
-      search.set('page', String(current_page - 1));
-      return "?" + search.toString();
-    }
-
-    return '';
-  }
-
-  var nextPageLink = getNextPageLink();
-  var prevPageLink = getPrevPageLink();
-
-  function handlePerPageChange(e) {
-    var _window;
-
-    var search = new URLSearchParams((_window = window) == null ? void 0 : _window.location.search);
-    search.set('limit', e.currentTarget.value);
-    search.set('page', '1');
-    window.location.href = "?" + search.toString();
-  }
-
-  return React__default.createElement("div", {
-    className: "" + (className != null ? className : '')
-  }, React__default.createElement("nav", {
-    className: "font-bold flex justify-between items-center gap-6"
-  }, React__default.createElement(react.Link, {
-    href: prevPageLink,
-    className: "flex items-center gap-2",
-    disabled: current_page === 1
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-4 w-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "2"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M10 19l-7-7m0 0l7-7m-7 7h18"
-  })), "Prev"), React__default.createElement("div", {
-    className: "flex gap-6 items-center"
-  }, React__default.createElement("p", null, "Page ", current_page, " of ", page_count), showPerPageSelector ? React__default.createElement("select", {
-    value: perPageValue,
-    onChange: handlePerPageChange
-  }, React__default.createElement("option", {
-    value: "10"
-  }, "10 per page"), React__default.createElement("option", {
-    value: "25"
-  }, "25 per page"), React__default.createElement("option", {
-    value: "50"
-  }, "50 per page"), React__default.createElement("option", {
-    value: "100"
-  }, "100 per page"), React__default.createElement("option", {
-    value: "250"
-  }, "250 per page"), React__default.createElement("option", {
-    value: "500"
-  }, "500 per page")) : ''), React__default.createElement(react.Link, {
-    href: nextPageLink,
-    className: "flex items-center gap-2",
-    disabled: current_page === page_count
-  }, "Next", React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-4 w-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "2"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M14 5l7 7m0 0l-7 7m7-7H3"
-  })))));
-}
-
-function SimplePagination(_ref) {
-  var meta = _ref.meta,
-      className = _ref.className,
-      _ref$showPerPageSelec = _ref.showPerPageSelector,
-      showPerPageSelector = _ref$showPerPageSelec === void 0 ? false : _ref$showPerPageSelec,
-      defaultValue = _ref.defaultValue;
-  var current_page = meta.current_page,
-      per_page = meta.per_page,
-      to = meta.to,
-      from = meta.from;
-  var perPageValue = defaultValue != null ? defaultValue : per_page;
-  var results_on_page = to - from + 1;
-  var has_more_pages = results_on_page === per_page;
-
-  function getNextPageLink() {
-    if (typeof window !== 'undefined') {
-      var search = new URLSearchParams(window.location.search);
-      search.set('page', String(current_page + 1));
-      return "?" + search.toString();
-    }
-
-    return '';
-  }
-
-  function getPrevPageLink() {
-    if (typeof window !== 'undefined') {
-      var search = new URLSearchParams(window.location.search);
-      search.set('page', String(current_page - 1));
-      return "?" + search.toString();
-    }
-
-    return '';
-  }
-
-  var nextPageLink = getNextPageLink();
-  var prevPageLink = getPrevPageLink();
-
-  function handlePerPageChange(e) {
-    var _window;
-
-    var search = new URLSearchParams((_window = window) == null ? void 0 : _window.location.search);
-    search.set('limit', e.currentTarget.value);
-    search.set('page', '1');
-    window.location.href = "?" + search.toString();
-  }
-
-  return React__default.createElement("div", {
-    className: "" + (className != null ? className : '')
-  }, React__default.createElement("nav", {
-    className: "font-bold flex justify-between items-center gap-6"
-  }, React__default.createElement(react.Link, {
-    href: prevPageLink,
-    className: "flex items-center gap-2",
-    disabled: current_page === 1
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-4 w-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "2"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M10 19l-7-7m0 0l7-7m-7 7h18"
-  })), "Prev"), React__default.createElement("div", {
-    className: "flex gap-6 items-center"
-  }, React__default.createElement("p", null, "Page ", current_page), showPerPageSelector ? React__default.createElement("select", {
-    value: perPageValue,
-    onChange: handlePerPageChange
-  }, React__default.createElement("option", {
-    value: "10"
-  }, "10 per page"), React__default.createElement("option", {
-    value: "25"
-  }, "25 per page"), React__default.createElement("option", {
-    value: "50"
-  }, "50 per page"), React__default.createElement("option", {
-    value: "100"
-  }, "100 per page"), React__default.createElement("option", {
-    value: "250"
-  }, "250 per page"), React__default.createElement("option", {
-    value: "500"
-  }, "500 per page")) : ''), React__default.createElement(react.Link, {
-    href: nextPageLink,
-    className: "flex items-center gap-2",
-    disabled: !has_more_pages
-  }, "Next", React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-4 w-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "2"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M14 5l7 7m0 0l-7 7m7-7H3"
-  })))));
-}
-
-function ToastItem(_ref) {
-  var _ref$_id = _ref._id,
-      _id = _ref$_id === void 0 ? '' : _ref$_id,
-      message = _ref.message,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'default' : _ref$status;
-
-  var _useToast = useToast(),
-      removeToast = _useToast.removeToast;
-
-  var defaultClasses = 'w-full min-w-[250px] p-4 shadow flex justify-between items-center font-black rounded-md not:';
-  var statusClasses = status === 'success' && 'bg-accent text-white' || status === 'error' && 'bg-red-500 text-white' || status === 'warning' && 'bg-yellow-400 text-white' || 'bg-white text-primary';
-  var classes = defaultClasses + " " + statusClasses;
-
-  function handleClick() {
-    removeToast(_id);
-  }
-
-  return React__default.createElement(react$1.Transition, {
-    show: true,
-    appear: true,
-    enter: "transition-all duration-300",
-    enterFrom: "opacity-0 translate-y-4",
-    enterTo: "opacity-100 translate-y-0",
-    leave: "transition-all duration-300",
-    leaveFrom: "opacity-100 translate-y-0",
-    leaveTo: "opacity-0 translate-y-2"
-  }, React__default.createElement("div", {
-    className: classes
-  }, React__default.createElement("p", null, message), React__default.createElement("button", {
-    className: "",
-    onClick: handleClick,
-    title: "Close message"
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    className: "h-6 w-6"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    d: "M6 18L18 6M6 6l12 12"
-  })))));
-}
-
-function Toasts() {
-  var _useToast = useToast(),
-      toasts = _useToast.toasts;
-
-  return React__default.createElement("div", {
-    className: "fixed bottom-4 right-4 z-[120] flex flex-col gap-6"
-  }, toasts.map(function (toast) {
-    return React__default.createElement(ToastItem, Object.assign({}, toast, {
-      key: toast._id
-    }));
-  }));
-}
-
-function Modal(_ref) {
-  var children = _ref.children,
-      _ref$isActive = _ref.isActive,
-      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-      onClose = _ref.onClose,
-      title = _ref.title,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? '' : _ref$width,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  return React__default.createElement(react$1.Transition.Root, {
-    show: isActive,
-    as: React.Fragment
-  }, React__default.createElement(react$1.Dialog, {
-    as: "div",
-    className: "fixed z-[110] inset-0 overflow-y-auto",
-    onClose: onClose
-  }, React__default.createElement("div", {
-    className: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
-  }, React__default.createElement(react$1.Transition.Child, {
-    as: React.Fragment,
-    enter: "ease-out duration-300",
-    enterFrom: "opacity-0",
-    enterTo: "opacity-100",
-    leave: "ease-in duration-200",
-    leaveFrom: "opacity-100",
-    leaveTo: "opacity-0"
-  }, React__default.createElement(react$1.Dialog.Overlay, {
-    className: "fixed inset-0 bg-gray-500/75 transition-opacity"
-  })), React__default.createElement(react$1.Transition.Child, {
-    as: React.Fragment,
-    enter: "ease-out duration-300",
-    enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-    enterTo: "opacity-100 translate-y-0 sm:scale-100",
-    leave: "ease-in duration-200",
-    leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
-    leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-  }, React__default.createElement("div", {
-    className: className + " w-full align-start inline-block bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-7xl sm:p-6 " + width
-  }, React__default.createElement("div", {
-    className: "flex gap-4 mb-4 text-primary " + (title ? 'border-b-2 border-primary pb-4' : '')
-  }, title && React__default.createElement("h3", {
-    className: "font-black text-lg"
-  }, title), React__default.createElement("button", {
-    type: "button",
-    onClick: onClose,
-    className: "ml-auto transition-all hover:opacity-50"
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-6 w-6",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: 2
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M6 18L18 6M6 6l12 12"
-  })))), React__default.createElement("div", null, children))))));
-}
-
-var _excluded = ["children"];
-function Table(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return React__default.createElement("div", {
-    className: "-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8 text-sm"
-  }, React__default.createElement("div", {
-    className: "inline-block min-w-full py-2 align-middle md:px-6 lg:px-8"
-  }, React__default.createElement("div", {
-    className: "overflow-hidden shadow ring-1 ring-gray-300 ring-opacity-5 md:rounded-lg"
-  }, React__default.createElement("table", Object.assign({}, props, {
-    className: "min-w-full divide-y divide-gray-300"
-  }), children))));
-}
-
-function TableActions(_ref) {
-  var children = _ref.children,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  return React__default.createElement("div", {
-    className: className + " flex gap-4 justify-end items-center"
-  }, children);
-}
-
-var _excluded$1 = ["children", "className"];
-function TableBody(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
-  return React__default.createElement("tbody", Object.assign({}, props, {
-    className: cn(className, 'divide-y divide-gray-200 bg-white')
-  }), children);
-}
-
-var _excluded$2 = ["children", "className", "condensed"];
-function TableCell(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      condensed = _ref.condensed,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
-  return React__default.createElement("td", Object.assign({}, props, {
-    className: cn(className, 'px-3 py-3 text-sm text-gray-500', {
-      'w-0 whitespace-nowrap': condensed
-    })
-  }), children);
-}
-
-var _excluded$3 = ["children", "className"];
-function TableHead(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
-  return React__default.createElement("thead", Object.assign({}, props, {
-    className: cn(className, 'px-3 py-4 text-sm text-white bg-gray-600')
-  }), children);
-}
-
-var _excluded$4 = ["children", "className", "sort", "textAlign", "condensed"];
-function TableHeader(_ref) {
-  var children = _ref.children,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      sort = _ref.sort,
-      _ref$textAlign = _ref.textAlign,
-      textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign,
-      condensed = _ref.condensed,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
-  var _React$useState = React__default.useState(''),
-      sortLink = _React$useState[0],
-      setSortLink = _React$useState[1];
-
-  React__default.useEffect(function () {
-    if (typeof window !== 'undefined' && sort) {
-      var query = new URLSearchParams(window.location.search);
-      var direction = 'asc';
-
-      if (query.get('sort')) {
-        var _query$get;
-
-        // Choose the opposite direction for sorting
-        direction = (_query$get = query.get('sort')) != null && _query$get.includes('asc') ? 'desc' : 'asc';
-      }
-
-      query.set('sort', sort + " " + direction);
-      setSortLink("?" + query.toString());
-    }
-  }, []);
-  var textAlignClass = textAlign === 'center' && 'text-center justify-center' || textAlign === 'right' && 'text-right justify-end' || 'text-left justify-between';
-  return React__default.createElement("th", Object.assign({}, props, {
-    className: cn(className, 'py-3.5 px-3 text-sm font-semibold text-left', {
-      'w-0 whitespace-nowrap': condensed
-    })
-  }), React__default.createElement("div", {
-    className: "flex items-center gap-3 " + textAlignClass
-  }, children, sort && React__default.createElement(react.Link, {
-    href: sortLink
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-5 w-5",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: "2"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
-  })))));
-}
-
-var _excluded$5 = ["children", "className", "onClick"];
-function TableRow(_ref) {
-  var children = _ref.children,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$onClick = _ref.onClick,
-      _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
-  var bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50';
-  return React__default.createElement("tr", Object.assign({}, props, {
-    className: cn(className, bgClass, 'hover:bg-gray-100'),
-    onClick: function onClick(e) {
-      return _onClick(e);
-    }
-  }), children);
-}
-
-function DateOfBirthField(_ref) {
-  var _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'dob' : _ref$name,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? 'dob' : _ref$id,
-      onChange = _ref.onChange,
-      value = _ref.value,
-      _ref$maxYear = _ref.maxYear,
-      maxYear = _ref$maxYear === void 0 ? 0 : _ref$maxYear,
-      _ref$showAge = _ref.showAge,
-      showAge = _ref$showAge === void 0 ? false : _ref$showAge,
-      _ref$isRequired = _ref.isRequired,
-      isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
-  var dayOptions = [].concat(Array.from(Array(31).keys())).map(function (value) {
-    return lodash.padStart("" + (value + 1), 2, '0');
-  });
-  var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-  var monthOptions = [].concat(Array.from(Array(12).keys())).map(function (value) {
-    return {
-      title: months[value],
-      value: lodash.padStart("" + (value + 1), 2, '0')
-    };
-  }); // Create 100 years of options, subtracting the maximum year if provided
-
-  var yearOptions = [].concat(Array.from(Array(100).keys())).map(function (value) {
-    return maxYear ? maxYear - value : new Date().getFullYear() - value;
-  });
-
-  function handleChange(e) {
-    var _e$currentTarget = e.currentTarget,
-        name = _e$currentTarget.name,
-        value = _e$currentTarget.value;
-    var y = name.includes('year') ? value : year;
-    var m = name.includes('month') ? value : month;
-    var d = name.includes('day') ? value : day;
-    onChange(y + "-" + m + "-" + d);
-  }
-
-  var _ref2 = value ? value.split('-') : ['', '', ''],
-      year = _ref2[0],
-      month = _ref2[1],
-      day = _ref2[2];
-
-  var isValidDate = year && month && day && !isNaN(Date.parse(year + "-" + month + "-" + day));
-  var styleReq = {
-    backgroundPosition: 'top 10px right 3px, center right 10px'
-  };
-  var style = {
-    backgroundPosition: 'right 0.5rem center',
-    paddingRight: '1.5rem'
-  };
-  return React__default.createElement("span", {
-    className: "flex flex-col gap-2"
-  }, React__default.createElement("span", {
-    className: "flex w-full border border-gray-300 rounded-lg bg-white"
-  }, React__default.createElement("select", {
-    name: name + "_day",
-    id: id + "_day",
-    value: day,
-    className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
-    onChange: handleChange,
-    required: isRequired,
-    style: isRequired ? styleReq : style
-  }, React__default.createElement("option", {
-    value: ""
-  }, "Day"), dayOptions.map(function (option) {
-    return React__default.createElement("option", {
-      key: option,
-      value: option
-    }, option);
-  })), React__default.createElement("select", {
-    name: name + "_month",
-    id: id + "_month",
-    value: month,
-    className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
-    onChange: handleChange,
-    required: isRequired,
-    style: isRequired ? styleReq : style
-  }, React__default.createElement("option", {
-    value: ""
-  }, "Month"), monthOptions.map(function (option) {
-    return React__default.createElement("option", {
-      key: option.value,
-      value: option.value
-    }, option.title);
-  })), React__default.createElement("select", {
-    name: name + "_year",
-    id: id + "_year",
-    value: year,
-    className: "flex-grow focus:outline-none border-0 !mr-[3px] lg:pl-4 xl:pl-2",
-    onChange: handleChange,
-    required: isRequired,
-    style: isRequired ? styleReq : style
-  }, React__default.createElement("option", {
-    value: ""
-  }, "Year"), yearOptions.map(function (option) {
-    return React__default.createElement("option", {
-      key: option,
-      value: option
-    }, option);
-  }))), showAge && value && isValidDate && React__default.createElement("span", {
-    className: "font-bold"
-  }, "Age: ", calculateAge(value), " years"));
-}
-
-function MoneyField(_ref) {
-  var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      onChange = _ref.onChange,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'value' : _ref$name,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? 'value' : _ref$id,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required;
-
-  function handleChange(e) {
-    var newValue = 0;
-
-    if (e.currentTarget.value) {
-      newValue = formatNumber(e.currentTarget.value);
-
-      if (isNaN(newValue)) {
-        newValue = 0;
-      }
-    }
-
-    onChange(newValue);
-  }
-
-  var displayValue = formatMoney(value, 0);
-  return React__default.createElement("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"
-  }, React__default.createElement("span", {
-    className: "font-bold pr-2"
-  }, "$"), React__default.createElement("input", {
-    type: "text",
-    name: name,
-    id: id,
-    value: displayValue,
-    onChange: handleChange,
-    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: required
-  }));
-}
-
-var conditionOptions = ['POOR', 'FAIR', 'AVERAGE', 'GOOD', 'VERY_GOOD', 'AS_NEW', 'NEW'];
-function RegistrationSearchField(_ref) {
-  var _ref$name = _ref.name,
-      name = _ref$name === void 0 ? 'registration_search' : _ref$name,
-      _ref$initialRegistrat = _ref.initialRegistrationValue,
-      initialRegistrationValue = _ref$initialRegistrat === void 0 ? '' : _ref$initialRegistrat,
-      onVehicleDataFound = _ref.onVehicleDataFound,
-      _ref$apiUrl = _ref.apiUrl,
-      apiUrl = _ref$apiUrl === void 0 ? '/api/rego-search' : _ref$apiUrl,
-      _ref$showOdometerRead = _ref.showOdometerReadingField,
-      showOdometerReadingField = _ref$showOdometerRead === void 0 ? false : _ref$showOdometerRead,
-      _ref$showConditionFie = _ref.showConditionField,
-      showConditionField = _ref$showConditionFie === void 0 ? false : _ref$showConditionFie,
-      onChange = _ref.onChange,
-      outerClassName = _ref.outerClassName,
-      odoInputClassName = _ref.odoInputClassName,
-      conditionSelectClassName = _ref.conditionSelectClassName,
-      regoInputClassName = _ref.regoInputClassName,
-      searchBtnClassName = _ref.searchBtnClassName;
-
-  var _React$useState = React__default.useState(initialRegistrationValue),
-      rego = _React$useState[0],
-      setRego = _React$useState[1];
-
-  var _React$useState2 = React__default.useState(''),
-      odo = _React$useState2[0],
-      setOdo = _React$useState2[1];
-
-  var _React$useState3 = React__default.useState('GOOD'),
-      condition = _React$useState3[0],
-      setCondition = _React$useState3[1];
-
-  var _React$useState4 = React__default.useState('idle'),
-      status = _React$useState4[0],
-      setStatus = _React$useState4[1];
-
-  var _useToast = useToast(),
-      addToast = _useToast.addToast;
-
-  function handleChange(e) {
-    if (e.currentTarget.name === name) {
-      var _e$currentTarget$valu;
-
-      setRego(((_e$currentTarget$valu = e.currentTarget.value) == null ? void 0 : _e$currentTarget$valu.toUpperCase()) || '');
-    }
-
-    if (e.currentTarget.name === 'odo_search') {
-      setOdo(e.currentTarget.value);
-    }
-
-    if (e.currentTarget.name === 'condition_search') {
-      setCondition(e.currentTarget.value);
-    }
-
-    if (onChange) {
-      onChange({
-        registration: e.currentTarget.value.toUpperCase()
-      });
-    }
-  }
-
-  function handleKeydown(e) {
-    if (e.key === 'Enter') {
-      handleSearch();
-    }
-  }
-
-  function handleSearch() {
-    return _handleSearch.apply(this, arguments);
-  }
-
-  function _handleSearch() {
-    _handleSearch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var payload, query, res, _yield$res$json, data, ok, vehicleData, make, model, year, weight, vehicleType;
-
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setStatus('processing');
-              payload = {
-                registration: rego,
-                odometerReading: odo,
-                condition: condition
-              }; // Turn the payload in to a query string
-              // @ts-ignore
-
-              query = new URLSearchParams(payload).toString();
-              _context.next = 5;
-              return fetch(apiUrl + "?" + query, {
-                headers: {
-                  'Content-Type': 'application/json'
-                }
-              });
-
-            case 5:
-              res = _context.sent;
-
-              if (res.ok) {
-                _context.next = 10;
-                break;
-              }
-
-              addToast({
-                message: "There was an error with the provided registration.",
-                status: 'error',
-                timeout: 3000
-              });
-              setStatus('error');
-              return _context.abrupt("return");
-
-            case 10:
-              _context.next = 12;
-              return res.json();
-
-            case 12:
-              _yield$res$json = _context.sent;
-              data = _yield$res$json.data;
-              ok = _yield$res$json.ok;
-
-              if (!(!ok || !data)) {
-                _context.next = 19;
-                break;
-              }
-
-              addToast({
-                message: "Failed to find vehicle, please complete manually.",
-                status: 'error',
-                timeout: 3000
-              });
-              setStatus('error');
-              return _context.abrupt("return");
-
-            case 19:
-              vehicleData = data.data.vehicle;
-              make = vehicleData.make;
-              model = vehicleData.model;
-              year = vehicleData['year-of-manufacture'];
-              weight = vehicleData['gross-vehicle-mass'] ? parseInt(vehicleData['gross-vehicle-mass'].replaceAll(',', '')) : 0;
-              vehicleType = vehicleData['vehicle-type'];
-
-              if (!make || !model || !year || !vehicleType) {
-                addToast({
-                  message: "We couldn't find all of your data, please complete manually.",
-                  status: 'error',
-                  timeout: 3000
-                });
-                setStatus('error');
-              }
-
-              onVehicleDataFound(_extends({}, data, {
-                make: make || '',
-                model: model || '',
-                year: year || '',
-                vehicle_type: vehicleType ? sanitiseVehicleType(vehicleType) : 'car',
-                is_heavy: weight && weight > 3500 || false
-              }));
-              setStatus('success');
-
-            case 28:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return _handleSearch.apply(this, arguments);
-  }
-
-  return React__default.createElement("div", {
-    className: "w-full flex flex-col"
-  }, React__default.createElement("div", {
-    className: cn(outerClassName, "w-full flex flex-wrap gap-3 bg-gray-100 rounded-md p-3")
-  }, showOdometerReadingField || showConditionField && React__default.createElement("div", {
-    className: "w-full grid grid-cols-2 gap-3"
-  }, showOdometerReadingField && React__default.createElement("label", null, "Approx. km travelled", React__default.createElement("input", {
-    onKeyDown: handleKeydown,
-    type: "number",
-    name: "odo_search",
-    id: "odo_search",
-    value: odo,
-    onChange: handleChange,
-    className: cn(odoInputClassName, "transition-all", {
-      'pointer-events-none opacity-50': status === 'processing'
-    }),
-    disabled: status === 'processing'
-  })), showConditionField && React__default.createElement("label", null, "Vehicle condition", React__default.createElement("select", {
-    name: "condition_search",
-    id: "condition_search",
-    value: condition,
-    onChange: handleChange,
-    className: cn(conditionSelectClassName, "transition-all", {
-      'pointer-events-none opacity-50': status === 'processing'
-    }),
-    disabled: status === 'processing'
-  }, conditionOptions.map(function (conditionOption) {
-    return React__default.createElement("option", {
-      key: conditionOption
-    }, conditionOption);
-  })))), React__default.createElement("input", {
-    onKeyDown: handleKeydown,
-    placeholder: "Search for your rego",
-    type: "text",
-    name: name,
-    id: name,
-    value: rego,
-    onChange: handleChange,
-    className: cn(regoInputClassName, "flex-grow transition-all", {
-      'pointer-events-none opacity-50': status === 'processing'
-    }),
-    disabled: status === 'processing'
-  }), React__default.createElement("button", {
-    title: "Search",
-    type: "button",
-    onClick: handleSearch,
-    disabled: status === 'processing',
-    className: cn(searchBtnClassName, "bg-accent px-4 py-3 rounded-md transition-all")
-  }, React__default.createElement("span", {
-    className: "sr-only"
-  }, "Search"), React__default.createElement("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"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-  })))));
-}
-
-function FormTester(_ref) {
-  var _ref$populatePurchase = _ref.populatePurchaseOptions,
-      populatePurchaseOptions = _ref$populatePurchase === void 0 ? false : _ref$populatePurchase;
-
-  var _useQuoteRequestForm = useQuoteRequestForm(),
-      form = _useQuoteRequestForm.form;
-
-  var _React$useState = React__default.useState([]),
-      keys = _React$useState[0],
-      setKeys = _React$useState[1];
-
-  var _React$useState2 = React__default.useState(false),
-      isDev = _React$useState2[0],
-      setDev = _React$useState2[1];
-
-  function handlePopulate() {
-    form == null ? void 0 : form.setData(function (prevData) {
-      return _extends({}, prevData, {
-        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: true,
-          incidents: [{
-            description: 'Lorem ipsum dolor sit amet.',
-            month: 'January',
-            year: '2020'
-          }],
-          has_demerit_points: true,
-          demerit_points: '1-24',
-          has_lost_licence: true,
-          lost_licence_details: 'Lorem ipsum dolor sit amet.',
-          was_refused_insurance: true,
-          refused_insurance_details: 'Lorem ipsum dolor sit amet.',
-          has_criminal_conviction: true,
-          criminal_conviction_details: 'Lorem ipsum dolor sit amet.',
-          has_vehicle_modifications: true,
-          vehicle_modifications_details: 'Lorem ipsum dolor sit amet.',
-          has_previous_insurer: true,
-          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: 100000,
-          is_heavy: false,
-          usage: 'Childrens car',
-          storage_location: 'Carport',
-          has_financially_interested_party: true,
-          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: populatePurchaseOptions ? [{
-          premium_type: 'annual',
-          level_of_insurance_id: 12,
-          authorised_drivers: 'TEST',
-          excess_details: 'TEST',
-          terms: 'TEST',
-          description: 'This is a test purchase option',
-          premium: 100000,
-          monthly_premium: 8500,
-          show_monthly: true,
-          fsl: 100,
-          sort_order: 1,
-          enhancements: [{
-            name: 'Test enhancement',
-            premium: 2500,
-            disable_rounding: false,
-            description: 'Test enhancement',
-            auto_select: true,
-            key: 'enhancement-test-key-1'
-          }, {
-            name: 'Test enhancement',
-            premium: 5000,
-            disable_rounding: false,
-            description: 'Test enhancement',
-            auto_select: false,
-            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: 100000,
-          show_monthly: false,
-          fsl: 100,
-          sort_order: 2,
-          enhancements: [{
-            name: 'Test enhancement',
-            premium: 2500,
-            disable_rounding: false,
-            description: 'Test enhancement',
-            auto_select: true,
-            key: 'enhancement-test-key-3'
-          }, {
-            name: 'Test enhancement',
-            premium: 5000,
-            disable_rounding: false,
-            description: 'Test enhancement',
-            auto_select: false,
-            key: 'enhancement-test-key-4'
-          }],
-          key: 'purchase-option-test-key-total-due'
-        }] : []
-      });
-    });
-  }
-
-  function handleKeydown(e) {
-    if (e.key === 'Escape') {
-      return setKeys([]);
-    }
-
-    setKeys(function (prevKeys) {
-      return [].concat(prevKeys, [e.key]);
-    });
-  }
-
-  React__default.useEffect(function () {
-    // Detect when the user has typed the word "debug"
-    if (keys.join('') === 'debug') {
-      handlePopulate();
-    }
-  }, [keys]);
-  React__default.useEffect(function () {
-    if (typeof window !== 'undefined') {
-      if (window.location.href.includes('dev') || window.location.href.includes('localhost') || window.location.href.includes('test') || window.location.href.includes('local')) {
-        setDev(true);
-      }
-
-      window.addEventListener('keydown', function (e) {
-        return handleKeydown(e);
-      });
-      return function () {
-        window.removeEventListener('keydown', function (e) {
-          return handleKeydown(e);
-        });
-      };
-    }
-
-    return;
-  }, []);
-
-  if (isDev) {
-    return React__default.createElement(Button, {
-      onClick: handlePopulate,
-      type: "button",
-      status: "primary",
-      className: "fixed bottom-4 right-4"
-    }, "Populate data");
-  }
-
-  return React__default.createElement(React__default.Fragment, null);
-}
-
-function ErrorList(_ref) {
-  var _ref$heading = _ref.heading,
-      heading = _ref$heading === void 0 ? 'There was an error with your submission.' : _ref$heading,
-      _ref$errors = _ref.errors,
-      errors = _ref$errors === void 0 ? {} : _ref$errors,
-      _ref$renderKeys = _ref.renderKeys,
-      renderKeys = _ref$renderKeys === void 0 ? false : _ref$renderKeys,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-
-  if (Object.values(errors).length === 0) {
-    return React__default.createElement(React__default.Fragment, null);
-  }
-
-  return React__default.createElement("aside", {
-    className: className + " col-span-full"
-  }, React__default.createElement(Card, {
-    className: "border border-red-500 !bg-red-50"
-  }, React__default.createElement("h2", {
-    className: "font-black text-red-500 mb-2"
-  }, heading), React__default.createElement("ul", {
-    className: "space-y-2 list-disc ml-4"
-  }, Object.entries(errors).map(function (_ref2) {
-    var field = _ref2[0],
-        message = _ref2[1];
-    return React__default.createElement("li", {
-      className: "font-bold text-red-500",
-      key: field
-    }, renderKeys && React__default.createElement("strong", null, field, ": "), message);
-  }))));
-}
-
-function BackButton(_ref) {
-  var back = _ref.back,
-      className = _ref.className;
-
-  var _React$useState = React__default.useState(typeof back === 'string' ? back : undefined),
-      backUrl = _React$useState[0],
-      setBackUrl = _React$useState[1];
-
-  var breadcrumbs = usePage().props.breadcrumbs;
-  /**
-   * Set the back URL on mount
-   */
-
-  React__default.useEffect(function () {
-    if (typeof window !== 'undefined') {
-      if (!breadcrumbs) return; // Set back button URL
-
-      if (back && typeof back === 'boolean') {
-        // If we haven't provided a path as a prop, use the last breadcrumb that's not the current one
-        var crumb = breadcrumbs.slice(breadcrumbs.length - 2, breadcrumbs.length - 1);
-
-        if (crumb && crumb.length === 1) {
-          // Strip off everything but the path so the <Link> component works
-          var url = crumb[0].url;
-
-          if (url) {
-            setBackUrl(new URL(url).pathname);
-          }
-        }
-      }
-    }
-  }, [breadcrumbs]);
-  return React__default.createElement(react.Link, {
-    href: backUrl || '/',
-    className: cn(className, 'flex items-center justify-center text-primary hover:text-accent transition-all')
-  }, React__default.createElement(hi2.HiArrowLeft, {
-    className: "h-5 w-5 stroke-[1.25]"
-  }));
-}
-
-function SearchBar(_ref) {
-  var search = _ref.search,
-      active = _ref.active,
-      onActive = _ref.onActive,
-      placeholder = _ref.placeholder,
-      _ref$focusSearchShort = _ref.focusSearchShortcut,
-      focusSearchShortcut = _ref$focusSearchShort === void 0 ? false : _ref$focusSearchShort;
-
-  var _React$useState = React__default.useState(''),
-      query = _React$useState[0],
-      setQuery = _React$useState[1];
-
-  var searchRef = React__default.useRef(null);
-  /**
-   * Populate search input on load
-   */
-
-  React__default.useEffect(function () {
-    if (typeof window !== 'undefined') {
-      // Populate search
-      var _search = new URLSearchParams(window.location.search);
-
-      var q = _search.get('search');
-
-      if (q) {
-        setQuery(q);
-        onActive(true);
-      }
-    }
-
-    var listener = function listener(e) {
-      if (focusSearchShortcut && e.key === '/') {
-        e.preventDefault();
-        onActive(true);
-      }
-
-      if (e.key === 'Escape') {
-        onActive(false);
-      }
-    };
-
-    window.addEventListener('keydown', listener);
-    return function () {
-      window.removeEventListener('keydown', listener);
-    };
-  }, [focusSearchShortcut]);
-  /**
-   * Minimise the search bar on click outside if there's no search query
-   */
-
-  useClickOutside(searchRef, function () {
-    if (!query) {
-      onActive(false);
-    }
-  });
-  /**
-   * Handle the search function
-   */
-
-  function handleSearch(e, queryOverride) {
-    var _window;
-
-    e == null ? void 0 : e.preventDefault();
-    if (typeof search !== 'string') return;
-    var path = search;
-
-    if (path[0] !== '/') {
-      path = "/" + path;
-    }
-
-    var params = new URLSearchParams((_window = window) == null ? void 0 : _window.location.search);
-    params.set('search', queryOverride != null ? queryOverride : query);
-    params.set('page', '1');
-    react.router.get(path + "?" + params.toString());
-  }
-
-  return React__default.createElement("div", {
-    ref: searchRef,
-    className: ""
-  }, !active && React__default.createElement("button", {
-    title: "Open Search Bar",
-    type: "button",
-    onClick: function onClick() {
-      return onActive(true);
-    },
-    className: "flex items-center justify-center rounded-full hover:text-accent p-1 hover:bg-gray-100"
-  }, React__default.createElement(hi2.HiMagnifyingGlass, {
-    className: "h-5 w-5 stroke-[1.25]"
-  })), active && React__default.createElement("form", {
-    onSubmit: handleSearch,
-    className: "group flex items-center gap-2 rounded-full bg-white pr-4 pl-1 shadow transition-all focus-within:outline-none focus-within:ring-1 focus-within:ring-accent"
-  }, React__default.createElement("input", {
-    type: "text",
-    name: "search",
-    id: "search",
-    value: query,
-    onChange: function onChange(e) {
-      return setQuery(e.currentTarget.value || '');
-    },
-    className: "no-focus-shadow !focus:border-0 !border-0 !bg-transparent !shadow-none !ring-opacity-0 !transition-none placeholder:text-gray-400 !py-1.5 text-sm",
-    autoFocus: true,
-    placeholder: placeholder
-  }), query && React__default.createElement("button", {
-    type: "button",
-    title: "Clear Search",
-    onClick: function onClick() {
-      setQuery('');
-      handleSearch(undefined, '');
-    }
-  }, React__default.createElement(hi2.HiXMark, {
-    className: "h-5 w-5"
-  })), React__default.createElement("button", {
-    type: "submit"
-  }, React__default.createElement(hi2.HiMagnifyingGlass, {
-    className: "h-5 w-5"
-  }))));
-}
-
-function Action(_ref) {
-  var title = _ref.title,
-      href = _ref.href,
-      _ref$as = _ref.as,
-      as = _ref$as === void 0 ? 'Link' : _ref$as,
-      _ref$target = _ref.target,
-      target = _ref$target === void 0 ? '_self' : _ref$target,
-      type = _ref.type,
-      _ref$onClick = _ref.onClick,
-      _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      shortcutKey = _ref.shortcutKey,
-      backgroundColor = _ref.backgroundColor,
-      textColor = _ref.textColor,
-      actions = _ref.actions;
-
-  var backgroundColorClass = backgroundColor ? "bg-" + backgroundColor : 'bg-white';
-  var textColorClass = textColor ? "text-" + textColor : '';
-  var colorClass = (backgroundColorClass + " " + textColorClass).trim();
-  var className = colorClass + ' rounded-full font-bold px-4 py-1.5 text-sm whitespace-nowrap hover:bg-gray-100 hover:border-gray-400 transition-colors border border-gray-300';
-  var tooltipId = "action-" + title;
-  var tooltipContent = shortcutKey ? "Ctrl + " + shortcutKey : undefined;
-  var actionButtonRef = React__default.useRef(null);
-  var isActionsButton = actions && actions.length > 0;
-  var actionsButtonClassName = 'relative cursor-pointer ' + className;
-
-  var _React$useState = React__default.useState(false),
-      isInnerActionVisible = _React$useState[0],
-      setIsInnerActionVisible = _React$useState[1];
-
-  var toggleActionsMenu = function toggleActionsMenu() {
-    setIsInnerActionVisible(!isInnerActionVisible);
-  };
-
-  useClickOutside(actionButtonRef, function () {
-    return setIsInnerActionVisible(false);
-  });
-
-  function runAction() {
-    if (as === 'Link' && href) {
-      return react.router.get(href);
-    }
-
-    if (as === 'a' && href) {
-      return window.location.href = href;
-    }
-
-    _onClick();
-  }
-  React__default.useEffect(function () {
-    if (typeof window === 'undefined') return;
-    if (!shortcutKey) return;
-
-    var listener = function listener(e) {
-      // Check if Ctrl (Windows) or Cmd (Mac) key is pressed
-      var isCtrlOrCmdPressed = e.ctrlKey || e.metaKey; // Check if the focus is on an input element or inside a form
-
-      var isInInput = e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement;
-      var isInForm = e.target instanceof Element && e.target.closest('form');
-
-      if (isCtrlOrCmdPressed && !isInInput && !isInForm && e.key === shortcutKey) {
-        e.preventDefault();
-        runAction();
-      }
-    };
-
-    window.addEventListener('keydown', listener);
-    return function () {
-      window.removeEventListener('keydown', listener);
-    };
-  }, [shortcutKey]);
-
-  if (isActionsButton) {
-    return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
-      id: tooltipId,
-      className: "z-10"
-    }), React__default.createElement("div", {
-      ref: actionButtonRef,
-      "data-tooltip-id": tooltipId,
-      "data-tooltip-content": tooltipContent,
-      className: actionsButtonClassName,
-      onClick: toggleActionsMenu
-    }, title, isInnerActionVisible && React__default.createElement("div", {
-      className: "absolute top-[120%] right-[-20%] z-10"
-    }, React__default.createElement("div", {
-      className: "flex flex-col gap-2 bg-white rounded-lg shadow-xl p-3"
-    }, actions && actions.map(function (action, index) {
-      if (action.hidden) return null;
-      return React__default.createElement(Action, {
-        key: index,
-        title: action.title,
-        as: action.as,
-        href: action.href,
-        target: action.target,
-        onClick: action.onClick,
-        type: 'button'
-      });
-    })))));
-  }
-
-  if (as === 'Link' && href) {
-    return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
-      id: tooltipId,
-      className: "z-10"
-    }), React__default.createElement(react.Link, {
-      "data-tooltip-id": tooltipId,
-      "data-tooltip-content": tooltipContent,
-      className: className,
-      href: href,
-      onClick: function onClick() {
-        return _onClick();
-      }
-    }, title));
-  }
-
-  if (as === 'a' && href) {
-    return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
-      id: tooltipId,
-      className: "z-10"
-    }), React__default.createElement("a", {
-      "data-tooltip-id": tooltipId,
-      "data-tooltip-content": tooltipContent,
-      className: className,
-      target: target,
-      href: href,
-      onClick: function onClick() {
-        return _onClick();
-      }
-    }, title));
-  }
-
-  return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
-    id: tooltipId,
-    className: "z-10"
-  }), React__default.createElement("button", {
-    "data-tooltip-id": tooltipId,
-    "data-tooltip-content": tooltipContent,
-    className: className,
-    type: type,
-    onClick: function onClick() {
-      return _onClick();
-    }
-  }, title));
-}
-
-function Dropdown(_ref) {
-  var onClose = _ref.onClose,
-      active = _ref.active,
-      title = _ref.title,
-      children = _ref.children;
-  var ref = React__default.useRef(null);
-  var innerRef = React__default.useRef(null);
-  useClickOutside(ref, function () {
-    return onClose(false);
-  });
-  React__default.useEffect(function () {
-    var current = ref == null ? void 0 : ref.current;
-    var innerCurrent = innerRef.current;
-    current == null ? void 0 : current.classList.toggle('active', active);
-    if (!current || !innerCurrent) return;
-    var pos = current == null ? void 0 : current.getBoundingClientRect();
-    innerCurrent.style.setProperty('left', (pos == null ? void 0 : pos.left) + "px");
-  }, [active, ref.current, innerRef.current]);
-  return React__default.createElement("div", {
-    ref: ref,
-    className: "static inline-block"
-  }, title, active && React__default.createElement("div", {
-    ref: innerRef,
-    className: "absolute children z-10 flex flex-col"
-  }, children));
-}
-
-function FilterItem(_ref) {
-  var _filter$options, _filter$options2, _filter$options3, _selected$, _selected$2, _selected$3;
-
-  var filter = _ref.filter;
-
-  var _React$useState = React__default.useState(false),
-      isOpen = _React$useState[0],
-      setOpen = _React$useState[1];
-
-  var _React$useState2 = React__default.useState([]),
-      selected = _React$useState2[0],
-      setSelected = _React$useState2[1];
-
-  var _React$useState3 = React__default.useState([]),
-      selectedOptions = _React$useState3[0],
-      setSelectedOptions = _React$useState3[1]; // Filter type: select
-
-
-  var hasFilters = selected.length > 0; // Populate values on load
-
-  React__default.useEffect(function () {
-    if (typeof window !== 'undefined') {
-      var search = new URLSearchParams(window.location.search);
-
-      if (filter.type === 'date') {
-        var fromDate = search.get(filter.name + "[from]");
-        var toDate = search.get(filter.name + "[to]");
-
-        if (fromDate && toDate) {
-          setSelected([fromDate, toDate]);
-        }
-      } else if (filter.type === 'greaterThan') {
-        var selectedFromUrl = search.getAll(filter.name + "-GTE");
-
-        if (selectedFromUrl) {
-          setSelected(selectedFromUrl);
-        }
-      } else if (filter.type === 'scope') {
-        var _selectedFromUrl = search.getAll("scope" + filter.name);
-
-        if (_selectedFromUrl) {
-          setSelected(_selectedFromUrl);
-        }
-      } else if (filter.type === 'select') {
-        var _selectedFromUrl2 = search.getAll(filter.name + "[]");
-
-        if (_selectedFromUrl2) {
-          setSelected(_selectedFromUrl2);
-
-          var _selectedOptions = filter.options && filter.options.filter(function (item) {
-            return _selectedFromUrl2.includes(item.value.toString());
-          });
-
-          _selectedOptions && setSelectedOptions(_selectedOptions);
-        }
-      } else {
-        var _selectedFromUrl3 = search.getAll(filter.name + "[]");
-
-        if (_selectedFromUrl3) {
-          setSelected(_selectedFromUrl3);
-        }
-      }
-    }
-  }, []);
-
-  function handleInput(e) {
-    var _e$currentTarget = e.currentTarget,
-        value = _e$currentTarget.value,
-        checked = _e$currentTarget.checked;
-
-    if (checked) {
-      setSelected(function (curr) {
-        return [].concat(curr, [value]);
-      });
-    } else {
-      setSelected(selected.filter(function (f) {
-        return f !== value;
-      }));
-    }
-  }
-
-  function handleDateSelect(e) {
-    var _e$currentTarget2 = e.currentTarget,
-        name = _e$currentTarget2.name,
-        value = _e$currentTarget2.value; // First value in "selected" will be the "from", second will be the "to"
-
-    if (name.includes('from')) {
-      return setSelected([value]);
-    }
-
-    if (name.includes('to')) {
-      // Make sure we have a "from" value first
-      if (selected.length === 0) {
-        // We'll default to a year ago if nothing entered
-        return setSelected([dateFns.format(dateFns.subYears(new Date(), 1), 'yyyy-MM-dd'), value]);
-      }
-
-      return setSelected([selected[0], value]);
-    }
-
-    return setSelected([]);
-  }
-  /**
-   * Handle Select for FilterType: Select
-   */
-
-
-  var handleSelectedOptions = function handleSelectedOptions(options) {
-    setSelectedOptions(options);
-    var selectedValues = options.map(function (option) {
-      return option.value.toString();
-    });
-
-    if (selectedValues.length > 0) {
-      setSelected(selectedValues);
-    } else {
-      setSelected([]);
-    }
-  };
-  /**
-   * For Filter Select
-   * Removes the Clear Button
-   */
-
-
-  function NullComponent() {
-    return null;
-  }
-
-  function handleSelect(e) {
-    var value = e.currentTarget.value;
-
-    if (value) {
-      setSelected([value]);
-    } else {
-      setSelected([]);
-    }
-  }
-
-  function handleText(e) {
-    var value = e.currentTarget.value;
-
-    if (value) {
-      setSelected([value]);
-    } else {
-      setSelected([]);
-    }
-  }
-
-  function handleApply(e) {
-    e.preventDefault();
-    var search = new URLSearchParams(window.location.search); // Reset the page in the query
-
-    search.set('page', '1');
-
-    if (filter.type === 'date') {
-      var from = selected[0],
-          to = selected[1];
-      search.set(filter.name + "[from]", from != null ? from : dateFns.format(new Date(), 'yyyy-MM-dd'));
-      search.set(filter.name + "[to]", to != null ? to : dateFns.format(new Date(), 'yyyy-MM-dd'));
-    } else if (filter.type === 'greaterThan') {
-      search["delete"](filter.name + "-GTE");
-
-      if (selected.length > 0) {
-        search.set(filter.name + "-GTE", selected[0]);
-      }
-    } else if (filter.type === 'scope') {
-      search["delete"]("" + filter.name);
-
-      if (selected.length > 0) {
-        search.set("scope" + filter.name, selected[0]);
-      }
-    } else {
-      // Clear this filter first
-      search["delete"](filter.name + "[]"); // Apply the filters to the query string
-
-      selected.forEach(function (selectedValue) {
-        // Fall back to option equality filters
-        search.append(filter.name + "[]", selectedValue);
-      });
-    } // Fetch new data
-
-
-    react.router.get(window.location.pathname + "?" + search.toString());
-  }
-
-  function handleClear() {
-    var search = new URLSearchParams(window.location.search); // Reset the page in the query
-
-    search.set('page', '1'); // Clear this filter
-
-    if (filter.type === 'date') {
-      search["delete"](filter.name + "[from]");
-      search["delete"](filter.name + "[to]");
-    } else if (filter.type === 'greaterThan') {
-      search["delete"](filter.name + "-GTE");
-    } else if (filter.type === 'scope') {
-      search["delete"]("scope" + filter.name);
-    } else {
-      search["delete"](filter.name + "[]");
-    } // Fetch new data
-
-
-    react.router.get(window.location.pathname + "?" + search.toString());
-  }
-
-  function handleClick(force) {
-    if (typeof force === 'boolean') {
-      return setOpen(force);
-    }
-
-    setOpen(!isOpen);
-  }
-
-  return React__default.createElement(Dropdown, {
-    onClose: function onClose() {
-      return setOpen(!open);
-    },
-    active: isOpen,
-    title: React__default.createElement("div", {
-      onClick: function onClick() {
-        return handleClick();
-      },
-      className: cn('flex rounded-2xl border hover:cursor-pointer hover:border-accent bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-accent transition-colors', {
-        '!bg-accent border-accent': hasFilters
-      })
-    }, React__default.createElement("p", {
-      className: "whitespace-nowrap"
-    }, filter.label), React__default.createElement(hi2.HiChevronDown, null))
-  }, React__default.createElement("form", {
-    className: "mt-2 flex max-h-[350px] min-w-[200px] max-w-[260px] flex-col gap-2 rounded-md border border-gray-300 bg-white shadow-lg " + (filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'),
-    onSubmit: handleApply
-  }, React__default.createElement("div", {
-    className: "flex flex-col items-start gap-1 p-4"
-  }, (!filter.type || filter.type === 'options') && ((_filter$options = filter.options) == null ? void 0 : _filter$options.map(function (option, i) {
-    return React__default.createElement("div", {
-      className: "checkbox text-sm ",
-      key: option.label + "-" + i
-    }, React__default.createElement("input", {
-      type: "checkbox",
-      name: filter.name,
-      id: option.label,
-      value: option.value.toString(),
-      checked: selected.includes(option.value.toString()),
-      onChange: handleInput
-    }), React__default.createElement("label", {
-      className: "leading-tight",
-      htmlFor: option.label
-    }, option.label));
-  })), filter.type === 'greaterThan' && filter.options && React__default.createElement("label", {
-    className: "mb-2 w-full"
-  }, React__default.createElement("div", {
-    className: "text-sm"
-  }, "Greater than or equal to"), React__default.createElement("select", {
-    name: filter.name,
-    id: filter.label,
-    value: selected[0],
-    onChange: handleSelect,
-    className: "!p-2 text-sm w-full"
-  }, React__default.createElement("option", {
-    value: ""
-  }, "Select option"), (_filter$options2 = filter.options) == null ? void 0 : _filter$options2.map(function (option) {
-    return React__default.createElement("option", {
-      key: option.value,
-      value: option.value
-    }, option.label);
-  }))), filter.type === 'scope' && filter.options && React__default.createElement("label", {
-    className: "mb-2 w-full"
-  }, React__default.createElement("select", {
-    name: filter.name,
-    id: filter.label,
-    value: selected[0],
-    onChange: handleSelect,
-    className: "!p-2 text-sm w-full"
-  }, React__default.createElement("option", {
-    value: ""
-  }, "Select option"), (_filter$options3 = filter.options) == null ? void 0 : _filter$options3.map(function (option) {
-    return React__default.createElement("option", {
-      key: option.value,
-      value: option.value
-    }, option.label);
-  }))), filter.type === 'date' && React__default.createElement("div", {
-    className: "mb-2 flex flex-col gap-4 w-full"
-  }, React__default.createElement("label", {
-    className: "text-xs w-full"
-  }, "From", React__default.createElement("input", {
-    type: "date",
-    name: filter.name + "[from]",
-    id: filter.name + "[from]",
-    onChange: handleDateSelect,
-    value: (_selected$ = selected[0]) != null ? _selected$ : '',
-    className: "!p-2 text-sm w-full"
-  })), React__default.createElement("label", {
-    className: "text-xs w-full"
-  }, "To", React__default.createElement("input", {
-    type: "date",
-    name: filter.name + "[to]",
-    id: filter.name + "[to]",
-    onChange: handleDateSelect,
-    value: (_selected$2 = selected[1]) != null ? _selected$2 : '',
-    className: "!p-2 text-sm w-full"
-  }))), filter.type === 'select' && filter.options && React__default.createElement("div", {
-    className: "w-full"
-  }, React__default.createElement(Select, {
-    isMulti: true,
-    options: filter.options,
-    className: "basic-multi-select text-xs w-52 !transition-none",
-    classNamePrefix: "select",
-    onChange: handleSelectedOptions,
-    components: {
-      ClearIndicator: NullComponent
-    },
-    value: selectedOptions,
-    theme: function theme(_theme) {
-      return _extends({}, _theme, {
-        colors: _extends({}, _theme.colors, {
-          primary25: 'rgb(111, 199, 182)',
-          primary: 'rgb(111, 199, 182)'
-        })
-      });
-    }
-  })), filter.type === 'text' && React__default.createElement("div", {
-    className: 'w-full'
-  }, React__default.createElement("input", {
-    type: "text",
-    name: filter.name,
-    placeholder: filter.label,
-    value: (_selected$3 = selected[0]) != null ? _selected$3 : '',
-    onChange: handleText,
-    className: "!p-2 text-sm w-full"
-  }))), React__default.createElement("div", {
-    className: "bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky"
-  }, React__default.createElement(Button, {
-    type: "button",
-    className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none",
-    onClick: handleClear,
-    small: true
-  }, "Clear"), React__default.createElement(Button, {
-    type: "submit",
-    status: "primary",
-    className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none",
-    small: true
-  }, "Apply"))));
-}
-
-function PageHeader(_ref) {
-  var title = _ref.title,
-      search = _ref.search,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$innerClassName = _ref.innerClassName,
-      innerClassName = _ref$innerClassName === void 0 ? '' : _ref$innerClassName,
-      _ref$back = _ref.back,
-      back = _ref$back === void 0 ? true : _ref$back,
-      _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      _ref$filterOptions = _ref.filterOptions,
-      filterOptions = _ref$filterOptions === void 0 ? [] : _ref$filterOptions,
-      _ref$focusSearchShort = _ref.focusSearchShortcut,
-      focusSearchShortcut = _ref$focusSearchShort === void 0 ? false : _ref$focusSearchShort,
-      children = _ref.children;
-
-  var _React$useState = React__default.useState(false),
-      isSearchActive = _React$useState[0],
-      setSearchActive = _React$useState[1];
-
-  var scrollContainerRef = React__default.useRef(null);
-
-  var _React$useState2 = React__default.useState(false),
-      overScroll = _React$useState2[0],
-      setOverScroll = _React$useState2[1];
-
-  var actionChildren = []; // Categorize children based on their type
-
-  React__default.Children.forEach(children, function (child) {
-    if (React__default.isValidElement(child)) {
-      if (child.type === PageHeader.Action) {
-        actionChildren.push(child);
-      }
-    }
-  });
-  React__default.useEffect(function () {
-    var current = scrollContainerRef.current;
-    if (!current) return;
-
-    var listener = function listener() {
-      var activeDropdown = current.querySelector('.active');
-      if (!activeDropdown) return;
-      var childrenContainer = activeDropdown.querySelector('.children');
-      if (!childrenContainer) return;
-      var pos = activeDropdown.getBoundingClientRect();
-      var posChild = childrenContainer.getBoundingClientRect();
-      var posContainer = current.getBoundingClientRect(); // if the dropdown content moves outside the scroll container to the left, make it disappear
-
-      if (posChild.left <= posContainer.left - 50) {
-        // @ts-ignore
-        childrenContainer.style.visibility = 'hidden';
-      } else if (posChild.left >= posContainer.right - 50) {
-        // @ts-ignore
-        childrenContainer.style.visibility = 'hidden';
-      } else {
-        // @ts-ignore
-        childrenContainer.style.visibility = 'visible';
-      } // @ts-ignore
-
-
-      childrenContainer.style.left = pos.left + "px";
-    };
-
-    var mouseListener = function mouseListener(e) {
-      var pos = current.getBoundingClientRect();
-
-      if (e.clientX > pos.left && e.clientX < pos.right && e.clientY > pos.top && e.clientY < pos.bottom) {
-        setOverScroll(true);
-      } else {
-        setOverScroll(false);
-      }
-    };
-
-    current.addEventListener('scroll', listener);
-    document.addEventListener('mousemove', mouseListener);
-    return function () {
-      current.removeEventListener('scroll', listener);
-      document.removeEventListener('mousemove', mouseListener);
-    };
-  }, []);
-  React__default.useEffect(function () {
-    var scrollListener = function scrollListener(e) {
-      if (overScroll) {
-        var _scrollContainerRef$c;
-
-        e.preventDefault();
-        (_scrollContainerRef$c = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c.scrollBy({
-          left: e.deltaY,
-          behavior: 'auto'
-        });
-      }
-    };
-
-    document.addEventListener('wheel', scrollListener, {
-      passive: false
-    });
-    return function () {
-      document.removeEventListener('wheel', scrollListener);
-    };
-  }, [overScroll]);
-
-  function handleClear() {
-    core.router.get("" + window.location.pathname);
-  }
-
-  var _React$useState3 = React__default.useState(false),
-      hasScroll = _React$useState3[0],
-      setHasScroll = _React$useState3[1];
-
-  var checkScroll = React__default.useCallback(function () {
-    var current = scrollContainerRef.current;
-    if (!current) return;
-    var pos = current.getBoundingClientRect();
-    setHasScroll(current.scrollWidth > pos.width + 11);
-  }, [scrollContainerRef.current]);
-  React__default.useEffect(function () {
-    checkScroll();
-    window.addEventListener('resize', checkScroll);
-    return function () {
-      window.removeEventListener('resize', checkScroll);
-    };
-  }, [checkScroll]);
-
-  function clickRight() {
-    var _scrollContainerRef$c2;
-
-    (_scrollContainerRef$c2 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c2.scrollBy({
-      left: 100,
-      behavior: 'auto'
-    });
-    checkScroll();
-  }
-
-  function clickLeft() {
-    var _scrollContainerRef$c3;
-
-    (_scrollContainerRef$c3 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c3.scrollBy({
-      left: -100,
-      behavior: 'auto'
-    });
-    checkScroll();
-  }
-
-  var filteredActions = React__default.useMemo(function () {
-    return actions.filter(function (action) {
-      return !action.hidden;
-    });
-  }, [actions]);
-  return React__default.createElement("section", {
-    className: cn('col-span-full flex items-center gap-2 max-w-full rounded-lg bg-white p-2 shadow', className)
-  }, back && React__default.createElement(BackButton, {
-    back: back,
-    className: "bg-primary-100 h-[60px] w-[60px] rounded"
-  }), React__default.createElement("div", {
-    className: cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-primary-100 p-3 gap-4', innerClassName)
-  }, React__default.createElement("button", {
-    type: "button",
-    disabled: !search,
-    onClick: function onClick() {
-      return setSearchActive(true);
-    },
-    className: cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100 text-primary', {
-      'hover:text-accent': search && !isSearchActive
-    })
-  }, search && React__default.createElement(SearchBar, {
-    search: search,
-    active: isSearchActive,
-    onActive: setSearchActive,
-    placeholder: "Search " + title + "...",
-    focusSearchShortcut: focusSearchShortcut
-  }), !isSearchActive && React__default.createElement("h1", {
-    className: "text-base text-primary font-black"
-  }, title)), React__default.createElement("div", {
-    className: "flex items-center ml-auto gap-2 h-full min-w-0 max-w-full"
-  }, filterOptions.length > 0 && React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
-    onClick: handleClear,
-    className: "p-1.5 hover:text-red-500"
-  }, React__default.createElement(hi2.HiXMark, {
-    className: "w-5 h-5 stroke-[1.25]"
-  })), hasScroll && React__default.createElement(hi2.HiChevronLeft, {
-    onClick: clickLeft,
-    className: "w-5 h-5 text-gray-400 stroke-[1.25]"
-  }), React__default.createElement("div", {
-    ref: scrollContainerRef,
-    className: "flex items-center h-full w-full gap-3 overflow-x-scroll hide-scroll"
-  }, filterOptions.map(function (filter) {
-    return React__default.createElement(FilterItem, {
-      key: filter.name,
-      filter: filter
-    });
-  })), hasScroll && React__default.createElement(hi2.HiChevronRight, {
-    onClick: clickRight,
-    className: "w-5 h-5 text-gray-400 stroke-[1.25]"
-  }))), filteredActions.length > 0 && React__default.createElement("div", {
-    className: "flex items-center gap-3 bg-primary-100"
-  }, filterOptions.length > 0 && React__default.createElement("div", {
-    className: "w-[1px] h-full bg-gray-300"
-  }), React__default.createElement("nav", {
-    className: "flex items-center gap-2"
-  }, filteredActions.map(function (action) {
-    return React__default.createElement(Action, Object.assign({
-      key: action.title + "-" + action.as + "-" + action.href
-    }, action));
-  }))), actionChildren && React__default.createElement("div", {
-    className: "flex items-center gap-3 bg-gray-100"
-  }, actionChildren)));
-} // Subcomponents
-
-PageHeader.Action = function (_ref2) {
-  var children = _ref2.children;
-  return React__default.createElement("div", null, children);
-};
-
-exports.Button = Button;
-exports.Card = Card;
-exports.DateOfBirthField = DateOfBirthField;
-exports.ErrorList = ErrorList;
-exports.FormTester = FormTester;
-exports.Modal = Modal;
-exports.MoneyField = MoneyField;
-exports.PageHeader = PageHeader;
-exports.Pagination = Pagination;
-exports.QuoteRequestFormContext = QuoteRequestFormContext;
-exports.QuoteRequestFormProvider = QuoteRequestFormProvider;
-exports.QuoteRequestOptionsProvider = QuoteRequestOptionsProvider;
-exports.RegistrationSearchField = RegistrationSearchField;
-exports.SimplePagination = SimplePagination;
-exports.Table = Table;
-exports.TableActions = TableActions;
-exports.TableBody = TableBody;
-exports.TableCell = TableCell;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableRow = TableRow;
-exports.ToastItem = ToastItem;
-exports.ToastProvider = ToastProvider;
-exports.Toasts = Toasts;
-exports.addGst = addGst;
-exports.autocomplete = autocomplete;
-exports.calcMonthlyEnhancementPrice = calcMonthlyEnhancementPrice;
-exports.calcPurchaseOptionPricing = calcPurchaseOptionPricing;
-exports.calculateAge = calculateAge;
-exports.createDate = createDate;
-exports.fixRoundingError = fixRoundingError;
-exports.formatDate = formatDate;
-exports.formatDateForTable = formatDateForTable;
-exports.formatDateNice = formatDateNice;
-exports.formatDateTime = formatDateTime;
-exports.formatMoney = formatMoney;
-exports.formatNumber = formatNumber;
-exports.getAddressData = getAddressData;
-exports.getGst = getGst;
-exports.gstCalc = gstCalc;
-exports.initialData = initialData;
-exports.round = round;
-exports.sanitiseQuoteRequestFormData = sanitiseQuoteRequestFormData;
-exports.sanitiseVehicleType = sanitiseVehicleType;
-exports.subtractGst = subtractGst;
-exports.useAuth = useAuth;
-exports.useClickOutside = useClickOutside;
-exports.useFetch = useFetch;
-exports.useInertiaOptions = useInertiaOptions;
-exports.useLocalStorage = useLocalStorage;
-exports.useQuoteRequestForm = useQuoteRequestForm;
-exports.useQuoteRequestOptions = useQuoteRequestOptions;
-exports.useToast = useToast;
-//# sourceMappingURL=sdk.cjs.development.js.map