npm - @pega/cosmos-react-demos - Versions diffs - 4.0.0-dev.18.0 → 4.0.0-dev.18.1 - Mend

@pega/cosmos-react-demos 4.0.0-dev.18.0 → 4.0.0-dev.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/jsx/core/AIButton/AIButton.stories.d.ts CHANGED Viewed

@@ -4,7 +4,11 @@ declare const _default: Meta;
 export default _default;
 export declare const AIButtonDemo: Story<AIButtonProps>;
 interface AIButtonFormProps {
-    throwAIError: boolean;
+    throwAIError?: boolean;
+    showTitle?: boolean;
+    showDescription?: boolean;
+    onCancel?: () => void;
+    onSubmit?: () => void;
 }
 export declare const AIButtonFormDemo: Story<AIButtonFormProps>;
 export declare const AIButtonFormInModalDemo: Story<AIButtonFormProps>;

package/jsx/core/AIButton/AIButton.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAEL,aAAa,EAqBd,MAAM,yBAAyB,CAAC;;~~AAIjC~~,wBAOU;AAEV,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAAa,CAE7C,CAAC;AAYF,UAAU,iBAAiB;IACzB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,~~CA0MrD~~,CAAC;~~AAUF~~,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,~~CAiO5D~~,CAAC;AASF,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,uBAAuB,CAuB/D,CAAC"}
1	+ {"version":3,"file":"AIButton.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAEL,aAAa,EAqBd,MAAM,yBAAyB,CAAC;;AAMjC,wBAOU;AAEV,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAAa,CAE7C,CAAC;AAYF,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAsOrD,CAAC;AAcF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAsP5D,CAAC;AASF,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,uBAAuB,CAuB/D,CAAC"}

package/jsx/core/AIButton/AIButton.stories.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
-import { useReducer, useState } from 'react';
-import { AIButton, Banner, Button, Checkbox, CheckboxGroup, Configuration, ErrorState, Flex, Form, Grid, Input, Modal, Progress, RadioButton, RadioButtonGroup, Select, Option, TextArea, useModalContext, useModalManager, useToaster } from '@pega/cosmos-react-core';
+import { useEffect, useReducer, useRef, useState } from 'react';
+import { AIButton, Banner, Button, Checkbox, CheckboxGroup, Configuration, ErrorState, Flex, Form, Grid, Input, Modal, RadioButton, RadioButtonGroup, Select, Option, TextArea, useModalContext, useModalManager, useToaster } from '@pega/cosmos-react-core';
+import { loadingTimeoutMS } from '../Progress/Progress.mocks';
 import { AIValues, fieldReducer, initFields } from './AIButton.mocks';
 export default {
     title: 'Core/AIButton',
@@ -22,9 +23,10 @@ AIButtonDemo.argTypes = {
 };
 export const AIButtonFormDemo = (args) => {
     const [fields, setField] = useReducer(fieldReducer, undefined, initFields);
-    const [bannerMessages, setBannerMessages] = useState([]);
+    const [banner, setBanner] = useState();
     const [loadingMessage, setLoadingMessage] = useState('');
     const [submitting, setSubmitting] = useState(false);
+    const bannerHandleRef = useRef(null);
     const { push } = useToaster();
     const name = fields.find(field => field.name === 'name');
     const email = fields.find(field => field.name === 'email');
@@ -32,29 +34,32 @@ export const AIButtonFormDemo = (args) => {
     const meetings = fields.find(field => field.name === 'meetings');
     const meals = fields.find(field => field.name === 'meals');
     const notes = fields.find(field => field.name === 'notes');
+    useEffect(() => {
+        if (banner && bannerHandleRef.current)
+            bannerHandleRef.current.focus();
+    }, [banner]);
     if (!name || !email || !locations || !meetings || !meals || !notes)
         return <ErrorState />;
-    const banners = bannerMessages.length > 0 ? <Banner variant='urgent' messages={bannerMessages}/> : undefined;
     const clearForm = () => {
         fields.forEach(field => setField({ type: 'cancel', name: field.name, value: undefined }));
     };
     const fillWithAI = () => {
         setLoadingMessage('AI is filling out the form...');
         setTimeout(() => {
+            setLoadingMessage('');
             if (args.throwAIError) {
-                setBannerMessages(curr => [
-                    'An error occurred while generating responses from the AI.',
-                    ...curr
-                ]);
+                setBanner(<Banner variant='urgent' messages={['An error occurred while generating responses from the AI.']} onDismiss={() => {
+                        setBanner(undefined);
+                    }} handle={bannerHandleRef}/>);
             }
             else {
+                setBanner(undefined);
                 const values = AIValues[Math.floor(Math.random() * AIValues.length)];
                 Object.keys(values).forEach(field => {
                     setField({ type: 'ai', name: field, value: values[field] });
                 });
             }
-            setLoadingMessage('');
-        }, 2000);
+        }, loadingTimeoutMS);
     };
     const trySubmit = () => {
         const errors = [];
@@ -64,7 +69,6 @@ export const AIButtonFormDemo = (args) => {
             if (error)
                 errors.push(error);
         });
-        setBannerMessages(errors);
         if (errors.length === 0) {
             setSubmitting(true);
             setLoadingMessage('Submitting form...');
@@ -73,11 +77,21 @@ export const AIButtonFormDemo = (args) => {
                 setSubmitting(false);
                 push({ content: 'Form submitted!' });
                 clearForm();
-            }, 1000);
+                setBanner(undefined);
+                args.onSubmit?.();
+            }, loadingTimeoutMS);
+        }
+        else {
+            setBanner(<Banner variant='urgent' messages={errors} onDismiss={() => {
+                    setBanner(undefined);
+                }} handle={bannerHandleRef}/>);
         }
     };
-    return (<Form heading='AI Form' description='The AI in this demo is a mock and not a functional AI.' actions={<>
-          <Button onClick={clearForm} disabled={submitting}>
+    return (<Form heading={args.showTitle ? 'AI Form' : undefined} description={args.showDescription ? 'The AI in this demo is a mock and not a functional AI.' : undefined} progress={loadingMessage} actions={<>
+          <Button onClick={() => {
+                clearForm();
+                args.onCancel?.();
+            }} disabled={submitting}>
             Cancel
           </Button>
           <Flex container={{ alignItems: 'center', gap: 1 }}>
@@ -86,8 +100,7 @@ export const AIButtonFormDemo = (args) => {
               Submit
             </Button>
           </Flex>
-        </>} banners={banners} style={{ margin: 'auto', maxWidth: '37.5rem' }}>
-      <Progress visible={!!loadingMessage} focusOnVisible message={loadingMessage}/>
+        </>} banners={banner}>
       <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>
         <Input name={name.name} label={name.label} required={name.required} info={name.info || name.help} value={name.value} status={name.status} onChange={(e) => setField({ type: 'change', name: e.target.name, value: e.target.value })} onBlur={(e) => setField({ type: 'blur', name: e.target.name, value: e.target.value })}/>
@@ -123,17 +136,22 @@ export const AIButtonFormDemo = (args) => {
     </Form>);
 };
 AIButtonFormDemo.args = {
-    throwAIError: false
+    throwAIError: false,
+    showTitle: true,
+    showDescription: true
 };
 AIButtonFormDemo.argTypes = {
-    throwAIError: { control: { type: 'boolean' } }
+    throwAIError: { control: { type: 'boolean' } },
+    showTitle: { control: { type: 'boolean' }, table: { disable: true } },
+    showDescription: { control: { type: 'boolean' } }
 };
 export const AIButtonFormInModalDemo = (args) => {
     const AIModal = () => {
         const [fields, setField] = useReducer(fieldReducer, undefined, initFields);
-        const [bannerMessages, setBannerMessages] = useState([]);
+        const [banner, setBanner] = useState();
         const [loadingMessage, setLoadingMessage] = useState('');
         const [submitting, setSubmitting] = useState(false);
+        const bannerHandleRef = useRef(null);
         const { push } = useToaster();
         const { dismiss } = useModalContext();
         const name = fields.find(field => field.name === 'name');
@@ -142,26 +160,30 @@ export const AIButtonFormInModalDemo = (args) => {
         const meetings = fields.find(field => field.name === 'meetings');
         const meals = fields.find(field => field.name === 'meals');
         const notes = fields.find(field => field.name === 'notes');
+        useEffect(() => {
+            if (banner && bannerHandleRef.current)
+                bannerHandleRef.current.focus();
+        }, [banner]);
         if (!name || !email || !locations || !meetings || !meals || !notes)
             return <ErrorState />;
-        const banners = bannerMessages.length > 0 ? <Banner variant='urgent' messages={bannerMessages}/> : undefined;
         const fillWithAI = () => {
             setLoadingMessage('AI is filling out the form...');
             setTimeout(() => {
+                setLoadingMessage('');
                 if (args.throwAIError) {
-                    setBannerMessages(curr => [
-                        'An error occurred while generating responses from the AI.',
-                        ...curr
-                    ]);
+                    setBanner(<Banner variant='urgent' messages={['An error occurred while generating responses from the AI.']} onDismiss={() => {
+                            setBanner(undefined);
+                        }} handle={bannerHandleRef}/>);
                 }
                 else {
+                    setBanner(undefined);
                     const values = AIValues[Math.floor(Math.random() * AIValues.length)];
                     Object.keys(values).forEach(field => {
                         setField({ type: 'ai', name: field, value: values[field] });
                     });
                 }
                 setLoadingMessage('');
-            }, 2000);
+            }, loadingTimeoutMS);
         };
         const trySubmit = () => {
             const errors = [];
@@ -171,7 +193,6 @@ export const AIButtonFormInModalDemo = (args) => {
                 if (error)
                     errors.push(error);
             });
-            setBannerMessages(errors);
             if (errors.length === 0) {
                 setSubmitting(true);
                 setLoadingMessage('Submitting form...');
@@ -179,8 +200,14 @@ export const AIButtonFormInModalDemo = (args) => {
                     setLoadingMessage('');
                     setSubmitting(false);
                     push({ content: 'Form submitted!' });
+                    setBanner(undefined);
                     dismiss();
-                }, 1000);
+                }, loadingTimeoutMS);
+            }
+            else {
+                setBanner(<Banner variant='urgent' messages={errors} onDismiss={() => {
+                        setBanner(undefined);
+                    }} handle={bannerHandleRef}/>);
             }
         };
         return (<Modal heading='AI Form in a Modal' progress={loadingMessage ? { message: loadingMessage } : undefined} onRequestDismiss={() => !submitting} actions={<>
@@ -194,7 +221,7 @@ export const AIButtonFormInModalDemo = (args) => {
               </Button>
             </Flex>
           </>}>
-        <Form description='The AI in this demo is a mock and not a functional AI.' banners={banners} style={{ margin: 'auto', maxWidth: '37.5rem' }}>
+        <Form description='The AI in this demo is a mock and not a functional AI.' banners={banner} style={{ margin: 'auto', maxWidth: '37.5rem' }}>
           <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>
             <Input name={name.name} label={name.label} required={name.required} info={name.info || name.help} value={name.value} status={name.status} onChange={(e) => setField({ type: 'change', name: e.target.name, value: e.target.value })} onBlur={(e) => setField({ type: 'blur', name: e.target.name, value: e.target.value })}/>

package/jsx/core/AIButton/AIButton.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIButton.stories.jsx","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent, FocusEvent, useReducer, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n AIButton,\n AIButtonProps,\n Banner,\n Button,\n Checkbox,\n CheckboxGroup,\n Configuration,\n ErrorState,\n Flex,\n Form,\n Grid,\n Input,\n Modal,\n Progress,\n RadioButton,\n RadioButtonGroup,\n Select,\n Option,\n TextArea,\n useModalContext,\n useModalManager,\n useToaster\n} from '@pega/cosmos-react-core';\n\nimport { AIValues, fieldReducer, initFields } from './AIButton.mocks';\n\nexport default {\n title: 'Core/AIButton',\n component: AIButton,\n excludeStories: ['ConfigurableAIButton'],\n parameters: {\n layout: 'centered'\n }\n} as Meta;\n\nexport const AIButtonDemo: Story<AIButtonProps> = (args: AIButtonProps) => {\n return <AIButton label={args.label} disabled={args.disabled} />;\n};\n\nAIButtonDemo.args = {\n label: 'Fill form with AI',\n disabled: false\n};\n\nAIButtonDemo.argTypes = {\n label: { control: { type: 'text' } },\n disabled: { control: { type: 'boolean' } }\n};\n\ninterface AIButtonFormProps {\n throwAIError: boolean;\n}\n\nexport const AIButtonFormDemo: Story<AIButtonFormProps> = (args: AIButtonFormProps) => {\n const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n const [bannerMessages, setBannerMessages] = useState<string[]>([]);\n const [loadingMessage, setLoadingMessage] = useState('');\n const [submitting, setSubmitting] = useState(false);\n\n const { push } = useToaster();\n\n const name = fields.find(field => field.name === 'name');\n const email = fields.find(field => field.name === 'email');\n const locations = fields.find(field => field.name === 'locations');\n const meetings = fields.find(field => field.name === 'meetings');\n const meals = fields.find(field => field.name === 'meals');\n const notes = fields.find(field => field.name === 'notes');\n\n if (!name \|\| !email \|\| !locations \|\| !meetings \|\| !meals \|\| !notes) return <ErrorState />;\n\n const banners =\n bannerMessages.length > 0 ? <Banner variant='urgent' messages={bannerMessages} /> : undefined;\n\n const clearForm = () => {\n fields.forEach(field => setField({ type: 'cancel', name: field.name, value: undefined }));\n };\n\n const fillWithAI = () => {\n setLoadingMessage('AI is filling out the form...');\n setTimeout(() => {\n if (args.throwAIError) {\n setBannerMessages(curr => [\n 'An error occurred while generating responses from the AI.',\n ...curr\n ]);\n } else {\n const values = AIValues[Math.floor(Math.random() * AIValues.length)];\n Object.keys(values).forEach(field => {\n setField({ type: 'ai', name: field, value: values[field as keyof typeof values] });\n });\n }\n setLoadingMessage('');\n }, 2000);\n };\n\n const trySubmit = () => {\n const errors: string[] = [];\n fields.forEach(field => {\n setField({ type: 'submit', name: field.name, value: field.value });\n const error = field.validator?.() \|\| '';\n if (error) errors.push(error);\n });\n setBannerMessages(errors);\n\n if (errors.length === 0) {\n setSubmitting(true);\n setLoadingMessage('Submitting form...');\n setTimeout(() => {\n setLoadingMessage('');\n setSubmitting(false);\n push({ content: 'Form submitted!' });\n clearForm();\n }, 1000);\n }\n };\n\n return (\n <Form\n heading='AI Form'\n description='The AI in this demo is a mock and not a functional AI.'\n actions={\n <>\n <Button onClick={clearForm} disabled={submitting}>\n Cancel\n </Button>\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <AIButton label='Fill form with AI' onClick={fillWithAI} disabled={!!loadingMessage} />\n <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>\n Submit\n </Button>\n </Flex>\n </>\n }\n banners={banners}\n style={{ margin: 'auto', maxWidth: '37.5rem' }}\n >\n <Progress visible={!!loadingMessage} focusOnVisible message={loadingMessage} />\n <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>\n <Input\n name={name.name}\n label={name.label}\n required={name.required}\n info={name.info \|\| name.help}\n value={name.value}\n status={name.status}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Input\n name={email.name}\n label={email.label}\n required={email.required}\n info={email.info \|\| email.help}\n value={email.value}\n status={email.status}\n type='email'\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <CheckboxGroup\n name={locations.name}\n label={locations.label}\n required={locations.required}\n info={locations.info \|\| locations.help}\n status={locations.status}\n >\n {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n <Checkbox\n key={office}\n label={office}\n value={office}\n checked={locations.value?.includes(office)}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({\n type: 'change',\n name: e.target.name,\n value: e.target.value\n })\n }\n />\n ))}\n </CheckboxGroup>\n </Grid>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <RadioButtonGroup\n name={meetings.name}\n label={meetings.label}\n required={meetings.required}\n info={meetings.info \|\| meetings.help}\n status={meetings.status}\n >\n {['Yes', 'No'].map(option => (\n <RadioButton\n key={option}\n label={option}\n value={option}\n checked={meetings.value === option}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n />\n ))}\n </RadioButtonGroup>\n </Grid>\n\n <Select\n name={meals.name}\n label={meals.label}\n required={meals.required}\n info={meals.info \|\| meals.help}\n value={meals.value \|\| 'choose meal...'}\n status={meals.status}\n onChange={(e: ChangeEvent<HTMLSelectElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n >\n <Option>choose meal...</Option>\n <Option>Pizza</Option>\n <Option>Sandwich</Option>\n <Option>Salad</Option>\n </Select>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <TextArea\n name={notes.name}\n label={notes.label}\n required={notes.required}\n info={notes.info \|\| notes.help}\n value={notes.value}\n status={notes.status}\n maxLength={200}\n displayCharCount\n onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n </Grid>\n </Grid>\n </Form>\n );\n};\n\nAIButtonFormDemo.args = {\n throwAIError: false\n};\n\nAIButtonFormDemo.argTypes = {\n throwAIError: { control: { type: 'boolean' } }\n};\n\nexport const AIButtonFormInModalDemo: Story<AIButtonFormProps> = (args: AIButtonFormProps) => {\n const AIModal = () => {\n const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n const [bannerMessages, setBannerMessages] = useState<string[]>([]);\n const [loadingMessage, setLoadingMessage] = useState('');\n const [submitting, setSubmitting] = useState(false);\n\n const { push } = useToaster();\n const { dismiss } = useModalContext();\n\n const name = fields.find(field => field.name === 'name');\n const email = fields.find(field => field.name === 'email');\n const locations = fields.find(field => field.name === 'locations');\n const meetings = fields.find(field => field.name === 'meetings');\n const meals = fields.find(field => field.name === 'meals');\n const notes = fields.find(field => field.name === 'notes');\n\n if (!name \|\| !email \|\| !locations \|\| !meetings \|\| !meals \|\| !notes) return <ErrorState />;\n\n const banners =\n bannerMessages.length > 0 ? <Banner variant='urgent' messages={bannerMessages} /> : undefined;\n\n const fillWithAI = () => {\n setLoadingMessage('AI is filling out the form...');\n setTimeout(() => {\n if (args.throwAIError) {\n setBannerMessages(curr => [\n 'An error occurred while generating responses from the AI.',\n ...curr\n ]);\n } else {\n const values = AIValues[Math.floor(Math.random() * AIValues.length)];\n Object.keys(values).forEach(field => {\n setField({ type: 'ai', name: field, value: values[field as keyof typeof values] });\n });\n }\n setLoadingMessage('');\n }, 2000);\n };\n\n const trySubmit = () => {\n const errors: string[] = [];\n fields.forEach(field => {\n setField({ type: 'submit', name: field.name, value: field.value });\n const error = field.validator?.() \|\| '';\n if (error) errors.push(error);\n });\n setBannerMessages(errors);\n\n if (errors.length === 0) {\n setSubmitting(true);\n setLoadingMessage('Submitting form...');\n setTimeout(() => {\n setLoadingMessage('');\n setSubmitting(false);\n push({ content: 'Form submitted!' });\n dismiss();\n }, 1000);\n }\n };\n\n return (\n <Modal\n heading='AI Form in a Modal'\n progress={loadingMessage ? { message: loadingMessage } : undefined}\n onRequestDismiss={() => !submitting}\n actions={\n <>\n <Button onClick={dismiss} disabled={submitting}>\n Cancel\n </Button>\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <AIButton\n label='Fill form with AI'\n onClick={fillWithAI}\n disabled={!!loadingMessage}\n />\n <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>\n Submit\n </Button>\n </Flex>\n </>\n }\n >\n <Form\n description='The AI in this demo is a mock and not a functional AI.'\n banners={banners}\n style={{ margin: 'auto', maxWidth: '37.5rem' }}\n >\n <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>\n <Input\n name={name.name}\n label={name.label}\n required={name.required}\n info={name.info \|\| name.help}\n value={name.value}\n status={name.status}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Input\n name={email.name}\n label={email.label}\n required={email.required}\n info={email.info \|\| email.help}\n value={email.value}\n status={email.status}\n type='email'\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <CheckboxGroup\n name={locations.name}\n label={locations.label}\n required={locations.required}\n info={locations.info \|\| locations.help}\n status={locations.status}\n >\n {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n <Checkbox\n key={office}\n label={office}\n value={office}\n checked={locations.value?.includes(office)}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({\n type: 'change',\n name: e.target.name,\n value: e.target.value\n })\n }\n />\n ))}\n </CheckboxGroup>\n </Grid>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <RadioButtonGroup\n name={meetings.name}\n label={meetings.label}\n required={meetings.required}\n info={meetings.info \|\| meetings.help}\n status={meetings.status}\n >\n {['Yes', 'No'].map(option => (\n <RadioButton\n key={option}\n label={option}\n value={option}\n checked={meetings.value === option}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n />\n ))}\n </RadioButtonGroup>\n </Grid>\n\n <Select\n name={meals.name}\n label={meals.label}\n required={meals.required}\n info={meals.info \|\| meals.help}\n value={meals.value \|\| 'choose meal...'}\n status={meals.status}\n onChange={(e: ChangeEvent<HTMLSelectElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n >\n <Option>choose meal...</Option>\n <Option>Pizza</Option>\n <Option>Sandwich</Option>\n <Option>Salad</Option>\n </Select>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <TextArea\n name={notes.name}\n label={notes.label}\n required={notes.required}\n info={notes.info \|\| notes.help}\n value={notes.value}\n status={notes.status}\n maxLength={200}\n displayCharCount\n onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n </Grid>\n </Grid>\n </Form>\n </Modal>\n );\n };\n\n const ModalButton = () => {\n const { create } = useModalManager();\n\n return (\n <Button\n onClick={() => {\n create(AIModal);\n }}\n >\n Open Modal\n </Button>\n );\n };\n\n return <ModalButton />;\n};\n\nAIButtonFormInModalDemo.args = {\n throwAIError: false\n};\n\nAIButtonFormInModalDemo.argTypes = {\n throwAIError: { control: { type: 'boolean' } }\n};\ninterface ConfigurableButtonProps {\n borderWidth?: string;\n borderRadius?: number;\n color?: string;\n secondaryColor?: string;\n padding?: string;\n}\n\nexport const ConfigurableAIButton: Story<ConfigurableButtonProps> = (\n args: ConfigurableButtonProps\n) => {\n return (\n <Configuration\n theme={{\n base: {\n palette: {\n ai: args.color\n }\n },\n components: {\n button: {\n 'border-width': args.borderWidth,\n 'border-radius': args.borderRadius,\n padding: args.padding\n }\n }\n }}\n >\n <AIButton label='Configurable Button' />\n </Configuration>\n );\n};\n\nConfigurableAIButton.args = {\n borderWidth: '0.0625rem',\n borderRadius: 9999,\n color: '#681fc3',\n padding: '0rem 1rem'\n};\n\nConfigurableAIButton.argTypes = {\n borderWidth: { control: { type: 'text' } },\n borderRadius: { control: { type: 'number' } },\n color: { control: { type: 'color' } },\n padding: { control: { type: 'text' } }\n};\n"]}
1	+ {"version":3,"file":"AIButton.stories.jsx","sourceRoot":"","sources":["../../../src/core/AIButton/AIButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpG,OAAO,EACL,QAAQ,EAER,MAAM,EACN,MAAM,EACN,QAAQ,EACR,aAAa,EACb,aAAa,EACb,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,EACf,eAAe,EACf,UAAU,EAEX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtE,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE,CAAC,sBAAsB,CAAC;IACxC,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAAyB,CAAC,IAAmB,EAAE,EAAE;IACxE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAG,CAAC;AAClE,CAAC,CAAC;AAEF,YAAY,CAAC,IAAI,GAAG;IAClB,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG;IACtB,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACpC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC3C,CAAC;AAUF,MAAM,CAAC,MAAM,gBAAgB,GAA6B,CAAC,IAAuB,EAAE,EAAE;IACpF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAa,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAE9B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,eAAe,CAAC,OAAO;YAAE,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACzE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK;QAAE,OAAO,CAAC,UAAU,CAAC,AAAD,EAAG,CAAC;IAE1F,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IAC5F,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;QACnD,UAAU,CAAC,GAAG,EAAE;YACd,iBAAiB,CAAC,EAAE,CAAC,CAAC;YACtB,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,SAAS,CACP,CAAC,MAAM,CACL,OAAO,CAAC,QAAQ,CAChB,QAAQ,CAAC,CAAC,CAAC,2DAA2D,CAAC,CAAC,CACxE,SAAS,CAAC,CAAC,GAAG,EAAE;wBACd,SAAS,CAAC,SAAS,CAAC,CAAC;oBACvB,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,eAAe,CAAC,EACxB,CACH,CAAC;aACH;iBAAM;gBACL,SAAS,CAAC,SAAS,CAAC,CAAC;gBACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;gBACrE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBAClC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAA4B,CAAC,EAAE,CAAC,CAAC;gBACrF,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;YACnE,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC;YACxC,IAAI,KAAK;gBAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvB,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;YACxC,UAAU,CAAC,GAAG,EAAE;gBACd,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACtB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC;gBACrC,SAAS,EAAE,CAAC;gBACZ,SAAS,CAAC,SAAS,CAAC,CAAC;gBACrB,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,CAAC,EAAE,gBAAgB,CAAC,CAAC;SACtB;aAAM;YACL,SAAS,CACP,CAAC,MAAM,CACL,OAAO,CAAC,QAAQ,CAChB,QAAQ,CAAC,CAAC,MAAM,CAAC,CACjB,SAAS,CAAC,CAAC,GAAG,EAAE;oBACd,SAAS,CAAC,SAAS,CAAC,CAAC;gBACvB,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,eAAe,CAAC,EACxB,CACH,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAChD,WAAW,CAAC,CACV,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,wDAAwD,CAAC,CAAC,CAAC,SAAS,CAC5F,CACD,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,OAAO,CAAC,CACN,EACE;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,SAAS,EAAE,CAAC;gBACZ,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,CAAC,CAAC,CACF,QAAQ,CAAC,CAAC,UAAU,CAAC,CAErB;;UACF,EAAE,MAAM,CACR;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAChD;YAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,EACpF;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CACvE;;YACF,EAAE,MAAM,CACV;UAAA,EAAE,IAAI,CACR;QAAA,GAAG,CACJ,CACD,OAAO,CAAC,CAAC,MAAM,CAAC,CAEhB;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC,CAC7D;QAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAC7B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CACD,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACvE,EAGH;;QAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,IAAI,CAAC,OAAO,CACZ,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CACD,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACvE,EAGH;;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAClC;UAAA,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CACrB,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CACvB,QAAQ,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAC7B,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CACvC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAEzB;YAAA,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1E,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,MAAM,CAAC,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,OAAO,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC3C,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;gBACnB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;aACtB,CAAC,CACH,EACD,CACH,CAAC,CACJ;UAAA,EAAE,aAAa,CACjB;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAClC;UAAA,CAAC,gBAAgB,CACf,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACpB,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtB,QAAQ,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAC5B,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,CACrC,MAAM,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAExB;YAAA,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC3B,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,MAAM,CAAC,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,KAAK,MAAM,CAAC,CACnC,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,EACD,CACH,CAAC,CACJ;UAAA,EAAE,gBAAgB,CACpB;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,MAAM,CACL,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC,CACvC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,QAAQ,CAAC,CAAC,CAAC,CAAiC,EAAE,EAAE,CAC9C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CAED;UAAA,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAC9B;UAAA,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CACrB;UAAA,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CACxB;UAAA,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CACvB;QAAA,EAAE,MAAM,CAER;;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAClC;UAAA,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,SAAS,CAAC,CAAC,GAAG,CAAC,CACf,gBAAgB,CAChB,QAAQ,CAAC,CAAC,CAAC,CAAmC,EAAE,EAAE,CAChD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CACD,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACvE,EAEL;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,IAAI,GAAG;IACtB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,IAAI;IACf,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,gBAAgB,CAAC,QAAQ,GAAG;IAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAC9C,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACrE,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAA6B,CAAC,IAAuB,EAAE,EAAE;IAC3F,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;QAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAyB,CAAC;QAC9D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEpD,MAAM,eAAe,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;QACxD,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;QAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;QAEtC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;QACzD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;QAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC;QACnE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;QAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;QAE3D,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,MAAM,IAAI,eAAe,CAAC,OAAO;gBAAE,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACzE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK;YAAE,OAAO,CAAC,UAAU,CAAC,AAAD,EAAG,CAAC;QAE1F,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;YACnD,UAAU,CAAC,GAAG,EAAE;gBACd,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACtB,IAAI,IAAI,CAAC,YAAY,EAAE;oBACrB,SAAS,CACP,CAAC,MAAM,CACL,OAAO,CAAC,QAAQ,CAChB,QAAQ,CAAC,CAAC,CAAC,2DAA2D,CAAC,CAAC,CACxE,SAAS,CAAC,CAAC,GAAG,EAAE;4BACd,SAAS,CAAC,SAAS,CAAC,CAAC;wBACvB,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,eAAe,CAAC,EACxB,CACH,CAAC;iBACH;qBAAM;oBACL,SAAS,CAAC,SAAS,CAAC,CAAC;oBACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;oBACrE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBAClC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAA4B,CAAC,EAAE,CAAC,CAAC;oBACrF,CAAC,CAAC,CAAC;iBACJ;gBACD,iBAAiB,CAAC,EAAE,CAAC,CAAC;YACxB,CAAC,EAAE,gBAAgB,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,MAAM,MAAM,GAAa,EAAE,CAAC;YAC5B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;gBACnE,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC;gBACxC,IAAI,KAAK;oBAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;YAEH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;gBACvB,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;gBACxC,UAAU,CAAC,GAAG,EAAE;oBACd,iBAAiB,CAAC,EAAE,CAAC,CAAC;oBACtB,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrB,IAAI,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC;oBACrC,SAAS,CAAC,SAAS,CAAC,CAAC;oBACrB,OAAO,EAAE,CAAC;gBACZ,CAAC,EAAE,gBAAgB,CAAC,CAAC;aACtB;iBAAM;gBACL,SAAS,CACP,CAAC,MAAM,CACL,OAAO,CAAC,QAAQ,CAChB,QAAQ,CAAC,CAAC,MAAM,CAAC,CACjB,SAAS,CAAC,CAAC,GAAG,EAAE;wBACd,SAAS,CAAC,SAAS,CAAC,CAAC;oBACvB,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,eAAe,CAAC,EACxB,CACH,CAAC;aACH;QACH,CAAC,CAAC;QAEF,OAAO,CACL,CAAC,KAAK,CACJ,OAAO,CAAC,oBAAoB,CAC5B,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACnE,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CACpC,OAAO,CAAC,CACN,EACE;YAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAC7C;;YACF,EAAE,MAAM,CACR;YAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAChD;cAAA,CAAC,QAAQ,CACP,KAAK,CAAC,mBAAmB,CACzB,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,EAE7B;cAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CACvE;;cACF,EAAE,MAAM,CACV;YAAA,EAAE,IAAI,CACR;UAAA,GAAG,CACJ,CAED;QAAA,CAAC,IAAI,CACH,WAAW,CAAC,wDAAwD,CACpE,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAE/C;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC,CAC7D;YAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAC7B,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAClB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CACD,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACvE,EAGH;;YAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,IAAI,CAAC,OAAO,CACZ,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CACD,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACvE,EAGH;;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAClC;cAAA,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CACrB,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CACvB,QAAQ,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAC7B,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CACvC,MAAM,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAEzB;gBAAA,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1E,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,MAAM,CAAC,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,OAAO,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC3C,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC;oBACP,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;oBACnB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;iBACtB,CAAC,CACH,EACD,CACH,CAAC,CACJ;cAAA,EAAE,aAAa,CACjB;YAAA,EAAE,IAAI,CAEN;;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAClC;cAAA,CAAC,gBAAgB,CACf,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACpB,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtB,QAAQ,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAC5B,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,CACrC,MAAM,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAExB;gBAAA,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC3B,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,MAAM,CAAC,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,KAAK,MAAM,CAAC,CACnC,QAAQ,CAAC,CAAC,CAAC,CAAgC,EAAE,EAAE,CAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,EACD,CACH,CAAC,CACJ;cAAA,EAAE,gBAAgB,CACpB;YAAA,EAAE,IAAI,CAEN;;YAAA,CAAC,MAAM,CACL,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC,CACvC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,QAAQ,CAAC,CAAC,CAAC,CAAiC,EAAE,EAAE,CAC9C,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CAED;cAAA,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAC9B;cAAA,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CACrB;cAAA,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CACxB;cAAA,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CACvB;YAAA,EAAE,MAAM,CAER;;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAClC;cAAA,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,SAAS,CAAC,CAAC,GAAG,CAAC,CACf,gBAAgB,CAChB,QAAQ,CAAC,CAAC,CAAC,CAAmC,EAAE,EAAE,CAChD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACzE,CACD,MAAM,CAAC,CAAC,CAAC,CAA+B,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CACvE,EAEL;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,KAAK,CAAC,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;QAErC,OAAO,CACL,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,MAAM,CAAC,OAAO,CAAC,CAAC;YAClB,CAAC,CAAC,CAEF;;MACF,EAAE,MAAM,CAAC,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,CAAC,AAAD,EAAG,CAAC;AACzB,CAAC,CAAC;AAEF,uBAAuB,CAAC,IAAI,GAAG;IAC7B,YAAY,EAAE,KAAK;CACpB,CAAC;AAEF,uBAAuB,CAAC,QAAQ,GAAG;IACjC,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;CAC/C,CAAC;AASF,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAClE,IAA6B,EAC7B,EAAE;IACF,OAAO,CACL,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,EAAE,EAAE,IAAI,CAAC,KAAK;iBACf;aACF;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,cAAc,EAAE,IAAI,CAAC,WAAW;oBAChC,eAAe,EAAE,IAAI,CAAC,YAAY;oBAClC,OAAO,EAAE,IAAI,CAAC,OAAO;iBACtB;aACF;SACF,CAAC,CAEF;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,qBAAqB,EACvC;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,IAAI,GAAG;IAC1B,WAAW,EAAE,WAAW;IACxB,YAAY,EAAE,IAAI;IAClB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;CACrB,CAAC;AAEF,oBAAoB,CAAC,QAAQ,GAAG;IAC9B,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1C,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAC7C,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACrC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACvC,CAAC","sourcesContent":["import { ChangeEvent, FocusEvent, ReactNode, useEffect, useReducer, useRef, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n AIButton,\n AIButtonProps,\n Banner,\n Button,\n Checkbox,\n CheckboxGroup,\n Configuration,\n ErrorState,\n Flex,\n Form,\n Grid,\n Input,\n Modal,\n RadioButton,\n RadioButtonGroup,\n Select,\n Option,\n TextArea,\n useModalContext,\n useModalManager,\n useToaster,\n BannerHandleValue\n} from '@pega/cosmos-react-core';\n\nimport { loadingTimeoutMS } from '../Progress/Progress.mocks';\n\nimport { AIValues, fieldReducer, initFields } from './AIButton.mocks';\n\nexport default {\n title: 'Core/AIButton',\n component: AIButton,\n excludeStories: ['ConfigurableAIButton'],\n parameters: {\n layout: 'centered'\n }\n} as Meta;\n\nexport const AIButtonDemo: Story<AIButtonProps> = (args: AIButtonProps) => {\n return <AIButton label={args.label} disabled={args.disabled} />;\n};\n\nAIButtonDemo.args = {\n label: 'Fill form with AI',\n disabled: false\n};\n\nAIButtonDemo.argTypes = {\n label: { control: { type: 'text' } },\n disabled: { control: { type: 'boolean' } }\n};\n\ninterface AIButtonFormProps {\n throwAIError?: boolean;\n showTitle?: boolean;\n showDescription?: boolean;\n onCancel?: () => void;\n onSubmit?: () => void;\n}\n\nexport const AIButtonFormDemo: Story<AIButtonFormProps> = (args: AIButtonFormProps) => {\n const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n const [banner, setBanner] = useState<ReactNode>();\n const [loadingMessage, setLoadingMessage] = useState('');\n const [submitting, setSubmitting] = useState(false);\n\n const bannerHandleRef = useRef<BannerHandleValue>(null);\n const { push } = useToaster();\n\n const name = fields.find(field => field.name === 'name');\n const email = fields.find(field => field.name === 'email');\n const locations = fields.find(field => field.name === 'locations');\n const meetings = fields.find(field => field.name === 'meetings');\n const meals = fields.find(field => field.name === 'meals');\n const notes = fields.find(field => field.name === 'notes');\n\n useEffect(() => {\n if (banner && bannerHandleRef.current) bannerHandleRef.current.focus();\n }, [banner]);\n\n if (!name \|\| !email \|\| !locations \|\| !meetings \|\| !meals \|\| !notes) return <ErrorState />;\n\n const clearForm = () => {\n fields.forEach(field => setField({ type: 'cancel', name: field.name, value: undefined }));\n };\n\n const fillWithAI = () => {\n setLoadingMessage('AI is filling out the form...');\n setTimeout(() => {\n setLoadingMessage('');\n if (args.throwAIError) {\n setBanner(\n <Banner\n variant='urgent'\n messages={['An error occurred while generating responses from the AI.']}\n onDismiss={() => {\n setBanner(undefined);\n }}\n handle={bannerHandleRef}\n />\n );\n } else {\n setBanner(undefined);\n const values = AIValues[Math.floor(Math.random() * AIValues.length)];\n Object.keys(values).forEach(field => {\n setField({ type: 'ai', name: field, value: values[field as keyof typeof values] });\n });\n }\n }, loadingTimeoutMS);\n };\n\n const trySubmit = () => {\n const errors: string[] = [];\n fields.forEach(field => {\n setField({ type: 'submit', name: field.name, value: field.value });\n const error = field.validator?.() \|\| '';\n if (error) errors.push(error);\n });\n\n if (errors.length === 0) {\n setSubmitting(true);\n setLoadingMessage('Submitting form...');\n setTimeout(() => {\n setLoadingMessage('');\n setSubmitting(false);\n push({ content: 'Form submitted!' });\n clearForm();\n setBanner(undefined);\n args.onSubmit?.();\n }, loadingTimeoutMS);\n } else {\n setBanner(\n <Banner\n variant='urgent'\n messages={errors}\n onDismiss={() => {\n setBanner(undefined);\n }}\n handle={bannerHandleRef}\n />\n );\n }\n };\n\n return (\n <Form\n heading={args.showTitle ? 'AI Form' : undefined}\n description={\n args.showDescription ? 'The AI in this demo is a mock and not a functional AI.' : undefined\n }\n progress={loadingMessage}\n actions={\n <>\n <Button\n onClick={() => {\n clearForm();\n args.onCancel?.();\n }}\n disabled={submitting}\n >\n Cancel\n </Button>\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <AIButton label='Fill form with AI' onClick={fillWithAI} disabled={!!loadingMessage} />\n <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>\n Submit\n </Button>\n </Flex>\n </>\n }\n banners={banner}\n >\n <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>\n <Input\n name={name.name}\n label={name.label}\n required={name.required}\n info={name.info \|\| name.help}\n value={name.value}\n status={name.status}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Input\n name={email.name}\n label={email.label}\n required={email.required}\n info={email.info \|\| email.help}\n value={email.value}\n status={email.status}\n type='email'\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <CheckboxGroup\n name={locations.name}\n label={locations.label}\n required={locations.required}\n info={locations.info \|\| locations.help}\n status={locations.status}\n >\n {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n <Checkbox\n key={office}\n label={office}\n value={office}\n checked={locations.value?.includes(office)}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({\n type: 'change',\n name: e.target.name,\n value: e.target.value\n })\n }\n />\n ))}\n </CheckboxGroup>\n </Grid>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <RadioButtonGroup\n name={meetings.name}\n label={meetings.label}\n required={meetings.required}\n info={meetings.info \|\| meetings.help}\n status={meetings.status}\n >\n {['Yes', 'No'].map(option => (\n <RadioButton\n key={option}\n label={option}\n value={option}\n checked={meetings.value === option}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n />\n ))}\n </RadioButtonGroup>\n </Grid>\n\n <Select\n name={meals.name}\n label={meals.label}\n required={meals.required}\n info={meals.info \|\| meals.help}\n value={meals.value \|\| 'choose meal...'}\n status={meals.status}\n onChange={(e: ChangeEvent<HTMLSelectElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n >\n <Option>choose meal...</Option>\n <Option>Pizza</Option>\n <Option>Sandwich</Option>\n <Option>Salad</Option>\n </Select>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <TextArea\n name={notes.name}\n label={notes.label}\n required={notes.required}\n info={notes.info \|\| notes.help}\n value={notes.value}\n status={notes.status}\n maxLength={200}\n displayCharCount\n onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n </Grid>\n </Grid>\n </Form>\n );\n};\n\nAIButtonFormDemo.args = {\n throwAIError: false,\n showTitle: true,\n showDescription: true\n};\n\nAIButtonFormDemo.argTypes = {\n throwAIError: { control: { type: 'boolean' } },\n showTitle: { control: { type: 'boolean' }, table: { disable: true } },\n showDescription: { control: { type: 'boolean' } }\n};\n\nexport const AIButtonFormInModalDemo: Story<AIButtonFormProps> = (args: AIButtonFormProps) => {\n const AIModal = () => {\n const [fields, setField] = useReducer(fieldReducer, undefined, initFields);\n const [banner, setBanner] = useState<ReactNode \| undefined>();\n const [loadingMessage, setLoadingMessage] = useState('');\n const [submitting, setSubmitting] = useState(false);\n\n const bannerHandleRef = useRef<BannerHandleValue>(null);\n const { push } = useToaster();\n const { dismiss } = useModalContext();\n\n const name = fields.find(field => field.name === 'name');\n const email = fields.find(field => field.name === 'email');\n const locations = fields.find(field => field.name === 'locations');\n const meetings = fields.find(field => field.name === 'meetings');\n const meals = fields.find(field => field.name === 'meals');\n const notes = fields.find(field => field.name === 'notes');\n\n useEffect(() => {\n if (banner && bannerHandleRef.current) bannerHandleRef.current.focus();\n }, [banner]);\n\n if (!name \|\| !email \|\| !locations \|\| !meetings \|\| !meals \|\| !notes) return <ErrorState />;\n\n const fillWithAI = () => {\n setLoadingMessage('AI is filling out the form...');\n setTimeout(() => {\n setLoadingMessage('');\n if (args.throwAIError) {\n setBanner(\n <Banner\n variant='urgent'\n messages={['An error occurred while generating responses from the AI.']}\n onDismiss={() => {\n setBanner(undefined);\n }}\n handle={bannerHandleRef}\n />\n );\n } else {\n setBanner(undefined);\n const values = AIValues[Math.floor(Math.random() * AIValues.length)];\n Object.keys(values).forEach(field => {\n setField({ type: 'ai', name: field, value: values[field as keyof typeof values] });\n });\n }\n setLoadingMessage('');\n }, loadingTimeoutMS);\n };\n\n const trySubmit = () => {\n const errors: string[] = [];\n fields.forEach(field => {\n setField({ type: 'submit', name: field.name, value: field.value });\n const error = field.validator?.() \|\| '';\n if (error) errors.push(error);\n });\n\n if (errors.length === 0) {\n setSubmitting(true);\n setLoadingMessage('Submitting form...');\n setTimeout(() => {\n setLoadingMessage('');\n setSubmitting(false);\n push({ content: 'Form submitted!' });\n setBanner(undefined);\n dismiss();\n }, loadingTimeoutMS);\n } else {\n setBanner(\n <Banner\n variant='urgent'\n messages={errors}\n onDismiss={() => {\n setBanner(undefined);\n }}\n handle={bannerHandleRef}\n />\n );\n }\n };\n\n return (\n <Modal\n heading='AI Form in a Modal'\n progress={loadingMessage ? { message: loadingMessage } : undefined}\n onRequestDismiss={() => !submitting}\n actions={\n <>\n <Button onClick={dismiss} disabled={submitting}>\n Cancel\n </Button>\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <AIButton\n label='Fill form with AI'\n onClick={fillWithAI}\n disabled={!!loadingMessage}\n />\n <Button variant='primary' disabled={!!loadingMessage} onClick={trySubmit}>\n Submit\n </Button>\n </Flex>\n </>\n }\n >\n <Form\n description='The AI in this demo is a mock and not a functional AI.'\n banners={banner}\n style={{ margin: 'auto', maxWidth: '37.5rem' }}\n >\n <Grid container={{ gap: 1, cols: `repeat(2, minmax(0, 1fr))` }}>\n <Input\n name={name.name}\n label={name.label}\n required={name.required}\n info={name.info \|\| name.help}\n value={name.value}\n status={name.status}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Input\n name={email.name}\n label={email.label}\n required={email.required}\n info={email.info \|\| email.help}\n value={email.value}\n status={email.status}\n type='email'\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <CheckboxGroup\n name={locations.name}\n label={locations.label}\n required={locations.required}\n info={locations.info \|\| locations.help}\n status={locations.status}\n >\n {['Cambridge', 'Waltham', 'Krakow', 'Hyderabad', 'Bangalore'].map(office => (\n <Checkbox\n key={office}\n label={office}\n value={office}\n checked={locations.value?.includes(office)}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({\n type: 'change',\n name: e.target.name,\n value: e.target.value\n })\n }\n />\n ))}\n </CheckboxGroup>\n </Grid>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <RadioButtonGroup\n name={meetings.name}\n label={meetings.label}\n required={meetings.required}\n info={meetings.info \|\| meetings.help}\n status={meetings.status}\n >\n {['Yes', 'No'].map(option => (\n <RadioButton\n key={option}\n label={option}\n value={option}\n checked={meetings.value === option}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n />\n ))}\n </RadioButtonGroup>\n </Grid>\n\n <Select\n name={meals.name}\n label={meals.label}\n required={meals.required}\n info={meals.info \|\| meals.help}\n value={meals.value \|\| 'choose meal...'}\n status={meals.status}\n onChange={(e: ChangeEvent<HTMLSelectElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n >\n <Option>choose meal...</Option>\n <Option>Pizza</Option>\n <Option>Sandwich</Option>\n <Option>Salad</Option>\n </Select>\n\n <Grid item={{ colStartEnd: '1/-1' }}>\n <TextArea\n name={notes.name}\n label={notes.label}\n required={notes.required}\n info={notes.info \|\| notes.help}\n value={notes.value}\n status={notes.status}\n maxLength={200}\n displayCharCount\n onChange={(e: ChangeEvent<HTMLTextAreaElement>) =>\n setField({ type: 'change', name: e.target.name, value: e.target.value })\n }\n onBlur={(e: FocusEvent<HTMLInputElement>) =>\n setField({ type: 'blur', name: e.target.name, value: e.target.value })\n }\n />\n </Grid>\n </Grid>\n </Form>\n </Modal>\n );\n };\n\n const ModalButton = () => {\n const { create } = useModalManager();\n\n return (\n <Button\n onClick={() => {\n create(AIModal);\n }}\n >\n Open Modal\n </Button>\n );\n };\n\n return <ModalButton />;\n};\n\nAIButtonFormInModalDemo.args = {\n throwAIError: false\n};\n\nAIButtonFormInModalDemo.argTypes = {\n throwAIError: { control: { type: 'boolean' } }\n};\ninterface ConfigurableButtonProps {\n borderWidth?: string;\n borderRadius?: number;\n color?: string;\n secondaryColor?: string;\n padding?: string;\n}\n\nexport const ConfigurableAIButton: Story<ConfigurableButtonProps> = (\n args: ConfigurableButtonProps\n) => {\n return (\n <Configuration\n theme={{\n base: {\n palette: {\n ai: args.color\n }\n },\n components: {\n button: {\n 'border-width': args.borderWidth,\n 'border-radius': args.borderRadius,\n padding: args.padding\n }\n }\n }}\n >\n <AIButton label='Configurable Button' />\n </Configuration>\n );\n};\n\nConfigurableAIButton.args = {\n borderWidth: '0.0625rem',\n borderRadius: 9999,\n color: '#681fc3',\n padding: '0rem 1rem'\n};\n\nConfigurableAIButton.argTypes = {\n borderWidth: { control: { type: 'text' } },\n borderRadius: { control: { type: 'number' } },\n color: { control: { type: 'color' } },\n padding: { control: { type: 'text' } }\n};\n"]}

package/jsx/core/AppShell/AppShell.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,aAAa,~~EAwBd~~,MAAM,yBAAyB,CAAC;;~~AAgBjC~~,wBAOU;AAEV,UAAU,kBAAkB;IAE1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,~~CAoUlD~~,CAAC;AA0CF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CAqBjE,CAAC"}
1	+ {"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/core/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAEL,aAAa,EAcd,MAAM,yBAAyB,CAAC;;AAiBjC,wBAOU;AAEV,UAAU,kBAAkB;IAE1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,kBAAkB,CA0PlD,CAAC;AA0CF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,yBAAyB,CAqBjE,CAAC"}

package/jsx/core/AppShell/AppShell.stories.jsx CHANGED Viewed

@@ -1,8 +1,9 @@
 import { useState, useMemo, useRef } from 'react';
-import { AppShell, AppShellList, Button, DateInput, Grid, Icon, registerIcon, Input, Select, Option, Modal, TextArea, useModalManager, useToaster, useAfterInitialEffect, useModalContext, windowIsAvailable, Configuration, menuHelpers } from '@pega/cosmos-react-core';
+import { AppShell, AppShellList, Icon, registerIcon, useModalManager, useAfterInitialEffect, windowIsAvailable, Configuration, menuHelpers } from '@pega/cosmos-react-core';
 import * as bellSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/bell-solid.icon';
 import * as clockSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/clock-solid.icon';
 import { recentSearches, searchResults } from '../SearchInput/SearchInput.mocks';
+import { MultiStepModal } from '../MultiStepForm/MultiStepForm.mocks';
 import { defaultLinks, defaultMainContent, defaultNotifications, defaultRecents, operatorData } from './AppShell.mocks';
 registerIcon(bellSolidIcon, clockSolidIcon);
 export default {
@@ -14,49 +15,6 @@ export default {
     }
 };
 export const AppShellDemo = (args) => {
-    const CreateCaseModal = ({ caseType }) => {
-        const { dismiss } = useModalContext();
-        const { push: pushToaster } = useToaster();
-        return (<Modal as='form' heading={`New ${caseType}`} actions={<>
-            <Button onClick={dismiss}>Cancel</Button>
-            <Button variant='primary' type='submit' onClick={(e) => {
-                    e.preventDefault();
-                    dismiss();
-                    pushToaster({ content: `${caseType} requested` });
-                }}>
-              Request
-            </Button>
-          </>}>
-        <Grid container={{ rowGap: 2 }}>
-          <DateInput label='Date Requested' info={null}/>
-          <Select label='Department'>
-            <Option value=''>Select…</Option>
-            <Option value='Fire'>Fire</Option>
-            <Option value='Facilities'>Facilities</Option>
-            <Option value='Parks'>Parks</Option>
-            <Option value='Sanitation'>Sanitation</Option>
-            <Option value='Parking &amp; Traffic'>Parking &amp; Traffic</Option>
-            <Option value='Police'>Police</Option>
-            <Option value='Courts'>Courts</Option>
-            <Option value='Healthcare'>Healthcare</Option>
-            <Option value='Energy'>Energy</Option>
-            <Option value='Justice department'>Justice department</Option>
-            <Option value='Environmental'>Environmental</Option>
-          </Select>
-          <TextArea label='Purpose of Purchase'/>
-          <Select label='Desired Make'>
-            <Option value=''>Select...</Option>
-            <Option value='Ford'>Ford</Option>
-            <Option value='Dodge'>Dodge</Option>
-            <Option value='Toyota'>Toyota</Option>
-            <Option value='Tesla'>Tesla</Option>
-          </Select>
-          <Input label='Desired Make'/>
-          <Input type='number' min='2016' max='2021' label='Year' info='Must be within last 5 years'/>
-          <Input type='number' min='0.01' step='0.01' max='50000' label='Estimated Cost' info='May not exceed $50,000.00'/>
-        </Grid>
-      </Modal>);
-    };
     const [activeAppName, setActiveAppName] = useState(args.appName || 'UI Audit');
     const caseLinks = args.caseLinks || defaultLinks;
     const showSearch = args.withSearch !== undefined ? args.withSearch : true;
@@ -100,19 +58,15 @@ export const AppShellDemo = (args) => {
         return addHandlersToLinks(links);
     }, [links]);
     const defaultCreateLinks = [
-        'Vehicle Purchase',
-        'Vehicle Sale',
-        'Loan Refinance',
-        'Service Request',
-        'Trade In',
-        'Auction Invoice',
-        'Lender Approval',
-        'Inventory Audit',
-        'Sales Performance'
+        'Data Analyst interview',
+        'Designer interview',
+        'Product Manager interview',
+        'Sales Representative interview',
+        'Software Engineer interview'
     ].map(name => ({
         name,
         onClick: () => {
-            createModal(CreateCaseModal, { caseType: name });
+            createModal(MultiStepModal, { heading: name, stepIndicator: 'horizontal' });
         }
     }));
     const handleNotificationClick = (passedId) => {