@star-insure/sdk 1.1.43 → 2.0.0

package/dist/components/common/Button.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface Props {
     className?: string;
     href?: string;
@@ -10,5 +10,5 @@ interface Props {
     disabled?: boolean;
     as?: 'link' | 'button' | 'a';
 }
-export default function Button({ className, href, target, onClick, type, children, status, disabled, as }: Props): JSX.Element;
+export default function Button({ className, href, target, onClick, type, children, status, disabled, as, }: Props): JSX.Element;
 export {};

package/dist/components/forms/DateOfBirthField.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 interface Props {
+    name?: string;
+    id?: string;
+    onChange: (dateString: string) => void;
     value?: string;
-    onChange: (newValue: string) => void;
+    maxYear?: number;
+    showAge?: boolean;
 }
-export default function DateOfBirthField({ value, onChange }: Props): JSX.Element;
+export default function DateOfBirthField({ name, id, onChange, value, maxYear, showAge, }: Props): JSX.Element;
 export {};

package/dist/components/forms/ErrorList.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ErrorBag, Errors } from "@inertiajs/inertia";
+import { ErrorBag, Errors } from '@inertiajs/core';
 interface Props {
     heading?: string;
     errors?: Errors & ErrorBag;
     renderKeys?: boolean;
     className?: string;
 }
-export default function ErrorList({ heading, errors, renderKeys, className }: Props): JSX.Element;
+export default function ErrorList({ heading, errors, renderKeys, className, }: Props): JSX.Element;
 export {};

package/dist/components/tables/TableHeader.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 interface Props {
     children: React.ReactNode;
     className?: string;
     textAlign?: 'left' | 'right' | 'center';
     sort?: string;
 }
-export default function TableHeader({ children, className, sort, textAlign }: Props): JSX.Element;
+export default function TableHeader({ children, className, sort, textAlign, }: Props): JSX.Element;
 export {};

package/dist/lib/inertiaOptions.d.ts

@@ -1,4 +1,4 @@
-import type { VisitOptions } from '@inertiajs/inertia/types';
+import type { VisitOptions } from '@inertiajs/core';
 interface Options {
     successMessage?: string;
 }

package/dist/lib/quoteRequestForm.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { InertiaFormProps } from "@inertiajs/inertia-react";
+import { InertiaFormProps } from "@inertiajs/react/types/useForm";
 import type { QuoteRequest } from '../types';
+declare type QuoteRequestForm = QuoteRequest & Record<string, any>;
 interface QuoteRequestFormContextInterface {
-    form?: InertiaFormProps<QuoteRequest>;
+    form?: InertiaFormProps<QuoteRequestForm>;
     handleChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
 }
-export declare const initialData: QuoteRequest;
+export declare const initialData: QuoteRequestForm;
 export declare const QuoteRequestFormContext: React.Context<QuoteRequestFormContextInterface>;
 export declare function QuoteRequestFormProvider({ children }: {
     children: React.ReactNode;

package/dist/sdk.cjs.development.js

@@ -5,12 +5,12 @@ 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 inertiaReact = require('@inertiajs/inertia-react');
+var react = require('@inertiajs/react');
 var React = require('react');
 var React__default = _interopDefault(React);
 var uuid = require('uuid');
-var react = require('@headlessui/react');
-var lodashEs = require('lodash-es');
+var react$1 = require('@headlessui/react');
+var lodash = require('lodash');
 var cn = _interopDefault(require('classnames'));
 
 function parseDate(dateString) {
@@ -166,7 +166,7 @@ function sanitiseVehicleType(inputType) {
 }
 
 function useAuth() {
-  var _usePage = inertiaReact.usePage(),
+  var _usePage = react.usePage(),
       props = _usePage.props;
 
   return props.auth;
@@ -784,7 +784,7 @@ var initialData = {
 var QuoteRequestFormContext = /*#__PURE__*/React__default.createContext({});
 function QuoteRequestFormProvider(_ref) {
   var children = _ref.children;
-  var form = inertiaReact.useForm(initialData);
+  var form = react.useForm(initialData);
   /**
    * Handle the change event for all form inputs
    */
@@ -1134,7 +1134,7 @@ function Button(_ref) {
       }, children);
     }
 
-    return React__default.createElement(inertiaReact.Link, {
+    return React__default.createElement(react.Link, {
       href: href,
       className: classes
     }, children);
@@ -1199,7 +1199,7 @@ function Pagination(_ref) {
     className: "" + (className != null ? className : '')
   }, React__default.createElement("nav", {
     className: "font-bold flex justify-between items-center gap-6"
-  }, React__default.createElement(inertiaReact.Link, {
+  }, React__default.createElement(react.Link, {
     href: prevPageLink,
     className: "flex items-center gap-2",
     disabled: current_page === 1
@@ -1227,7 +1227,7 @@ function Pagination(_ref) {
     value: "50"
   }, "50 per page"), React__default.createElement("option", {
     value: "100"
-  }, "100 per page")) : ''), React__default.createElement(inertiaReact.Link, {
+  }, "100 per page")) : ''), React__default.createElement(react.Link, {
     href: nextPageLink,
     className: "flex items-center gap-2",
     disabled: current_page === page_count
@@ -1263,7 +1263,7 @@ function ToastItem(_ref) {
     removeToast(_id);
   }
 
-  return React__default.createElement(react.Transition, {
+  return React__default.createElement(react$1.Transition, {
     show: true,
     appear: true,
     enter: "transition-all duration-300",
@@ -1311,16 +1311,16 @@ function Modal(_ref) {
       isActive = _ref$isActive === void 0 ? false : _ref$isActive,
       onClose = _ref.onClose,
       title = _ref.title;
-  return React__default.createElement(react.Transition.Root, {
+  return React__default.createElement(react$1.Transition.Root, {
     show: isActive,
     as: React.Fragment
-  }, React__default.createElement(react.Dialog, {
+  }, 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.Transition.Child, {
+  }, React__default.createElement(react$1.Transition.Child, {
     as: React.Fragment,
     enter: "ease-out duration-300",
     enterFrom: "opacity-0",
@@ -1328,9 +1328,9 @@ function Modal(_ref) {
     leave: "ease-in duration-200",
     leaveFrom: "opacity-100",
     leaveTo: "opacity-0"
-  }, React__default.createElement(react.Dialog.Overlay, {
+  }, React__default.createElement(react$1.Dialog.Overlay, {
     className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-  })), React__default.createElement(react.Transition.Child, {
+  })), 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",
@@ -1444,7 +1444,7 @@ function TableHeader(_ref) {
     className: className + " py-3.5 px-3 text-sm font-semibold text-left"
   }, React__default.createElement("div", {
     className: "flex items-center gap-3 " + textAlignClass
-  }, children, sort && React__default.createElement(inertiaReact.Link, {
+  }, children, sort && React__default.createElement(react.Link, {
     href: sortLink
   }, React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1474,67 +1474,57 @@ function TableRow(_ref) {
 }
 
 function DateOfBirthField(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange;
-
-  var _React$useState = React__default.useState({
-    day: (value == null ? void 0 : value.split("-")[2]) || '',
-    month: (value == null ? void 0 : value.split("-")[1]) || '',
-    year: (value == null ? void 0 : value.split("-")[0]) || ''
-  }),
-      dateOfBirth = _React$useState[0],
-      setDateOfBirth = _React$useState[1];
-
+  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;
   var dayOptions = [].concat(Array.from(Array(31).keys())).map(function (value) {
-    return lodashEs.padStart("" + (value + 1), 2, '0');
+    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: lodashEs.padStart("" + (value + 1), 2, '0')
+      value: lodash.padStart("" + (value + 1), 2, '0')
     };
-  });
-  var thisYear = new Date().getFullYear();
+  }); // Create 100 years of options, subtracting the maximum year if provided
+
   var yearOptions = [].concat(Array.from(Array(100).keys())).map(function (value) {
-    return (thisYear - value - 16).toString();
+    return maxYear ? maxYear - value : new Date().getFullYear() - value;
   });
 
-  function handleSelectChange(e) {
-    var _extends2;
-
+  function handleChange(e) {
     var _e$currentTarget = e.currentTarget,
         name = _e$currentTarget.name,
         value = _e$currentTarget.value;
-
-    var newDob = _extends({}, dateOfBirth, (_extends2 = {}, _extends2[name] = value, _extends2)); // Set local state
-
-
-    setDateOfBirth(newDob); // Format the date for the API
-
-    var formattedDate = newDob.year + "-" + newDob.month + "-" + newDob.day; // Call the upstream prop if we have all of the date parts
-
-    if (Object.values(newDob).every(function (value) {
-      return value !== '';
-    })) {
-      onChange(formattedDate);
-    } else {
-      // Otherwise, clear the value
-      onChange('');
-    }
+    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);
   }
 
-  return React__default.createElement("label", {
-    className: "w-full"
+  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));
+  return React__default.createElement("span", {
+    className: "flex flex-col gap-2"
   }, React__default.createElement("span", {
-    className: "relative mr-auto"
-  }, React__default.createElement("span", null, "Date of birth")), React__default.createElement("span", {
-    className: "flex space-x-4 border border-gray-300 rounded-lg mt-1 bg-white"
+    className: "flex space-x-4 border border-gray-300 rounded-lg bg-white"
   }, React__default.createElement("select", {
-    name: "day",
-    value: dateOfBirth.day,
+    name: name + "_day",
+    id: id + "_day",
+    value: day,
     className: "flex-grow focus:outline-none border-0",
-    onChange: handleSelectChange,
+    onChange: handleChange,
     required: true
   }, React__default.createElement("option", {
     value: ""
@@ -1544,10 +1534,11 @@ function DateOfBirthField(_ref) {
       value: option
     }, option);
   })), React__default.createElement("select", {
-    name: "month",
-    value: dateOfBirth.month,
+    name: name + "_month",
+    id: id + "_month",
+    value: month,
     className: "flex-grow focus:outline-none border-0",
-    onChange: handleSelectChange,
+    onChange: handleChange,
     required: true
   }, React__default.createElement("option", {
     value: ""
@@ -1557,10 +1548,11 @@ function DateOfBirthField(_ref) {
       value: option.value
     }, option.title);
   })), React__default.createElement("select", {
-    name: "year",
-    value: dateOfBirth.year,
+    name: name + "_year",
+    id: id + "_year",
+    value: year,
     className: "flex-grow focus:outline-none border-0",
-    onChange: handleSelectChange,
+    onChange: handleChange,
     required: true
   }, React__default.createElement("option", {
     value: ""
@@ -1569,7 +1561,9 @@ function DateOfBirthField(_ref) {
       key: option,
       value: option
     }, option);
-  }))));
+  }))), showAge && value && isValidDate && React__default.createElement("span", {
+    className: "font-bold"
+  }, "Age: ", calculateAge(value), " years"));
 }
 
 function MoneyField(_ref) {