@star-insure/sdk 4.5.0 → 5.0.0

package/dist/lib/dates.d.ts

@@ -14,3 +14,7 @@ export declare function formatDate(date: Date | string | null | undefined, overr
  * 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;
+/**
+ * Attempts to create a date object from a date string
+ */
+export declare function createDate(dateString: Date | string | null | undefined): Date | null;

package/dist/sdk.cjs.development.js

@@ -125,6 +125,26 @@ function formatDateTime(dateTime, overrideFormatString) {
 
   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
@@ -1328,7 +1348,7 @@ function Button(_ref) {
       _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-teal' || status === 'danger' && 'bg-red-500' || status === 'warning' && 'bg-yellow-400' || status === 'info' && 'bg-blue-400' || 'bg-gray-600';
+  var statusClass = status === 'primary' && 'bg-primary' || 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) {
@@ -1587,7 +1607,7 @@ function ToastItem(_ref) {
       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-teal text-white' || status === 'error' && 'bg-red-500 text-white' || status === 'warning' && 'bg-yellow-400 text-white' || 'bg-white text-asphalt';
+  var statusClasses = status === 'success' && 'bg-primary text-white' || status === 'error' && 'bg-red-500 text-white' || status === 'warning' && 'bg-yellow-400 text-white' || 'bg-white text-secondary';
   var classes = defaultClasses + " " + statusClasses;
 
   function handleClick() {
@@ -1676,7 +1696,7 @@ function Modal(_ref) {
   }, 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-asphalt " + (title ? 'border-b-2 border-asphalt pb-4' : '')
+    className: "flex gap-4 mb-4 text-secondary " + (title ? 'border-b-2 border-secondary pb-4' : '')
   }, title && React__default.createElement("h3", {
     className: "font-black text-lg"
   }, title), React__default.createElement("button", {
@@ -1754,7 +1774,7 @@ function TableHead(_ref) {
       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')
+    className: cn(className, 'px-3 py-4 text-sm text-white bg-table-header-background')
   }), children);
 }
 
@@ -1821,7 +1841,7 @@ function TableRow(_ref) {
       _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
-  var bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50';
+  var bgClass = className.includes('bg') ? '' : 'bg-white even:bg-table-row-alternative-background';
   return React__default.createElement("tr", Object.assign({}, props, {
     className: cn(className, bgClass, 'hover:bg-gray-100'),
     onClick: function onClick(e) {
@@ -1964,7 +1984,7 @@ function MoneyField(_ref) {
 
   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-teal focus-within:outline-none focus-within:ring focus-within:ring-teal focus-within:ring-opacity-50"
+    className: className + " flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-primary focus-within:outline-none focus-within:ring focus-within:ring-primary focus-within:ring-opacity-50"
   }, React__default.createElement("span", {
     className: "font-bold pr-2"
   }, "$"), React__default.createElement("input", {
@@ -2194,7 +2214,7 @@ function RegistrationSearchField(_ref) {
     type: "button",
     onClick: handleSearch,
     disabled: status === 'processing',
-    className: cn(searchBtnClassName, "bg-teal px-4 py-3 rounded-md transition-all")
+    className: cn(searchBtnClassName, "bg-primary px-4 py-3 rounded-md transition-all")
   }, React__default.createElement("span", {
     className: "sr-only"
   }, "Search"), React__default.createElement("svg", {
@@ -2468,7 +2488,7 @@ function BackButton(_ref) {
   }, [breadcrumbs]);
   return React__default.createElement(react.Link, {
     href: backUrl || '/',
-    className: cn(className, 'flex items-center justify-center hover:text-teal transition-all')
+    className: cn(className, 'flex items-center justify-center text-back-button-text hover:text-primary transition-all')
   }, React__default.createElement(hi2.HiArrowLeft, {
     className: "h-5 w-5 stroke-[1.25]"
   }));
@@ -2559,12 +2579,12 @@ function SearchBar(_ref) {
     onClick: function onClick() {
       return onActive(true);
     },
-    className: "flex items-center justify-center rounded-full hover:text-teal p-1 hover:bg-gray-100"
+    className: "flex items-center justify-center rounded-full hover:text-primary 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-teal"
+    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-primary"
   }, React__default.createElement("input", {
     type: "text",
     name: "search",
@@ -2981,8 +3001,8 @@ function FilterItem(_ref) {
       onClick: function onClick() {
         return handleClick();
       },
-      className: cn('flex rounded-2xl border hover:cursor-pointer hover:border-teal bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-teal transition-colors', {
-        '!bg-teal border-teal': hasFilters
+      className: cn('flex rounded-2xl border hover:cursor-pointer hover:border-primary bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-primary transition-colors', {
+        '!bg-primary border-primary': hasFilters
       })
     }, React__default.createElement("p", {
       className: "whitespace-nowrap"
@@ -3256,17 +3276,17 @@ function PageHeader(_ref) {
     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-gray-100 h-[60px] w-[60px] rounded"
+    className: "bg-back-button-background h-[60px] w-[60px] rounded"
   }), React__default.createElement("div", {
-    className: cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-gray-100 p-3 gap-4', innerClassName)
+    className: cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-page-header-background 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', {
-      'hover:text-teal': search && !isSearchActive
+    className: cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100 text-page-header-text', {
+      'hover:text-primary': search && !isSearchActive
     })
   }, search && React__default.createElement(SearchBar, {
     search: search,
@@ -3275,7 +3295,7 @@ function PageHeader(_ref) {
     placeholder: "Search " + title + "...",
     focusSearchShortcut: focusSearchShortcut
   }), !isSearchActive && React__default.createElement("h1", {
-    className: "text-base font-black"
+    className: "text-base text-page-header-text 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", {
@@ -3298,7 +3318,7 @@ function PageHeader(_ref) {
     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-gray-100"
+    className: "flex items-center gap-3 bg-page-header-background"
   }, filterOptions.length > 0 && React__default.createElement("div", {
     className: "w-[1px] h-full bg-gray-300"
   }), React__default.createElement("nav", {
@@ -3346,6 +3366,7 @@ exports.autocomplete = autocomplete;
 exports.calcMonthlyEnhancementPrice = calcMonthlyEnhancementPrice;
 exports.calcPurchaseOptionPricing = calcPurchaseOptionPricing;
 exports.calculateAge = calculateAge;
+exports.createDate = createDate;
 exports.fixRoundingError = fixRoundingError;
 exports.formatDate = formatDate;
 exports.formatDateForTable = formatDateForTable;