@servicetitan/confirm 19.3.0 → 20.1.0

package/dist/confirm.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,15 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Confirm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const use_confirm_1 = require("./use-confirm");
-const Confirm = (_a) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { useConfirm } from './use-confirm';
+export const Confirm = (_a) => {
     var { onConfirm, onDecline, children } = _a, props = __rest(_a, ["onConfirm", "onDecline", "children"]);
-    const [Confirm, handler] = (0, use_confirm_1.useConfirm)(onConfirm, onDecline);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [children(handler), (0, jsx_runtime_1.jsx)(Confirm, Object.assign({}, props), void 0)] }, void 0));
+    const [Confirm, handler] = useConfirm(onConfirm, onDecline);
+    return (_jsxs(Fragment, { children: [children(handler), _jsx(Confirm, Object.assign({}, props), void 0)] }, void 0));
 };
-exports.Confirm = Confirm;
 //# sourceMappingURL=confirm.js.map

package/dist/confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.js","sourceRoot":"","sources":["../src/confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,+CAAiG;AAS1F,MAAM,OAAO,GAAG,CAGrB,EAKmB,EAAE,EAAE;QALvB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,OAES,EADd,KAAK,cAJV,sCAKD,CADW;IAER,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAA,wBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACH,wBAAC,gBAAQ,eACJ,QAAQ,CAAC,OAAO,CAAC,EAElB,uBAAC,OAAO,oBAAM,KAAyC,UAAI,YACpD,CACd,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,OAAO,WAkBlB"}
+{"version":3,"file":"confirm.js","sourceRoot":"","sources":["../src/confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAwD,MAAM,eAAe,CAAC;AASjG,MAAM,CAAC,MAAM,OAAO,GAAG,CAGrB,EAKmB,EAAE,EAAE;QALvB,EACE,SAAS,EACT,SAAS,EACT,QAAQ,OAES,EADd,KAAK,cAJV,sCAKD,CADW;IAER,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACH,MAAC,QAAQ,eACJ,QAAQ,CAAC,OAAO,CAAC,EAElB,KAAC,OAAO,oBAAM,KAAyC,UAAI,YACpD,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/confirmation-messages/default-confirmation.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,13 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultConfirmation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const DefaultConfirmation = (_a) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog } from '@servicetitan/design-system';
+export const DefaultConfirmation = (_a) => {
     var { negative = true, title = 'Are you sure?', message = '', onConfirm, onCancel } = _a, props = __rest(_a, ["negative", "title", "message", "onConfirm", "onCancel"]);
-    return ((0, jsx_runtime_1.jsx)(design_system_1.Dialog, Object.assign({ open: true, negative: negative, onClose: onCancel, title: title, onPrimaryActionClick: onConfirm, primaryActionName: "Confirm", onSecondaryActionClick: onCancel, secondaryActionName: "Cancel" }, props, { children: message }), void 0));
+    return (_jsx(Dialog, Object.assign({ open: true, negative: negative, onClose: onCancel, title: title, onPrimaryActionClick: onConfirm, primaryActionName: "Confirm", onSecondaryActionClick: onCancel, secondaryActionName: "Cancel" }, props, { children: message }), void 0));
 };
-exports.DefaultConfirmation = DefaultConfirmation;
 //# sourceMappingURL=default-confirmation.js.map

package/dist/confirmation-messages/default-confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/default-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,+DAAkE;AAiB3D,MAAM,mBAAmB,GAAiC,CAAC,EAOjE,EAAE,EAAE;QAP6D,EAC9D,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,eAAe,EACvB,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cANsD,yDAOjE,CADW;IACN,OAAA,CACF,uBAAC,sBAAM,kBACH,IAAI,QACJ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,SAAS,EAC/B,iBAAiB,EAAC,SAAS,EAC3B,sBAAsB,EAAE,QAAQ,EAChC,mBAAmB,EAAC,QAAQ,IACxB,KAAK,cAER,OAAO,YACH,CACZ,CAAA;CAAA,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B"}
+{"version":3,"file":"default-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/default-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,MAAM,EAAe,MAAM,6BAA6B,CAAC;AAiBlE,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAOjE,EAAE,EAAE;QAP6D,EAC9D,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,eAAe,EACvB,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cANsD,yDAOjE,CADW;IACN,OAAA,CACF,KAAC,MAAM,kBACH,IAAI,QACJ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,SAAS,EAC/B,iBAAiB,EAAC,SAAS,EAC3B,sBAAsB,EAAE,QAAQ,EAChC,mBAAmB,EAAC,QAAQ,IACxB,KAAK,cAER,OAAO,YACH,CACZ,CAAA;CAAA,CAAC"}

package/dist/confirmation-messages/yes-no-confirmation.js

@@ -1,33 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YesNoConfirmation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const classnames_1 = __importDefault(require("classnames"));
-const Styles = __importStar(require("./yes-no-confirmation.module.css"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, ButtonGroup, Button } from '@servicetitan/design-system';
+import classNames from 'classnames';
+import * as Styles from './yes-no-confirmation.module.css';
 // TODO: think about suitable default title
-const YesNoConfirmation = ({ title = '', message = '', onConfirm, onDecline, onCancel, }) => ((0, jsx_runtime_1.jsx)(design_system_1.Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: design_system_1.Modal.Sizes.S, title: title, footer: (0, jsx_runtime_1.jsxs)(design_system_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onCancel }, { children: "Cancel" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ negative: true, onClick: onDecline }, { children: "No" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ primary: true, onClick: onConfirm }, { children: "Yes" }), void 0)] }, void 0), className: (0, classnames_1.default)(Styles.yesNoConfirmation, !message && Styles.withoutMessage) }, { children: message }), void 0));
-exports.YesNoConfirmation = YesNoConfirmation;
+export const YesNoConfirmation = ({ title = '', message = '', onConfirm, onDecline, onCancel, }) => (_jsx(Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: Modal.Sizes.S, title: title, footer: _jsxs(ButtonGroup, { children: [_jsx(Button, Object.assign({ onClick: onCancel }, { children: "Cancel" }), void 0), _jsx(Button, Object.assign({ negative: true, onClick: onDecline }, { children: "No" }), void 0), _jsx(Button, Object.assign({ primary: true, onClick: onConfirm }, { children: "Yes" }), void 0)] }, void 0), className: classNames(Styles.yesNoConfirmation, !message && Styles.withoutMessage) }, { children: message }), void 0));
 //# sourceMappingURL=yes-no-confirmation.js.map

package/dist/confirmation-messages/yes-no-confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"yes-no-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/yes-no-confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+DAAyE;AAIzE,4DAAoC;AACpC,yEAA2D;AAE3D,2CAA2C;AACpC,MAAM,iBAAiB,GAA0B,CAAC,EACrD,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,uBAAC,qBAAK,kBACF,IAAI,QACJ,QAAQ,QACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,qBAAK,CAAC,KAAK,CAAC,CAAC,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,wBAAC,2BAAW,eACR,uBAAC,sBAAM,kBAAC,OAAO,EAAE,QAAQ,oCAAiB,EAC1C,uBAAC,sBAAM,kBAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,gCAE1B,EACT,uBAAC,sBAAM,kBAAC,OAAO,QAAC,OAAO,EAAE,SAAS,iCAEzB,YACC,EAElB,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,gBAEjF,OAAO,YACJ,CACX,CAAC;AA5BW,QAAA,iBAAiB,qBA4B5B"}
+{"version":3,"file":"yes-no-confirmation.js","sourceRoot":"","sources":["../../src/confirmation-messages/yes-no-confirmation.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAIzE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,kCAAkC,CAAC;AAE3D,2CAA2C;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAA0B,CAAC,EACrD,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,KAAC,KAAK,kBACF,IAAI,QACJ,QAAQ,QACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,MAAC,WAAW,eACR,KAAC,MAAM,kBAAC,OAAO,EAAE,QAAQ,oCAAiB,EAC1C,KAAC,MAAM,kBAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,gCAE1B,EACT,KAAC,MAAM,kBAAC,OAAO,QAAC,OAAO,EAAE,SAAS,iCAEzB,YACC,EAElB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,gBAEjF,OAAO,YACJ,CACX,CAAC"}

package/dist/demo/basic.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasicExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const BasicExample = () => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@servicetitan/design-system';
+import { Confirm } from '..';
+export const BasicExample = () => {
     const handleConfirm = () => alert('Confirmed');
-    return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ onConfirm: handleConfirm }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
+    return (_jsx(Confirm, Object.assign({ onConfirm: handleConfirm }, { children: onClick => _jsx(Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
 };
-exports.BasicExample = BasicExample;
 //# sourceMappingURL=basic.js.map

package/dist/demo/basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../src/demo/basic.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAA6B;AAEtB,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,WAAO,kBAAC,SAAS,EAAE,aAAa,gBAC5B,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB"}
+{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../src/demo/basic.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,MAAM,CAAC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,OAAO,kBAAC,SAAS,EAAE,aAAa,gBAC5B,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC"}

package/dist/demo/configurable.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigurableExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const ConfigurableExample = () => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@servicetitan/design-system';
+import { Confirm } from '..';
+export const ConfigurableExample = () => {
     const handleConfirm = () => alert('Confirmed');
-    return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ negative: false, title: "You have unsaved changes", message: "Leave anyways?", onConfirm: handleConfirm }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
+    return (_jsx(Confirm, Object.assign({ negative: false, title: "You have unsaved changes", message: "Leave anyways?", onConfirm: handleConfirm }, { children: onClick => _jsx(Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
 };
-exports.ConfigurableExample = ConfigurableExample;
 //# sourceMappingURL=configurable.js.map

package/dist/demo/configurable.js.map

@@ -1 +1 @@
-{"version":3,"file":"configurable.js","sourceRoot":"","sources":["../../src/demo/configurable.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAA6B;AAEtB,MAAM,mBAAmB,GAAO,GAAG,EAAE;IACxC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,uBAAC,WAAO,kBACJ,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAE,aAAa,gBAEvB,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,mBAAmB,uBAa9B"}
+{"version":3,"file":"configurable.js","sourceRoot":"","sources":["../../src/demo/configurable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,MAAM,CAAC,MAAM,mBAAmB,GAAO,GAAG,EAAE;IACxC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,OAAO,kBACJ,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAE,aAAa,gBAEvB,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC"}

package/dist/demo/custom.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const CustomExample = () => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, ButtonGroup, Button, Text } from '@servicetitan/design-system';
+import { Confirm } from '..';
+export const CustomExample = () => {
     const handleConfirm = () => alert('Confirmed');
     const handleDecline = () => alert('Declined');
-    return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ title: "Builder will be closed", message: "Do you want to save your changes?", details: "(Your progress will be removed permanently)", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: CustomConfirmation }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
+    return (_jsx(Confirm, Object.assign({ title: "Builder will be closed", message: "Do you want to save your changes?", details: "(Your progress will be removed permanently)", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: CustomConfirmation }, { children: onClick => _jsx(Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
 };
-exports.CustomExample = CustomExample;
-const CustomConfirmation = ({ title, message, details, onConfirm, onDecline, onCancel, }) => ((0, jsx_runtime_1.jsxs)(design_system_1.Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: design_system_1.Modal.Sizes.S, title: title, footer: (0, jsx_runtime_1.jsxs)(design_system_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ outline: true, onClick: onCancel }, { children: "Continue working" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ outline: true, negative: true, onClick: onDecline }, { children: "No, thanks" }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ outline: true, primary: true, onClick: onConfirm }, { children: "Sure, let's do it" }), void 0)] }, void 0) }, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 3 }, { children: message }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Text, Object.assign({ size: 2, subdued: true }, { children: details }), void 0)] }), void 0));
+const CustomConfirmation = ({ title, message, details, onConfirm, onDecline, onCancel, }) => (_jsxs(Modal, Object.assign({ open: true, closable: true, onClose: onCancel, size: Modal.Sizes.S, title: title, footer: _jsxs(ButtonGroup, { children: [_jsx(Button, Object.assign({ outline: true, onClick: onCancel }, { children: "Continue working" }), void 0), _jsx(Button, Object.assign({ outline: true, negative: true, onClick: onDecline }, { children: "No, thanks" }), void 0), _jsx(Button, Object.assign({ outline: true, primary: true, onClick: onConfirm }, { children: "Sure, let's do it" }), void 0)] }, void 0) }, { children: [_jsx(Text, Object.assign({ size: 3 }, { children: message }), void 0), _jsx(Text, Object.assign({ size: 2, subdued: true }, { children: details }), void 0)] }), void 0));
 //# sourceMappingURL=custom.js.map

package/dist/demo/custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../src/demo/custom.tsx"],"names":[],"mappings":";;;;AAEA,+DAA+E;AAE/E,0BAAgD;AAEzC,MAAM,aAAa,GAAO,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,uBAAC,WAAO,kBACJ,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,mCAAmC,EAC3C,OAAO,EAAC,6CAA6C,EACrD,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,kBAAkB,gBAE/B,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB;AAMF,MAAM,kBAAkB,GAAgC,CAAC,EACrD,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,wBAAC,qBAAK,kBACF,IAAI,QACJ,QAAQ,QACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,qBAAK,CAAC,KAAK,CAAC,CAAC,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,wBAAC,2BAAW,eACR,uBAAC,sBAAM,kBAAC,OAAO,QAAC,OAAO,EAAE,QAAQ,8CAExB,EAET,uBAAC,sBAAM,kBAAC,OAAO,QAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,wCAElC,EAET,uBAAC,sBAAM,kBAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,SAAS,+CAEjC,YACC,iBAGlB,uBAAC,oBAAI,kBAAC,IAAI,EAAE,CAAC,gBAAG,OAAO,YAAQ,EAC/B,uBAAC,oBAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,OAAO,sBACjB,OAAO,YACL,aACH,CACX,CAAC"}
+{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../src/demo/custom.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAqB,MAAM,IAAI,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAO,GAAG,EAAE;IAClC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,OAAO,kBACJ,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,mCAAmC,EAC3C,OAAO,EAAC,6CAA6C,EACrD,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,kBAAkB,gBAE/B,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAMF,MAAM,kBAAkB,GAAgC,CAAC,EACrD,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,GACX,EAAE,EAAE,CAAC,CACF,MAAC,KAAK,kBACF,IAAI,QACJ,QAAQ,QACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,MAAC,WAAW,eACR,KAAC,MAAM,kBAAC,OAAO,QAAC,OAAO,EAAE,QAAQ,8CAExB,EAET,KAAC,MAAM,kBAAC,OAAO,QAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,wCAElC,EAET,KAAC,MAAM,kBAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,SAAS,+CAEjC,YACC,iBAGlB,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,gBAAG,OAAO,YAAQ,EAC/B,KAAC,IAAI,kBAAC,IAAI,EAAE,CAAC,EAAE,OAAO,sBACjB,OAAO,YACL,aACH,CACX,CAAC"}

package/dist/demo/hook.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HookExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const HookExample = () => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Button } from '@servicetitan/design-system';
+import { useConfirm } from '..';
+export const HookExample = () => {
     const handleConfirm = () => alert('Confirmed');
-    const [HookConfirm, hookHandler] = (0, __1.useConfirm)(handleConfirm);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: hookHandler }, { children: "Do Something" }), void 0), (0, jsx_runtime_1.jsx)(HookConfirm, {}, void 0)] }, void 0));
+    const [HookConfirm, hookHandler] = useConfirm(handleConfirm);
+    return (_jsxs(Fragment, { children: [_jsx(Button, Object.assign({ onClick: hookHandler }, { children: "Do Something" }), void 0), _jsx(HookConfirm, {}, void 0)] }, void 0));
 };
-exports.HookExample = HookExample;
 //# sourceMappingURL=hook.js.map

package/dist/demo/hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../src/demo/hook.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,+DAAqD;AAErD,0BAAgC;AAEzB,MAAM,WAAW,GAAO,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,cAAU,EAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACH,wBAAC,gBAAQ,eACL,uBAAC,sBAAM,kBAAC,OAAO,EAAE,WAAW,0CAAuB,EACnD,uBAAC,WAAW,aAAG,YACR,CACd,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,WAAW,eAWtB"}
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../src/demo/hook.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAO,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,MAAM,kBAAC,OAAO,EAAE,WAAW,0CAAuB,EACnD,KAAC,WAAW,aAAG,YACR,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/demo/index.js

@@ -1,19 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./basic"), exports);
-__exportStar(require("./configurable"), exports);
-__exportStar(require("./custom"), exports);
-__exportStar(require("./hook"), exports);
-__exportStar(require("./toggleable"), exports);
-__exportStar(require("./yes-no"), exports);
+export * from './basic';
+export * from './configurable';
+export * from './custom';
+export * from './hook';
+export * from './toggleable';
+export * from './yes-no';
 //# sourceMappingURL=index.js.map

package/dist/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,yCAAuB;AACvB,+CAA6B;AAC7B,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/demo/toggleable.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleableExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const ToggleableExample = () => {
-    const [confirmEnabled, setConfirmEnabled] = (0, react_1.useState)(true);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Stack, Button, Checkbox } from '@servicetitan/design-system';
+import { Confirm } from '..';
+export const ToggleableExample = () => {
+    const [confirmEnabled, setConfirmEnabled] = useState(true);
     const handleConfirm = () => alert('Confirmed');
     const handleChangeConfirmEnabled = (_0, checked) => {
         setConfirmEnabled(checked);
     };
-    return ((0, jsx_runtime_1.jsxs)(design_system_1.Stack, Object.assign({ alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ when: confirmEnabled, onConfirm: handleConfirm }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(design_system_1.Checkbox, { label: "Enable confirmation?", checked: confirmEnabled, onChange: handleChangeConfirmEnabled, className: "m-l-4" }, void 0)] }), void 0));
+    return (_jsxs(Stack, Object.assign({ alignItems: "center" }, { children: [_jsx(Confirm, Object.assign({ when: confirmEnabled, onConfirm: handleConfirm }, { children: onClick => _jsx(Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0), _jsx(Checkbox, { label: "Enable confirmation?", checked: confirmEnabled, onChange: handleChangeConfirmEnabled, className: "m-l-4" }, void 0)] }), void 0));
 };
-exports.ToggleableExample = ToggleableExample;
 //# sourceMappingURL=toggleable.js.map

package/dist/demo/toggleable.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleable.js","sourceRoot":"","sources":["../../src/demo/toggleable.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAErC,+DAAsE;AAEtE,0BAA6B;AAEtB,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACtC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,0BAA0B,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QAC/D,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,wBAAC,qBAAK,kBAAC,UAAU,EAAC,QAAQ,iBACtB,uBAAC,WAAO,kBAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,gBAClD,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,EAEV,uBAAC,wBAAQ,IACL,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,0BAA0B,EACpC,SAAS,EAAC,OAAO,WACnB,aACE,CACX,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,iBAAiB,qBAuB5B"}
+{"version":3,"file":"toggleable.js","sourceRoot":"","sources":["../../src/demo/toggleable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,MAAM,CAAC,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACtC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAE/C,MAAM,0BAA0B,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QAC/D,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,kBAAC,UAAU,EAAC,QAAQ,iBACtB,KAAC,OAAO,kBAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,gBAClD,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,EAEV,KAAC,QAAQ,IACL,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,0BAA0B,EACpC,SAAS,EAAC,OAAO,WACnB,aACE,CACX,CAAC;AACN,CAAC,CAAC"}

package/dist/demo/yes-no.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YesNoExample = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const design_system_1 = require("@servicetitan/design-system");
-const __1 = require("..");
-const YesNoExample = () => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@servicetitan/design-system';
+import { Confirm, YesNoConfirmation } from '..';
+export const YesNoExample = () => {
     const handleConfirm = () => alert('Confirmed');
     const handleDecline = () => alert('Declined');
-    return ((0, jsx_runtime_1.jsx)(__1.Confirm, Object.assign({ title: "Save current progress?", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: __1.YesNoConfirmation }, { children: onClick => (0, jsx_runtime_1.jsx)(design_system_1.Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
+    return (_jsx(Confirm, Object.assign({ title: "Save current progress?", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: YesNoConfirmation }, { children: onClick => _jsx(Button, Object.assign({ onClick: onClick }, { children: "Do Something" }), void 0) }), void 0));
 };
-exports.YesNoExample = YesNoExample;
 //# sourceMappingURL=yes-no.js.map

package/dist/demo/yes-no.js.map

@@ -1 +1 @@
-{"version":3,"file":"yes-no.js","sourceRoot":"","sources":["../../src/demo/yes-no.tsx"],"names":[],"mappings":";;;;AAEA,+DAAqD;AAErD,0BAAgD;AAEzC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,uBAAC,WAAO,kBACJ,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,qBAAiB,gBAE9B,OAAO,CAAC,EAAE,CAAC,uBAAC,sBAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,YAAY,gBAcvB"}
+{"version":3,"file":"yes-no.js","sourceRoot":"","sources":["../../src/demo/yes-no.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,OAAO,kBACJ,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,iBAAiB,gBAE9B,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,0CAAuB,YACrD,CACb,CAAC;AACN,CAAC,CAAC"}

package/dist/index.js

@@ -1,10 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YesNoConfirmation = exports.Confirm = exports.useConfirm = void 0;
-var use_confirm_1 = require("./use-confirm");
-Object.defineProperty(exports, "useConfirm", { enumerable: true, get: function () { return use_confirm_1.useConfirm; } });
-var confirm_1 = require("./confirm");
-Object.defineProperty(exports, "Confirm", { enumerable: true, get: function () { return confirm_1.Confirm; } });
-var yes_no_confirmation_1 = require("./confirmation-messages/yes-no-confirmation");
-Object.defineProperty(exports, "YesNoConfirmation", { enumerable: true, get: function () { return yes_no_confirmation_1.YesNoConfirmation; } });
+export { useConfirm } from './use-confirm';
+export { Confirm } from './confirm';
+export { YesNoConfirmation } from './confirmation-messages/yes-no-confirmation';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,6CAA8D;AAArD,yGAAA,UAAU,OAAA;AACnB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,mFAAgF;AAAvE,wHAAA,iBAAiB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC"}

package/dist/use-confirm.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -19,14 +18,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConfirm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const default_confirmation_1 = require("./confirmation-messages/default-confirmation");
-function useConfirm(onConfirm, onDecline) {
-    const [defer, setDefer] = (0, react_1.useState)(undefined);
-    const handler = (0, react_1.useCallback)((...args) => __awaiter(this, void 0, void 0, function* () {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from 'react';
+import { DefaultConfirmation, } from './confirmation-messages/default-confirmation';
+export function useConfirm(onConfirm, onDecline) {
+    const [defer, setDefer] = useState(undefined);
+    const handler = useCallback((...args) => __awaiter(this, void 0, void 0, function* () {
         let isConfirmed;
         try {
             isConfirmed = yield new Promise((resolve, reject) => {
@@ -50,8 +47,8 @@ function useConfirm(onConfirm, onDecline) {
             onDecline(...args);
         }
     }), [onConfirm, onDecline]);
-    const Confirm = (0, react_1.useMemo)(() => (_a) => {
-        var { when = true, confirmation: Confirmation = default_confirmation_1.DefaultConfirmation } = _a, props = __rest(_a, ["when", "confirmation"]);
+    const Confirm = useMemo(() => (_a) => {
+        var { when = true, confirmation: Confirmation = DefaultConfirmation } = _a, props = __rest(_a, ["when", "confirmation"]);
         if (!defer) {
             return null;
         }
@@ -59,9 +56,8 @@ function useConfirm(onConfirm, onDecline) {
             defer.confirm();
             return null;
         }
-        return ((0, jsx_runtime_1.jsx)(Confirmation, Object.assign({}, props, { onConfirm: defer.confirm, onDecline: defer.decline, onCancel: defer.cancel }), void 0));
+        return (_jsx(Confirmation, Object.assign({}, props, { onConfirm: defer.confirm, onDecline: defer.decline, onCancel: defer.cancel }), void 0));
     }, [defer]);
     return [Confirm, handler];
 }
-exports.useConfirm = useConfirm;
 //# sourceMappingURL=use-confirm.js.map

package/dist/use-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirm.js","sourceRoot":"","sources":["../src/use-confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAsE;AAEtE,uFAGsD;AAqBtD,SAAgB,UAAU,CAAoC,SAAY,EAAE,SAAa;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAoB,SAAS,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,IAAA,mBAAW,EACvB,CAAO,GAAG,IAAW,EAAE,EAAE;QACrB,IAAI,WAAoB,CAAC;QAEzB,IAAI;YACA,WAAW,GAAG,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBAChD,QAAQ,CAAC;oBACL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;oBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;oBAC7B,MAAM,EAAE,MAAM;iBACjB,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;SACN;QAAC,WAAM;YACJ,OAAO;SACV;gBAAS;YACN,QAAQ,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,WAAW,EAAE;YACb,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;aAAM,IAAI,SAAS,EAAE;YAClB,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;IACL,CAAC,CAAA,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACzB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CACD,CAAyD,EAIvC,EAAE,EAAE;YAJmC,EACrD,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,YAAY,GAAG,0CAAuC,OAEtD,EADX,KAAK,cAH6C,wBAIxD,CADW;QAER,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,IAAI,CAAC;SACf;QAED,IAAI,CAAC,IAAI,EAAE;YACP,KAAK,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,CACH,uBAAC,YAAY,oBACJ,KAAW,IAChB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,QAAQ,EAAE,KAAK,CAAC,MAAM,YACxB,CACL,CAAC;IACN,CAAC,EACL,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,OAAO,CAAwB,CAAC;AACrD,CAAC;AA3DD,gCA2DC"}
+{"version":3,"file":"use-confirm.js","sourceRoot":"","sources":["../src/use-confirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAiB,MAAM,OAAO,CAAC;AAEtE,OAAO,EACH,mBAAmB,GAEtB,MAAM,8CAA8C,CAAC;AAqBtD,MAAM,UAAU,UAAU,CAAoC,SAAY,EAAE,SAAa;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,SAAS,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,WAAW,CACvB,CAAO,GAAG,IAAW,EAAE,EAAE;QACrB,IAAI,WAAoB,CAAC;QAEzB,IAAI;YACA,WAAW,GAAG,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBAChD,QAAQ,CAAC;oBACL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;oBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;oBAC7B,MAAM,EAAE,MAAM;iBACjB,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;SACN;QAAC,WAAM;YACJ,OAAO;SACV;gBAAS;YACN,QAAQ,CAAC,SAAS,CAAC,CAAC;SACvB;QAED,IAAI,WAAW,EAAE;YACb,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;aAAM,IAAI,SAAS,EAAE;YAClB,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;IACL,CAAC,CAAA,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACzB,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACnB,GAAG,EAAE,CACD,CAAyD,EAIvC,EAAE,EAAE;YAJmC,EACrD,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,YAAY,GAAG,mBAAuC,OAEtD,EADX,KAAK,cAH6C,wBAIxD,CADW;QAER,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,IAAI,CAAC;SACf;QAED,IAAI,CAAC,IAAI,EAAE;YACP,KAAK,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;SACf;QAED,OAAO,CACH,KAAC,YAAY,oBACJ,KAAW,IAChB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,QAAQ,EAAE,KAAK,CAAC,MAAM,YACxB,CACL,CAAC;IACN,CAAC,EACL,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,OAAO,CAAwB,CAAC;AACrD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/confirm",
-    "version": "19.3.0",
+    "version": "20.1.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/confirm",
     "repository": {
@@ -10,17 +10,18 @@
     },
     "main": "./dist/index.js",
     "typings": "./dist/index.d.ts",
+    "sideEffects": false,
     "files": [
         "dist",
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/design-system": "~10.6.0",
-        "@types/react": "~17.0.37",
+        "@servicetitan/design-system": "~11.2.0",
+        "@types/react": "~17.0.38",
         "react": "~17.0.2"
     },
     "peerDependencies": {
-        "@servicetitan/design-system": "~10.6.0",
+        "@servicetitan/design-system": "~11.2.0",
         "react": "~17.0.2"
     },
     "dependencies": {
@@ -32,5 +33,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "c2541cf4d4dc01064f7d327370a90f7b4d107a0e"
+    "gitHead": "aec207a72396ff91bb8aee9693ba2c13f9480f83"
 }