@star-insure/sdk 1.1.7 → 1.1.8

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

@@ -0,0 +1,14 @@
+import React from "react";
+interface Props {
+    className?: string;
+    href?: string;
+    target?: '_blank' | '_self';
+    onClick?: Function;
+    type?: 'button' | 'submit';
+    status?: 'primary' | 'danger' | 'warning' | 'info' | 'default';
+    children: React.ReactNode;
+    disabled?: boolean;
+    as?: 'link' | 'button' | 'a';
+}
+export default function Button({ className, href, target, onClick, type, children, status, disabled, as }: Props): JSX.Element;
+export {};

package/dist/components/common/Button.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Link } from "@inertiajs/inertia-react";
+export default function Button(_a) {
+    var className = _a.className, href = _a.href, target = _a.target, onClick = _a.onClick, type = _a.type, children = _a.children, _b = _a.status, status = _b === void 0 ? 'default' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, as = _a.as;
+    var baseClasses = '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:opacity-75';
+    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 classes = (className !== null && className !== void 0 ? className : '') + " " + baseClasses + " " + statusClass;
+    if (onClick) {
+        return (React.createElement("button", { className: classes, type: type !== null && type !== void 0 ? type : 'button', onClick: function (e) { return onClick(e); }, disabled: disabled }, children));
+    }
+    if (type) {
+        return (React.createElement("button", { className: classes, type: type !== null && type !== void 0 ? type : 'button', disabled: disabled }, children));
+    }
+    if (href) {
+        if (href.includes('http') || target === '_blank' || as === 'a') {
+            return (React.createElement("a", { href: href, target: target !== null && target !== void 0 ? target : '_self', className: classes }, children));
+        }
+        return (React.createElement(Link, { href: href, className: classes }, children));
+    }
+    return React.createElement("p", { className: "text-red-500 text-sm" }, "[Invalid button]");
+}
+//# sourceMappingURL=Button.js.map

package/dist/components/common/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/common/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAchD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAqG;QAAnG,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,cAAkB,EAAlB,MAAM,mBAAG,SAAS,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,EAAE,QAAA;IACvH,IAAM,WAAW,GAAG,oJAAoJ,CAAC;IAEzK,IAAM,WAAW,GAAG,MAAM,KAAK,SAAS,IAAI,SAAS;WAC9C,MAAM,KAAK,QAAQ,IAAI,YAAY;WACnC,MAAM,KAAK,SAAS,IAAI,eAAe;WACvC,MAAM,KAAK,MAAM,IAAI,aAAa;WAClC,aAAa,CAAC;IAErB,IAAM,OAAO,GAAG,CAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,UAAI,WAAW,SAAI,WAAa,CAAC;IAEnE,IAAI,OAAO,EAAE;QACT,OAAO,CACH,gCAAQ,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,OAAO,EAAE,UAAC,CAAmB,IAAK,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,EAAE,QAAQ,EAAE,QAAQ,IAC/G,QAAQ,CACJ,CACZ,CAAA;KACJ;IAED,IAAI,IAAI,EAAE;QACN,OAAO,CACH,gCAAQ,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IACjE,QAAQ,CACJ,CACZ,CAAA;KACJ;IAED,IAAI,IAAI,EAAE;QACN,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,KAAK,QAAQ,IAAI,EAAE,KAAK,GAAG,EAAE;YAC5D,OAAO,CACH,2BAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,EAAE,SAAS,EAAE,OAAO,IACvD,QAAQ,CACT,CACP,CAAA;SACJ;QAED,OAAO,CACH,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,IAC/B,QAAQ,CACN,CACV,CAAC;KACL;IAED,OAAO,2BAAG,SAAS,EAAC,sBAAsB,uBAAqB,CAAC;AACpE,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    children: React.ReactNode;
+}
+export default function Card({ className, children }: Props): JSX.Element;
+export {};

package/dist/components/common/Card.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export default function Card(_a) {
+    var className = _a.className, children = _a.children;
+    return (React.createElement("div", { className: (className !== null && className !== void 0 ? className : '') + " flex flex-col items-start bg-white rounded-md shadow border border-gray-200 p-4 md:p-6" }, children));
+}
+//# sourceMappingURL=Card.js.map

package/dist/components/common/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/common/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAA8B;QAA5B,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC9C,OAAO,CACH,6BAAK,SAAS,EAAE,CAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,6FAAyF,IACtH,QAAQ,CACP,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    isActive?: boolean;
+    onClose: () => void;
+    title?: string;
+}
+export default function Modal({ children, isActive, onClose, title }: Props): JSX.Element;
+export {};

package/dist/components/common/Modal.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Fragment } from 'react';
+import { Dialog, Transition } from '@headlessui/react';
+export default function Modal(_a) {
+    var children = _a.children, _b = _a.isActive, isActive = _b === void 0 ? false : _b, onClose = _a.onClose, title = _a.title;
+    return (React.createElement(Transition.Root, { show: isActive, as: Fragment },
+        React.createElement(Dialog, { as: "div", className: "fixed z-[110] inset-0 overflow-y-auto", onClose: onClose },
+            React.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.createElement(Transition.Child, { as: Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+                    React.createElement(Dialog.Overlay, { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })),
+                React.createElement(Transition.Child, { as: Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", enterTo: "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0 sm:scale-100", leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" },
+                    React.createElement("div", { 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" },
+                        React.createElement("div", { className: "flex gap-4 mb-4 text-asphalt " + (title ? 'border-b-2 border-asphalt pb-4' : '') },
+                            title && React.createElement("h3", { className: "font-black text-lg" }, title),
+                            React.createElement("button", { type: "button", onClick: onClose, className: "ml-auto transition-all hover:opacity-50" },
+                                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 },
+                                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })))),
+                        React.createElement("div", null, children)))))));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/components/common/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/common/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAStD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAqD;QAAnD,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACtE,OAAO,CACH,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ;QACzC,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uCAAuC,EAAC,OAAO,EAAE,OAAO;YAC/E,6BAAK,SAAS,EAAC,wFAAwF;gBACnG,oBAAC,UAAU,CAAC,KAAK,IACb,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;oBAEnB,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,4DAA4D,GAAG,CAC1E;gBAEnB,oBAAC,UAAU,CAAC,KAAK,IACb,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAC,wCAAwC,EAChD,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,sDAAsD;oBAE9D,6BAAK,SAAS,EAAC,6KAA6K;wBACxL,6BAAK,SAAS,EAAE,mCAAgC,KAAK,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAAE;4BAC1F,KAAK,IAAI,4BAAI,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAM;4BACzD,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,yCAAyC;gCACvF,6BAAK,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC;oCAC5H,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC5E,CACD,CACP;wBACN,iCAAM,QAAQ,CAAO,CACnB,CACS,CACjB,CACD,CACK,CACrB,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Meta } from "../../types";
+interface Props {
+    className?: string;
+    meta: Meta;
+    showPerPageSelector?: boolean;
+}
+export default function Pagination({ meta, className, showPerPageSelector }: Props): JSX.Element;
+export {};

package/dist/components/common/Pagination.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { Link } from "@inertiajs/inertia-react";
+export default function Pagination(_a) {
+    var meta = _a.meta, className = _a.className, _b = _a.showPerPageSelector, showPerPageSelector = _b === void 0 ? false : _b;
+    var current_page = meta.current_page, total = meta.total, per_page = meta.per_page;
+    var page_count = Math.ceil(total / per_page);
+    function getNextPageLink() {
+        if (typeof window !== 'undefined') {
+            var search = new URLSearchParams(window.location.search);
+            search.set('page', String(current_page + 1));
+            return "?" + search.toString();
+        }
+        return '';
+    }
+    function getPrevPageLink() {
+        if (typeof window !== 'undefined') {
+            var search = new URLSearchParams(window.location.search);
+            search.set('page', String(current_page - 1));
+            return "?" + search.toString();
+        }
+        return '';
+    }
+    var nextPageLink = getNextPageLink();
+    var prevPageLink = getPrevPageLink();
+    function handlePerPageChange(e) {
+        var search = new URLSearchParams(window === null || window === void 0 ? void 0 : window.location.search);
+        search.set('limit', e.currentTarget.value);
+        search.set('page', '1');
+        window.location.href = "?" + search.toString();
+    }
+    return (React.createElement("div", { className: "" + (className !== null && className !== void 0 ? className : '') },
+        React.createElement("nav", { className: "font-bold flex justify-between items-center gap-6" },
+            React.createElement(Link, { href: prevPageLink, className: "flex items-center gap-2", disabled: current_page === 1 },
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 19l-7-7m0 0l7-7m-7 7h18" })),
+                "Prev"),
+            React.createElement("div", { className: "flex gap-6 items-center" },
+                React.createElement("p", null,
+                    "Page ",
+                    current_page,
+                    " of ",
+                    page_count),
+                showPerPageSelector ? (React.createElement("select", { value: per_page, onChange: handlePerPageChange },
+                    React.createElement("option", { value: "10" }, "10 per page"),
+                    React.createElement("option", { value: "25" }, "25 per page"),
+                    React.createElement("option", { value: "50" }, "50 per page"),
+                    React.createElement("option", { value: "100" }, "100 per page"))) : ''),
+            React.createElement(Link, { href: nextPageLink, className: "flex items-center gap-2", disabled: current_page === page_count },
+                "Next",
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14 5l7 7m0 0l-7 7m7-7H3" }))))));
+}
+//# sourceMappingURL=Pagination.js.map

package/dist/components/common/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/common/Pagination.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { Toast } from '../../types';
+export default function ToastItem({ _id, message, status }: Toast): JSX.Element;

package/dist/components/common/ToastItem.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Transition } from '@headlessui/react';
+import { useToast } from '../../lib/toast';
+export default function ToastItem(_a) {
+    var _b = _a._id, _id = _b === void 0 ? '' : _b, message = _a.message, _c = _a.status, status = _c === void 0 ? 'default' : _c;
+    var 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 classes = defaultClasses + " " + statusClasses;
+    function handleClick() {
+        removeToast(_id);
+    }
+    return (React.createElement(Transition, { show: true, appear: true, enter: "transition-all duration-300", enterFrom: "opacity-0 translate-y-4", enterTo: "opacity-100 translate-y-0", leave: "transition-all duration-300", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-2" },
+        React.createElement("div", { className: classes },
+            React.createElement("p", null, message),
+            React.createElement("button", { className: "", onClick: handleClick, title: "Close message" },
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", className: "h-6 w-6" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }))))));
+}
+//# sourceMappingURL=ToastItem.js.map

package/dist/components/common/ToastItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.js","sourceRoot":"","sources":["../../../src/components/common/ToastItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAgD;QAA9C,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EAAE,OAAO,aAAA,EAAE,cAAkB,EAAlB,MAAM,mBAAG,SAAS,KAAA;IAC7D,IAAA,WAAW,GAAK,QAAQ,EAAE,YAAf,CAAgB;IAEnC,IAAM,cAAc,GAAG,8FAA8F,CAAC;IAEtH,IAAM,aAAa,GAAG,MAAM,KAAK,SAAS,IAAI,oBAAoB;WAC3D,MAAM,KAAK,OAAO,IAAI,uBAAuB;WAC7C,MAAM,KAAK,SAAS,IAAI,0BAA0B;WAClD,uBAAuB,CAAC;IAE/B,IAAM,OAAO,GAAM,cAAc,SAAI,aAAe,CAAC;IAErD,SAAS,WAAW;QAChB,WAAW,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,CACH,oBAAC,UAAU,IACP,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,EACZ,KAAK,EAAC,6BAA6B,EACnC,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,2BAA2B,EACnC,KAAK,EAAC,6BAA6B,EACnC,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,yBAAyB;QAEjC,6BAAK,SAAS,EAAE,OAAO;YACnB,+BAAI,OAAO,CAAK;YAChB,gCAAQ,SAAS,EAAC,EAAE,EAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,eAAe;gBAC5D,6BACI,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;oBAEnB,8BACI,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,sBAAsB,GAC1B,CACA,CACD,CACP,CACG,CAChB,CAAA;AACL,CAAC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Toasts(): JSX.Element;

package/dist/components/common/Toasts.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { useToast } from "../../lib/toast";
+import ToastItem from "./ToastItem";
+export default function Toasts() {
+    var toasts = useToast().toasts;
+    return (React.createElement("div", { className: "fixed bottom-4 right-4 z-[110] flex flex-col gap-6" }, toasts.map(function (toast) { return (React.createElement(ToastItem, __assign({}, toast, { key: toast._id }))); })));
+}
+//# sourceMappingURL=Toasts.js.map

package/dist/components/common/Toasts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toasts.js","sourceRoot":"","sources":["../../../src/components/common/Toasts.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,MAAM;IAClB,IAAA,MAAM,GAAK,QAAQ,EAAE,OAAf,CAAgB;IAE9B,OAAO,CACH,6BAAK,SAAS,EAAC,oDAAoD,IAC9D,MAAM,CAAC,GAAG,CAAC,UAAC,KAAY,IAAK,OAAA,CAC1B,oBAAC,SAAS,eAAK,KAAK,IAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAC3C,EAF6B,CAE7B,CAAC,CACA,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,7 @@
+import Button from './Button';
+import Card from './Card';
+import Pagination from './Pagination';
+import ToastItem from './ToastItem';
+import Toasts from './Toasts';
+import Modal from './Modal';
+export { Button, Card, Pagination, ToastItem, Toasts, Modal, };

package/dist/components/common/index.js

@@ -0,0 +1,8 @@
+import Button from './Button';
+import Card from './Card';
+import Pagination from './Pagination';
+import ToastItem from './ToastItem';
+import Toasts from './Toasts';
+import Modal from './Modal';
+export { Button, Card, Pagination, ToastItem, Toasts, Modal, };
+//# sourceMappingURL=index.js.map

package/dist/components/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EACH,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,KAAK,GACR,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Props {
+    value?: string;
+    onChange: (newValue: string) => void;
+}
+export default function DateOfBirthField({ value, onChange }: Props): JSX.Element;
+export {};

package/dist/components/forms/DateOfBirthField.js

@@ -0,0 +1,56 @@
+import { __assign, __spreadArrays } from "tslib";
+import React from "react";
+import { padStart } from "lodash-es";
+export default function DateOfBirthField(_a) {
+    var value = _a.value, onChange = _a.onChange;
+    var _b = React.useState({
+        day: (value === null || value === void 0 ? void 0 : value.split("-")[2]) || '',
+        month: (value === null || value === void 0 ? void 0 : value.split("-")[1]) || '',
+        year: (value === null || value === void 0 ? void 0 : value.split("-")[0]) || ''
+    }), dateOfBirth = _b[0], setDateOfBirth = _b[1];
+    var dayOptions = __spreadArrays(Array.from(Array(31).keys())).map(function (value) {
+        return padStart("" + (value + 1), 2, '0');
+    });
+    var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+    var monthOptions = __spreadArrays(Array.from(Array(12).keys())).map(function (value) {
+        return {
+            title: months[value],
+            value: padStart("" + (value + 1), 2, '0')
+        };
+    });
+    var thisYear = new Date().getFullYear();
+    var yearOptions = __spreadArrays(Array.from(Array(100).keys())).map(function (value) {
+        return (thisYear - value - 16).toString();
+    });
+    function handleSelectChange(e) {
+        var _a;
+        var _b = e.currentTarget, name = _b.name, value = _b.value;
+        var newDob = __assign(__assign({}, dateOfBirth), (_a = {}, _a[name] = value, _a));
+        // 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('');
+        }
+    }
+    return (React.createElement("label", { className: "w-full" },
+        React.createElement("span", { className: "relative mr-auto" },
+            React.createElement("span", null, "Date of birth")),
+        React.createElement("span", { className: "flex space-x-4 border border-gray-300 rounded-lg mt-1 bg-white" },
+            React.createElement("select", { name: "day", value: dateOfBirth.day, className: "flex-grow focus:outline-none border-0", onChange: handleSelectChange, required: true },
+                React.createElement("option", { value: "" }, "Day"),
+                dayOptions.map(function (option) { return (React.createElement("option", { key: option, value: option }, option)); })),
+            React.createElement("select", { name: "month", value: dateOfBirth.month, className: "flex-grow focus:outline-none border-0", onChange: handleSelectChange, required: true },
+                React.createElement("option", { value: "" }, "Month"),
+                monthOptions.map(function (option) { return (React.createElement("option", { key: option.value, value: option.value }, option.title)); })),
+            React.createElement("select", { name: "year", value: dateOfBirth.year, className: "flex-grow focus:outline-none border-0", onChange: handleSelectChange, required: true },
+                React.createElement("option", { value: "" }, "Year"),
+                yearOptions.map(function (option) { return (React.createElement("option", { key: option, value: option }, option)); })))));
+}
+//# sourceMappingURL=DateOfBirthField.js.map

package/dist/components/forms/DateOfBirthField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateOfBirthField.js","sourceRoot":"","sources":["../../../src/components/forms/DateOfBirthField.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/components/forms/Errors.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Card } from "../common";
+export default function Errors(_a) {
+    var _b = _a.heading, heading = _b === void 0 ? 'There was an error with your submission.' : _b, _c = _a.errors, errors = _c === void 0 ? {} : _c, _d = _a.renderKeys, renderKeys = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e;
+    if (Object.values(errors).length === 0) {
+        return React.createElement(React.Fragment, null);
+    }
+    return (React.createElement("aside", { className: className + " col-span-full" },
+        React.createElement(Card, { className: "border border-red-500 !bg-red-50" },
+            React.createElement("h2", { className: "font-black text-red-500 mb-2" }, heading),
+            React.createElement("ul", { className: "space-y-2 list-disc ml-4" }, Object.entries(errors).map(function (_a) {
+                var field = _a[0], message = _a[1];
+                return (React.createElement("li", { className: "font-bold text-red-500", key: field },
+                    renderKeys && React.createElement("strong", null,
+                        field,
+                        ": "),
+                    message));
+            })))));
+}
+//# sourceMappingURL=Errors.js.map

package/dist/components/forms/Errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Errors.js","sourceRoot":"","sources":["../../../src/components/forms/Errors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AASjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAgH;QAA9G,eAAoD,EAApD,OAAO,mBAAG,0CAA0C,KAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAClI,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,yCAAK,CAAA;KACf;IAED,OAAO,CACH,+BAAO,SAAS,EAAK,SAAS,mBAAgB;QAC1C,oBAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC;YAC9C,4BAAI,SAAS,EAAC,8BAA8B,IAAE,OAAO,CAAM;YAC3D,4BAAI,SAAS,EAAC,0BAA0B,IACnC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,EAAgB;oBAAf,KAAK,QAAA,EAAE,OAAO,QAAA;gBAAM,OAAA,CAC9C,4BAAI,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,KAAK;oBAC5C,UAAU,IAAI;wBAAS,KAAK;6BAAY;oBACvC,OAAO,CACR,CACR;YALiD,CAKjD,CAAC,CACD,CACF,CACH,CACX,CAAA;AACL,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    populatePurchaseOptions: boolean;
+}
+export default function FormTester({ populatePurchaseOptions }: Props): JSX.Element;
+export {};

package/dist/components/forms/FormTester.js

@@ -0,0 +1,136 @@
+import { __assign, __spreadArrays } from "tslib";
+import React from 'react';
+import { Button } from '../common';
+import { useQuoteRequestForm } from '../../lib';
+export default function FormTester(_a) {
+    var _b = _a.populatePurchaseOptions, populatePurchaseOptions = _b === void 0 ? false : _b;
+    var form = useQuoteRequestForm().form;
+    var _c = React.useState([]), keys = _c[0], setKeys = _c[1];
+    var _d = React.useState(false), isDev = _d[0], setDev = _d[1];
+    function handlePopulate() {
+        form === null || form === void 0 ? void 0 : form.setData(function (prevData) { return (__assign(__assign({}, prevData), { first_name: 'TEST', last_name: 'TEST', email: 'dev@sual.co.nz', phone: '021 234 5678', mobile: '021 234 5678', dob: '1990-01-01', licence: 'Other', licence_other: 'Test', club_id: 50, club_membership_number: '12345', street_address: {
+                address: '123 Street Name',
+                unit: 'Level 1',
+                suburb: 'Suburb',
+                city: 'Auckland',
+                post_code: '1234'
+            }, promo_code: 'TEST', declaration: {
+                had_incident: true,
+                incidents: [{
+                        description: 'Lorem ipsum dolor sit amet.',
+                        month: 'January',
+                        year: '2020'
+                    }],
+                has_demerit_points: true,
+                demerit_points: '1-24',
+                has_lost_licence: true,
+                lost_licence_details: 'Lorem ipsum dolor sit amet.',
+                was_refused_insurance: true,
+                refused_insurance_details: 'Lorem ipsum dolor sit amet.',
+                has_criminal_conviction: true,
+                criminal_conviction_details: 'Lorem ipsum dolor sit amet.',
+                has_vehicle_modifications: true,
+                vehicle_modifications_details: 'Lorem ipsum dolor sit amet.',
+                has_previous_insurer: true,
+                previous_insurer_details: 'AA',
+                previous_insurer_expires_at: '2020-01-01',
+                additional_details: 'I am a robot, beep boop. Please ignore this submission.'
+            }, vehicles: [
+                {
+                    make: 'Tesla',
+                    model: 'Cybertruck',
+                    year: '2023',
+                    registration: 'ELMUSK',
+                    vehicle_type: 'car',
+                    product: 'star-enthusiast-prestige-everyday-plus',
+                    value: 100000,
+                    is_heavy: false,
+                    usage: 'Childrens car',
+                    storage_location: 'Carport',
+                    has_financially_interested_party: true,
+                    financially_interested_party_detail: 'MTA',
+                    owned_duration: 'Less than 12 months',
+                    drivers: [
+                        {
+                            first_name: 'X Æ',
+                            last_name: 'A-12',
+                            dob: '2020-05-04',
+                            licence: 'Other',
+                            licence_other: 'None',
+                            relationship: 'Child'
+                        }
+                    ]
+                },
+            ], purchase_options: populatePurchaseOptions ? [
+                {
+                    premium_type: 'annual',
+                    level_of_insurance_id: 12,
+                    authorised_drivers: 'TEST',
+                    excess_details: 'TEST',
+                    terms: 'TEST',
+                    description: 'This is a test purchase option',
+                    premium: 100000,
+                    monthly_premium: 8500,
+                    show_monthly: true,
+                    fsl: 100,
+                    benefits: [{ id: 2 }, { id: 8 }],
+                    benefit_template_id: 3,
+                    sort_order: 1,
+                    enhancements: [
+                        { name: 'Test enhancement', premium: 2500, disable_rounding: false, description: 'Test enhancement', auto_select: true },
+                        { name: 'Test enhancement', premium: 5000, disable_rounding: false, description: 'Test enhancement', auto_select: false }
+                    ]
+                },
+                {
+                    premium_type: 'total-due',
+                    level_of_insurance_id: 13,
+                    authorised_drivers: 'TEST',
+                    excess_details: 'TEST',
+                    terms: 'TEST',
+                    description: 'This is a test purchase option',
+                    premium: 100000,
+                    show_monthly: false,
+                    fsl: 100,
+                    benefits: [{ id: 2 }, { id: 8 }],
+                    benefit_template_id: 3,
+                    sort_order: 2,
+                    enhancements: [
+                        { name: 'Test enhancement', premium: 2500, disable_rounding: false, description: 'Test enhancement', auto_select: true },
+                        { name: 'Test enhancement', premium: 5000, disable_rounding: false, description: 'Test enhancement', auto_select: false }
+                    ]
+                }
+            ] : [] })); });
+    }
+    function handleKeydown(e) {
+        if (e.key === 'Escape') {
+            return setKeys([]);
+        }
+        setKeys(function (prevKeys) { return __spreadArrays(prevKeys, [e.key]); });
+    }
+    React.useEffect(function () {
+        // Detect when the user has typed the word "debug"
+        if (keys.join('') === 'debug') {
+            handlePopulate();
+        }
+    }, [keys]);
+    React.useEffect(function () {
+        if (typeof window !== 'undefined') {
+            if (window.location.href.includes('dev')
+                || window.location.href.includes('localhost')
+                || window.location.href.includes('test')
+                || window.location.href.includes('local')) {
+                setDev(true);
+            }
+            window.addEventListener('keydown', function (e) { return handleKeydown(e); });
+            return function () {
+                window.removeEventListener('keydown', function (e) { return handleKeydown(e); });
+            };
+        }
+        return;
+    }, []);
+    if (isDev) {
+        return (React.createElement(Button, { onClick: handlePopulate, type: "button", status: "primary", className: "fixed bottom-4 right-4" }, "Populate data"));
+    }
+    return React.createElement(React.Fragment, null);
+}
+//# sourceMappingURL=FormTester.js.map

package/dist/components/forms/FormTester.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTester.js","sourceRoot":"","sources":["../../../src/components/forms/FormTester.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface Props {
+    value?: number;
+    onChange: (value: number) => void;
+    id?: string;
+    name?: string;
+    className?: string;
+    required?: boolean;
+}
+export default function MoneyField({ value, onChange, name, id, className, required }: Props): JSX.Element;
+export {};

package/dist/components/forms/MoneyField.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { formatMoney, formatNumber } from "../../lib";
+export default function MoneyField(_a) {
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? 'value' : _c, _d = _a.id, id = _d === void 0 ? 'value' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.required, required = _f === void 0 ? false : _f;
+    function handleChange(e) {
+        var newValue = 0;
+        if (e.currentTarget.value) {
+            newValue = formatNumber(e.currentTarget.value);
+            if (isNaN(newValue)) {
+                newValue = 0;
+            }
+        }
+        onChange(newValue);
+    }
+    var displayValue = formatMoney(value, 0);
+    return (React.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" },
+        React.createElement("span", { className: "font-bold" }, "$"),
+        React.createElement("input", { type: "text", name: name, id: id, value: displayValue, onChange: handleChange, className: "w-full !focus:outline-none !focus:ring-0 !focus:ring-transparent !focus:ring-opacity-0 !ring-0 !border-0 !transition-none", required: required })));
+}
+//# sourceMappingURL=MoneyField.js.map

package/dist/components/forms/MoneyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyField.js","sourceRoot":"","sources":["../../../src/components/forms/MoneyField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAWtD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAA8F;QAA5F,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,QAAQ,cAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAE,UAAY,EAAZ,EAAE,mBAAG,OAAO,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACpH,SAAS,YAAY,CAAC,CAAyC;QAC3D,IAAI,QAAQ,GAAW,CAAC,CAAC;QAEzB,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE;YACvB,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE/C,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;gBACjB,QAAQ,GAAG,CAAC,CAAC;aAChB;SACJ;QAED,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;IAED,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE3C,OAAO,CACH,6BAAK,SAAS,EAAK,SAAS,4MAAyM;QACjO,8BAAM,SAAS,EAAC,WAAW,QAAS;QACpC,+BACI,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,2HAA2H,EACrI,QAAQ,EAAE,QAAQ,GACpB,CACA,CACT,CAAC;AAEN,CAAC"}

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { MotorwebVehicleResponse, VehicleType } from '../../types';
+export interface VehicleData extends MotorwebVehicleResponse {
+    make: string;
+    model: string;
+    year: string;
+    vehicle_type: VehicleType;
+    is_heavy: boolean;
+}
+export interface RegistrationSearchOnChange {
+    registration: string;
+}
+interface Props {
+    onChange?: (values: RegistrationSearchOnChange) => void;
+    onVehicleDataFound: (vehicleData: VehicleData) => void;
+    apiUrl?: string;
+    showOdometerReadingField?: boolean;
+    showConditionField?: boolean;
+    initialRegistrationValue?: string;
+}
+export declare const conditionOptions: string[];
+export default function RegistrationSearchField({ initialRegistrationValue, onVehicleDataFound, apiUrl, showOdometerReadingField, showConditionField, onChange, }: Props): JSX.Element;
+export {};