@star-insure/sdk 3.3.1 → 4.1.0

package/README.md

@@ -23,3 +23,34 @@ From the command line just run (you'll need Node version 18+ running):
 ```
 npm run publish
 ```
+
+## Usage
+This library provides the following functions:
+
+### Date and Time
+1. formatDate - Returns a string in format dd/mm/yyyy
+```typescript
+import { formatDate } from '@star-insure/sdk';
+
+formatDate(new Date());
+formatDate('2024-03-23T20:00:00.000Z');
+formatDate('Sat, 23 Mar 2024 20:00:00 GMT');
+```
+
+2. formatDateTime - Returns a string in format dd/mm/yyyy hh:mm (24-hour clock)
+```typescript
+import { formatDateTime } from '@star-insure/sdk';
+
+formatDateTime(new Date());
+formatDateTime('2024-03-23T20:00:00.000Z');
+formatDateTime('Sat, 23 Mar 2024 20:00:00 GMT');
+```
+
+### Money
+1. formatMoney - Returns a string in format $x,xxx.xx
+```typescript
+import { formatMoney } from '@star-insure/sdk';
+
+formatMoney(1234567.89);
+formatMoney('1234567.89');
+```

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

@@ -4,7 +4,8 @@ interface Props {
     isActive?: boolean;
     onClose: () => void;
     title?: string;
+    width?: string;
     className?: string;
 }
-export default function Modal({ children, isActive, onClose, title, className }: Props): JSX.Element;
+export default function Modal({ children, isActive, onClose, title, width, className }: Props): JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import React from 'react';
 interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
     children: React.ReactNode;
     className?: string;
-    onClick?: () => void;
+    onClick?: (e?: React.SyntheticEvent) => void;
 }
 export default function TableRow({ children, className, onClick, ...props }: Props): JSX.Element;
 export {};

package/dist/lib/dates.d.ts

@@ -1,10 +1,16 @@
-export declare function parseDate(dateString: string): Date;
-export declare function parseDateTime(dateTimeString: string): Date;
 /**
  * Formats a date like "Jan 1, 2022 at 9:50am"
  */
-export declare function formatDateNice(date: string, includeTime?: boolean): string;
+export declare function formatDateNice(date: string | null | undefined, includeTime?: boolean): string;
 /**
- * Formats a date like "01/01/2022 9:50AM"
+ * Formats a date like "01/01/2022 09:50"
  */
-export declare function formatDateForTable(date: string, includeTime?: boolean): string;
+export declare function formatDateForTable(date: string | null | undefined, includeTime?: boolean): string;
+/**
+ * Formats a date to Star Insure standard format - dd/mm/yyyy
+ */
+export declare function formatDate(date: Date | string | null | undefined, overrideFormatString?: string): string;
+/**
+ * Formats a dateTime to Star Insure standard format - dd/mm/yyyy hh:mm
+ */
+export declare function formatDateTime(dateTime: Date | string | null | undefined, overrideFormatString?: string): string;

package/dist/lib/money.d.ts

@@ -25,7 +25,7 @@ export declare function gstCalc(input: number | string): {
 /**
  * Formats a value nicely
  */
-export declare function formatMoney(value: string | number, decimals?: number): string;
+export declare function formatMoney(value: string | number | null | undefined, decimals?: number): string;
 /**
  * Turns a formatted value in to a float
  */

package/dist/sdk.cjs.development.js

@@ -17,13 +17,6 @@ var reactTooltip = require('react-tooltip');
 var Select = _interopDefault(require('react-select'));
 var core = require('@inertiajs/core');
 
-function parseDate(dateString) {
-  // Make sure we've only got 10 characters
-  return dateFns.parse(dateString.substring(0, 10), 'yyyy-MM-dd', new Date());
-}
-function parseDateTime(dateTimeString) {
-  return dateFns.parse(dateTimeString, 'yyyy-MM-dd HH:mm:ss', new Date());
-}
 /**
  * Formats a date like "Jan 1, 2022 at 9:50am"
  */
@@ -34,11 +27,11 @@ function formatDateNice(date, includeTime) {
   }
 
   var formatString = includeTime ? "MMM d, yyyy 'at' h:mma" : 'MMM d, yyyy';
-  var parsed = includeTime ? parseDateTime(date) : parseDate(date);
-  return dateFns.format(parsed, formatString);
+  var formatFunc = includeTime ? formatDateTime : formatDate;
+  return formatFunc(date, formatString);
 }
 /**
- * Formats a date like "01/01/2022 9:50AM"
+ * Formats a date like "01/01/2022 09:50"
  */
 
 function formatDateForTable(date, includeTime) {
@@ -46,9 +39,91 @@ function formatDateForTable(date, includeTime) {
     includeTime = true;
   }
 
-  var formatString = includeTime ? 'dd/MM/yyyy h:mma' : 'dd/MM/yyyy';
-  var parsed = includeTime ? parseDateTime(date) : parseDate(date);
-  return dateFns.format(parsed, formatString);
+  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 '';
 }
 
 /**
@@ -105,6 +180,10 @@ function formatMoney(value, decimals) {
     decimals = 2;
   }
 
+  if (value === null || value === undefined) {
+    return '';
+  }
+
   var toFormat = value;
 
   if (typeof value === 'string') {
@@ -1449,7 +1528,7 @@ function Toasts() {
       toasts = _useToast.toasts;
 
   return React__default.createElement("div", {
-    className: "fixed bottom-4 right-4 z-[110] flex flex-col gap-6"
+    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
@@ -1463,6 +1542,8 @@ function Modal(_ref) {
       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, {
@@ -1493,7 +1574,7 @@ function Modal(_ref) {
     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-3xl sm:p-6"
+    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-asphalt " + (title ? 'border-b-2 border-asphalt pb-4' : '')
   }, title && React__default.createElement("h3", {
@@ -1637,13 +1718,15 @@ function TableRow(_ref) {
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _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: onClick
+    onClick: function onClick(e) {
+      return _onClick(e);
+    }
   }), children);
 }
 
@@ -3081,16 +3164,16 @@ exports.calcMonthlyEnhancementPrice = calcMonthlyEnhancementPrice;
 exports.calcPurchaseOptionPricing = calcPurchaseOptionPricing;
 exports.calculateAge = calculateAge;
 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.parseDate = parseDate;
-exports.parseDateTime = parseDateTime;
 exports.round = round;
 exports.sanitiseQuoteRequestFormData = sanitiseQuoteRequestFormData;
 exports.sanitiseVehicleType = sanitiseVehicleType;