@nerdjs/sales-kit 1.0.1

package/README.md

@@ -0,0 +1,79 @@
+# Nerd Sales Kit User Guide
+
+
+> This setup is meant for developing React component libraries (not apps!) that can be published to NPM. If you’re looking to build a React-based app, you should use `create-react-app`, `razzle`, `nextjs`, `gatsby`, or `react-static`.
+
+> If you’re new to TypeScript and React, checkout [this handy cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet/)
+
+## Commands
+
+The recommended workflow is to run the library in one terminal:
+
+```bash
+npm start # or yarn start
+```
+
+This builds to `/dist` and runs the project in watch mode so any edits you save inside `lib` causes a rebuild to `/dist`.
+
+Then run the example inside another:
+
+```bash
+cd example
+npm i # or yarn to install dependencies
+npm start # or yarn start
+```
+
+The default example imports and live reloads whatever is in `/dist`.
+
+To do a one-off build, use `npm run build` or `yarn build`.
+
+To run tests, use `npm test` or `yarn test`.
+
+## Configuration
+
+Code quality is set up for you with `prettier`. Adjust the respective fields in `package.json` accordingly.
+
+### Bundle analysis
+
+Calculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.
+
+#### Setup Files
+
+This is the folder structure we set up for you:
+
+```txt
+/lib
+  index.tsx       
+.gitignore
+package.json
+README.md         # EDIT THIS
+tsconfig.json
+```
+
+### Rollup
+
+TSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details.
+
+### TypeScript
+
+`tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.
+
+## Module Formats
+
+CJS, ESModules, and UMD module formats are supported.
+
+The appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found.
+
+## Named Exports
+
+Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.
+
+## Including Styles
+
+There are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like.
+
+For vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader.
+
+## Publishing to NPM
+
+Use npm [npm](https://docs.npmjs.com/getting-started).

package/dist/cjs/components/calendar/calendar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IQuoteCalendar } from "./typings";
+import "./calendar.scss";
+export declare const Calendar: (props: IQuoteCalendar) => JSX.Element;
+export default Calendar;

package/dist/cjs/components/calendar/day/day.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ICalendarDay } from "./typings";
+import "./Day.scss";
+/**
+ * @param props
+ */
+export declare function Day(props: ICalendarDay): JSX.Element;
+export default Day;

package/dist/cjs/components/calendar/day/index.d.ts

@@ -0,0 +1 @@
+export * from "./day";

package/dist/cjs/components/calendar/day/typings.d.ts

@@ -0,0 +1,16 @@
+import * as Moment from "moment";
+export interface ICalendarDay {
+    classes?: object;
+    theme?: object;
+    day: Moment.Moment;
+    selectable: boolean;
+    pickup: boolean;
+    selected?: boolean;
+    transit: boolean;
+    first: boolean;
+    last: boolean;
+    grouped: boolean;
+    color: string;
+    onSelect: (day: Moment.Moment) => void;
+    flexible: boolean;
+}

package/dist/cjs/components/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./calendar";
+export * from "./typings";

package/dist/cjs/components/calendar/typings.d.ts

@@ -0,0 +1,27 @@
+export interface IserviceLevel {
+    id: string;
+    description: string;
+    serviceLevel: string;
+    baseRate: number;
+    extra: number;
+    fuelRate: number;
+    totalRate: number;
+    flexible: boolean;
+    from: string | Date;
+    to: string | Date;
+    grouped?: boolean;
+}
+export interface IQuoteCalendar {
+    serviceLevel: IserviceLevelWithIcon;
+    pickupDate: string | Date;
+    onSelect: ({ date, element, }: {
+        date: string;
+        element: IserviceLevel;
+    }) => void;
+    selected: unknown;
+}
+export interface IserviceLevelWithIcon extends IserviceLevel {
+    iconProps: {
+        [name: string]: string;
+    };
+}

package/dist/cjs/components/customerFinder/customerFinder.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+/**
+ * @param props
+ */
+export default function CustomerFinder(props: ICustomerFinder): JSX.Element;
+interface ICustomerFinder {
+    dispatch: Dispatch<AnyAction>;
+    networkCompletionStack: Record<string, boolean>[];
+}
+export {};

package/dist/cjs/components/customerFinder/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./customerFinder";
+export * from "./optionTemplate";

package/dist/cjs/components/customerFinder/optionTemplate.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const RenderOptionTemplate: ({ renderOptionProps, option, }: {
+    renderOptionProps: React.HTMLAttributes<HTMLLIElement>;
+    option: any;
+}) => JSX.Element;
+export default RenderOptionTemplate;

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./calendar";
+export * from "./customerFinder";
+export * from "./salesQuote";
+export * from "./shared";

package/dist/cjs/components/locationFinder/editLocation.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { INewLocation } from "../../redux/quote";
+import { INewLocationState } from "./newLocationForm";
+export declare const editLocation: (props: IEditLocationProps) => JSX.Element;
+export default editLocation;
+interface IEditLocationProps {
+    isMobile: boolean;
+    openDialog: boolean;
+    handleClose: <T>(reason: string, item?: T | undefined) => void;
+    handleCallback: (disabled: boolean, newLocationData?: INewLocationState) => void;
+    locationData: Partial<INewLocation>;
+    onUpdateLocation: () => void;
+    onDeleteLocation?: () => void;
+    isDisabled: boolean;
+}

package/dist/cjs/components/locationFinder/index.d.ts

@@ -0,0 +1 @@
+export * from "./locationFinder";

package/dist/cjs/components/locationFinder/locationByAddress.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="google.maps" />
+/// <reference types="react" />
+import { INewLocation } from "../../redux/quote";
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+import Location from "../../entities/location/helper";
+import { ServiceContextType } from "../salesQuote/typings";
+export declare const LocationByAddress: (props: {
+    openDialog: boolean;
+    setOpenLocationsByAddress: (event: boolean) => void;
+    isDialogClosed: (reason: string, item?: Location) => void;
+    selectedLocation: google.maps.GeocoderResult;
+    dispatch: Dispatch<AnyAction>;
+    networkCompletionStack: Record<string, boolean>[];
+    locationState: ServiceContextType | null;
+    isMobile: boolean;
+    editLocation?: Location | Partial<INewLocation> | undefined;
+}) => JSX.Element;
+export default LocationByAddress;

package/dist/cjs/components/locationFinder/locationFinder.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ILocationFinder } from "./typings";
+/**
+ * @param props
+ */
+export declare function LocationFinder(props: ILocationFinder): JSX.Element;
+export default LocationFinder;

package/dist/cjs/components/locationFinder/locationsFound.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Theme } from "@mui/material/styles";
+/**
+ * @param props
+ */
+export declare function LocationsFound<T>(props: Props<T>): JSX.Element;
+interface Props<T> {
+    items: T[];
+    theme: Theme;
+    onLocationSelected?: (item: T) => void;
+}
+export {};

package/dist/cjs/components/locationFinder/newLocationForm.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/**
+ * @param props
+ * @param props.isMobile
+ * @param props.handleCallback
+ * @param props.editLocationData
+ */
+export declare function NewLocationForm(props: {
+    isMobile: boolean;
+    handleCallback: (disabled: boolean, newLocation?: INewLocationState) => void;
+    editLocationData?: any;
+}): JSX.Element;
+export interface INewLocationState {
+    name: string;
+    contact: string;
+    phone: string;
+    liftgate: boolean;
+    grocery: boolean;
+    liquor_permit: boolean;
+}

package/dist/cjs/components/locationFinder/optionTemplate.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import Location from "../../entities/location/helper";
+export declare const RenderOptionTemplate: ({ renderOptionProps, option, renderTemplateOptions, }: {
+    renderOptionProps: React.HTMLAttributes<HTMLLIElement>;
+    option: any;
+    renderTemplateOptions: Location[];
+}) => JSX.Element;
+export default RenderOptionTemplate;

package/dist/cjs/components/locationFinder/typings.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+import { INewLocation, IStateShippers } from "../../redux/quote";
+import { GoogleServiceContextType } from "../salesQuote/salesQuote";
+export interface WrapperProps<T> {
+    item: T;
+    renderItem: (item: T) => React.ReactNode | any;
+    handleClose: () => void;
+}
+export declare type CustomPick<T, K extends keyof T> = {
+    [P in K]: T[P];
+};
+export declare type newLocationPreview = CustomPick<INewLocation, "name" | "phone" | "contact" | "accessorialTags">;
+export interface ILocationFinder {
+    stopType: string;
+    dispatch: Dispatch<AnyAction>;
+    networkCompletionStack: Record<string, boolean>[];
+    service: GoogleServiceContextType | null;
+    zipLocation: string;
+    onClickListItem?: (item: React.ReactNode) => void;
+    className?: string;
+    onLocationSelectedHandler?: (item: Partial<IStateShippers>) => void;
+}

package/dist/cjs/components/salesQuote/components/aboutQuote/aboutQuote.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IQuoteObjProps } from "../../typings";
+import { BoxProps } from "@mui/material";
+export declare const AboutQuote: (props: IQuoteObjProps & BoxProps) => JSX.Element;
+export default AboutQuote;

package/dist/cjs/components/salesQuote/components/aboutQuote/commodityDescription.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SelectChangeEvent } from "@mui/material/Select";
+import { ICommodityDescription } from "../../../../redux/quote";
+declare type commodityDescription = {
+    commodityDescriptionAxeValue: string;
+    t: (key: string) => string | undefined;
+    isMobile: boolean;
+    commodityDescriptions: ICommodityDescription[];
+    commodity: string;
+    handleSelectChange: (event: SelectChangeEvent<string>, type: string) => void;
+};
+/**
+ * @param props
+ */
+export default function CommodityDescription(props: commodityDescription): JSX.Element;
+export {};

package/dist/cjs/components/salesQuote/components/aboutQuote/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./aboutQuote";
+export * from "./quoteCheck";

package/dist/cjs/components/salesQuote/components/aboutQuote/quoteCheck.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { nerdSalesQuoteCheckProps } from "../../typings";
+/**
+ * @param props
+ */
+export default function QuoteCheck(props: nerdSalesQuoteCheckProps): JSX.Element;

package/dist/cjs/components/salesQuote/components/pallet/editPallet.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from "react";
+import { IPallet } from "../../typings";
+interface IEditPallet {
+    fullScreen?: boolean;
+    open: boolean;
+    close: () => void;
+    pallet: IPallet;
+    save: (pallet: IPallet) => void;
+}
+declare const EditPallet: ({ fullScreen, open, close, pallet, save, }: IEditPallet) => ReactElement;
+export default EditPallet;

package/dist/cjs/components/salesQuote/components/pallet/palletChecker.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { IPallet } from "../../typings";
+import { ApiError } from "@nerdjs/nerd-network";
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+import { IPalletUnits } from "../../../../redux/quote";
+export declare const PalletChecker: (props: IPalletChecker) => JSX.Element;
+interface IPalletChecker {
+    totalWeight: string;
+    palletDimensions: IPallet[];
+    dispatch: Dispatch<AnyAction>;
+    networkCompletionStack: Record<string, boolean>[];
+    units: IPalletUnits;
+    stateError: ApiError;
+}
+export default PalletChecker;

package/dist/cjs/components/salesQuote/components/pallet/palletCount.d.ts

@@ -0,0 +1,13 @@
+import { FocusEvent, KeyboardEvent, ChangeEvent } from "react";
+import { IPallet } from "../../typings";
+declare const PalletCount: ({ palletDimensions, tmpPallet, onChange, onKeyPress, onBlur, onDelete, onDimensionEdit, }: palletCount) => JSX.Element;
+declare type palletCount = {
+    palletDimensions: IPallet[];
+    tmpPallet: IPallet;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyPress: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onBlur: (event: FocusEvent<HTMLInputElement>) => void;
+    onDelete: (i: number) => void;
+    onDimensionEdit: (i: number) => void;
+};
+export default PalletCount;

package/dist/cjs/components/salesQuote/components/quoteCalendar/quoteCalendar.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import "./QuoteCalendar.scss";
+import QuoteRequest from "../../../../entities/quote/helper";
+import { IselectedDateRangeState } from "../../../../redux/calendar";
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+import { AppConfigServiceLevelsType } from "../../typings";
+/**
+ * @param props
+ * @param props.setIsDateSelected
+ * @param props.isDateSelected
+ * @param props.responseState
+ * @param props.selectedDateRange
+ * @param props.dispatch
+ * @param props.appConfigServiceLevels
+ */
+export declare function QuoteCalendar(props: {
+    setIsDateSelected: (value: React.SetStateAction<boolean>) => void;
+    isDateSelected: boolean;
+    responseState: QuoteRequest;
+    selectedDateRange: IselectedDateRangeState;
+    dispatch: Dispatch<AnyAction>;
+    appConfigServiceLevels: AppConfigServiceLevelsType;
+}): JSX.Element;
+export default QuoteCalendar;

package/dist/cjs/components/salesQuote/components/quoteResultAccordion/costBreakdown.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+/**
+ * @param root0
+ * @param root0.id
+ * @param root0.dispatch
+ * @param root0.networkCompletionStack
+ */
+declare function CostBreakdown({ id, dispatch, networkCompletionStack, }: {
+    id: number;
+    dispatch: Dispatch<AnyAction>;
+    networkCompletionStack: Record<string, boolean>[];
+}): JSX.Element;
+export default CostBreakdown;

package/dist/cjs/components/salesQuote/components/quoteResultAccordion/marketCosts.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import MarketCosts from "../../../../entities/marketCosts/helper";
+/**
+ * @param marketCosts
+ */
+declare function MarketCostsComponent(marketCosts: MarketCosts): JSX.Element;
+export default MarketCostsComponent;

package/dist/cjs/components/salesQuote/components/quoteResultAccordion/quoteResultAccessorials.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * @param accessorials
+ */
+declare function QuoteResultAccessorials(accessorials: quoteAccessorials[]): JSX.Element;
+declare type quoteAccessorials = {
+    accessorialId: number;
+    costAmount: number;
+    name: string;
+    stopId: number;
+    stopName: string;
+};
+export default QuoteResultAccessorials;

package/dist/cjs/components/salesQuote/components/quoteResultAccordion/quoteResultAccordion.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { AnyAction, Dispatch } from "@reduxjs/toolkit";
+import QuoteRequest from "../../../../entities/quote/helper";
+import MarketCosts from "../../../../entities/marketCosts/helper";
+/**
+ * @param props
+ * @param props.responseState
+ * @param props.networkCompletionStack
+ * @param props.dispatch
+ * @param props.marketCosts
+ */
+export default function QuoteResultAccorion(props: {
+    responseState: QuoteRequest;
+    networkCompletionStack: Record<string, boolean>[];
+    dispatch: Dispatch<AnyAction>;
+    marketCosts: MarketCosts;
+}): JSX.Element;

package/dist/cjs/components/salesQuote/components/quoteSelect.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IQuoteSelect } from "../typings";
+export declare const QuoteSelect: ({ isMobile, selectOptions, onChange, value, labelId, inputLabel, required, }: IQuoteSelect) => JSX.Element;
+export default QuoteSelect;

package/dist/cjs/components/salesQuote/components/quoteSummary/quoteSummary.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IQuoteSummary } from "./typings";
+declare const QuoteSummary: (props: IQuoteSummary) => JSX.Element;
+export default QuoteSummary;

package/dist/cjs/components/salesQuote/components/quoteSummary/quoteSummaryBody.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { quoteSummaryBodyProps } from "./typings";
+declare const defaultProps: {
+    dateSelected: string;
+};
+export declare const QuoteSummaryBody: {
+    ({ totalMiles, rowsSummaryAbout, stops, serviceLevelSelected, dateSelected, appConfigServiceLevels, }: quoteSummaryBodyProps & typeof defaultProps): JSX.Element;
+    defaultProps: {
+        dateSelected: string;
+    };
+};
+export {};

package/dist/cjs/components/salesQuote/components/quoteSummary/quoteSummaryHeader.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IserviceLevel } from "../../../calendar/typings";
+interface IProps {
+    serviceLevelIconColor: {
+        [name: string]: string;
+    };
+    serviceLevelSelected: IserviceLevel;
+}
+declare const QuoteSummaryHeader: ({ serviceLevelIconColor, serviceLevelSelected, }: IProps) => JSX.Element;
+export default QuoteSummaryHeader;

package/dist/cjs/components/salesQuote/components/quoteSummary/typings.d.ts

@@ -0,0 +1,47 @@
+import QuoteRequest from "../../../../entities/quote/helper";
+import { IserviceLevel } from "../../../calendar/typings";
+import { AppConfigServiceLevelsType } from "../../typings";
+export interface IQuoteSummary {
+    dateSelected: string;
+    serviceLevelSelected: IserviceLevel;
+    quoteResponse: QuoteRequest;
+    t: any;
+    appConfigServiceLevels: AppConfigServiceLevelsType;
+}
+export declare type quoteSummaryBodyProps = {
+    totalMiles: number | undefined;
+    rowsSummaryAbout: rowSummary[];
+    stops: stop[];
+    serviceLevelSelected: IserviceLevel;
+    appConfigServiceLevels: AppConfigServiceLevelsType;
+};
+export declare type rowSummary = {
+    id: number;
+    service: string;
+    mode: string;
+    commodityDescription: string;
+    totalWeight: number;
+    freightClass: string;
+    feet: number;
+    pallets: number;
+    miles: number;
+};
+export declare type stop = {
+    id: number;
+    name: string;
+    type: string;
+    date: string;
+    city: string;
+    state: string;
+    zip: string;
+    address: {
+        locationId: number | null;
+        line1: string;
+        line2?: string;
+        city: string;
+        state: string;
+        zip: string;
+        latitude: number;
+        longitude: number;
+    };
+};

package/dist/cjs/components/salesQuote/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./salesQuote";
+export * from "./components/aboutQuote";
+export * from "../locationFinder";
+export * from "../stop";

package/dist/cjs/components/salesQuote/salesQuote.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { salesQuoteProps, ServiceContextType } from "./typings";
+export declare const ServiceContext: import("react").Context<ServiceContextType | null>;
+/**
+ * Nerd Sales Quote view
+ *
+ * @param props
+ * @param props.theme
+ * @param props.dispatch
+ * @param props.nerdSalesKitState
+ * @param props.t
+ * @param props.networkCompletionStack
+ * @param props.isCustomer
+ * @param props.appConfigServiceLevels
+ * @returns {React.ReactElement<any>} return as a function component
+ */
+export declare const SalesQuote: ({ theme, dispatch, nerdSalesKitState, t, networkCompletionStack, isCustomer, appConfigServiceLevels, }: salesQuoteProps) => JSX.Element;