back-testing-react 1.3.49 → 1.3.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "back-testing-react",
-  "version": "1.3.49",
+  "version": "1.3.50",
   "description": "Parametric back testing application developed by NormanMax Insurance Solutions",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -45,7 +45,8 @@
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@fortawesome/fontawesome-free": "^6.7.1",
+    "@fortawesome/fontawesome-free": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.1",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@mapbox/search-js-core": "^1.0.0-beta.22",

package/src/components/back-testing-map/back-testing-map-new.types.ts

@@ -0,0 +1,429 @@
+import { LngLatLike } from "@mapbox/search-js-core"
+import { Point } from "geojson";
+import { RiskLocation } from "../back-testing-stepper/steps/input-multi-location/input-multi-location.types";
+import { CATCircle, CATPolygon } from "../back-testing-stepper/steps/input-multi-cias/input-multi-cias.types";
+import { Proxy } from "../back-testing-stepper/steps/input-multi-proxy/input-multi-proxy.types";
+import { PayoutOption } from "../back-testing-stepper/steps/step.types";
+import { Anemometer } from "../back-testing-stepper/steps/input-multi-anemometer/input-multi-anemometer.types";
+
+
+export interface StormPayout {
+    name: string;
+    year: number;
+    maxRecovery: number;
+    maxRecoveryAmount: number;
+    proxy:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      proxyPayout: number;
+    },
+    anemometer:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      anemometerPayout: number;
+    },
+    ciac:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      ciacPayout: number;
+    }
+    color?: string;
+    stormTrack:{
+      NAME: string;
+      SEASON: number;
+      ISO_TIME: string,
+      USA_WIND: number;
+      USA_SSHS: number;
+      LOCATION: Point
+    }[]
+}
+
+export interface StormPayoutV2 {
+    name: string;
+    year: number;
+    maxRecovery: number;
+    maxRecoveryAmount: number;
+    proxy:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      locationPayouts: {locationRefId: string, proxyPayout: number}[];
+    },
+    anemometer:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      locationPayouts: {locationRefId: string, anemometerPayout: number}[];
+    },
+    ciac:{
+      name?: string;
+      year?: number;
+      category?: number;
+      windspeedMPH?: number;
+      locationPayouts: {locationRefId: string, ciacPayout: number}[];
+    }
+    color?: string;
+    stormTrack:{
+      NAME: string;
+      SEASON: number;
+      ISO_TIME: string,
+      USA_WIND: number;
+      USA_SSHS: number;
+      LOCATION: Point
+    }[]
+}
+
+export interface PayoutResponse {
+    status: number;
+    payouts: StormPayout[];
+}
+
+export interface PayoutResponseV2 {
+    status: number;
+    payouts: StormPayout[];
+    details: PayoutDetails
+}
+
+export interface PayoutDetails {
+    proxies: { [key: string]: ProxyPayout[] };
+    anemometers: { [key: string]: AnemometerPayout[] };
+    cias: { [key: string]: CIACPayout[] };
+}
+
+export interface ProxyPayout {
+    name?: string;
+    year?: number;
+    category?: number;
+    windspeedMPH?: number;
+    proxyPayout?: number;
+}
+
+export interface AnemometerPayout {
+    name?: string;
+    year?: number;
+    category?: number;
+    windspeedMPH?: number;
+    anemometerPayout?: number;
+}
+
+export interface CIACPayout {
+    name?: string;
+    year?: number;
+    category?: number;
+    windspeedMPH?: number;
+    ciacPayout?: number;
+}
+
+export interface Payout {
+    category: number,
+    payout: number
+}
+
+export interface Shape {
+    type: ShapeType;
+    refId: string
+}
+
+export interface Circle extends Shape {
+    type: ShapeType.CIRCLE
+    latitude: number | undefined;
+    longitude: number | undefined;
+    radius: number | undefined;
+}
+
+export interface Polygon extends Shape {
+    type: ShapeType.POLYGON
+    coords:[number,number][]
+}
+
+export enum ShapeType {
+    CIRCLE = '__circle',
+    POLYGON = '__polygon'
+}
+
+export interface ProxyRequest {
+    enabled: boolean;
+    radius: number;
+    latitude: number | undefined;
+    longitude: number | undefined;
+    payouts: Payout[] | undefined;
+}
+
+export interface ProxyRequestV2 {
+    refId: string,
+    enabled: boolean;
+    radius: number;
+    latitude: number;
+    longitude: number;
+    payouts: Payout[];
+}
+
+export interface Coordinate {
+    latitude: number | undefined,
+    longitude: number | undefined
+}
+
+export interface AnemometerRequest {
+    enabled: boolean;
+    code: string
+    latitude: number | undefined;
+    longitude: number | undefined;
+    payouts: Payout[] | undefined;
+}
+
+export interface AnemometerRequestV2 {
+    refId: string,
+    enabled: boolean;
+    code: string
+    payouts: Payout[];
+}
+
+export interface CIACRequest {
+    enabled: boolean;
+    includeNotNamedStorms: boolean;
+    shapes: Shape[];
+    payouts: Payout[] | undefined;
+}
+
+export interface CIASRequestV2 {
+    refId: string,
+    enabled: boolean;
+    shape: Shape;
+    payouts: Payout[];
+}
+
+export interface Location {
+    latitude: number,
+    longitude: number,
+    limit: number
+}
+
+export interface PayoutRequest {
+    limit: number;
+    latitude: number | undefined;
+    longitude: number | undefined;
+    includeZeroPayouts: boolean;
+    proxy: ProxyRequest;
+    anemometer: AnemometerRequest;
+    ciac: CIACRequest;
+}
+
+export interface PayoutRequestV2 {
+    limit: number;
+    proxies: ProxyRequestV2[],
+    anemometers: AnemometerRequestV2[],
+    cias: CIASRequestV2[],
+    includeZeroPayouts: boolean;
+    includeNotNamedStorms: boolean
+}
+
+export interface BackTestingMapProps {
+    mapAccessToken: string,
+    apiAccessToken: string,
+    env: 'dev'|'uat'|'prod',
+    location: {longitude: number, latitude: number } | undefined | null,
+    limit: number | undefined | null,
+    ciacRadius: number | undefined | null,
+    anemometerCode: string | undefined | null,
+    proxyPayouts?: Payout[],
+    anemometerPayouts?: Payout[],
+    ciacPayouts?: Payout[],
+    includeNoNameStorms?: boolean,
+    includeZeroPayouts?: boolean,
+    proxyEnabled?: boolean, 
+    anemometerEnabled?: boolean, 
+    ciacEnabled?: boolean,
+    isCalculatePayoutEnabled?: boolean,
+    onCalculatePayoutEnabledChanged?: (e:boolean) => void,
+    onViewChange?: (view: MapView) => void,
+    stormPayouts: StormPayout[],
+    onCalculatePayouts?: (payouts: StormPayout[]) => void , 
+    onLoad?: (e:React.MutableRefObject<mapboxgl.Map | undefined>) => void
+    appStatus: ('loading'| 'idle')
+    onAppStatusChange: (e: 'loading'| 'idle') => void
+    isPdfJobQueued?: boolean;
+    onPdfJobQueuedChanged?: (e:boolean) => void
+
+    locations: RiskLocation[];
+    proxies: Proxy[]
+    proxyPayoutOption?: PayoutOption[]
+    anemometers: Anemometer[]
+    anemometerPayoutOption?: PayoutOption[]
+    circles: CATCircle[];
+    polygons: CATPolygon[]
+    ciasPayoutOptions?: PayoutOption[]
+}
+
+export interface BackTestingActions {
+    calculatePayouts: (proxyPayouts: Payout[], anemometerCode: string, anemometerPayouts: Payout[], ciacPayouts: Payout[], includeNoNameStorms: boolean, includeZeroPayouts: boolean, limit: number, proxyEnabled: boolean, anemometerEnabled: boolean, ciacEnabled: boolean) => void,
+}
+
+export enum MapView {
+    CAT_INTENSITY = '__cat_view',
+    STORMS = '__storms_view'
+}
+
+export enum Constants {
+    COLOR_CAT_5 = "rgba(252, 92, 13, 1)", // red-orange
+    COLOR_CAT_5_MUTED = "rgba(255, 255, 255, 0.5)", // red-orange
+
+    COLOR_CAT_4 = "rgba(250, 141, 14, 1)", // orange
+    COLOR_CAT_4_MUTED = "rgba(255, 255, 255, 0.5)", // orange
+
+    COLOR_CAT_3 = "rgba(247, 190, 15, 1)", // orange-yellow
+    COLOR_CAT_3_MUTED = "rgba(255, 255, 255, 0.5)", // orange-yellow
+
+    COLOR_CAT_2 = "rgba(246, 215, 15, 1)", // yellow
+    COLOR_CAT_2_MUTED = "rgba(255, 255, 255, 0.5)", // yellow
+
+    COLOR_CAT_1 = "rgba(192, 232, 38, 1)", // yellow-green
+    COLOR_CAT_1_MUTED = "rgba(255, 255, 255, 0.5)", // yellow-green
+
+    COLOR_TROPICAL_STORM = "rgba(156, 244, 53, 1)", // lime-green
+    COLOR_TROPICAL_STORM_MUTED = "rgba(255, 255, 255, 0.5)", // lime-green
+
+    COLOR_TROPICAL_DEPRESSION = "rgba(120, 255, 68,1)", // bright-green
+    COLOR_TROPICAL_DEPRESSION_MUTED = "rgba(255, 255, 255, 0.5)", // bright-green
+
+    COLOR_TROPICAL_EXPRESSION = "rgba(120, 255, 68,1)", // bright-green
+    COLOR_TROPICAL_EXPRESSION_MUTED = "rgba(255, 255, 255, 0.5)", // bright-green
+
+    COLOR_MUTED = "rgba(255, 255, 255, 0.5)", // bright-green
+}
+
+export const DEFAULT_MAP_COORDINATE : LngLatLike = [-70.9,42.35]
+export const DEFAULT_MAP_ZOOM : number = 8
+
+// map data sources
+export const CIAC_SOURCE = '__ciac_data'
+export const TROPICAL_STORM_SOURCE = '__tropical_storms_data'
+export const TROPICAL_STORM_TRACK_SOURCE = '__tropical_storm_tracks_data'
+
+//map visual layers
+export const CIAC_LAYER = '__ciac_layer'
+export const TROPICAL_STORM_LAYER = '__tropical_storms_layer'
+export const TROPICAL_STORM_TRACK_LAYER = '__tropical_storm_tracks_layer'
+
+export function generateCATColor(cat:number): string {
+    switch(cat){
+        case 5:
+          return Constants.COLOR_CAT_5
+        case 4:
+          return Constants.COLOR_CAT_4
+        case 3:
+          return Constants.COLOR_CAT_3
+        case 2:
+          return Constants.COLOR_CAT_2
+        case 1:
+          return Constants.COLOR_CAT_1
+        case 0:
+          return Constants.COLOR_TROPICAL_STORM
+        case -1:
+          return Constants.COLOR_TROPICAL_DEPRESSION
+        case -2:
+          return Constants.COLOR_TROPICAL_EXPRESSION
+        default:
+          return Constants.COLOR_TROPICAL_EXPRESSION
+    }
+}
+
+export function randomColor(index:number): string {
+    var hue = (Math.floor(index) * 120) + (Math.round((index * 120)/360) * 30);
+    return `hsla(${hue}, 90%, 60%, 1)`;
+}
+
+export function generateProxyRequest(latLng: [number|undefined,number|undefined], radius: number, payouts: Payout[] | undefined, enabled: boolean ){
+    let coord = (latLng);
+    let proxy : ProxyRequest = {
+        enabled:enabled,
+        radius: radius,
+        latitude: coord[1],
+        longitude: coord[0],
+        payouts: payouts
+    }
+    return proxy
+}
+
+export function generateAnemometerRequest(latLng: [number|undefined,number|undefined], anemometerCode:string, payouts: Payout[] | undefined, enabled: boolean){
+    let coord = (latLng);
+    let anemometer : AnemometerRequest = {
+        enabled:enabled,
+        code:anemometerCode,
+        latitude: coord[1],
+        longitude: coord[0],
+        payouts: payouts
+    }
+    return anemometer
+}
+
+export function generateCIACRequest(latLng: [number|undefined,number|undefined], radius: number | undefined, includeNoNameStorms: boolean, payouts: Payout[] | undefined, enabled: boolean){
+    let coord = (latLng);
+    let ciac : CIACRequest = {
+        enabled:enabled,
+        shapes:[{
+            type: ShapeType.CIRCLE,
+            latitude: coord[1],
+            longitude: coord[0],
+            radius: radius
+        } as Circle],
+        includeNotNamedStorms: includeNoNameStorms,
+        payouts: payouts
+    }
+    return ciac
+}
+
+export function generateInitialProxyRequest() : ProxyRequest {
+    return {
+        enabled:true,
+        latitude: undefined,
+        longitude: undefined,
+        radius: 1000,
+        payouts: undefined
+    }
+}
+
+export function generateInitialAnemometerRequest() : AnemometerRequest {
+    return {
+        enabled:true,
+        code: "",
+        latitude: undefined,
+        longitude: undefined,
+        payouts: undefined
+    }
+}
+
+export function generateInitialCIACRequest() : CIACRequest {
+    return {
+        enabled:true,
+        includeNotNamedStorms: false,
+        shapes: [
+            {
+            type: ShapeType.CIRCLE,
+            latitude: undefined,
+            longitude: undefined,
+            radius: 15
+            } as Circle
+        ],
+        payouts: undefined
+    }
+}
+
+export function generateInitialPayoutRequest(latitude:number | undefined, longitude: number | undefined) : PayoutRequest {
+    return {
+        limit: 0,
+        latitude: latitude,
+        longitude: longitude,
+        includeZeroPayouts: false,
+        proxy: generateInitialProxyRequest(),
+        anemometer: generateInitialAnemometerRequest(),
+        ciac: generateInitialCIACRequest()
+    }
+}

package/src/components/back-testing-stepper/steps/input-multi-anemometer/input-multi-anemometer.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { MediaType, Payout, PayoutWizardStepType, RadioChoice, WizardStep } from "../step.types";
+import { MediaType, Payout, PayoutWizardStepType, RadioChoice, WizardStep } from "../step-new.types";
 import React, { forwardRef, useImperativeHandle } from "react";
 import { generateNewAnemometer, InputMultiAnemometerStepProps, Anemometer } from "./input-multi-anemometer.types";
 import './input-multi-anemometer.css'
@@ -9,7 +9,7 @@ import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import WindPowerIcon from '@mui/icons-material/WindPower';
 import DeleteIcon from '@mui/icons-material/Delete';
-import SelectInput from "../../inputs/select-input/select-input";
+import SelectInput from "../../inputs/select-input-new/select-input";
 import InputFile from "../../inputs/file-input/file-input";
 import Papa from 'papaparse';
 import NumberInput from "../../inputs/number-input/number-input";

package/src/components/back-testing-stepper/steps/input-multi-cias/input-multi-cias.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { generateLocationOptions, LocationChoice, MediaType, Payout, PayoutWizardStepType, RadioChoice, WizardStep } from "../step.types";
+import { generateLocationOptions, LocationChoice, MediaType, Payout, PayoutWizardStepType, RadioChoice, WizardStep } from "../step-new.types";
 import React, { forwardRef, useEffect, useImperativeHandle } from "react";
 import { CATCircle, CATPolygon, CATShape, generateNewCATCircle, generateNewCATPolygon, InputMultiCIASStepProps } from "./input-multi-cias.types";
 import './input-multi-cias.css'
@@ -9,11 +9,11 @@ import { faPlus, faVectorSquare } from "@fortawesome/free-solid-svg-icons";
 import { faCircleDot } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import DeleteIcon from '@mui/icons-material/Delete';
-import SelectInput from "../../inputs/select-input/select-input";
+import SelectInput from "../../inputs/select-input-new/select-input";
 import InputFile from "../../inputs/file-input/file-input";
 import Papa from 'papaparse';
-import NumberInput from "../../inputs/number-input/number-input";
-import { ShapeType } from "../../../back-testing-map/back-testing-map.types";
+import NumberInput from "../../inputs/number-input-new/number-input";
+import { ShapeType } from "../../../back-testing-map/back-testing-map-new.types";
 import DistanceInput from "../../inputs/distance-input/distance-input";
 
 const addProxyButtonBase = '#FFF';

package/src/components/back-testing-stepper/steps/input-multi-cias/input-multi-cias.types.ts

@@ -1,6 +1,6 @@
-import { ShapeType } from "../../../back-testing-map/back-testing-map.types";
+import { ShapeType } from "../../../back-testing-map/back-testing-map-new.types";
 import { RiskLocation } from "../input-multi-location/input-multi-location.types"
-import { Payout, PayoutOption, PayoutWizardStepType, RadioChoice } from "../step.types"
+import { Payout, PayoutOption, PayoutWizardStepType, RadioChoice } from "../step-new.types"
 import { v4 as uuidv4 } from 'uuid';
 
 export interface InputMultiCIASStepProps {

package/src/components/back-testing-stepper/steps/input-multi-location/input-multi-location.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { PayoutWizardStepType, WizardStep } from "../step.types";
+import { PayoutWizardStepType, WizardStep } from "../step-new.types";
 import React, { forwardRef, useEffect, useImperativeHandle } from "react";
 import { generateNewRiskLocation, InputMultiLocationStepProps, RiskLocation } from "./input-multi-location.types";
 import DeleteIcon from '@mui/icons-material/Delete';

package/src/components/back-testing-stepper/steps/input-multi-location/input-multi-location.types.ts

@@ -1,5 +1,5 @@
 import { PayoutRequest } from "../../../back-testing-map/back-testing-map.types";
-import { PayoutWizardStepType } from "../step.types";
+import { PayoutWizardStepType } from "../step-new.types";
 import { v4 as uuidv4 } from 'uuid';
 
 export interface InputMultiLocationStepProps {