npm - storybook-addon-playwright - Versions diffs - 7.8.2 → 7.8.4 - Mend

storybook-addon-playwright 7.8.2 → 7.8.4

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 (5) hide show

package/dist/register.js CHANGED Viewed

@@ -1,23 +1,23 @@
-'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),M=require('react'),material=require('@mui/material'),jsxRuntime=require('react/jsx-runtime'),Dd=require('@mui/icons-material/Close'),li=require('@ebay/nice-modal-react');require('@storybook/core/router');var el=require('normalize-url'),yn=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),hm=require('tinycolor2'),styles=require('@mui/material/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),Mr=require('clsx'),km=require('@mui/icons-material/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),Il=require('array-move'),ah=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),R0=require('@mui/icons-material/CheckCircle'),H0=require('@mui/icons-material/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),Sc=require('react-json-view'),E0=require('hash-sum'),core=require('@dnd-kit/core'),VS=require('@mui/material/Dialog'),Eg=require('@mui/icons-material/FullscreenSharp'),Og=require('@mui/icons-material/RefreshOutlined'),Bg=require('@mui/icons-material/SaveAltOutlined'),Cg=require('@mui/icons-material/Settings'),PS=require('@mui/icons-material/CloseOutlined'),CS=require('@mui/icons-material/NearMe'),MS=require('@mui/icons-material/RefreshSharp'),Jg=require('react-selecto'),uS=require('@mui/icons-material/AspectRatio'),mS=require('@mui/icons-material/FitScreen'),yS=require('@mui/icons-material/RotateLeft'),wS=require('@mui/icons-material/Camera'),reactUse=require('react-use'),reactSplitPane=require('react-split-pane'),selectorPath=require('@dom-utils/selector-path'),reactQuery$1=require('@tanstack/react-query'),reinspect=require('reinspect'),A1=require('lodash/startCase'),s1=require('@mui/icons-material/CheckCircleOutlineRounded'),a1=require('@mui/icons-material/HelpOutlineSharp'),l1=require('@mui/icons-material/RadioButtonUncheckedRounded'),g1=require('@mui/icons-material/FilterCenterFocusSharp'),S1=require('@mui/icons-material/FilterTiltShift'),R1=require('@mui/material/Accordion'),H1=require('@mui/material/AccordionSummary');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var M__namespace=/*#__PURE__*/_interopNamespace(M);var Dd__default=/*#__PURE__*/_interopDefault(Dd);var li__default=/*#__PURE__*/_interopDefault(li);var el__default=/*#__PURE__*/_interopDefault(el);var yn__namespace=/*#__PURE__*/_interopNamespace(yn);var hm__default=/*#__PURE__*/_interopDefault(hm);var Mr__default=/*#__PURE__*/_interopDefault(Mr);var km__default=/*#__PURE__*/_interopDefault(km);var Il__default=/*#__PURE__*/_interopDefault(Il);var ah__default=/*#__PURE__*/_interopDefault(ah);var R0__default=/*#__PURE__*/_interopDefault(R0);var H0__default=/*#__PURE__*/_interopDefault(H0);var Sc__default=/*#__PURE__*/_interopDefault(Sc);var E0__default=/*#__PURE__*/_interopDefault(E0);var VS__default=/*#__PURE__*/_interopDefault(VS);var Eg__default=/*#__PURE__*/_interopDefault(Eg);var Og__default=/*#__PURE__*/_interopDefault(Og);var Bg__default=/*#__PURE__*/_interopDefault(Bg);var Cg__default=/*#__PURE__*/_interopDefault(Cg);var PS__default=/*#__PURE__*/_interopDefault(PS);var CS__default=/*#__PURE__*/_interopDefault(CS);var MS__default=/*#__PURE__*/_interopDefault(MS);var Jg__default=/*#__PURE__*/_interopDefault(Jg);var uS__default=/*#__PURE__*/_interopDefault(uS);var mS__default=/*#__PURE__*/_interopDefault(mS);var yS__default=/*#__PURE__*/_interopDefault(yS);var wS__default=/*#__PURE__*/_interopDefault(wS);var A1__default=/*#__PURE__*/_interopDefault(A1);var s1__default=/*#__PURE__*/_interopDefault(s1);var a1__default=/*#__PURE__*/_interopDefault(a1);var l1__default=/*#__PURE__*/_interopDefault(l1);var g1__default=/*#__PURE__*/_interopDefault(g1);var S1__default=/*#__PURE__*/_interopDefault(S1);var R1__default=/*#__PURE__*/_interopDefault(R1);var H1__default=/*#__PURE__*/_interopDefault(H1);var gp=Object.create;var js=Object.defineProperty;var Sp=Object.getOwnPropertyDescriptor;var yp=Object.getOwnPropertyNames;var vp=Object.getPrototypeOf,bp=Object.prototype.hasOwnProperty;var $s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var wp=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of yp(t))!bp.call(e,n)&&n!==o&&js(e,n,{get:()=>t[n],enumerable:!(r=Sp(t,n))||r.enumerable});return e};var xp=(e,t,o)=>(o=e!=null?gp(vp(e)):{},wp(!e||!e.__esModule?js(o,"default",{value:e,enumerable:true}):o,e));var Xs=$s(B=>{var Tn=Symbol.for("react.transitional.element"),Pn=Symbol.for("react.portal"),$o=Symbol.for("react.fragment"),qo=Symbol.for("react.strict_mode"),Xo=Symbol.for("react.profiler"),Yo=Symbol.for("react.consumer"),Jo=Symbol.for("react.context"),Qo=Symbol.for("react.forward_ref"),Zo=Symbol.for("react.suspense"),er=Symbol.for("react.suspense_list"),tr=Symbol.for("react.memo"),or=Symbol.for("react.lazy"),Mp=Symbol.for("react.view_transition"),Ip=Symbol.for("react.client.reference");function ce(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Tn:switch(e=e.type,e){case $o:case Xo:case qo:case Zo:case er:case Mp:return e;default:switch(e=e&&e.$$typeof,e){case Jo:case Qo:case or:case tr:return e;case Yo:return e;default:return t}}case Pn:return t}}}B.ContextConsumer=Yo;B.ContextProvider=Jo;B.Element=Tn;B.ForwardRef=Qo;B.Fragment=$o;B.Lazy=or;B.Memo=tr;B.Portal=Pn;B.Profiler=Xo;B.StrictMode=qo;B.Suspense=Zo;B.SuspenseList=er;B.isContextConsumer=function(e){return ce(e)===Yo};B.isContextProvider=function(e){return ce(e)===Jo};B.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Tn};B.isForwardRef=function(e){return ce(e)===Qo};B.isFragment=function(e){return ce(e)===$o};B.isLazy=function(e){return ce(e)===or};B.isMemo=function(e){return ce(e)===tr};B.isPortal=function(e){return ce(e)===Pn};B.isProfiler=function(e){return ce(e)===Xo};B.isStrictMode=function(e){return ce(e)===qo};B.isSuspense=function(e){return ce(e)===Zo};B.isSuspenseList=function(e){return ce(e)===er};B.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===$o||e===Xo||e===qo||e===Zo||e===er||typeof e=="object"&&e!==null&&(e.$$typeof===or||e.$$typeof===tr||e.$$typeof===Jo||e.$$typeof===Yo||e.$$typeof===Qo||e.$$typeof===Ip||e.getModuleId!==void 0)};B.typeOf=ce;});var Js=$s((wb,Ys)=>{Ys.exports=Xs();});var Zt=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n="Save",negativeActionName:i="Cancel"})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.DialogTitle,null,t),M__namespace.default.createElement(material.DialogContent,null,r),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(material.Button,{onClick:o},i),M__namespace.default.createElement(material.Button,{onClick:e},n))));Zt.displayName="ActionPanel";var Mn=xp(Js());function yt(e){if(typeof e!="object"||e===null)return  false;let t=Object.getPrototypeOf(e);return (t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function Qs(e){if(M__namespace.isValidElement(e)||(0, Mn.isValidElementType)(e)||!yt(e))return e;let t={};return Object.keys(e).forEach(o=>{t[o]=Qs(e[o]);}),t}function Je(e,t,o={clone:true}){let r=o.clone?{...e}:e;return yt(e)&&yt(t)&&Object.keys(t).forEach(n=>{M__namespace.isValidElement(t[n])||(0, Mn.isValidElementType)(t[n])?r[n]=t[n]:yt(t[n])&&Object.prototype.hasOwnProperty.call(e,n)&&yt(e[n])?r[n]=Je(e[n],t[n],o):o.clone?r[n]=yt(t[n])?Qs(t[n]):t[n]:r[n]=t[n];}),r}function rr(e,...t){let o=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(r=>o.searchParams.append("args[]",r)),`Minified MUI error #${e}; visit ${o} for the full message.`}function Qe(e){if(typeof e!="string")throw new Error(rr(7));return e.charAt(0).toUpperCase()+e.slice(1)}var kp=M__namespace.createContext(null),nr=kp;function vt(){return M__namespace.useContext(nr)}var Dp=typeof Symbol=="function"&&Symbol.for,eo=Dp?Symbol.for("mui.nested"):"__THEME_NESTED__";function Op(e,t){return typeof t=="function"?t(e):{...e,...t}}function Bp(e){let{children:t,theme:o}=e,r=vt(),n=M__namespace.useMemo(()=>{let i=r===null?{...o}:Op(r,o);return i!=null&&(i[eo]=r!==null),i},[o,r]);return jsxRuntime.jsx(nr.Provider,{value:n,children:t})}var to=Bp;var Lp=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];function ir(e={}){let{disableGlobal:t=false,productionPrefix:o="jss",seed:r=""}=e,n=r===""?"":`${r}-`,i=0,s=()=>(i+=1,i);return (a,l)=>{let c=l.options.name;if(c&&c.startsWith("Mui")&&!l.options.link&&!t){if(Lp.includes(a.key))return `Mui-${a.key}`;let u=`${n}${c}-${a.key}`;return !l.options.theme[eo]||r!==""?u:`${u}-${s()}`}return `${n}${o}${s()}`}}function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r]);}return e},N.apply(null,arguments)}var ta=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Np=(typeof window>"u"?"undefined":ta(window))==="object"&&(typeof document>"u"?"undefined":ta(document))==="object"&&document.nodeType===9,Ze=Np;function et(e){"@babel/helpers - typeof";return et=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},et(e)}function oa(e,t){if(et(e)!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var r=o.call(e,t);if(et(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return (String)(e)}function ra(e){var t=oa(e,"string");return et(t)=="symbol"?t:t+""}function na(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||false,r.configurable=true,"value"in r&&(r.writable=true),Object.defineProperty(e,ra(r.key),r);}}function kn(e,t,o){return t&&na(e.prototype,t),Object.defineProperty(e,"prototype",{writable:false}),e}function sr(e,t){return sr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,r){return o.__proto__=r,o},sr(e,t)}function Dn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,sr(e,t);}function En(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ia(e,t){if(e==null)return {};var o={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;o[r]=e[r];}return o}var Fp={}.constructor;function Ln(e){if(e==null||typeof e!="object")return e;if(Array.isArray(e))return e.map(Ln);if(e.constructor!==Fp)return e;var t={};for(var o in e)t[o]=Ln(e[o]);return t}function ar(e,t,o){e===void 0&&(e="unnamed");var r=o.jss,n=Ln(t),i=r.plugins.onCreateRule(e,n,o);return i||(e[0],null)}var sa=function(t,o){for(var r="",n=0;n<t.length&&t[n]!=="!important";n++)r&&(r+=o),r+=t[n];return r},Be=function(t){if(!Array.isArray(t))return t;var o="";if(Array.isArray(t[0]))for(var r=0;r<t.length&&t[r]!=="!important";r++)o&&(o+=", "),o+=sa(t[r]," ");else o=sa(t,", ");return t[t.length-1]==="!important"&&(o+=" !important"),o};function bt(e){return e&&e.format===false?{linebreak:"",space:""}:{linebreak:`
+'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),I=require('react'),material=require('@mui/material'),jsxRuntime=require('react/jsx-runtime'),Ed=require('@mui/icons-material/Close'),li=require('@ebay/nice-modal-react');require('@storybook/core/router');var el=require('normalize-url'),yn=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),gm=require('tinycolor2'),styles=require('@mui/material/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),Mr=require('clsx'),Dm=require('@mui/icons-material/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),Il=require('array-move'),lh=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),H0=require('@mui/icons-material/CheckCircle'),V0=require('@mui/icons-material/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),Sc=require('react-json-view'),O0=require('hash-sum'),core=require('@dnd-kit/core'),KS=require('@mui/material/Dialog'),Og=require('@mui/icons-material/FullscreenSharp'),Bg=require('@mui/icons-material/RefreshOutlined'),Lg=require('@mui/icons-material/SaveAltOutlined'),Mg=require('@mui/icons-material/Settings'),CS=require('@mui/icons-material/CloseOutlined'),MS=require('@mui/icons-material/NearMe'),IS=require('@mui/icons-material/RefreshSharp'),Qg=require('react-selecto'),pS=require('@mui/icons-material/AspectRatio'),hS=require('@mui/icons-material/FitScreen'),vS=require('@mui/icons-material/RotateLeft'),xS=require('@mui/icons-material/Camera'),reactUse=require('react-use'),reactSplitPane=require('react-split-pane'),selectorPath=require('@dom-utils/selector-path'),reactQuery$1=require('@tanstack/react-query'),reinspect=require('reinspect'),T1=require('lodash/startCase'),a1=require('@mui/icons-material/CheckCircleOutlineRounded'),l1=require('@mui/icons-material/HelpOutlineSharp'),c1=require('@mui/icons-material/RadioButtonUncheckedRounded'),S1=require('@mui/icons-material/FilterCenterFocusSharp'),y1=require('@mui/icons-material/FilterTiltShift'),H1=require('@mui/material/Accordion'),V1=require('@mui/material/AccordionSummary');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var I__namespace=/*#__PURE__*/_interopNamespace(I);var Ed__default=/*#__PURE__*/_interopDefault(Ed);var li__default=/*#__PURE__*/_interopDefault(li);var el__default=/*#__PURE__*/_interopDefault(el);var yn__namespace=/*#__PURE__*/_interopNamespace(yn);var gm__default=/*#__PURE__*/_interopDefault(gm);var Mr__default=/*#__PURE__*/_interopDefault(Mr);var Dm__default=/*#__PURE__*/_interopDefault(Dm);var Il__default=/*#__PURE__*/_interopDefault(Il);var lh__default=/*#__PURE__*/_interopDefault(lh);var H0__default=/*#__PURE__*/_interopDefault(H0);var V0__default=/*#__PURE__*/_interopDefault(V0);var Sc__default=/*#__PURE__*/_interopDefault(Sc);var O0__default=/*#__PURE__*/_interopDefault(O0);var KS__default=/*#__PURE__*/_interopDefault(KS);var Og__default=/*#__PURE__*/_interopDefault(Og);var Bg__default=/*#__PURE__*/_interopDefault(Bg);var Lg__default=/*#__PURE__*/_interopDefault(Lg);var Mg__default=/*#__PURE__*/_interopDefault(Mg);var CS__default=/*#__PURE__*/_interopDefault(CS);var MS__default=/*#__PURE__*/_interopDefault(MS);var IS__default=/*#__PURE__*/_interopDefault(IS);var Qg__default=/*#__PURE__*/_interopDefault(Qg);var pS__default=/*#__PURE__*/_interopDefault(pS);var hS__default=/*#__PURE__*/_interopDefault(hS);var vS__default=/*#__PURE__*/_interopDefault(vS);var xS__default=/*#__PURE__*/_interopDefault(xS);var T1__default=/*#__PURE__*/_interopDefault(T1);var a1__default=/*#__PURE__*/_interopDefault(a1);var l1__default=/*#__PURE__*/_interopDefault(l1);var c1__default=/*#__PURE__*/_interopDefault(c1);var S1__default=/*#__PURE__*/_interopDefault(S1);var y1__default=/*#__PURE__*/_interopDefault(y1);var H1__default=/*#__PURE__*/_interopDefault(H1);var V1__default=/*#__PURE__*/_interopDefault(V1);var gp=Object.create;var js=Object.defineProperty;var Sp=Object.getOwnPropertyDescriptor;var yp=Object.getOwnPropertyNames;var vp=Object.getPrototypeOf,bp=Object.prototype.hasOwnProperty;var $s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var wp=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of yp(t))!bp.call(e,n)&&n!==o&&js(e,n,{get:()=>t[n],enumerable:!(r=Sp(t,n))||r.enumerable});return e};var xp=(e,t,o)=>(o=e!=null?gp(vp(e)):{},wp(!e||!e.__esModule?js(o,"default",{value:e,enumerable:true}):o,e));var Xs=$s(B=>{var Tn=Symbol.for("react.transitional.element"),Pn=Symbol.for("react.portal"),$o=Symbol.for("react.fragment"),qo=Symbol.for("react.strict_mode"),Xo=Symbol.for("react.profiler"),Yo=Symbol.for("react.consumer"),Jo=Symbol.for("react.context"),Qo=Symbol.for("react.forward_ref"),Zo=Symbol.for("react.suspense"),er=Symbol.for("react.suspense_list"),tr=Symbol.for("react.memo"),or=Symbol.for("react.lazy"),Mp=Symbol.for("react.view_transition"),Ip=Symbol.for("react.client.reference");function ce(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Tn:switch(e=e.type,e){case $o:case Xo:case qo:case Zo:case er:case Mp:return e;default:switch(e=e&&e.$$typeof,e){case Jo:case Qo:case or:case tr:return e;case Yo:return e;default:return t}}case Pn:return t}}}B.ContextConsumer=Yo;B.ContextProvider=Jo;B.Element=Tn;B.ForwardRef=Qo;B.Fragment=$o;B.Lazy=or;B.Memo=tr;B.Portal=Pn;B.Profiler=Xo;B.StrictMode=qo;B.Suspense=Zo;B.SuspenseList=er;B.isContextConsumer=function(e){return ce(e)===Yo};B.isContextProvider=function(e){return ce(e)===Jo};B.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Tn};B.isForwardRef=function(e){return ce(e)===Qo};B.isFragment=function(e){return ce(e)===$o};B.isLazy=function(e){return ce(e)===or};B.isMemo=function(e){return ce(e)===tr};B.isPortal=function(e){return ce(e)===Pn};B.isProfiler=function(e){return ce(e)===Xo};B.isStrictMode=function(e){return ce(e)===qo};B.isSuspense=function(e){return ce(e)===Zo};B.isSuspenseList=function(e){return ce(e)===er};B.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===$o||e===Xo||e===qo||e===Zo||e===er||typeof e=="object"&&e!==null&&(e.$$typeof===or||e.$$typeof===tr||e.$$typeof===Jo||e.$$typeof===Yo||e.$$typeof===Qo||e.$$typeof===Ip||e.getModuleId!==void 0)};B.typeOf=ce;});var Js=$s((xb,Ys)=>{Ys.exports=Xs();});var Zt=I.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n="Save",negativeActionName:i="Cancel"})=>I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.DialogTitle,null,t),I__namespace.default.createElement(material.DialogContent,null,r),I__namespace.default.createElement(material.DialogActions,null,I__namespace.default.createElement(material.Button,{onClick:o},i),I__namespace.default.createElement(material.Button,{onClick:e},n))));Zt.displayName="ActionPanel";var Mn=xp(Js());function yt(e){if(typeof e!="object"||e===null)return  false;let t=Object.getPrototypeOf(e);return (t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function Qs(e){if(I__namespace.isValidElement(e)||(0, Mn.isValidElementType)(e)||!yt(e))return e;let t={};return Object.keys(e).forEach(o=>{t[o]=Qs(e[o]);}),t}function Je(e,t,o={clone:true}){let r=o.clone?{...e}:e;return yt(e)&&yt(t)&&Object.keys(t).forEach(n=>{I__namespace.isValidElement(t[n])||(0, Mn.isValidElementType)(t[n])?r[n]=t[n]:yt(t[n])&&Object.prototype.hasOwnProperty.call(e,n)&&yt(e[n])?r[n]=Je(e[n],t[n],o):o.clone?r[n]=yt(t[n])?Qs(t[n]):t[n]:r[n]=t[n];}),r}function rr(e,...t){let o=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(r=>o.searchParams.append("args[]",r)),`Minified MUI error #${e}; visit ${o} for the full message.`}function Qe(e){if(typeof e!="string")throw new Error(rr(7));return e.charAt(0).toUpperCase()+e.slice(1)}var kp=I__namespace.createContext(null),nr=kp;function vt(){return I__namespace.useContext(nr)}var Dp=typeof Symbol=="function"&&Symbol.for,eo=Dp?Symbol.for("mui.nested"):"__THEME_NESTED__";function Op(e,t){return typeof t=="function"?t(e):{...e,...t}}function Bp(e){let{children:t,theme:o}=e,r=vt(),n=I__namespace.useMemo(()=>{let i=r===null?{...o}:Op(r,o);return i!=null&&(i[eo]=r!==null),i},[o,r]);return jsxRuntime.jsx(nr.Provider,{value:n,children:t})}var to=Bp;var Lp=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];function ir(e={}){let{disableGlobal:t=false,productionPrefix:o="jss",seed:r=""}=e,n=r===""?"":`${r}-`,i=0,s=()=>(i+=1,i);return (a,l)=>{let c=l.options.name;if(c&&c.startsWith("Mui")&&!l.options.link&&!t){if(Lp.includes(a.key))return `Mui-${a.key}`;let u=`${n}${c}-${a.key}`;return !l.options.theme[eo]||r!==""?u:`${u}-${s()}`}return `${n}${o}${s()}`}}function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r]);}return e},N.apply(null,arguments)}var ta=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Np=(typeof window>"u"?"undefined":ta(window))==="object"&&(typeof document>"u"?"undefined":ta(document))==="object"&&document.nodeType===9,Ze=Np;function et(e){"@babel/helpers - typeof";return et=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},et(e)}function oa(e,t){if(et(e)!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var r=o.call(e,t);if(et(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return (String)(e)}function ra(e){var t=oa(e,"string");return et(t)=="symbol"?t:t+""}function na(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||false,r.configurable=true,"value"in r&&(r.writable=true),Object.defineProperty(e,ra(r.key),r);}}function kn(e,t,o){return t&&na(e.prototype,t),Object.defineProperty(e,"prototype",{writable:false}),e}function sr(e,t){return sr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,r){return o.__proto__=r,o},sr(e,t)}function Dn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,sr(e,t);}function En(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ia(e,t){if(e==null)return {};var o={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;o[r]=e[r];}return o}var Fp={}.constructor;function Ln(e){if(e==null||typeof e!="object")return e;if(Array.isArray(e))return e.map(Ln);if(e.constructor!==Fp)return e;var t={};for(var o in e)t[o]=Ln(e[o]);return t}function ar(e,t,o){e===void 0&&(e="unnamed");var r=o.jss,n=Ln(t),i=r.plugins.onCreateRule(e,n,o);return i||(e[0],null)}var sa=function(t,o){for(var r="",n=0;n<t.length&&t[n]!=="!important";n++)r&&(r+=o),r+=t[n];return r},Be=function(t){if(!Array.isArray(t))return t;var o="";if(Array.isArray(t[0]))for(var r=0;r<t.length&&t[r]!=="!important";r++)o&&(o+=", "),o+=sa(t[r]," ");else o=sa(t,", ");return t[t.length-1]==="!important"&&(o+=" !important"),o};function bt(e){return e&&e.format===false?{linebreak:"",space:""}:{linebreak:`
 `,space:" "}}function oo(e,t){for(var o="",r=0;r<t;r++)o+="  ";return o+e}function no(e,t,o){o===void 0&&(o={});var r="";if(!t)return r;var n=o,i=n.indent,s=i===void 0?0:i,a=t.fallbacks;o.format===false&&(s=-1/0);var l=bt(o),c=l.linebreak,p=l.space;if(e&&s++,a)if(Array.isArray(a))for(var u=0;u<a.length;u++){var f=a[u];for(var d in f){var m=f[d];m!=null&&(r&&(r+=c),r+=oo(d+":"+p+Be(m)+";",s));}}else for(var h in a){var S=a[h];S!=null&&(r&&(r+=c),r+=oo(h+":"+p+Be(S)+";",s));}for(var b in t){var x=t[b];x!=null&&b!=="fallbacks"&&(r&&(r+=c),r+=oo(b+":"+p+Be(x)+";",s));}return !r&&!o.allowEmpty||!e?r:(s--,r&&(r=""+c+r+c),oo(""+e+p+"{"+r,s)+oo("}",s))}var _p=/([[\].#*$><+~=|^:(),"'`\s])/g,aa=typeof CSS<"u"&&CSS.escape,Hn=(function(e){return aa?aa(e):e.replace(_p,"\\$1")}),ha=(function(){function e(o,r,n){this.type="style",this.isProcessed=false;var i=n.sheet,s=n.Renderer;this.key=o,this.options=n,this.style=r,i?this.renderer=i.renderer:s&&(this.renderer=new s);}var t=e.prototype;return t.prop=function(r,n,i){if(n===void 0)return this.style[r];var s=i?i.force:false;if(!s&&this.style[r]===n)return this;var a=n;(!i||i.process!==false)&&(a=this.options.jss.plugins.onChangeValue(n,r,this));var l=a==null||a===false,c=r in this.style;if(l&&!c&&!s)return this;var p=l&&c;if(p?delete this.style[r]:this.style[r]=a,this.renderable&&this.renderer)return p?this.renderer.removeProperty(this.renderable,r):this.renderer.setProperty(this.renderable,r,a),this;var u=this.options.sheet;return u&&u.attached,this},e})(),Nn=(function(e){Dn(t,e);function t(r,n,i){var s;s=e.call(this,r,n,i)||this;var a=i.selector,l=i.scoped,c=i.sheet,p=i.generateId;return a?s.selectorText=a:l!==false&&(s.id=p(En(En(s)),c),s.selectorText="."+Hn(s.id)),s}var o=t.prototype;return o.applyTo=function(n){var i=this.renderer;if(i){var s=this.toJSON();for(var a in s)i.setProperty(n,a,s[a]);}return this},o.toJSON=function(){var n={};for(var i in this.style){var s=this.style[i];typeof s!="object"?n[i]=s:Array.isArray(s)&&(n[i]=Be(s));}return n},o.toString=function(n){var i=this.options.sheet,s=i?i.options.link:false,a=s?N({},n,{allowEmpty:true}):n;return no(this.selectorText,this.style,a)},kn(t,[{key:"selector",set:function(n){if(n!==this.selectorText){this.selectorText=n;var i=this.renderer,s=this.renderable;if(!(!s||!i)){var a=i.setSelector(s,n);a||i.replaceRule(s,this);}}},get:function(){return this.selectorText}}]),t})(ha),zp={onCreateRule:function(t,o,r){return t[0]==="@"||r.parent&&r.parent.type==="keyframes"?null:new Nn(t,o,r)}},On={indent:1,children:true},Rp=/@([\w-]+)/,Hp=(function(){function e(o,r,n){this.type="conditional",this.isProcessed=false,this.key=o;var i=o.match(Rp);this.at=i?i[1]:"unknown",this.query=n.name||"@"+this.at,this.options=n,this.rules=new io(N({},n,{parent:this}));for(var s in r)this.rules.add(s,r[s]);this.rules.process();}var t=e.prototype;return t.getRule=function(r){return this.rules.get(r)},t.indexOf=function(r){return this.rules.indexOf(r)},t.addRule=function(r,n,i){var s=this.rules.add(r,n,i);return s?(this.options.jss.plugins.onProcessRule(s),s):null},t.replaceRule=function(r,n,i){var s=this.rules.replace(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.toString=function(r){r===void 0&&(r=On);var n=bt(r),i=n.linebreak;if(r.indent==null&&(r.indent=On.indent),r.children==null&&(r.children=On.children),r.children===false)return this.query+" {}";var s=this.rules.toString(r);return s?this.query+" {"+i+s+i+"}":""},e})(),Vp=/@container|@media|@supports\s+/,Kp={onCreateRule:function(t,o,r){return Vp.test(t)?new Hp(t,o,r):null}},Bn={indent:1,children:true},Wp=/@keyframes\s+([\w-]+)/,Fn=(function(){function e(o,r,n){this.type="keyframes",this.at="@keyframes",this.isProcessed=false;var i=o.match(Wp);i&&i[1]?this.name=i[1]:this.name="noname",this.key=this.type+"-"+this.name,this.options=n;var s=n.scoped,a=n.sheet,l=n.generateId;this.id=s===false?this.name:Hn(l(this,a)),this.rules=new io(N({},n,{parent:this}));for(var c in r)this.rules.add(c,r[c],N({},n,{parent:this}));this.rules.process();}var t=e.prototype;return t.toString=function(r){r===void 0&&(r=Bn);var n=bt(r),i=n.linebreak;if(r.indent==null&&(r.indent=Bn.indent),r.children==null&&(r.children=Bn.children),r.children===false)return this.at+" "+this.id+" {}";var s=this.rules.toString(r);return s&&(s=""+i+s+i),this.at+" "+this.id+" {"+s+"}"},e})(),Gp=/@keyframes\s+/,Up=/\$([\w-]+)/g,_n=function(t,o){return typeof t=="string"?t.replace(Up,function(r,n){return n in o?o[n]:r}):t},la=function(t,o,r){var n=t[o],i=_n(n,r);i!==n&&(t[o]=i);},jp={onCreateRule:function(t,o,r){return typeof t=="string"&&Gp.test(t)?new Fn(t,o,r):null},onProcessStyle:function(t,o,r){return o.type!=="style"||!r||("animation-name"in t&&la(t,"animation-name",r.keyframes),"animation"in t&&la(t,"animation",r.keyframes)),t},onChangeValue:function(t,o,r){var n=r.options.sheet;if(!n)return t;switch(o){case "animation":return _n(t,n.keyframes);case "animation-name":return _n(t,n.keyframes);default:return t}}},$p=(function(e){Dn(t,e);function t(){return e.apply(this,arguments)||this}var o=t.prototype;return o.toString=function(n){var i=this.options.sheet,s=i?i.options.link:false,a=s?N({},n,{allowEmpty:true}):n;return no(this.key,this.style,a)},t})(ha),qp={onCreateRule:function(t,o,r){return r.parent&&r.parent.type==="keyframes"?new $p(t,o,r):null}},Xp=(function(){function e(o,r,n){this.type="font-face",this.at="@font-face",this.isProcessed=false,this.key=o,this.style=r,this.options=n;}var t=e.prototype;return t.toString=function(r){var n=bt(r),i=n.linebreak;if(Array.isArray(this.style)){for(var s="",a=0;a<this.style.length;a++)s+=no(this.at,this.style[a]),this.style[a+1]&&(s+=i);return s}return no(this.at,this.style,r)},e})(),Yp=/@font-face/,Jp={onCreateRule:function(t,o,r){return Yp.test(t)?new Xp(t,o,r):null}},Qp=(function(){function e(o,r,n){this.type="viewport",this.at="@viewport",this.isProcessed=false,this.key=o,this.style=r,this.options=n;}var t=e.prototype;return t.toString=function(r){return no(this.key,this.style,r)},e})(),Zp={onCreateRule:function(t,o,r){return t==="@viewport"||t==="@-ms-viewport"?new Qp(t,o,r):null}},ef=(function(){function e(o,r,n){this.type="simple",this.isProcessed=false,this.key=o,this.value=r,this.options=n;}var t=e.prototype;return t.toString=function(r){if(Array.isArray(this.value)){for(var n="",i=0;i<this.value.length;i++)n+=this.key+" "+this.value[i]+";",this.value[i+1]&&(n+=`
 `);return n}return this.key+" "+this.value+";"},e})(),tf={"@charset":true,"@import":true,"@namespace":true},of={onCreateRule:function(t,o,r){return t in tf?new ef(t,o,r):null}},ca=[zp,Kp,jp,qp,Jp,Zp,of],rf={process:true},ua={force:true,process:true},io=(function(){function e(o){this.map={},this.raw={},this.index=[],this.counter=0,this.options=o,this.classes=o.classes,this.keyframes=o.keyframes;}var t=e.prototype;return t.add=function(r,n,i){var s=this.options,a=s.parent,l=s.sheet,c=s.jss,p=s.Renderer,u=s.generateId,f=s.scoped,d=N({classes:this.classes,parent:a,sheet:l,jss:c,Renderer:p,generateId:u,scoped:f,name:r,keyframes:this.keyframes,selector:void 0},i),m=r;r in this.raw&&(m=r+"-d"+this.counter++),this.raw[m]=n,m in this.classes&&(d.selector="."+Hn(this.classes[m]));var h=ar(m,n,d);if(!h)return null;this.register(h);var S=d.index===void 0?this.index.length:d.index;return this.index.splice(S,0,h),h},t.replace=function(r,n,i){var s=this.get(r),a=this.index.indexOf(s);s&&this.remove(s);var l=i;return a!==-1&&(l=N({},i,{index:a})),this.add(r,n,l)},t.get=function(r){return this.map[r]},t.remove=function(r){this.unregister(r),delete this.raw[r.key],this.index.splice(this.index.indexOf(r),1);},t.indexOf=function(r){return this.index.indexOf(r)},t.process=function(){var r=this.options.jss.plugins;this.index.slice(0).forEach(r.onProcessRule,r);},t.register=function(r){this.map[r.key]=r,r instanceof Nn?(this.map[r.selector]=r,r.id&&(this.classes[r.key]=r.id)):r instanceof Fn&&this.keyframes&&(this.keyframes[r.name]=r.id);},t.unregister=function(r){delete this.map[r.key],r instanceof Nn?(delete this.map[r.selector],delete this.classes[r.key]):r instanceof Fn&&delete this.keyframes[r.name];},t.update=function(){var r,n,i;if(typeof(arguments.length<=0?void 0:arguments[0])=="string"?(r=arguments.length<=0?void 0:arguments[0],n=arguments.length<=1?void 0:arguments[1],i=arguments.length<=2?void 0:arguments[2]):(n=arguments.length<=0?void 0:arguments[0],i=arguments.length<=1?void 0:arguments[1],r=null),r)this.updateOne(this.get(r),n,i);else for(var s=0;s<this.index.length;s++)this.updateOne(this.index[s],n,i);},t.updateOne=function(r,n,i){i===void 0&&(i=rf);var s=this.options,a=s.jss.plugins,l=s.sheet;if(r.rules instanceof e){r.rules.update(n,i);return}var c=r.style;if(a.onUpdate(n,r,l,i),i.process&&c&&c!==r.style){a.onProcessStyle(r.style,r,l);for(var p in r.style){var u=r.style[p],f=c[p];u!==f&&r.prop(p,u,ua);}for(var d in c){var m=r.style[d],h=c[d];m==null&&m!==h&&r.prop(d,null,ua);}}},t.toString=function(r){for(var n="",i=this.options.sheet,s=i?i.options.link:false,a=bt(r),l=a.linebreak,c=0;c<this.index.length;c++){var p=this.index[c],u=p.toString(r);!u&&!s||(n&&(n+=l),n+=u);}return n},e})(),ga=(function(){function e(o,r){this.attached=false,this.deployed=false,this.classes={},this.keyframes={},this.options=N({},r,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes}),r.Renderer&&(this.renderer=new r.Renderer(this)),this.rules=new io(this.options);for(var n in o)this.rules.add(n,o[n]);this.rules.process();}var t=e.prototype;return t.attach=function(){return this.attached?this:(this.renderer&&this.renderer.attach(),this.attached=true,this.deployed||this.deploy(),this)},t.detach=function(){return this.attached?(this.renderer&&this.renderer.detach(),this.attached=false,this):this},t.addRule=function(r,n,i){var s=this.queue;this.attached&&!s&&(this.queue=[]);var a=this.rules.add(r,n,i);return a?(this.options.jss.plugins.onProcessRule(a),this.attached?(this.deployed&&(s?s.push(a):(this.insertRule(a),this.queue&&(this.queue.forEach(this.insertRule,this),this.queue=void 0))),a):(this.deployed=false,a)):null},t.replaceRule=function(r,n,i){var s=this.rules.get(r);if(!s)return this.addRule(r,n,i);var a=this.rules.replace(r,n,i);return a&&this.options.jss.plugins.onProcessRule(a),this.attached?(this.deployed&&this.renderer&&(a?s.renderable&&this.renderer.replaceRule(s.renderable,a):this.renderer.deleteRule(s)),a):(this.deployed=false,a)},t.insertRule=function(r){this.renderer&&this.renderer.insertRule(r);},t.addRules=function(r,n){var i=[];for(var s in r){var a=this.addRule(s,r[s],n);a&&i.push(a);}return i},t.getRule=function(r){return this.rules.get(r)},t.deleteRule=function(r){var n=typeof r=="object"?r:this.rules.get(r);return !n||this.attached&&!n.renderable?false:(this.rules.remove(n),this.attached&&n.renderable&&this.renderer?this.renderer.deleteRule(n.renderable):true)},t.indexOf=function(r){return this.rules.indexOf(r)},t.deploy=function(){return this.renderer&&this.renderer.deploy(),this.deployed=true,this},t.update=function(){var r;return (r=this.rules).update.apply(r,arguments),this},t.updateOne=function(r,n,i){return this.rules.updateOne(r,n,i),this},t.toString=function(r){return this.rules.toString(r)},e})(),nf=(function(){function e(){this.plugins={internal:[],external:[]},this.registry={};}var t=e.prototype;return t.onCreateRule=function(r,n,i){for(var s=0;s<this.registry.onCreateRule.length;s++){var a=this.registry.onCreateRule[s](r,n,i);if(a)return a}return null},t.onProcessRule=function(r){if(!r.isProcessed){for(var n=r.options.sheet,i=0;i<this.registry.onProcessRule.length;i++)this.registry.onProcessRule[i](r,n);r.style&&this.onProcessStyle(r.style,r,n),r.isProcessed=true;}},t.onProcessStyle=function(r,n,i){for(var s=0;s<this.registry.onProcessStyle.length;s++)n.style=this.registry.onProcessStyle[s](n.style,n,i);},t.onProcessSheet=function(r){for(var n=0;n<this.registry.onProcessSheet.length;n++)this.registry.onProcessSheet[n](r);},t.onUpdate=function(r,n,i,s){for(var a=0;a<this.registry.onUpdate.length;a++)this.registry.onUpdate[a](r,n,i,s);},t.onChangeValue=function(r,n,i){for(var s=r,a=0;a<this.registry.onChangeValue.length;a++)s=this.registry.onChangeValue[a](s,n,i);return s},t.use=function(r,n){n===void 0&&(n={queue:"external"});var i=this.plugins[n.queue];i.indexOf(r)===-1&&(i.push(r),this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce(function(s,a){for(var l in a)l in s&&s[l].push(a[l]);return s},{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]}));},e})(),sf=(function(){function e(){this.registry=[];}var t=e.prototype;return t.add=function(r){var n=this.registry,i=r.options.index;if(n.indexOf(r)===-1){if(n.length===0||i>=this.index){n.push(r);return}for(var s=0;s<n.length;s++)if(n[s].options.index>i){n.splice(s,0,r);return}}},t.reset=function(){this.registry=[];},t.remove=function(r){var n=this.registry.indexOf(r);this.registry.splice(n,1);},t.toString=function(r){for(var n=r===void 0?{}:r,i=n.attached,s=ia(n,["attached"]),a=bt(s),l=a.linebreak,c="",p=0;p<this.registry.length;p++){var u=this.registry[p];i!=null&&u.attached!==i||(c&&(c+=l),c+=u.toString(s));}return c},kn(e,[{key:"index",get:function(){return this.registry.length===0?0:this.registry[this.registry.length-1].options.index}}]),e})(),ro=new sf,zn=typeof globalThis<"u"?globalThis:typeof window<"u"&&window.Math===Math?window:typeof self<"u"&&self.Math===Math?self:Function("return this")(),Rn="2f1acc6c3a606b082e5eef5e54414ffb";zn[Rn]==null&&(zn[Rn]=0);var pa=zn[Rn]++,fa=function(t){t===void 0&&(t={});var o=0,r=function(i,s){o+=1;var a="",l="";return s&&(s.options.classNamePrefix&&(l=s.options.classNamePrefix),s.options.jss.id!=null&&(a=String(s.options.jss.id))),t.minify?""+(l||"c")+pa+a+o:l+i.key+"-"+pa+(a?"-"+a:"")+"-"+o};return r},Sa=function(t){var o;return function(){return o||(o=t()),o}},lf=function(t,o){try{return t.attributeStyleMap?t.attributeStyleMap.get(o):t.style.getPropertyValue(o)}catch{return ""}},cf=function(t,o,r){try{var n=r;if(Array.isArray(r)&&(n=Be(r)),t.attributeStyleMap)t.attributeStyleMap.set(o,n);else {var i=n?n.indexOf("!important"):-1,s=i>-1?n.substr(0,i-1):n;t.style.setProperty(o,s,i>-1?"important":"");}}catch{return  false}return  true},uf=function(t,o){try{t.attributeStyleMap?t.attributeStyleMap.delete(o):t.style.removeProperty(o);}catch{}},pf=function(t,o){return t.selectorText=o,t.selectorText===o},ya=Sa(function(){return document.querySelector("head")});function ff(e,t){for(var o=0;o<e.length;o++){var r=e[o];if(r.attached&&r.options.index>t.index&&r.options.insertionPoint===t.insertionPoint)return r}return null}function df(e,t){for(var o=e.length-1;o>=0;o--){var r=e[o];if(r.attached&&r.options.insertionPoint===t.insertionPoint)return r}return null}function mf(e){for(var t=ya(),o=0;o<t.childNodes.length;o++){var r=t.childNodes[o];if(r.nodeType===8&&r.nodeValue.trim()===e)return r}return null}function hf(e){var t=ro.registry;if(t.length>0){var o=ff(t,e);if(o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element};if(o=df(t,e),o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element.nextSibling}}var r=e.insertionPoint;if(r&&typeof r=="string"){var n=mf(r);if(n)return {parent:n.parentNode,node:n.nextSibling}}return  false}function gf(e,t){var o=t.insertionPoint,r=hf(t);if(r!==false&&r.parent){r.parent.insertBefore(e,r.node);return}if(o&&typeof o.nodeType=="number"){var n=o,i=n.parentNode;i&&i.insertBefore(e,n.nextSibling);return}ya().appendChild(e);}var Sf=Sa(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),da=function(t,o,r){try{"insertRule"in t?t.insertRule(o,r):"appendRule"in t&&t.appendRule(o);}catch{return  false}return t.cssRules[r]},ma=function(t,o){var r=t.cssRules.length;return o===void 0||o>r?r:o},yf=function(){var t=document.createElement("style");return t.textContent=`
 `,t},vf=(function(){function e(o){this.getPropertyValue=lf,this.setProperty=cf,this.removeProperty=uf,this.setSelector=pf,this.hasInsertedRules=false,this.cssRules=[],o&&ro.add(o),this.sheet=o;var r=this.sheet?this.sheet.options:{},n=r.media,i=r.meta,s=r.element;this.element=s||yf(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),i&&this.element.setAttribute("data-meta",i);var a=Sf();a&&this.element.setAttribute("nonce",a);}var t=e.prototype;return t.attach=function(){if(!(this.element.parentNode||!this.sheet)){gf(this.element,this.sheet.options);var r=!!(this.sheet&&this.sheet.deployed);this.hasInsertedRules&&r&&(this.hasInsertedRules=false,this.deploy());}},t.detach=function(){if(this.sheet){var r=this.element.parentNode;r&&r.removeChild(this.element),this.sheet.options.link&&(this.cssRules=[],this.element.textContent=`
 `);}},t.deploy=function(){var r=this.sheet;if(r){if(r.options.link){this.insertRules(r.rules);return}this.element.textContent=`
 `+r.toString()+`
 `;}},t.insertRules=function(r,n){for(var i=0;i<r.index.length;i++)this.insertRule(r.index[i],i,n);},t.insertRule=function(r,n,i){if(i===void 0&&(i=this.element.sheet),r.rules){var s=r,a=i;if(r.type==="conditional"||r.type==="keyframes"){var l=ma(i,n);if(a=da(i,s.toString({children:false}),l),a===false)return  false;this.refCssRule(r,l,a);}return this.insertRules(s.rules,a),a}var c=r.toString();if(!c)return  false;var p=ma(i,n),u=da(i,c,p);return u===false?false:(this.hasInsertedRules=true,this.refCssRule(r,p,u),u)},t.refCssRule=function(r,n,i){r.renderable=i,r.options.parent instanceof ga&&this.cssRules.splice(n,0,i);},t.deleteRule=function(r){var n=this.element.sheet,i=this.indexOf(r);return i===-1?false:(n.deleteRule(i),this.cssRules.splice(i,1),true)},t.indexOf=function(r){return this.cssRules.indexOf(r)},t.replaceRule=function(r,n){var i=this.indexOf(r);return i===-1?false:(this.element.sheet.deleteRule(i),this.cssRules.splice(i,1),this.insertRule(n,i))},t.getRules=function(){return this.element.sheet.cssRules},e})(),bf=0,wf=(function(){function e(o){this.id=bf++,this.version="10.10.0",this.plugins=new nf,this.options={id:{minify:false},createGenerateId:fa,Renderer:Ze?vf:null,plugins:[]},this.generateId=fa({minify:false});for(var r=0;r<ca.length;r++)this.plugins.use(ca[r],{queue:"internal"});this.setup(o);}var t=e.prototype;return t.setup=function(r){return r===void 0&&(r={}),r.createGenerateId&&(this.options.createGenerateId=r.createGenerateId),r.id&&(this.options.id=N({},this.options.id,r.id)),(r.createGenerateId||r.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),r.insertionPoint!=null&&(this.options.insertionPoint=r.insertionPoint),"Renderer"in r&&(this.options.Renderer=r.Renderer),r.plugins&&this.use.apply(this,r.plugins),this},t.createStyleSheet=function(r,n){n===void 0&&(n={});var i=n,s=i.index;typeof s!="number"&&(s=ro.index===0?0:ro.index+1);var a=new ga(r,N({},n,{jss:this,generateId:n.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:s}));return this.plugins.onProcessSheet(a),a},t.removeStyleSheet=function(r){return r.detach(),ro.remove(r),this},t.createRule=function(r,n,i){if(n===void 0&&(n={}),i===void 0&&(i={}),typeof r=="object")return this.createRule(void 0,r,n);var s=N({},i,{name:r,jss:this,Renderer:this.options.Renderer});s.generateId||(s.generateId=this.generateId),s.classes||(s.classes={}),s.keyframes||(s.keyframes={});var a=ar(r,n,s);return a&&this.plugins.onProcessRule(a),a},t.use=function(){for(var r=this,n=arguments.length,i=new Array(n),s=0;s<n;s++)i[s]=arguments[s];return i.forEach(function(a){r.plugins.use(a);}),this},e})(),Vn=function(t){return new wf(t)};var lr=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function Kn(e){var t=null;for(var o in e){var r=e[o],n=typeof r;if(n==="function")t||(t={}),t[o]=r;else if(n==="object"&&r!==null&&!Array.isArray(r)){var i=Kn(r);i&&(t||(t={}),t[o]=i);}}return t}Vn();var va=Date.now(),Wn="fnValues"+va,Gn="fnStyle"+ ++va,xf=function(){return {onCreateRule:function(o,r,n){if(typeof r!="function")return null;var i=ar(o,{},n);return i[Gn]=r,i},onProcessStyle:function(o,r){if(Wn in r||Gn in r)return o;var n={};for(var i in o){var s=o[i];typeof s=="function"&&(delete o[i],n[i]=s);}return r[Wn]=n,o},onUpdate:function(o,r,n,i){var s=r,a=s[Gn];if(a&&(s.style=a(o)||{},0));var c=s[Wn];if(c)for(var p in c)s.prop(p,c[p](o),i);}}},ba=xf;var Le="@global",Un="@global ",Af=(function(){function e(o,r,n){this.type="global",this.at=Le,this.isProcessed=false,this.key=o,this.options=n,this.rules=new io(N({},n,{parent:this}));for(var i in r)this.rules.add(i,r[i]);this.rules.process();}var t=e.prototype;return t.getRule=function(r){return this.rules.get(r)},t.addRule=function(r,n,i){var s=this.rules.add(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.replaceRule=function(r,n,i){var s=this.rules.replace(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.indexOf=function(r){return this.rules.indexOf(r)},t.toString=function(r){return this.rules.toString(r)},e})(),Tf=(function(){function e(o,r,n){this.type="global",this.at=Le,this.isProcessed=false,this.key=o,this.options=n;var i=o.substr(Un.length);this.rule=n.jss.createRule(i,r,N({},n,{parent:this}));}var t=e.prototype;return t.toString=function(r){return this.rule?this.rule.toString(r):""},e})(),Pf=/\s*,\s*/g;function wa(e,t){for(var o=e.split(Pf),r="",n=0;n<o.length;n++)r+=t+" "+o[n].trim(),o[n+1]&&(r+=", ");return r}function Cf(e,t){var o=e.options,r=e.style,n=r?r[Le]:null;if(n){for(var i in n)t.addRule(i,n[i],N({},o,{selector:wa(i,e.selector)}));delete r[Le];}}function Mf(e,t){var o=e.options,r=e.style;for(var n in r)if(!(n[0]!=="@"||n.substr(0,Le.length)!==Le)){var i=wa(n.substr(Le.length),e.selector);t.addRule(i,r[n],N({},o,{selector:i})),delete r[n];}}function If(){function e(o,r,n){if(!o)return null;if(o===Le)return new Af(o,r,n);if(o[0]==="@"&&o.substr(0,Un.length)===Un)return new Tf(o,r,n);var i=n.parent;return i&&(i.type==="global"||i.options.parent&&i.options.parent.type==="global")&&(n.scoped=false),!n.selector&&n.scoped===false&&(n.selector=o),null}function t(o,r){o.type!=="style"||!r||(Cf(o,r),Mf(o,r));}return {onCreateRule:e,onProcessRule:t}}var xa=If;var Aa=/\s*,\s*/g,kf=/&/g,Df=/\$([\w-]+)/g;function Ef(){function e(n,i){return function(s,a){var l=n.getRule(a)||i&&i.getRule(a);return l?l.selector:a}}function t(n,i){for(var s=i.split(Aa),a=n.split(Aa),l="",c=0;c<s.length;c++)for(var p=s[c],u=0;u<a.length;u++){var f=a[u];l&&(l+=", "),l+=f.indexOf("&")!==-1?f.replace(kf,p):p+" "+f;}return l}function o(n,i,s){if(s)return N({},s,{index:s.index+1});var a=n.options.nestingLevel;a=a===void 0?1:a+1;var l=N({},n.options,{nestingLevel:a,index:i.indexOf(n)+1});return delete l.name,l}function r(n,i,s){if(i.type!=="style")return n;var a=i,l=a.options.parent,c,p;for(var u in n){var f=u.indexOf("&")!==-1,d=u[0]==="@";if(!(!f&&!d)){if(c=o(a,l,c),f){var m=t(u,a.selector);p||(p=e(l,s)),m=m.replace(Df,p);var h=a.key+"-"+u;"replaceRule"in l?l.replaceRule(h,n[u],N({},c,{selector:m})):l.addRule(h,n[u],N({},c,{selector:m}));}else d&&l.addRule(u,{},c).addRule(a.key,n[u],{selector:a.selector});delete n[u];}}return n}return {onProcessStyle:r}}var Ta=Ef;var Of=/[A-Z]/g,Bf=/^ms-/,jn={};function Lf(e){return "-"+e.toLowerCase()}function Nf(e){if(jn.hasOwnProperty(e))return jn[e];var t=e.replace(Of,Lf);return jn[e]=Bf.test(t)?"-"+t:t}var $n=Nf;function cr(e){var t={};for(var o in e){var r=o.indexOf("--")===0?o:$n(o);t[r]=e[o];}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(cr):t.fallbacks=cr(e.fallbacks)),t}function Ff(){function e(o){if(Array.isArray(o)){for(var r=0;r<o.length;r++)o[r]=cr(o[r]);return o}return cr(o)}function t(o,r,n){if(r.indexOf("--")===0)return o;var i=$n(r);return r===i?o:(n.prop(i,o),null)}return {onProcessStyle:e,onChangeValue:t}}var Pa=Ff;var g=lr&&CSS?CSS.px:"px",ur=lr&&CSS?CSS.ms:"ms",wt=lr&&CSS?CSS.percent:"%",_f={"animation-delay":ur,"animation-duration":ur,"background-position":g,"background-position-x":g,"background-position-y":g,"background-size":g,border:g,"border-bottom":g,"border-bottom-left-radius":g,"border-bottom-right-radius":g,"border-bottom-width":g,"border-left":g,"border-left-width":g,"border-radius":g,"border-right":g,"border-right-width":g,"border-top":g,"border-top-left-radius":g,"border-top-right-radius":g,"border-top-width":g,"border-width":g,"border-block":g,"border-block-end":g,"border-block-end-width":g,"border-block-start":g,"border-block-start-width":g,"border-block-width":g,"border-inline":g,"border-inline-end":g,"border-inline-end-width":g,"border-inline-start":g,"border-inline-start-width":g,"border-inline-width":g,"border-start-start-radius":g,"border-start-end-radius":g,"border-end-start-radius":g,"border-end-end-radius":g,margin:g,"margin-bottom":g,"margin-left":g,"margin-right":g,"margin-top":g,"margin-block":g,"margin-block-end":g,"margin-block-start":g,"margin-inline":g,"margin-inline-end":g,"margin-inline-start":g,padding:g,"padding-bottom":g,"padding-left":g,"padding-right":g,"padding-top":g,"padding-block":g,"padding-block-end":g,"padding-block-start":g,"padding-inline":g,"padding-inline-end":g,"padding-inline-start":g,"mask-position-x":g,"mask-position-y":g,"mask-size":g,height:g,width:g,"min-height":g,"max-height":g,"min-width":g,"max-width":g,bottom:g,left:g,top:g,right:g,inset:g,"inset-block":g,"inset-block-end":g,"inset-block-start":g,"inset-inline":g,"inset-inline-end":g,"inset-inline-start":g,"box-shadow":g,"text-shadow":g,"column-gap":g,"column-rule":g,"column-rule-width":g,"column-width":g,"font-size":g,"font-size-delta":g,"letter-spacing":g,"text-decoration-thickness":g,"text-indent":g,"text-stroke":g,"text-stroke-width":g,"word-spacing":g,motion:g,"motion-offset":g,outline:g,"outline-offset":g,"outline-width":g,perspective:g,"perspective-origin-x":wt,"perspective-origin-y":wt,"transform-origin":wt,"transform-origin-x":wt,"transform-origin-y":wt,"transform-origin-z":wt,"transition-delay":ur,"transition-duration":ur,"vertical-align":g,"flex-basis":g,"shape-margin":g,size:g,gap:g,grid:g,"grid-gap":g,"row-gap":g,"grid-row-gap":g,"grid-column-gap":g,"grid-template-rows":g,"grid-template-columns":g,"grid-auto-rows":g,"grid-auto-columns":g,"box-shadow-x":g,"box-shadow-y":g,"box-shadow-blur":g,"box-shadow-spread":g,"font-line-height":g,"text-shadow-x":g,"text-shadow-y":g,"text-shadow-blur":g};function Ca(e){var t=/(-[a-z])/g,o=function(s){return s[1].toUpperCase()},r={};for(var n in e)r[n]=e[n],r[n.replace(t,o)]=e[n];return r}var zf=Ca(_f);function so(e,t,o){if(t==null)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=so(e,t[r],o);else if(typeof t=="object")if(e==="fallbacks")for(var n in t)t[n]=so(n,t[n],o);else for(var i in t)t[i]=so(e+"-"+i,t[i],o);else if(typeof t=="number"&&isNaN(t)===false){var s=o[e]||zf[e];return s&&!(t===0&&s===g)?typeof s=="function"?s(t).toString():""+t+s:t.toString()}return t}function Rf(e){e===void 0&&(e={});var t=Ca(e);function o(n,i){if(i.type!=="style")return n;for(var s in n)n[s]=so(s,n[s],t);return n}function r(n,i){return so(i,n,t)}return {onProcessStyle:o,onChangeValue:r}}var Ma=Rf;function ao(e,t){(t==null||t>e.length)&&(t=e.length);for(var o=0,r=Array(t);o<t;o++)r[o]=e[o];return r}function Ia(e){if(Array.isArray(e))return ao(e)}function ka(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Da(e,t){if(e){if(typeof e=="string")return ao(e,t);var o={}.toString.call(e).slice(8,-1);return o==="Object"&&e.constructor&&(o=e.constructor.name),o==="Map"||o==="Set"?Array.from(e):o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?ao(e,t):void 0}}function Ea(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Oa(e){return Ia(e)||ka(e)||Da(e)||Ea()}var lo="",qn="",Fa="",_a="",Hf=Ze&&"ontouchstart"in document.documentElement;if(Ze){pr={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ba=document.createElement("p"),fr=Ba.style,La="Transform";for(dr in pr)if(dr+La in fr){lo=dr,qn=pr[dr];break}lo==="Webkit"&&"msHyphens"in fr&&(lo="ms",qn=pr.ms,_a="edge"),lo==="Webkit"&&"-apple-trailing-word"in fr&&(Fa="apple");}var pr,Ba,fr,La,dr,P={js:lo,css:qn,vendor:Fa,browser:_a,isTouch:Hf};function za(e){return e[1]==="-"||P.js==="ms"?e:"@"+P.css+"keyframes"+e.substr(10)}var Vf={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?false:P.js==="ms"?"-webkit-"+t:P.css+t}},Kf={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?false:P.js==="Webkit"?P.css+"print-"+t:t}},Wf=/[-\s]+(.)?/g;function Gf(e,t){return t?t.toUpperCase():""}function Xn(e){return e.replace(Wf,Gf)}function Fe(e){return Xn("-"+e)}var Uf={noPrefill:["mask"],supportedProperty:function(t,o){if(!/^mask/.test(t))return  false;if(P.js==="Webkit"){var r="mask-image";if(Xn(r)in o)return t;if(P.js+Fe(r)in o)return P.css+t}return t}},jf={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?false:P.vendor==="apple"&&!P.isTouch?P.css+t:t}},$f={noPrefill:["transform"],supportedProperty:function(t,o,r){return t!=="transform"?false:r.transform?t:P.css+t}},qf={noPrefill:["transition"],supportedProperty:function(t,o,r){return t!=="transition"?false:r.transition?t:P.css+t}},Xf={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?false:P.js==="Webkit"||P.js==="ms"&&P.browser!=="edge"?P.css+t:t}},Yf={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?false:P.js==="Moz"||P.js==="ms"||P.vendor==="apple"?P.css+t:t}},Jf={supportedProperty:function(t,o){if(!/^break-/.test(t))return  false;if(P.js==="Webkit"){var r="WebkitColumn"+Fe(t);return r in o?P.css+"column-"+t:false}if(P.js==="Moz"){var n="page"+Fe(t);return n in o?"page-"+t:false}return  false}},Qf={supportedProperty:function(t,o){if(!/^(border|margin|padding)-inline/.test(t))return  false;if(P.js==="Moz")return t;var r=t.replace("-inline","");return P.js+Fe(r)in o?P.css+r:false}},Zf={supportedProperty:function(t,o){return Xn(t)in o?t:false}},ed={supportedProperty:function(t,o){var r=Fe(t);return t[0]==="-"||t[0]==="-"&&t[1]==="-"?t:P.js+r in o?P.css+t:P.js!=="Webkit"&&"Webkit"+r in o?"-webkit-"+t:false}},td={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?false:P.js==="ms"?""+P.css+t:t}},od={supportedProperty:function(t){return t!=="overscroll-behavior"?false:P.js==="ms"?P.css+"scroll-chaining":t}},rd={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},nd={supportedProperty:function(t,o){var r=rd[t];return r&&P.js+Fe(r)in o?P.css+r:false}},Ra={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},id=Object.keys(Ra),sd=function(t){return P.css+t},ad={supportedProperty:function(t,o,r){var n=r.multiple;if(id.indexOf(t)>-1){var i=Ra[t];if(!Array.isArray(i))return P.js+Fe(i)in o?P.css+i:false;if(!n)return  false;for(var s=0;s<i.length;s++)if(!(P.js+Fe(i[0])in o))return  false;return i.map(sd)}return  false}},Ha=[Vf,Kf,Uf,jf,$f,qf,Xf,Yf,Jf,Qf,Zf,ed,td,od,nd,ad],Na=Ha.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),ld=Ha.filter(function(e){return e.noPrefill}).reduce(function(e,t){return e.push.apply(e,Oa(t.noPrefill)),e},[]),co,tt={};if(Ze){co=document.createElement("p"),mr=window.getComputedStyle(document.documentElement,"");for(hr in mr)isNaN(hr)||(tt[mr[hr]]=mr[hr]);ld.forEach(function(e){return delete tt[e]});}var mr,hr;function gr(e,t){if(t===void 0&&(t={}),!co)return e;if(tt[e]!=null)return tt[e];(e==="transition"||e==="transform")&&(t[e]=e in co.style);for(var o=0;o<Na.length&&(tt[e]=Na[o](e,co.style,t),!tt[e]);o++);try{co.style[e]="";}catch{return  false}return tt[e]}var xt={},cd={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},ud=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,Ne;function pd(e,t,o){if(t==="var")return "var";if(t==="all")return "all";if(o==="all")return ", all";var r=t?gr(t):", "+gr(o);return r||t||o}Ze&&(Ne=document.createElement("p"));function Yn(e,t){var o=t;if(!Ne||e==="content")return t;if(typeof o!="string"||!isNaN(parseInt(o,10)))return o;var r=e+o;if(xt[r]!=null)return xt[r];try{Ne.style[e]=o;}catch{return xt[r]=false,false}if(cd[e])o=o.replace(ud,pd);else if(Ne.style[e]===""&&(o=P.css+o,o==="-ms-flex"&&(Ne.style[e]="-ms-flexbox"),Ne.style[e]=o,Ne.style[e]===""))return xt[r]=false,false;return Ne.style[e]="",xt[r]=o,xt[r]}function fd(){function e(n){if(n.type==="keyframes"){var i=n;i.at=za(i.at);}}function t(n){for(var i in n){var s=n[i];if(i==="fallbacks"&&Array.isArray(s)){n[i]=s.map(t);continue}var a=false,l=gr(i);l&&l!==i&&(a=true);var c=false,p=Yn(l,Be(s));p&&p!==s&&(c=true),(a||c)&&(a&&delete n[i],n[l||i]=p||s);}return n}function o(n,i){return i.type!=="style"?n:t(n)}function r(n,i){return Yn(i,Be(n))||n}return {onProcessRule:e,onProcessStyle:o,onChangeValue:r}}var Va=fd;function dd(){var e=function(o,r){return o.length===r.length?o>r?1:-1:o.length-r.length};return {onProcessStyle:function(o,r){if(r.type!=="style")return o;for(var n={},i=Object.keys(o).sort(e),s=0;s<i.length;s++)n[i[s]]=o[i[s]];return n}}}var Ka=dd;function Sr(){return {plugins:[ba(),xa(),Ta(),Pa(),Ma(),typeof window>"u"?null:Va(),Ka()]}}function uo(e={}){let{baseClasses:t,newClasses:o,Component:r}=e;if(!o)return t;let n={...t};return Object.keys(o).forEach(i=>{o[i]&&(n[i]=`${t[i]} ${o[i]}`);}),n}var md={set:(e,t,o,r)=>{let n=e.get(t);n||(n=new Map,e.set(t,n)),n.set(o,r);},get:(e,t,o)=>{let r=e.get(t);return r?r.get(o):void 0},delete:(e,t,o)=>{e.get(t).delete(o);}},ot=md;function Jn(){let e=vt();return e?.$$material??e}var hd=Vn(Sr()),gd=ir(),Sd=new Map;var yd={disableGeneration:false,generateClassName:gd,jss:hd,sheetsCache:null,sheetsManager:Sd,sheetsRegistry:null},Wa=M__namespace.createContext(yd);var Ga=-1e9;function Ua(){return Ga+=1,Ga}function ja(e){return e.length===0}function vr(e){let{variant:t,...o}=e,r=t||"";return Object.keys(o).sort().forEach(n=>{n==="color"?r+=ja(r)?e[n]:Qe(e[n]):r+=`${ja(r)?n:Qe(n)}${Qe(e[n].toString())}`;}),r}var vd={},$a=vd;function br(e){let t=typeof e=="function";return {create:(o,r)=>{let n;try{n=t?e(o):e;}catch(l){throw l}if(!r||!o.components||!o.components[r]||!o.components[r].styleOverrides&&!o.components[r].variants)return n;let i=o.components[r].styleOverrides||{},s=o.components[r].variants||[],a={...n};return Object.keys(i).forEach(l=>{a[l]=Je(a[l]||{},i[l]);}),s.forEach(l=>{let c=vr(l.props);a[c]=Je(a[c]||{},l.style);}),a},options:{}}}function bd({state:e,stylesOptions:t},o,r){if(t.disableGeneration)return o||{};e.cacheClasses||(e.cacheClasses={value:null,lastProp:null,lastJSS:{}});let n=false;return e.classes!==e.cacheClasses.lastJSS&&(e.cacheClasses.lastJSS=e.classes,n=true),o!==e.cacheClasses.lastProp&&(e.cacheClasses.lastProp=o,n=true),n&&(e.cacheClasses.value=uo({baseClasses:e.cacheClasses.lastJSS,newClasses:o,Component:r})),e.cacheClasses.value}function wd({state:e,theme:t,stylesOptions:o,stylesCreator:r,name:n},i){if(o.disableGeneration)return;let s=ot.get(o.sheetsManager,r,t);s||(s={refs:0,staticSheet:null,dynamicStyles:null},ot.set(o.sheetsManager,r,t,s));let a={...r.options,...o,theme:t,flip:typeof o.flip=="boolean"?o.flip:t.direction==="rtl"};a.generateId=a.serverGenerateClassName||a.generateClassName;let l=o.sheetsRegistry;if(s.refs===0){let c;o.sheetsCache&&(c=ot.get(o.sheetsCache,r,t));let p=r.create(t,n);c||(c=o.jss.createStyleSheet(p,{link:false,...a}),c.attach(),o.sheetsCache&&ot.set(o.sheetsCache,r,t,c)),l&&l.add(c),s.staticSheet=c,s.dynamicStyles=Kn(p);}if(s.dynamicStyles){let c=o.jss.createStyleSheet(s.dynamicStyles,{link:true,...a});c.update(i),c.attach(),e.dynamicSheet=c,e.classes=uo({baseClasses:s.staticSheet.classes,newClasses:c.classes}),l&&l.add(c);}else e.classes=s.staticSheet.classes;s.refs+=1;}function xd({state:e},t){e.dynamicSheet&&e.dynamicSheet.update(t);}function Ad({state:e,theme:t,stylesOptions:o,stylesCreator:r}){if(o.disableGeneration)return;let n=ot.get(o.sheetsManager,r,t);n.refs-=1;let i=o.sheetsRegistry;n.refs===0&&(ot.delete(o.sheetsManager,r,t),o.jss.removeStyleSheet(n.staticSheet),i&&i.remove(n.staticSheet)),e.dynamicSheet&&(o.jss.removeStyleSheet(e.dynamicSheet),i&&i.remove(e.dynamicSheet));}function Td(e,t){let o=M__namespace.useRef([]),r,n=M__namespace.useMemo(()=>({}),t);o.current!==n&&(o.current=n,r=e()),M__namespace.useEffect(()=>()=>{r&&r();},[n]);}function y(e,t={}){let{name:o,classNamePrefix:r,Component:n,defaultTheme:i=$a,...s}=t,a=br(e),l=o||r||"makeStyles";return a.options={index:Ua(),name:o,meta:l,classNamePrefix:l},(p={})=>{let u=Jn()||i,f={...M__namespace.useContext(Wa),...s},d=M__namespace.useRef(),m=M__namespace.useRef();return Td(()=>{let S={name:o,state:{},stylesCreator:a,stylesOptions:f,theme:u};return wd(S,p),m.current=false,d.current=S,()=>{Ad(S);}},[u,a]),M__namespace.useEffect(()=>{m.current&&xd(d.current,p),m.current=true;}),bd(d.current,p.classes,n)}}function D(e){return e.default??e}var Ed=D(Dd__default.default),Od=y(e=>{let{primary:t}=e.palette;return {closIcon:{zIndex:100},input:{width:"100%"},paper:{height:o=>o.height,padding:10,maxHeight:"calc(100% - 20px)",maxWidth:o=>o.width+" !important",width:o=>o.width+" !important"},title:{"& h6":{fontSize:17},color:t.main,display:"flex",justifyContent:"space-between",padding:"12px 24px"},titleActions:{marginBottom:"-10px",marginRight:"-18px",marginTop:"-8px"}}},{name:"Dialog"}),ve=({children:e,width:t="80%",height:o="auto",title:r,onClose:n,footerActions:i,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...p})=>{let u=Od({height:o,width:t}),f=i,d=a;return M__namespace.default.createElement(material.Dialog,{open:l,classes:{paper:u.paper},onClose:n,...p},(d||c||r||s)&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.DialogTitle,{className:u.title},M__namespace.default.createElement("div",null,r&&M__namespace.default.createElement(material.Typography,{variant:"h6"},r),s&&M__namespace.default.createElement(material.Typography,{variant:"body1"},s)),M__namespace.default.createElement("div",{className:u.titleActions},d&&M__namespace.default.createElement(d,null),c&&M__namespace.default.createElement(material.IconButton,{color:"primary",className:u.closIcon,onClick:n},M__namespace.default.createElement(Ed,null)))),M__namespace.default.createElement(material.Divider,null)),e,f&&M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(f,null)))};ve.displayName="Dialog";var Qn=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:r,onClose:n,width:i="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...p})=>{let u=M.useCallback(()=>{n(),c&&c();},[c,n]);return M__namespace.default.createElement(ve,{enableCloseButton:false,open:r,onClose:u,width:i,...p},M__namespace.default.createElement(Zt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});Qn.displayName="ActionDialog";var Zn=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n,negativeActionName:i,...s})=>M__namespace.default.createElement(material.Popover,{open:true,...s},M__namespace.default.createElement(Zt,{onPositiveAction:e,negativeActionName:i,title:t,onNegativeAction:o,positiveActionName:n},r)));Zn.displayName="ActionPopover";var Rd=y(()=>({root:{color:"red",overflow:"auto",padding:16,whiteSpace:"pre-wrap",width:"100%"}}),{name:"ErrorPanel"}),ei=M.memo(e=>{let{message:t}=e,o=Rd();return M__namespace.default.createElement("div",{className:o.root},t)});ei.displayName="ErrorPanel";function wr(e){return "";}function Ja(e){return wr()}function xr(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Qa(e){return wr()}function tl(e,t,o,r,n){let i;/^\.{0,2}[/\\]/.test(e)?i=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?i=el__default.default(e):i=el__default.default(`http://${e}`);let s=`${i}/iframe.html?id=${t}`,a=Ja();a&&(s=`${s}&args=${a}`);let l=Qa();if(l&&(s=`${s}&globals=${l}`),o);return s.replace(/\\/g,"/")}function Pe(){return document.body.querySelector("#storybook-preview-iframe")}function ol(e){return Pe()?.contentWindow?.document.querySelector(e)}function po(e,t){if(!t)return;let o=t.split(".").join(".properties.");return yn.get(e,o)}function ii(e){if(typeof e=="number")return Number.isNaN(e)?void 0:e;if(typeof e=="string"){let t=e.trim();if(!t)return;let o=Number(t);return Number.isNaN(o)?void 0:o}}var Ar={"Blackberry PlayBook":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:600,height:1024},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Blackberry PlayBook landscape":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:1024,height:600},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30 landscape":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S5":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:740},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:740,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:320,height:658},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+ landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:658,height:320},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:712,height:1138},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1138,height:712},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"iPad (gen 6)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 6) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:810,height:1080},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1080,height:810},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:834,height:1194},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11 landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1194,height:834},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:320,height:568},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:568,height:320},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:812},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:812,height:375},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:414,height:896},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:896,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:800,height:364},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:635},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:724,height:325},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:808,height:364},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:378},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:380},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:629},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:712,height:327},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"JioPhone 2":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:240,height:320},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"JioPhone 2 landscape":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:320,height:240},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"Kindle Fire HDX":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Kindle Fire HDX landscape":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"LG Optimus L70":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"LG Optimus L70 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:600,height:960},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:960,height:600},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:320,height:533},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520 landscape":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:533,height:320},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia N9":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:480,height:854},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Nokia N9 landscape":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:854,height:480},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Pixel 2":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:731},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:731,height:411},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:823},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:823,height:411},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:393,height:786},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:786,height:393},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:353,height:745},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:745,height:353},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G)":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:412,height:892},viewport:{width:412,height:765},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G) landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{height:892,width:412},viewport:{width:840,height:312},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:393,height:851},viewport:{width:393,height:727},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:851,height:393},viewport:{width:802,height:293},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Desktop Chrome HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"},"Desktop Safari":{userAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"webkit"},"Desktop Chrome":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"}};function rl(e){if(!e)return;let t=Ar[e];if(t)return t.deviceName=e,t}function nl(e){let{body:t,documentElement:o,defaultView:r}=e;if(!t||!o)return null;let n=Math.max(t.scrollWidth,t.offsetWidth,t.clientWidth,o.scrollWidth,o.offsetWidth,o.clientWidth),i=Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight,o.scrollHeight,o.offsetHeight,o.clientHeight);if(r){let s=r.scrollX,a=r.scrollY;for(let l of Array.from(e.querySelectorAll("*"))){if(!(l instanceof r.HTMLElement)&&!(l instanceof r.SVGElement))continue;let c=r.getComputedStyle(l);if(c.display==="none"||c.visibility==="hidden")continue;let p=l.getBoundingClientRect();n=Math.max(n,Math.ceil(p.right+s)),i=Math.max(i,Math.ceil(p.bottom+a));}for(let l of Array.from(e.querySelectorAll("iframe")))try{let c=l.contentDocument;if(!c)continue;let p=nl(c);if(!p)continue;let u=l.getBoundingClientRect();n=Math.max(n,Math.ceil(u.left+s+p.width)),i=Math.max(i,Math.ceil(u.top+a+p.height));}catch{}}return n<=0||i<=0?null:{width:n,height:i}}function il(e){let t=e.contentDocument;return t?nl(t):null}function sl(e){return e.contentDocument||e.contentWindow?.document}function al(e){let t=sl(e);if(!t)return {scrollLeft:0,scrollTop:0};let o=t.defaultView,r=(o?o.pageYOffset:0)||t.documentElement.scrollTop;return {scrollLeft:(o?o.pageXOffset:0)||t.documentElement.scrollLeft,scrollTop:r}}function At(e){return e.error?e.error:e.diffSize&&e.imageDimensions?`Expected image to be the same size as the snapshot (${e.imageDimensions.baselineWidth}x${e.imageDimensions.baselineHeight}), but was different (${e.imageDimensions.receivedWidth}x${e.imageDimensions.receivedHeight}).`:e.diffRatio?`Expected image to match or be a close match to snapshot but was ${e.diffRatio*100}% different from snapshot (${e.diffPixelCount} differing pixels).`:""}function Tt(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var ll=e=>{if(e)return Tt(e.globals)};var cl=e=>{if(e)return Tt(e.args,e.props)};function Tr(e,t){if(e===t)return  true;let o=e.split(".").slice(0,-2).join(".");return t.split(".").slice(0,-1).join(".").endsWith(o)}function ul(e){try{return !(!e||ol(e)==null)}catch{return  false}}function Jd(e){switch(e){case "success":return M__namespace.default.createElement(icons.PassedIcon,null);case "error":return M__namespace.default.createElement(icons.FailedIcon,null);case "warning":return M__namespace.default.createElement(icons.AlertIcon,null);case "info":return M__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function Qd(e,t){switch(e){case "success":return t?"#4ade80":"#166534";case "error":return t?"#f87171":"#991b1b";case "warning":return t?"#fbbf24":"#92400e";case "info":return t?"#60a5fa":"#1e40af";default:return "currentColor"}}var si=e=>M__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),Zd=({title:e,description:t,variant:o="info",onClose:r,style:n,closeButton:i=true,children:s,...a})=>{let l=document.body.classList.contains("light"),c=l?"rgba(32, 34, 37, 0.98)":"rgb(238, 243, 246)",p=l?"rgba(255, 255, 255, 0.08)":"rgba(206, 197, 197, 0.315)",u=l?"rgba(255, 255, 255, 0.88)":"rgba(34, 36, 37, 0.75)",f=l?"rgba(255, 255, 255, 0.96)":"rgb(115, 130, 140)",d=l?"rgba(255, 255, 255, 0.72)":"rgba(34, 36, 37, 0.6)",m={alignItems:"center",background:c,border:`1px solid ${p}`,borderRadius:"5px",boxShadow:l?"0 14px 32px rgba(0, 0, 0, 0.35)":"0 10px 28px rgba(15, 23, 42, 0.12)",color:u,display:"flex",fontFamily:"system-ui, -apple-system, sans-serif",gap:"12px",maxWidth:"450px",overflow:"hidden",padding:"12px 16px",position:"relative",zIndex:dom.getHighestZindex()+1,...n},h=Jd(o),S=Qd(o,l),b=typeof t=="string"?t.split(`
-`).map((x,O)=>M__namespace.default.createElement("span",{key:O},x,M__namespace.default.createElement("br",null))):t;return M__namespace.default.createElement("div",{style:m,...a},h&&M__namespace.default.createElement("div",{style:{color:S}},h),M__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&M__namespace.default.createElement("div",{style:{color:f,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&M__namespace.default.createElement(si,null,b),s),r&&i&&M__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:d}},M__namespace.default.createElement(icons.CrossIcon,null)))},Pr=Zd;var fl=1e4,Pt=new Map;function om(e){let t=Pt.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Pt.set(e,{counter:0,currentId:`${e}_0`}),Pt.get(e)?.currentId??e}function rm(e){let t=o=>{let r=Pt.get(e);r&&r.currentId===o&&Pt.delete(e);};return {onAutoClose:o=>{t(o.id);},onDismiss:o=>{t(o.id);}}}var v=function(e){let{duration:t,id:o,dismissible:r=true,position:n,...i}=e,s,a;if(o!=null)s=o;else {let l=`toast_${hash.simpleHash(`${e.title??""}::${e.description??""}`)}`;s=om(l),a=rm(l);}return sonner.toast.custom(l=>M__namespace.default.createElement(Pr,{...i,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??fl,id:s,position:n,...a}),s};function Cr(e,t,o){return v(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}v.error=(e,t)=>Cr("error",e,t);v.success=(e,t)=>Cr("success",e,t);v.warning=(e,t)=>Cr("warning",e,t);v.info=(e,t)=>Cr("info",e,t);v.custom=(e,t)=>{let{duration:o,...r}=t||{};return sonner.toast.custom(n=>typeof e=="function"?e({dismiss:()=>sonner.toast.dismiss(n),id:n}):e,{duration:o??fl,...r})};v.dismiss=e=>{sonner.toast.dismiss(e);};v.dismissAll=()=>{sonner.toast.dismiss(),Pt.clear();};function nm(e,t){let o=po(e,t.name);if(!o||!o.required||!o.required.length)return {};if(!t.args)return {required:o.required};if(Object.keys(t.args).length===0)return {required:o.required};let n=[];for(let i=0;i<o.required.length;i++){let s=o.required[i];t.args[s]||n.push(s);}return {required:n.length===0?void 0:n}}function dl(e,t){let o=t.reduce((r,n)=>{let i=nm(e,n);return i.required&&r.push({id:n.id,name:n.name,...i}),r},[]);return o.length===0?void 0:o}var um=y(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var hl=({value:e="",onSave:t,requiredMessage:o="Field is required",required:r,onCancel:n,onClose:i,width:s="30%",open:a,children:l,label:c,onGenerateContent:p,...u})=>{let[f,d]=M.useState(e),[m,h]=M.useState(false),[S,b]=M.useState(false),x=um({width:s}),O=!!p,w=M.useCallback(z=>{d(z.target.value);},[]),I=M.useCallback(()=>{i(true),n&&n();},[n,i]),C=M.useCallback(()=>{if(r&&!f){v.error(o),h(true);return}t(f.trim());},[f,t,r,o]),L=M.useCallback(async()=>{if(p){b(true);try{let z=await p();z!==void 0&&d(z);}finally{b(false);}}},[p]);return M.useEffect(()=>{d(e);},[e,a]),M__namespace.default.createElement(Qn,{onPositiveAction:C,onNegativeAction:I,onClose:I,open:a,...u},M__namespace.default.createElement(material.TextField,{className:x.input,multiline:true,rows:3,value:f,onChange:w,variant:"outlined",autoFocus:true,label:c,error:m,required:true,slotProps:{inputLabel:{shrink:true}}}),O&&M__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},M__namespace.default.createElement(material.Button,{className:x.generateButton,size:"small",onClick:L,disabled:S,startIcon:S?M__namespace.default.createElement(material.CircularProgress,{size:14}):void 0},S?"Generating...":"Generate Title")),l)};hl.displayName="InputDialog";var gl=li__default.default.create(e=>{let t=li.useModal(),o=M.useCallback(()=>{t.hide();},[t]),r=M.useCallback(n=>{e.onSave(n),t.hide();},[t,e]);return M__namespace.default.createElement(hl,{...e,open:t.visible,onClose:o,onSave:r})});gl.displayName="InputDialogModal";var Sl="input-dialog",ml=false,yl=()=>{ml||(li__default.default.register(Sl,gl),ml=true);},It={show:e=>li__default.default.show(Sl,e)};var gm=y(e=>{let{background:t}=e.palette,o=hm__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),E=M.memo(e=>{let{open:t,progressSize:o,position:r="absolute"}=e,n=gm();return t?M__namespace.default.createElement(material.Backdrop,{className:`${n.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&M__namespace.default.createElement(material.CircularProgress,{size:o})):null});E.displayName="Loader";var vm=typeof window<"u"?window.location.origin:"",A=reactQuery.createTRPCReact();function bl(){return A.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${vm}/__storybook_playwright/trpc`})]})}function wl(){let[e,t]=M__namespace.default.useState(),o=M__namespace.default.useRef(false),{data:r}=A.theme.getThemeData.useQuery();return M__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var fo=M.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=wl(),n=styles.createTheme({components:{MuiPaper:{styleOverrides:{root:{variants:[{props:{variant:"elevation"},style:{backgroundImage:"none"}}]}}}},palette:{action:{active:o.barTextColor},background:{default:o.appBg,paper:o.appContentBg},divider:o.appBorderColor,primary:{main:o.colorSecondary},secondary:{main:o.colorPrimary},text:{primary:o.barTextColor},mode:o.base==="dark"?"dark":"light"},typography:{fontFamily:o.fontBase}},r||{});return M__namespace.default.createElement(to,{theme:n},M__namespace.default.createElement(styles.ThemeProvider,{theme:n},t))});fo.displayName="ThemeProvider";var Pm=y(e=>{let{divider:t,text:o}=e.palette;return {root:{"& button":{alignItems:"center",display:"flex",marginTop:0},"& svg":{width:18},"&.border-bottom":{borderBottom:`1px solid ${t}`},"&.border-left":{borderLeft:`1px solid ${t}`},"&.border-right":{borderRight:`1px solid ${t}`},"&.border-top":{borderTop:`1px solid ${t}`},padding:2},toolbar:{"& > .left":{"& > *":{marginLeft:8}},"& > .left,& > .right":{alignItems:"center",display:"flex",minWidth:0},"& > .right":{"& > *":{marginRight:6}},alignItems:"center",color:o.primary,display:"flex",justifyContent:"space-between"}}},{name:"Toolbar"}),nt=e=>{let{children:t,border:o}=e,r=Pm();return M__namespace.default.createElement("div",{className:Mr__default.default(r.root)+(o&&o.map(n=>` border-${n}`).join(" "))},M__namespace.default.createElement("div",{className:r.toolbar},t))};nt.displayName="Toolbar";var ui=M.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:n,...i})=>{let s=M.useCallback(()=>{r&&r(),n&&n({},"backdropClick");},[r,n]);return M__namespace.default.createElement(Zn,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...i},M__namespace.default.createElement(material.Typography,null,e))});ui.displayName="ConfirmationPopover";var Em=D(km__default.default),mo=({className:e,setNodeRef:t,...o})=>M__namespace.default.createElement("span",{className:Mr__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},M__namespace.default.createElement(Em,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));mo.displayName="DragHandle";var Nm=y(e=>{let{palette:{divider:t,text:o,primary:r,secondary:n}}=e;return {column:{alignItems:"center",display:"flex"},handle:{fontSize:24},header:{"& svg":{"&:hover":{color:r.main},fontSize:18},alignItems:"center",display:"flex",justifyContent:"space-between",minHeight:"48px",padding:"5px 8px",paddingLeft:16},icons:{display:"flex",gap:2},root:{border:`1px solid ${t}`,color:o.primary,display:"flex",flexDirection:"column",fontSize:14,marginBottom:4,position:"relative"},secondaryColor:{"& svg":{color:n.main},color:n.main},selected:{border:`1px solid ${hm__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${n.main}`}}},{name:"ListItemWrapper"}),it=e=>{let{title:t,draggable:o,children:r,selected:n,className:i,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:p,...u}=e,f=Nm(),d=M.useCallback(m=>{s&&m.target.classList.contains("clickable")&&s(m);},[s]);return M__namespace.default.createElement("div",{className:Mr__default.default(f.root,{[f.selected]:n&&!c},{[f.selectedSecondary]:n&&c},i),...u,title:a,onClick:d},M__namespace.default.createElement("div",{className:Mr__default.default("clickable",f.header,"list-item-header")},M__namespace.default.createElement("div",{className:Mr__default.default(f.column,"clickable",{[f.secondaryColor]:c})},o&&M__namespace.default.createElement(mo,{...p}),material.capitalize(t)),M__namespace.default.createElement("div",{className:Mr__default.default("clickable",f.column,f.icons,{[f.secondaryColor]:c})},l)),r&&M__namespace.default.createElement("div",{className:"list-item-content"},r))};it.displayName="ListItemWrapper";var Hm=y(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var Dt=e=>{let{children:t,...o}=e,r=Hm(),n=M.useRef(null);return M.useEffect(()=>{!n.current||!n.current.parentElement||(n.current.parentElement.style.height="100%");},[]),M__namespace.default.createElement("div",{ref:n,...o,className:Mr__default.default(r.root,e.className)},M__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},fi=e=>M__namespace.default.createElement(Dt,{...e});fi.displayName="ListWrapperSortableContainer";Dt.displayName="ListWrapper";var Ce=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[n,i]=M__namespace.default.useState(null),s=M.useCallback(c=>{c.stopPropagation(),i(c.currentTarget);},[]),a=M.useCallback(()=>{o&&o(),i(null);},[o]),l=M.useCallback(()=>{a(),e();},[a,e]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},M__namespace.default.createElement(icons.TrashIcon,null)),n&&M__namespace.default.createElement(ui,{onClose:a,onConfirm:l,anchorEl:n}))};Ce.displayName="DeleteConfirmationButton";var ho=e=>{let{onClick:t,checked:o,onChange:r}=e,n=M__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return M__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:n,size:"small",active:o},o?M__namespace.default.createElement(icons.FormIcon,null):M__namespace.default.createElement(icons.StopAltHollowIcon,null))};ho.displayName="CheckBox";var Ym=y(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),kr=M.memo(M.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:n,onClick:i,selected:s}=e,a=Ym(),l=M.useCallback(()=>{i(n);},[n,i]);return M__namespace.default.createElement(material.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},M__namespace.default.createElement("div",null,r),M__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));kr.displayName="DeviceListItem";var hi=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,n]=M__namespace.default.useState(null),i=c=>{n(c.currentTarget);},s=()=>{n(null);},a=M.useMemo(()=>Object.keys(Ar),[]),l=M.useCallback(c=>{n(null),t(c);},[t]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:i},"Load From Device Descriptors"),M__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},M__namespace.default.createElement(kr,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>M__namespace.default.createElement(kr,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};hi.displayName="DeviceList";function T(){let[e,t]=M.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return M.useEffect(()=>{if(!r||!r.importPath)return;let n=r,i=n.importPath,s=i.substring(i.lastIndexOf("/")+1);t({fileName:s,filePath:i,id:n.id,name:n.name,parent:n.parent});},[r]),e}var sh={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},go=zustand.create()(middleware.devtools(()=>({...sh}),{name:"action-set-store"}));function Cl(e){return e.map(t=>{let{id:o,...r}=t;return r})}function Ml(e,t){if(e.length!==t.length)return  false;let o=Cl(e),r=Cl(t);return ah__default.default(o,r)}var j=()=>go.getState();function R(e){return go.setState(e)}function Ot(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function at(e,t,o,r){let n=e.stories[t]?.actionSets||[];return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:n.map(i=>i.id!==o?i:r(i))}}}}function Dl(e,t,o){let r=e.stories[t]?.actionSets||[];return {...Ot(e,t,r.filter(i=>i.id!==o)),orgEditingActionSet:void 0}}function El({storyId:e,actionSets:t}){let o=j();R(Ot(o,e,t));}function Ol({storyId:e,actionSets:t}){let o=j(),r=o.stories[e]?.actionSets||[],n=t.reduce((a,l)=>{if(r.length){let c;for(let p=0;p<r.length;p++){let u=r[p];if(!a.find(f=>f.id===u.id)&&Ml(u.actions,l.actions)){c=u;break}}c?a.push(c):a.push({...l,actions:l.actions.map(p=>(p.id=nanoid.nanoid(12),p)),id:nanoid.nanoid(12),temp:true});}else a.push({...l,actions:l.actions.map(c=>(c.id=nanoid.nanoid(12),c)),id:nanoid.nanoid(12),temp:true});return a},[]),i=n.map(a=>a.id),s=Ot(o,e,[...n,...r.filter(a=>!i.includes(a.id))]);R({...s,currentActionSets:i});}function lt({storyId:e,actionSet:t,selected:o,isNew:r}){let n=j(),i=[...n.stories[e]?(n.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=Ot(n,e,i);R({...s,currentActionSets:[...n.currentActionSets?n.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function ct(){R({currentActionSets:[]});}function Er({storyId:e,actionSetId:t}){let o=j();R(Dl(o,e,t));}function Bt(e){let t=j();!t.stories[e]||!t.stories[e].actionSets||R(Ot(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function gi({storyId:e,oldIndex:t,newIndex:o}){let r=j(),n=r.stories[e]?.actionSets||[];R(Ot(r,e,[...Il__default.default(n,t,o)]));}function Bl(e){let t=j(),o=t.currentActionSets.find(r=>r===e);R({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function Or(e){let t=j(),o=t.expandedActions[e]===true;R({expandedActions:{...t.expandedActions,[e]:!o}});}function Si(){R({expandedActions:{}});}function yi(e){R({actionSchema:e});}function So(e){let t=j(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...n}=o;if(r)R(Dl(t,e,o.id));else {let i=at(t,e,o.id,s=>({...s,...n}));R({...i,orgEditingActionSet:void 0});}}function Ll(e){let t=j();R({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function Nl({storyId:e,actionSetId:t,title:o}){let r=j();R(at(r,e,t,n=>({...n,title:o})));}function Fl({storyId:e,actionSetId:t,action:o}){let r=j();R(at(r,e,t,n=>({...n,actions:[...n.actions,o]})));}function _l({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let n=j();R(at(n,e,t,i=>({...i,actions:i.actions.map(s=>{if(s.id===o){let a=s.subtitleItems&&s.subtitleItems.find(l=>l===r);return {...s,subtitleItems:a&&s.subtitleItems?s.subtitleItems.filter(l=>l!==r):[...s.subtitleItems||[],r]}}return s})})));}function zl({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let n=j();R(at(n,e,t,i=>({...i,actions:[...Il__default.default(i.actions,o,r)]})));}function Rl({storyId:e,actionSetId:t,actionId:o}){let r=j();R(at(r,e,t,n=>({...n,actions:n.actions.filter(i=>i.id!==o)})));}function vi({storyId:e,actionSetId:t,actionId:o,objPath:r,val:n}){let i=j();R(at(i,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:yn__namespace.set(a.args,r,n)}:a)})));}function Hl(){R({orgEditingActionSet:void 0});}function pe(){return go()}var ph={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},te=zustand.create()(middleware.devtools(middleware.persist(()=>({...ph}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function _e(e){return te.setState(e)}function Vl(e){_e({addonState:e});}function bi(e){_e({browserOptions:e});}function Kl(e){_e({screenshotOptions:e});}function Wl(e){_e({dragStart:e});}function wi(e){_e({selectorManager:e});}function Br(e){_e({screenshotUpdateState:e});}function xi(e){_e({editScreenshotState:e});}function Ai(e){_e({schemaLoaded:e});}function Gl(){return te(e=>e.addonState)}function Ul(){return te(e=>e.browserOptions)}function Lr(){return te(e=>e.screenshotOptions)}function jl(){return te(e=>e.dragStart)}function $l(){return te(e=>e.selectorManager)}function ql(){return te(e=>e.screenshotUpdateState)}function Xl(){return te(e=>e.editScreenshotState)}function Yl(){return te(e=>e.schemaLoaded)}function Jl(e){let{mutateAsync:t,isPending:o}=A.actionSet.saveActionSet.useMutation({onError:u=>{v.error(u.message||"Unexpected error occurred");}}),r=pe(),n=T(),i=M.useCallback(u=>{if(!n)return;let f=nanoid.nanoid(10),d={id:f,name:u};Si(),Fl({action:d,actionSetId:e.id,storyId:n.id}),Or(f);},[n,e.id]);M.useEffect(()=>()=>Si(),[]);let s=M.useCallback(async()=>{let u=dl(r.actionSchema,e.actions);if(u){let f=u.map(d=>{if(!(!d.required||d.required.length===0))return `Action name: ${d.name}
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Oa(e){return Ia(e)||ka(e)||Da(e)||Ea()}var lo="",qn="",Fa="",_a="",Hf=Ze&&"ontouchstart"in document.documentElement;if(Ze){pr={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ba=document.createElement("p"),fr=Ba.style,La="Transform";for(dr in pr)if(dr+La in fr){lo=dr,qn=pr[dr];break}lo==="Webkit"&&"msHyphens"in fr&&(lo="ms",qn=pr.ms,_a="edge"),lo==="Webkit"&&"-apple-trailing-word"in fr&&(Fa="apple");}var pr,Ba,fr,La,dr,P={js:lo,css:qn,vendor:Fa,browser:_a,isTouch:Hf};function za(e){return e[1]==="-"||P.js==="ms"?e:"@"+P.css+"keyframes"+e.substr(10)}var Vf={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?false:P.js==="ms"?"-webkit-"+t:P.css+t}},Kf={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?false:P.js==="Webkit"?P.css+"print-"+t:t}},Wf=/[-\s]+(.)?/g;function Gf(e,t){return t?t.toUpperCase():""}function Xn(e){return e.replace(Wf,Gf)}function Fe(e){return Xn("-"+e)}var Uf={noPrefill:["mask"],supportedProperty:function(t,o){if(!/^mask/.test(t))return  false;if(P.js==="Webkit"){var r="mask-image";if(Xn(r)in o)return t;if(P.js+Fe(r)in o)return P.css+t}return t}},jf={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?false:P.vendor==="apple"&&!P.isTouch?P.css+t:t}},$f={noPrefill:["transform"],supportedProperty:function(t,o,r){return t!=="transform"?false:r.transform?t:P.css+t}},qf={noPrefill:["transition"],supportedProperty:function(t,o,r){return t!=="transition"?false:r.transition?t:P.css+t}},Xf={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?false:P.js==="Webkit"||P.js==="ms"&&P.browser!=="edge"?P.css+t:t}},Yf={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?false:P.js==="Moz"||P.js==="ms"||P.vendor==="apple"?P.css+t:t}},Jf={supportedProperty:function(t,o){if(!/^break-/.test(t))return  false;if(P.js==="Webkit"){var r="WebkitColumn"+Fe(t);return r in o?P.css+"column-"+t:false}if(P.js==="Moz"){var n="page"+Fe(t);return n in o?"page-"+t:false}return  false}},Qf={supportedProperty:function(t,o){if(!/^(border|margin|padding)-inline/.test(t))return  false;if(P.js==="Moz")return t;var r=t.replace("-inline","");return P.js+Fe(r)in o?P.css+r:false}},Zf={supportedProperty:function(t,o){return Xn(t)in o?t:false}},ed={supportedProperty:function(t,o){var r=Fe(t);return t[0]==="-"||t[0]==="-"&&t[1]==="-"?t:P.js+r in o?P.css+t:P.js!=="Webkit"&&"Webkit"+r in o?"-webkit-"+t:false}},td={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?false:P.js==="ms"?""+P.css+t:t}},od={supportedProperty:function(t){return t!=="overscroll-behavior"?false:P.js==="ms"?P.css+"scroll-chaining":t}},rd={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},nd={supportedProperty:function(t,o){var r=rd[t];return r&&P.js+Fe(r)in o?P.css+r:false}},Ra={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},id=Object.keys(Ra),sd=function(t){return P.css+t},ad={supportedProperty:function(t,o,r){var n=r.multiple;if(id.indexOf(t)>-1){var i=Ra[t];if(!Array.isArray(i))return P.js+Fe(i)in o?P.css+i:false;if(!n)return  false;for(var s=0;s<i.length;s++)if(!(P.js+Fe(i[0])in o))return  false;return i.map(sd)}return  false}},Ha=[Vf,Kf,Uf,jf,$f,qf,Xf,Yf,Jf,Qf,Zf,ed,td,od,nd,ad],Na=Ha.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),ld=Ha.filter(function(e){return e.noPrefill}).reduce(function(e,t){return e.push.apply(e,Oa(t.noPrefill)),e},[]),co,tt={};if(Ze){co=document.createElement("p"),mr=window.getComputedStyle(document.documentElement,"");for(hr in mr)isNaN(hr)||(tt[mr[hr]]=mr[hr]);ld.forEach(function(e){return delete tt[e]});}var mr,hr;function gr(e,t){if(t===void 0&&(t={}),!co)return e;if(tt[e]!=null)return tt[e];(e==="transition"||e==="transform")&&(t[e]=e in co.style);for(var o=0;o<Na.length&&(tt[e]=Na[o](e,co.style,t),!tt[e]);o++);try{co.style[e]="";}catch{return  false}return tt[e]}var xt={},cd={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},ud=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,Ne;function pd(e,t,o){if(t==="var")return "var";if(t==="all")return "all";if(o==="all")return ", all";var r=t?gr(t):", "+gr(o);return r||t||o}Ze&&(Ne=document.createElement("p"));function Yn(e,t){var o=t;if(!Ne||e==="content")return t;if(typeof o!="string"||!isNaN(parseInt(o,10)))return o;var r=e+o;if(xt[r]!=null)return xt[r];try{Ne.style[e]=o;}catch{return xt[r]=false,false}if(cd[e])o=o.replace(ud,pd);else if(Ne.style[e]===""&&(o=P.css+o,o==="-ms-flex"&&(Ne.style[e]="-ms-flexbox"),Ne.style[e]=o,Ne.style[e]===""))return xt[r]=false,false;return Ne.style[e]="",xt[r]=o,xt[r]}function fd(){function e(n){if(n.type==="keyframes"){var i=n;i.at=za(i.at);}}function t(n){for(var i in n){var s=n[i];if(i==="fallbacks"&&Array.isArray(s)){n[i]=s.map(t);continue}var a=false,l=gr(i);l&&l!==i&&(a=true);var c=false,p=Yn(l,Be(s));p&&p!==s&&(c=true),(a||c)&&(a&&delete n[i],n[l||i]=p||s);}return n}function o(n,i){return i.type!=="style"?n:t(n)}function r(n,i){return Yn(i,Be(n))||n}return {onProcessRule:e,onProcessStyle:o,onChangeValue:r}}var Va=fd;function dd(){var e=function(o,r){return o.length===r.length?o>r?1:-1:o.length-r.length};return {onProcessStyle:function(o,r){if(r.type!=="style")return o;for(var n={},i=Object.keys(o).sort(e),s=0;s<i.length;s++)n[i[s]]=o[i[s]];return n}}}var Ka=dd;function Sr(){return {plugins:[ba(),xa(),Ta(),Pa(),Ma(),typeof window>"u"?null:Va(),Ka()]}}function uo(e={}){let{baseClasses:t,newClasses:o,Component:r}=e;if(!o)return t;let n={...t};return Object.keys(o).forEach(i=>{o[i]&&(n[i]=`${t[i]} ${o[i]}`);}),n}var md={set:(e,t,o,r)=>{let n=e.get(t);n||(n=new Map,e.set(t,n)),n.set(o,r);},get:(e,t,o)=>{let r=e.get(t);return r?r.get(o):void 0},delete:(e,t,o)=>{e.get(t).delete(o);}},ot=md;function Jn(){let e=vt();return e?.$$material??e}var hd=Vn(Sr()),gd=ir(),Sd=new Map;var yd={disableGeneration:false,generateClassName:gd,jss:hd,sheetsCache:null,sheetsManager:Sd,sheetsRegistry:null},Wa=I__namespace.createContext(yd);var Ga=-1e9;function Ua(){return Ga+=1,Ga}function ja(e){return e.length===0}function vr(e){let{variant:t,...o}=e,r=t||"";return Object.keys(o).sort().forEach(n=>{n==="color"?r+=ja(r)?e[n]:Qe(e[n]):r+=`${ja(r)?n:Qe(n)}${Qe(e[n].toString())}`;}),r}var vd={},$a=vd;function br(e){let t=typeof e=="function";return {create:(o,r)=>{let n;try{n=t?e(o):e;}catch(l){throw l}if(!r||!o.components||!o.components[r]||!o.components[r].styleOverrides&&!o.components[r].variants)return n;let i=o.components[r].styleOverrides||{},s=o.components[r].variants||[],a={...n};return Object.keys(i).forEach(l=>{a[l]=Je(a[l]||{},i[l]);}),s.forEach(l=>{let c=vr(l.props);a[c]=Je(a[c]||{},l.style);}),a},options:{}}}function bd({state:e,stylesOptions:t},o,r){if(t.disableGeneration)return o||{};e.cacheClasses||(e.cacheClasses={value:null,lastProp:null,lastJSS:{}});let n=false;return e.classes!==e.cacheClasses.lastJSS&&(e.cacheClasses.lastJSS=e.classes,n=true),o!==e.cacheClasses.lastProp&&(e.cacheClasses.lastProp=o,n=true),n&&(e.cacheClasses.value=uo({baseClasses:e.cacheClasses.lastJSS,newClasses:o,Component:r})),e.cacheClasses.value}function wd({state:e,theme:t,stylesOptions:o,stylesCreator:r,name:n},i){if(o.disableGeneration)return;let s=ot.get(o.sheetsManager,r,t);s||(s={refs:0,staticSheet:null,dynamicStyles:null},ot.set(o.sheetsManager,r,t,s));let a={...r.options,...o,theme:t,flip:typeof o.flip=="boolean"?o.flip:t.direction==="rtl"};a.generateId=a.serverGenerateClassName||a.generateClassName;let l=o.sheetsRegistry;if(s.refs===0){let c;o.sheetsCache&&(c=ot.get(o.sheetsCache,r,t));let p=r.create(t,n);c||(c=o.jss.createStyleSheet(p,{link:false,...a}),c.attach(),o.sheetsCache&&ot.set(o.sheetsCache,r,t,c)),l&&l.add(c),s.staticSheet=c,s.dynamicStyles=Kn(p);}if(s.dynamicStyles){let c=o.jss.createStyleSheet(s.dynamicStyles,{link:true,...a});c.update(i),c.attach(),e.dynamicSheet=c,e.classes=uo({baseClasses:s.staticSheet.classes,newClasses:c.classes}),l&&l.add(c);}else e.classes=s.staticSheet.classes;s.refs+=1;}function xd({state:e},t){e.dynamicSheet&&e.dynamicSheet.update(t);}function Ad({state:e,theme:t,stylesOptions:o,stylesCreator:r}){if(o.disableGeneration)return;let n=ot.get(o.sheetsManager,r,t);n.refs-=1;let i=o.sheetsRegistry;n.refs===0&&(ot.delete(o.sheetsManager,r,t),o.jss.removeStyleSheet(n.staticSheet),i&&i.remove(n.staticSheet)),e.dynamicSheet&&(o.jss.removeStyleSheet(e.dynamicSheet),i&&i.remove(e.dynamicSheet));}function Td(e,t){let o=I__namespace.useRef([]),r,n=I__namespace.useMemo(()=>({}),t);o.current!==n&&(o.current=n,r=e()),I__namespace.useEffect(()=>()=>{r&&r();},[n]);}function y(e,t={}){let{name:o,classNamePrefix:r,Component:n,defaultTheme:i=$a,...s}=t,a=br(e),l=o||r||"makeStyles";return a.options={index:Ua(),name:o,meta:l,classNamePrefix:l},(p={})=>{let u=Jn()||i,f={...I__namespace.useContext(Wa),...s},d=I__namespace.useRef(),m=I__namespace.useRef();return Td(()=>{let S={name:o,state:{},stylesCreator:a,stylesOptions:f,theme:u};return wd(S,p),m.current=false,d.current=S,()=>{Ad(S);}},[u,a]),I__namespace.useEffect(()=>{m.current&&xd(d.current,p),m.current=true;}),bd(d.current,p.classes,n)}}function D(e){return e.default??e}var Od=D(Ed__default.default),Bd=y(e=>{let{primary:t}=e.palette;return {closIcon:{zIndex:100},input:{width:"100%"},paper:{display:"flex",flexDirection:"column",height:o=>o.height,overflow:"hidden",padding:10,maxHeight:"calc(100% - 20px)",maxWidth:o=>o.width+" !important",width:o=>o.width+" !important"},content:{flex:"1 1 auto",minHeight:0,overflowY:"auto"},title:{"& h6":{fontSize:17},color:t.main,display:"flex",justifyContent:"space-between",padding:"12px 24px"},titleActions:{marginBottom:"-10px",marginRight:"-18px",marginTop:"-8px"}}},{name:"Dialog"}),ve=({children:e,width:t="80%",height:o="auto",title:r,onClose:n,footerActions:i,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...p})=>{let u=Bd({height:o,width:t}),f=i,d=a;return I__namespace.default.createElement(material.Dialog,{open:l,classes:{paper:u.paper},onClose:n,...p},(d||c||r||s)&&I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.DialogTitle,{className:u.title},I__namespace.default.createElement("div",null,r&&I__namespace.default.createElement(material.Typography,{variant:"h6"},r),s&&I__namespace.default.createElement(material.Typography,{variant:"body1"},s)),I__namespace.default.createElement("div",{className:u.titleActions},d&&I__namespace.default.createElement(d,null),c&&I__namespace.default.createElement(material.IconButton,{color:"primary",className:u.closIcon,onClick:n},I__namespace.default.createElement(Od,null)))),I__namespace.default.createElement(material.Divider,null)),I__namespace.default.createElement(material.DialogContent,{className:u.content},e),f&&I__namespace.default.createElement(material.DialogActions,null,I__namespace.default.createElement(f,null)))};ve.displayName="Dialog";var Qn=I.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:r,onClose:n,width:i="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...p})=>{let u=I.useCallback(()=>{n(),c&&c();},[c,n]);return I__namespace.default.createElement(ve,{enableCloseButton:false,open:r,onClose:u,width:i,...p},I__namespace.default.createElement(Zt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});Qn.displayName="ActionDialog";var Zn=I.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n,negativeActionName:i,...s})=>I__namespace.default.createElement(material.Popover,{open:true,...s},I__namespace.default.createElement(Zt,{onPositiveAction:e,negativeActionName:i,title:t,onNegativeAction:o,positiveActionName:n},r)));Zn.displayName="ActionPopover";var Hd=y(()=>({root:{color:"red",overflow:"auto",padding:16,whiteSpace:"pre-wrap",width:"100%"}}),{name:"ErrorPanel"}),ei=I.memo(e=>{let{message:t}=e,o=Hd();return I__namespace.default.createElement("div",{className:o.root},t)});ei.displayName="ErrorPanel";function wr(e){return "";}function Ja(e){return wr()}function xr(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Qa(e){return wr()}function tl(e,t,o,r,n){let i;/^\.{0,2}[/\\]/.test(e)?i=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?i=el__default.default(e):i=el__default.default(`http://${e}`);let s=`${i}/iframe.html?id=${t}`,a=Ja();a&&(s=`${s}&args=${a}`);let l=Qa();if(l&&(s=`${s}&globals=${l}`),o);return s.replace(/\\/g,"/")}function Pe(){return document.body.querySelector("#storybook-preview-iframe")}function ol(e){return Pe()?.contentWindow?.document.querySelector(e)}function po(e,t){if(!t)return;let o=t.split(".").join(".properties.");return yn.get(e,o)}function ii(e){if(typeof e=="number")return Number.isNaN(e)?void 0:e;if(typeof e=="string"){let t=e.trim();if(!t)return;let o=Number(t);return Number.isNaN(o)?void 0:o}}var Ar={"Blackberry PlayBook":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:600,height:1024},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Blackberry PlayBook landscape":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:1024,height:600},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30 landscape":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S5":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:740},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:740,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:320,height:658},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+ landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:658,height:320},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:712,height:1138},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1138,height:712},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"iPad (gen 6)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 6) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:810,height:1080},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1080,height:810},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:834,height:1194},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11 landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1194,height:834},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:320,height:568},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:568,height:320},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:812},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:812,height:375},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:414,height:896},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:896,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:800,height:364},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:635},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:724,height:325},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:808,height:364},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:378},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:380},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:629},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:712,height:327},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"JioPhone 2":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:240,height:320},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"JioPhone 2 landscape":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:320,height:240},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"Kindle Fire HDX":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Kindle Fire HDX landscape":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"LG Optimus L70":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"LG Optimus L70 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:600,height:960},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:960,height:600},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:320,height:533},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520 landscape":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:533,height:320},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia N9":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:480,height:854},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Nokia N9 landscape":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:854,height:480},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Pixel 2":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:731},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:731,height:411},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:823},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:823,height:411},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:393,height:786},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:786,height:393},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:353,height:745},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:745,height:353},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G)":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:412,height:892},viewport:{width:412,height:765},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G) landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{height:892,width:412},viewport:{width:840,height:312},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:393,height:851},viewport:{width:393,height:727},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:851,height:393},viewport:{width:802,height:293},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Desktop Chrome HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"},"Desktop Safari":{userAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"webkit"},"Desktop Chrome":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"}};function rl(e){if(!e)return;let t=Ar[e];if(t)return t.deviceName=e,t}function nl(e){let{body:t,documentElement:o,defaultView:r}=e;if(!t||!o)return null;let n=Math.max(t.scrollWidth,t.offsetWidth,t.clientWidth,o.scrollWidth,o.offsetWidth,o.clientWidth),i=Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight,o.scrollHeight,o.offsetHeight,o.clientHeight);if(r){let s=r.scrollX,a=r.scrollY;for(let l of Array.from(e.querySelectorAll("*"))){if(!(l instanceof r.HTMLElement)&&!(l instanceof r.SVGElement))continue;let c=r.getComputedStyle(l);if(c.display==="none"||c.visibility==="hidden")continue;let p=l.getBoundingClientRect();n=Math.max(n,Math.ceil(p.right+s)),i=Math.max(i,Math.ceil(p.bottom+a));}for(let l of Array.from(e.querySelectorAll("iframe")))try{let c=l.contentDocument;if(!c)continue;let p=nl(c);if(!p)continue;let u=l.getBoundingClientRect();n=Math.max(n,Math.ceil(u.left+s+p.width)),i=Math.max(i,Math.ceil(u.top+a+p.height));}catch{}}return n<=0||i<=0?null:{width:n,height:i}}function il(e){let t=e.contentDocument;return t?nl(t):null}function sl(e){return e.contentDocument||e.contentWindow?.document}function al(e){let t=sl(e);if(!t)return {scrollLeft:0,scrollTop:0};let o=t.defaultView,r=(o?o.pageYOffset:0)||t.documentElement.scrollTop;return {scrollLeft:(o?o.pageXOffset:0)||t.documentElement.scrollLeft,scrollTop:r}}function At(e){return e.error?e.error:e.diffSize&&e.imageDimensions?`Expected image to be the same size as the snapshot (${e.imageDimensions.baselineWidth}x${e.imageDimensions.baselineHeight}), but was different (${e.imageDimensions.receivedWidth}x${e.imageDimensions.receivedHeight}).`:e.diffRatio?`Expected image to match or be a close match to snapshot but was ${e.diffRatio*100}% different from snapshot (${e.diffPixelCount} differing pixels).`:""}function Tt(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var ll=e=>{if(e)return Tt(e.globals)};var cl=e=>{if(e)return Tt(e.args,e.props)};function Tr(e,t){if(e===t)return  true;let o=e.split(".").slice(0,-2).join(".");return t.split(".").slice(0,-1).join(".").endsWith(o)}function ul(e){try{return !(!e||ol(e)==null)}catch{return  false}}function Qd(e){switch(e){case "success":return I__namespace.default.createElement(icons.PassedIcon,null);case "error":return I__namespace.default.createElement(icons.FailedIcon,null);case "warning":return I__namespace.default.createElement(icons.AlertIcon,null);case "info":return I__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function Zd(e,t){switch(e){case "success":return t?"#4ade80":"#166534";case "error":return t?"#f87171":"#991b1b";case "warning":return t?"#fbbf24":"#92400e";case "info":return t?"#60a5fa":"#1e40af";default:return "currentColor"}}var si=e=>I__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),em=({title:e,description:t,variant:o="info",onClose:r,style:n,closeButton:i=true,children:s,...a})=>{let l=document.body.classList.contains("light"),c=l?"rgba(32, 34, 37, 0.98)":"rgb(238, 243, 246)",p=l?"rgba(255, 255, 255, 0.08)":"rgba(206, 197, 197, 0.315)",u=l?"rgba(255, 255, 255, 0.88)":"rgba(34, 36, 37, 0.75)",f=l?"rgba(255, 255, 255, 0.96)":"rgb(115, 130, 140)",d=l?"rgba(255, 255, 255, 0.72)":"rgba(34, 36, 37, 0.6)",m={alignItems:"center",background:c,border:`1px solid ${p}`,borderRadius:"5px",boxShadow:l?"0 14px 32px rgba(0, 0, 0, 0.35)":"0 10px 28px rgba(15, 23, 42, 0.12)",color:u,display:"flex",fontFamily:"system-ui, -apple-system, sans-serif",gap:"12px",maxWidth:"450px",overflow:"hidden",padding:"12px 16px",position:"relative",zIndex:dom.getHighestZindex()+1,...n},h=Qd(o),S=Zd(o,l),b=typeof t=="string"?t.split(`
+`).map((x,O)=>I__namespace.default.createElement("span",{key:O},x,I__namespace.default.createElement("br",null))):t;return I__namespace.default.createElement("div",{style:m,...a},h&&I__namespace.default.createElement("div",{style:{color:S}},h),I__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&I__namespace.default.createElement("div",{style:{color:f,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&I__namespace.default.createElement(si,null,b),s),r&&i&&I__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:d}},I__namespace.default.createElement(icons.CrossIcon,null)))},Pr=em;var fl=1e4,Pt=new Map;function rm(e){let t=Pt.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Pt.set(e,{counter:0,currentId:`${e}_0`}),Pt.get(e)?.currentId??e}function nm(e){let t=o=>{let r=Pt.get(e);r&&r.currentId===o&&Pt.delete(e);};return {onAutoClose:o=>{t(o.id);},onDismiss:o=>{t(o.id);}}}var v=function(e){let{duration:t,id:o,dismissible:r=true,position:n,...i}=e,s,a;if(o!=null)s=o;else {let l=`toast_${hash.simpleHash(`${e.title??""}::${e.description??""}`)}`;s=rm(l),a=nm(l);}return sonner.toast.custom(l=>I__namespace.default.createElement(Pr,{...i,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??fl,id:s,position:n,...a}),s};function Cr(e,t,o){return v(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}v.error=(e,t)=>Cr("error",e,t);v.success=(e,t)=>Cr("success",e,t);v.warning=(e,t)=>Cr("warning",e,t);v.info=(e,t)=>Cr("info",e,t);v.custom=(e,t)=>{let{duration:o,...r}=t||{};return sonner.toast.custom(n=>typeof e=="function"?e({dismiss:()=>sonner.toast.dismiss(n),id:n}):e,{duration:o??fl,...r})};v.dismiss=e=>{sonner.toast.dismiss(e);};v.dismissAll=()=>{sonner.toast.dismiss(),Pt.clear();};function im(e,t){let o=po(e,t.name);if(!o||!o.required||!o.required.length)return {};if(!t.args)return {required:o.required};if(Object.keys(t.args).length===0)return {required:o.required};let n=[];for(let i=0;i<o.required.length;i++){let s=o.required[i];t.args[s]||n.push(s);}return {required:n.length===0?void 0:n}}function dl(e,t){let o=t.reduce((r,n)=>{let i=im(e,n);return i.required&&r.push({id:n.id,name:n.name,...i}),r},[]);return o.length===0?void 0:o}var pm=y(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var hl=({value:e="",onSave:t,requiredMessage:o="Field is required",required:r,onCancel:n,onClose:i,width:s="30%",open:a,children:l,label:c,onGenerateContent:p,...u})=>{let[f,d]=I.useState(e),[m,h]=I.useState(false),[S,b]=I.useState(false),x=pm({width:s}),O=!!p,w=I.useCallback(z=>{d(z.target.value);},[]),M=I.useCallback(()=>{i(true),n&&n();},[n,i]),C=I.useCallback(()=>{if(r&&!f){v.error(o),h(true);return}t(f.trim());},[f,t,r,o]),L=I.useCallback(async()=>{if(p){b(true);try{let z=await p();z!==void 0&&d(z);}finally{b(false);}}},[p]);return I.useEffect(()=>{d(e);},[e,a]),I__namespace.default.createElement(Qn,{onPositiveAction:C,onNegativeAction:M,onClose:M,open:a,...u},I__namespace.default.createElement(material.TextField,{className:x.input,multiline:true,rows:3,value:f,onChange:w,variant:"outlined",autoFocus:true,label:c,error:m,required:true,slotProps:{inputLabel:{shrink:true}}}),O&&I__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},I__namespace.default.createElement(material.Button,{className:x.generateButton,size:"small",onClick:L,disabled:S,startIcon:S?I__namespace.default.createElement(material.CircularProgress,{size:14}):void 0},S?"Generating...":"Generate Title")),l)};hl.displayName="InputDialog";var gl=li__default.default.create(e=>{let t=li.useModal(),o=I.useCallback(()=>{t.hide();},[t]),r=I.useCallback(n=>{e.onSave(n),t.hide();},[t,e]);return I__namespace.default.createElement(hl,{...e,open:t.visible,onClose:o,onSave:r})});gl.displayName="InputDialogModal";var Sl="input-dialog",ml=false,yl=()=>{ml||(li__default.default.register(Sl,gl),ml=true);},It={show:e=>li__default.default.show(Sl,e)};var Sm=y(e=>{let{background:t}=e.palette,o=gm__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),E=I.memo(e=>{let{open:t,progressSize:o,position:r="absolute"}=e,n=Sm();return t?I__namespace.default.createElement(material.Backdrop,{className:`${n.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&I__namespace.default.createElement(material.CircularProgress,{size:o})):null});E.displayName="Loader";var bm=typeof window<"u"?window.location.origin:"",A=reactQuery.createTRPCReact();function bl(){return A.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${bm}/__storybook_playwright/trpc`})]})}function wl(){let[e,t]=I__namespace.default.useState(),o=I__namespace.default.useRef(false),{data:r}=A.theme.getThemeData.useQuery();return I__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var fo=I.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=wl(),n=styles.createTheme({components:{MuiPaper:{styleOverrides:{root:{variants:[{props:{variant:"elevation"},style:{backgroundImage:"none"}}]}}}},palette:{action:{active:o.barTextColor},background:{default:o.appBg,paper:o.appContentBg},divider:o.appBorderColor,primary:{main:o.colorSecondary},secondary:{main:o.colorPrimary},text:{primary:o.barTextColor},mode:o.base==="dark"?"dark":"light"},typography:{fontFamily:o.fontBase}},r||{});return I__namespace.default.createElement(to,{theme:n},I__namespace.default.createElement(styles.ThemeProvider,{theme:n},t))});fo.displayName="ThemeProvider";var Cm=y(e=>{let{divider:t,text:o}=e.palette;return {root:{"& button":{alignItems:"center",display:"flex",marginTop:0},"& svg":{width:18},"&.border-bottom":{borderBottom:`1px solid ${t}`},"&.border-left":{borderLeft:`1px solid ${t}`},"&.border-right":{borderRight:`1px solid ${t}`},"&.border-top":{borderTop:`1px solid ${t}`},padding:2},toolbar:{"& > .left":{"& > *":{marginLeft:8}},"& > .left,& > .right":{alignItems:"center",display:"flex",minWidth:0},"& > .right":{"& > *":{marginRight:6}},alignItems:"center",color:o.primary,display:"flex",justifyContent:"space-between"}}},{name:"Toolbar"}),nt=e=>{let{children:t,border:o}=e,r=Cm();return I__namespace.default.createElement("div",{className:Mr__default.default(r.root)+(o&&o.map(n=>` border-${n}`).join(" "))},I__namespace.default.createElement("div",{className:r.toolbar},t))};nt.displayName="Toolbar";var ui=I.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:n,...i})=>{let s=I.useCallback(()=>{r&&r(),n&&n({},"backdropClick");},[r,n]);return I__namespace.default.createElement(Zn,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...i},I__namespace.default.createElement(material.Typography,null,e))});ui.displayName="ConfirmationPopover";var Om=D(Dm__default.default),mo=({className:e,setNodeRef:t,...o})=>I__namespace.default.createElement("span",{className:Mr__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},I__namespace.default.createElement(Om,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));mo.displayName="DragHandle";var Fm=y(e=>{let{palette:{divider:t,text:o,primary:r,secondary:n}}=e;return {column:{alignItems:"center",display:"flex"},handle:{fontSize:24},header:{"& svg":{"&:hover":{color:r.main},fontSize:18},alignItems:"center",display:"flex",justifyContent:"space-between",minHeight:"48px",padding:"5px 8px",paddingLeft:16},icons:{display:"flex",gap:2},root:{border:`1px solid ${t}`,color:o.primary,display:"flex",flexDirection:"column",fontSize:14,marginBottom:4,position:"relative"},secondaryColor:{"& svg":{color:n.main},color:n.main},selected:{border:`1px solid ${gm__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${n.main}`}}},{name:"ListItemWrapper"}),it=e=>{let{title:t,draggable:o,children:r,selected:n,className:i,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:p,...u}=e,f=Fm(),d=I.useCallback(m=>{s&&m.target.classList.contains("clickable")&&s(m);},[s]);return I__namespace.default.createElement("div",{className:Mr__default.default(f.root,{[f.selected]:n&&!c},{[f.selectedSecondary]:n&&c},i),...u,title:a,onClick:d},I__namespace.default.createElement("div",{className:Mr__default.default("clickable",f.header,"list-item-header")},I__namespace.default.createElement("div",{className:Mr__default.default(f.column,"clickable",{[f.secondaryColor]:c})},o&&I__namespace.default.createElement(mo,{...p}),material.capitalize(t)),I__namespace.default.createElement("div",{className:Mr__default.default("clickable",f.column,f.icons,{[f.secondaryColor]:c})},l)),r&&I__namespace.default.createElement("div",{className:"list-item-content"},r))};it.displayName="ListItemWrapper";var Vm=y(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var Dt=e=>{let{children:t,...o}=e,r=Vm(),n=I.useRef(null);return I.useEffect(()=>{!n.current||!n.current.parentElement||(n.current.parentElement.style.height="100%");},[]),I__namespace.default.createElement("div",{ref:n,...o,className:Mr__default.default(r.root,e.className)},I__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},fi=e=>I__namespace.default.createElement(Dt,{...e});fi.displayName="ListWrapperSortableContainer";Dt.displayName="ListWrapper";var Ce=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[n,i]=I__namespace.default.useState(null),s=I.useCallback(c=>{c.stopPropagation(),i(c.currentTarget);},[]),a=I.useCallback(()=>{o&&o(),i(null);},[o]),l=I.useCallback(()=>{a(),e();},[a,e]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},I__namespace.default.createElement(icons.TrashIcon,null)),n&&I__namespace.default.createElement(ui,{onClose:a,onConfirm:l,anchorEl:n}))};Ce.displayName="DeleteConfirmationButton";var ho=e=>{let{onClick:t,checked:o,onChange:r}=e,n=I__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return I__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:n,size:"small",active:o},o?I__namespace.default.createElement(icons.FormIcon,null):I__namespace.default.createElement(icons.StopAltHollowIcon,null))};ho.displayName="CheckBox";var Jm=y(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),kr=I.memo(I.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:n,onClick:i,selected:s}=e,a=Jm(),l=I.useCallback(()=>{i(n);},[n,i]);return I__namespace.default.createElement(material.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},I__namespace.default.createElement("div",null,r),I__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));kr.displayName="DeviceListItem";var hi=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,n]=I__namespace.default.useState(null),i=c=>{n(c.currentTarget);},s=()=>{n(null);},a=I.useMemo(()=>Object.keys(Ar),[]),l=I.useCallback(c=>{n(null),t(c);},[t]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.Button,{onClick:i},"Load From Device Descriptors"),I__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},I__namespace.default.createElement(kr,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>I__namespace.default.createElement(kr,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};hi.displayName="DeviceList";function T(){let[e,t]=I.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return I.useEffect(()=>{if(!r||!r.importPath)return;let n=r,i=n.importPath,s=i.substring(i.lastIndexOf("/")+1);t({fileName:s,filePath:i,id:n.id,name:n.name,parent:n.parent});},[r]),e}var ah={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},go=zustand.create()(middleware.devtools(()=>({...ah}),{name:"action-set-store"}));function Cl(e){return e.map(t=>{let{id:o,...r}=t;return r})}function Ml(e,t){if(e.length!==t.length)return  false;let o=Cl(e),r=Cl(t);return lh__default.default(o,r)}var j=()=>go.getState();function R(e){return go.setState(e)}function Ot(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function at(e,t,o,r){let n=e.stories[t]?.actionSets||[];return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:n.map(i=>i.id!==o?i:r(i))}}}}function Dl(e,t,o){let r=e.stories[t]?.actionSets||[];return {...Ot(e,t,r.filter(i=>i.id!==o)),orgEditingActionSet:void 0}}function El({storyId:e,actionSets:t}){let o=j();R(Ot(o,e,t));}function Ol({storyId:e,actionSets:t}){let o=j(),r=o.stories[e]?.actionSets||[],n=t.reduce((a,l)=>{if(r.length){let c;for(let p=0;p<r.length;p++){let u=r[p];if(!a.find(f=>f.id===u.id)&&Ml(u.actions,l.actions)){c=u;break}}c?a.push(c):a.push({...l,actions:l.actions.map(p=>(p.id=nanoid.nanoid(12),p)),id:nanoid.nanoid(12),temp:true});}else a.push({...l,actions:l.actions.map(c=>(c.id=nanoid.nanoid(12),c)),id:nanoid.nanoid(12),temp:true});return a},[]),i=n.map(a=>a.id),s=Ot(o,e,[...n,...r.filter(a=>!i.includes(a.id))]);R({...s,currentActionSets:i});}function lt({storyId:e,actionSet:t,selected:o,isNew:r}){let n=j(),i=[...n.stories[e]?(n.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=Ot(n,e,i);R({...s,currentActionSets:[...n.currentActionSets?n.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function ct(){R({currentActionSets:[]});}function Er({storyId:e,actionSetId:t}){let o=j();R(Dl(o,e,t));}function Bt(e){let t=j();!t.stories[e]||!t.stories[e].actionSets||R(Ot(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function gi({storyId:e,oldIndex:t,newIndex:o}){let r=j(),n=r.stories[e]?.actionSets||[];R(Ot(r,e,[...Il__default.default(n,t,o)]));}function Bl(e){let t=j(),o=t.currentActionSets.find(r=>r===e);R({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function Or(e){let t=j(),o=t.expandedActions[e]===true;R({expandedActions:{...t.expandedActions,[e]:!o}});}function Si(){R({expandedActions:{}});}function yi(e){R({actionSchema:e});}function So(e){let t=j(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...n}=o;if(r)R(Dl(t,e,o.id));else {let i=at(t,e,o.id,s=>({...s,...n}));R({...i,orgEditingActionSet:void 0});}}function Ll(e){let t=j();R({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function Nl({storyId:e,actionSetId:t,title:o}){let r=j();R(at(r,e,t,n=>({...n,title:o})));}function Fl({storyId:e,actionSetId:t,action:o}){let r=j();R(at(r,e,t,n=>({...n,actions:[...n.actions,o]})));}function _l({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let n=j();R(at(n,e,t,i=>({...i,actions:i.actions.map(s=>{if(s.id===o){let a=s.subtitleItems&&s.subtitleItems.find(l=>l===r);return {...s,subtitleItems:a&&s.subtitleItems?s.subtitleItems.filter(l=>l!==r):[...s.subtitleItems||[],r]}}return s})})));}function zl({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let n=j();R(at(n,e,t,i=>({...i,actions:[...Il__default.default(i.actions,o,r)]})));}function Rl({storyId:e,actionSetId:t,actionId:o}){let r=j();R(at(r,e,t,n=>({...n,actions:n.actions.filter(i=>i.id!==o)})));}function vi({storyId:e,actionSetId:t,actionId:o,objPath:r,val:n}){let i=j();R(at(i,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:yn__namespace.set(a.args,r,n)}:a)})));}function Hl(){R({orgEditingActionSet:void 0});}function pe(){return go()}var fh={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},te=zustand.create()(middleware.devtools(middleware.persist(()=>({...fh}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function _e(e){return te.setState(e)}function Vl(e){_e({addonState:e});}function bi(e){_e({browserOptions:e});}function Kl(e){_e({screenshotOptions:e});}function Wl(e){_e({dragStart:e});}function wi(e){_e({selectorManager:e});}function Br(e){_e({screenshotUpdateState:e});}function xi(e){_e({editScreenshotState:e});}function Ai(e){_e({schemaLoaded:e});}function Gl(){return te(e=>e.addonState)}function Ul(){return te(e=>e.browserOptions)}function Lr(){return te(e=>e.screenshotOptions)}function jl(){return te(e=>e.dragStart)}function $l(){return te(e=>e.selectorManager)}function ql(){return te(e=>e.screenshotUpdateState)}function Xl(){return te(e=>e.editScreenshotState)}function Yl(){return te(e=>e.schemaLoaded)}function Jl(e){let{mutateAsync:t,isPending:o}=A.actionSet.saveActionSet.useMutation({onError:u=>{v.error(u.message||"Unexpected error occurred");}}),r=pe(),n=T(),i=I.useCallback(u=>{if(!n)return;let f=nanoid.nanoid(10),d={id:f,name:u};Si(),Fl({action:d,actionSetId:e.id,storyId:n.id}),Or(f);},[n,e.id]);I.useEffect(()=>()=>Si(),[]);let s=I.useCallback(async()=>{let u=dl(r.actionSchema,e.actions);if(u){let f=u.map(d=>{if(!(!d.required||d.required.length===0))return `Action name: ${d.name}
 Required: ${d.required.join(",")}`}).filter(Boolean).join(`
-`);if(f){v.error(f,{closeButton:true,duration:6e4,id:"action-set-editor-validation"});return}}if(!e.temp){if(!n)return;try{await t({actionSet:e,filePath:n.filePath,storyId:n.id});}catch{return}}Hl();},[e,t,r.actionSchema,n]),a=M.useCallback(u=>{!n||!r.orgEditingActionSet||Nl({actionSetId:r.orgEditingActionSet.id,storyId:n.id,title:u});},[n,r.orgEditingActionSet]),l=M.useCallback(()=>{n&&So(n.id);},[n]),c=e!==void 0,p=n&&n.id;return M__namespace.default.useEffect(()=>()=>{c&&p&&l();},[l,c,p]),{cancelEditActionSet:l,handleAddAction:i,handleDescriptionChange:a,handleSave:s,inProgress:o,state:r}}function Ql(e){let{mutateAsync:t,isPending:o}=A.actionSet.saveActionSet.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");}});return {copyActionSet:M.useCallback(async n=>{if(!e)return;let i=JSON.parse(JSON.stringify(n));i.id=nanoid.nanoid(12);try{await t({actionSet:i,filePath:e.filePath,storyId:e.id}),lt({actionSet:i,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function ze(e){let t=pe();return {currentActions:M.useMemo(()=>{if(!t.initialised)return [];let r=t.stories[e];return r?.actionSets?r.actionSets.filter(n=>t.currentActionSets.includes(n.id)):[]},[t.currentActionSets,t.initialised,t.stories,e]),state:t}}function Zl(){let e=managerApi.useStorybookState(),t=pe(),[o,r]=M.useState([]);return M.useEffect(()=>{if(!t.stories||!t.stories[e.storyId]){r([]);return}let n=t.stories[e.storyId].actionSets||[];r(n);},[t.stories,e.storyId]),{currentActionSets:t.currentActionSets,state:t,storyActionSets:o}}function Fr(e,t){let[o,r]=M.useState(),n=pe();return M.useEffect(()=>{let i=e?n.stories?.[e]:void 0;if(!e||!i||!i.actionSets||!i.actionSets.length||!n.orgEditingActionSet){r(void 0);return}let s=n.orgEditingActionSet;if(!s){r(void 0);return}let a=i.actionSets.find(c=>c.id===s.id);if(!a){r(void 0);return}let l=a.actions.find(c=>c.id===t);r(l);},[t,n,e]),o}var yo={};function ec(){let{mutateAsync:e,isPending:t}=A.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=T()||{};return M.useEffect(()=>{!r||!o||t||yo[r]&&yo[r][o]||e({filePath:r,storyId:o}).then(n=>{yo[r]||(yo[r]={}),yo[r][o]=true,n&&El({actionSets:n,storyId:o});}).catch(n=>{let i=n instanceof Error?n.message:"Failed to load action sets";v.error(i,{duration:1/0,id:`action-set-list:${i}`});});},[r,t,e,o]),{loading:t}}function Lt(){let e=Yl(),{data:t,isLoading:o,error:r,refetch:n}=A.schema.getActionsSchema.useQuery(void 0,{enabled:!e});M.useEffect(()=>{r&&v.error(r.message||"Unexpected error occurred");},[r]);let i=M.useCallback(async()=>{let s=await n();s.data&&(yi(s.data),Ai(true));},[n]);return M.useEffect(()=>{t&&(yi(t),Ai(true));},[t]),M.useEffect(()=>{o||e||i();},[o,i,e]),{loaded:e,loading:o}}function Nt(e,t){let o=ql(),[r,n]=M__namespace.default.useState(false),i=M__namespace.default.useCallback(()=>{Br({inProgress:true,reqBy:e,target:t});},[e,t]),s=M__namespace.default.useCallback(()=>{Br({}),n(false);},[]);return M__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&Br({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:i,setIsLoadingFinish:n,updateInf:o}}var Mh={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},Ft=zustand.create()(middleware.devtools(()=>({...Mh}),{name:"screenshot-store"}));var Re=()=>Ft.getState();function fe(e){return Ft.setState(e)}function tc(e){let t=Re(),o=t.screenshots?[...t.screenshots,e]:[e];fe({screenshots:[...o]});}function oc(e){let t=Re();fe({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function Pi({oldIndex:e,newIndex:t}){let o=Re();fe({screenshots:[...Il__default.default(o.screenshots,e,t).map((r,n)=>(r.index=n,r))]});}function rc(){fe({screenshots:[]});}function zr(e){fe({screenshots:e});}function _t(e){fe({imageDiffResults:e});}function Rr(e){let t=Re();fe({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function nc(e){let t=Re();fe({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function vo(e){fe({pauseDeleteImageDiffResult:e});}function Hr(e){let t=Re();t.pauseDeleteImageDiffResult||fe({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function ic(){let e=Re();fe({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function sc(e){let t=Re();fe({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function ac(){return Ft(e=>e.imageDiffResults)}function He(){return Ft()}function lc(){let{mutateAsync:e,isPending:t}=A.screenshot.deleteStoryScreenshots.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");},onSuccess:()=>{v.success("Story screenshots deleted successfully.");}}),o=T(),r=M.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),rc();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function zt(){let e=T(),{mutateAsync:t,isPending:o}=A.screenshot.testScreenshots.useMutation({onError:n=>{let i=n.message||"Unexpected error occurred";v.error(i);}}),r=M.useCallback(async n=>{if(e)try{let i=await t({filePath:e.filePath,requestId:nanoid.nanoid(),requestType:n,storyId:e.id});return n==="file"||n==="story"?i.forEach(s=>{Rr(s);}):_t(i),i}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function cc(){let e=M.useRef(),t=T(),{mutateAsync:o,isPending:r}=A.screenshot.getStoryScreenshots.useMutation({onError:i=>{v.error(i.message||"Unexpected error occurred");}}),n=M.useCallback(async()=>{if(t)try{let i=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,zr(i||[]);}catch{}},[o,t]);return M.useEffect(()=>{r||!t||e.current&&e.current===t.id||n();},[n,r,t]),{error:void 0,loadScreenShots:n,screenshotLoaderInProgress:r,storyData:t}}function Vr(){return {dragStart:jl(),setDragStart:Wl}}function de(){return {addonState:Gl(),setAddonState:Vl}}var Wr=["chromium","firefox","webkit"];function Gr(e){let{addonState:t,setAddonState:o}=de(),[r,n]=M.useState([]),[i]=M.useState(Wr),s=M.useCallback(u=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][u]),[t,e]),a=M.useCallback((u,f,d)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[f]:{...t.disabledBrowser[f],[u]:d}}});},[t,o]);M.useEffect(()=>{let u=te.subscribe((f,d)=>{(!object.deepEqual(f.browserOptions.all,d.browserOptions.all)||!object.deepEqual(f.screenshotOptions,d.screenshotOptions))&&n(Wr),Wr.forEach(m=>{object.deepEqual(f.browserOptions[m],d.browserOptions[m])||n(h=>h.includes(m)?h:[...h,m]);});});return ()=>{u();}},[i]),M.useEffect(()=>{let u=managerApi.addons.getChannel(),f=()=>{let d=Wr.filter(m=>!s(m));n(m=>m.length===d.length&&d.every(h=>m.includes(h))?m:d);};return u.on(coreEvents.STORY_RENDERED,f),()=>{u.off(coreEvents.STORY_RENDERED,f);}},[s]);let l=M.useCallback(u=>{let f=!s(u);if(a(u,e,f),f){n(d=>d.filter(m=>m!==u));return}n(d=>d.includes(u)?d:[...d,u]);},[e,s,a]),c=M.useCallback(u=>{n(f=>f.filter(d=>d!==u));},[]);return {activeBrowsers:M.useMemo(()=>i.filter(u=>!s(u)),[i,s]),browserTypes:i,isDisabled:s,refreshingBrowsers:r,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:n}}function G(e){let t=Ul(),o=M.useCallback((s,a)=>{bi({...t,[s]:rl(a)});},[t]),r=M.useCallback((s,a)=>{bi({...t,[s]:a});},[t]),n=M.useCallback(s=>({...t.all,...t[s]}),[t]),i=M.useMemo(()=>e?t&&t[e]&&Object.keys(t[e]).length>0:false,[t,e]);return {browserOptions:t,getBrowserOptions:n,hasOption:i,setBrowserDeviceOptions:o,setBrowserOptions:r}}function $(){return {screenshotOptions:Lr(),setScreenshotOptions:Kl}}function mc(){let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=managerApi.useStorybookApi(),i=T(),s=M.useCallback(l=>{i&&(!l.actionSets||!l.actionSets.length||Ol({actionSets:l.actionSets,storyId:i.id}));},[i]),a=M.useCallback((l,c=false)=>{if(!i)return;n.emit(coreEvents.RESET_STORY_ARGS,{storyId:i?.id});let p=cl(l);p&&Object.keys(p).length&&n.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:i?.id,updatedArgs:p});let u=ll(l);u&&Object.keys(u).length&&n.emit(coreEvents.UPDATE_GLOBALS,{globals:u}),s(l),(l.browserOptions||c)&&e("all",l.browserOptions),(l.screenshotOptions||c)&&o(l.screenshotOptions);},[n,s,e,o,i]);return {browserOptions:t,loadSetting:a,screenshotOptions:r}}function Ve(){let e=Xl(),t=T(),{setAddonState:o,addonState:r}=de(),{setBrowserState:n}=Gr("dialog"),{loadSetting:i,screenshotOptions:s,browserOptions:a}=mc(),l=M.useRef(false),c=managerApi.useStorybookApi(),p=M.useCallback(()=>{t?.id&&Bt(t.id),ct(),c.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),e&&i({browserOptions:e.currentBrowserOptions,browserType:e.screenshotData.browserType,id:e.screenshotData.id,screenshotOptions:e.currentScreenshotOptions,title:e.screenshotData.title},true),l.current||xi(void 0);},[c,e,i,t]),u=M.useCallback(d=>{t&&(p(),xi({currentBrowserOptions:a.all,currentScreenshotOptions:s,screenshotData:d,storyId:t.id}),i(d),n(d.browserType,"main",false),r.previewPanelEnabled||o({...r,previewPanelEnabled:true}));},[r,a.all,p,i,s,o,n,t]),f=M.useCallback(d=>e?e.screenshotData.browserType===d:false,[e]);return M.useEffect(()=>()=>{l.current=true;},[]),M.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){p();return}},[p,e,t]),{clearScreenshotEdit:p,editScreenshot:u,editScreenshotState:e,isEditing:f,loadSetting:i}}function Rt(){let[e,t]=M.useState(void 0),{mutateAsync:o,isPending:r,reset:n,data:i}=A.screenshot.testScreenshot.useMutation({onError:a=>{let l=a.message||"Unexpected error occurred";t(l),v.error(l);}}),s=M.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return Rr(l),l}catch{return}},[o]);return {inProgress:r,reset:n,result:i,testScreenshot:s,testScreenshotError:e}}var Yh=Sc__default.default.default??Sc__default.default,Me=({screenshotData:e,size:t="small",color:o,onClose:r})=>{let[n,i]=M__namespace.default.useState(null),s=M.useCallback(()=>{let{id:l,index:c,...p}=e;return p},[e]),a=M.useCallback(l=>{r&&n&&r(),i(n?null:l.currentTarget);},[n,r]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},M__namespace.default.createElement(icons.CogIcon,null)),M__namespace.default.createElement(material.Popover,{anchorEl:n,open:!!n,onClose:a},M__namespace.default.createElement("div",null,n&&M__namespace.default.createElement(Yh,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Me.displayName="ScreenshotInfo";function vc(){let e=T(),[t,o]=M.useState(),{mutateAsync:r,reset:n,isPending:i}=A.screenshot.deleteScreenshot.useMutation({onError:l=>{let c=l.message||"Unexpected error occurred";o(c),v.error(c);},onSuccess:()=>{v.success("Screenshot deleted successfully.");}}),s=M.useCallback(()=>{o(void 0),n();},[n]),a=M.useCallback(async l=>{if(e){o(void 0);try{await r({filePath:e.filePath,screenshotId:l,storyId:e.id}),sc(l);}catch{}}},[r,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:i}}var Di=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:n}=e,{deleteScreenshot:i,inProgress:s}=vc(),a=M.useCallback(()=>{i(o.id),n();},[i,o.id]);return M.useEffect(()=>{t(s);},[s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Ce,{onClose:r,onDelete:a}))};Di.displayName="ScreenshotDelete";function Ur(e){let{mutateAsync:t,isPending:o,reset:r}=A.screenshot.updateScreenshot.useMutation({onError:s=>{v.error(s.message||"Unexpected error occurred");},onSuccess:()=>{e&&v.success(e);}}),n=M.useCallback(()=>{r();},[r]);return {updateScreenshot:M.useCallback(async s=>{if(!s.filePath||!s.screenshotId||!s.storyId)return;try{await t({base64:s.newScreenshot,filePath:s.filePath,screenshotId:s.screenshotId,storyId:s.storyId});}catch{return}let a={diffSize:false,filePath:s.filePath,index:s.index,newScreenshot:s.newScreenshot,pass:true,screenshotId:s.screenshotId,storyId:s.storyId};nc(a);},[t]),updateScreenshotClearResult:n,updateScreenshotInProgress:o}}var Ei=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,n=T(),{updateScreenshot:i,updateScreenshotInProgress:s}=Ur("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:p}=Rt(),u=M.useCallback(async()=>{if(r)await i(r);else {if(!n)return;await a({...n,screenshotId:t.id});}},[r,t.id,n,a,i]),f=M.useCallback(async()=>{p&&(await i(p),c());},[c,p,i]);return M.useEffect(()=>{o(l||s);},[l,o,s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{onClick:u,size:"small",title:"Update screenshot"},M__namespace.default.createElement(icons.RefreshIcon,null)),p&&M__namespace.default.createElement(ut,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:p,onClose:c,open:true,titleActions:()=>M__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:c,color:"primary"},"No"),M__namespace.default.createElement(material.Button,{onClick:f,color:"primary",autoFocus:true},"Yes"))}),M__namespace.default.createElement(E,{open:s}))};Ei.displayName="ScreenshotUpdate";var c0=y(e=>({menu:{"&::before":{backgroundColor:e.palette.background.paper,bottom:0,content:'""',left:0,opacity:.9,position:"absolute",right:0,top:0},display:"none",position:"absolute",right:30,top:10},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"}),Bi=M.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:r,enableUpdate:n,enableEditScreenshot:i,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:p,onEditClick:u,isEditing:f,onDelete:d},m)=>{let[h,S]=M.useState(false),b=c0();return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:h}),M__namespace.default.createElement("div",{ref:m,className:Mr__default.default(b.menu,{[b.visible]:s})},!f&&i&&M__namespace.default.createElement(components.IconButton,{onClick:u,title:"Edit screenshot"},M__namespace.default.createElement(icons.EditIcon,null)),e&&M__namespace.default.createElement(components.IconButton,{onClick:p,title:"Load screenshot settings"},M__namespace.default.createElement(icons.OutboxIcon,null)),n&&M__namespace.default.createElement(Ei,{onStateChange:S,screenshot:o,imageDiffResult:t?void 0:c}),r&&M__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},M__namespace.default.createElement(icons.ContrastIcon,null)),M__namespace.default.createElement(Di,{onClose:a||(()=>{}),onStateChange:S,screenshot:o,onDelete:d}),M__namespace.default.createElement(Me,{onClose:a,screenshotData:o})))});Bi.displayName="ScreenshotListItemMenu";var Li=({children:e,...t})=>M__namespace.default.createElement(it,{style:{cursor:"pointer"},icons:e,...t});Li.displayName="ScreenshotListItemWrapper";function Ac(e){let{fixFunction:t}=e,o=T(),[r,n]=M__namespace.default.useState(false),[i,s]=M__namespace.default.useState(""),[a,l]=M__namespace.default.useState(void 0),{mutateAsync:c,isPending:p}=A.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let S=h.message||"Unexpected error occurred";l(S),v.error(S);}}),u=M__namespace.default.useCallback(()=>{l(void 0);},[]),f=M__namespace.default.useCallback(()=>{if(!i&&t){v.error("Enter previous name export function.");return}if(!o){v.error("Unable to find current story data.");return}l(void 0),c({...o,previousNamedExport:i}).then(()=>{n(true);}).catch(()=>{});},[o,t,i,c]),d=M__namespace.default.useCallback(()=>{document.location.reload();},[]),m=M__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:u,fixFileNames:f,fixFileNamesError:a,fixFileNamesInProgress:p,functionName:i,handleFunctionNameInput:m,handleReload:d,reload:r}}function Ht(){let[e,t]=M.useState(),o=managerApi.useStorybookApi(),r=M.useRef(o);return r.current=o,M.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.args)return;let c=r.current.getCurrentStoryData()?.initialArgs||{},p=Object.keys(a.args).reduce((u,f)=>{let d=a.args[f];return d!==void 0&&!ah__default.default(d,c[f])&&(u[f]=a.args[f]),u},{});t(Object.keys(p).length>0?p:void 0);},s=()=>{t(void 0);};return n.on(coreEvents.STORY_ARGS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.STORY_ARGS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Cc(e){let t=T(),{currentActions:o}=ze(t?.id??""),r=Ht(),n=managerApi.useStorybookApi(),{getBrowserOptions:i}=G(),s=Lr(),{data:a=false}=A.screenshot.hasScreenshotTitleGenerator.useQuery(),l=i(e),{mutateAsync:c,isPending:p}=A.screenshot.generateScreenshotTitle.useMutation({onError:f=>{v.error(f.message||"Failed to generate screenshot title");}});return {generateTitle:M.useCallback(async()=>{if(!t||e==="storybook")return;let f=n.getCurrentStoryData();try{return await c({browser:{type:e,options:l},story:{actions:o,changedArgs:r,filePath:t.filePath,id:t.id,initialArgs:f.initialArgs,argTypes:f.argTypes,parameters:f.parameters,name:f.name,title:f.title},screenshotOptions:s})}catch{return}},[n,r,l,e,o,c,s,t]),hasGenerator:a,isGenerating:p}}function Mc(){return {imageDiffResult:ac(),setImageDiffResult:_t}}function b0(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?Tr(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function kc(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:n}=zt(),[i,s]=M__namespace.default.useState(false),a=M__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&zr(b0(l,e,n).filter(c=>!!c)),t&&t(),s(true);},[r,e,n,t]);return M.useEffect(()=>{!n||i||a();},[a,i,n]),{loading:o,storyData:n}}function jr(){let[e,t]=M.useState(),o=managerApi.useStorybookApi(),r=M.useRef(o);return r.current=o,M.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.globals){t(void 0);return}let l=r.current.getCurrentStoryData(),c=a.initialGlobals||l?.initialGlobals||{},p=Object.keys(a.globals).reduce((u,f)=>{let d=a.globals?.[f];return d!==void 0&&!ah__default.default(d,c[f])&&(u[f]=d),u},{});t(Tt(p));},s=()=>{t(void 0);};return n.on(coreEvents.GLOBALS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.GLOBALS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Oc(e){let{title:t,browserType:o}={},r=Ht(),n=jr(),{screenshotOptions:i}=$(),s=T(),{editScreenshotState:a,clearScreenshotEdit:l}=Ve(),{currentActions:c}=ze(s?.id??""),[p,u]=M.useState(void 0),{mutateAsync:f,data:d,reset:m,isPending:h}=A.screenshot.saveScreenshot.useMutation({onError:C=>{let L=C.message||"Unexpected error occurred";u(L),v.error(L);},onSettled(C,L){if(L){v.error(L.message||"Unexpected error occurred in saving screenshot");return}if(!C)return;let z=t||C.oldScreenShotTitle;if(C.added)v.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:m,onDismiss:m});else if(C.pass){let H=`Testing existing screenshot were successful, no change has been detected.${z?`
+`);if(f){v.error(f,{closeButton:true,duration:6e4,id:"action-set-editor-validation"});return}}if(!e.temp){if(!n)return;try{await t({actionSet:e,filePath:n.filePath,storyId:n.id});}catch{return}}Hl();},[e,t,r.actionSchema,n]),a=I.useCallback(u=>{!n||!r.orgEditingActionSet||Nl({actionSetId:r.orgEditingActionSet.id,storyId:n.id,title:u});},[n,r.orgEditingActionSet]),l=I.useCallback(()=>{n&&So(n.id);},[n]),c=e!==void 0,p=n&&n.id;return I__namespace.default.useEffect(()=>()=>{c&&p&&l();},[l,c,p]),{cancelEditActionSet:l,handleAddAction:i,handleDescriptionChange:a,handleSave:s,inProgress:o,state:r}}function Ql(e){let{mutateAsync:t,isPending:o}=A.actionSet.saveActionSet.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");}});return {copyActionSet:I.useCallback(async n=>{if(!e)return;let i=JSON.parse(JSON.stringify(n));i.id=nanoid.nanoid(12);try{await t({actionSet:i,filePath:e.filePath,storyId:e.id}),lt({actionSet:i,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function ze(e){let t=pe();return {currentActions:I.useMemo(()=>{if(!t.initialised)return [];let r=t.stories[e];return r?.actionSets?r.actionSets.filter(n=>t.currentActionSets.includes(n.id)):[]},[t.currentActionSets,t.initialised,t.stories,e]),state:t}}function Zl(){let e=managerApi.useStorybookState(),t=pe(),[o,r]=I.useState([]);return I.useEffect(()=>{if(!t.stories||!t.stories[e.storyId]){r([]);return}let n=t.stories[e.storyId].actionSets||[];r(n);},[t.stories,e.storyId]),{currentActionSets:t.currentActionSets,state:t,storyActionSets:o}}function Fr(e,t){let[o,r]=I.useState(),n=pe();return I.useEffect(()=>{let i=e?n.stories?.[e]:void 0;if(!e||!i||!i.actionSets||!i.actionSets.length||!n.orgEditingActionSet){r(void 0);return}let s=n.orgEditingActionSet;if(!s){r(void 0);return}let a=i.actionSets.find(c=>c.id===s.id);if(!a){r(void 0);return}let l=a.actions.find(c=>c.id===t);r(l);},[t,n,e]),o}var yo={};function ec(){let{mutateAsync:e,isPending:t}=A.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=T()||{};return I.useEffect(()=>{!r||!o||t||yo[r]&&yo[r][o]||e({filePath:r,storyId:o}).then(n=>{yo[r]||(yo[r]={}),yo[r][o]=true,n&&El({actionSets:n,storyId:o});}).catch(n=>{let i=n instanceof Error?n.message:"Failed to load action sets";v.error(i,{duration:1/0,id:`action-set-list:${i}`});});},[r,t,e,o]),{loading:t}}function Lt(){let e=Yl(),{data:t,isLoading:o,error:r,refetch:n}=A.schema.getActionsSchema.useQuery(void 0,{enabled:!e});I.useEffect(()=>{r&&v.error(r.message||"Unexpected error occurred");},[r]);let i=I.useCallback(async()=>{let s=await n();s.data&&(yi(s.data),Ai(true));},[n]);return I.useEffect(()=>{t&&(yi(t),Ai(true));},[t]),I.useEffect(()=>{o||e||i();},[o,i,e]),{loaded:e,loading:o}}function Nt(e,t){let o=ql(),[r,n]=I__namespace.default.useState(false),i=I__namespace.default.useCallback(()=>{Br({inProgress:true,reqBy:e,target:t});},[e,t]),s=I__namespace.default.useCallback(()=>{Br({}),n(false);},[]);return I__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&Br({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:i,setIsLoadingFinish:n,updateInf:o}}var Ih={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},Ft=zustand.create()(middleware.devtools(()=>({...Ih}),{name:"screenshot-store"}));var Re=()=>Ft.getState();function fe(e){return Ft.setState(e)}function tc(e){let t=Re(),o=t.screenshots?[...t.screenshots,e]:[e];fe({screenshots:[...o]});}function oc(e){let t=Re();fe({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function Pi({oldIndex:e,newIndex:t}){let o=Re();fe({screenshots:[...Il__default.default(o.screenshots,e,t).map((r,n)=>(r.index=n,r))]});}function rc(){fe({screenshots:[]});}function zr(e){fe({screenshots:e});}function _t(e){fe({imageDiffResults:e});}function Rr(e){let t=Re();fe({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function nc(e){let t=Re();fe({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function vo(e){fe({pauseDeleteImageDiffResult:e});}function Hr(e){let t=Re();t.pauseDeleteImageDiffResult||fe({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function ic(){let e=Re();fe({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function sc(e){let t=Re();fe({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function ac(){return Ft(e=>e.imageDiffResults)}function He(){return Ft()}function lc(){let{mutateAsync:e,isPending:t}=A.screenshot.deleteStoryScreenshots.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");},onSuccess:()=>{v.success("Story screenshots deleted successfully.");}}),o=T(),r=I.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),rc();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function zt(){let e=T(),{mutateAsync:t,isPending:o}=A.screenshot.testScreenshots.useMutation({onError:n=>{let i=n.message||"Unexpected error occurred";v.error(i);}}),r=I.useCallback(async n=>{if(e)try{let i=await t({filePath:e.filePath,requestId:nanoid.nanoid(),requestType:n,storyId:e.id});return n==="file"||n==="story"?i.forEach(s=>{Rr(s);}):_t(i),i}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function cc(){let e=I.useRef(),t=T(),{mutateAsync:o,isPending:r}=A.screenshot.getStoryScreenshots.useMutation({onError:i=>{v.error(i.message||"Unexpected error occurred");}}),n=I.useCallback(async()=>{if(t)try{let i=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,zr(i||[]);}catch{}},[o,t]);return I.useEffect(()=>{r||!t||e.current&&e.current===t.id||n();},[n,r,t]),{error:void 0,loadScreenShots:n,screenshotLoaderInProgress:r,storyData:t}}function Vr(){return {dragStart:jl(),setDragStart:Wl}}function de(){return {addonState:Gl(),setAddonState:Vl}}var Wr=["chromium","firefox","webkit"];function Gr(e){let{addonState:t,setAddonState:o}=de(),[r,n]=I.useState([]),[i]=I.useState(Wr),s=I.useCallback(u=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][u]),[t,e]),a=I.useCallback((u,f,d)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[f]:{...t.disabledBrowser[f],[u]:d}}});},[t,o]);I.useEffect(()=>{let u=te.subscribe((f,d)=>{(!object.deepEqual(f.browserOptions.all,d.browserOptions.all)||!object.deepEqual(f.screenshotOptions,d.screenshotOptions))&&n(Wr),Wr.forEach(m=>{object.deepEqual(f.browserOptions[m],d.browserOptions[m])||n(h=>h.includes(m)?h:[...h,m]);});});return ()=>{u();}},[i]),I.useEffect(()=>{let u=managerApi.addons.getChannel(),f=()=>{let d=Wr.filter(m=>!s(m));n(m=>m.length===d.length&&d.every(h=>m.includes(h))?m:d);};return u.on(coreEvents.STORY_RENDERED,f),()=>{u.off(coreEvents.STORY_RENDERED,f);}},[s]);let l=I.useCallback(u=>{let f=!s(u);if(a(u,e,f),f){n(d=>d.filter(m=>m!==u));return}n(d=>d.includes(u)?d:[...d,u]);},[e,s,a]),c=I.useCallback(u=>{n(f=>f.filter(d=>d!==u));},[]);return {activeBrowsers:I.useMemo(()=>i.filter(u=>!s(u)),[i,s]),browserTypes:i,isDisabled:s,refreshingBrowsers:r,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:n}}function G(e){let t=Ul(),o=I.useCallback((s,a)=>{bi({...t,[s]:rl(a)});},[t]),r=I.useCallback((s,a)=>{bi({...t,[s]:a});},[t]),n=I.useCallback(s=>({...t.all,...t[s]}),[t]),i=I.useMemo(()=>e?t&&t[e]&&Object.keys(t[e]).length>0:false,[t,e]);return {browserOptions:t,getBrowserOptions:n,hasOption:i,setBrowserDeviceOptions:o,setBrowserOptions:r}}function $(){return {screenshotOptions:Lr(),setScreenshotOptions:Kl}}function mc(){let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=managerApi.useStorybookApi(),i=T(),s=I.useCallback(l=>{i&&(!l.actionSets||!l.actionSets.length||Ol({actionSets:l.actionSets,storyId:i.id}));},[i]),a=I.useCallback((l,c=false)=>{if(!i)return;n.emit(coreEvents.RESET_STORY_ARGS,{storyId:i?.id});let p=cl(l);p&&Object.keys(p).length&&n.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:i?.id,updatedArgs:p});let u=ll(l);u&&Object.keys(u).length&&n.emit(coreEvents.UPDATE_GLOBALS,{globals:u}),s(l),(l.browserOptions||c)&&e("all",l.browserOptions),(l.screenshotOptions||c)&&o(l.screenshotOptions);},[n,s,e,o,i]);return {browserOptions:t,loadSetting:a,screenshotOptions:r}}function Ve(){let e=Xl(),t=T(),{setAddonState:o,addonState:r}=de(),{setBrowserState:n}=Gr("dialog"),{loadSetting:i,screenshotOptions:s,browserOptions:a}=mc(),l=I.useRef(false),c=managerApi.useStorybookApi(),p=I.useCallback(()=>{t?.id&&Bt(t.id),ct(),c.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),e&&i({browserOptions:e.currentBrowserOptions,browserType:e.screenshotData.browserType,id:e.screenshotData.id,screenshotOptions:e.currentScreenshotOptions,title:e.screenshotData.title},true),l.current||xi(void 0);},[c,e,i,t]),u=I.useCallback(d=>{t&&(p(),xi({currentBrowserOptions:a.all,currentScreenshotOptions:s,screenshotData:d,storyId:t.id}),i(d),n(d.browserType,"main",false),r.previewPanelEnabled||o({...r,previewPanelEnabled:true}));},[r,a.all,p,i,s,o,n,t]),f=I.useCallback(d=>e?e.screenshotData.browserType===d:false,[e]);return I.useEffect(()=>()=>{l.current=true;},[]),I.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){p();return}},[p,e,t]),{clearScreenshotEdit:p,editScreenshot:u,editScreenshotState:e,isEditing:f,loadSetting:i}}function Rt(){let[e,t]=I.useState(void 0),{mutateAsync:o,isPending:r,reset:n,data:i}=A.screenshot.testScreenshot.useMutation({onError:a=>{let l=a.message||"Unexpected error occurred";t(l),v.error(l);}}),s=I.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return Rr(l),l}catch{return}},[o]);return {inProgress:r,reset:n,result:i,testScreenshot:s,testScreenshotError:e}}var Jh=Sc__default.default.default??Sc__default.default,Me=({screenshotData:e,size:t="small",color:o,onClose:r})=>{let[n,i]=I__namespace.default.useState(null),s=I.useCallback(()=>{let{id:l,index:c,...p}=e;return p},[e]),a=I.useCallback(l=>{r&&n&&r(),i(n?null:l.currentTarget);},[n,r]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},I__namespace.default.createElement(icons.CogIcon,null)),I__namespace.default.createElement(material.Popover,{anchorEl:n,open:!!n,onClose:a},I__namespace.default.createElement("div",null,n&&I__namespace.default.createElement(Jh,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Me.displayName="ScreenshotInfo";function vc(){let e=T(),[t,o]=I.useState(),{mutateAsync:r,reset:n,isPending:i}=A.screenshot.deleteScreenshot.useMutation({onError:l=>{let c=l.message||"Unexpected error occurred";o(c),v.error(c);},onSuccess:()=>{v.success("Screenshot deleted successfully.");}}),s=I.useCallback(()=>{o(void 0),n();},[n]),a=I.useCallback(async l=>{if(e){o(void 0);try{await r({filePath:e.filePath,screenshotId:l,storyId:e.id}),sc(l);}catch{}}},[r,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:i}}var Di=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:n}=e,{deleteScreenshot:i,inProgress:s}=vc(),a=I.useCallback(()=>{i(o.id),n();},[i,o.id]);return I.useEffect(()=>{t(s);},[s]),I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(Ce,{onClose:r,onDelete:a}))};Di.displayName="ScreenshotDelete";function Ur(e){let{mutateAsync:t,isPending:o,reset:r}=A.screenshot.updateScreenshot.useMutation({onError:s=>{v.error(s.message||"Unexpected error occurred");},onSuccess:()=>{e&&v.success(e);}}),n=I.useCallback(()=>{r();},[r]);return {updateScreenshot:I.useCallback(async s=>{if(!s.filePath||!s.screenshotId||!s.storyId)return;try{await t({base64:s.newScreenshot,filePath:s.filePath,screenshotId:s.screenshotId,storyId:s.storyId});}catch{return}let a={diffSize:false,filePath:s.filePath,index:s.index,newScreenshot:s.newScreenshot,pass:true,screenshotId:s.screenshotId,storyId:s.storyId};nc(a);},[t]),updateScreenshotClearResult:n,updateScreenshotInProgress:o}}var Ei=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,n=T(),{updateScreenshot:i,updateScreenshotInProgress:s}=Ur("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:p}=Rt(),u=I.useCallback(async()=>{if(r)await i(r);else {if(!n)return;await a({...n,screenshotId:t.id});}},[r,t.id,n,a,i]),f=I.useCallback(async()=>{p&&(await i(p),c());},[c,p,i]);return I.useEffect(()=>{o(l||s);},[l,o,s]),I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(components.IconButton,{onClick:u,size:"small",title:"Update screenshot"},I__namespace.default.createElement(icons.RefreshIcon,null)),p&&I__namespace.default.createElement(ut,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:p,onClose:c,open:true,titleActions:()=>I__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.Button,{onClick:c,color:"primary"},"No"),I__namespace.default.createElement(material.Button,{onClick:f,color:"primary",autoFocus:true},"Yes"))}),I__namespace.default.createElement(E,{open:s}))};Ei.displayName="ScreenshotUpdate";var u0=y(e=>({menu:{"&::before":{backgroundColor:e.palette.background.paper,bottom:0,content:'""',left:0,opacity:.9,position:"absolute",right:0,top:0},display:"none",position:"absolute",right:30,top:10},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"}),Bi=I.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:r,enableUpdate:n,enableEditScreenshot:i,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:p,onEditClick:u,isEditing:f,onDelete:d},m)=>{let[h,S]=I.useState(false),b=u0();return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:h}),I__namespace.default.createElement("div",{ref:m,className:Mr__default.default(b.menu,{[b.visible]:s})},!f&&i&&I__namespace.default.createElement(components.IconButton,{onClick:u,title:"Edit screenshot"},I__namespace.default.createElement(icons.EditIcon,null)),e&&I__namespace.default.createElement(components.IconButton,{onClick:p,title:"Load screenshot settings"},I__namespace.default.createElement(icons.OutboxIcon,null)),n&&I__namespace.default.createElement(Ei,{onStateChange:S,screenshot:o,imageDiffResult:t?void 0:c}),r&&I__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},I__namespace.default.createElement(icons.ContrastIcon,null)),I__namespace.default.createElement(Di,{onClose:a||(()=>{}),onStateChange:S,screenshot:o,onDelete:d}),I__namespace.default.createElement(Me,{onClose:a,screenshotData:o})))});Bi.displayName="ScreenshotListItemMenu";var Li=({children:e,...t})=>I__namespace.default.createElement(it,{style:{cursor:"pointer"},icons:e,...t});Li.displayName="ScreenshotListItemWrapper";function Ac(e){let{fixFunction:t}=e,o=T(),[r,n]=I__namespace.default.useState(false),[i,s]=I__namespace.default.useState(""),[a,l]=I__namespace.default.useState(void 0),{mutateAsync:c,isPending:p}=A.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let S=h.message||"Unexpected error occurred";l(S),v.error(S);}}),u=I__namespace.default.useCallback(()=>{l(void 0);},[]),f=I__namespace.default.useCallback(()=>{if(!i&&t){v.error("Enter previous name export function.");return}if(!o){v.error("Unable to find current story data.");return}l(void 0),c({...o,previousNamedExport:i}).then(()=>{n(true);}).catch(()=>{});},[o,t,i,c]),d=I__namespace.default.useCallback(()=>{document.location.reload();},[]),m=I__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:u,fixFileNames:f,fixFileNamesError:a,fixFileNamesInProgress:p,functionName:i,handleFunctionNameInput:m,handleReload:d,reload:r}}function Ht(){let[e,t]=I.useState(),o=managerApi.useStorybookApi(),r=I.useRef(o);return r.current=o,I.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.args)return;let c=r.current.getCurrentStoryData()?.initialArgs||{},p=Object.keys(a.args).reduce((u,f)=>{let d=a.args[f];return d!==void 0&&!lh__default.default(d,c[f])&&(u[f]=a.args[f]),u},{});t(Object.keys(p).length>0?p:void 0);},s=()=>{t(void 0);};return n.on(coreEvents.STORY_ARGS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.STORY_ARGS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Cc(e){let t=T(),{currentActions:o}=ze(t?.id??""),r=Ht(),n=managerApi.useStorybookApi(),{getBrowserOptions:i}=G(),s=Lr(),{data:a=false}=A.screenshot.hasScreenshotTitleGenerator.useQuery(),l=i(e),{mutateAsync:c,isPending:p}=A.screenshot.generateScreenshotTitle.useMutation({onError:f=>{v.error(f.message||"Failed to generate screenshot title");}});return {generateTitle:I.useCallback(async()=>{if(!t||e==="storybook")return;let f=n.getCurrentStoryData();try{return await c({browser:{type:e,options:l},story:{actions:o,changedArgs:r,filePath:t.filePath,id:t.id,initialArgs:f.initialArgs,argTypes:f.argTypes,parameters:f.parameters,name:f.name,title:f.title},screenshotOptions:s})}catch{return}},[n,r,l,e,o,c,s,t]),hasGenerator:a,isGenerating:p}}function Mc(){return {imageDiffResult:ac(),setImageDiffResult:_t}}function w0(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?Tr(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function kc(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:n}=zt(),[i,s]=I__namespace.default.useState(false),a=I__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&zr(w0(l,e,n).filter(c=>!!c)),t&&t(),s(true);},[r,e,n,t]);return I.useEffect(()=>{!n||i||a();},[a,i,n]),{loading:o,storyData:n}}function jr(){let[e,t]=I.useState(),o=managerApi.useStorybookApi(),r=I.useRef(o);return r.current=o,I.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.globals){t(void 0);return}let l=r.current.getCurrentStoryData(),c=a.initialGlobals||l?.initialGlobals||{},p=Object.keys(a.globals).reduce((u,f)=>{let d=a.globals?.[f];return d!==void 0&&!lh__default.default(d,c[f])&&(u[f]=d),u},{});t(Tt(p));},s=()=>{t(void 0);};return n.on(coreEvents.GLOBALS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.GLOBALS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Oc(e){let{title:t,browserType:o}={},r=Ht(),n=jr(),{screenshotOptions:i}=$(),s=T(),{editScreenshotState:a,clearScreenshotEdit:l}=Ve(),{currentActions:c}=ze(s?.id??""),[p,u]=I.useState(void 0),{mutateAsync:f,data:d,reset:m,isPending:h}=A.screenshot.saveScreenshot.useMutation({onError:C=>{let L=C.message||"Unexpected error occurred";u(L),v.error(L);},onSettled(C,L){if(L){v.error(L.message||"Unexpected error occurred in saving screenshot");return}if(!C)return;let z=t||C.oldScreenShotTitle;if(C.added)v.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:m,onDismiss:m});else if(C.pass){let H=`Testing existing screenshot were successful, no change has been detected.${z?`
 Title: ${z}`:""}${o?`
-Browser: ${o}`:""}`;v.success(H,{duration:5e3,id:`image-diff-message:pass:${H}`,onAutoClose:m,onDismiss:m});}else if(C.diffSize||C.error){let H=At(C);v.error(H,{duration:1/0,id:`image-diff-message:error:${H}`,onDismiss:m});}}}),S=M.useCallback(()=>{u(void 0);},[]),b=M.useCallback(()=>{m();},[m]),x=M.useCallback(C=>a?a.screenshotData.browserType===C:false,[a]),O=M.useCallback(()=>a&&a.screenshotData.title,[a]),w=M.useCallback(async(C,L,z,H)=>{if(!s)return new Error("Unable to find story data");if(!z)return new Error("Unable to find screenshot image data");let Se=H?{...H}:void 0,ee={actionSets:c,args:r,base64:z,browserOptions:Se,browserType:C,filePath:s.filePath,globals:n,id:nanoid.nanoid(12),props:r,screenshotOptions:i&&Object.keys(i).length?i:void 0,storyId:s.id,title:L};a&&x(C)&&(ee.updateScreenshot=a.screenshotData);let ye;S();try{ye=await f(ee);}catch{return new Error("Unexpected error occurred")}if(a&&x(C)&&(ye.added&&oc(a.screenshotData.id),l()),ye.added){ee.index=ye.index;let{base64:Te,...W}=ee;tc(W);}return ye},[c,r,n,i,s,x,a,f,l,S]),I=M.useCallback(()=>{b();},[b]);return {clearError:S,error:p,getUpdatingScreenshotTitle:O,inProgress:h,isUpdating:x,onSuccessClose:I,result:d,saveScreenShot:w}}function Fc(e,t){let o=Ht(),r=jr(),n=managerApi.useStorybookState(),{screenshotOptions:i}=$(),{currentActions:s}=ze(n.storyId),a=M.useRef(),[l,c]=M.useState(),{mutate:p,isPending:u,data:f}=A.screenshot.takeScreenshot.useMutation({onError:S=>{let b=S.message||"Unexpected error occurred";c(b),v.error(b);}}),[d,m]=M.useState(0);M.useEffect(()=>{let S=managerApi.addons.getChannel(),b=()=>m(x=>x+1);return S.on(coreEvents.STORY_RENDERED,b),()=>{S.off(coreEvents.STORY_RENDERED,b);}},[]);let h=M.useCallback(()=>{e!=="storybook"&&(c(void 0),p({actionSets:s,args:o,browserOptions:t,browserType:e,globals:r,props:o,requestId:nanoid.nanoid(),screenshotOptions:i,storyId:n.storyId}));},[e,s,o,t,r,p,i,n.storyId]);return M.useEffect(()=>{if(u||d===0)return;let S=E0__default.default({args:o,browserOptions:t,currentActions:s,globals:r,id:n.storyId,screenshotOptions:i});a.current!==S&&(a.current=S,h());},[s,h,o,t,r,n.storyId,i,u,d]),{error:l,getSnapshot:h,loading:u,screenshot:f}}function _c(){let{mutateAsync:e,isPending:t}=A.screenshot.changeScreenshotIndex.useMutation(),o=T(),r=M.useCallback(async n=>{if(o){Pi({newIndex:n.newIndex,oldIndex:n.oldIndex});try{await e({filePath:o.filePath,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});}catch{Pi({newIndex:n.oldIndex,oldIndex:n.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:r}}var Ni=e=>{let{storyData:t,screenShotData:o,onClose:r,open:n=true,...i}=e,{testScreenshot:s,inProgress:a,result:l}=Rt();return M.useEffect(()=>{s({...t,screenshotId:o.id});},[t,o.id,s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,l?.filePath&&M__namespace.default.createElement(ut,{title:o.title,imageDiffResult:l,open:n,onClose:r,titleActions:()=>M__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:o}),...i}),M__namespace.default.createElement(E,{open:a}))};Ni.displayName="ScreenshotPreviewDialog";var W0=D(R0__default.default),G0=D(H0__default.default),U0=y(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function wo({pauseDeleteImageDiffResult:e,showPreviewOnClick:t,screenshot:o,sortableId:r,imageDiffResult:n,selected:i,onClick:s,draggable:a,forceShowMenu:l,showImageDiffResultDialog:c,storyData:p,...u}){let{attributes:f,listeners:d,setActivatorNodeRef:m,setNodeRef:h,transform:S,transition:b,isDragging:x}=sortable.useSortable({disabled:!a,id:r??o.id}),O=U0(),[w,I]=M.useState(false),[C,L]=M.useState(false),z=M.useRef(0),{dragStart:H}=Vr(),[Se,ee]=M.useState(false),{inProgress:ye,testScreenshot:Te}=Rt(),W=n&&n.pass,le=M.useCallback(()=>{L(false),!e&&W&&n?.screenshotId?Hr(n.screenshotId):window.clearTimeout(z.current);},[e,W,n]);M.useEffect(()=>(!e&&n&&n.pass&&(z.current=window.setTimeout(()=>{le();},1e4)),()=>{window.clearTimeout(z.current);}),[e,le,n]);let Oe=M.useCallback(()=>{L(true);},[]),An=M.useCallback(()=>{I(true);},[]),Ho=M.useCallback(()=>{I(false);},[]),Vo=M.useCallback(async()=>{await Te({...p,screenshotId:o.id}),L(true);},[o.id,p,Te]),Qt=M.useCallback(()=>{s&&s(o),t&&ee(!Se);},[s,o,Se,t]),{editScreenshot:Ko,loadSetting:Wo,editScreenshotState:St,clearScreenshotEdit:Go}=Ve(),Uo=M.useCallback(()=>Ko(o),[Ko,o]),jo=M.useCallback(()=>{Wo(o);},[Wo,o]);return M__namespace.default.createElement("div",{ref:h,style:{opacity:x?.8:1,transform:utilities.CSS.Transform.toString(S),transition:b}},M__namespace.default.createElement(Li,{onClick:Qt,title:o.title,draggable:a,selected:i||St&&St.screenshotData.id===o.id,tooltip:o.title+(p&&` - ${p.id}`),onMouseEnter:An,onMouseLeave:Ho,dragHandleProps:a?{...f,...d,setNodeRef:m}:void 0,style:{cursor:"pointer"}},M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:ye}),W&&M__namespace.default.createElement(W0,{color:"primary",onClick:le,className:O.indicatorIcon}),n&&!n.pass&&M__namespace.default.createElement(G0,{color:"secondary",onClick:Oe,className:O.indicatorIcon}),M__namespace.default.createElement(xo,{style:{height:16},browserType:o.browserType}),C&&c&&n&&M__namespace.default.createElement(zc,{result:n,onClose:le,title:o.title,titleActions:()=>M__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:o})}),M__namespace.default.createElement(Bi,{show:(l||w)&&!H,screenshot:o,onHide:Ho,onRunImageDiff:Vo,imageDiffResult:n,onEditClick:Uo,onLoadSettingClick:jo,isEditing:!!St,onDelete:Go,...u}),Se&&t&&M__namespace.default.createElement(Ni,{screenShotData:o,storyData:p,onClose:Qt,open:true,width:"100%",height:"100%",activeTab:W?"newScreenshot":"imageDiff"}))))}wo.displayName="ScreenshotListItem";var Ao=({children:e,items:t})=>{let{setDragStart:o}=Vr(),{changeIndex:r,ChangeIndexInProgress:n}=_c(),i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=M.useCallback(()=>{o(true);},[o]),a=M.useCallback(()=>{o(false);},[o]),l=M.useCallback(({active:c,over:p})=>{if(o(false),!p||c.id===p.id)return;let u=t.findIndex(d=>d===c.id),f=t.findIndex(d=>d===p.id);u<0||f<0||r({newIndex:f,oldIndex:u});},[r,t,o]);return M__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragStart:s,onDragCancel:a,onDragEnd:l},M__namespace.default.createElement(sortable.SortableContext,{items:t,strategy:sortable.verticalListSortingStrategy},M__namespace.default.createElement(fi,null,M__namespace.default.createElement(E,{open:n}),e)))};Ao.displayName="ScreenshotListSortable";var zi=({children:e})=>{let t=T(),o=He(),r=o.screenshots&&o.screenshots.length>0,n=[...o.screenshots||[]].sort((i,s)=>(i.index??0)-(s.index??0));return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Ao,{items:n.map(i=>i.id)},r?M__namespace.default.createElement(M__namespace.default.Fragment,null,t&&n.map((i,s)=>M__namespace.default.createElement(wo,{index:s,sortableId:i.id,openUpdateDialog:true,key:i.id,screenshot:i,storyData:t,showPreviewOnClick:true,draggable:true,enableImageDiff:true,enableUpdate:true,showImageDiffResultDialog:true,enableLoadSetting:true,enableEditScreenshot:true,pauseDeleteImageDiffResult:o.pauseDeleteImageDiffResult,imageDiffResult:o.imageDiffResults.find(a=>a.screenshotId===i.id)}))):M__namespace.default.createElement("div",{style:{marginTop:30,textAlign:"center"}},M__namespace.default.createElement("div",null,"No screenshot has been found!")),e))};zi.displayName="ScreenshotList";var Ri=e=>{let{hasScreenShot:t,title:o,onTestClick:r,onPreviewClick:n,onUpdateClick:i,onDelete:s}=e,[a,l]=M__namespace.default.useState(false);return M__namespace.default.createElement(nt,{border:["bottom"]},M__namespace.default.createElement("div",{className:"left"},M__namespace.default.createElement("div",{title:o},"Story Screenshots")),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(Kt,{fixFunction:true,onClose:l,open:a}),M__namespace.default.createElement(components.IconButton,{onClick:()=>l(true),title:"Fix screenshot name"},M__namespace.default.createElement(icons.WrenchIcon,null)),t&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{onClick:i,title:"Update story screenshots"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Run diff test for story screenshots"},M__namespace.default.createElement(icons.ContrastIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:n,title:"Display story screenshots"},M__namespace.default.createElement(icons.PhotoIcon,null)),M__namespace.default.createElement(Ce,{IconButton:components.IconButton,onDelete:s}))))};Ri.displayName="ScreenshotListToolbar";function Wt(e,t,o=false){M.useEffect(()=>{if(!o)return e&&window.addEventListener("keydown",e),t&&window.addEventListener("keyup",t),()=>{e&&window.removeEventListener("keydown",e),t&&window.removeEventListener("keyup",t);}},[o,e,t]);}var lg=y(e=>{let{palette:{divider:t}}=e;return {line:{backgroundColor:t,width:1},list:{width:"350px"},root:{display:"flex",flexDirection:"row",height:"calc(100% - 70px) !important",position:"relative",width:"100%"}}},{name:"ScreenshotListPreviewDialog"}),Hi=({screenshots:e,storyData:t,selectedItem:o,title:r,children:n,draggable:i=true,...s})=>{let[a,l]=M.useState(),c=He(),p=lg(),u=M.useCallback(async m=>{l(m);},[]),f=M.useCallback(m=>{if(!a)return;let h=e.findIndex(S=>S.id===a.id);switch(m.key){case "ArrowDown":{e[h+1]&&l(e[h+1]);break}case "ArrowUp":{e[h-1]&&l(e[h-1]);break}}},[a,e]);Wt(void 0,f),M.useEffect(()=>{if(c.imageDiffResults&&c.imageDiffResults.length&&e&&!a)if(o){let m=e.find(h=>h.id===o);m&&u(m);}else e[0]&&u(e[0]);},[a,u,e,o,c.imageDiffResults]);let d=a&&c.imageDiffResults.find(m=>m.screenshotId===a.id);return M__namespace.default.createElement(ve,{width:"100%",title:r||(a?material.capitalize(a.title):"Loading ..."),subtitle:(r&&a&&a.title)+(t&&` (${t.id})`),height:"100%",...s},M__namespace.default.createElement("div",{className:p.root},M__namespace.default.createElement("div",{className:p.list},M__namespace.default.createElement(Ao,{items:e.map(m=>m.id)},a&&e.map((m,h)=>M__namespace.default.createElement(wo,{index:h,sortableId:m.id,openUpdateDialog:false,showPreviewOnClick:false,key:m.id,screenshot:m,forceShowMenu:true,enableUpdate:true,draggable:i,storyData:t,pauseDeleteImageDiffResult:c.pauseDeleteImageDiffResult,onClick:u,selected:a.id===m.id,imageDiffResult:c.imageDiffResults.find(S=>S.screenshotId===m.id)})))),M__namespace.default.createElement("div",{className:p.line}),d&&M__namespace.default.createElement(Po,{imageDiffResult:d}),n))};Hi.displayName="ScreenshotListPreviewDialog";var qr=e=>{let{onClose:t,updating:o,target:r,onLoad:n}=e,{loading:i,storyData:s}=kc(r,n),[a,l]=M.useState(false),c=He(),{updateScreenshot:p}=Ur(),u=M.useCallback(async()=>{l(true);try{let f=c.screenshots.reduce((d,m)=>{let h=c.imageDiffResults.find(S=>S.screenshotId===m.id);if(!h)throw new Error(`Unable to find image diff result for '${m.title}' screenshot.`);return d.push(p(h)),d},[]);await Promise.all(f),v.success("Successfully updated.",{duration:1/0,id:"story-screenshot-preview:updated"});}catch(f){v.error(f.message);}l(false);},[c,p]);return M__namespace.default.useEffect(()=>(vo(true),()=>{vo(false),ic();}),[]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i||a}),!i&&M__namespace.default.createElement(Hi,{title:o?"Following screenshots will be saved, would you like to continue?":void 0,screenshots:c.screenshots,onClose:t,open:true,storyData:s||{filePath:"",id:"",name:"",parent:""},draggable:r==="story"&&!a,footerActions:o?()=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:t,color:"primary"},"No"),M__namespace.default.createElement(material.Button,{onClick:u,color:"primary",autoFocus:true},"Yes")):void 0},M__namespace.default.createElement(E,{open:a})))};qr.displayName="StoryScreenshotPreview";var Kc=M__namespace.default.memo(qr);function Vi(){let[e,t]=M.useState(false),o="screenshot-panel",{runDiffTest:r,updateInf:n}=Nt(o,"story"),{screenshotLoaderInProgress:i}=cc(),{deleteInProgress:s,deleteStoryScreenshots:a}=lc(),l=He(),{testStoryScreenShots:c,imageDiffTestInProgress:p}=zt(),u=M.useCallback(()=>{t(!e);},[e]),f=l.screenshots&&l.screenshots.length>0;M.useEffect(()=>{vo(e);},[e]);let d=M__namespace.default.useCallback(()=>{c("story");},[c]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i||p||s||n.reqBy!==void 0}),M__namespace.default.createElement(Ri,{onUpdateClick:r,title:"Story Screenshots",onTestClick:d,onPreviewClick:u,hasScreenShot:f,onDelete:a}),M__namespace.default.createElement(zi,null),e&&M__namespace.default.createElement(qr,{onClose:u,target:"story"}))}Vi.displayName="ScreenshotPanel";var Ki=({showPanel:e})=>{let[t,o]=M__namespace.default.useState(false),{updateInf:r,handleClose:n,setIsLoadingFinish:i}=Nt(""),s=M__namespace.default.useCallback(()=>{o(true),i(true);},[i]),a=M__namespace.default.useCallback(()=>{n(),o(false);},[n]);return M__namespace.default.createElement(Ie,null,e&&!t&&M__namespace.default.createElement(Vi,null),r.reqBy&&M__namespace.default.createElement(Kc,{onClose:a,updating:true,target:r.target??"story",onLoad:s}))};Ki.displayName="ScreenshotMain";function Wc(){let e=managerApi.useStorybookState(),[t,o]=M.useState();return M.useEffect(()=>{let r=tl(window.location.host,e.storyId),n=Object.keys(e.customQueryParams);if(n.length>0){let i=n.map(s=>{let a=e.customQueryParams[s];return `${s}=${a}`});r+=`&${i.join("&")}`;}o(r);},[e.customQueryParams,e.storyId]),t}var Tg=D(Dd__default.default),Pg=y(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),Co=({title:e,Icon:t,children:o,width:r,active:n})=>{let[i,s]=M.useState(),a=Pg(),l=M.useCallback(p=>{s(p.target);},[]),c=M.useCallback(()=>{s(void 0);},[]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Popover,{open:!!i,anchorEl:i,onClose:c,style:{margin:20},anchorOrigin:{horizontal:"center",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"}},M__namespace.default.createElement("div",{className:a.root,style:{width:r}},M__namespace.default.createElement("div",{className:a.title},M__namespace.default.createElement("span",null,e),M__namespace.default.createElement(material.IconButton,{size:"small",onClick:c},M__namespace.default.createElement(Tg,null))),M__namespace.default.createElement(material.Divider,null),M__namespace.default.createElement("div",null,o))),M__namespace.default.createElement(components.IconButton,{onClick:l,active:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Browser Options"},M__namespace.default.createElement(t,null))))};Co.displayName="OptionPopover";var kg=D(Cg__default.default),Mo=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:r,setBrowserDeviceOptions:n}=G(e),[i,s]=M.useState(false),a=M.useCallback(c=>{t(e,c);},[e,t]),l=M.useCallback(c=>{n(e,c),s(true);},[e,n]);return M.useEffect(()=>{i&&s(false);},[i]),o?M__namespace.default.createElement(Co,{title:"Browser Options",Icon:kg,active:r},!i&&M__namespace.default.createElement(Xr,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:M__namespace.default.createElement(hi,{onDeviceSelect:l})})):null};Mo.displayName="BrowserOptions";var Lg=D(Eg__default.default),Ng=D(Og__default.default),Fg=D(Bg__default.default),_g=y(e=>{let{palette:t}=e;return {label:{textTransform:"uppercase"},root:{alignItems:"center",backgroundColor:t.divider,color:t.text.secondary,display:"flex",flexWrap:"nowrap",fontSize:14,height:30,justifyContent:"space-between",minHeight:"auto",paddingLeft:10,paddingRight:10,textAlign:"right"},toolbarPanels:{"& button":{alignItems:"center",display:"flex",height:30,marginLeft:6,marginTop:0},"& svg:not(.browser-loader)":{width:17},alignItems:"center",display:"flex"}}}),ji=e=>{let{browserType:t,onSave:o,showSaveButton:r,loading:n,onRefresh:i,onFullScreen:s}=e,a=_g();return M__namespace.default.createElement("div",{className:a.root},M__namespace.default.createElement("div",{className:a.toolbarPanels},M__namespace.default.createElement("label",{className:a.label},t),n&&M__namespace.default.createElement(material.CircularProgress,{classes:{svg:"browser-loader"},style:{marginLeft:10},size:15})),M__namespace.default.createElement("div",{className:a.toolbarPanels},r&&M__namespace.default.createElement(components.IconButton,{onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshot"},M__namespace.default.createElement(Fg,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(Ng,null))),t!=="storybook"&&M__namespace.default.createElement(Mo,{browserType:t}),M__namespace.default.createElement(components.IconButton,{onClick:s},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Full screen"},M__namespace.default.createElement(Lg,null)))))};ji.displayName="ScreenShotViewToolbar";var $i=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var Ug=y(e=>{let t=e.palette.mode==="light"?styles.lighten:styles.darken,{palette:o}=e,{background:r}=o;return {card:{"& .os-scrollbar":{opacity:1,visibility:"visible !important",zIndex:10},"& .os-scrollbar-track":{"& .os-scrollbar-handle":{backgroundColor:$i(o.mode,r.paper,.6)},backgroundColor:"transparent",visibility:"visible !important"},overflow:"hidden",position:"relative",width:"100%",zIndex:10,backgroundColor:t(r.default,.1)},container:{alignItems:"center",height:"100%",position:"relative",width:"100%",border:`3px solid ${o.divider}`,borderTop:0},errorContainer:{overflow:"auto"},editMode:{"& $fakeBorder":{borderColor:t(e.palette.warning.main,.5)},backgroundColor:t(e.palette.warning.main,.6)},fakeBorder:{border:`10px solid ${$i(o.mode,r.paper,.1)}`,borderTop:0,bottom:0,left:0,pointerEvents:"none",position:"absolute",right:0,top:0,zIndex:5},iframe:{width:"100%"},image:{},innerContainer:{width:"100%"}}},{name:"ScreenshotView"}),Yr=e=>{let{browserType:t,url:o,height:r,refresh:n,onRefreshEnd:i,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=Ve(),[c,p]=M.useState(false),u=Ug(),{getBrowserOptions:f}=G(),d=f(t),{loading:m,screenshot:h,getSnapshot:S,error:b}=Fc(t,d);M.useEffect(()=>{!n||m||(S(),i?.());},[S,m,i,n]);let x=r-30,O=t==="storybook",w=!!(h&&h.base64)&&t!=="storybook",I=M.useCallback(()=>{p(!c);},[c]),C=b||h?.error,L=M.useCallback(()=>{t==="storybook"||!h?.base64||s?.(t);},[t,s,h]);return M.useEffect(()=>{if(!(!a||t==="storybook")){if(!h?.base64){a(t,void 0);return}a(t,{base64:h.base64,browserOptions:d});}},[d,t,a,h]),M__namespace.default.createElement("div",{className:Mr__default.default(u.card,{[u.editMode]:l(t)})},M__namespace.default.createElement(ji,{browserType:t,onSave:L,loading:m,onRefresh:S,showSaveButton:w,onFullScreen:I}),M__namespace.default.createElement("div",{className:u.container,style:{height:x,overflow:O?"hidden":"auto"}},t!=="storybook"?M__namespace.default.createElement("div",{className:u.innerContainer},h&&h.base64&&!C?M__namespace.default.createElement("img",{className:u.image,src:`data:image/gif;base64,${h.base64}`}):M__namespace.default.createElement(M__namespace.default.Fragment,null,C&&M__namespace.default.createElement("div",{className:u.errorContainer},M__namespace.default.createElement(ei,{message:C})))):M__namespace.default.createElement("iframe",{src:o,className:u.iframe,style:{height:x},frameBorder:"0"})),M__namespace.default.createElement(ve,{open:c,width:"100%",height:"100%",onClose:I,title:`${material.capitalize(t)} screenshot`},h&&c&&h.base64&&M__namespace.default.createElement(Io,{imgSrcString:h.base64})))};Yr.displayName="ScreenshotView";var Xg=y(e=>({overlay:{backgroundColor:"transparent",border:`1px solid ${e.palette.primary.main}`,bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100}}),{name:"SelectorOverlay"}),qi=M.forwardRef((e,t)=>{let o=Xg();return M__namespace.default.createElement("div",{...e,className:Mr__default.default(o.overlay),ref:t})});qi.displayName="IframeOverlay";var Xi=zustand.create()(middleware.devtools(e=>({clipping:false,start:()=>{e(()=>({clipping:true}));},stop:()=>{e(()=>({clipping:false}));},toggleClippingState:()=>{e(t=>({clipping:!t.clipping}));}}),{name:"clipper-store"})),Yi=()=>{let{clipping:e,stop:t}=Xi(),{addonState:o,setAddonState:r}=de(),{setBrowserOptions:n,browserOptions:i}=G(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=$(),c=M__namespace.default.useRef(null),p=qc(),u=M__namespace.default.useCallback(f=>{if(!c.current||!p)return;let d=al(p),{height:m,width:h,top:S,left:b}=f.rect,x=p.contentDocument??p.contentWindow?.document,O=x?Math.max(x.body?.scrollHeight||0,x.body?.offsetHeight||0,x.documentElement.scrollHeight,x.documentElement.offsetHeight,x.documentElement.clientHeight):p.getBoundingClientRect().height,w=p.getBoundingClientRect(),I=p.contentWindow?.innerWidth??w.width,C=p.contentWindow?.innerHeight??w.height,L=x?.documentElement?.clientWidth??w.width,z=x?.documentElement?.clientHeight??w.height,H=Math.min(w.width,L),Se=Math.min(w.height,z),ee=w.left+H,ye=w.top+Se,Te=H?I/H:1,W=Se?C/Se:1,le=Number.isFinite(Te)&&Te>0?Te:1,Oe=Number.isFinite(W)&&W>0?W:1,An=b+h,Ho=S+m,Vo=Math.max(b,w.left),Qt=Math.max(S,w.top),Ko=Math.min(An,ee),Wo=Math.min(Ho,ye),St=Math.max(0,Ko-Vo),Go=Math.max(0,Wo-Qt);if(St===0||Go===0){t();return}n("all",{...i.all||{},viewport:{height:Math.round(O),width:Math.round(I)}});let Uo={left:d.scrollLeft+(Vo-w.left)*le,top:d.scrollTop+(Qt-w.top)*Oe};a({...l,clip:{height:Math.ceil(Go*Oe),width:Math.ceil(St*le),x:Math.floor(Uo.left),y:Math.floor(Uo.top)}}),t(),s||v.custom(({dismiss:jo})=>M__namespace.default.createElement(Pr,{variant:"info",onClose:jo},M__namespace.default.createElement(si,{style:{fontSize:14}},"Clipping may differ from the Storybook preview when browser zoom is not 100%, OS display scaling (DPI) is different, fonts or line height differ, text wraps differently, the preview is resized or transformed, or scrollbar behavior differs from the Playwright viewport."),M__namespace.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginTop:8}},M__namespace.default.createElement(components.IconButton,{type:"button",onClick:()=>{r({...o,clippingWarningDismissed:true}),jo();}},"Do Not Show Again"))));},[o,i.all,p,s,l,n,a,r,t]);return Wt(void 0,f=>{f.code==="Escape"&&t();}),e?M__namespace.default.createElement(qi,{ref:c},M__namespace.default.createElement(Jg__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:u})):null};Yi.displayName="Clipper";var Ji=()=>{let{clipping:e,toggleClippingState:t}=Xi(),o=M__namespace.default.useCallback(()=>{t();},[t]);return M__namespace.default.createElement(components.IconButton,{active:e,onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:e?"Stop Clipping":"Start Clipping"},M__namespace.default.createElement("svg",{className:"MuiSvgIcon-root",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24",style:{height:20,transform:"rotate(180deg)",width:20,fill:"currentColor"}},M__namespace.default.createElement("path",{d:"M17 5h-2V3h2v2zm-2 16h2v-2.59L19.59 21 21 19.59 18.41 17H21v-2h-6v6zm4-12h2V7h-2v2zm0 4h2v-2h-2v2zm-8 8h2v-2h-2v2zM7 5h2V3H7v2zM3 17h2v-2H3v2zm2 4v-2H3c0 1.1.9 2 2 2zM19 3v2h2c0-1.1-.9-2-2-2zm-8 2h2V3h-2v2zM3 9h2V7H3v2zm4 12h2v-2H7v2zm-4-8h2v-2H3v2zm0-8h2V3c-1.1 0-2 .9-2 2z"}))))};Ji.displayName="ClipperButton";var Xc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"2 -1 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M12 9.984l3.984 4.031h-3v6h-1.969v-6h-3zM18.984 3.984q0.844 0 1.43 0.586t0.586 1.43v12q0 0.797-0.609 1.406t-1.406 0.609h-3.984v-2.016h3.984v-9.984h-13.969v9.984h3.984v2.016h-3.984q-0.844 0-1.43-0.586t-0.586-1.43v-12q0-0.844 0.586-1.43t1.43-0.586h13.969z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Yc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M8.071 13.954l-4.579-7.931c2.932-3.671 7.445-6.023 12.508-6.023 5.857 0 10.978 3.148 13.767 7.844h-13.055c-0.235-0.020-0.472-0.031-0.711-0.031-3.809 0-7.018 2.614-7.929 6.142zM21.728 10.156h9.171c0.711 1.81 1.101 3.781 1.101 5.844 0 8.776-7.066 15.9-15.818 15.998l6.544-11.334c0.921-1.324 1.462-2.932 1.462-4.664 0-2.287-0.943-4.357-2.459-5.844zM10.188 16c0-3.205 2.607-5.813 5.813-5.813s5.813 2.607 5.813 5.813c0 3.205-2.608 5.813-5.813 5.813s-5.813-2.608-5.813-5.813zM18.193 23.889l-4.581 7.934c-7.704-1.153-13.613-7.797-13.613-15.822 0-2.851 0.746-5.526 2.053-7.845l6.532 11.314c1.308 2.785 4.14 4.718 7.415 4.718 0.759 0 1.495-0.104 2.193-0.299z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Jc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M31.954 10.442l-0.371 2.377c0 0-0.53-4.402-1.179-6.047-0.995-2.521-1.438-2.501-1.441-2.498 0.667 1.694 0.546 2.604 0.546 2.604s-1.181-3.219-4.303-4.243c-3.459-1.134-5.33-0.824-5.547-0.765-0.033-0-0.064-0-0.095-0 0.026 0.002 0.050 0.005 0.076 0.007-0.001 0.001-0.003 0.001-0.003 0.002 0.014 0.017 3.822 0.666 4.497 1.594 0 0-1.617 0-3.227 0.464-0.073 0.021 5.923 0.749 7.148 6.74 0 0-0.657-1.371-1.47-1.604 0.535 1.626 0.397 4.712-0.112 6.245-0.066 0.197-0.133-0.853-1.135-1.305 0.321 2.301-0.019 5.952-1.616 6.957-0.124 0.078 1.001-3.603 0.226-2.18-4.46 6.838-9.731 3.155-12.101 1.535 1.215 0.264 3.52-0.041 4.541-0.8 0.001-0.001 0.002-0.002 0.004-0.003 1.108-0.758 1.765-1.311 2.354-1.18s0.982-0.46 0.524-0.985c-0.459-0.526-1.572-1.249-3.079-0.855-1.063 0.278-2.379 1.454-4.389 0.264-1.543-0.914-1.688-1.673-1.702-2.199 0.038-0.186 0.086-0.361 0.143-0.52 0.178-0.496 0.716-0.646 1.015-0.764 0.508 0.087 0.946 0.246 1.405 0.481 0.006-0.153 0.008-0.356-0.001-0.586 0.044-0.088 0.017-0.352-0.054-0.674-0.041-0.322-0.107-0.655-0.211-0.959 0-0 0.001-0 0.001-0 0.002-0.001 0.003-0.001 0.005-0.002s0.005-0.004 0.007-0.006c0-0.001 0.001-0.001 0.001-0.002 0.003-0.004 0.005-0.008 0.006-0.015 0.032-0.144 0.376-0.423 0.804-0.722 0.383-0.268 0.834-0.553 1.19-0.774 0.314-0.195 0.554-0.34 0.605-0.378 0.019-0.015 0.042-0.032 0.068-0.051 0.005-0.004 0.009-0.007 0.014-0.011 0.003-0.002 0.006-0.005 0.009-0.007 0.169-0.135 0.421-0.389 0.474-0.924 0-0.001 0-0.002 0-0.004 0.002-0.016 0.003-0.032 0.004-0.048 0.001-0.011 0.002-0.023 0.002-0.034 0-0.009 0.001-0.018 0.001-0.027 0.001-0.021 0.002-0.043 0.002-0.065 0-0.001 0-0.002 0-0.004 0.001-0.052-0-0.106-0.003-0.163-0.002-0.032-0.004-0.060-0.009-0.086-0-0.001-0.001-0.003-0.001-0.004-0.001-0.003-0.001-0.005-0.002-0.008-0.001-0.005-0.002-0.009-0.004-0.013-0-0.001-0-0.001-0.001-0.001-0.002-0.005-0.004-0.010-0.005-0.014-0-0-0-0-0-0.001-0.055-0.128-0.26-0.177-1.108-0.191-0.001-0-0.002-0-0.002-0v0c-0.346-0.006-0.798-0.006-1.391-0.004-1.039 0.004-1.613-1.016-1.797-1.41 0.251-1.389 0.977-2.379 2.17-3.051 0.023-0.013 0.018-0.023-0.009-0.031 0.233-0.141-2.82-0.004-4.225 1.782-1.247-0.31-2.333-0.289-3.269-0.069-0.18-0.005-0.404-0.027-0.67-0.083-0.623-0.564-1.514-1.606-1.562-2.85 0 0-0.003 0.002-0.008 0.006-0.001-0.012-0.002-0.024-0.002-0.036 0 0-1.897 1.458-1.613 5.434-0.001 0.064-0.002 0.125-0.004 0.184-0.514 0.696-0.768 1.282-0.787 1.411-0.455 0.926-0.917 2.32-1.292 4.437 0 0 0.263-0.833 0.79-1.777-0.388 1.188-0.693 3.036-0.514 5.808 0 0 0.047-0.615 0.215-1.5 0.131 1.719 0.704 3.841 2.152 6.337 2.78 4.791 7.052 7.211 11.775 7.582 0.839 0.069 1.689 0.071 2.544 0.006 0.079-0.006 0.157-0.011 0.236-0.018 0.968-0.068 1.942-0.214 2.914-0.449 13.287-3.212 11.842-19.256 11.842-19.256z"}));var Zc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.163 16-16-7.163-16-16-16zM29.95 14.775l-0.031-0.331c0.006 0.113 0.019 0.219 0.031 0.331zM27.762 8.4l-0.225-0.338c0.075 0.113 0.15 0.225 0.225 0.338zM26.894 7.206l-0.137-0.169c0.050 0.056 0.094 0.112 0.137 0.169zM24.956 5.237l-0.169-0.138c0.063 0.050 0.113 0.094 0.169 0.138zM23.938 4.463l-0.337-0.225c0.113 0.075 0.225 0.15 0.337 0.225zM17.556 2.087l-0.337-0.031c0.113 0.006 0.225 0.019 0.337 0.031zM14.775 2.050l-0.338 0.031c0.113-0.006 0.225-0.019 0.338-0.031zM8.4 4.237l-0.338 0.225c0.113-0.075 0.225-0.15 0.338-0.225zM7.206 5.106l-0.162 0.131c0.056-0.044 0.106-0.088 0.162-0.131zM5.237 7.044l-0.138 0.169c0.050-0.056 0.094-0.112 0.138-0.169zM4.463 8.063l-0.225 0.338c0.075-0.113 0.15-0.225 0.225-0.338zM2.087 14.444l-0.031 0.338c0.006-0.113 0.019-0.225 0.031-0.338zM2.050 17.225l0.031 0.337c-0.006-0.113-0.019-0.225-0.031-0.337zM4.237 23.594l0.225 0.337c-0.075-0.106-0.15-0.219-0.225-0.337zM4.5 23.988l2.494-1.669-0.275-0.419-2.494 1.669c-1.131-1.756-1.875-3.775-2.125-5.95l1.494-0.15-0.050-0.5-1.494 0.15c-0.025-0.288-0.038-0.581-0.044-0.875h3v-0.5h-3c0.006-0.294 0.019-0.581 0.044-0.875l1.494 0.144 0.050-0.5-1.494-0.144c0.25-2.175 1-4.194 2.131-5.95l2.494 1.669 0.275-0.419-2.5-1.656c0.169-0.237 0.338-0.475 0.519-0.7l1.156 0.95 0.319-0.388-1.156-0.95c0.188-0.225 0.388-0.438 0.588-0.65l2.119 2.119 0.356-0.356-2.119-2.119c0.213-0.2 0.425-0.4 0.644-0.588l0.95 1.162 0.387-0.319-0.95-1.156c0.231-0.181 0.463-0.356 0.7-0.525l1.669 2.494 0.419-0.275-1.669-2.494c1.756-1.131 3.775-1.875 5.95-2.125l0.15 1.494 0.5-0.050-0.15-1.494c0.287-0.025 0.581-0.038 0.875-0.044v3h0.5v-3c0.294 0.006 0.581 0.019 0.875 0.044l-0.144 1.494 0.5 0.050 0.144-1.494c2.175 0.25 4.194 1 5.95 2.131l-1.669 2.494 0.419 0.275 1.669-2.494c0.238 0.169 0.475 0.338 0.7 0.519l-0.95 1.156 0.387 0.319 0.95-1.156c0.225 0.188 0.438 0.388 0.65 0.588l-0.8 0.781-10.938 7.294-7.294 10.937-0.781 0.781c-0.2-0.212-0.4-0.425-0.588-0.644l1.156-0.95-0.319-0.387-1.156 0.95c-0.181-0.225-0.35-0.462-0.519-0.7zM5.237 24.956c-0.044-0.056-0.088-0.106-0.131-0.163l0.131 0.163zM7.044 26.762l0.162 0.131c-0.056-0.044-0.106-0.087-0.162-0.131zM8.063 27.531l0.338 0.225c-0.113-0.069-0.225-0.144-0.338-0.225zM14.444 29.913l0.338 0.031c-0.113-0.006-0.225-0.019-0.338-0.031zM17.225 29.95l0.331-0.031c-0.113 0.006-0.219 0.019-0.331 0.031zM23.6 27.762l0.337-0.225c-0.113 0.075-0.225 0.15-0.337 0.225zM24.794 26.894l0.169-0.137c-0.056 0.050-0.113 0.094-0.169 0.137zM25.887 25.913l0.025-0.025c-0.006 0.006-0.019 0.019-0.025 0.025zM26.762 24.956l0.137-0.169c-0.050 0.056-0.094 0.113-0.137 0.169zM26.981 24.688l-1.156-0.95-0.319 0.387 1.156 0.95c-0.188 0.225-0.387 0.438-0.587 0.65l-2.119-2.119-0.356 0.356 2.119 2.119c-0.212 0.2-0.425 0.4-0.644 0.587l-0.95-1.163-0.387 0.319 0.95 1.156c-0.231 0.181-0.462 0.356-0.7 0.525l-1.669-2.494-0.419 0.275 1.669 2.494c-1.756 1.131-3.775 1.875-5.95 2.125l-0.15-1.494-0.5 0.050 0.15 1.494c-0.288 0.025-0.581 0.038-0.875 0.044v-3h-0.5v3c-0.294-0.006-0.581-0.019-0.875-0.044l0.144-1.494-0.5-0.050-0.144 1.494c-2.175-0.25-4.194-1-5.95-2.131l1.669-2.494-0.419-0.275-1.656 2.494c-0.237-0.169-0.475-0.337-0.7-0.519l0.95-1.156-0.388-0.319-0.95 1.156c-0.225-0.188-0.438-0.387-0.65-0.587l0.787-0.781 10.937-7.294 7.294-10.938 0.781-0.781c0.2 0.213 0.4 0.425 0.587 0.644l-1.156 0.95 0.319 0.387 1.156-0.95c0.181 0.231 0.356 0.463 0.525 0.7l-2.494 1.669 0.275 0.419 2.494-1.669c1.131 1.756 1.875 3.775 2.125 5.95l-1.494 0.15 0.050 0.5 1.494-0.15c0.025 0.287 0.038 0.581 0.044 0.875h-3v0.5h3c-0.006 0.294-0.019 0.581-0.044 0.875l-1.494-0.144-0.050 0.5 1.494 0.144c-0.25 2.175-1 4.194-2.131 5.95l-2.494-1.669-0.275 0.419 2.494 1.669c-0.163 0.225-0.337 0.456-0.519 0.688zM29.95 17.219c-0.012 0.113-0.019 0.225-0.031 0.337l0.031-0.337zM27.762 23.6c-0.075 0.113-0.15 0.225-0.225 0.337l0.225-0.337z"}),M__namespace.createElement("path",{d:"M13.517 2.221l0.585 2.942-0.49 0.098-0.585-2.942 0.49-0.098z"}),M__namespace.createElement("path",{d:"M18.489 29.78l-0.585-2.942 0.49-0.098 0.585 2.942-0.49 0.098z"}),M__namespace.createElement("path",{d:"M12.176 2.528l0.436 1.435-0.478 0.145-0.436-1.435 0.478-0.145z"}),M__namespace.createElement("path",{d:"M19.826 29.465l-0.436-1.435 0.478-0.145 0.436 1.435-0.478 0.145z"}),M__namespace.createElement("path",{d:"M10.875 2.972l1.148 2.772-0.462 0.191-1.148-2.772 0.462-0.191z"}),M__namespace.createElement("path",{d:"M21.129 29.030l-1.148-2.772 0.462-0.191 1.148 2.772-0.462 0.191z"}),M__namespace.createElement("path",{d:"M9.176 3.771l0.441-0.236 0.707 1.323-0.441 0.236-0.707-1.323z"}),M__namespace.createElement("path",{d:"M22.816 28.228l-0.441 0.236-0.707-1.323 0.441-0.236 0.707 1.323z"}),M__namespace.createElement("path",{d:"M3.769 9.182l1.323 0.707-0.236 0.441-1.323-0.707 0.236-0.441z"}),M__namespace.createElement("path",{d:"M28.226 22.819l-1.323-0.707 0.236-0.441 1.323 0.707-0.236 0.441z"}),M__namespace.createElement("path",{d:"M5.744 12.019l-2.772-1.148 0.191-0.462 2.772 1.148-0.191 0.462z"}),M__namespace.createElement("path",{d:"M26.26 19.978l2.772 1.148-0.191 0.462-2.772-1.148 0.191-0.462z"}),M__namespace.createElement("path",{d:"M2.673 11.7l1.436 0.435-0.145 0.479-1.436-0.435 0.145-0.479z"}),M__namespace.createElement("path",{d:"M29.322 20.302l-1.436-0.435 0.145-0.479 1.436 0.435-0.145 0.479z"}),M__namespace.createElement("path",{d:"M2.315 13.024l2.942 0.585-0.098 0.49-2.942-0.585 0.098-0.49z"}),M__namespace.createElement("path",{d:"M29.679 18.976l-2.942-0.585 0.098-0.49 2.942 0.585-0.098 0.49z"}),M__namespace.createElement("path",{d:"M2.218 18.486l2.942-0.585 0.098 0.49-2.942 0.585-0.098-0.49z"}),M__namespace.createElement("path",{d:"M29.776 13.513l-2.942 0.585-0.098-0.49 2.942-0.585 0.098 0.49z"}),M__namespace.createElement("path",{d:"M2.53 19.829l1.435-0.436 0.145 0.478-1.435 0.436-0.145-0.478z"}),M__namespace.createElement("path",{d:"M29.468 12.178l-1.435 0.436-0.145-0.478 1.435-0.436 0.145 0.478z"}),M__namespace.createElement("path",{d:"M3.161 21.591l-0.191-0.462 2.772-1.148 0.191 0.462-2.772 1.148z"}),M__namespace.createElement("path",{d:"M28.837 10.413l0.191 0.462-2.772 1.148-0.191-0.462 2.772-1.148z"}),M__namespace.createElement("path",{d:"M3.776 22.821l-0.236-0.441 1.323-0.707 0.236 0.441-1.323 0.707z"}),M__namespace.createElement("path",{d:"M28.233 9.181l0.236 0.441-1.323 0.707-0.236-0.441 1.323-0.707z"}),M__namespace.createElement("path",{d:"M9.621 28.464l-0.441-0.236 0.707-1.323 0.441 0.236-0.707 1.323z"}),M__namespace.createElement("path",{d:"M22.377 3.534l0.441 0.236-0.707 1.323-0.441-0.236 0.707-1.323z"}),M__namespace.createElement("path",{d:"M10.415 28.837l1.148-2.772 0.462 0.191-1.148 2.772-0.462-0.191z"}),M__namespace.createElement("path",{d:"M21.59 3.16l-1.148 2.772-0.462-0.191 1.148-2.772 0.462 0.191z"}),M__namespace.createElement("path",{d:"M12.176 29.47l-0.478-0.145 0.435-1.435 0.478 0.145-0.435 1.435z"}),M__namespace.createElement("path",{d:"M19.823 2.528l0.479 0.145-0.435 1.436-0.479-0.145 0.435-1.436z"}),M__namespace.createElement("path",{d:"M13.515 29.776l-0.49-0.098 0.585-2.942 0.49 0.098-0.585 2.942z"}),M__namespace.createElement("path",{d:"M18.485 2.218l0.49 0.098-0.585 2.942-0.49-0.098 0.585-2.942z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var xo=M.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return M__namespace.default.createElement(Yc,{...o});case "firefox":return M__namespace.default.createElement(Jc,{...o});case "webkit":return M__namespace.default.createElement(Zc,{...o});default:return M__namespace.default.createElement(Xc,{...o})}});xo.displayName="BrowserIcon";var ts=e=>{let{browserType:t,onClick:o,active:r}=e,n=M.useCallback(()=>{o(t);},[t,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,active:r,title:material.capitalize(t)},M__namespace.default.createElement(xo,{browserType:t}))};ts.displayName="BrowserIconButton";var fS=D(uS__default.default),os=()=>{let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=M__namespace.default.useCallback(()=>{let i=Pe();if(!i)return;let s=il(i);s&&(e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0}));},[t,r,e,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to iframe content"},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to iframe content"},M__namespace.default.createElement(fS,null)))};os.displayName="ResizeBrowserToIframeContent";var gS=D(mS__default.default),rs=()=>{let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=M__namespace.default.useCallback(()=>{let i=Pe();if(!i)return;let s=i.getBoundingClientRect();e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0});},[t,r,e,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to preview"},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to preview"},M__namespace.default.createElement(gS,null)))};rs.displayName="ResizeBrowserToPreview";var bS=D(yS__default.default);function ns(){let{setBrowserOptions:e}=G(),{setScreenshotOptions:t}=$(),o=M__namespace.default.useCallback(()=>{e("all",{}),t({});},[e,t]);return M__namespace.default.createElement(components.IconButton,{onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Reset Settings"},M__namespace.default.createElement(bS,{style:{marginTop:4,width:"20px"}})))}ns.displayName="ResetSettings";var TS=D(wS__default.default),is=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=$(),o=M.useCallback(n=>{e(n);},[e]),r=M.useMemo(()=>t&&Object.keys(t).length>0,[t]);return M__namespace.default.createElement(Co,{title:"Screenshot Options",Icon:TS,active:r},M__namespace.default.createElement(Xr,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};is.displayName="ScreenshotOptions";var DS=D(PS__default.default),ES=D(CS__default.default),OS=D(MS__default.default),BS=D(Bg__default.default),ss=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:r,onCLose:n,onRefresh:i,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=G(),p=M.useCallback(()=>{let u=c.all&&c.all.cursor;l("all",{...c.all,cursor:u?void 0:true});},[c,l]);return M__namespace.default.createElement(nt,{border:s?void 0:["top"]},M__namespace.default.createElement("div",{className:"left"},t.map(u=>M__namespace.default.createElement(ts,{key:u,browserType:u,onClick:o,active:r.find(f=>f===u)!==void 0}))),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(components.IconButton,{className:"cursor-button",onClick:p,active:c.all&&c.all.cursor},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:c.all&&c.all.cursor?"Hide cursor":"Show cursor"},M__namespace.default.createElement(ES,{style:{transform:"rotate(-80deg)"}}))),M__namespace.default.createElement(Ji,null),M__namespace.default.createElement(rs,null),M__namespace.default.createElement(os,null),M__namespace.default.createElement(components.IconButton,{onClick:a},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshots"},M__namespace.default.createElement(BS,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(OS,null))),M__namespace.default.createElement(ns,null),M__namespace.default.createElement(is,null),M__namespace.default.createElement(Mo,{browserType:"all"}),M__namespace.default.createElement(components.IconButton,{onClick:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Close panel"},M__namespace.default.createElement(DS,null)))))};ss.displayName="Toolbar";var NS=100,ru=2,FS=2,nu=(e,t)=>{let[o,r]=reactUse.useMeasure(),n=M.useMemo(()=>`calc(${NS/(e||t||1)}% - ${FS}px)`,[t,e]);return {itemHeight:M.useMemo(()=>e===1?r.height/(t||1):e===ru?r.height/ru:r.height,[t,e,r.height]),ref:o,width:n}};var iu=e=>{let[t,o]=M.useState(false),r=M.useRef({}),{generateTitle:n,hasGenerator:i}=Cc(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=Oc(),c=M.useCallback((m,h)=>{if(!h){delete r.current[m];return}r.current[m]=h;},[]),p=M.useCallback(async(m,h)=>{o(true);try{for(let S of h){let b=r.current[S];b&&await l(S,m,b.base64,b.browserOptions);}}finally{o(false);}},[l]),u=M.useCallback(m=>{if(!m.length)return;let h=m.length>1?"Screenshots Title":"Screenshot Title";It.show({onGenerateContent:i?n:void 0,onSave:S=>{p(S,m);},required:true,title:h,value:s()});},[n,s,i,p]),f=M.useCallback(()=>{u(e);},[e,u]),d=M.useCallback(m=>{u([m]);},[u]);return {isSaving:t||a,requestSaveAll:f,requestSaveOne:d,setScreenshotData:c}};var HS=y(e=>({error:{color:"red",marginTop:"10%",padding:30,textAlign:"center"},list:{display:"flex",height:"100%",position:"relative",width:"100%"},listItem:{marginBottom:2,marginLeft:1,marginRight:1},listWrap:{flexFlow:" row wrap"},preview:{boxShadow:`${e.palette.divider} 0 1px 0 0 inset`,height:"100%",overflow:"hidden",paddingTop:2,width:"100%"},root:{display:"flex",flexDirection:"column",height:"100%"},vertical:{borderLeft:`1px solid ${e.palette.divider}`}})),Eo=e=>{let{showStorybook:t,column:o,onClose:r,viewPanel:n}=e,{activeBrowsers:i,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:p}=Gr(n),u=HS(),f=Wc(),{itemHeight:d,ref:m,width:h}=nu(o,i.length),{isSaving:S,requestSaveAll:b,requestSaveOne:x,setScreenshotData:O}=iu(i),w=M.useCallback(()=>{p(i);},[i,p]);return M__namespace.default.createElement("div",{className:Mr__default.default(u.root,{[u.vertical]:o===1})},M__namespace.default.createElement(ss,{browserTypes:a,activeBrowsers:i,toggleBrowser:s,onCLose:r,onRefresh:w,onSave:b,isVertical:o===1}),M__namespace.default.createElement("div",{className:u.preview},i&&i.length>0&&M__namespace.default.createElement("div",{ref:m,className:Mr__default.default(u.list,{[u.listWrap]:o!==void 0})},t&&M__namespace.default.createElement("div",{className:u.listItem,style:{width:h}},M__namespace.default.createElement(Yr,{browserType:"storybook",url:f,height:d})),i.map(I=>M__namespace.default.createElement("div",{key:I,className:u.listItem,style:{width:h}},M__namespace.default.createElement(Yr,{browserType:I,height:d,refresh:l.includes(I),onSave:x,onRefreshEnd:()=>{c(I);},onScreenshotDataChange:O}))))),M__namespace.default.createElement(E,{open:S}))};Eo.displayName="ScreenshotListView";var KS=y(e=>({appBar:{backgroundColor:e.palette.divider,boxShadow:"none"},closeIconAbsolute:{position:"absolute",right:30,top:30},container:{height:"100%"},dialogPaper:{height:"100%",maxHeight:"100%",maxWidth:"100%",minHeight:"100%",minWidth:"100%",overflow:"hidden"},toolbar:{minHeight:"auto"},toolbarRight:{display:"flex",justifyContent:"flex-end",width:"100%"}})),as=e=>{let{onClose:t,open:o}=e,r=KS();return M__namespace.default.createElement(fo,null,M__namespace.default.createElement(VS__default.default,{onClose:t,"aria-labelledby":"simple-dialog-title",open:o,hideBackdrop:true,classes:{paper:r.dialogPaper}},M__namespace.default.createElement("div",{className:r.container},M__namespace.default.createElement(Eo,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};as.displayName="PreviewDialog";var US=y(()=>({alert:{padding:"0px 16px"},icon:{alignSelf:"center"},message:{flex:1},messageWrapper:{alignSelf:"center"},root:{alignSelf:"center",display:"flex",justifyContent:"space-between",width:"100%"}}),{name:"EditScreenshotAlert"}),ls=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=Ve(),o=US();return e?M__namespace.default.createElement(material.Alert,{classes:{icon:o.icon,message:o.message,root:o.alert},severity:"warning"},M__namespace.default.createElement("div",{className:o.root},M__namespace.default.createElement("div",{className:o.messageWrapper},`Editing '${e.screenshotData.title}' screenshot (${e.screenshotData.browserType}).`),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Button,{size:"small",color:"inherit",onClick:t},"Cancel")))):null};ls.displayName="EditScreenshotAlert";function au(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var De="playwright-addon",lu=`${De}/action-panel`,Ut=`${De}/screenshot-panel`,cu=`${De}/tool`,uu=`${De}/toast`,pu=`${De}/preview-panel`;var an=" (This action loaded from screenshot actions, its temporary and will be removed)";var jS="storybook-root",cs=`html>body>#${jS}`;var fu="html>body>#root",$S=8;function du(e){return typeof e.querySelector=="function"}function qS(e){if(du(e)){if(e.querySelector(fu))return fu;if(e.querySelector(cs))return cs}}function mu(e,t){if(!du(t))return e;let o=qS(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let n=1;n<=$S;n+=1){let i=`html>body>div:nth-child(${n})`;if(!e.includes(i))continue;let s=t.querySelector(i);if(s&&s===r)return e.replace(i,o)}return e}var ey=y(e=>({hidden:{display:"none",pointerEvents:"none"},info:{bottom:0,color:e.palette.primary.main,fontSize:14,left:2,pointerEvents:"none",position:"absolute"},overlay:{backgroundColor:"transparent",bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100},preview:{border:`1px solid ${e.palette.primary.main}`,position:"absolute"}}),{name:"SelectorOverlay"}),ty=["id"];function yu(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function oy(e){return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ry(e,t){let o=t&&t.length>0?t:ty;for(let r of o){let n=r.trim();if(!n)continue;if(n.toLowerCase()==="id"){if(e.id)return `#${yu(e.id)}`;if(!e.hasAttribute("id"))continue;return "[id]"}if(!e.hasAttribute(n))continue;let s=e.getAttribute(n);if(s==null)continue;let a=yu(n);return s===""?`[${a}]`:`[${a}="${oy(s)}"]`}return ""}var us={height:"100%",left:0,right:0,width:"100%"},ps=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:r,setSelectorData:n}=jt(),[i,s]=M.useState(),a=ey(),l=M.useRef(null),c=r.type==="id-selector",p=r.type==="selector"||c,[u,f]=M.useState({rect:us}),{elX:d,elY:m}=reactUse.useMouseHovered(l,{bound:true,whenHovered:true});return reactUse.useKey("Escape",o,void 0,[f,o]),reactUse.useThrottleFn((h,S)=>{if(t&&t.contentWindow){let b=t.contentWindow.document,x=b.elementFromPoint(h,S);if(x)if(c)f({rect:x.getBoundingClientRect(),selector:ry(x,r.selectorAttributeNames)});else {let O=mu(selectorPath.getSelectorPath(x,{minify:true}),b);x.tagName==="HTML"?f({rect:us,selector:O}):f({rect:x.getBoundingClientRect(),selector:O});}else f({...u,rect:void 0});}},150,[d,m]),M.useEffect(()=>{if(i){let h=l.current?l.current.contains(i):false;o(),n({path:h?u.selector:void 0,x:Math.round(d),y:Math.round(m)});}},[d,m,n,i,u.selector,o]),M.useEffect(()=>{let h=x=>{s(x.target);},S=document.createElement("STYLE");S.innerHTML=`html, body {
+Browser: ${o}`:""}`;v.success(H,{duration:5e3,id:`image-diff-message:pass:${H}`,onAutoClose:m,onDismiss:m});}else if(C.diffSize||C.error){let H=At(C);v.error(H,{duration:1/0,id:`image-diff-message:error:${H}`,onDismiss:m});}}}),S=I.useCallback(()=>{u(void 0);},[]),b=I.useCallback(()=>{m();},[m]),x=I.useCallback(C=>a?a.screenshotData.browserType===C:false,[a]),O=I.useCallback(()=>a&&a.screenshotData.title,[a]),w=I.useCallback(async(C,L,z,H)=>{if(!s)return new Error("Unable to find story data");if(!z)return new Error("Unable to find screenshot image data");let Se=H?{...H}:void 0,ee={actionSets:c,args:r,base64:z,browserOptions:Se,browserType:C,filePath:s.filePath,globals:n,id:nanoid.nanoid(12),props:r,screenshotOptions:i&&Object.keys(i).length?i:void 0,storyId:s.id,title:L};a&&x(C)&&(ee.updateScreenshot=a.screenshotData);let ye;S();try{ye=await f(ee);}catch{return new Error("Unexpected error occurred")}if(a&&x(C)&&(ye.added&&oc(a.screenshotData.id),l()),ye.added){ee.index=ye.index;let{base64:Te,...W}=ee;tc(W);}return ye},[c,r,n,i,s,x,a,f,l,S]),M=I.useCallback(()=>{b();},[b]);return {clearError:S,error:p,getUpdatingScreenshotTitle:O,inProgress:h,isUpdating:x,onSuccessClose:M,result:d,saveScreenShot:w}}function Fc(e,t){let o=Ht(),r=jr(),n=managerApi.useStorybookState(),{screenshotOptions:i}=$(),{currentActions:s}=ze(n.storyId),a=I.useRef(),[l,c]=I.useState(),{mutate:p,isPending:u,data:f}=A.screenshot.takeScreenshot.useMutation({onError:S=>{let b=S.message||"Unexpected error occurred";c(b),v.error(b);}}),[d,m]=I.useState(0);I.useEffect(()=>{let S=managerApi.addons.getChannel(),b=()=>m(x=>x+1);return S.on(coreEvents.STORY_RENDERED,b),()=>{S.off(coreEvents.STORY_RENDERED,b);}},[]);let h=I.useCallback(()=>{e!=="storybook"&&(c(void 0),p({actionSets:s,args:o,browserOptions:t,browserType:e,globals:r,props:o,requestId:nanoid.nanoid(),screenshotOptions:i,storyId:n.storyId}));},[e,s,o,t,r,p,i,n.storyId]);return I.useEffect(()=>{if(u||d===0)return;let S=O0__default.default({args:o,browserOptions:t,currentActions:s,globals:r,id:n.storyId,screenshotOptions:i});a.current!==S&&(a.current=S,h());},[s,h,o,t,r,n.storyId,i,u,d]),{error:l,getSnapshot:h,loading:u,screenshot:f}}function _c(){let{mutateAsync:e,isPending:t}=A.screenshot.changeScreenshotIndex.useMutation(),o=T(),r=I.useCallback(async n=>{if(o){Pi({newIndex:n.newIndex,oldIndex:n.oldIndex});try{await e({filePath:o.filePath,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});}catch{Pi({newIndex:n.oldIndex,oldIndex:n.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:r}}var Ni=e=>{let{storyData:t,screenShotData:o,onClose:r,open:n=true,...i}=e,{testScreenshot:s,inProgress:a,result:l}=Rt();return I.useEffect(()=>{s({...t,screenshotId:o.id});},[t,o.id,s]),I__namespace.default.createElement(I__namespace.default.Fragment,null,l?.filePath&&I__namespace.default.createElement(ut,{title:o.title,imageDiffResult:l,open:n,onClose:r,titleActions:()=>I__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:o}),...i}),I__namespace.default.createElement(E,{open:a}))};Ni.displayName="ScreenshotPreviewDialog";var G0=D(H0__default.default),U0=D(V0__default.default),j0=y(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function wo({pauseDeleteImageDiffResult:e,showPreviewOnClick:t,screenshot:o,sortableId:r,imageDiffResult:n,selected:i,onClick:s,draggable:a,forceShowMenu:l,showImageDiffResultDialog:c,storyData:p,...u}){let{attributes:f,listeners:d,setActivatorNodeRef:m,setNodeRef:h,transform:S,transition:b,isDragging:x}=sortable.useSortable({disabled:!a,id:r??o.id}),O=j0(),[w,M]=I.useState(false),[C,L]=I.useState(false),z=I.useRef(0),{dragStart:H}=Vr(),[Se,ee]=I.useState(false),{inProgress:ye,testScreenshot:Te}=Rt(),W=n&&n.pass,le=I.useCallback(()=>{L(false),!e&&W&&n?.screenshotId?Hr(n.screenshotId):window.clearTimeout(z.current);},[e,W,n]);I.useEffect(()=>(!e&&n&&n.pass&&(z.current=window.setTimeout(()=>{le();},1e4)),()=>{window.clearTimeout(z.current);}),[e,le,n]);let Oe=I.useCallback(()=>{L(true);},[]),An=I.useCallback(()=>{M(true);},[]),Ho=I.useCallback(()=>{M(false);},[]),Vo=I.useCallback(async()=>{await Te({...p,screenshotId:o.id}),L(true);},[o.id,p,Te]),Qt=I.useCallback(()=>{s&&s(o),t&&ee(!Se);},[s,o,Se,t]),{editScreenshot:Ko,loadSetting:Wo,editScreenshotState:St,clearScreenshotEdit:Go}=Ve(),Uo=I.useCallback(()=>Ko(o),[Ko,o]),jo=I.useCallback(()=>{Wo(o);},[Wo,o]);return I__namespace.default.createElement("div",{ref:h,style:{opacity:x?.8:1,transform:utilities.CSS.Transform.toString(S),transition:b}},I__namespace.default.createElement(Li,{onClick:Qt,title:o.title,draggable:a,selected:i||St&&St.screenshotData.id===o.id,tooltip:o.title+(p&&` - ${p.id}`),onMouseEnter:An,onMouseLeave:Ho,dragHandleProps:a?{...f,...d,setNodeRef:m}:void 0,style:{cursor:"pointer"}},I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:ye}),W&&I__namespace.default.createElement(G0,{color:"primary",onClick:le,className:O.indicatorIcon}),n&&!n.pass&&I__namespace.default.createElement(U0,{color:"secondary",onClick:Oe,className:O.indicatorIcon}),I__namespace.default.createElement(xo,{style:{height:16},browserType:o.browserType}),C&&c&&n&&I__namespace.default.createElement(zc,{result:n,onClose:le,title:o.title,titleActions:()=>I__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:o})}),I__namespace.default.createElement(Bi,{show:(l||w)&&!H,screenshot:o,onHide:Ho,onRunImageDiff:Vo,imageDiffResult:n,onEditClick:Uo,onLoadSettingClick:jo,isEditing:!!St,onDelete:Go,...u}),Se&&t&&I__namespace.default.createElement(Ni,{screenShotData:o,storyData:p,onClose:Qt,open:true,width:"100%",height:"100%",activeTab:W?"newScreenshot":"imageDiff"}))))}wo.displayName="ScreenshotListItem";var Ao=({children:e,items:t})=>{let{setDragStart:o}=Vr(),{changeIndex:r,ChangeIndexInProgress:n}=_c(),i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=I.useCallback(()=>{o(true);},[o]),a=I.useCallback(()=>{o(false);},[o]),l=I.useCallback(({active:c,over:p})=>{if(o(false),!p||c.id===p.id)return;let u=t.findIndex(d=>d===c.id),f=t.findIndex(d=>d===p.id);u<0||f<0||r({newIndex:f,oldIndex:u});},[r,t,o]);return I__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragStart:s,onDragCancel:a,onDragEnd:l},I__namespace.default.createElement(sortable.SortableContext,{items:t,strategy:sortable.verticalListSortingStrategy},I__namespace.default.createElement(fi,null,I__namespace.default.createElement(E,{open:n}),e)))};Ao.displayName="ScreenshotListSortable";var zi=({children:e})=>{let t=T(),o=He(),r=o.screenshots&&o.screenshots.length>0,n=[...o.screenshots||[]].sort((i,s)=>(i.index??0)-(s.index??0));return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(Ao,{items:n.map(i=>i.id)},r?I__namespace.default.createElement(I__namespace.default.Fragment,null,t&&n.map((i,s)=>I__namespace.default.createElement(wo,{index:s,sortableId:i.id,openUpdateDialog:true,key:i.id,screenshot:i,storyData:t,showPreviewOnClick:true,draggable:true,enableImageDiff:true,enableUpdate:true,showImageDiffResultDialog:true,enableLoadSetting:true,enableEditScreenshot:true,pauseDeleteImageDiffResult:o.pauseDeleteImageDiffResult,imageDiffResult:o.imageDiffResults.find(a=>a.screenshotId===i.id)}))):I__namespace.default.createElement("div",{style:{marginTop:30,textAlign:"center"}},I__namespace.default.createElement("div",null,"No screenshot has been found!")),e))};zi.displayName="ScreenshotList";var Ri=e=>{let{hasScreenShot:t,title:o,onTestClick:r,onPreviewClick:n,onUpdateClick:i,onDelete:s}=e,[a,l]=I__namespace.default.useState(false);return I__namespace.default.createElement(nt,{border:["bottom"]},I__namespace.default.createElement("div",{className:"left"},I__namespace.default.createElement("div",{title:o},"Story Screenshots")),I__namespace.default.createElement("div",{className:"right"},I__namespace.default.createElement(Kt,{fixFunction:true,onClose:l,open:a}),I__namespace.default.createElement(components.IconButton,{onClick:()=>l(true),title:"Fix screenshot name"},I__namespace.default.createElement(icons.WrenchIcon,null)),t&&I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(components.IconButton,{onClick:i,title:"Update story screenshots"},I__namespace.default.createElement(icons.RefreshIcon,null)),I__namespace.default.createElement(components.IconButton,{onClick:r,title:"Run diff test for story screenshots"},I__namespace.default.createElement(icons.ContrastIcon,null)),I__namespace.default.createElement(components.IconButton,{onClick:n,title:"Display story screenshots"},I__namespace.default.createElement(icons.PhotoIcon,null)),I__namespace.default.createElement(Ce,{IconButton:components.IconButton,onDelete:s}))))};Ri.displayName="ScreenshotListToolbar";function Wt(e,t,o=false){I.useEffect(()=>{if(!o)return e&&window.addEventListener("keydown",e),t&&window.addEventListener("keyup",t),()=>{e&&window.removeEventListener("keydown",e),t&&window.removeEventListener("keyup",t);}},[o,e,t]);}var cg=y(e=>{let{palette:{divider:t}}=e;return {line:{backgroundColor:t,width:1},list:{width:"350px"},root:{display:"flex",flexDirection:"row",height:"calc(100% - 70px) !important",position:"relative",width:"100%"}}},{name:"ScreenshotListPreviewDialog"}),Hi=({screenshots:e,storyData:t,selectedItem:o,title:r,children:n,draggable:i=true,...s})=>{let[a,l]=I.useState(),c=He(),p=cg(),u=I.useCallback(async m=>{l(m);},[]),f=I.useCallback(m=>{if(!a)return;let h=e.findIndex(S=>S.id===a.id);switch(m.key){case "ArrowDown":{e[h+1]&&l(e[h+1]);break}case "ArrowUp":{e[h-1]&&l(e[h-1]);break}}},[a,e]);Wt(void 0,f),I.useEffect(()=>{if(c.imageDiffResults&&c.imageDiffResults.length&&e&&!a)if(o){let m=e.find(h=>h.id===o);m&&u(m);}else e[0]&&u(e[0]);},[a,u,e,o,c.imageDiffResults]);let d=a&&c.imageDiffResults.find(m=>m.screenshotId===a.id);return I__namespace.default.createElement(ve,{width:"100%",title:r||(a?material.capitalize(a.title):"Loading ..."),subtitle:(r&&a&&a.title)+(t&&` (${t.id})`),height:"100%",...s},I__namespace.default.createElement("div",{className:p.root},I__namespace.default.createElement("div",{className:p.list},I__namespace.default.createElement(Ao,{items:e.map(m=>m.id)},a&&e.map((m,h)=>I__namespace.default.createElement(wo,{index:h,sortableId:m.id,openUpdateDialog:false,showPreviewOnClick:false,key:m.id,screenshot:m,forceShowMenu:true,enableUpdate:true,draggable:i,storyData:t,pauseDeleteImageDiffResult:c.pauseDeleteImageDiffResult,onClick:u,selected:a.id===m.id,imageDiffResult:c.imageDiffResults.find(S=>S.screenshotId===m.id)})))),I__namespace.default.createElement("div",{className:p.line}),d&&I__namespace.default.createElement(Po,{imageDiffResult:d}),n))};Hi.displayName="ScreenshotListPreviewDialog";var qr=e=>{let{onClose:t,updating:o,target:r,onLoad:n}=e,{loading:i,storyData:s}=kc(r,n),[a,l]=I.useState(false),c=He(),{updateScreenshot:p}=Ur(),u=I.useCallback(async()=>{l(true);try{let f=c.screenshots.reduce((d,m)=>{let h=c.imageDiffResults.find(S=>S.screenshotId===m.id);if(!h)throw new Error(`Unable to find image diff result for '${m.title}' screenshot.`);return d.push(p(h)),d},[]);await Promise.all(f),v.success("Successfully updated.",{duration:1/0,id:"story-screenshot-preview:updated"});}catch(f){v.error(f.message);}l(false);},[c,p]);return I__namespace.default.useEffect(()=>(vo(true),()=>{vo(false),ic();}),[]),I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(E,{open:i||a}),!i&&I__namespace.default.createElement(Hi,{title:o?"Following screenshots will be saved, would you like to continue?":void 0,screenshots:c.screenshots,onClose:t,open:true,storyData:s||{filePath:"",id:"",name:"",parent:""},draggable:r==="story"&&!a,footerActions:o?()=>I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.Button,{onClick:t,color:"primary"},"No"),I__namespace.default.createElement(material.Button,{onClick:u,color:"primary",autoFocus:true},"Yes")):void 0},I__namespace.default.createElement(E,{open:a})))};qr.displayName="StoryScreenshotPreview";var Kc=I__namespace.default.memo(qr);function Vi(){let[e,t]=I.useState(false),o="screenshot-panel",{runDiffTest:r,updateInf:n}=Nt(o,"story"),{screenshotLoaderInProgress:i}=cc(),{deleteInProgress:s,deleteStoryScreenshots:a}=lc(),l=He(),{testStoryScreenShots:c,imageDiffTestInProgress:p}=zt(),u=I.useCallback(()=>{t(!e);},[e]),f=l.screenshots&&l.screenshots.length>0;I.useEffect(()=>{vo(e);},[e]);let d=I__namespace.default.useCallback(()=>{c("story");},[c]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(E,{open:i||p||s||n.reqBy!==void 0}),I__namespace.default.createElement(Ri,{onUpdateClick:r,title:"Story Screenshots",onTestClick:d,onPreviewClick:u,hasScreenShot:f,onDelete:a}),I__namespace.default.createElement(zi,null),e&&I__namespace.default.createElement(qr,{onClose:u,target:"story"}))}Vi.displayName="ScreenshotPanel";var Ki=({showPanel:e})=>{let[t,o]=I__namespace.default.useState(false),{updateInf:r,handleClose:n,setIsLoadingFinish:i}=Nt(""),s=I__namespace.default.useCallback(()=>{o(true),i(true);},[i]),a=I__namespace.default.useCallback(()=>{n(),o(false);},[n]);return I__namespace.default.createElement(Ie,null,e&&!t&&I__namespace.default.createElement(Vi,null),r.reqBy&&I__namespace.default.createElement(Kc,{onClose:a,updating:true,target:r.target??"story",onLoad:s}))};Ki.displayName="ScreenshotMain";function Wc(){let e=managerApi.useStorybookState(),[t,o]=I.useState();return I.useEffect(()=>{let r=tl(window.location.host,e.storyId),n=Object.keys(e.customQueryParams);if(n.length>0){let i=n.map(s=>{let a=e.customQueryParams[s];return `${s}=${a}`});r+=`&${i.join("&")}`;}o(r);},[e.customQueryParams,e.storyId]),t}var Pg=D(Ed__default.default),Cg=y(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),Co=({title:e,Icon:t,children:o,width:r,active:n})=>{let[i,s]=I.useState(),a=Cg(),l=I.useCallback(p=>{s(p.target);},[]),c=I.useCallback(()=>{s(void 0);},[]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.Popover,{open:!!i,anchorEl:i,onClose:c,style:{margin:20},anchorOrigin:{horizontal:"center",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"}},I__namespace.default.createElement("div",{className:a.root,style:{width:r}},I__namespace.default.createElement("div",{className:a.title},I__namespace.default.createElement("span",null,e),I__namespace.default.createElement(material.IconButton,{size:"small",onClick:c},I__namespace.default.createElement(Pg,null))),I__namespace.default.createElement(material.Divider,null),I__namespace.default.createElement("div",null,o))),I__namespace.default.createElement(components.IconButton,{onClick:l,active:n},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Browser Options"},I__namespace.default.createElement(t,null))))};Co.displayName="OptionPopover";var Dg=D(Mg__default.default),Mo=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:r,setBrowserDeviceOptions:n}=G(e),[i,s]=I.useState(false),a=I.useCallback(c=>{t(e,c);},[e,t]),l=I.useCallback(c=>{n(e,c),s(true);},[e,n]);return I.useEffect(()=>{i&&s(false);},[i]),o?I__namespace.default.createElement(Co,{title:"Browser Options",Icon:Dg,active:r},!i&&I__namespace.default.createElement(Xr,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:I__namespace.default.createElement(hi,{onDeviceSelect:l})})):null};Mo.displayName="BrowserOptions";var Ng=D(Og__default.default),Fg=D(Bg__default.default),_g=D(Lg__default.default),zg=y(e=>{let{palette:t}=e;return {label:{textTransform:"uppercase"},root:{alignItems:"center",backgroundColor:t.divider,color:t.text.secondary,display:"flex",flexWrap:"nowrap",fontSize:14,height:30,justifyContent:"space-between",minHeight:"auto",paddingLeft:10,paddingRight:10,textAlign:"right"},toolbarPanels:{"& button":{alignItems:"center",display:"flex",height:30,marginLeft:6,marginTop:0},"& svg:not(.browser-loader)":{width:17},alignItems:"center",display:"flex"}}}),ji=e=>{let{browserType:t,onSave:o,showSaveButton:r,loading:n,onRefresh:i,onFullScreen:s}=e,a=zg();return I__namespace.default.createElement("div",{className:a.root},I__namespace.default.createElement("div",{className:a.toolbarPanels},I__namespace.default.createElement("label",{className:a.label},t),n&&I__namespace.default.createElement(material.CircularProgress,{classes:{svg:"browser-loader"},style:{marginLeft:10},size:15})),I__namespace.default.createElement("div",{className:a.toolbarPanels},r&&I__namespace.default.createElement(components.IconButton,{onClick:o},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshot"},I__namespace.default.createElement(_g,null))),I__namespace.default.createElement(components.IconButton,{onClick:i},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},I__namespace.default.createElement(Fg,null))),t!=="storybook"&&I__namespace.default.createElement(Mo,{browserType:t}),I__namespace.default.createElement(components.IconButton,{onClick:s},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Full screen"},I__namespace.default.createElement(Ng,null)))))};ji.displayName="ScreenShotViewToolbar";var $i=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var jg=y(e=>{let t=e.palette.mode==="light"?styles.lighten:styles.darken,{palette:o}=e,{background:r}=o;return {card:{"& .os-scrollbar":{opacity:1,visibility:"visible !important",zIndex:10},"& .os-scrollbar-track":{"& .os-scrollbar-handle":{backgroundColor:$i(o.mode,r.paper,.6)},backgroundColor:"transparent",visibility:"visible !important"},overflow:"hidden",position:"relative",width:"100%",zIndex:10,backgroundColor:t(r.default,.1)},container:{alignItems:"center",height:"100%",position:"relative",width:"100%",border:`3px solid ${o.divider}`,borderTop:0},errorContainer:{overflow:"auto"},editMode:{"& $fakeBorder":{borderColor:t(e.palette.warning.main,.5)},backgroundColor:t(e.palette.warning.main,.6)},fakeBorder:{border:`10px solid ${$i(o.mode,r.paper,.1)}`,borderTop:0,bottom:0,left:0,pointerEvents:"none",position:"absolute",right:0,top:0,zIndex:5},iframe:{width:"100%"},image:{},innerContainer:{width:"100%"}}},{name:"ScreenshotView"}),Yr=e=>{let{browserType:t,url:o,height:r,refresh:n,onRefreshEnd:i,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=Ve(),[c,p]=I.useState(false),u=jg(),{getBrowserOptions:f}=G(),d=f(t),{loading:m,screenshot:h,getSnapshot:S,error:b}=Fc(t,d);I.useEffect(()=>{!n||m||(S(),i?.());},[S,m,i,n]);let x=r-30,O=t==="storybook",w=!!(h&&h.base64)&&t!=="storybook",M=I.useCallback(()=>{p(!c);},[c]),C=b||h?.error,L=I.useCallback(()=>{t==="storybook"||!h?.base64||s?.(t);},[t,s,h]);return I.useEffect(()=>{if(!(!a||t==="storybook")){if(!h?.base64){a(t,void 0);return}a(t,{base64:h.base64,browserOptions:d});}},[d,t,a,h]),I__namespace.default.createElement("div",{className:Mr__default.default(u.card,{[u.editMode]:l(t)})},I__namespace.default.createElement(ji,{browserType:t,onSave:L,loading:m,onRefresh:S,showSaveButton:w,onFullScreen:M}),I__namespace.default.createElement("div",{className:u.container,style:{height:x,overflow:O?"hidden":"auto"}},t!=="storybook"?I__namespace.default.createElement("div",{className:u.innerContainer},h&&h.base64&&!C?I__namespace.default.createElement("img",{className:u.image,src:`data:image/gif;base64,${h.base64}`}):I__namespace.default.createElement(I__namespace.default.Fragment,null,C&&I__namespace.default.createElement("div",{className:u.errorContainer},I__namespace.default.createElement(ei,{message:C})))):I__namespace.default.createElement("iframe",{src:o,className:u.iframe,style:{height:x},frameBorder:"0"})),I__namespace.default.createElement(ve,{open:c,width:"100%",height:"100%",onClose:M,title:`${material.capitalize(t)} screenshot`},h&&c&&h.base64&&I__namespace.default.createElement(Io,{imgSrcString:h.base64})))};Yr.displayName="ScreenshotView";var Yg=y(e=>({overlay:{backgroundColor:"transparent",border:`1px solid ${e.palette.primary.main}`,bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100}}),{name:"SelectorOverlay"}),qi=I.forwardRef((e,t)=>{let o=Yg();return I__namespace.default.createElement("div",{...e,className:Mr__default.default(o.overlay),ref:t})});qi.displayName="IframeOverlay";var Xi=zustand.create()(middleware.devtools(e=>({clipping:false,start:()=>{e(()=>({clipping:true}));},stop:()=>{e(()=>({clipping:false}));},toggleClippingState:()=>{e(t=>({clipping:!t.clipping}));}}),{name:"clipper-store"})),Yi=()=>{let{clipping:e,stop:t}=Xi(),{addonState:o,setAddonState:r}=de(),{setBrowserOptions:n,browserOptions:i}=G(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=$(),c=I__namespace.default.useRef(null),p=qc(),u=I__namespace.default.useCallback(f=>{if(!c.current||!p)return;let d=al(p),{height:m,width:h,top:S,left:b}=f.rect,x=p.contentDocument??p.contentWindow?.document,O=x?Math.max(x.body?.scrollHeight||0,x.body?.offsetHeight||0,x.documentElement.scrollHeight,x.documentElement.offsetHeight,x.documentElement.clientHeight):p.getBoundingClientRect().height,w=p.getBoundingClientRect(),M=p.contentWindow?.innerWidth??w.width,C=p.contentWindow?.innerHeight??w.height,L=x?.documentElement?.clientWidth??w.width,z=x?.documentElement?.clientHeight??w.height,H=Math.min(w.width,L),Se=Math.min(w.height,z),ee=w.left+H,ye=w.top+Se,Te=H?M/H:1,W=Se?C/Se:1,le=Number.isFinite(Te)&&Te>0?Te:1,Oe=Number.isFinite(W)&&W>0?W:1,An=b+h,Ho=S+m,Vo=Math.max(b,w.left),Qt=Math.max(S,w.top),Ko=Math.min(An,ee),Wo=Math.min(Ho,ye),St=Math.max(0,Ko-Vo),Go=Math.max(0,Wo-Qt);if(St===0||Go===0){t();return}n("all",{...i.all||{},viewport:{height:Math.round(O),width:Math.round(M)}});let Uo={left:d.scrollLeft+(Vo-w.left)*le,top:d.scrollTop+(Qt-w.top)*Oe};a({...l,clip:{height:Math.ceil(Go*Oe),width:Math.ceil(St*le),x:Math.floor(Uo.left),y:Math.floor(Uo.top)}}),t(),s||v.custom(({dismiss:jo})=>I__namespace.default.createElement(Pr,{variant:"info",onClose:jo},I__namespace.default.createElement(si,{style:{fontSize:14}},"Clipping may differ from the Storybook preview when browser zoom is not 100%, OS display scaling (DPI) is different, fonts or line height differ, text wraps differently, the preview is resized or transformed, or scrollbar behavior differs from the Playwright viewport."),I__namespace.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginTop:8}},I__namespace.default.createElement(components.IconButton,{type:"button",onClick:()=>{r({...o,clippingWarningDismissed:true}),jo();}},"Do Not Show Again"))));},[o,i.all,p,s,l,n,a,r,t]);return Wt(void 0,f=>{f.code==="Escape"&&t();}),e?I__namespace.default.createElement(qi,{ref:c},I__namespace.default.createElement(Qg__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:u})):null};Yi.displayName="Clipper";var Ji=()=>{let{clipping:e,toggleClippingState:t}=Xi(),o=I__namespace.default.useCallback(()=>{t();},[t]);return I__namespace.default.createElement(components.IconButton,{active:e,onClick:o},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:e?"Stop Clipping":"Start Clipping"},I__namespace.default.createElement("svg",{className:"MuiSvgIcon-root",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24",style:{height:20,transform:"rotate(180deg)",width:20,fill:"currentColor"}},I__namespace.default.createElement("path",{d:"M17 5h-2V3h2v2zm-2 16h2v-2.59L19.59 21 21 19.59 18.41 17H21v-2h-6v6zm4-12h2V7h-2v2zm0 4h2v-2h-2v2zm-8 8h2v-2h-2v2zM7 5h2V3H7v2zM3 17h2v-2H3v2zm2 4v-2H3c0 1.1.9 2 2 2zM19 3v2h2c0-1.1-.9-2-2-2zm-8 2h2V3h-2v2zM3 9h2V7H3v2zm4 12h2v-2H7v2zm-4-8h2v-2H3v2zm0-8h2V3c-1.1 0-2 .9-2 2z"}))))};Ji.displayName="ClipperButton";var Xc=e=>I__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"2 -1 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},I__namespace.createElement("path",{d:"M12 9.984l3.984 4.031h-3v6h-1.969v-6h-3zM18.984 3.984q0.844 0 1.43 0.586t0.586 1.43v12q0 0.797-0.609 1.406t-1.406 0.609h-3.984v-2.016h3.984v-9.984h-13.969v9.984h3.984v2.016h-3.984q-0.844 0-1.43-0.586t-0.586-1.43v-12q0-0.844 0.586-1.43t1.43-0.586h13.969z"}),I__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Yc=e=>I__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},I__namespace.createElement("path",{d:"M8.071 13.954l-4.579-7.931c2.932-3.671 7.445-6.023 12.508-6.023 5.857 0 10.978 3.148 13.767 7.844h-13.055c-0.235-0.020-0.472-0.031-0.711-0.031-3.809 0-7.018 2.614-7.929 6.142zM21.728 10.156h9.171c0.711 1.81 1.101 3.781 1.101 5.844 0 8.776-7.066 15.9-15.818 15.998l6.544-11.334c0.921-1.324 1.462-2.932 1.462-4.664 0-2.287-0.943-4.357-2.459-5.844zM10.188 16c0-3.205 2.607-5.813 5.813-5.813s5.813 2.607 5.813 5.813c0 3.205-2.608 5.813-5.813 5.813s-5.813-2.608-5.813-5.813zM18.193 23.889l-4.581 7.934c-7.704-1.153-13.613-7.797-13.613-15.822 0-2.851 0.746-5.526 2.053-7.845l6.532 11.314c1.308 2.785 4.14 4.718 7.415 4.718 0.759 0 1.495-0.104 2.193-0.299z"}),I__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Jc=e=>I__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},I__namespace.createElement("path",{d:"M31.954 10.442l-0.371 2.377c0 0-0.53-4.402-1.179-6.047-0.995-2.521-1.438-2.501-1.441-2.498 0.667 1.694 0.546 2.604 0.546 2.604s-1.181-3.219-4.303-4.243c-3.459-1.134-5.33-0.824-5.547-0.765-0.033-0-0.064-0-0.095-0 0.026 0.002 0.050 0.005 0.076 0.007-0.001 0.001-0.003 0.001-0.003 0.002 0.014 0.017 3.822 0.666 4.497 1.594 0 0-1.617 0-3.227 0.464-0.073 0.021 5.923 0.749 7.148 6.74 0 0-0.657-1.371-1.47-1.604 0.535 1.626 0.397 4.712-0.112 6.245-0.066 0.197-0.133-0.853-1.135-1.305 0.321 2.301-0.019 5.952-1.616 6.957-0.124 0.078 1.001-3.603 0.226-2.18-4.46 6.838-9.731 3.155-12.101 1.535 1.215 0.264 3.52-0.041 4.541-0.8 0.001-0.001 0.002-0.002 0.004-0.003 1.108-0.758 1.765-1.311 2.354-1.18s0.982-0.46 0.524-0.985c-0.459-0.526-1.572-1.249-3.079-0.855-1.063 0.278-2.379 1.454-4.389 0.264-1.543-0.914-1.688-1.673-1.702-2.199 0.038-0.186 0.086-0.361 0.143-0.52 0.178-0.496 0.716-0.646 1.015-0.764 0.508 0.087 0.946 0.246 1.405 0.481 0.006-0.153 0.008-0.356-0.001-0.586 0.044-0.088 0.017-0.352-0.054-0.674-0.041-0.322-0.107-0.655-0.211-0.959 0-0 0.001-0 0.001-0 0.002-0.001 0.003-0.001 0.005-0.002s0.005-0.004 0.007-0.006c0-0.001 0.001-0.001 0.001-0.002 0.003-0.004 0.005-0.008 0.006-0.015 0.032-0.144 0.376-0.423 0.804-0.722 0.383-0.268 0.834-0.553 1.19-0.774 0.314-0.195 0.554-0.34 0.605-0.378 0.019-0.015 0.042-0.032 0.068-0.051 0.005-0.004 0.009-0.007 0.014-0.011 0.003-0.002 0.006-0.005 0.009-0.007 0.169-0.135 0.421-0.389 0.474-0.924 0-0.001 0-0.002 0-0.004 0.002-0.016 0.003-0.032 0.004-0.048 0.001-0.011 0.002-0.023 0.002-0.034 0-0.009 0.001-0.018 0.001-0.027 0.001-0.021 0.002-0.043 0.002-0.065 0-0.001 0-0.002 0-0.004 0.001-0.052-0-0.106-0.003-0.163-0.002-0.032-0.004-0.060-0.009-0.086-0-0.001-0.001-0.003-0.001-0.004-0.001-0.003-0.001-0.005-0.002-0.008-0.001-0.005-0.002-0.009-0.004-0.013-0-0.001-0-0.001-0.001-0.001-0.002-0.005-0.004-0.010-0.005-0.014-0-0-0-0-0-0.001-0.055-0.128-0.26-0.177-1.108-0.191-0.001-0-0.002-0-0.002-0v0c-0.346-0.006-0.798-0.006-1.391-0.004-1.039 0.004-1.613-1.016-1.797-1.41 0.251-1.389 0.977-2.379 2.17-3.051 0.023-0.013 0.018-0.023-0.009-0.031 0.233-0.141-2.82-0.004-4.225 1.782-1.247-0.31-2.333-0.289-3.269-0.069-0.18-0.005-0.404-0.027-0.67-0.083-0.623-0.564-1.514-1.606-1.562-2.85 0 0-0.003 0.002-0.008 0.006-0.001-0.012-0.002-0.024-0.002-0.036 0 0-1.897 1.458-1.613 5.434-0.001 0.064-0.002 0.125-0.004 0.184-0.514 0.696-0.768 1.282-0.787 1.411-0.455 0.926-0.917 2.32-1.292 4.437 0 0 0.263-0.833 0.79-1.777-0.388 1.188-0.693 3.036-0.514 5.808 0 0 0.047-0.615 0.215-1.5 0.131 1.719 0.704 3.841 2.152 6.337 2.78 4.791 7.052 7.211 11.775 7.582 0.839 0.069 1.689 0.071 2.544 0.006 0.079-0.006 0.157-0.011 0.236-0.018 0.968-0.068 1.942-0.214 2.914-0.449 13.287-3.212 11.842-19.256 11.842-19.256z"}));var Zc=e=>I__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},I__namespace.createElement("path",{d:"M16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.163 16-16-7.163-16-16-16zM29.95 14.775l-0.031-0.331c0.006 0.113 0.019 0.219 0.031 0.331zM27.762 8.4l-0.225-0.338c0.075 0.113 0.15 0.225 0.225 0.338zM26.894 7.206l-0.137-0.169c0.050 0.056 0.094 0.112 0.137 0.169zM24.956 5.237l-0.169-0.138c0.063 0.050 0.113 0.094 0.169 0.138zM23.938 4.463l-0.337-0.225c0.113 0.075 0.225 0.15 0.337 0.225zM17.556 2.087l-0.337-0.031c0.113 0.006 0.225 0.019 0.337 0.031zM14.775 2.050l-0.338 0.031c0.113-0.006 0.225-0.019 0.338-0.031zM8.4 4.237l-0.338 0.225c0.113-0.075 0.225-0.15 0.338-0.225zM7.206 5.106l-0.162 0.131c0.056-0.044 0.106-0.088 0.162-0.131zM5.237 7.044l-0.138 0.169c0.050-0.056 0.094-0.112 0.138-0.169zM4.463 8.063l-0.225 0.338c0.075-0.113 0.15-0.225 0.225-0.338zM2.087 14.444l-0.031 0.338c0.006-0.113 0.019-0.225 0.031-0.338zM2.050 17.225l0.031 0.337c-0.006-0.113-0.019-0.225-0.031-0.337zM4.237 23.594l0.225 0.337c-0.075-0.106-0.15-0.219-0.225-0.337zM4.5 23.988l2.494-1.669-0.275-0.419-2.494 1.669c-1.131-1.756-1.875-3.775-2.125-5.95l1.494-0.15-0.050-0.5-1.494 0.15c-0.025-0.288-0.038-0.581-0.044-0.875h3v-0.5h-3c0.006-0.294 0.019-0.581 0.044-0.875l1.494 0.144 0.050-0.5-1.494-0.144c0.25-2.175 1-4.194 2.131-5.95l2.494 1.669 0.275-0.419-2.5-1.656c0.169-0.237 0.338-0.475 0.519-0.7l1.156 0.95 0.319-0.388-1.156-0.95c0.188-0.225 0.388-0.438 0.588-0.65l2.119 2.119 0.356-0.356-2.119-2.119c0.213-0.2 0.425-0.4 0.644-0.588l0.95 1.162 0.387-0.319-0.95-1.156c0.231-0.181 0.463-0.356 0.7-0.525l1.669 2.494 0.419-0.275-1.669-2.494c1.756-1.131 3.775-1.875 5.95-2.125l0.15 1.494 0.5-0.050-0.15-1.494c0.287-0.025 0.581-0.038 0.875-0.044v3h0.5v-3c0.294 0.006 0.581 0.019 0.875 0.044l-0.144 1.494 0.5 0.050 0.144-1.494c2.175 0.25 4.194 1 5.95 2.131l-1.669 2.494 0.419 0.275 1.669-2.494c0.238 0.169 0.475 0.338 0.7 0.519l-0.95 1.156 0.387 0.319 0.95-1.156c0.225 0.188 0.438 0.388 0.65 0.588l-0.8 0.781-10.938 7.294-7.294 10.937-0.781 0.781c-0.2-0.212-0.4-0.425-0.588-0.644l1.156-0.95-0.319-0.387-1.156 0.95c-0.181-0.225-0.35-0.462-0.519-0.7zM5.237 24.956c-0.044-0.056-0.088-0.106-0.131-0.163l0.131 0.163zM7.044 26.762l0.162 0.131c-0.056-0.044-0.106-0.087-0.162-0.131zM8.063 27.531l0.338 0.225c-0.113-0.069-0.225-0.144-0.338-0.225zM14.444 29.913l0.338 0.031c-0.113-0.006-0.225-0.019-0.338-0.031zM17.225 29.95l0.331-0.031c-0.113 0.006-0.219 0.019-0.331 0.031zM23.6 27.762l0.337-0.225c-0.113 0.075-0.225 0.15-0.337 0.225zM24.794 26.894l0.169-0.137c-0.056 0.050-0.113 0.094-0.169 0.137zM25.887 25.913l0.025-0.025c-0.006 0.006-0.019 0.019-0.025 0.025zM26.762 24.956l0.137-0.169c-0.050 0.056-0.094 0.113-0.137 0.169zM26.981 24.688l-1.156-0.95-0.319 0.387 1.156 0.95c-0.188 0.225-0.387 0.438-0.587 0.65l-2.119-2.119-0.356 0.356 2.119 2.119c-0.212 0.2-0.425 0.4-0.644 0.587l-0.95-1.163-0.387 0.319 0.95 1.156c-0.231 0.181-0.462 0.356-0.7 0.525l-1.669-2.494-0.419 0.275 1.669 2.494c-1.756 1.131-3.775 1.875-5.95 2.125l-0.15-1.494-0.5 0.050 0.15 1.494c-0.288 0.025-0.581 0.038-0.875 0.044v-3h-0.5v3c-0.294-0.006-0.581-0.019-0.875-0.044l0.144-1.494-0.5-0.050-0.144 1.494c-2.175-0.25-4.194-1-5.95-2.131l1.669-2.494-0.419-0.275-1.656 2.494c-0.237-0.169-0.475-0.337-0.7-0.519l0.95-1.156-0.388-0.319-0.95 1.156c-0.225-0.188-0.438-0.387-0.65-0.587l0.787-0.781 10.937-7.294 7.294-10.938 0.781-0.781c0.2 0.213 0.4 0.425 0.587 0.644l-1.156 0.95 0.319 0.387 1.156-0.95c0.181 0.231 0.356 0.463 0.525 0.7l-2.494 1.669 0.275 0.419 2.494-1.669c1.131 1.756 1.875 3.775 2.125 5.95l-1.494 0.15 0.050 0.5 1.494-0.15c0.025 0.287 0.038 0.581 0.044 0.875h-3v0.5h3c-0.006 0.294-0.019 0.581-0.044 0.875l-1.494-0.144-0.050 0.5 1.494 0.144c-0.25 2.175-1 4.194-2.131 5.95l-2.494-1.669-0.275 0.419 2.494 1.669c-0.163 0.225-0.337 0.456-0.519 0.688zM29.95 17.219c-0.012 0.113-0.019 0.225-0.031 0.337l0.031-0.337zM27.762 23.6c-0.075 0.113-0.15 0.225-0.225 0.337l0.225-0.337z"}),I__namespace.createElement("path",{d:"M13.517 2.221l0.585 2.942-0.49 0.098-0.585-2.942 0.49-0.098z"}),I__namespace.createElement("path",{d:"M18.489 29.78l-0.585-2.942 0.49-0.098 0.585 2.942-0.49 0.098z"}),I__namespace.createElement("path",{d:"M12.176 2.528l0.436 1.435-0.478 0.145-0.436-1.435 0.478-0.145z"}),I__namespace.createElement("path",{d:"M19.826 29.465l-0.436-1.435 0.478-0.145 0.436 1.435-0.478 0.145z"}),I__namespace.createElement("path",{d:"M10.875 2.972l1.148 2.772-0.462 0.191-1.148-2.772 0.462-0.191z"}),I__namespace.createElement("path",{d:"M21.129 29.030l-1.148-2.772 0.462-0.191 1.148 2.772-0.462 0.191z"}),I__namespace.createElement("path",{d:"M9.176 3.771l0.441-0.236 0.707 1.323-0.441 0.236-0.707-1.323z"}),I__namespace.createElement("path",{d:"M22.816 28.228l-0.441 0.236-0.707-1.323 0.441-0.236 0.707 1.323z"}),I__namespace.createElement("path",{d:"M3.769 9.182l1.323 0.707-0.236 0.441-1.323-0.707 0.236-0.441z"}),I__namespace.createElement("path",{d:"M28.226 22.819l-1.323-0.707 0.236-0.441 1.323 0.707-0.236 0.441z"}),I__namespace.createElement("path",{d:"M5.744 12.019l-2.772-1.148 0.191-0.462 2.772 1.148-0.191 0.462z"}),I__namespace.createElement("path",{d:"M26.26 19.978l2.772 1.148-0.191 0.462-2.772-1.148 0.191-0.462z"}),I__namespace.createElement("path",{d:"M2.673 11.7l1.436 0.435-0.145 0.479-1.436-0.435 0.145-0.479z"}),I__namespace.createElement("path",{d:"M29.322 20.302l-1.436-0.435 0.145-0.479 1.436 0.435-0.145 0.479z"}),I__namespace.createElement("path",{d:"M2.315 13.024l2.942 0.585-0.098 0.49-2.942-0.585 0.098-0.49z"}),I__namespace.createElement("path",{d:"M29.679 18.976l-2.942-0.585 0.098-0.49 2.942 0.585-0.098 0.49z"}),I__namespace.createElement("path",{d:"M2.218 18.486l2.942-0.585 0.098 0.49-2.942 0.585-0.098-0.49z"}),I__namespace.createElement("path",{d:"M29.776 13.513l-2.942 0.585-0.098-0.49 2.942-0.585 0.098 0.49z"}),I__namespace.createElement("path",{d:"M2.53 19.829l1.435-0.436 0.145 0.478-1.435 0.436-0.145-0.478z"}),I__namespace.createElement("path",{d:"M29.468 12.178l-1.435 0.436-0.145-0.478 1.435-0.436 0.145 0.478z"}),I__namespace.createElement("path",{d:"M3.161 21.591l-0.191-0.462 2.772-1.148 0.191 0.462-2.772 1.148z"}),I__namespace.createElement("path",{d:"M28.837 10.413l0.191 0.462-2.772 1.148-0.191-0.462 2.772-1.148z"}),I__namespace.createElement("path",{d:"M3.776 22.821l-0.236-0.441 1.323-0.707 0.236 0.441-1.323 0.707z"}),I__namespace.createElement("path",{d:"M28.233 9.181l0.236 0.441-1.323 0.707-0.236-0.441 1.323-0.707z"}),I__namespace.createElement("path",{d:"M9.621 28.464l-0.441-0.236 0.707-1.323 0.441 0.236-0.707 1.323z"}),I__namespace.createElement("path",{d:"M22.377 3.534l0.441 0.236-0.707 1.323-0.441-0.236 0.707-1.323z"}),I__namespace.createElement("path",{d:"M10.415 28.837l1.148-2.772 0.462 0.191-1.148 2.772-0.462-0.191z"}),I__namespace.createElement("path",{d:"M21.59 3.16l-1.148 2.772-0.462-0.191 1.148-2.772 0.462 0.191z"}),I__namespace.createElement("path",{d:"M12.176 29.47l-0.478-0.145 0.435-1.435 0.478 0.145-0.435 1.435z"}),I__namespace.createElement("path",{d:"M19.823 2.528l0.479 0.145-0.435 1.436-0.479-0.145 0.435-1.436z"}),I__namespace.createElement("path",{d:"M13.515 29.776l-0.49-0.098 0.585-2.942 0.49 0.098-0.585 2.942z"}),I__namespace.createElement("path",{d:"M18.485 2.218l0.49 0.098-0.585 2.942-0.49-0.098 0.585-2.942z"}),I__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var xo=I.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return I__namespace.default.createElement(Yc,{...o});case "firefox":return I__namespace.default.createElement(Jc,{...o});case "webkit":return I__namespace.default.createElement(Zc,{...o});default:return I__namespace.default.createElement(Xc,{...o})}});xo.displayName="BrowserIcon";var ts=e=>{let{browserType:t,onClick:o,active:r}=e,n=I.useCallback(()=>{o(t);},[t,o]);return I__namespace.default.createElement(components.IconButton,{onClick:n,active:r,title:material.capitalize(t)},I__namespace.default.createElement(xo,{browserType:t}))};ts.displayName="BrowserIconButton";var dS=D(pS__default.default),os=()=>{let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=I__namespace.default.useCallback(()=>{let i=Pe();if(!i)return;let s=il(i);s&&(e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0}));},[t,r,e,o]);return I__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to iframe content"},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to iframe content"},I__namespace.default.createElement(dS,null)))};os.displayName="ResizeBrowserToIframeContent";var SS=D(hS__default.default),rs=()=>{let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=I__namespace.default.useCallback(()=>{let i=Pe();if(!i)return;let s=i.getBoundingClientRect();e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0});},[t,r,e,o]);return I__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to preview"},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to preview"},I__namespace.default.createElement(SS,null)))};rs.displayName="ResizeBrowserToPreview";var wS=D(vS__default.default);function ns(){let{setBrowserOptions:e}=G(),{setScreenshotOptions:t}=$(),o=I__namespace.default.useCallback(()=>{e("all",{}),t({});},[e,t]);return I__namespace.default.createElement(components.IconButton,{onClick:o},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Reset Settings"},I__namespace.default.createElement(wS,{style:{marginTop:4,width:"20px"}})))}ns.displayName="ResetSettings";var PS=D(xS__default.default),is=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=$(),o=I.useCallback(n=>{e(n);},[e]),r=I.useMemo(()=>t&&Object.keys(t).length>0,[t]);return I__namespace.default.createElement(Co,{title:"Screenshot Options",Icon:PS,active:r},I__namespace.default.createElement(Xr,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};is.displayName="ScreenshotOptions";var ES=D(CS__default.default),OS=D(MS__default.default),BS=D(IS__default.default),LS=D(Lg__default.default),ss=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:r,onCLose:n,onRefresh:i,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=G(),p=I.useCallback(()=>{let u=c.all&&c.all.cursor;l("all",{...c.all,cursor:u?void 0:true});},[c,l]);return I__namespace.default.createElement(nt,{border:s?void 0:["top"]},I__namespace.default.createElement("div",{className:"left"},t.map(u=>I__namespace.default.createElement(ts,{key:u,browserType:u,onClick:o,active:r.find(f=>f===u)!==void 0}))),I__namespace.default.createElement("div",{className:"right"},I__namespace.default.createElement(components.IconButton,{className:"cursor-button",onClick:p,active:c.all&&c.all.cursor},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:c.all&&c.all.cursor?"Hide cursor":"Show cursor"},I__namespace.default.createElement(OS,{style:{transform:"rotate(-80deg)"}}))),I__namespace.default.createElement(Ji,null),I__namespace.default.createElement(rs,null),I__namespace.default.createElement(os,null),I__namespace.default.createElement(components.IconButton,{onClick:a},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshots"},I__namespace.default.createElement(LS,null))),I__namespace.default.createElement(components.IconButton,{onClick:i},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},I__namespace.default.createElement(BS,null))),I__namespace.default.createElement(ns,null),I__namespace.default.createElement(is,null),I__namespace.default.createElement(Mo,{browserType:"all"}),I__namespace.default.createElement(components.IconButton,{onClick:n},I__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Close panel"},I__namespace.default.createElement(ES,null)))))};ss.displayName="Toolbar";var FS=100,ru=2,_S=2,nu=(e,t)=>{let[o,r]=reactUse.useMeasure(),n=I.useMemo(()=>`calc(${FS/(e||t||1)}% - ${_S}px)`,[t,e]);return {itemHeight:I.useMemo(()=>e===1?r.height/(t||1):e===ru?r.height/ru:r.height,[t,e,r.height]),ref:o,width:n}};var iu=e=>{let[t,o]=I.useState(false),r=I.useRef({}),{generateTitle:n,hasGenerator:i}=Cc(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=Oc(),c=I.useCallback((m,h)=>{if(!h){delete r.current[m];return}r.current[m]=h;},[]),p=I.useCallback(async(m,h)=>{o(true);try{for(let S of h){let b=r.current[S];b&&await l(S,m,b.base64,b.browserOptions);}}finally{o(false);}},[l]),u=I.useCallback(m=>{if(!m.length)return;let h=m.length>1?"Screenshots Title":"Screenshot Title";It.show({onGenerateContent:i?n:void 0,onSave:S=>{p(S,m);},required:true,title:h,value:s()});},[n,s,i,p]),f=I.useCallback(()=>{u(e);},[e,u]),d=I.useCallback(m=>{u([m]);},[u]);return {isSaving:t||a,requestSaveAll:f,requestSaveOne:d,setScreenshotData:c}};var VS=y(e=>({error:{color:"red",marginTop:"10%",padding:30,textAlign:"center"},list:{display:"flex",height:"100%",position:"relative",width:"100%"},listItem:{marginBottom:2,marginLeft:1,marginRight:1},listWrap:{flexFlow:" row wrap"},preview:{boxShadow:`${e.palette.divider} 0 1px 0 0 inset`,height:"100%",overflow:"hidden",paddingTop:2,width:"100%"},root:{display:"flex",flexDirection:"column",height:"100%"},vertical:{borderLeft:`1px solid ${e.palette.divider}`}})),Eo=e=>{let{showStorybook:t,column:o,onClose:r,viewPanel:n}=e,{activeBrowsers:i,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:p}=Gr(n),u=VS(),f=Wc(),{itemHeight:d,ref:m,width:h}=nu(o,i.length),{isSaving:S,requestSaveAll:b,requestSaveOne:x,setScreenshotData:O}=iu(i),w=I.useCallback(()=>{p(i);},[i,p]);return I__namespace.default.createElement("div",{className:Mr__default.default(u.root,{[u.vertical]:o===1})},I__namespace.default.createElement(ss,{browserTypes:a,activeBrowsers:i,toggleBrowser:s,onCLose:r,onRefresh:w,onSave:b,isVertical:o===1}),I__namespace.default.createElement("div",{className:u.preview},i&&i.length>0&&I__namespace.default.createElement("div",{ref:m,className:Mr__default.default(u.list,{[u.listWrap]:o!==void 0})},t&&I__namespace.default.createElement("div",{className:u.listItem,style:{width:h}},I__namespace.default.createElement(Yr,{browserType:"storybook",url:f,height:d})),i.map(M=>I__namespace.default.createElement("div",{key:M,className:u.listItem,style:{width:h}},I__namespace.default.createElement(Yr,{browserType:M,height:d,refresh:l.includes(M),onSave:x,onRefreshEnd:()=>{c(M);},onScreenshotDataChange:O}))))),I__namespace.default.createElement(E,{open:S}))};Eo.displayName="ScreenshotListView";var WS=y(e=>({appBar:{backgroundColor:e.palette.divider,boxShadow:"none"},closeIconAbsolute:{position:"absolute",right:30,top:30},container:{height:"100%"},dialogPaper:{height:"100%",maxHeight:"100%",maxWidth:"100%",minHeight:"100%",minWidth:"100%",overflow:"hidden"},toolbar:{minHeight:"auto"},toolbarRight:{display:"flex",justifyContent:"flex-end",width:"100%"}})),as=e=>{let{onClose:t,open:o}=e,r=WS();return I__namespace.default.createElement(fo,null,I__namespace.default.createElement(KS__default.default,{onClose:t,"aria-labelledby":"simple-dialog-title",open:o,hideBackdrop:true,classes:{paper:r.dialogPaper}},I__namespace.default.createElement("div",{className:r.container},I__namespace.default.createElement(Eo,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};as.displayName="PreviewDialog";var jS=y(()=>({alert:{padding:"0px 16px"},icon:{alignSelf:"center"},message:{flex:1},messageWrapper:{alignSelf:"center"},root:{alignSelf:"center",display:"flex",justifyContent:"space-between",width:"100%"}}),{name:"EditScreenshotAlert"}),ls=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=Ve(),o=jS();return e?I__namespace.default.createElement(material.Alert,{classes:{icon:o.icon,message:o.message,root:o.alert},severity:"warning"},I__namespace.default.createElement("div",{className:o.root},I__namespace.default.createElement("div",{className:o.messageWrapper},`Editing '${e.screenshotData.title}' screenshot (${e.screenshotData.browserType}).`),I__namespace.default.createElement("div",null,I__namespace.default.createElement(material.Button,{size:"small",color:"inherit",onClick:t},"Cancel")))):null};ls.displayName="EditScreenshotAlert";function au(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var De="playwright-addon",lu=`${De}/action-panel`,Ut=`${De}/screenshot-panel`,cu=`${De}/tool`,uu=`${De}/toast`,pu=`${De}/preview-panel`;var an=" (This action loaded from screenshot actions, its temporary and will be removed)";var $S="storybook-root",cs=`html>body>#${$S}`;var fu="html>body>#root",qS=8;function du(e){return typeof e.querySelector=="function"}function XS(e){if(du(e)){if(e.querySelector(fu))return fu;if(e.querySelector(cs))return cs}}function mu(e,t){if(!du(t))return e;let o=XS(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let n=1;n<=qS;n+=1){let i=`html>body>div:nth-child(${n})`;if(!e.includes(i))continue;let s=t.querySelector(i);if(s&&s===r)return e.replace(i,o)}return e}var ty=y(e=>({hidden:{display:"none",pointerEvents:"none"},info:{bottom:0,color:e.palette.primary.main,fontSize:14,left:2,pointerEvents:"none",position:"absolute"},overlay:{backgroundColor:"transparent",bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100},preview:{border:`1px solid ${e.palette.primary.main}`,position:"absolute"}}),{name:"SelectorOverlay"}),oy=["id"];function yu(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ry(e){return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function ny(e,t){let o=t&&t.length>0?t:oy;for(let r of o){let n=r.trim();if(!n)continue;if(n.toLowerCase()==="id"){if(e.id)return `#${yu(e.id)}`;if(!e.hasAttribute("id"))continue;return "[id]"}if(!e.hasAttribute(n))continue;let s=e.getAttribute(n);if(s==null)continue;let a=yu(n);return s===""?`[${a}]`:`[${a}="${ry(s)}"]`}return ""}var us={height:"100%",left:0,right:0,width:"100%"},ps=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:r,setSelectorData:n}=jt(),[i,s]=I.useState(),a=ty(),l=I.useRef(null),c=r.type==="id-selector",p=r.type==="selector"||c,[u,f]=I.useState({rect:us}),{elX:d,elY:m}=reactUse.useMouseHovered(l,{bound:true,whenHovered:true});return reactUse.useKey("Escape",o,void 0,[f,o]),reactUse.useThrottleFn((h,S)=>{if(t&&t.contentWindow){let b=t.contentWindow.document,x=b.elementFromPoint(h,S);if(x)if(c)f({rect:x.getBoundingClientRect(),selector:ny(x,r.selectorAttributeNames)});else {let O=mu(selectorPath.getSelectorPath(x,{minify:true}),b);x.tagName==="HTML"?f({rect:us,selector:O}):f({rect:x.getBoundingClientRect(),selector:O});}else f({...u,rect:void 0});}},150,[d,m]),I.useEffect(()=>{if(i){let h=l.current?l.current.contains(i):false;o(),n({path:h?u.selector:void 0,x:Math.round(d),y:Math.round(m)});}},[d,m,n,i,u.selector,o]),I.useEffect(()=>{let h=x=>{s(x.target);},S=document.createElement("STYLE");S.innerHTML=`html, body {
       cursor: crosshair !important;
-      `;let{body:b}=document;return document.head.appendChild(S),b.addEventListener("mouseup",h),()=>{b.style.cursor="inherit",b.removeEventListener("mouseup",h),document.head.removeChild(S);}},[]),M__namespace.default.createElement("div",{ref:l,className:Mr__default.default(a.overlay)},r&&u&&u.rect&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:Mr__default.default(a.preview,"selector-preview"),style:p?{height:u.rect.height,left:u.rect.left,top:u.rect.top,width:u.rect.width}:us}),M__namespace.default.createElement("div",{className:a.info},M__namespace.default.createElement("div",null,`X: ${d}`),M__namespace.default.createElement("div",null,`Y: ${m}`),M__namespace.default.createElement("div",null,u.selector))))};ps.displayName="SelectorOverlay";var fs=M.memo(e=>{let{children:t}=e,{selectorManager:o}=jt(),r=M.useRef(null),[n,i]=M.useState();M.useEffect(()=>{r.current&&i(r.current.querySelector("iframe")||void 0);},[]);let s=o&&o.start;return M__namespace.default.createElement("div",{ref:r,style:{height:"100%"}},t,s&&M__namespace.default.createElement(ps,{iframe:n}))});fs.displayName="Selector";var py=y(()=>({horizontal:{"& $preview":{position:"relative"}},iframeContainer:{height:"100%",position:"relative"},interactive:{pointerEvents:"auto"},notInteractive:{pointerEvents:"none"},preview:{display:"flex",flexFlow:"column",height:"100%",position:"relative",width:"100%"},root:{height:"100%",position:"relative",width:"100%"},snapshotPanel:{"& > span":{display:"none"},height:"100%",width:"100%"},splitPane:{"&:hover":{backgroundColor:"rgb(2, 156, 253)",transition:"background-color 0.3s ease"},backgroundColor:"transparent"},vertical:{"& $preview":{position:"relative"}}}),{name:"Preview"}),xu=3,fy=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=de(),n=managerApi.useStorybookState(),i=py(),s=au(o,n.layout.panelPosition),a=M.useCallback(d=>{r({...o,previewPanelSize:d});},[o,r]),l=M.useCallback(()=>{r({...o,previewPanelEnabled:false});},[o,r]);if(!o||!o.previewPanelEnabled)return M__namespace.default.createElement(M__namespace.default.Fragment,null,t);let c=0,p=M__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:Mr__default.default("preview-main",i.preview)},M__namespace.default.createElement("div",{className:i.iframeContainer},M__namespace.default.createElement(fs,null,t)),M__namespace.default.createElement(Yi,null),M__namespace.default.createElement(ls,null)),u=M__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:Mr__default.default(i.snapshotPanel)},M__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&M__namespace.default.createElement(Eo,{column:s?void 0:1,onClose:l,viewPanel:"main"})),f=[p,u];return M__namespace.default.createElement("div",{id:"preview-container",className:Mr__default.default(i.root)},M__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:d=>a(d[c]),dividerClassName:Mr__default.default(i.splitPane),dividerStyle:{...s?{height:xu}:{width:xu}}},f))},ds=e=>M__namespace.default.createElement(Ie,null,M__namespace.default.createElement(fy,{...e}));ds.displayName="Preview";var hy=y(e=>({notFound:{"& > div":{"& > b":{color:e.palette.error.main},"& > p":{margin:0},fontSize:14},border:`1px solid ${e.palette.error.main}`,marginBottom:2,marginTop:2,pointerEvents:"none",userSelect:"text"}}),{name:"ImageDiff"}),ms=e=>{let{imageDiff:t,onClick:o}=e,r=managerApi.useStorybookApi(),n=hy(),{storyId:i}=t,s=i?r.getData(i):void 0,a=M.useCallback(()=>{i&&(o(),r.selectStory(i),r.setSelectedPanel(Ut));},[r,o,i]);return s?M__namespace.default.createElement(components.ListItem,{onClick:a,title:`${s.parent}--${s.name}`}):M__namespace.default.createElement(components.ListItem,{className:n.notFound,title:"Unable to locate story!"},M__namespace.default.createElement("div",null,M__namespace.default.createElement("b",null,"Unable to locate story!"),M__namespace.default.createElement("p",null,M__namespace.default.createElement("b",null,"ID:")," ",e.imageDiff.storyId),M__namespace.default.createElement("p",null,M__namespace.default.createElement("b",null,"File:")," ",e.imageDiff.filePath)))};ms.displayName="ImageDiffMenuItem";var wy=y(e=>({button:{overflow:"visible !important"},imageDiffBadge:{"& span":{fontSize:".6rem",height:14,minWidth:15,padding:"0 4px"},position:"absolute",right:-2,top:5,zIndex:1},successIcon:{color:e.palette.primary.main,position:"absolute",right:-10,top:-4}}),{name:"ImageDiff"}),cn=e=>{let{target:t,storyData:o}=e,r=wy({classes:e.classes}),{imageDiffResult:n}=Mc(),{testStoryScreenShots:i,imageDiffTestInProgress:s}=zt(),a=t==="file"&&o?n.filter(m=>m.filePath?Tr(m.filePath,o.filePath):false):n,l=a.filter(m=>m.pass===false),c=l.length>0,p=M.useCallback(async()=>{if(c)return;let m=await i(t);if(!Array.isArray(m))return;m.find(S=>!S.pass)||v.success("All screenshot tests are passed successfully.",{id:"image-diff:all-passed"});},[c,t,i]),u=M.useCallback(()=>{t==="file"?a.forEach(m=>{m.screenshotId&&Hr(m.screenshotId);}):_t([]);},[a,t]),f=t==="file"&&o?`Run diff test for all stories in '${o.filePath}' file.`:"Run diff test for all stories",d=M__namespace.default.createElement(components.IconButton,{title:f,className:r.button,onClick:p,style:{position:"relative"},disabled:s},c&&M__namespace.default.createElement(material.Badge,{badgeContent:l.length,color:"secondary",className:r.imageDiffBadge,overlap:"rectangular"}),M__namespace.default.createElement(icons.ContrastIcon,null),M__namespace.default.createElement(E,{position:"absolute",open:s,progressSize:15}));return c?M__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom",trigger:"click",tooltip:({onHide:m})=>M__namespace.default.createElement("div",{style:{maxHeight:"60vh",overflowY:"auto"},onMouseDown:h=>h.stopPropagation()},M__namespace.default.createElement(components.ListItem,{title:"Clear results",onClick:()=>{u(),m();}}),l.filter((h,S,b)=>S===b.findIndex(x=>x.storyId===h.storyId)).map(h=>M__namespace.default.createElement(ms,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:m})))},d):d};cn.displayName="ImageDiff";var hs=100;function Pu(){let e=managerApi.useStorybookApi(),t=T(),{addonState:o,setAddonState:r}=de();return ()=>{r({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:hs}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),ct(),t?.id&&Bt(t.id);}}var un=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:r}=Nt(t,e),n=e=="file"?"Update current story file screenshots":"Update all screen shots";return M__namespace.default.createElement(components.IconButton,{title:n,onClick:o,style:{position:"relative"},disabled:!!r.inProgress},M__namespace.default.createElement(icons.RefreshIcon,null),M__namespace.default.createElement(E,{position:"absolute",open:r.reqBy===t&&!!r.inProgress,progressSize:15}))};un.displayName="ScreenshotUpdateIcon";var Ny=y(()=>({asterisk:{height:2,left:-6,margin:0,position:"relative",top:1,width:1},button:{position:"relative"},progress:{left:-3,pointerEvents:"none",position:"absolute",top:7,zIndex:1}})),Fy=()=>{let[e,t]=M.useState(false),[o,r]=M.useState(false),{setAddonState:n,addonState:i}=de(),s=T(),a=Pu(),l=Ny(),c=i&&i.previewPanelEnabled,p=i?i.placement:"auto",u=()=>{t(true);},f=()=>{t(false);},d=M.useCallback(()=>{n({...i,previewPanelEnabled:!c});},[i,c,n]),m=M.useCallback(h=>{n({...i,placement:h,previewPanelSize:hs});},[i,n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(components.WithTooltip,{placement:"bottom",trigger:"click",closeOnOutsideClick:true,tooltip:({onHide:h})=>M__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},M__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:M__namespace.default.createElement(icons.WrenchIcon,null),id:"fix-screenshot-file-name",onClick:()=>{r(true),h();},title:"Fix screenshot file name"},{icon:M__namespace.default.createElement(icons.ShareAltIcon,null),id:"full-screen",onClick:()=>{u(),h();},title:"Full screen view"},{icon:i?.previewPanelEnabled?M__namespace.default.createElement(icons.EyeCloseIcon,null):M__namespace.default.createElement(icons.EyeIcon,null),id:"panel-toggle",onClick:()=>{d();},title:i?.previewPanelEnabled?"Hide Preview Panel":"Show Preview Panel"},{content:M__namespace.default.createElement(components.WithTooltip,{trigger:"click",placement:"right-start",closeOnOutsideClick:true,tooltip:()=>M__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},M__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:M__namespace.default.createElement(icons.SidebarAltIcon,null),id:"right",onClick:()=>{m("right");},title:"Right"},{icon:M__namespace.default.createElement(icons.BottomBarIcon,null),id:"bottom",onClick:()=>{m("bottom");},title:"Bottom"},{icon:M__namespace.default.createElement(icons.SyncIcon,null),id:"auto",onClick:()=>{m("auto");},title:"Auto"}]}))},M__namespace.default.createElement(components.ListItem,{title:"Preview Panel Placement",icon:p==="right"?M__namespace.default.createElement(icons.SidebarAltIcon,null):p==="bottom"?M__namespace.default.createElement(icons.BottomBarIcon,null):M__namespace.default.createElement(icons.SyncIcon,null),right:M__namespace.default.createElement(icons.ChevronRightIcon,null)})),id:"position",title:"Position"},{icon:M__namespace.default.createElement(icons.RefreshIcon,null),id:"reset",onClick:()=>{a(),h();},title:"Reset Settings"}]}))},M__namespace.default.createElement(components.IconButton,{"aria-label":"Open menu",title:"Open menu"},M__namespace.default.createElement(icons.BrowserIcon,null))),s&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(cn,{classes:{button:l.button},storyData:s,target:"all"}),M__namespace.default.createElement(un,{target:"all"}),M__namespace.default.createElement("span",{className:l.asterisk},"*"),M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(cn,{classes:{button:l.button},storyData:s,target:"file"}),M__namespace.default.createElement(un,{target:"file"}),M__namespace.default.createElement("span",{className:l.asterisk},"*")),o&&M__namespace.default.createElement(Kt,{open:o,onClose:()=>r(false)}),e&&M__namespace.default.createElement(as,{open:e,onClose:f}))},ys=()=>M__namespace.default.createElement(Ie,null,M__namespace.default.createElement(Fy,null));ys.displayName="Tool";function Ry(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function Hy(e,t){if(t!==void 0)return t;switch(e){case "boolean":return  false;case "number":return "";case "options":return [];default:return ""}}function Bu(e){return ii(e)}var Vy=({onChange:e,knob:t})=>{let o=s=>{e(s);},r=s=>{let a=t.type==="boolean"?s.currentTarget.checked:t.type==="number"?Bu(s.currentTarget.value):s.currentTarget.value;e(a);},n=s=>{e(s.currentTarget.value);},i=s=>{let a=t.type==="number"?Bu(s.currentTarget.value):s.currentTarget.value;e(a);};if(t.type==="boolean")return M__namespace.default.createElement(ho,{checked:!!t.value,onClick:()=>{},onChange:o});if(t.type==="number")return M__namespace.default.createElement(components.Form.Input,{onChange:r,type:"number",value:t.value});if(t.type==="select"&&Array.isArray(t.options))return M__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},t.options.map(s=>M__namespace.default.createElement("option",{key:s,value:s},s)));if(t.type==="options"&&t.options&&typeof t.options=="object"){let s=t.options;return M__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},Object.entries(s).map(([a,l])=>M__namespace.default.createElement("option",{key:a,value:l},a)))}return M__namespace.default.createElement(components.Form.Textarea,{onChange:i,value:t.value||""})};function Ky(e){return Vy}function fn(e){let{label:t,type:o,onChange:r,value:n,options:i,display:s}=e,[a,l]=M.useState(()=>({defaultValue:n,name:t,options:o==="select"?i:i?Ry(i):void 0,optionsObj:{display:s},type:o,value:Hy(o,n)})),c=Ky(),p=M.useCallback(u=>{l({...a,value:u}),r(u);},[a,r]);return {Control:c,handleChange:p,knob:a,setKnob:l}}function Lu(){let e=M__namespace.default.useRef(null),[t,o]=M__namespace.default.useState(),r=M__namespace.default.useCallback(i=>{o(e.current||i.currentTarget);},[]),n=M__namespace.default.useCallback(()=>{o(void 0);},[]);return {anchorEl:t,anchorElRef:e,clearAnchorEl:n,setAnchorEl:r}}function Fu(e,t=false){let[o,r]=M.useState(false),n=M.useCallback(({key:s})=>{o||s===e&&r(true);},[o,e]),i=M.useCallback(({key:s})=>{s===e&&r(false);},[e]);return Wt(n,i,t),o}function qc(){let e=M.useRef(void 0);return e.current||(e.current=Pe()||void 0),M.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function jt(){let e=$l(),t=M.useCallback(n=>{let{onData:i,onStop:s,selectorAttributeNames:a,type:l}=n;wi({onData:i,onStop:s,selectorAttributeNames:a,start:true,type:l});},[]),o=M.useCallback(()=>{e.onStop&&e.onStop(),wi({onData:void 0,onStop:void 0,start:false});},[e]),r=M.useCallback(n=>{e.onData&&e.onData(n);},[e]);return {selectorManager:e,setSelectorData:r,startSelector:t,stopSelector:o}}var Io=e=>{let{imgSrcString:t,diffDirection:o}=e,r=Fu("Control"),n=M.useRef(),[i,s]=M.useState(false);return M.useEffect(()=>{n.current!==t&&s(true),n.current=t;},[t]),M__namespace.default.useEffect(()=>{i&&s(false);},[i]),!t||i?null:M__namespace.default.createElement(reactMapInteraction.MapInteraction,{defaultScale:1,disableZoom:!r},({translation:a,scale:l})=>{let c=`translate(${a.x}px, ${a.y}px) scale(${l})`;return M__namespace.default.createElement("div",{style:{MozUserSelect:"none",WebkitUserSelect:"none",cursor:"all-scroll",height:"100%",msTouchAction:"none",msUserSelect:"none",position:"relative",touchAction:"none",width:"100%"}},M__namespace.default.createElement("div",{style:{display:"inline-block",transform:c,transformOrigin:"0 0 "}},M__namespace.default.createElement("img",{style:{width:o==="horizontal"?"100%":void 0},src:t.startsWith("data:image")?t:`data:image/gif;base64,${t}`})))})};Io.displayName="ImagePreview";var e1=y(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var Po=e=>{let{imageDiffResult:t,activeTab:o}=e,r=o==="imageDiff"||t.error!==void 0,[n,i]=M__namespace.default.useState(r?1:0),[s,a]=M__namespace.default.useState(r),l=e1(),p=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",u=At(t),f=M.useCallback((d,m)=>{i(m),a(!s);},[s]);return M__namespace.default.createElement("div",{className:l.root},!t.pass&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Tabs,{textColor:"primary",value:n,variant:"fullWidth",onChange:f,indicatorColor:"primary"},M__namespace.default.createElement(material.Tab,{label:"New screen shot"}),M__namespace.default.createElement(material.Tab,{label:"Screenshot image diff"})),M__namespace.default.createElement(material.Divider,null)),u&&n===1&&M__namespace.default.createElement(material.Alert,{severity:"error"},u.split(`
-`).map((d,m)=>M__namespace.default.createElement("div",{key:m},d))),M__namespace.default.createElement("div",{className:l.preview},M__namespace.default.createElement(Io,{imgSrcString:p,diffDirection:t.diffDirection})))};Po.displayName="ImageDiffPreview";var ut=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return M__namespace.default.createElement(ve,{width:"100%",height:"100%",...r},M__namespace.default.createElement(Po,{imageDiffResult:t,activeTab:o}))};ut.displayName="ImageDiffPreviewDialog";var Ru=e=>{let{title:t,result:o,onClose:r,browserType:n,...i}=e,s=t||o&&o.oldScreenShotTitle;return M__namespace.default.useEffect(()=>{o&&o.added&&v.success(`Screenshot ${`${n?` for '${n}'`:""}`} saved successfully.`,{duration:5e3,onAutoClose:r,onDismiss:r});},[n,r,o]),M__namespace.default.useEffect(()=>{if(o){if(o.pass){v.success(`Testing existing screenshot were successful, no change has been detected.${s?`
+      `;let{body:b}=document;return document.head.appendChild(S),b.addEventListener("mouseup",h),()=>{b.style.cursor="inherit",b.removeEventListener("mouseup",h),document.head.removeChild(S);}},[]),I__namespace.default.createElement("div",{ref:l,className:Mr__default.default(a.overlay)},r&&u&&u.rect&&I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement("div",{className:Mr__default.default(a.preview,"selector-preview"),style:p?{height:u.rect.height,left:u.rect.left,top:u.rect.top,width:u.rect.width}:us}),I__namespace.default.createElement("div",{className:a.info},I__namespace.default.createElement("div",null,`X: ${d}`),I__namespace.default.createElement("div",null,`Y: ${m}`),I__namespace.default.createElement("div",null,u.selector))))};ps.displayName="SelectorOverlay";var fs=I.memo(e=>{let{children:t}=e,{selectorManager:o}=jt(),r=I.useRef(null),[n,i]=I.useState();I.useEffect(()=>{r.current&&i(r.current.querySelector("iframe")||void 0);},[]);let s=o&&o.start;return I__namespace.default.createElement("div",{ref:r,style:{height:"100%"}},t,s&&I__namespace.default.createElement(ps,{iframe:n}))});fs.displayName="Selector";var fy=y(()=>({horizontal:{"& $preview":{position:"relative"}},iframeContainer:{height:"100%",position:"relative"},interactive:{pointerEvents:"auto"},notInteractive:{pointerEvents:"none"},preview:{display:"flex",flexFlow:"column",height:"100%",position:"relative",width:"100%"},root:{height:"100%",position:"relative",width:"100%"},snapshotPanel:{"& > span":{display:"none"},height:"100%",width:"100%"},splitPane:{"&:hover":{backgroundColor:"rgb(2, 156, 253)",transition:"background-color 0.3s ease"},backgroundColor:"transparent"},vertical:{"& $preview":{position:"relative"}}}),{name:"Preview"}),xu=3,dy=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=de(),n=managerApi.useStorybookState(),i=fy(),s=au(o,n.layout.panelPosition),a=I.useCallback(d=>{r({...o,previewPanelSize:d});},[o,r]),l=I.useCallback(()=>{r({...o,previewPanelEnabled:false});},[o,r]);if(!o||!o.previewPanelEnabled)return I__namespace.default.createElement(I__namespace.default.Fragment,null,t);let c=0,p=I__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:Mr__default.default("preview-main",i.preview)},I__namespace.default.createElement("div",{className:i.iframeContainer},I__namespace.default.createElement(fs,null,t)),I__namespace.default.createElement(Yi,null),I__namespace.default.createElement(ls,null)),u=I__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:Mr__default.default(i.snapshotPanel)},I__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&I__namespace.default.createElement(Eo,{column:s?void 0:1,onClose:l,viewPanel:"main"})),f=[p,u];return I__namespace.default.createElement("div",{id:"preview-container",className:Mr__default.default(i.root)},I__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:d=>a(d[c]),dividerClassName:Mr__default.default(i.splitPane),dividerStyle:{...s?{height:xu}:{width:xu}}},f))},ds=e=>I__namespace.default.createElement(Ie,null,I__namespace.default.createElement(dy,{...e}));ds.displayName="Preview";var gy=y(e=>({notFound:{"& > div":{"& > b":{color:e.palette.error.main},"& > p":{margin:0},fontSize:14},border:`1px solid ${e.palette.error.main}`,marginBottom:2,marginTop:2,pointerEvents:"none",userSelect:"text"}}),{name:"ImageDiff"}),ms=e=>{let{imageDiff:t,onClick:o}=e,r=managerApi.useStorybookApi(),n=gy(),{storyId:i}=t,s=i?r.getData(i):void 0,a=I.useCallback(()=>{i&&(o(),r.selectStory(i),r.setSelectedPanel(Ut));},[r,o,i]);return s?I__namespace.default.createElement(components.ListItem,{onClick:a,title:`${s.parent}--${s.name}`}):I__namespace.default.createElement(components.ListItem,{className:n.notFound,title:"Unable to locate story!"},I__namespace.default.createElement("div",null,I__namespace.default.createElement("b",null,"Unable to locate story!"),I__namespace.default.createElement("p",null,I__namespace.default.createElement("b",null,"ID:")," ",e.imageDiff.storyId),I__namespace.default.createElement("p",null,I__namespace.default.createElement("b",null,"File:")," ",e.imageDiff.filePath)))};ms.displayName="ImageDiffMenuItem";var xy=y(e=>({button:{overflow:"visible !important"},imageDiffBadge:{"& span":{fontSize:".6rem",height:14,minWidth:15,padding:"0 4px"},position:"absolute",right:-2,top:5,zIndex:1},successIcon:{color:e.palette.primary.main,position:"absolute",right:-10,top:-4}}),{name:"ImageDiff"}),cn=e=>{let{target:t,storyData:o}=e,r=xy({classes:e.classes}),{imageDiffResult:n}=Mc(),{testStoryScreenShots:i,imageDiffTestInProgress:s}=zt(),a=t==="file"&&o?n.filter(m=>m.filePath?Tr(m.filePath,o.filePath):false):n,l=a.filter(m=>m.pass===false),c=l.length>0,p=I.useCallback(async()=>{if(c)return;let m=await i(t);if(!Array.isArray(m))return;m.find(S=>!S.pass)||v.success("All screenshot tests are passed successfully.",{id:"image-diff:all-passed"});},[c,t,i]),u=I.useCallback(()=>{t==="file"?a.forEach(m=>{m.screenshotId&&Hr(m.screenshotId);}):_t([]);},[a,t]),f=t==="file"&&o?`Run diff test for all stories in '${o.filePath}' file.`:"Run diff test for all stories",d=I__namespace.default.createElement(components.IconButton,{title:f,className:r.button,onClick:p,style:{position:"relative"},disabled:s},c&&I__namespace.default.createElement(material.Badge,{badgeContent:l.length,color:"secondary",className:r.imageDiffBadge,overlap:"rectangular"}),I__namespace.default.createElement(icons.ContrastIcon,null),I__namespace.default.createElement(E,{position:"absolute",open:s,progressSize:15}));return c?I__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom",trigger:"click",tooltip:({onHide:m})=>I__namespace.default.createElement("div",{style:{maxHeight:"60vh",overflowY:"auto"},onMouseDown:h=>h.stopPropagation()},I__namespace.default.createElement(components.ListItem,{title:"Clear results",onClick:()=>{u(),m();}}),l.filter((h,S,b)=>S===b.findIndex(x=>x.storyId===h.storyId)).map(h=>I__namespace.default.createElement(ms,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:m})))},d):d};cn.displayName="ImageDiff";var hs=100;function Pu(){let e=managerApi.useStorybookApi(),t=T(),{addonState:o,setAddonState:r}=de();return ()=>{r({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:hs}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),ct(),t?.id&&Bt(t.id);}}var un=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:r}=Nt(t,e),n=e=="file"?"Update current story file screenshots":"Update all screen shots";return I__namespace.default.createElement(components.IconButton,{title:n,onClick:o,style:{position:"relative"},disabled:!!r.inProgress},I__namespace.default.createElement(icons.RefreshIcon,null),I__namespace.default.createElement(E,{position:"absolute",open:r.reqBy===t&&!!r.inProgress,progressSize:15}))};un.displayName="ScreenshotUpdateIcon";var Fy=y(()=>({asterisk:{height:2,left:-6,margin:0,position:"relative",top:1,width:1},button:{position:"relative"},progress:{left:-3,pointerEvents:"none",position:"absolute",top:7,zIndex:1},placementArrow:{fill:"#8d9aa3 !important"}})),_y=()=>{let[e,t]=I.useState(false),[o,r]=I.useState(false),{setAddonState:n,addonState:i}=de(),s=T(),a=Pu(),l=Fy(),c=i&&i.previewPanelEnabled,p=i?i.placement:"auto",u=()=>{t(true);},f=()=>{t(false);},d=I.useCallback(()=>{n({...i,previewPanelEnabled:!c});},[i,c,n]),m=I.useCallback(h=>{n({...i,placement:h,previewPanelSize:hs});},[i,n]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(components.Separator,null),I__namespace.default.createElement(components.WithTooltip,{placement:"bottom",trigger:"click",closeOnOutsideClick:true,tooltip:({onHide:h})=>I__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},I__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:i?.previewPanelEnabled?I__namespace.default.createElement(icons.EyeCloseIcon,null):I__namespace.default.createElement(icons.EyeIcon,null),id:"panel-toggle",onClick:()=>{d();},title:i?.previewPanelEnabled?"Hide Preview Panel":"Show Preview Panel"},{content:I__namespace.default.createElement(components.WithTooltip,{trigger:"click",placement:"right-start",closeOnOutsideClick:true,tooltip:()=>I__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},I__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:I__namespace.default.createElement(icons.SidebarAltIcon,null),id:"right",onClick:()=>{m("right");},title:"Right"},{icon:I__namespace.default.createElement(icons.BottomBarIcon,null),id:"bottom",onClick:()=>{m("bottom");},title:"Bottom"},{icon:I__namespace.default.createElement(icons.SyncIcon,null),id:"auto",onClick:()=>{m("auto");},title:"Auto"}]}))},I__namespace.default.createElement(components.ListItem,{title:"Preview Panel Placement",icon:p==="right"?I__namespace.default.createElement(icons.SidebarAltIcon,null):p==="bottom"?I__namespace.default.createElement(icons.BottomBarIcon,null):I__namespace.default.createElement(icons.SyncIcon,null),right:I__namespace.default.createElement(icons.ChevronRightIcon,{className:l.placementArrow})})),id:"position",title:"Position"},{icon:I__namespace.default.createElement(icons.ShareAltIcon,null),id:"full-screen",onClick:()=>{u(),h();},title:"Full screen view"},{icon:I__namespace.default.createElement(icons.WrenchIcon,null),id:"fix-screenshot-file-name",onClick:()=>{r(true),h();},title:"Fix screenshot file name"},{icon:I__namespace.default.createElement(icons.RefreshIcon,null),id:"reset",onClick:()=>{a(),h();},title:"Reset Settings"}]}))},I__namespace.default.createElement(components.IconButton,{"aria-label":"Open menu",title:"Open menu"},I__namespace.default.createElement(icons.BrowserIcon,null))),s&&I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(components.Separator,null),I__namespace.default.createElement(cn,{classes:{button:l.button},storyData:s,target:"all"}),I__namespace.default.createElement(un,{target:"all"}),I__namespace.default.createElement("span",{className:l.asterisk},"*"),I__namespace.default.createElement(components.Separator,null),I__namespace.default.createElement(cn,{classes:{button:l.button},storyData:s,target:"file"}),I__namespace.default.createElement(un,{target:"file"})),o&&I__namespace.default.createElement(Kt,{open:o,onClose:()=>r(false)}),e&&I__namespace.default.createElement(as,{open:e,onClose:f}))},ys=()=>I__namespace.default.createElement(Ie,null,I__namespace.default.createElement(_y,null));ys.displayName="Tool";function Hy(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function Vy(e,t){if(t!==void 0)return t;switch(e){case "boolean":return  false;case "number":return "";case "options":return [];default:return ""}}function Bu(e){return ii(e)}var Ky=({onChange:e,knob:t})=>{let o=s=>{e(s);},r=s=>{let a=t.type==="boolean"?s.currentTarget.checked:t.type==="number"?Bu(s.currentTarget.value):s.currentTarget.value;e(a);},n=s=>{e(s.currentTarget.value);},i=s=>{let a=t.type==="number"?Bu(s.currentTarget.value):s.currentTarget.value;e(a);};if(t.type==="boolean")return I__namespace.default.createElement(ho,{checked:!!t.value,onClick:()=>{},onChange:o});if(t.type==="number")return I__namespace.default.createElement(components.Form.Input,{onChange:r,type:"number",value:t.value});if(t.type==="select"&&Array.isArray(t.options))return I__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},t.options.map(s=>I__namespace.default.createElement("option",{key:s,value:s},s)));if(t.type==="options"&&t.options&&typeof t.options=="object"){let s=t.options;return I__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},Object.entries(s).map(([a,l])=>I__namespace.default.createElement("option",{key:a,value:l},a)))}return I__namespace.default.createElement(components.Form.Textarea,{onChange:i,value:t.value||""})};function Wy(e){return Ky}function fn(e){let{label:t,type:o,onChange:r,value:n,options:i,display:s}=e,[a,l]=I.useState(()=>({defaultValue:n,name:t,options:o==="select"?i:i?Hy(i):void 0,optionsObj:{display:s},type:o,value:Vy(o,n)})),c=Wy(),p=I.useCallback(u=>{l({...a,value:u}),r(u);},[a,r]);return {Control:c,handleChange:p,knob:a,setKnob:l}}function Lu(){let e=I__namespace.default.useRef(null),[t,o]=I__namespace.default.useState(),r=I__namespace.default.useCallback(i=>{o(e.current||i.currentTarget);},[]),n=I__namespace.default.useCallback(()=>{o(void 0);},[]);return {anchorEl:t,anchorElRef:e,clearAnchorEl:n,setAnchorEl:r}}function Fu(e,t=false){let[o,r]=I.useState(false),n=I.useCallback(({key:s})=>{o||s===e&&r(true);},[o,e]),i=I.useCallback(({key:s})=>{s===e&&r(false);},[e]);return Wt(n,i,t),o}function qc(){let e=I.useRef(void 0);return e.current||(e.current=Pe()||void 0),I.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function jt(){let e=$l(),t=I.useCallback(n=>{let{onData:i,onStop:s,selectorAttributeNames:a,type:l}=n;wi({onData:i,onStop:s,selectorAttributeNames:a,start:true,type:l});},[]),o=I.useCallback(()=>{e.onStop&&e.onStop(),wi({onData:void 0,onStop:void 0,start:false});},[e]),r=I.useCallback(n=>{e.onData&&e.onData(n);},[e]);return {selectorManager:e,setSelectorData:r,startSelector:t,stopSelector:o}}var Io=e=>{let{imgSrcString:t,diffDirection:o}=e,r=Fu("Control"),n=I.useRef(),[i,s]=I.useState(false);return I.useEffect(()=>{n.current!==t&&s(true),n.current=t;},[t]),I__namespace.default.useEffect(()=>{i&&s(false);},[i]),!t||i?null:I__namespace.default.createElement(reactMapInteraction.MapInteraction,{defaultScale:1,disableZoom:!r},({translation:a,scale:l})=>{let c=`translate(${a.x}px, ${a.y}px) scale(${l})`;return I__namespace.default.createElement("div",{style:{MozUserSelect:"none",WebkitUserSelect:"none",cursor:"all-scroll",height:"100%",msTouchAction:"none",msUserSelect:"none",position:"relative",touchAction:"none",width:"100%"}},I__namespace.default.createElement("div",{style:{display:"inline-block",transform:c,transformOrigin:"0 0 "}},I__namespace.default.createElement("img",{style:{width:o==="horizontal"?"100%":void 0},src:t.startsWith("data:image")?t:`data:image/gif;base64,${t}`})))})};Io.displayName="ImagePreview";var t1=y(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var Po=e=>{let{imageDiffResult:t,activeTab:o}=e,r=o==="imageDiff"||t.error!==void 0,[n,i]=I__namespace.default.useState(r?1:0),[s,a]=I__namespace.default.useState(r),l=t1(),p=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",u=At(t),f=I.useCallback((d,m)=>{i(m),a(!s);},[s]);return I__namespace.default.createElement("div",{className:l.root},!t.pass&&I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.Tabs,{textColor:"primary",value:n,variant:"fullWidth",onChange:f,indicatorColor:"primary"},I__namespace.default.createElement(material.Tab,{label:"New screen shot"}),I__namespace.default.createElement(material.Tab,{label:"Screenshot image diff"})),I__namespace.default.createElement(material.Divider,null)),u&&n===1&&I__namespace.default.createElement(material.Alert,{severity:"error"},u.split(`
+`).map((d,m)=>I__namespace.default.createElement("div",{key:m},d))),I__namespace.default.createElement("div",{className:l.preview},I__namespace.default.createElement(Io,{imgSrcString:p,diffDirection:t.diffDirection})))};Po.displayName="ImageDiffPreview";var ut=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return I__namespace.default.createElement(ve,{width:"100%",height:"100%",...r},I__namespace.default.createElement(Po,{imageDiffResult:t,activeTab:o}))};ut.displayName="ImageDiffPreviewDialog";var Ru=e=>{let{title:t,result:o,onClose:r,browserType:n,...i}=e,s=t||o&&o.oldScreenShotTitle;return I__namespace.default.useEffect(()=>{o&&o.added&&v.success(`Screenshot ${`${n?` for '${n}'`:""}`} saved successfully.`,{duration:5e3,onAutoClose:r,onDismiss:r});},[n,r,o]),I__namespace.default.useEffect(()=>{if(o){if(o.pass){v.success(`Testing existing screenshot were successful, no change has been detected.${s?`
 Title: ${s}`:""}${n?`
-Browser: ${n}`:""}`,{duration:5e3,onAutoClose:r,onDismiss:r});return}(o.diffSize||o.error)&&v.error(At(o),{duration:1/0,onDismiss:r});}},[n,r,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:M__namespace.default.createElement(ut,{imageDiffResult:o,onClose:r,open:true,activeTab:"imageDiff",title:s,...i})};Ru.displayName="ImageDiffMessage";var zc=M__namespace.default.memo(Ru);var i1=bl(),Hu=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),Ie=e=>{let{children:t}=e;return M__namespace.default.createElement(A.Provider,{client:i1,queryClient:Hu},M__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Hu},M__namespace.default.createElement(fo,null,M__namespace.default.createElement(li__default.default.Provider,null,M__namespace.default.createElement(reinspect.StateInspector,null,t)))))};Ie.displayName="CommonProvider";var p1=D(s1__default.default),f1=D(a1__default.default),d1=D(l1__default.default),m1=y(e=>({active:{color:e.palette.primary.main},controlWrap:{flex:2},iconWrapper:{marginBottom:-2,marginRight:-8,paddingLeft:4,width:14,"& svg":{width:14,height:14}},icons:{"&:hover":{opacity:.8},cursor:"pointer",opacity:.4},labelWrap:{alignItems:"center",display:"flex",flex:1,justifyContent:"space-between"},root:{"& fieldset > div":{"&>div":{margin:0,marginRight:10}},'& input[type="number"], select,textarea':{transition:"none",width:"100%"},"& label":{border:"none !important",margin:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:4}}),{name:"FormControl"}),No=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,children:i,isRequired:s,active:a}=e,l=m1();return M__namespace.default.createElement("div",{className:l.root},M__namespace.default.createElement("div",{className:Mr__default.default(l.labelWrap,{[l.active]:a})},M__namespace.default.createElement("span",{className:"form-label"},xr(t),s&&M__namespace.default.createElement("span",{style:{marginLeft:2}},"*"))),M__namespace.default.createElement("div",{className:l.controlWrap},i),M__namespace.default.createElement("div",{className:l.iconWrapper},M__namespace.default.createElement("div",null,o&&M__namespace.default.createElement(material.Tooltip,{placement:"top",disableInteractive:false,enterDelay:800,title:o},M__namespace.default.createElement(f1,{className:l.icons}))),n&&M__namespace.default.createElement("div",{onClick:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",enterDelay:800,title:"Append value to title"},r?M__namespace.default.createElement(p1,{style:{opacity:1},className:l.icons}):M__namespace.default.createElement(d1,{className:l.icons})))))});No.displayName="FormControl";var ht=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,isRequired:i,value:s,defaultValue:a}=e,{Control:l,handleChange:c,knob:p}=fn(e);return M__namespace.default.createElement(No,{label:t,appendValueToTitle:r,onAppendValueToTitle:n,description:o,isRequired:i,active:a!==s&&s!==void 0&&s!==""&&s!==false},M__namespace.default.createElement(l,{onChange:c,knob:p}))});ht.displayName="Control";var v1=["id"],ju=D(g1__default.default),b1=D(S1__default.default),w1=y(e=>({button:{color:e.palette.text.primary,"& svg":{height:20,width:20}},buttonWrap:{alignItems:"center",display:"flex",zIndex:1},error:{"& textarea":{border:"1px solid red"}},errorMessage:{color:"red"},root:{alignItems:"center",display:"flex"},selectorButtonWrap:{alignItems:"center",backgroundColor:e.palette.background.paper,display:"flex",flexDirection:"column"},selectorHashIcon:{"&:before":{backgroundColor:e.palette.background.paper,content:'"#"',fontSize:"12px",left:"6px",position:"absolute",top:"3px"},height:20,position:"relative"},selectorIcon:{fontSize:"1.25rem"}}),{name:"SelectorControl"}),xs=M.memo(e=>{let{selectorType:t,label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,value:s,isFollowedByPositionProp:a,fullObjectPath:l,isRequired:c,onSelectorChange:p}=e,[u,f]=M.useState(false),d=w1(),[m,h]=M.useState(false),{startSelector:S}=jt(),{data:b}=A.schema.getClientConfig.useQuery(),{Control:x,knob:O,handleChange:w,setKnob:I}=fn(e),C=M.useCallback(W=>{f(false),S({onData:le=>{if(W==="selector"||W==="id-selector")p(l,le.path);else if(a){let Oe=l.length===1?"":`${l.slice(0,-2)}.`;p(`${Oe}x`,Math.round(le.x??0)),p(`${Oe}y`,Math.round(le.y??0));}else w(le[o==="top"?"y":o==="left"?"x":o]);},selectorAttributeNames:b?.selectorAttributeNames??v1,type:W});},[S,a,p,l,o,w,b?.selectorAttributeNames]),L=M__namespace.default.useCallback(()=>{C(t);},[t,C]),z=M__namespace.default.useCallback(()=>{C("id-selector");},[C]);M.useEffect(()=>{if(u&&t!=="selector"){h(false);return}h(!ul(s));},[t,u,s]),M.useEffect(()=>{O.defaultValue!==s&&(w(s),I({...O,defaultValue:s,value:s}));},[w,O,I,s]);let H=M.useCallback(W=>{f(true),w(W);},[w]),Se=M.useCallback(W=>f(W.target.tagName==="TEXTAREA"),[]),ee=t==="selector",ye=t==="position"&&o==="y",Te=t==="position"&&o==="x";return M__namespace.default.createElement(No,{label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,isRequired:c},M__namespace.default.createElement("div",{className:Mr__default.default("selector-root",d.root,{[d.error]:m&&u}),onBlur:Se},M__namespace.default.createElement(x,{onChange:H,knob:O}),M__namespace.default.createElement("div",{className:Mr__default.default({[d.buttonWrap]:a,[d.selectorButtonWrap]:ee})},M__namespace.default.createElement(material.IconButton,{size:"small",onClick:L,className:d.button,title:ee?"Select element on the page to get its selector path":"Select element on the page to get its position relative to the viewport",style:{visibility:ye?"hidden":void 0,...Te&&{position:"relative",bottom:-20}}},ee?M__namespace.default.createElement(ju,{className:d.selectorIcon}):M__namespace.default.createElement(b1,null)),ee&&M__namespace.default.createElement(material.IconButton,{size:"small",onClick:z,className:d.button,title:"Select element by ID or attributes set on selectorAttributeNames in config"},M__namespace.default.createElement("div",{className:d.selectorHashIcon},M__namespace.default.createElement(ju,{className:d.selectorIcon}))))),m&&u&&M__namespace.default.createElement("div",{className:Mr__default.default("selector-error",d.errorMessage)},"Invalid Selector!"))});xs.displayName="SelectorControl";var T1=[],qu=({name:e,schema:t,parents:o=T1,nextPropName:r,isRequired:n,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})=>{let p=[...o,e].join("."),u=M.useCallback(S=>{let b=(t.type==="number"||t.type==="integer")&&S===""?void 0:S;i(p,b);},[i,p,t.type]),f=t.type!=="object"&&s(p,t),m=!!(a&&a(p)),h=M.useCallback(()=>{l&&l(p);},[l,p]);if(c&&(e==="selector"||t.type==="number"&&["x","y","top","left"].includes(e)))return M__namespace.default.createElement(xs,{label:e,type:e==="selector"?"text":"number",onChange:u,selectorType:e==="selector"?"selector":"position",value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isFollowedByPositionProp:r==="x"||r==="y",fullObjectPath:p,isRequired:!!n,onSelectorChange:c,defaultValue:t.default});if(t.enum)return M__namespace.default.createElement(ht,{label:e,type:"select",onChange:u,options:t.enum,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});switch(t.type){case "string":case "any":return M__namespace.default.createElement(ht,{label:e,type:"text",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "number":case "integer":return M__namespace.default.createElement(ht,{label:e,type:"number",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "boolean":return M__namespace.default.createElement(ht,{label:e,type:"boolean",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "array":{if(!t.items)return null;let S=t.items.enum;return S?M__namespace.default.createElement(ht,{label:e,type:"options",onChange:u,display:"inline-check",options:S,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default}):null}case "object":return M__namespace.default.createElement("div",{style:{marginBottom:6}},M__namespace.default.createElement("p",{style:{margin:"6px 0",marginTop:14}},material.capitalize(A1__default.default(e).toLowerCase()),":"),M__namespace.default.createElement("div",{style:{paddingLeft:12}},M__namespace.default.createElement(hn,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};qu.displayName="SchemaProp";var Xu=M__namespace.default.memo(qu);var hn=({schemaProps:e,required:t,parents:o=[],onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,Object.keys(e).map((l,c,p)=>{let u=e[l];return M__namespace.default.createElement(Xu,{key:l,name:l,schema:u,parents:o,nextPropName:p[c+1],isRequired:t&&t.includes(l),onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})}));hn.displayName="SchemaRenderer";var Sn=M__namespace.default.memo(hn);var M1=y(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),Zu=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let n=M1(),[i,s]=M.useState(e),[a,l]=M.useState(false),c=M.useRef(),{mutate:p,data:u}=A.schema.getSchema.useMutation();M.useEffect(()=>{c.current!==r&&(c.current=r,p({schemaName:r}));},[p,r]);let f=M.useCallback(()=>{t(i);},[t,i]),d=M.useCallback(()=>{t({}),s({}),l(true);},[t]),m=M.useCallback((S,b)=>{let x=yn__namespace.set(i,S,b);s(x);},[i]),h=S=>yn__namespace.get(i,S);return M.useEffect(()=>{a&&l(false);},[a]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:n.main},M__namespace.default.createElement(E,{open:u===void 0,position:"relative"}),u&&!a&&M__namespace.default.createElement(Sn,{schemaProps:u,onChange:m,getValue:h})),M__namespace.default.createElement(material.Divider,null),M__namespace.default.createElement("div",{className:n.footer},M__namespace.default.createElement("div",null,o),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Button,{onClick:d},"Clear"),M__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};Zu.displayName="SchemaFormLoader";var Xr=M__namespace.default.memo(Zu);var Kt=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:r,clearError:n,fixFileNamesError:i,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:p}=Ac({fixFunction:e}),u=M__namespace.default.useCallback(()=>{n(),t(false);},[t,n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(ve,{open:o,onClose:u,title:"Fix Screenshot File Name",width:"400px"},M__namespace.default.createElement(E,{open:s}),M__namespace.default.createElement("div",{style:{padding:20,width:"100%"}},l&&!i?M__namespace.default.createElement("p",null,"Fix applied, reload the page"):M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("p",null,"Screenshot file name consist of the story title and story function name, when the title or function name changes, plugin is no longer able to detect the screenshots, hence it wont list the screenshots in the panel."),M__namespace.default.createElement("p",null,"This utility will apply changes to the screenshot file name and playwright config file.")),e&&M__namespace.default.createElement(material.TextField,{label:"Enter previous name export function",variant:"outlined",onChange:p,value:c,fullWidth:true,focused:true,required:true}),i&&M__namespace.default.createElement("p",{style:{color:"red"}},i)),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(M__namespace.default.Fragment,null,l?M__namespace.default.createElement(material.Button,{onClick:a,color:"primary"},"Reload Page"):M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:u,color:"primary"},"Cancel"),M__namespace.default.createElement(material.Button,{onClick:r,color:"primary",autoFocus:true},"Apply Fix"))))))};Kt.displayName="FixScreenshotFileDialog";M__namespace.default.memo(Kt);var E1=120,O1=12,B1="50vh",L1=(e,t)=>typeof e=="function"?e(t):e,N1=({children:e,className:t,minVisibleHeight:o,style:r,viewportBottomOffset:n})=>{let i=M__namespace.default.useRef(null),s=M__namespace.default.useCallback(()=>{if(!i.current)return;let a=i.current.getBoundingClientRect().top,l=Math.floor(window.innerHeight-a-n),c=Math.max(o,l);i.current.style.maxHeight=`${c}px`;},[o,n]);return M__namespace.default.useEffect(()=>{s();let a=window.requestAnimationFrame(s);return window.addEventListener("resize",s),window.addEventListener("scroll",s,true),()=>{window.cancelAnimationFrame(a),window.removeEventListener("resize",s),window.removeEventListener("scroll",s,true);}},[e,s]),M__namespace.default.createElement("div",{ref:i,className:t,style:{...r,maxHeight:r?.maxHeight??B1,overflowY:r?.overflowY??"auto"},onMouseDown:a=>a.stopPropagation()},e)},Ps=({minVisibleHeight:e=E1,tooltip:t,tooltipClassName:o,tooltipStyle:r,viewportBottomOffset:n=O1,...i})=>{let s=M__namespace.default.useCallback(a=>M__namespace.default.createElement(N1,{className:o,minVisibleHeight:e,style:r,viewportBottomOffset:n},L1(t,a)),[e,t,o,r,n]);return M__namespace.default.createElement(components.WithTooltip,{...i,tooltip:s})};Ps.displayName="AutoHeightWithTooltip";function vn(e,t,o){return e&&e.args?yn__namespace.get(e.args,t):o?o.default:void 0}var Cs=e=>{let{schema:t,actionId:o,actionSetId:r}=e,i=T()?.id,s=Fr(i||"",o),a=M.useCallback((f,d)=>{i&&vi({actionId:o,actionSetId:r,objPath:f,storyId:i,val:d});},[o,r,i]),l=M.useCallback((f,d)=>s?vn(s,f,d):void 0,[s]),c=M.useCallback(f=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(f)},[s]),p=M.useCallback(f=>{i&&_l({actionId:o,actionOptionPath:f,actionSetId:r,storyId:i});},[o,r,i]),u=M.useCallback((f,d)=>{i&&vi({actionId:o,actionSetId:r,objPath:f,storyId:i,val:d});},[o,r,i]);return s?M__namespace.default.createElement("div",null,M__namespace.default.createElement(Sn,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:p,onSelectorChange:u})):null};Cs.displayName="ActionSchemaRenderer";var j1=y(e=>{let{divider:t}=e.palette;return {chip:{color:e.palette.text.primary,height:20,maxWidth:150},detailPanel:{display:"block"},expanded:{transform:"rotate(0deg) !important"},expansionPanel:{border:`1px solid ${t}`,boxShadow:"none"},heading:{alignItems:"center",display:"flex",fontWeight:e.typography.fontWeightRegular,marginRight:10},icon:{fontSize:20},root:{padding:4,width:"100%"},subtitleWrap:{width:"100%"},summary:{alignItems:"center",justifyContent:"space-between"},summaryInner:{display:"flex"}}},{name:"ActionOptions"}),Ms=M.memo(e=>{let{actionId:t,actionName:o,DragHandle:r,actionSetId:n,dragHandleProps:i}=e,[s,a]=M.useState(),c=T()?.id,p=pe(),u=Fr(c||"",t),f=po(p.actionSchema,o),d=j1(),m=M.useCallback(()=>{Or(t);},[t]);M.useEffect(()=>{if(!u||!u.subtitleItems)return;let b=u.subtitleItems.reduce((x,O)=>{let w=O.split(".").pop(),I=vn(u,O);return I&&x.push(`${w}: ${I}`),x},[]);a(b);},[u,o]);let h=M.useCallback(b=>{b.preventDefault(),b.stopPropagation(),c&&Rl({actionId:t,actionSetId:n,storyId:c});},[t,n,c]),S=f&&f.parameters&&Object.keys(f.parameters).length!==0;return M__namespace.default.createElement("div",{className:d.root},M__namespace.default.createElement(R1__default.default,{expanded:p.expandedActions&&p.expandedActions[t]===true&&S,onChange:m,className:d.expansionPanel,square:true,slotProps:{transition:{timeout:100}}},M__namespace.default.createElement(H1__default.default,{"aria-controls":"panel1a-content",id:"panel1a-header",classes:{content:d.summary,expanded:d.expanded}},M__namespace.default.createElement("div",{className:d.summaryInner},M__namespace.default.createElement(r,{...i}),M__namespace.default.createElement("div",{className:d.heading},xr(f&&f.title?f.title:o)),M__namespace.default.createElement("div",{className:d.subtitleWrap},s&&s.map(b=>M__namespace.default.createElement(material.Chip,{className:d.chip,key:b,size:"small",label:b,variant:"outlined",title:b})))),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Tooltip,{title:f&&f.description?f.description:"Not Available!"},M__namespace.default.createElement(components.IconButton,null,M__namespace.default.createElement(icons.QuestionIcon,{className:d.icon}))),M__namespace.default.createElement(components.IconButton,{onClick:h},M__namespace.default.createElement(icons.TrashIcon,{className:d.icon})))),M__namespace.default.createElement(material.AccordionDetails,{className:d.detailPanel},p.expandedActions&&p.expandedActions[t]&&S&&M__namespace.default.createElement(Cs,{schema:f,actionId:t,actionSetId:n}))))});Ms.displayName="ActionOptions";var sv=y(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),av=({action:e,actionSetId:t,sortableId:o})=>{let{attributes:r,listeners:n,setActivatorNodeRef:i,setNodeRef:s,transform:a,transition:l,isDragging:c}=sortable.useSortable({id:o});return M__namespace.default.createElement("div",{ref:s,style:{opacity:c?.8:1,transform:utilities.CSS.Transform.toString(a),transition:l}},M__namespace.default.createElement(Ms,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:mo,actionSetId:t,dragHandleProps:{...r,...n,setNodeRef:i}}))},lv=({items:e,actionSetId:t,onSortEnd:o})=>{let[r,n]=M.useState(e);M.useEffect(()=>{n(e);},[e]);let i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=M.useCallback(({active:c,over:p})=>{!p||c.id===p.id||n(u=>{let f=u.findIndex(m=>m.id===c.id),d=u.findIndex(m=>m.id===p.id);return f<0||d<0?u:sortable.arrayMove(u,f,d)});},[]),a=M.useCallback(()=>{n(e);},[e]),l=M.useCallback(({active:c})=>{let p=e.findIndex(f=>f.id===c.id),u=r.findIndex(f=>f.id===c.id);if(p<0||u<0||p===u||!o){n(e);return}o({newIndex:u,oldIndex:p});},[e,r,o]);return M__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragOver:s,onDragCancel:a,onDragEnd:l},M__namespace.default.createElement(sortable.SortableContext,{items:r.map(c=>c.id),strategy:sortable.verticalListSortingStrategy},M__namespace.default.createElement("div",null,r.map(c=>M__namespace.default.createElement(av,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},Is=({actionSet:e})=>{let t=sv(),o=T(),r=M.useCallback(n=>{o&&zl({actionSetId:e.id,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});},[e.id,o]);return !e||!e.actions.length?M__namespace.default.createElement("div",{className:t.noActionMessage},M__namespace.default.createElement("div",null,"Click the '+' button to create an action.")):M__namespace.default.createElement(Dt,null,M__namespace.default.createElement(lv,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};Is.displayName="ActionList";var ks=M.memo(M.forwardRef((e,t)=>{let{onChange:o,label:r,name:n}=e,i=M.useCallback(()=>{o(n);},[n,o]);return M__namespace.default.createElement(material.MenuItem,{ref:t,onClick:i},r)}));ks.displayName="ActionMenuItem";var Ds=(e,t=[])=>{let o=Object.keys(e),r=[];return o.forEach(n=>{let i=e[n];if(i.type==="object"){let s=Ds(i.properties,[...t,n]);r=[...r,...s];}else {let s=[...t,n];r.push({label:s.join("."),name:s.join(".")});}}),r.sort((n,i)=>n.name<i.name?-1:n.name>i.name?1:0)};var ip=(e,t)=>e.reduce((o,r)=>{let n=r.visibleTo||"*";return (n==="*"||new RegExp(n).test(t))&&o.push(r),o},[]);var yv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),_o=M.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,n=pe(),[i,s]=M.useState([]),a=yv();M__namespace.default.useEffect(()=>{if(!n.actionSchema)return;let c=Ds(n.actionSchema);s(c);},[n.actionSchema]);let l=M.useCallback(c=>{t(c);},[t]);return M__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:o,className:a.menu},i.map(c=>M__namespace.default.createElement(ks,{key:c.name,name:c.name,label:c.label,onChange:l},"Profile")))});_o.displayName="ActionMenu";var Bs=e=>{let{onSave:t,onEditTitle:o,onCancel:r,onAddAction:n}=e,{loading:i}=Lt(),[s,a]=M__namespace.default.useState(null),l=M.useCallback(u=>{a(u.currentTarget);},[]),c=M.useCallback(()=>{a(null);},[]),p=M.useCallback(u=>{n(u),a(null);},[n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i}),M__namespace.default.createElement(components.IconButton,{size:"small",className:"edit-desc",onClick:o,title:"Edit Title"},M__namespace.default.createElement(icons.EditIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"open-action-menu",onClick:l,title:"Add Actions"},M__namespace.default.createElement(icons.PlusIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"save-action",title:"Save Actions",onClick:t},M__namespace.default.createElement(icons.SaveIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"Cancel",title:"Cancel",onClick:r},M__namespace.default.createElement(icons.CrossIcon,null)),M__namespace.default.createElement(_o,{onClose:c,anchorEl:s,onChange:p}))};Bs.displayName="ActionSetEditorIcons";var Pv=y(e=>{let{palette:{secondary:t}}=e;return {divider:{backgroundColor:t.main},root:{height:"100%"}}},{name:"ActionSetEditor"}),Ls=({actionSet:e})=>{let{handleAddAction:t,handleDescriptionChange:o,handleSave:r,cancelEditActionSet:n}=Jl(e),i=Pv(),{loading:s}=Lt(),a=M.useCallback(()=>{It.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return M__namespace.default.createElement(it,{tooltip:e.temp?e.title+an:e.title,title:e.temp?`${e.title} *`:e.title,draggable:true,selected:true,secondaryColor:true,icons:M__namespace.default.createElement(Bs,{onAddAction:t,onCancel:n,onEditTitle:a,onSave:r})},M__namespace.default.createElement("div",{className:i.root},M__namespace.default.createElement(material.Divider,{className:i.divider}),M__namespace.default.createElement(Is,{actionSet:e}),M__namespace.default.createElement(E,{open:s})))};Ls.displayName="ActionSetEditor";var Ns=e=>{let{item:t}=e,{anchorEl:o,setAnchorEl:r,clearAnchorEl:n}=Lu(),[i,s]=M__namespace.default.useState("*"),[a,l]=M__namespace.default.useState("*"),c=T(),{mutateAsync:p}=A.favouriteActions.addFavouriteAction.useMutation(),{parent:u="parent"}=c||{},f=M__namespace.default.useCallback(async()=>{t.visibleTo=i,n();try{await p(t),v.success("Successfully added action to favourites",{duration:5e3});}catch(m){v.error(`An error has occurred:
- ${m.message||"Unknown error"}`,{duration:5e3});}},[p,n,i,t]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{className:"add-favourite",onClick:r,size:"small",title:"Add To Favourite"},M__namespace.default.createElement(icons.StarIcon,null)),o&&M__namespace.default.createElement(material.Popover,{anchorEl:o,open:true,onClose:n},M__namespace.default.createElement(material.DialogTitle,null,"Define witch story(s) can use this action:"),M__namespace.default.createElement(material.DialogContent,null,M__namespace.default.createElement(material.FormControl,null,M__namespace.default.createElement(material.RadioGroup,{row:true,value:a,onChange:(m,h)=>{s(h),l(h);}},M__namespace.default.createElement(material.FormControlLabel,{value:"*",control:M__namespace.default.createElement(material.Radio,{size:"small"}),label:"All Stories"}),M__namespace.default.createElement(material.FormControlLabel,{value:u,control:M__namespace.default.createElement(material.Radio,{size:"small"}),label:`${material.capitalize(u)} Stories`}))),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.TextField,{value:i,onChange:m=>s(m.target.value),helperText:"Or enter regex expression",fullWidth:true}))),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};Ns.displayName="AddFavouriteAction";function up({onEdit:e,onDelete:t,item:o,onCheckBoxClick:r,checked:n,title:i,isEditing:s,hideIcons:a,onDuplicate:l,sortableId:c}){let{attributes:p,listeners:u,setActivatorNodeRef:f,setNodeRef:d,transform:m,transition:h,isDragging:S}=sortable.useSortable({disabled:!!s,id:c??o.id}),b=M.useCallback(()=>{e(o);},[o,e]),x=M.useCallback(()=>{r&&r(o);},[o,r]),O=M.useCallback(()=>{t(o);},[o,t]),w=M.useCallback(()=>{l&&l(o);},[o,l]);return s?M__namespace.default.createElement("div",{ref:d,style:{transform:utilities.CSS.Transform.toString(m),transition:h}},M__namespace.default.createElement(Ls,{actionSet:o})):M__namespace.default.createElement("div",{ref:d,style:{opacity:S?.8:1,position:"relative",transform:utilities.CSS.Transform.toString(m),transition:h,zIndex:1}},M__namespace.default.createElement(it,{tooltip:i+(o.temp?an:""),title:i+(o.temp?" *":""),draggable:true,selected:n,dragHandleProps:{...p,...u,setNodeRef:f},icons:M__namespace.default.createElement(M__namespace.default.Fragment,null,!a&&M__namespace.default.createElement(components.IconButton,{className:"edit-button",onClick:b,size:"small",title:"Edit"},M__namespace.default.createElement(icons.EditIcon,null)),M__namespace.default.createElement(components.IconButton,{className:"duplicate-button",onClick:w,size:"small",title:"Duplicate Action"},M__namespace.default.createElement(icons.CopyIcon,null)),!a&&M__namespace.default.createElement(Ns,{item:o}),M__namespace.default.createElement(ho,{onClick:x,checked:!!n}),!a&&M__namespace.default.createElement(Ce,{onDelete:O}))}))}up.displayName="ActionSetListItem";var Fs=e=>M__namespace.default.createElement(up,{...e});Fs.displayName="SortableActionSetListItem";var Qv=y(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),_s=({onSortEnd:e})=>{let t=Qv(),o=T(),{copyActionSet:r,inProgress:n}=Ql(o),{mutateAsync:i}=A.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=Zl(),{loading:c}=ec(),p=M.useCallback(async w=>{if(o)try{await i({actionSetId:w.id,filePath:o.filePath,storyId:o.id}),Er({actionSetId:w.id,storyId:o.id});}catch(I){v.error(I instanceof Error?I.message:"Failed to delete action set");}},[i,o]),u=M.useCallback(w=>{Ll(w);},[]),f=M.useCallback(w=>{Bl(w.id);},[]),d=l.orgEditingActionSet!==void 0,[m,h]=M.useState(s);M.useEffect(()=>{h(s);},[s]);let S=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),b=M.useCallback(({active:w,over:I})=>{!I||w.id===I.id||h(C=>{let L=C.findIndex(H=>H.id===w.id),z=C.findIndex(H=>H.id===I.id);return L<0||z<0?C:sortable.arrayMove(C,L,z)});},[]),x=M.useCallback(()=>{h(s);},[s]),O=M.useCallback(({active:w})=>{let I=s.findIndex(L=>L.id===w.id),C=m.findIndex(L=>L.id===w.id);if(I<0||C<0||I===C||!e){h(s);return}e({newIndex:C,oldIndex:I});},[m,e,s]);return M__namespace.default.createElement(Dt,null,M__namespace.default.createElement(core.DndContext,{sensors:S,collisionDetection:core.closestCenter,onDragOver:b,onDragCancel:x,onDragEnd:O},M__namespace.default.createElement(sortable.SortableContext,{items:m.map(w=>w.id),strategy:sortable.verticalListSortingStrategy},m.length>0?m.map((w,I)=>M__namespace.default.createElement(Fs,{index:I,sortableId:w.id,key:w.id+d,item:w,onDelete:p,onEdit:u,onCheckBoxClick:f,checked:a.includes(w.id),title:w.title,onDuplicate:r,isEditing:d&&l.orgEditingActionSet&&l.orgEditingActionSet.id===w.id,hideIcons:d})):M__namespace.default.createElement("div",{className:Mr__default.default(t.message,"no-data")},M__namespace.default.createElement("div",null,"No action set to display!"),M__namespace.default.createElement("div",null,"Click the '+' button to create an action set.")))),M__namespace.default.createElement(E,{open:c||n}))};_s.displayName="ActionSetList";var nb=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),fp=[{actions:[{id:"Kj6iSI1D3BIF1yX",name:"takeScreenshot"}],id:"1--default",title:"Take screenshot",visibleTo:"*"},{actions:[{id:"zjgHFLzuMbXG",name:"takeScreenshotAll"}],id:"2--default",title:"Take screenshot of all actions",visibleTo:"*"}],zs=e=>{let{children:t}=e,[o,r]=M__namespace.default.useState(fp),{mutateAsync:n}=A.actionSet.saveActionSet.useMutation(),{mutateAsync:i}=A.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:s}=A.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),a=T(),{id:l}=a||{},c=nb(),p=M__namespace.default.useCallback(()=>{s().then(({data:d})=>{let m=[...fp,...ip(d||[],l??"")];r(m);});},[s,l]),u=async d=>{if(!a||!l)return;let m=nanoid.nanoid(12),h={...d,id:m,visibleTo:void 0};await n({actionSet:h,filePath:a.filePath,storyId:l}),lt({actionSet:h,isNew:false,selected:true,storyId:l});},f=async d=>{await i({actionSetId:d}),p();};return M__namespace.default.useEffect(()=>{p();},[p]),M__namespace.default.createElement(Ps,{closeOnOutsideClick:true,placement:"bottom-start",trigger:"click",tooltipClassName:c.menu,tooltip:({onHide:d})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,o.map(m=>M__namespace.default.createElement(components.ListItem,{key:m.id,title:material.capitalize(m.title),right:M__namespace.default.createElement(components.IconButton,{disabled:m.id.endsWith("--default"),onClick:h=>{h.stopPropagation(),f(m.id),d();}},M__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await u(m),d();}})))},t)};zs.displayName="FavouriteActions";var Hs=e=>{let{onAddActionSet:t,onAddAction:o,onReset:r,onFavoriteActionsClick:n,onDeleteSelectedActionSets:i,deleteDisabled:s}=e,{loading:a}=Lt(),[l,c]=M__namespace.default.useState(null),p=M.useCallback(d=>{c(d.currentTarget);},[]),u=M.useCallback(()=>{c(null);},[]),f=M.useCallback(d=>{o(d),c(null);},[o]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:a}),M__namespace.default.createElement(nt,{border:["bottom"]},M__namespace.default.createElement("div",{className:"left"},M__namespace.default.createElement("span",null,"Action Sets")),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(zs,null,M__namespace.default.createElement(components.IconButton,{onClick:n,title:"Favourite Actions"},M__namespace.default.createElement(icons.StarIcon,null))),M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Reset"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(Ce,{disabled:s,onDelete:i,IconButton:components.IconButton}),M__namespace.default.createElement(components.IconButton,{onClick:p,title:"Add Quick Action"},M__namespace.default.createElement(icons.LightningIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},M__namespace.default.createElement(icons.PlusIcon,null)))),M__namespace.default.createElement(_o,{onClose:u,anchorEl:l,onChange:f}))};Hs.displayName="ActionToolbar";var dp=12,pb=10,Ws=()=>{let{storyId:e}=managerApi.useStorybookState(),t=T(),{currentActions:o}=ze(e),{mutateAsync:r}=A.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=A.actionSet.changeActionSetIndex.useMutation(),i=M.useCallback(u=>{let f=nanoid.nanoid(dp),d={actions:[],id:f,title:u};So(e),lt({actionSet:d,isNew:true,selected:true,storyId:e});},[e]),s=M.useCallback(u=>{let f=nanoid.nanoid(dp),m={actions:[{id:nanoid.nanoid(pb),name:u}],id:f,title:u};So(e),lt({actionSet:m,isNew:true,selected:true,storyId:e});},[e]),a=M.useCallback(()=>{It.show({onSave:i,required:true,title:"Action set title"});},[i]),l=M.useCallback(()=>{ct(),Bt(e);},[e]),c=M.useCallback(async()=>{if(t)for(let u of o)try{await r({actionSetId:u.id,filePath:t.filePath,storyId:e}),Er({actionSetId:u.id,storyId:e});}catch(f){console.error(f);}},[o,r,t,e]);M.useEffect(()=>{ct();},[e]);let p=M.useCallback(async u=>{if(t){gi({newIndex:u.newIndex,oldIndex:u.oldIndex,storyId:e});try{await n({filePath:t.filePath,newIndex:u.newIndex,oldIndex:u.oldIndex,storyId:e});}catch(f){gi({newIndex:u.oldIndex,oldIndex:u.newIndex,storyId:e}),console.error(f);}}},[n,t,e]);return M__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"}},M__namespace.default.createElement(Hs,{onAddActionSet:a,onAddAction:s,onReset:l,onDeleteSelectedActionSets:c,deleteDisabled:o.length===0}),M__namespace.default.createElement(_s,{onSortEnd:p}))};Ws.displayName="ActionSetMain";var Gs=M.memo(()=>M__namespace.default.createElement(Ie,null,M__namespace.default.createElement(Ws,null)));Gs.displayName="ActionPanel";var Us=()=>{let e=managerApi.useStorybookState();return M__namespace.default.createElement(Ki,{showPanel:e.selectedPanel===Ut})};Us.displayName="ScreenshotPanel";managerApi.addons.add(pu,{render:ds,type:managerApi.types.PREVIEW});yl();managerApi.addons.register(De,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(uu,{render:()=>M__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(cu,{render:()=>M__namespace.default.createElement(ys,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(lu,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(Gs,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(Ut,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(Us,null)),title:"Screenshots",type:managerApi.types.PANEL});});
+Browser: ${n}`:""}`,{duration:5e3,onAutoClose:r,onDismiss:r});return}(o.diffSize||o.error)&&v.error(At(o),{duration:1/0,onDismiss:r});}},[n,r,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:I__namespace.default.createElement(ut,{imageDiffResult:o,onClose:r,open:true,activeTab:"imageDiff",title:s,...i})};Ru.displayName="ImageDiffMessage";var zc=I__namespace.default.memo(Ru);var s1=bl(),Hu=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),Ie=e=>{let{children:t}=e;return I__namespace.default.createElement(A.Provider,{client:s1,queryClient:Hu},I__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Hu},I__namespace.default.createElement(fo,null,I__namespace.default.createElement(li__default.default.Provider,null,I__namespace.default.createElement(reinspect.StateInspector,null,t)))))};Ie.displayName="CommonProvider";var f1=D(a1__default.default),d1=D(l1__default.default),m1=D(c1__default.default),h1=y(e=>({active:{color:e.palette.primary.main},controlWrap:{flex:2},iconWrapper:{marginBottom:-2,marginRight:-8,paddingLeft:4,width:14,"& svg":{width:14,height:14}},icons:{"&:hover":{opacity:.8},cursor:"pointer",opacity:.4},labelWrap:{alignItems:"center",display:"flex",flex:1,justifyContent:"space-between"},root:{"& fieldset > div":{"&>div":{margin:0,marginRight:10}},'& input[type="number"], select,textarea':{transition:"none",width:"100%"},"& label":{border:"none !important",margin:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:4}}),{name:"FormControl"}),No=I.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,children:i,isRequired:s,active:a}=e,l=h1();return I__namespace.default.createElement("div",{className:l.root},I__namespace.default.createElement("div",{className:Mr__default.default(l.labelWrap,{[l.active]:a})},I__namespace.default.createElement("span",{className:"form-label"},xr(t),s&&I__namespace.default.createElement("span",{style:{marginLeft:2}},"*"))),I__namespace.default.createElement("div",{className:l.controlWrap},i),I__namespace.default.createElement("div",{className:l.iconWrapper},I__namespace.default.createElement("div",null,o&&I__namespace.default.createElement(material.Tooltip,{placement:"top",disableInteractive:false,enterDelay:800,title:o},I__namespace.default.createElement(d1,{className:l.icons}))),n&&I__namespace.default.createElement("div",{onClick:n},I__namespace.default.createElement(material.Tooltip,{placement:"top",enterDelay:800,title:"Append value to title"},r?I__namespace.default.createElement(f1,{style:{opacity:1},className:l.icons}):I__namespace.default.createElement(m1,{className:l.icons})))))});No.displayName="FormControl";var ht=I.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,isRequired:i,value:s,defaultValue:a}=e,{Control:l,handleChange:c,knob:p}=fn(e);return I__namespace.default.createElement(No,{label:t,appendValueToTitle:r,onAppendValueToTitle:n,description:o,isRequired:i,active:a!==s&&s!==void 0&&s!==""&&s!==false},I__namespace.default.createElement(l,{onChange:c,knob:p}))});ht.displayName="Control";var b1=["id"],ju=D(S1__default.default),w1=D(y1__default.default),x1=y(e=>({button:{color:e.palette.text.primary,"& svg":{height:20,width:20}},buttonWrap:{alignItems:"center",display:"flex",zIndex:1},error:{"& textarea":{border:"1px solid red"}},errorMessage:{color:"red"},root:{alignItems:"center",display:"flex"},selectorButtonWrap:{alignItems:"center",backgroundColor:e.palette.background.paper,display:"flex",flexDirection:"column"},selectorHashIcon:{"&:before":{backgroundColor:e.palette.background.paper,content:'"#"',fontSize:"12px",left:"6px",position:"absolute",top:"3px"},height:20,position:"relative"},selectorIcon:{fontSize:"1.25rem"}}),{name:"SelectorControl"}),xs=I.memo(e=>{let{selectorType:t,label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,value:s,isFollowedByPositionProp:a,fullObjectPath:l,isRequired:c,onSelectorChange:p}=e,[u,f]=I.useState(false),d=x1(),[m,h]=I.useState(false),{startSelector:S}=jt(),{data:b}=A.schema.getClientConfig.useQuery(),{Control:x,knob:O,handleChange:w,setKnob:M}=fn(e),C=I.useCallback(W=>{f(false),S({onData:le=>{if(W==="selector"||W==="id-selector")p(l,le.path);else if(a){let Oe=l.length===1?"":`${l.slice(0,-2)}.`;p(`${Oe}x`,Math.round(le.x??0)),p(`${Oe}y`,Math.round(le.y??0));}else w(le[o==="top"?"y":o==="left"?"x":o]);},selectorAttributeNames:b?.selectorAttributeNames??b1,type:W});},[S,a,p,l,o,w,b?.selectorAttributeNames]),L=I__namespace.default.useCallback(()=>{C(t);},[t,C]),z=I__namespace.default.useCallback(()=>{C("id-selector");},[C]);I.useEffect(()=>{if(u&&t!=="selector"){h(false);return}h(!ul(s));},[t,u,s]),I.useEffect(()=>{O.defaultValue!==s&&(w(s),M({...O,defaultValue:s,value:s}));},[w,O,M,s]);let H=I.useCallback(W=>{f(true),w(W);},[w]),Se=I.useCallback(W=>f(W.target.tagName==="TEXTAREA"),[]),ee=t==="selector",ye=t==="position"&&o==="y",Te=t==="position"&&o==="x";return I__namespace.default.createElement(No,{label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,isRequired:c},I__namespace.default.createElement("div",{className:Mr__default.default("selector-root",d.root,{[d.error]:m&&u}),onBlur:Se},I__namespace.default.createElement(x,{onChange:H,knob:O}),I__namespace.default.createElement("div",{className:Mr__default.default({[d.buttonWrap]:a,[d.selectorButtonWrap]:ee})},I__namespace.default.createElement(material.IconButton,{size:"small",onClick:L,className:d.button,title:ee?"Select element on the page to get its selector path":"Select element on the page to get its position relative to the viewport",style:{visibility:ye?"hidden":void 0,...Te&&{position:"relative",bottom:-20}}},ee?I__namespace.default.createElement(ju,{className:d.selectorIcon}):I__namespace.default.createElement(w1,null)),ee&&I__namespace.default.createElement(material.IconButton,{size:"small",onClick:z,className:d.button,title:"Select element by ID or attributes set on selectorAttributeNames in config"},I__namespace.default.createElement("div",{className:d.selectorHashIcon},I__namespace.default.createElement(ju,{className:d.selectorIcon}))))),m&&u&&I__namespace.default.createElement("div",{className:Mr__default.default("selector-error",d.errorMessage)},"Invalid Selector!"))});xs.displayName="SelectorControl";var P1=[],qu=({name:e,schema:t,parents:o=P1,nextPropName:r,isRequired:n,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})=>{let p=[...o,e].join("."),u=I.useCallback(S=>{let b=(t.type==="number"||t.type==="integer")&&S===""?void 0:S;i(p,b);},[i,p,t.type]),f=t.type!=="object"&&s(p,t),m=!!(a&&a(p)),h=I.useCallback(()=>{l&&l(p);},[l,p]);if(c&&(e==="selector"||t.type==="number"&&["x","y","top","left"].includes(e)))return I__namespace.default.createElement(xs,{label:e,type:e==="selector"?"text":"number",onChange:u,selectorType:e==="selector"?"selector":"position",value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isFollowedByPositionProp:r==="x"||r==="y",fullObjectPath:p,isRequired:!!n,onSelectorChange:c,defaultValue:t.default});if(t.enum)return I__namespace.default.createElement(ht,{label:e,type:"select",onChange:u,options:t.enum,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});switch(t.type){case "string":case "any":return I__namespace.default.createElement(ht,{label:e,type:"text",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "number":case "integer":return I__namespace.default.createElement(ht,{label:e,type:"number",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "boolean":return I__namespace.default.createElement(ht,{label:e,type:"boolean",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "array":{if(!t.items)return null;let S=t.items.enum;return S?I__namespace.default.createElement(ht,{label:e,type:"options",onChange:u,display:"inline-check",options:S,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default}):null}case "object":return I__namespace.default.createElement("div",{style:{marginBottom:6}},I__namespace.default.createElement("p",{style:{margin:"6px 0",marginTop:14}},material.capitalize(T1__default.default(e).toLowerCase()),":"),I__namespace.default.createElement("div",{style:{paddingLeft:12}},I__namespace.default.createElement(hn,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};qu.displayName="SchemaProp";var Xu=I__namespace.default.memo(qu);var hn=({schemaProps:e,required:t,parents:o=[],onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})=>I__namespace.default.createElement(I__namespace.default.Fragment,null,Object.keys(e).map((l,c,p)=>{let u=e[l];return I__namespace.default.createElement(Xu,{key:l,name:l,schema:u,parents:o,nextPropName:p[c+1],isRequired:t&&t.includes(l),onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})}));hn.displayName="SchemaRenderer";var Sn=I__namespace.default.memo(hn);var I1=y(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),Zu=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let n=I1(),[i,s]=I.useState(e),[a,l]=I.useState(false),c=I.useRef(),{mutate:p,data:u}=A.schema.getSchema.useMutation();I.useEffect(()=>{c.current!==r&&(c.current=r,p({schemaName:r}));},[p,r]);let f=I.useCallback(()=>{t(i);},[t,i]),d=I.useCallback(()=>{t({}),s({}),l(true);},[t]),m=I.useCallback((S,b)=>{let x=yn__namespace.set(i,S,b);s(x);},[i]),h=S=>yn__namespace.get(i,S);return I.useEffect(()=>{a&&l(false);},[a]),I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement("div",{className:n.main},I__namespace.default.createElement(E,{open:u===void 0,position:"relative"}),u&&!a&&I__namespace.default.createElement(Sn,{schemaProps:u,onChange:m,getValue:h})),I__namespace.default.createElement(material.Divider,null),I__namespace.default.createElement("div",{className:n.footer},I__namespace.default.createElement("div",null,o),I__namespace.default.createElement("div",null,I__namespace.default.createElement(material.Button,{onClick:d},"Clear"),I__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};Zu.displayName="SchemaFormLoader";var Xr=I__namespace.default.memo(Zu);var Kt=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:r,clearError:n,fixFileNamesError:i,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:p}=Ac({fixFunction:e}),u=I__namespace.default.useCallback(()=>{n(),t(false);},[t,n]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(ve,{open:o,onClose:u,title:"Fix Screenshot File Name",width:"400px"},I__namespace.default.createElement(E,{open:s}),I__namespace.default.createElement("div",{style:{padding:20,width:"100%"}},l&&!i?I__namespace.default.createElement("p",null,"Fix applied, reload the page"):I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement("p",null,"Screenshot file name consist of the story title and story function name, when the title or function name changes, plugin is no longer able to detect the screenshots, hence it wont list the screenshots in the panel."),I__namespace.default.createElement("p",null,"This utility will apply changes to the screenshot file name and playwright config file.")),e&&I__namespace.default.createElement(material.TextField,{label:"Enter previous name export function",variant:"outlined",onChange:p,value:c,fullWidth:true,focused:true,required:true}),i&&I__namespace.default.createElement("p",{style:{color:"red"}},i)),I__namespace.default.createElement(material.DialogActions,null,I__namespace.default.createElement(I__namespace.default.Fragment,null,l?I__namespace.default.createElement(material.Button,{onClick:a,color:"primary"},"Reload Page"):I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(material.Button,{onClick:u,color:"primary"},"Cancel"),I__namespace.default.createElement(material.Button,{onClick:r,color:"primary",autoFocus:true},"Apply Fix"))))))};Kt.displayName="FixScreenshotFileDialog";I__namespace.default.memo(Kt);var O1=120,B1=12,L1="50vh",N1=(e,t)=>typeof e=="function"?e(t):e,F1=({children:e,className:t,minVisibleHeight:o,style:r,viewportBottomOffset:n})=>{let i=I__namespace.default.useRef(null),s=I__namespace.default.useCallback(()=>{if(!i.current)return;let a=i.current.getBoundingClientRect().top,l=Math.floor(window.innerHeight-a-n),c=Math.max(o,l);i.current.style.maxHeight=`${c}px`;},[o,n]);return I__namespace.default.useEffect(()=>{s();let a=window.requestAnimationFrame(s);return window.addEventListener("resize",s),window.addEventListener("scroll",s,true),()=>{window.cancelAnimationFrame(a),window.removeEventListener("resize",s),window.removeEventListener("scroll",s,true);}},[e,s]),I__namespace.default.createElement("div",{ref:i,className:t,style:{...r,maxHeight:r?.maxHeight??L1,overflowY:r?.overflowY??"auto"},onMouseDown:a=>a.stopPropagation()},e)},Ps=({minVisibleHeight:e=O1,tooltip:t,tooltipClassName:o,tooltipStyle:r,viewportBottomOffset:n=B1,...i})=>{let s=I__namespace.default.useCallback(a=>I__namespace.default.createElement(F1,{className:o,minVisibleHeight:e,style:r,viewportBottomOffset:n},N1(t,a)),[e,t,o,r,n]);return I__namespace.default.createElement(components.WithTooltip,{...i,tooltip:s})};Ps.displayName="AutoHeightWithTooltip";function vn(e,t,o){return e&&e.args?yn__namespace.get(e.args,t):o?o.default:void 0}var Cs=e=>{let{schema:t,actionId:o,actionSetId:r}=e,i=T()?.id,s=Fr(i||"",o),a=I.useCallback((f,d)=>{i&&vi({actionId:o,actionSetId:r,objPath:f,storyId:i,val:d});},[o,r,i]),l=I.useCallback((f,d)=>s?vn(s,f,d):void 0,[s]),c=I.useCallback(f=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(f)},[s]),p=I.useCallback(f=>{i&&_l({actionId:o,actionOptionPath:f,actionSetId:r,storyId:i});},[o,r,i]),u=I.useCallback((f,d)=>{i&&vi({actionId:o,actionSetId:r,objPath:f,storyId:i,val:d});},[o,r,i]);return s?I__namespace.default.createElement("div",null,I__namespace.default.createElement(Sn,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:p,onSelectorChange:u})):null};Cs.displayName="ActionSchemaRenderer";var $1=y(e=>{let{divider:t}=e.palette;return {chip:{color:e.palette.text.primary,height:20,maxWidth:150},detailPanel:{display:"block"},expanded:{transform:"rotate(0deg) !important"},expansionPanel:{border:`1px solid ${t}`,boxShadow:"none"},heading:{alignItems:"center",display:"flex",fontWeight:e.typography.fontWeightRegular,marginRight:10},icon:{fontSize:20},root:{padding:4,width:"100%"},subtitleWrap:{width:"100%"},summary:{alignItems:"center",justifyContent:"space-between"},summaryInner:{display:"flex"}}},{name:"ActionOptions"}),Ms=I.memo(e=>{let{actionId:t,actionName:o,DragHandle:r,actionSetId:n,dragHandleProps:i}=e,[s,a]=I.useState(),c=T()?.id,p=pe(),u=Fr(c||"",t),f=po(p.actionSchema,o),d=$1(),m=I.useCallback(()=>{Or(t);},[t]);I.useEffect(()=>{if(!u||!u.subtitleItems)return;let b=u.subtitleItems.reduce((x,O)=>{let w=O.split(".").pop(),M=vn(u,O);return M&&x.push(`${w}: ${M}`),x},[]);a(b);},[u,o]);let h=I.useCallback(b=>{b.preventDefault(),b.stopPropagation(),c&&Rl({actionId:t,actionSetId:n,storyId:c});},[t,n,c]),S=f&&f.parameters&&Object.keys(f.parameters).length!==0;return I__namespace.default.createElement("div",{className:d.root},I__namespace.default.createElement(H1__default.default,{expanded:p.expandedActions&&p.expandedActions[t]===true&&S,onChange:m,className:d.expansionPanel,square:true,slotProps:{transition:{timeout:100}}},I__namespace.default.createElement(V1__default.default,{"aria-controls":"panel1a-content",id:"panel1a-header",classes:{content:d.summary,expanded:d.expanded}},I__namespace.default.createElement("div",{className:d.summaryInner},I__namespace.default.createElement(r,{...i}),I__namespace.default.createElement("div",{className:d.heading},xr(f&&f.title?f.title:o)),I__namespace.default.createElement("div",{className:d.subtitleWrap},s&&s.map(b=>I__namespace.default.createElement(material.Chip,{className:d.chip,key:b,size:"small",label:b,variant:"outlined",title:b})))),I__namespace.default.createElement("div",null,I__namespace.default.createElement(material.Tooltip,{title:f&&f.description?f.description:"Not Available!"},I__namespace.default.createElement(components.IconButton,null,I__namespace.default.createElement(icons.QuestionIcon,{className:d.icon}))),I__namespace.default.createElement(components.IconButton,{onClick:h},I__namespace.default.createElement(icons.TrashIcon,{className:d.icon})))),I__namespace.default.createElement(material.AccordionDetails,{className:d.detailPanel},p.expandedActions&&p.expandedActions[t]&&S&&I__namespace.default.createElement(Cs,{schema:f,actionId:t,actionSetId:n}))))});Ms.displayName="ActionOptions";var av=y(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),lv=({action:e,actionSetId:t,sortableId:o})=>{let{attributes:r,listeners:n,setActivatorNodeRef:i,setNodeRef:s,transform:a,transition:l,isDragging:c}=sortable.useSortable({id:o});return I__namespace.default.createElement("div",{ref:s,style:{opacity:c?.8:1,transform:utilities.CSS.Transform.toString(a),transition:l}},I__namespace.default.createElement(Ms,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:mo,actionSetId:t,dragHandleProps:{...r,...n,setNodeRef:i}}))},cv=({items:e,actionSetId:t,onSortEnd:o})=>{let[r,n]=I.useState(e);I.useEffect(()=>{n(e);},[e]);let i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=I.useCallback(({active:c,over:p})=>{!p||c.id===p.id||n(u=>{let f=u.findIndex(m=>m.id===c.id),d=u.findIndex(m=>m.id===p.id);return f<0||d<0?u:sortable.arrayMove(u,f,d)});},[]),a=I.useCallback(()=>{n(e);},[e]),l=I.useCallback(({active:c})=>{let p=e.findIndex(f=>f.id===c.id),u=r.findIndex(f=>f.id===c.id);if(p<0||u<0||p===u||!o){n(e);return}o({newIndex:u,oldIndex:p});},[e,r,o]);return I__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragOver:s,onDragCancel:a,onDragEnd:l},I__namespace.default.createElement(sortable.SortableContext,{items:r.map(c=>c.id),strategy:sortable.verticalListSortingStrategy},I__namespace.default.createElement("div",null,r.map(c=>I__namespace.default.createElement(lv,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},Is=({actionSet:e})=>{let t=av(),o=T(),r=I.useCallback(n=>{o&&zl({actionSetId:e.id,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});},[e.id,o]);return !e||!e.actions.length?I__namespace.default.createElement("div",{className:t.noActionMessage},I__namespace.default.createElement("div",null,"Click the '+' button to create an action.")):I__namespace.default.createElement(Dt,null,I__namespace.default.createElement(cv,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};Is.displayName="ActionList";var ks=I.memo(I.forwardRef((e,t)=>{let{onChange:o,label:r,name:n}=e,i=I.useCallback(()=>{o(n);},[n,o]);return I__namespace.default.createElement(material.MenuItem,{ref:t,onClick:i},r)}));ks.displayName="ActionMenuItem";var Ds=(e,t=[])=>{let o=Object.keys(e),r=[];return o.forEach(n=>{let i=e[n];if(i.type==="object"){let s=Ds(i.properties,[...t,n]);r=[...r,...s];}else {let s=[...t,n];r.push({label:s.join("."),name:s.join(".")});}}),r.sort((n,i)=>n.name<i.name?-1:n.name>i.name?1:0)};var ip=(e,t)=>e.reduce((o,r)=>{let n=r.visibleTo||"*";return (n==="*"||new RegExp(n).test(t))&&o.push(r),o},[]);var vv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),_o=I.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,n=pe(),[i,s]=I.useState([]),a=vv();I__namespace.default.useEffect(()=>{if(!n.actionSchema)return;let c=Ds(n.actionSchema);s(c);},[n.actionSchema]);let l=I.useCallback(c=>{t(c);},[t]);return I__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:o,className:a.menu},i.map(c=>I__namespace.default.createElement(ks,{key:c.name,name:c.name,label:c.label,onChange:l},"Profile")))});_o.displayName="ActionMenu";var Bs=e=>{let{onSave:t,onEditTitle:o,onCancel:r,onAddAction:n}=e,{loading:i}=Lt(),[s,a]=I__namespace.default.useState(null),l=I.useCallback(u=>{a(u.currentTarget);},[]),c=I.useCallback(()=>{a(null);},[]),p=I.useCallback(u=>{n(u),a(null);},[n]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(E,{open:i}),I__namespace.default.createElement(components.IconButton,{size:"small",className:"edit-desc",onClick:o,title:"Edit Title"},I__namespace.default.createElement(icons.EditIcon,null)),I__namespace.default.createElement(components.IconButton,{size:"small",className:"open-action-menu",onClick:l,title:"Add Actions"},I__namespace.default.createElement(icons.PlusIcon,null)),I__namespace.default.createElement(components.IconButton,{size:"small",className:"save-action",title:"Save Actions",onClick:t},I__namespace.default.createElement(icons.SaveIcon,null)),I__namespace.default.createElement(components.IconButton,{size:"small",className:"Cancel",title:"Cancel",onClick:r},I__namespace.default.createElement(icons.CrossIcon,null)),I__namespace.default.createElement(_o,{onClose:c,anchorEl:s,onChange:p}))};Bs.displayName="ActionSetEditorIcons";var Cv=y(e=>{let{palette:{secondary:t}}=e;return {divider:{backgroundColor:t.main},root:{height:"100%"}}},{name:"ActionSetEditor"}),Ls=({actionSet:e})=>{let{handleAddAction:t,handleDescriptionChange:o,handleSave:r,cancelEditActionSet:n}=Jl(e),i=Cv(),{loading:s}=Lt(),a=I.useCallback(()=>{It.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return I__namespace.default.createElement(it,{tooltip:e.temp?e.title+an:e.title,title:e.temp?`${e.title} *`:e.title,draggable:true,selected:true,secondaryColor:true,icons:I__namespace.default.createElement(Bs,{onAddAction:t,onCancel:n,onEditTitle:a,onSave:r})},I__namespace.default.createElement("div",{className:i.root},I__namespace.default.createElement(material.Divider,{className:i.divider}),I__namespace.default.createElement(Is,{actionSet:e}),I__namespace.default.createElement(E,{open:s})))};Ls.displayName="ActionSetEditor";var Ns=e=>{let{item:t}=e,{anchorEl:o,setAnchorEl:r,clearAnchorEl:n}=Lu(),[i,s]=I__namespace.default.useState("*"),[a,l]=I__namespace.default.useState("*"),c=T(),{mutateAsync:p}=A.favouriteActions.addFavouriteAction.useMutation(),{parent:u="parent"}=c||{},f=I__namespace.default.useCallback(async()=>{t.visibleTo=i,n();try{await p(t),v.success("Successfully added action to favourites",{duration:5e3});}catch(m){v.error(`An error has occurred:
+ ${m.message||"Unknown error"}`,{duration:5e3});}},[p,n,i,t]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(components.IconButton,{className:"add-favourite",onClick:r,size:"small",title:"Add To Favourite"},I__namespace.default.createElement(icons.StarIcon,null)),o&&I__namespace.default.createElement(material.Popover,{anchorEl:o,open:true,onClose:n},I__namespace.default.createElement(material.DialogTitle,null,"Define witch story(s) can use this action:"),I__namespace.default.createElement(material.DialogContent,null,I__namespace.default.createElement(material.FormControl,null,I__namespace.default.createElement(material.RadioGroup,{row:true,value:a,onChange:(m,h)=>{s(h),l(h);}},I__namespace.default.createElement(material.FormControlLabel,{value:"*",control:I__namespace.default.createElement(material.Radio,{size:"small"}),label:"All Stories"}),I__namespace.default.createElement(material.FormControlLabel,{value:u,control:I__namespace.default.createElement(material.Radio,{size:"small"}),label:`${material.capitalize(u)} Stories`}))),I__namespace.default.createElement("div",null,I__namespace.default.createElement(material.TextField,{value:i,onChange:m=>s(m.target.value),helperText:"Or enter regex expression",fullWidth:true}))),I__namespace.default.createElement(material.DialogActions,null,I__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};Ns.displayName="AddFavouriteAction";function up({onEdit:e,onDelete:t,item:o,onCheckBoxClick:r,checked:n,title:i,isEditing:s,hideIcons:a,onDuplicate:l,sortableId:c}){let{attributes:p,listeners:u,setActivatorNodeRef:f,setNodeRef:d,transform:m,transition:h,isDragging:S}=sortable.useSortable({disabled:!!s,id:c??o.id}),b=I.useCallback(()=>{e(o);},[o,e]),x=I.useCallback(()=>{r&&r(o);},[o,r]),O=I.useCallback(()=>{t(o);},[o,t]),w=I.useCallback(()=>{l&&l(o);},[o,l]);return s?I__namespace.default.createElement("div",{ref:d,style:{transform:utilities.CSS.Transform.toString(m),transition:h}},I__namespace.default.createElement(Ls,{actionSet:o})):I__namespace.default.createElement("div",{ref:d,style:{opacity:S?.8:1,position:"relative",transform:utilities.CSS.Transform.toString(m),transition:h,zIndex:1}},I__namespace.default.createElement(it,{tooltip:i+(o.temp?an:""),title:i+(o.temp?" *":""),draggable:true,selected:n,dragHandleProps:{...p,...u,setNodeRef:f},icons:I__namespace.default.createElement(I__namespace.default.Fragment,null,!a&&I__namespace.default.createElement(components.IconButton,{className:"edit-button",onClick:b,size:"small",title:"Edit"},I__namespace.default.createElement(icons.EditIcon,null)),I__namespace.default.createElement(components.IconButton,{className:"duplicate-button",onClick:w,size:"small",title:"Duplicate Action"},I__namespace.default.createElement(icons.CopyIcon,null)),!a&&I__namespace.default.createElement(Ns,{item:o}),I__namespace.default.createElement(ho,{onClick:x,checked:!!n}),!a&&I__namespace.default.createElement(Ce,{onDelete:O}))}))}up.displayName="ActionSetListItem";var Fs=e=>I__namespace.default.createElement(up,{...e});Fs.displayName="SortableActionSetListItem";var Zv=y(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),_s=({onSortEnd:e})=>{let t=Zv(),o=T(),{copyActionSet:r,inProgress:n}=Ql(o),{mutateAsync:i}=A.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=Zl(),{loading:c}=ec(),p=I.useCallback(async w=>{if(o)try{await i({actionSetId:w.id,filePath:o.filePath,storyId:o.id}),Er({actionSetId:w.id,storyId:o.id});}catch(M){v.error(M instanceof Error?M.message:"Failed to delete action set");}},[i,o]),u=I.useCallback(w=>{Ll(w);},[]),f=I.useCallback(w=>{Bl(w.id);},[]),d=l.orgEditingActionSet!==void 0,[m,h]=I.useState(s);I.useEffect(()=>{h(s);},[s]);let S=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),b=I.useCallback(({active:w,over:M})=>{!M||w.id===M.id||h(C=>{let L=C.findIndex(H=>H.id===w.id),z=C.findIndex(H=>H.id===M.id);return L<0||z<0?C:sortable.arrayMove(C,L,z)});},[]),x=I.useCallback(()=>{h(s);},[s]),O=I.useCallback(({active:w})=>{let M=s.findIndex(L=>L.id===w.id),C=m.findIndex(L=>L.id===w.id);if(M<0||C<0||M===C||!e){h(s);return}e({newIndex:C,oldIndex:M});},[m,e,s]);return I__namespace.default.createElement(Dt,null,I__namespace.default.createElement(core.DndContext,{sensors:S,collisionDetection:core.closestCenter,onDragOver:b,onDragCancel:x,onDragEnd:O},I__namespace.default.createElement(sortable.SortableContext,{items:m.map(w=>w.id),strategy:sortable.verticalListSortingStrategy},m.length>0?m.map((w,M)=>I__namespace.default.createElement(Fs,{index:M,sortableId:w.id,key:w.id+d,item:w,onDelete:p,onEdit:u,onCheckBoxClick:f,checked:a.includes(w.id),title:w.title,onDuplicate:r,isEditing:d&&l.orgEditingActionSet&&l.orgEditingActionSet.id===w.id,hideIcons:d})):I__namespace.default.createElement("div",{className:Mr__default.default(t.message,"no-data")},I__namespace.default.createElement("div",null,"No action set to display!"),I__namespace.default.createElement("div",null,"Click the '+' button to create an action set.")))),I__namespace.default.createElement(E,{open:c||n}))};_s.displayName="ActionSetList";var ib=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),fp=[{actions:[{id:"Kj6iSI1D3BIF1yX",name:"takeScreenshot"}],id:"1--default",title:"Take screenshot",visibleTo:"*"},{actions:[{id:"zjgHFLzuMbXG",name:"takeScreenshotAll"}],id:"2--default",title:"Take screenshot of all actions",visibleTo:"*"}],zs=e=>{let{children:t}=e,[o,r]=I__namespace.default.useState(fp),{mutateAsync:n}=A.actionSet.saveActionSet.useMutation(),{mutateAsync:i}=A.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:s}=A.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),a=T(),{id:l}=a||{},c=ib(),p=I__namespace.default.useCallback(()=>{s().then(({data:d})=>{let m=[...fp,...ip(d||[],l??"")];r(m);});},[s,l]),u=async d=>{if(!a||!l)return;let m=nanoid.nanoid(12),h={...d,id:m,visibleTo:void 0};await n({actionSet:h,filePath:a.filePath,storyId:l}),lt({actionSet:h,isNew:false,selected:true,storyId:l});},f=async d=>{await i({actionSetId:d}),p();};return I__namespace.default.useEffect(()=>{p();},[p]),I__namespace.default.createElement(Ps,{closeOnOutsideClick:true,placement:"bottom-start",trigger:"click",tooltipClassName:c.menu,tooltip:({onHide:d})=>I__namespace.default.createElement(I__namespace.default.Fragment,null,o.map(m=>I__namespace.default.createElement(components.ListItem,{key:m.id,title:material.capitalize(m.title),right:I__namespace.default.createElement(components.IconButton,{disabled:m.id.endsWith("--default"),onClick:h=>{h.stopPropagation(),f(m.id),d();}},I__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await u(m),d();}})))},t)};zs.displayName="FavouriteActions";var Hs=e=>{let{onAddActionSet:t,onAddAction:o,onReset:r,onFavoriteActionsClick:n,onDeleteSelectedActionSets:i,deleteDisabled:s}=e,{loading:a}=Lt(),[l,c]=I__namespace.default.useState(null),p=I.useCallback(d=>{c(d.currentTarget);},[]),u=I.useCallback(()=>{c(null);},[]),f=I.useCallback(d=>{o(d),c(null);},[o]);return I__namespace.default.createElement(I__namespace.default.Fragment,null,I__namespace.default.createElement(E,{open:a}),I__namespace.default.createElement(nt,{border:["bottom"]},I__namespace.default.createElement("div",{className:"left"},I__namespace.default.createElement("span",null,"Action Sets")),I__namespace.default.createElement("div",{className:"right"},I__namespace.default.createElement(zs,null,I__namespace.default.createElement(components.IconButton,{onClick:n,title:"Favourite Actions"},I__namespace.default.createElement(icons.StarIcon,null))),I__namespace.default.createElement(components.IconButton,{onClick:r,title:"Reset"},I__namespace.default.createElement(icons.RefreshIcon,null)),I__namespace.default.createElement(Ce,{disabled:s,onDelete:i,IconButton:components.IconButton}),I__namespace.default.createElement(components.IconButton,{onClick:p,title:"Add Quick Action"},I__namespace.default.createElement(icons.LightningIcon,null)),I__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},I__namespace.default.createElement(icons.PlusIcon,null)))),I__namespace.default.createElement(_o,{onClose:u,anchorEl:l,onChange:f}))};Hs.displayName="ActionToolbar";var dp=12,fb=10,Ws=()=>{let{storyId:e}=managerApi.useStorybookState(),t=T(),{currentActions:o}=ze(e),{mutateAsync:r}=A.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=A.actionSet.changeActionSetIndex.useMutation(),i=I.useCallback(u=>{let f=nanoid.nanoid(dp),d={actions:[],id:f,title:u};So(e),lt({actionSet:d,isNew:true,selected:true,storyId:e});},[e]),s=I.useCallback(u=>{let f=nanoid.nanoid(dp),m={actions:[{id:nanoid.nanoid(fb),name:u}],id:f,title:u};So(e),lt({actionSet:m,isNew:true,selected:true,storyId:e});},[e]),a=I.useCallback(()=>{It.show({onSave:i,required:true,title:"Action set title"});},[i]),l=I.useCallback(()=>{ct(),Bt(e);},[e]),c=I.useCallback(async()=>{if(t)for(let u of o)try{await r({actionSetId:u.id,filePath:t.filePath,storyId:e}),Er({actionSetId:u.id,storyId:e});}catch(f){console.error(f);}},[o,r,t,e]);I.useEffect(()=>{ct();},[e]);let p=I.useCallback(async u=>{if(t){gi({newIndex:u.newIndex,oldIndex:u.oldIndex,storyId:e});try{await n({filePath:t.filePath,newIndex:u.newIndex,oldIndex:u.oldIndex,storyId:e});}catch(f){gi({newIndex:u.oldIndex,oldIndex:u.newIndex,storyId:e}),console.error(f);}}},[n,t,e]);return I__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"}},I__namespace.default.createElement(Hs,{onAddActionSet:a,onAddAction:s,onReset:l,onDeleteSelectedActionSets:c,deleteDisabled:o.length===0}),I__namespace.default.createElement(_s,{onSortEnd:p}))};Ws.displayName="ActionSetMain";var Gs=I.memo(()=>I__namespace.default.createElement(Ie,null,I__namespace.default.createElement(Ws,null)));Gs.displayName="ActionPanel";var Us=()=>{let e=managerApi.useStorybookState();return I__namespace.default.createElement(Ki,{showPanel:e.selectedPanel===Ut})};Us.displayName="ScreenshotPanel";managerApi.addons.add(pu,{render:ds,type:managerApi.types.PREVIEW});yl();managerApi.addons.register(De,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(uu,{render:()=>I__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(cu,{render:()=>I__namespace.default.createElement(ys,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(lu,{render:({active:e})=>I__namespace.default.createElement(components.AddonPanel,{active:e??false},I__namespace.default.createElement(Gs,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(Ut,{render:({active:e})=>I__namespace.default.createElement(components.AddonPanel,{active:e??false},I__namespace.default.createElement(Us,null)),title:"Screenshots",type:managerApi.types.PANEL});});
 /*! Bundled license information:
 react-is/cjs/react-is.production.js: