@servicetitan/confirm 31.2.0 → 31.3.0

package/dist/confirm.js

@@ -1,8 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
 import { useConfirm } from './use-confirm';
-export const Confirm = ({ onConfirm, onDecline, children, ...props }) => {
+export const Confirm = ({ onConfirm, onDecline, children, ...props })=>{
     const [Confirm, handler] = useConfirm(onConfirm, onDecline);
-    return (_jsxs(Fragment, { children: [children(handler), _jsx(Confirm, { ...props })] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            children(handler),
+            /*#__PURE__*/ _jsx(Confirm, {
+                ...props
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=confirm.js.map

package/dist/confirm.js.map

@@ -1 +1 @@
-{"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,EACE,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,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,OAAM,KAAyC,GAAI,IACpD,CACd,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../src/confirm.tsx"],"sourcesContent":["import { Fragment } from 'react';\n\nimport { useConfirm, ConfirmProps as InnerConfirmProps, ConfirmationProps } from './use-confirm';\nimport { DefaultConfirmationProps } from './confirmation-messages/default-confirmation';\n\ntype ConfirmProps<T extends (...args: any[]) => any, P extends ConfirmationProps> = {\n    onConfirm: T;\n    onDecline?: T;\n    children(handler: T): JSX.Element;\n} & InnerConfirmProps<P>;\n\nexport const Confirm = <\n    T extends (...args: any[]) => any,\n    P extends ConfirmationProps = DefaultConfirmationProps,\n>({\n    onConfirm,\n    onDecline,\n    children,\n    ...props\n}: ConfirmProps<T, P>) => {\n    const [Confirm, handler] = useConfirm(onConfirm, onDecline);\n\n    return (\n        <Fragment>\n            {children(handler)}\n\n            <Confirm {...(props as unknown as InnerConfirmProps<P>)} />\n        </Fragment>\n    );\n};\n"],"names":["Fragment","useConfirm","Confirm","onConfirm","onDecline","children","props","handler"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,UAAU,QAA8D,gBAAgB;AASjG,OAAO,MAAMC,UAAU,CAGrB,EACEC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACc;IACjB,MAAM,CAACJ,SAASK,QAAQ,GAAGN,WAAWE,WAAWC;IAEjD,qBACI,MAACJ;;YACIK,SAASE;0BAEV,KAACL;gBAAS,GAAII,KAAK;;;;AAG/B,EAAE"}

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

@@ -1,4 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Dialog } from '@servicetitan/design-system';
-export const DefaultConfirmation = ({ negative = true, title = 'Are you sure?', message = '', onConfirm, onCancel, ...props }) => (_jsx(Dialog, { open: true, negative: negative, onClose: onCancel, title: title, onPrimaryActionClick: onConfirm, primaryActionName: "Confirm", onSecondaryActionClick: onCancel, secondaryActionName: "Cancel", ...props, children: message }));
+export const DefaultConfirmation = ({ negative = true, title = 'Are you sure?', message = '', onConfirm, onCancel, ...props })=>/*#__PURE__*/ _jsx(Dialog, {
+        open: true,
+        negative: negative,
+        onClose: onCancel,
+        title: title,
+        onPrimaryActionClick: onConfirm,
+        primaryActionName: "Confirm",
+        onSecondaryActionClick: onCancel,
+        secondaryActionName: "Cancel",
+        ...props,
+        children: message
+    });
+
 //# 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,OAAO,EAAE,MAAM,EAAe,MAAM,6BAA6B,CAAC;AAiBlE,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAC9D,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,eAAe,EACvB,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,CACF,KAAC,MAAM,IACH,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,KACxB,KAAK,YAER,OAAO,GACH,CACZ,CAAC"}
+{"version":3,"sources":["../../src/confirmation-messages/default-confirmation.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Dialog, DialogProps } from '@servicetitan/design-system';\n\nimport { ConfirmationProps } from '../use-confirm';\n\nexport type DefaultConfirmationProps = ConfirmationProps &\n    Partial<\n        Omit<\n            DialogProps,\n            | 'closable'\n            | 'onClose'\n            | 'onPrimaryActionClick'\n            | 'onSecondaryActionClick'\n            | 'open'\n            | 'title'\n        >\n    >;\n\nexport const DefaultConfirmation: FC<DefaultConfirmationProps> = ({\n    negative = true,\n    title = 'Are you sure?',\n    message = '',\n    onConfirm,\n    onCancel,\n    ...props\n}) => (\n    <Dialog\n        open\n        negative={negative}\n        onClose={onCancel}\n        title={title}\n        onPrimaryActionClick={onConfirm}\n        primaryActionName=\"Confirm\"\n        onSecondaryActionClick={onCancel}\n        secondaryActionName=\"Cancel\"\n        {...props}\n    >\n        {message}\n    </Dialog>\n);\n"],"names":["Dialog","DefaultConfirmation","negative","title","message","onConfirm","onCancel","props","open","onClose","onPrimaryActionClick","primaryActionName","onSecondaryActionClick","secondaryActionName"],"mappings":";AAEA,SAASA,MAAM,QAAqB,8BAA8B;AAiBlE,OAAO,MAAMC,sBAAoD,CAAC,EAC9DC,WAAW,IAAI,EACfC,QAAQ,eAAe,EACvBC,UAAU,EAAE,EACZC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACN,iBACG,KAACP;QACGQ,IAAI;QACJN,UAAUA;QACVO,SAASH;QACTH,OAAOA;QACPO,sBAAsBL;QACtBM,mBAAkB;QAClBC,wBAAwBN;QACxBO,qBAAoB;QACnB,GAAGN,KAAK;kBAERH;OAEP"}

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

@@ -3,5 +3,32 @@ 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
-export const YesNoConfirmation = ({ title = '', message = '', onConfirm, onDecline, onCancel, }) => (_jsx(Modal, { open: true, closable: true, onClose: onCancel, size: Modal.Sizes.S, title: title, footer: _jsxs(ButtonGroup, { children: [_jsx(Button, { onClick: onCancel, children: "Cancel" }), _jsx(Button, { negative: true, onClick: onDecline, children: "No" }), _jsx(Button, { primary: true, onClick: onConfirm, children: "Yes" })] }), className: classNames(Styles.yesNoConfirmation, !message && Styles.withoutMessage), children: message }));
+export const YesNoConfirmation = ({ title = '', message = '', onConfirm, onDecline, onCancel })=>/*#__PURE__*/ _jsx(Modal, {
+        open: true,
+        closable: true,
+        onClose: onCancel,
+        size: Modal.Sizes.S,
+        title: title,
+        footer: /*#__PURE__*/ _jsxs(ButtonGroup, {
+            children: [
+                /*#__PURE__*/ _jsx(Button, {
+                    onClick: onCancel,
+                    children: "Cancel"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    negative: true,
+                    onClick: onDecline,
+                    children: "No"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    primary: true,
+                    onClick: onConfirm,
+                    children: "Yes"
+                })
+            ]
+        }),
+        className: classNames(Styles.yesNoConfirmation, !message && Styles.withoutMessage),
+        children: message
+    });
+
 //# 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,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,IACF,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,IAAC,OAAO,EAAE,QAAQ,uBAAiB,EAC1C,KAAC,MAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,mBAE1B,EACT,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,SAAS,oBAEzB,IACC,EAElB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,YAEjF,OAAO,GACJ,CACX,CAAC"}
+{"version":3,"sources":["../../src/confirmation-messages/yes-no-confirmation.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Modal, ButtonGroup, Button } from '@servicetitan/design-system';\n\nimport { ConfirmationProps } from '../use-confirm';\n\nimport classNames from 'classnames';\nimport * as Styles from './yes-no-confirmation.module.css';\n\n// TODO: think about suitable default title\nexport const YesNoConfirmation: FC<ConfirmationProps> = ({\n    title = '',\n    message = '',\n    onConfirm,\n    onDecline,\n    onCancel,\n}) => (\n    <Modal\n        open\n        closable\n        onClose={onCancel}\n        size={Modal.Sizes.S}\n        title={title}\n        footer={\n            <ButtonGroup>\n                <Button onClick={onCancel}>Cancel</Button>\n                <Button negative onClick={onDecline}>\n                    No\n                </Button>\n                <Button primary onClick={onConfirm}>\n                    Yes\n                </Button>\n            </ButtonGroup>\n        }\n        className={classNames(Styles.yesNoConfirmation, !message && Styles.withoutMessage)}\n    >\n        {message}\n    </Modal>\n);\n"],"names":["Modal","ButtonGroup","Button","classNames","Styles","YesNoConfirmation","title","message","onConfirm","onDecline","onCancel","open","closable","onClose","size","Sizes","S","footer","onClick","negative","primary","className","yesNoConfirmation","withoutMessage"],"mappings":";AAEA,SAASA,KAAK,EAAEC,WAAW,EAAEC,MAAM,QAAQ,8BAA8B;AAIzE,OAAOC,gBAAgB,aAAa;AACpC,YAAYC,YAAY,mCAAmC;AAE3D,2CAA2C;AAC3C,OAAO,MAAMC,oBAA2C,CAAC,EACrDC,QAAQ,EAAE,EACVC,UAAU,EAAE,EACZC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACX,iBACG,KAACV;QACGW,IAAI;QACJC,QAAQ;QACRC,SAASH;QACTI,MAAMd,MAAMe,KAAK,CAACC,CAAC;QACnBV,OAAOA;QACPW,sBACI,MAAChB;;8BACG,KAACC;oBAAOgB,SAASR;8BAAU;;8BAC3B,KAACR;oBAAOiB,QAAQ;oBAACD,SAAST;8BAAW;;8BAGrC,KAACP;oBAAOkB,OAAO;oBAACF,SAASV;8BAAW;;;;QAK5Ca,WAAWlB,WAAWC,OAAOkB,iBAAiB,EAAE,CAACf,WAAWH,OAAOmB,cAAc;kBAEhFhB;OAEP"}

package/dist/confirmation-messages/yes-no-confirmation.module.css.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: true;
+export const withoutMessage: string;
+export const yesNoConfirmation: string;
+

package/dist/demo/basic.js

@@ -1,8 +1,15 @@
 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 (_jsx(Confirm, { onConfirm: handleConfirm, children: onClick => _jsx(Button, { onClick: onClick, children: "Do Something" }) }));
+export const BasicExample = ()=>{
+    const handleConfirm = ()=>alert('Confirmed');
+    return /*#__PURE__*/ _jsx(Confirm, {
+        onConfirm: handleConfirm,
+        children: (onClick)=>/*#__PURE__*/ _jsx(Button, {
+                onClick: onClick,
+                children: "Do Something"
+            })
+    });
 };
+
 //# 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,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,IAAC,SAAS,EAAE,aAAa,YAC5B,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,6BAAuB,GACrD,CACb,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/basic.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Button } from '@servicetitan/design-system';\n\nimport { Confirm } from '..';\n\nexport const BasicExample: FC = () => {\n    const handleConfirm = () => alert('Confirmed');\n\n    return (\n        <Confirm onConfirm={handleConfirm}>\n            {onClick => <Button onClick={onClick}>Do Something</Button>}\n        </Confirm>\n    );\n};\n"],"names":["Button","Confirm","BasicExample","handleConfirm","alert","onConfirm","onClick"],"mappings":";AAEA,SAASA,MAAM,QAAQ,8BAA8B;AAErD,SAASC,OAAO,QAAQ,KAAK;AAE7B,OAAO,MAAMC,eAAmB;IAC5B,MAAMC,gBAAgB,IAAMC,MAAM;IAElC,qBACI,KAACH;QAAQI,WAAWF;kBACfG,CAAAA,wBAAW,KAACN;gBAAOM,SAASA;0BAAS;;;AAGlD,EAAE"}

package/dist/demo/configurable.js

@@ -1,8 +1,18 @@
 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 (_jsx(Confirm, { negative: false, title: "You have unsaved changes", message: "Leave anyways?", onConfirm: handleConfirm, children: onClick => _jsx(Button, { onClick: onClick, children: "Do Something" }) }));
+export const ConfigurableExample = ()=>{
+    const handleConfirm = ()=>alert('Confirmed');
+    return /*#__PURE__*/ _jsx(Confirm, {
+        negative: false,
+        title: "You have unsaved changes",
+        message: "Leave anyways?",
+        onConfirm: handleConfirm,
+        children: (onClick)=>/*#__PURE__*/ _jsx(Button, {
+                onClick: onClick,
+                children: "Do Something"
+            })
+    });
 };
+
 //# 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,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,IACJ,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,0BAA0B,EAChC,OAAO,EAAC,gBAAgB,EACxB,SAAS,EAAE,aAAa,YAEvB,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,6BAAuB,GACrD,CACb,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/configurable.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Button } from '@servicetitan/design-system';\n\nimport { Confirm } from '..';\n\nexport const ConfigurableExample: FC = () => {\n    const handleConfirm = () => alert('Confirmed');\n\n    return (\n        <Confirm\n            negative={false}\n            title=\"You have unsaved changes\"\n            message=\"Leave anyways?\"\n            onConfirm={handleConfirm}\n        >\n            {onClick => <Button onClick={onClick}>Do Something</Button>}\n        </Confirm>\n    );\n};\n"],"names":["Button","Confirm","ConfigurableExample","handleConfirm","alert","negative","title","message","onConfirm","onClick"],"mappings":";AAEA,SAASA,MAAM,QAAQ,8BAA8B;AAErD,SAASC,OAAO,QAAQ,KAAK;AAE7B,OAAO,MAAMC,sBAA0B;IACnC,MAAMC,gBAAgB,IAAMC,MAAM;IAElC,qBACI,KAACH;QACGI,UAAU;QACVC,OAAM;QACNC,SAAQ;QACRC,WAAWL;kBAEVM,CAAAA,wBAAW,KAACT;gBAAOS,SAASA;0BAAS;;;AAGlD,EAAE"}

package/dist/demo/custom.js

@@ -1,10 +1,60 @@
 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 (_jsx(Confirm, { 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, { onClick: onClick, children: "Do Something" }) }));
+export const CustomExample = ()=>{
+    const handleConfirm = ()=>alert('Confirmed');
+    const handleDecline = ()=>alert('Declined');
+    return /*#__PURE__*/ _jsx(Confirm, {
+        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)=>/*#__PURE__*/ _jsx(Button, {
+                onClick: onClick,
+                children: "Do Something"
+            })
+    });
 };
-const CustomConfirmation = ({ title, message, details, onConfirm, onDecline, onCancel, }) => (_jsxs(Modal, { open: true, closable: true, onClose: onCancel, size: Modal.Sizes.S, title: title, footer: _jsxs(ButtonGroup, { children: [_jsx(Button, { outline: true, onClick: onCancel, children: "Continue working" }), _jsx(Button, { outline: true, negative: true, onClick: onDecline, children: "No, thanks" }), _jsx(Button, { outline: true, primary: true, onClick: onConfirm, children: "Sure, let's do it" })] }), children: [_jsx(Text, { size: 3, children: message }), _jsx(Text, { size: 2, subdued: true, children: details })] }));
+const CustomConfirmation = ({ title, message, details, onConfirm, onDecline, onCancel })=>/*#__PURE__*/ _jsxs(Modal, {
+        open: true,
+        closable: true,
+        onClose: onCancel,
+        size: Modal.Sizes.S,
+        title: title,
+        footer: /*#__PURE__*/ _jsxs(ButtonGroup, {
+            children: [
+                /*#__PURE__*/ _jsx(Button, {
+                    outline: true,
+                    onClick: onCancel,
+                    children: "Continue working"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    outline: true,
+                    negative: true,
+                    onClick: onDecline,
+                    children: "No, thanks"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    outline: true,
+                    primary: true,
+                    onClick: onConfirm,
+                    children: "Sure, let's do it"
+                })
+            ]
+        }),
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                size: 3,
+                children: message
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                size: 2,
+                subdued: true,
+                children: details
+            })
+        ]
+    });
+
 //# 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,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,IACJ,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,mCAAmC,EAC3C,OAAO,EAAC,6CAA6C,EACrD,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,kBAAkB,YAE/B,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,6BAAuB,GACrD,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,IACF,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,IAAC,OAAO,QAAC,OAAO,EAAE,QAAQ,iCAExB,EAET,KAAC,MAAM,IAAC,OAAO,QAAC,QAAQ,QAAC,OAAO,EAAE,SAAS,2BAElC,EAET,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,QAAC,OAAO,EAAE,SAAS,kCAEjC,IACC,aAGlB,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,YAAG,OAAO,GAAQ,EAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,kBACjB,OAAO,GACL,IACH,CACX,CAAC"}
+{"version":3,"sources":["../../src/demo/custom.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Modal, ButtonGroup, Button, Text } from '@servicetitan/design-system';\n\nimport { Confirm, ConfirmationProps } from '..';\n\nexport const CustomExample: FC = () => {\n    const handleConfirm = () => alert('Confirmed');\n    const handleDecline = () => alert('Declined');\n\n    return (\n        <Confirm\n            title=\"Builder will be closed\"\n            message=\"Do you want to save your changes?\"\n            details=\"(Your progress will be removed permanently)\"\n            onConfirm={handleConfirm}\n            onDecline={handleDecline}\n            confirmation={CustomConfirmation}\n        >\n            {onClick => <Button onClick={onClick}>Do Something</Button>}\n        </Confirm>\n    );\n};\n\ninterface CustomConfirmationProps extends ConfirmationProps {\n    details?: string;\n}\n\nconst CustomConfirmation: FC<CustomConfirmationProps> = ({\n    title,\n    message,\n    details,\n    onConfirm,\n    onDecline,\n    onCancel,\n}) => (\n    <Modal\n        open\n        closable\n        onClose={onCancel}\n        size={Modal.Sizes.S}\n        title={title}\n        footer={\n            <ButtonGroup>\n                <Button outline onClick={onCancel}>\n                    Continue working\n                </Button>\n\n                <Button outline negative onClick={onDecline}>\n                    No, thanks\n                </Button>\n\n                <Button outline primary onClick={onConfirm}>\n                    Sure, let's do it\n                </Button>\n            </ButtonGroup>\n        }\n    >\n        <Text size={3}>{message}</Text>\n        <Text size={2} subdued>\n            {details}\n        </Text>\n    </Modal>\n);\n"],"names":["Modal","ButtonGroup","Button","Text","Confirm","CustomExample","handleConfirm","alert","handleDecline","title","message","details","onConfirm","onDecline","confirmation","CustomConfirmation","onClick","onCancel","open","closable","onClose","size","Sizes","S","footer","outline","negative","primary","subdued"],"mappings":";AAEA,SAASA,KAAK,EAAEC,WAAW,EAAEC,MAAM,EAAEC,IAAI,QAAQ,8BAA8B;AAE/E,SAASC,OAAO,QAA2B,KAAK;AAEhD,OAAO,MAAMC,gBAAoB;IAC7B,MAAMC,gBAAgB,IAAMC,MAAM;IAClC,MAAMC,gBAAgB,IAAMD,MAAM;IAElC,qBACI,KAACH;QACGK,OAAM;QACNC,SAAQ;QACRC,SAAQ;QACRC,WAAWN;QACXO,WAAWL;QACXM,cAAcC;kBAEbC,CAAAA,wBAAW,KAACd;gBAAOc,SAASA;0BAAS;;;AAGlD,EAAE;AAMF,MAAMD,qBAAkD,CAAC,EACrDN,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTI,QAAQ,EACX,iBACG,MAACjB;QACGkB,IAAI;QACJC,QAAQ;QACRC,SAASH;QACTI,MAAMrB,MAAMsB,KAAK,CAACC,CAAC;QACnBd,OAAOA;QACPe,sBACI,MAACvB;;8BACG,KAACC;oBAAOuB,OAAO;oBAACT,SAASC;8BAAU;;8BAInC,KAACf;oBAAOuB,OAAO;oBAACC,QAAQ;oBAACV,SAASH;8BAAW;;8BAI7C,KAACX;oBAAOuB,OAAO;oBAACE,OAAO;oBAACX,SAASJ;8BAAW;;;;;0BAMpD,KAACT;gBAAKkB,MAAM;0BAAIX;;0BAChB,KAACP;gBAAKkB,MAAM;gBAAGO,OAAO;0BACjBjB"}

package/dist/demo/hook.js

@@ -2,9 +2,18 @@ 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');
+export const HookExample = ()=>{
+    const handleConfirm = ()=>alert('Confirmed');
     const [HookConfirm, hookHandler] = useConfirm(handleConfirm);
-    return (_jsxs(Fragment, { children: [_jsx(Button, { onClick: hookHandler, children: "Do Something" }), _jsx(HookConfirm, {})] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                onClick: hookHandler,
+                children: "Do Something"
+            }),
+            /*#__PURE__*/ _jsx(HookConfirm, {})
+        ]
+    });
 };
+
 //# 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,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,IAAC,OAAO,EAAE,WAAW,6BAAuB,EACnD,KAAC,WAAW,KAAG,IACR,CACd,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/hook.tsx"],"sourcesContent":["import { Fragment, FC } from 'react';\n\nimport { Button } from '@servicetitan/design-system';\n\nimport { useConfirm } from '..';\n\nexport const HookExample: FC = () => {\n    const handleConfirm = () => alert('Confirmed');\n\n    const [HookConfirm, hookHandler] = useConfirm(handleConfirm);\n\n    return (\n        <Fragment>\n            <Button onClick={hookHandler}>Do Something</Button>\n            <HookConfirm />\n        </Fragment>\n    );\n};\n"],"names":["Fragment","Button","useConfirm","HookExample","handleConfirm","alert","HookConfirm","hookHandler","onClick"],"mappings":";AAAA,SAASA,QAAQ,QAAY,QAAQ;AAErC,SAASC,MAAM,QAAQ,8BAA8B;AAErD,SAASC,UAAU,QAAQ,KAAK;AAEhC,OAAO,MAAMC,cAAkB;IAC3B,MAAMC,gBAAgB,IAAMC,MAAM;IAElC,MAAM,CAACC,aAAaC,YAAY,GAAGL,WAAWE;IAE9C,qBACI,MAACJ;;0BACG,KAACC;gBAAOO,SAASD;0BAAa;;0BAC9B,KAACD;;;AAGb,EAAE"}

package/dist/demo/index.js

@@ -4,4 +4,5 @@ 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,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"sources":["../../src/demo/index.ts"],"sourcesContent":["export * from './basic';\nexport * from './configurable';\nexport * from './custom';\nexport * from './hook';\nexport * from './toggleable';\nexport * from './yes-no';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,WAAW"}

package/dist/demo/toggleable.js

@@ -2,12 +2,31 @@ 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 = () => {
+export const ToggleableExample = ()=>{
     const [confirmEnabled, setConfirmEnabled] = useState(true);
-    const handleConfirm = () => alert('Confirmed');
-    const handleChangeConfirmEnabled = (_0, checked) => {
+    const handleConfirm = ()=>alert('Confirmed');
+    const handleChangeConfirmEnabled = (_0, checked)=>{
         setConfirmEnabled(checked);
     };
-    return (_jsxs(Stack, { alignItems: "center", children: [_jsx(Confirm, { when: confirmEnabled, onConfirm: handleConfirm, children: onClick => _jsx(Button, { onClick: onClick, children: "Do Something" }) }), _jsx(Checkbox, { label: "Enable confirmation?", checked: confirmEnabled, onChange: handleChangeConfirmEnabled, className: "m-l-4" })] }));
+    return /*#__PURE__*/ _jsxs(Stack, {
+        alignItems: "center",
+        children: [
+            /*#__PURE__*/ _jsx(Confirm, {
+                when: confirmEnabled,
+                onConfirm: handleConfirm,
+                children: (onClick)=>/*#__PURE__*/ _jsx(Button, {
+                        onClick: onClick,
+                        children: "Do Something"
+                    })
+            }),
+            /*#__PURE__*/ _jsx(Checkbox, {
+                label: "Enable confirmation?",
+                checked: confirmEnabled,
+                onChange: handleChangeConfirmEnabled,
+                className: "m-l-4"
+            })
+        ]
+    });
 };
+
 //# 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,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,IAAC,UAAU,EAAC,QAAQ,aACtB,KAAC,OAAO,IAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,YAClD,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,6BAAuB,GACrD,EAEV,KAAC,QAAQ,IACL,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,0BAA0B,EACpC,SAAS,EAAC,OAAO,GACnB,IACE,CACX,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/toggleable.tsx"],"sourcesContent":["import { useState, FC } from 'react';\n\nimport { Stack, Button, Checkbox } from '@servicetitan/design-system';\n\nimport { Confirm } from '..';\n\nexport const ToggleableExample: FC = () => {\n    const [confirmEnabled, setConfirmEnabled] = useState(true);\n\n    const handleConfirm = () => alert('Confirmed');\n\n    const handleChangeConfirmEnabled = (_0: never, checked: boolean) => {\n        setConfirmEnabled(checked);\n    };\n\n    return (\n        <Stack alignItems=\"center\">\n            <Confirm when={confirmEnabled} onConfirm={handleConfirm}>\n                {onClick => <Button onClick={onClick}>Do Something</Button>}\n            </Confirm>\n\n            <Checkbox\n                label=\"Enable confirmation?\"\n                checked={confirmEnabled}\n                onChange={handleChangeConfirmEnabled}\n                className=\"m-l-4\"\n            />\n        </Stack>\n    );\n};\n"],"names":["useState","Stack","Button","Checkbox","Confirm","ToggleableExample","confirmEnabled","setConfirmEnabled","handleConfirm","alert","handleChangeConfirmEnabled","_0","checked","alignItems","when","onConfirm","onClick","label","onChange","className"],"mappings":";AAAA,SAASA,QAAQ,QAAY,QAAQ;AAErC,SAASC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,8BAA8B;AAEtE,SAASC,OAAO,QAAQ,KAAK;AAE7B,OAAO,MAAMC,oBAAwB;IACjC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGP,SAAS;IAErD,MAAMQ,gBAAgB,IAAMC,MAAM;IAElC,MAAMC,6BAA6B,CAACC,IAAWC;QAC3CL,kBAAkBK;IACtB;IAEA,qBACI,MAACX;QAAMY,YAAW;;0BACd,KAACT;gBAAQU,MAAMR;gBAAgBS,WAAWP;0BACrCQ,CAAAA,wBAAW,KAACd;wBAAOc,SAASA;kCAAS;;;0BAG1C,KAACb;gBACGc,OAAM;gBACNL,SAASN;gBACTY,UAAUR;gBACVS,WAAU;;;;AAI1B,EAAE"}

package/dist/demo/yes-no.js

@@ -1,9 +1,19 @@
 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 (_jsx(Confirm, { title: "Save current progress?", onConfirm: handleConfirm, onDecline: handleDecline, confirmation: YesNoConfirmation, children: onClick => _jsx(Button, { onClick: onClick, children: "Do Something" }) }));
+export const YesNoExample = ()=>{
+    const handleConfirm = ()=>alert('Confirmed');
+    const handleDecline = ()=>alert('Declined');
+    return /*#__PURE__*/ _jsx(Confirm, {
+        title: "Save current progress?",
+        onConfirm: handleConfirm,
+        onDecline: handleDecline,
+        confirmation: YesNoConfirmation,
+        children: (onClick)=>/*#__PURE__*/ _jsx(Button, {
+                onClick: onClick,
+                children: "Do Something"
+            })
+    });
 };
+
 //# 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,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,IACJ,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,iBAAiB,YAE9B,OAAO,CAAC,EAAE,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,6BAAuB,GACrD,CACb,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/yes-no.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Button } from '@servicetitan/design-system';\n\nimport { Confirm, YesNoConfirmation } from '..';\n\nexport const YesNoExample: FC = () => {\n    const handleConfirm = () => alert('Confirmed');\n    const handleDecline = () => alert('Declined');\n\n    return (\n        <Confirm\n            title=\"Save current progress?\"\n            onConfirm={handleConfirm}\n            onDecline={handleDecline}\n            confirmation={YesNoConfirmation}\n        >\n            {onClick => <Button onClick={onClick}>Do Something</Button>}\n        </Confirm>\n    );\n};\n"],"names":["Button","Confirm","YesNoConfirmation","YesNoExample","handleConfirm","alert","handleDecline","title","onConfirm","onDecline","confirmation","onClick"],"mappings":";AAEA,SAASA,MAAM,QAAQ,8BAA8B;AAErD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,KAAK;AAEhD,OAAO,MAAMC,eAAmB;IAC5B,MAAMC,gBAAgB,IAAMC,MAAM;IAClC,MAAMC,gBAAgB,IAAMD,MAAM;IAElC,qBACI,KAACJ;QACGM,OAAM;QACNC,WAAWJ;QACXK,WAAWH;QACXI,cAAcR;kBAEbS,CAAAA,wBAAW,KAACX;gBAAOW,SAASA;0BAAS;;;AAGlD,EAAE"}

package/dist/index.js

@@ -1,4 +1,6 @@
-export { useConfirm } from './use-confirm';
+export { useConfirm, ConfirmationProps } from './use-confirm';
 export { Confirm } from './confirm';
 export { YesNoConfirmation } from './confirmation-messages/yes-no-confirmation';
+export { DefaultConfirmationProps } from './confirmation-messages/default-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,OAAO,EAAE,UAAU,EAAqB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { useConfirm, ConfirmationProps } from './use-confirm';\nexport { Confirm } from './confirm';\nexport { YesNoConfirmation } from './confirmation-messages/yes-no-confirmation';\nexport { DefaultConfirmationProps } from './confirmation-messages/default-confirmation';\n"],"names":["useConfirm","ConfirmationProps","Confirm","YesNoConfirmation","DefaultConfirmationProps"],"mappings":"AAAA,SAASA,UAAU,EAAEC,iBAAiB,QAAQ,gBAAgB;AAC9D,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,wBAAwB,QAAQ,+CAA+C"}

package/dist/use-confirm.js

@@ -1,42 +1,53 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
-import { DefaultConfirmation, } from './confirmation-messages/default-confirmation';
+import { DefaultConfirmation } from './confirmation-messages/default-confirmation';
 export function useConfirm(onConfirm, onDecline) {
     const [defer, setDefer] = useState(undefined);
-    const handler = useCallback(async (...args) => {
+    const handler = useCallback(async (...args)=>{
         let isConfirmed;
         try {
-            isConfirmed = await new Promise((resolve, reject) => {
+            isConfirmed = await new Promise((resolve, reject)=>{
                 setDefer({
-                    confirm: () => resolve(true),
-                    decline: () => resolve(false),
-                    cancel: reject,
+                    confirm: ()=>resolve(true),
+                    decline: ()=>resolve(false),
+                    cancel: reject
                 });
             });
-        }
-        catch (_a) {
+        } catch (e) {
             return;
-        }
-        finally {
+        } finally{
             setDefer(undefined);
         }
         if (isConfirmed) {
             onConfirm(...args);
-        }
-        else if (onDecline) {
+        } else if (onDecline) {
             onDecline(...args);
         }
-    }, [onConfirm, onDecline]);
-    const Confirm = useMemo(() => ({ when = true, confirmation: Confirmation = DefaultConfirmation, ...props }) => {
-        if (!defer) {
-            return null;
-        }
-        if (!when) {
-            defer.confirm();
-            return null;
-        }
-        return (_jsx(Confirmation, { ...props, onConfirm: defer.confirm, onDecline: defer.decline, onCancel: defer.cancel }));
-    }, [defer]);
-    return [Confirm, handler];
+    }, [
+        onConfirm,
+        onDecline
+    ]);
+    const Confirm = useMemo(()=>({ when = true, confirmation: Confirmation = DefaultConfirmation, ...props })=>{
+            if (!defer) {
+                return null;
+            }
+            if (!when) {
+                defer.confirm();
+                return null;
+            }
+            return /*#__PURE__*/ _jsx(Confirmation, {
+                ...props,
+                onConfirm: defer.confirm,
+                onDecline: defer.decline,
+                onCancel: defer.cancel
+            });
+        }, [
+        defer
+    ]);
+    return [
+        Confirm,
+        handler
+    ];
 }
+
 //# 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,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,KAAK,EAAE,GAAG,IAAW,EAAE,EAAE;QACrB,IAAI,WAAoB,CAAC;QAEzB,IAAI,CAAC;YACD,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;QACP,CAAC;QAAC,WAAM,CAAC;YACL,OAAO;QACX,CAAC;gBAAS,CAAC;YACP,QAAQ,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YACd,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACnB,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;QACvB,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACzB,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACnB,GAAG,EAAE,CACD,CAAyD,EACrD,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,YAAY,GAAG,mBAAuC,EACpE,GAAG,KAAK,EACM,EAAE,EAAE;QAClB,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,KAAK,CAAC,OAAO,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACH,KAAC,YAAY,OACJ,KAAW,EAChB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,QAAQ,EAAE,KAAK,CAAC,MAAM,GACxB,CACL,CAAC;IACN,CAAC,EACL,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,OAAO,CAAwB,CAAC;AACrD,CAAC"}
+{"version":3,"sources":["../src/use-confirm.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, ComponentType } from 'react';\n\nimport {\n    DefaultConfirmation,\n    DefaultConfirmationProps,\n} from './confirmation-messages/default-confirmation';\n\ninterface Defer {\n    confirm(): void;\n    decline(): void;\n    cancel(): void;\n}\n\nexport interface ConfirmationProps {\n    title?: string;\n    message?: string;\n    onConfirm(): void;\n    onDecline(): void;\n    onCancel(): void;\n}\n\nexport type ConfirmProps<P extends ConfirmationProps> = {\n    when?: boolean;\n    confirmation?: ComponentType<P>;\n} & Omit<P, 'onConfirm' | 'onDecline' | 'onCancel' | 'children'>;\n\nexport function useConfirm<T extends (...args: any[]) => any>(onConfirm: T, onDecline?: T) {\n    const [defer, setDefer] = useState<Defer | undefined>(undefined);\n\n    const handler = useCallback(\n        async (...args: any[]) => {\n            let isConfirmed: boolean;\n\n            try {\n                isConfirmed = await new Promise((resolve, reject) => {\n                    setDefer({\n                        confirm: () => resolve(true),\n                        decline: () => resolve(false),\n                        cancel: reject,\n                    });\n                });\n            } catch {\n                return;\n            } finally {\n                setDefer(undefined);\n            }\n\n            if (isConfirmed) {\n                onConfirm(...args);\n            } else if (onDecline) {\n                onDecline(...args);\n            }\n        },\n        [onConfirm, onDecline]\n    );\n\n    const Confirm = useMemo(\n        () =>\n            <P extends ConfirmationProps = DefaultConfirmationProps>({\n                when = true,\n                confirmation: Confirmation = DefaultConfirmation as ComponentType<P>,\n                ...props\n            }: ConfirmProps<P>) => {\n                if (!defer) {\n                    return null;\n                }\n\n                if (!when) {\n                    defer.confirm();\n                    return null;\n                }\n\n                return (\n                    <Confirmation\n                        {...(props as P)}\n                        onConfirm={defer.confirm}\n                        onDecline={defer.decline}\n                        onCancel={defer.cancel}\n                    />\n                );\n            },\n        [defer]\n    );\n\n    return [Confirm, handler] as [typeof Confirm, T];\n}\n"],"names":["useState","useCallback","useMemo","DefaultConfirmation","useConfirm","onConfirm","onDecline","defer","setDefer","undefined","handler","args","isConfirmed","Promise","resolve","reject","confirm","decline","cancel","Confirm","when","confirmation","Confirmation","props","onCancel"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAuB,QAAQ;AAEtE,SACIC,mBAAmB,QAEhB,+CAA+C;AAqBtD,OAAO,SAASC,WAA8CC,SAAY,EAAEC,SAAa;IACrF,MAAM,CAACC,OAAOC,SAAS,GAAGR,SAA4BS;IAEtD,MAAMC,UAAUT,YACZ,OAAO,GAAGU;QACN,IAAIC;QAEJ,IAAI;YACAA,cAAc,MAAM,IAAIC,QAAQ,CAACC,SAASC;gBACtCP,SAAS;oBACLQ,SAAS,IAAMF,QAAQ;oBACvBG,SAAS,IAAMH,QAAQ;oBACvBI,QAAQH;gBACZ;YACJ;QACJ,EAAE,UAAM;YACJ;QACJ,SAAU;YACNP,SAASC;QACb;QAEA,IAAIG,aAAa;YACbP,aAAaM;QACjB,OAAO,IAAIL,WAAW;YAClBA,aAAaK;QACjB;IACJ,GACA;QAACN;QAAWC;KAAU;IAG1B,MAAMa,UAAUjB,QACZ,IACI,CAAyD,EACrDkB,OAAO,IAAI,EACXC,cAAcC,eAAenB,mBAAuC,EACpE,GAAGoB,OACW;YACd,IAAI,CAAChB,OAAO;gBACR,OAAO;YACX;YAEA,IAAI,CAACa,MAAM;gBACPb,MAAMS,OAAO;gBACb,OAAO;YACX;YAEA,qBACI,KAACM;gBACI,GAAIC,KAAK;gBACVlB,WAAWE,MAAMS,OAAO;gBACxBV,WAAWC,MAAMU,OAAO;gBACxBO,UAAUjB,MAAMW,MAAM;;QAGlC,GACJ;QAACX;KAAM;IAGX,OAAO;QAACY;QAAST;KAAQ;AAC7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/confirm",
-    "version": "31.2.0",
+    "version": "31.3.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/confirm",
     "repository": {
@@ -18,14 +18,14 @@
     "devDependencies": {
         "@servicetitan/design-system": "~14.5.1",
         "@types/react": "~18.2.55",
-        "react": "~18.2.0"
+        "react": "^18.2.0"
     },
     "peerDependencies": {
         "@servicetitan/design-system": ">=13.2.1",
         "react": ">=17.0.2"
     },
     "dependencies": {
-        "classnames": "~2.3.1"
+        "classnames": "^2.3.1"
     },
     "publishConfig": {
         "access": "public"
@@ -33,5 +33,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "03cfa4dc1e3cb374c8593f568ae47d0996ac7bae"
+    "gitHead": "7fc7b9cbf766fe23879ae81831f28bdd96559bce"
 }

package/dist/confirm.stories.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { Text } from '@servicetitan/design-system';
-import { BasicExample, HookExample, ConfigurableExample, ToggleableExample, YesNoExample, CustomExample, } from './demo';
-export default {
-    title: 'Confirm/Demos',
-};
-export const Basic = wrap('Default confirmation', BasicExample);
-export const Hook = wrap('Hook usage', HookExample);
-export const Configurable = wrap('Configurable default dialog', ConfigurableExample);
-export const Toggleable = wrap('Toggleable confirmation', ToggleableExample);
-export const YesNo = wrap('(Yes / No / Cancel) confrimation', YesNoExample);
-export const Custom = wrap('Custom confirmation component', CustomExample);
-function wrap(name, Component) {
-    return () => (_jsxs(Fragment, { children: [_jsx(Text, { size: 4, className: "m-b-half", children: name }), _jsx(Component, {})] }));
-}
-//# sourceMappingURL=confirm.stories.js.map

package/dist/confirm.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm.stories.js","sourceRoot":"","sources":["../src/confirm.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EACH,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,aAAa,GAChB,MAAM,QAAQ,CAAC;AAEhB,eAAe;IACX,KAAK,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;AAChE,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,6BAA6B,EAAE,mBAAmB,CAAC,CAAC;AACrF,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,kCAAkC,EAAE,YAAY,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,+BAA+B,EAAE,aAAa,CAAC,CAAC;AAE3E,SAAS,IAAI,CAAC,IAAY,EAAE,SAAa;IACrC,OAAO,GAAG,EAAE,CAAC,CACT,MAAC,QAAQ,eACL,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,UAAU,YAC9B,IAAI,GACF,EAEP,KAAC,SAAS,KAAG,IACN,CACd,CAAC;AACN,CAAC"}