"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[214],{"./lib/view/live-message/index.stories.tsx":(S,s,e)=>{e.r(s),e.d(s,{Basic:()=>M,__namedExportsOrder:()=>h,default:()=>g});var l=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/slicedToArray.js"),p=e.n(l),m=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(m),o=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=e("./node_modules/.pnpm/react-aria-live@2.0.5_react@18.3.1/node_modules/react-aria-live/es/index.js"),v=e("./lib/data/useAppDispatch.ts"),L=e("./lib/data/live-message/index.ts"),a=e("./lib/view/live-message/index.tsx"),i,r,_=`
    
    // @ts-nocheck
    // @ts-ignore
    var __STORY__ = "import { Meta } from '@storybook/react';\\nimport React, { useState, useEffect } from 'react';\\nimport { LiveAnnouncer } from 'react-aria-live';\\nimport { useAppDispatch } from '../../data/react.js';\\nimport { actions } from '../../data/live-message/index.js';\\nimport { LiveMessage } from './index.js';\\n\\nexport default {\\n  title: 'A11y/LiveMessage',\\n  component: LiveMessage,\\n} as Meta;\\n\\nconst LiveMessageStory = () => {\\n  const dispatch = useAppDispatch();\\n  return (\\n    <LiveAnnouncer>\\n      <LiveMessage />\\n      <button\\n        type=\\"button\\"\\n        onClick={() =>\\n          dispatch(\\n            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),\\n          )\\n        }\\n      >\\n        Announce\\n      </button>\\n    </LiveAnnouncer>\\n  );\\n};\\n\\nexport const Basic = () => {\\n  const [show, setShow] = useState(false);\\n  useEffect(() => {\\n    setShow(true);\\n  }, []);\\n  return show ? <LiveMessageStory /> : null;\\n};\\n";
    // @ts-ignore
    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":21,"line":32},"endLoc":{"col":1,"line":38},"startBody":{"col":21,"line":32},"endBody":{"col":1,"line":38}}};
    
import { Meta } from '@storybook/react';
import React, { useState, useEffect } from 'react';
import { LiveAnnouncer } from 'react-aria-live';
import { useAppDispatch } from '../../data/react.js';
import { actions } from '../../data/live-message/index.js';
import { LiveMessage } from './index.js';

export default {parameters: {"storySource":{"source":"import { Meta } from '@storybook/react';\\nimport React, { useState, useEffect } from 'react';\\nimport { LiveAnnouncer } from 'react-aria-live';\\nimport { useAppDispatch } from '../../data/react.js';\\nimport { actions } from '../../data/live-message/index.js';\\nimport { LiveMessage } from './index.js';\\n\\nexport default {\\n  title: 'A11y/LiveMessage',\\n  component: LiveMessage,\\n} as Meta;\\n\\nconst LiveMessageStory = () => {\\n  const dispatch = useAppDispatch();\\n  return (\\n    <LiveAnnouncer>\\n      <LiveMessage />\\n      <button\\n        type=\\"button\\"\\n        onClick={() =>\\n          dispatch(\\n            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),\\n          )\\n        }\\n      >\\n        Announce\\n      </button>\\n    </LiveAnnouncer>\\n  );\\n};\\n\\nexport const Basic = () => {\\n  const [show, setShow] = useState(false);\\n  useEffect(() => {\\n    setShow(true);\\n  }, []);\\n  return show ? <LiveMessageStory /> : null;\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":21,"line":32},"endLoc":{"col":1,"line":38},"startBody":{"col":21,"line":32},"endBody":{"col":1,"line":38}}}},},
  title: 'A11y/LiveMessage',
  component: LiveMessage,
} as Meta;

const LiveMessageStory = () => {
  const dispatch = useAppDispatch();
  return (
    <LiveAnnouncer>
      <LiveMessage />
      <button
        type="button"
        onClick={() =>
          dispatch(
            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),
          )
        }
      >
        Announce
      </button>
    </LiveAnnouncer>
  );
};

export const Basic = () => {
  const [show, setShow] = useState(false);
  useEffect(() => {
    setShow(true);
  }, []);
  return show ? <LiveMessageStory /> : null;
};
`,f={Basic:{startLoc:{col:21,line:40},endLoc:{col:1,line:46},startBody:{col:21,line:40},endBody:{col:1,line:46}}},_=`import { Meta } from '@storybook/react';
import React, { useState, useEffect } from 'react';
import { LiveAnnouncer } from 'react-aria-live';
import { useAppDispatch } from '../../data/react.js';
import { actions } from '../../data/live-message/index.js';
import { LiveMessage } from './index.js';

export default {
  title: 'A11y/LiveMessage',
  component: LiveMessage,
} as Meta;

const LiveMessageStory = () => {
  const dispatch = useAppDispatch();
  return (
    <LiveAnnouncer>
      <LiveMessage />
      <button
        type="button"
        onClick={() =>
          dispatch(
            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),
          )
        }
      >
        Announce
      </button>
    </LiveAnnouncer>
  );
};

export const Basic = () => {
  const [show, setShow] = useState(false);
  useEffect(() => {
    setShow(true);
  }, []);
  return show ? <LiveMessageStory /> : null;
};
`,f={Basic:{startLoc:{col:21,line:32},endLoc:{col:1,line:38},startBody:{col:21,line:32},endBody:{col:1,line:38}}};const g={parameters:{storySource:{source:`
    
    // @ts-nocheck
    // @ts-ignore
    var __STORY__ = "import { Meta } from '@storybook/react';\\nimport React, { useState, useEffect } from 'react';\\nimport { LiveAnnouncer } from 'react-aria-live';\\nimport { useAppDispatch } from '../../data/react.js';\\nimport { actions } from '../../data/live-message/index.js';\\nimport { LiveMessage } from './index.js';\\n\\nexport default {\\n  title: 'A11y/LiveMessage',\\n  component: LiveMessage,\\n} as Meta;\\n\\nconst LiveMessageStory = () => {\\n  const dispatch = useAppDispatch();\\n  return (\\n    <LiveAnnouncer>\\n      <LiveMessage />\\n      <button\\n        type=\\"button\\"\\n        onClick={() =>\\n          dispatch(\\n            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),\\n          )\\n        }\\n      >\\n        Announce\\n      </button>\\n    </LiveAnnouncer>\\n  );\\n};\\n\\nexport const Basic = () => {\\n  const [show, setShow] = useState(false);\\n  useEffect(() => {\\n    setShow(true);\\n  }, []);\\n  return show ? <LiveMessageStory /> : null;\\n};\\n";
    // @ts-ignore
    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":21,"line":32},"endLoc":{"col":1,"line":38},"startBody":{"col":21,"line":32},"endBody":{"col":1,"line":38}}};
    
import { Meta } from '@storybook/react';
import React, { useState, useEffect } from 'react';
import { LiveAnnouncer } from 'react-aria-live';
import { useAppDispatch } from '../../data/react.js';
import { actions } from '../../data/live-message/index.js';
import { LiveMessage } from './index.js';

export default {parameters: {"storySource":{"source":"import { Meta } from '@storybook/react';\\nimport React, { useState, useEffect } from 'react';\\nimport { LiveAnnouncer } from 'react-aria-live';\\nimport { useAppDispatch } from '../../data/react.js';\\nimport { actions } from '../../data/live-message/index.js';\\nimport { LiveMessage } from './index.js';\\n\\nexport default {\\n  title: 'A11y/LiveMessage',\\n  component: LiveMessage,\\n} as Meta;\\n\\nconst LiveMessageStory = () => {\\n  const dispatch = useAppDispatch();\\n  return (\\n    <LiveAnnouncer>\\n      <LiveMessage />\\n      <button\\n        type=\\"button\\"\\n        onClick={() =>\\n          dispatch(\\n            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),\\n          )\\n        }\\n      >\\n        Announce\\n      </button>\\n    </LiveAnnouncer>\\n  );\\n};\\n\\nexport const Basic = () => {\\n  const [show, setShow] = useState(false);\\n  useEffect(() => {\\n    setShow(true);\\n  }, []);\\n  return show ? <LiveMessageStory /> : null;\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":21,"line":32},"endLoc":{"col":1,"line":38},"startBody":{"col":21,"line":32},"endBody":{"col":1,"line":38}}}},},
  title: 'A11y/LiveMessage',
  component: LiveMessage,
} as Meta;

const LiveMessageStory = () => {
  const dispatch = useAppDispatch();
  return (
    <LiveAnnouncer>
      <LiveMessage />
      <button
        type="button"
        onClick={() =>
          dispatch(
            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),
          )
        }
      >
        Announce
      </button>
    </LiveAnnouncer>
  );
};

export const Basic = () => {
  const [show, setShow] = useState(false);
  useEffect(() => {
    setShow(true);
  }, []);
  return show ? <LiveMessageStory /> : null;
};
`,locationsMap:{basic:{startLoc:{col:21,line:40},endLoc:{col:1,line:46},startBody:{col:21,line:40},endBody:{col:1,line:46}}}},storySource:{source:`import { Meta } from '@storybook/react';
import React, { useState, useEffect } from 'react';
import { LiveAnnouncer } from 'react-aria-live';
import { useAppDispatch } from '../../data/react.js';
import { actions } from '../../data/live-message/index.js';
import { LiveMessage } from './index.js';

export default {
  title: 'A11y/LiveMessage',
  component: LiveMessage,
} as Meta;

const LiveMessageStory = () => {
  const dispatch = useAppDispatch();
  return (
    <LiveAnnouncer>
      <LiveMessage />
      <button
        type="button"
        onClick={() =>
          dispatch(
            actions.announce({ message: 'Page changed', ariaLive: 'polite' }),
          )
        }
      >
        Announce
      </button>
    </LiveAnnouncer>
  );
};

export const Basic = () => {
  const [show, setShow] = useState(false);
  useEffect(() => {
    setShow(true);
  }, []);
  return show ? <LiveMessageStory /> : null;
};
`,locationsMap:{basic:{startLoc:{col:21,line:32},endLoc:{col:1,line:38},startBody:{col:21,line:32},endBody:{col:1,line:38}}}}},title:"A11y/LiveMessage",component:a.I};var c=function(){var t=(0,v.j)();return n()(d.Ai,{},void 0,i||(i=n()(a.I,{})),n()("button",{type:"button",onClick:function(){return t(L.o.announce({message:"Page changed",ariaLive:"polite"}))}},void 0,"Announce"))};c.displayName="LiveMessageStory";var M=function(){var t=(0,o.useState)(!1),u=p()(t,2),A=u[0],y=u[1];return(0,o.useEffect)(function(){y(!0)},[]),A?r||(r=n()(c,{})):null},h=["Basic"]}}]);
