storybook-addon-playwright 6.0.0 → 7.0.0

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
  1. package/dist/register.js +10 -10
  2. package/dist/register.js.map +1 -1
  3. package/dist/register.mjs +10 -10
  4. package/dist/register.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/register.js CHANGED
@@ -1,14 +1,14 @@
1
- 'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),T=require('react'),core=require('@material-ui/core'),Cl=require('@material-ui/icons/Close'),br=require('@ebay/nice-modal-react');require('@storybook/core/router');var an=require('normalize-url'),lr=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),mc=require('tinycolor2'),styles=require('@material-ui/core/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),So=require('clsx'),Mc=require('@material-ui/icons/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),En=require('array-move'),lp=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),Vm=require('@material-ui/icons/CheckCircle'),Um=require('@material-ui/icons/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),Qp=require('react-json-view'),Lm=require('hash-sum'),core$1=require('@dnd-kit/core'),$u=require('@material-ui/core/Dialog'),zd=require('@material-ui/icons/FullscreenSharp'),Hd=require('@material-ui/icons/RefreshOutlined'),Kd=require('@material-ui/icons/SaveAltOutlined'),Bd=require('@material-ui/icons/Settings'),Iu=require('@material-ui/icons/CloseOutlined'),ku=require('@material-ui/icons/NearMe'),Du=require('@material-ui/icons/RefreshSharp'),su=require('react-selecto'),wu=require('@material-ui/icons/RotateLeft'),Pu=require('@material-ui/icons/Camera'),reactUse=require('react-use'),reactSplitPane=require('react-split-pane'),lab=require('@material-ui/lab'),selectorPath=require('@dom-utils/selector-path'),reactQuery$1=require('@tanstack/react-query'),reinspect=require('reinspect'),B0=require('lodash/startCase'),f0=require('@material-ui/icons/CheckCircleOutlineRounded'),h0=require('@material-ui/icons/HelpOutlineSharp'),g0=require('@material-ui/icons/RadioButtonUncheckedRounded'),T0=require('@material-ui/icons/FilterCenterFocusSharp'),C0=require('@material-ui/icons/FilterTiltShift'),V0=require('@material-ui/core/Accordion'),U0=require('@material-ui/core/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 T__namespace=/*#__PURE__*/_interopNamespace(T);var Cl__default=/*#__PURE__*/_interopDefault(Cl);var br__default=/*#__PURE__*/_interopDefault(br);var an__default=/*#__PURE__*/_interopDefault(an);var lr__namespace=/*#__PURE__*/_interopNamespace(lr);var mc__default=/*#__PURE__*/_interopDefault(mc);var So__default=/*#__PURE__*/_interopDefault(So);var Mc__default=/*#__PURE__*/_interopDefault(Mc);var En__default=/*#__PURE__*/_interopDefault(En);var lp__default=/*#__PURE__*/_interopDefault(lp);var Vm__default=/*#__PURE__*/_interopDefault(Vm);var Um__default=/*#__PURE__*/_interopDefault(Um);var Qp__default=/*#__PURE__*/_interopDefault(Qp);var Lm__default=/*#__PURE__*/_interopDefault(Lm);var $u__default=/*#__PURE__*/_interopDefault($u);var zd__default=/*#__PURE__*/_interopDefault(zd);var Hd__default=/*#__PURE__*/_interopDefault(Hd);var Kd__default=/*#__PURE__*/_interopDefault(Kd);var Bd__default=/*#__PURE__*/_interopDefault(Bd);var Iu__default=/*#__PURE__*/_interopDefault(Iu);var ku__default=/*#__PURE__*/_interopDefault(ku);var Du__default=/*#__PURE__*/_interopDefault(Du);var su__default=/*#__PURE__*/_interopDefault(su);var wu__default=/*#__PURE__*/_interopDefault(wu);var Pu__default=/*#__PURE__*/_interopDefault(Pu);var B0__default=/*#__PURE__*/_interopDefault(B0);var f0__default=/*#__PURE__*/_interopDefault(f0);var h0__default=/*#__PURE__*/_interopDefault(h0);var g0__default=/*#__PURE__*/_interopDefault(g0);var T0__default=/*#__PURE__*/_interopDefault(T0);var C0__default=/*#__PURE__*/_interopDefault(C0);var V0__default=/*#__PURE__*/_interopDefault(V0);var U0__default=/*#__PURE__*/_interopDefault(U0);var Mt=T.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:i,positiveActionName:r="Save",negativeActionName:n="Cancel"})=>T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.DialogTitle,null,t),T__namespace.default.createElement(core.DialogContent,null,i),T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(core.Button,{onClick:o},n),T__namespace.default.createElement(core.Button,{onClick:e},r))));Mt.displayName="ActionPanel";function k(e){return e.default??e}var Ml=k(Cl__default.default),Il=core.makeStyles(e=>{let{primary:t}=e.palette;return {closIcon:{zIndex:100},input:{width:"100%"},paper:{height:o=>o.height,margin:10,maxHeight:"calc(100% - 20px)",maxWidth:o=>o.width,width:o=>o.width},title:{"& h6":{fontSize:17},color:t.main,display:"flex",justifyContent:"space-between",padding:"12px 24px"},titleActions:{marginBottom:"-10px",marginRight:"-18px",marginTop:"-8px"}}},{name:"Dialog"}),me=({children:e,width:t="80%",height:o="auto",title:i,onClose:r,footerActions:n,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...d})=>{let p=Il({height:o,width:t}),m=n,u=a;return T__namespace.default.createElement(core.Dialog,{open:l,classes:{paper:p.paper},onClose:r,...d},(u||c||i||s)&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.DialogTitle,{disableTypography:true,className:p.title},T__namespace.default.createElement("div",null,i&&T__namespace.default.createElement(core.Typography,{variant:"h6"},i),s&&T__namespace.default.createElement(core.Typography,{variant:"body1"},s)),T__namespace.default.createElement("div",{className:p.titleActions},u&&T__namespace.default.createElement(u,null),c&&T__namespace.default.createElement(core.IconButton,{color:"primary",className:p.closIcon,onClick:r},T__namespace.default.createElement(Ml,null)))),T__namespace.default.createElement(core.Divider,null)),e,m&&T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(m,null)))};me.displayName="Dialog";var hr=T.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:i,onClose:r,width:n="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...d})=>{let p=T.useCallback(()=>{r(),c&&c();},[c,r]);return T__namespace.default.createElement(me,{enableCloseButton:false,open:i,onClose:p,width:n,...d},T__namespace.default.createElement(Mt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});hr.displayName="ActionDialog";var gr=T.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:i,positiveActionName:r,negativeActionName:n,...s})=>T__namespace.default.createElement(core.Popover,{open:true,...s},T__namespace.default.createElement(Mt,{onPositiveAction:e,negativeActionName:n,title:t,onNegativeAction:o,positiveActionName:r},i)));gr.displayName="ActionPopover";var Nl=core.makeStyles(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),Sr=T.memo(e=>{let{message:t}=e,o=Nl();return T__namespace.default.createElement(core.Backdrop,{open:true,className:o.backdrop},T__namespace.default.createElement("div",{className:o.root},t)," ")});Sr.displayName="ErrorPanel";function mo(e){return e.charAt(0).toUpperCase()+e.slice(1)}function ln(e,t,o,i,r){let n;/^\.{0,2}[/\\]/.test(e)?n=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?n=an__default.default(e):n=an__default.default(`http://${e}`);let s=`${n}/iframe.html?id=${t}`;return s.replace(/\\/g,"/")}function He(){return document.body.querySelector("#storybook-preview-iframe")}function cn(e){return He()?.contentWindow?.document.querySelector(e)}function It(e,t){if(!t)return;let o=t.split(".").join(".properties.");return lr.get(e,o)}var uo={"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 pn(e){if(!e)return;let t=uo[e];if(t)return t.deviceName=e,t}function mn(e){return e.contentDocument||e.contentWindow?.document}function dn(e){let t=mn(e);if(!t)return {scrollLeft:0,scrollTop:0};let o=t.defaultView,i=(o?o.pageYOffset:0)||t.documentElement.scrollTop;return {scrollLeft:(o?o.pageXOffset:0)||t.documentElement.scrollLeft,scrollTop:i}}function Je(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 Ze(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var un=e=>{if(e)return Ze(e.globals)};var fn=e=>{if(e)return Ze(e.args,e.props)};function fo(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 hn(e){try{return !(!e||cn(e)==null)}catch{return false}}function $l(e){switch(e){case "success":return T__namespace.default.createElement(icons.PassedIcon,null);case "error":return T__namespace.default.createElement(icons.FailedIcon,null);case "warning":return T__namespace.default.createElement(icons.AlertIcon,null);case "info":return T__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function jl(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 yr=e=>T__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),ql=({title:e,description:t,variant:o="info",onClose:i,style:r,closeButton:n=true,children:s,...a})=>{let l=document.body.classList.contains("light"),c=l?"rgba(32, 34, 37, 0.98)":"rgb(238, 243, 246)",d=l?"rgba(255, 255, 255, 0.08)":"rgba(206, 197, 197, 0.315)",p=l?"rgba(255, 255, 255, 0.88)":"rgba(34, 36, 37, 0.75)",m=l?"rgba(255, 255, 255, 0.96)":"rgb(115, 130, 140)",u=l?"rgba(255, 255, 255, 0.72)":"rgba(34, 36, 37, 0.6)",f={alignItems:"center",background:c,border:`1px solid ${d}`,borderRadius:"5px",boxShadow:l?"0 14px 32px rgba(0, 0, 0, 0.35)":"0 10px 28px rgba(15, 23, 42, 0.12)",color:p,display:"flex",fontFamily:"system-ui, -apple-system, sans-serif",gap:"12px",maxWidth:"450px",overflow:"hidden",padding:"12px 16px",position:"relative",zIndex:dom.getHighestZindex()+1,...r},h=$l(o),g=jl(o,l),y=typeof t=="string"?t.split(`
2
- `).map((v,I)=>T__namespace.default.createElement("span",{key:I},v,T__namespace.default.createElement("br",null))):t;return T__namespace.default.createElement("div",{style:f,...a},h&&T__namespace.default.createElement("div",{style:{color:g}},h),T__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&T__namespace.default.createElement("div",{style:{color:m,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&T__namespace.default.createElement(yr,null,y),s),i&&n&&T__namespace.default.createElement(components.IconButton,{onClick:i,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:u}},T__namespace.default.createElement(icons.CrossIcon,null)))},ho=ql;var Sn=1e4,et=new Map;function Yl(e){let t=et.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):et.set(e,{counter:0,currentId:`${e}_0`}),et.get(e)?.currentId??e}function Ql(e){let t=o=>{let i=et.get(e);i&&i.currentId===o&&et.delete(e);};return {onAutoClose:o=>{t(o.id);},onDismiss:o=>{t(o.id);}}}var S=function(e){let{duration:t,id:o,dismissible:i=true,position:r,...n}=e,s,a;if(o!=null)s=o;else {let l=`toast_${hash.simpleHash(`${e.title??""}::${e.description??""}`)}`;s=Yl(l),a=Ql(l);}return sonner.toast.custom(l=>T__namespace.default.createElement(ho,{...n,onClose:i?()=>sonner.toast.dismiss(l):void 0}),{duration:t??Sn,id:s,position:r,...a}),s};function go(e,t,o){return S(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}S.error=(e,t)=>go("error",e,t);S.success=(e,t)=>go("success",e,t);S.warning=(e,t)=>go("warning",e,t);S.info=(e,t)=>go("info",e,t);S.custom=(e,t)=>{let{duration:o,...i}=t||{};return sonner.toast.custom(r=>typeof e=="function"?e({dismiss:()=>sonner.toast.dismiss(r),id:r}):e,{duration:o??Sn,...i})};S.dismiss=e=>{sonner.toast.dismiss(e);};S.dismissAll=()=>{sonner.toast.dismiss(),et.clear();};function Jl(e,t){let o=It(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 r=[];for(let n=0;n<o.required.length;n++){let s=o.required[n];t.args[s]||r.push(s);}return {required:r.length===0?void 0:r}}function yn(e,t){let o=t.reduce((i,r)=>{let n=Jl(e,r);return n.required&&i.push({id:r.id,name:r.name,...n}),i},[]);return o.length===0?void 0:o}var nc=core.makeStyles(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var bn=({value:e="",onSave:t,requiredMessage:o="Field is required",required:i,onCancel:r,onClose:n,width:s="30%",open:a,children:l,label:c,onGenerateContent:d,...p})=>{let[m,u]=T.useState(e),[f,h]=T.useState(false),[g,y]=T.useState(false),v=nc({width:s}),I=!!d,b=T.useCallback(E=>{u(E.target.value);},[]),x=T.useCallback(()=>{n(true),r&&r();},[r,n]),C=T.useCallback(()=>{if(i&&!m){S.error(o),h(true);return}t(m.trim());},[m,t,i,o]),D=T.useCallback(async()=>{if(d){y(true);try{let E=await d();E!==void 0&&u(E);}finally{y(false);}}},[d]);return T.useEffect(()=>{u(e);},[e,a]),T__namespace.default.createElement(hr,{onPositiveAction:C,onNegativeAction:x,onClose:x,open:a,...p},T__namespace.default.createElement(core.TextField,{className:v.input,multiline:true,rows:3,value:m,onChange:b,variant:"outlined",autoFocus:true,label:c,error:f,required:true,InputLabelProps:{shrink:true}}),I&&T__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},T__namespace.default.createElement(core.Button,{className:v.generateButton,size:"small",onClick:D,disabled:g,startIcon:g?T__namespace.default.createElement(core.CircularProgress,{size:14}):void 0},g?"Generating...":"Generate Title")),l)};bn.displayName="InputDialog";var wn=br__default.default.create(e=>{let t=br.useModal(),o=T.useCallback(()=>{t.hide();},[t]),i=T.useCallback(r=>{e.onSave(r),t.hide();},[t,e]);return T__namespace.default.createElement(bn,{...e,open:t.visible,onClose:o,onSave:i})});wn.displayName="InputDialogModal";var An="input-dialog",vn=false,xn=()=>{vn||(br__default.default.register(An,wn),vn=true);},rt={show:e=>br__default.default.show(An,e)};var dc=core.makeStyles(e=>{let{background:t}=e.palette,o=mc__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),M=T.memo(e=>{let{open:t,progressSize:o,position:i}=e,r=dc();return t?T__namespace.default.createElement(core.Backdrop,{className:`${r.root} loader-backdrop`,style:{position:i,zIndex:dom.getHighestZindex()},open:t},t&&T__namespace.default.createElement(core.CircularProgress,{size:o})):null});M.displayName="Loader";var hc=typeof window<"u"?window.location.origin:"",w=reactQuery.createTRPCReact();function Tn(){return w.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${hc}/__storybook_playwright/trpc`})]})}function Cn(){let[e,t]=T__namespace.default.useState(),o=T__namespace.default.useRef(false),{data:i}=w.theme.getThemeData.useQuery();return T__namespace.default.useEffect(()=>(!o.current&&i&&t(i),()=>{o.current=true;}),[i]),{setTheme:t,theme:e}}var kt=T.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:i}=Cn(),r=styles.createTheme({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},type:o.base==="dark"?"dark":"light"},typography:{fontFamily:o.fontBase}},i||{});return T__namespace.default.createElement(styles.ThemeProvider,{theme:r},t)});kt.displayName="ThemeProvider";var xc=core.makeStyles(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"}),We=e=>{let{children:t,border:o}=e,i=xc();return T__namespace.default.createElement("div",{className:So__default.default(i.root)+(o&&o.map(r=>` border-${r}`).join(" "))},T__namespace.default.createElement("div",{className:i.toolbar},t))};We.displayName="Toolbar";var Ar=T.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:i,onClose:r,...n})=>{let s=T.useCallback(()=>{i&&i(),r&&r({},"backdropClick");},[i,r]);return T__namespace.default.createElement(gr,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...n},T__namespace.default.createElement(core.Typography,null,e))});Ar.displayName="ConfirmationPopover";var kc=k(Mc__default.default),Dt=({className:e,setNodeRef:t,...o})=>T__namespace.default.createElement("span",{className:So__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},T__namespace.default.createElement(kc,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));Dt.displayName="DragHandle";var Oc=core.makeStyles(e=>{let{palette:{divider:t,text:o,primary:i,secondary:r}}=e;return {column:{alignItems:"center",display:"flex"},handle:{fontSize:24},header:{"& svg":{"&:hover":{color:i.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:r.main},color:r.main},selected:{border:`1px solid ${mc__default.default(i.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${r.main}`}}},{name:"ListItemWrapper"}),Ge=e=>{let{title:t,draggable:o,children:i,selected:r,className:n,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:d,...p}=e,m=Oc(),u=T.useCallback(f=>{s&&f.target.classList.contains("clickable")&&s(f);},[s]);return T__namespace.default.createElement("div",{className:So__default.default(m.root,{[m.selected]:r&&!c},{[m.selectedSecondary]:r&&c},n),...p,title:a,onClick:u},T__namespace.default.createElement("div",{className:So__default.default("clickable",m.header,"list-item-header")},T__namespace.default.createElement("div",{className:So__default.default(m.column,"clickable",{[m.secondaryColor]:c})},o&&T__namespace.default.createElement(Dt,{...d}),core.capitalize(t)),T__namespace.default.createElement("div",{className:So__default.default("clickable",m.column,m.icons,{[m.secondaryColor]:c})},l)),i&&T__namespace.default.createElement("div",{className:"list-item-content"},i))};Ge.displayName="ListItemWrapper";var Wc=core.makeStyles(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var nt=e=>{let{children:t,...o}=e,i=Wc(),r=T.useRef(null);return T.useEffect(()=>{!r.current||!r.current.parentElement||(r.current.parentElement.style.height="100%");},[]),T__namespace.default.createElement("div",{ref:r,...o,className:So__default.default(i.root,e.className)},T__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},Pr=e=>T__namespace.default.createElement(nt,{...e});Pr.displayName="ListWrapperSortableContainer";nt.displayName="ListWrapper";var Se=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:i})=>{let[r,n]=T__namespace.default.useState(null),s=T.useCallback(c=>{c.stopPropagation(),n(c.currentTarget);},[]),a=T.useCallback(()=>{o&&o(),n(null);},[o]),l=T.useCallback(()=>{a(),e();},[a,e]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(t,{disabled:i,onClick:s,title:"Delete Item",size:"small"},T__namespace.default.createElement(icons.TrashIcon,null)),r&&T__namespace.default.createElement(Ar,{onClose:a,onConfirm:l,anchorEl:r}))};Se.displayName="DeleteConfirmationButton";var Bt=e=>{let{onClick:t,checked:o,onChange:i}=e,r=T__namespace.default.useCallback(()=>{t(),i&&i(!o);},[t,i,o]);return T__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:r,size:"small",active:o},o?T__namespace.default.createElement(icons.FormIcon,null):T__namespace.default.createElement(icons.StopAltHollowIcon,null))};Bt.displayName="CheckBox";var Qc=core.makeStyles(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),vo=T.memo(T.forwardRef((e,t)=>{let{viewportSize:o,name:i,value:r,onClick:n,selected:s}=e,a=Qc(),l=T.useCallback(()=>{n(r);},[r,n]);return T__namespace.default.createElement(core.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},T__namespace.default.createElement("div",null,i),T__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));vo.displayName="DeviceListItem";var Mr=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[i,r]=T__namespace.default.useState(null),n=c=>{r(c.currentTarget);},s=()=>{r(null);},a=T.useMemo(()=>Object.keys(uo),[]),l=T.useCallback(c=>{r(null),t(c);},[t]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:n},"Load From Device Descriptors"),T__namespace.default.createElement(core.Menu,{id:"simple-menu",anchorEl:i,keepMounted:true,open:!!i,onClose:s},T__namespace.default.createElement(vo,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>T__namespace.default.createElement(vo,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};Mr.displayName="DeviceList";function A(){let[e,t]=T.useState(),i=managerApi.useStorybookApi().getCurrentStoryData();return T.useEffect(()=>{if(!i||!i.importPath)return;let r=i,n=r.importPath,s=n.substring(n.lastIndexOf("/")+1);t({fileName:s,filePath:n,id:r.id,name:r.name,parent:r.parent});},[i]),e}var ap={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},Et=zustand.create()(middleware.devtools(()=>({...ap}),{name:"action-set-store"}));function Dn(e){return e.map(t=>{let{id:o,...i}=t;return i})}function Bn(e,t){if(e.length!==t.length)return false;let o=Dn(e),i=Dn(t);return lp__default.default(o,i)}var K=()=>Et.getState();function L(e){return Et.setState(e)}function at(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function Ue(e,t,o,i){let r=e.stories[t]?.actionSets||[];return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:r.map(n=>n.id!==o?n:i(n))}}}}function On(e,t,o){let i=e.stories[t]?.actionSets||[];return {...at(e,t,i.filter(n=>n.id!==o)),orgEditingActionSet:void 0}}function Fn({storyId:e,actionSets:t}){let o=K();L(at(o,e,t));}function Nn({storyId:e,actionSets:t}){let o=K(),i=o.stories[e]?.actionSets||[],r=t.reduce((a,l)=>{if(i.length){let c;for(let d=0;d<i.length;d++){let p=i[d];if(!a.find(m=>m.id===p.id)&&Bn(p.actions,l.actions)){c=p;break}}c?a.push(c):a.push({...l,actions:l.actions.map(d=>(d.id=nanoid.nanoid(12),d)),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},[]),n=r.map(a=>a.id),s=at(o,e,[...r,...i.filter(a=>!n.includes(a.id))]);L({...s,currentActionSets:n});}function lt({storyId:e,actionSet:t,selected:o,isNew:i}){let r=K(),n=[...r.stories[e]?(r.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=at(r,e,n);L({...s,currentActionSets:[...r.currentActionSets?r.currentActionSets:[],t.id],orgEditingActionSet:i?{...t,isNew:true}:void 0});}function _e(){L({currentActionSets:[]});}function wo({storyId:e,actionSetId:t}){let o=K();L(On(o,e,t));}function ct(e){let t=K();!t.stories[e]||!t.stories[e].actionSets||L(at(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function Ir({storyId:e,oldIndex:t,newIndex:o}){let i=K(),r=i.stories[e]?.actionSets||[];L(at(i,e,[...En__default.default(r,t,o)]));}function zn(e){let t=K(),o=t.currentActionSets.find(i=>i===e);L({currentActionSets:o?t.currentActionSets.filter(i=>i!==e):[...t.currentActionSets,e]});}function Ao(e){let t=K(),o=t.expandedActions[e]===true;L({expandedActions:{...t.expandedActions,[e]:!o}});}function kr(){L({expandedActions:{}});}function Dr(e){L({actionSchema:e});}function xo(e){let t=K(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:i,...r}=o;if(i)L(On(t,e,o.id));else {let n=Ue(t,e,o.id,s=>({...s,...r}));L({...n,orgEditingActionSet:void 0});}}function Hn(e){let t=K();L({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function Kn({storyId:e,actionSetId:t,title:o}){let i=K();L(Ue(i,e,t,r=>({...r,title:o})));}function Wn({storyId:e,actionSetId:t,action:o}){let i=K();L(Ue(i,e,t,r=>({...r,actions:[...r.actions,o]})));}function Gn({storyId:e,actionSetId:t,actionId:o,actionOptionPath:i}){let r=K();L(Ue(r,e,t,n=>({...n,actions:n.actions.map(s=>{if(s.id===o){let a=s.subtitleItems&&s.subtitleItems.find(l=>l===i);return {...s,subtitleItems:a&&s.subtitleItems?s.subtitleItems.filter(l=>l!==i):[...s.subtitleItems||[],i]}}return s})})));}function Vn({storyId:e,actionSetId:t,oldIndex:o,newIndex:i}){let r=K();L(Ue(r,e,t,n=>({...n,actions:[...En__default.default(n.actions,o,i)]})));}function Un({storyId:e,actionSetId:t,actionId:o}){let i=K();L(Ue(i,e,t,r=>({...r,actions:r.actions.filter(n=>n.id!==o)})));}function Br({storyId:e,actionSetId:t,actionId:o,objPath:i,val:r}){let n=K();L(Ue(n,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:lr__namespace.set(a.args,i,r)}:a)})));}function _n(){L({orgEditingActionSet:void 0});}function ne(){return Et()}var dp={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},Y=zustand.create()(middleware.devtools(middleware.persist(()=>({...dp}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function Ae(e){return Y.setState(e)}function $n(e){Ae({addonState:e});}function Er(e){Ae({browserOptions:e});}function jn(e){Ae({screenshotOptions:e});}function qn(e){Ae({dragStart:e});}function Lr(e){Ae({selectorManager:e});}function Po(e){Ae({screenshotUpdateState:e});}function Or(e){Ae({editScreenshotState:e});}function Fr(e){Ae({schemaLoaded:e});}function Xn(){return Y(e=>e.addonState)}function Rn(){return Y(e=>e.browserOptions)}function To(){return Y(e=>e.screenshotOptions)}function Yn(){return Y(e=>e.dragStart)}function Qn(){return Y(e=>e.selectorManager)}function Jn(){return Y(e=>e.screenshotUpdateState)}function Zn(){return Y(e=>e.editScreenshotState)}function es(){return Y(e=>e.schemaLoaded)}function ts(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:p=>{S.error(p.message||"Unexpected error occurred");}}),i=ne(),r=A(),n=T.useCallback(p=>{if(!r)return;let m=nanoid.nanoid(10),u={id:m,name:p};kr(),Wn({action:u,actionSetId:e.id,storyId:r.id}),Ao(m);},[r,e.id]);T.useEffect(()=>()=>kr(),[]);let s=T.useCallback(async()=>{let p=yn(i.actionSchema,e.actions);if(p){let m=p.map(u=>{if(!(!u.required||u.required.length===0))return `Action name: ${u.name}
1
+ 'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),T=require('react'),core=require('@material-ui/core'),Il=require('@material-ui/icons/Close'),wr=require('@ebay/nice-modal-react');require('@storybook/core/router');var cn=require('normalize-url'),cr=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),uc=require('tinycolor2'),styles=require('@material-ui/core/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),go=require('clsx'),kc=require('@material-ui/icons/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),On=require('array-move'),pp=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),_m=require('@material-ui/icons/CheckCircle'),$m=require('@material-ui/icons/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),Zp=require('react-json-view'),Fm=require('hash-sum'),core$1=require('@dnd-kit/core'),ef=require('@material-ui/core/Dialog'),Kd=require('@material-ui/icons/FullscreenSharp'),Wd=require('@material-ui/icons/RefreshOutlined'),Gd=require('@material-ui/icons/SaveAltOutlined'),Ld=require('@material-ui/icons/Settings'),zu=require('@material-ui/icons/CloseOutlined'),Hu=require('@material-ui/icons/NearMe'),Ku=require('@material-ui/icons/RefreshSharp'),lu=require('react-selecto'),wu=require('@material-ui/icons/PhotoSizeSelectLarge'),Cu=require('@material-ui/icons/AspectRatio'),Du=require('@material-ui/icons/RotateLeft'),Lu=require('@material-ui/icons/Camera'),reactUse=require('react-use'),reactSplitPane=require('react-split-pane'),lab=require('@material-ui/lab'),selectorPath=require('@dom-utils/selector-path'),reactQuery$1=require('@tanstack/react-query'),reinspect=require('reinspect'),W0=require('lodash/startCase'),x0=require('@material-ui/icons/CheckCircleOutlineRounded'),P0=require('@material-ui/icons/HelpOutlineSharp'),T0=require('@material-ui/icons/RadioButtonUncheckedRounded'),O0=require('@material-ui/icons/FilterCenterFocusSharp'),F0=require('@material-ui/icons/FilterTiltShift'),Q0=require('@material-ui/core/Accordion'),J0=require('@material-ui/core/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 T__namespace=/*#__PURE__*/_interopNamespace(T);var Il__default=/*#__PURE__*/_interopDefault(Il);var wr__default=/*#__PURE__*/_interopDefault(wr);var cn__default=/*#__PURE__*/_interopDefault(cn);var cr__namespace=/*#__PURE__*/_interopNamespace(cr);var uc__default=/*#__PURE__*/_interopDefault(uc);var go__default=/*#__PURE__*/_interopDefault(go);var kc__default=/*#__PURE__*/_interopDefault(kc);var On__default=/*#__PURE__*/_interopDefault(On);var pp__default=/*#__PURE__*/_interopDefault(pp);var _m__default=/*#__PURE__*/_interopDefault(_m);var $m__default=/*#__PURE__*/_interopDefault($m);var Zp__default=/*#__PURE__*/_interopDefault(Zp);var Fm__default=/*#__PURE__*/_interopDefault(Fm);var ef__default=/*#__PURE__*/_interopDefault(ef);var Kd__default=/*#__PURE__*/_interopDefault(Kd);var Wd__default=/*#__PURE__*/_interopDefault(Wd);var Gd__default=/*#__PURE__*/_interopDefault(Gd);var Ld__default=/*#__PURE__*/_interopDefault(Ld);var zu__default=/*#__PURE__*/_interopDefault(zu);var Hu__default=/*#__PURE__*/_interopDefault(Hu);var Ku__default=/*#__PURE__*/_interopDefault(Ku);var lu__default=/*#__PURE__*/_interopDefault(lu);var wu__default=/*#__PURE__*/_interopDefault(wu);var Cu__default=/*#__PURE__*/_interopDefault(Cu);var Du__default=/*#__PURE__*/_interopDefault(Du);var Lu__default=/*#__PURE__*/_interopDefault(Lu);var W0__default=/*#__PURE__*/_interopDefault(W0);var x0__default=/*#__PURE__*/_interopDefault(x0);var P0__default=/*#__PURE__*/_interopDefault(P0);var T0__default=/*#__PURE__*/_interopDefault(T0);var O0__default=/*#__PURE__*/_interopDefault(O0);var F0__default=/*#__PURE__*/_interopDefault(F0);var Q0__default=/*#__PURE__*/_interopDefault(Q0);var J0__default=/*#__PURE__*/_interopDefault(J0);var Mt=T.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:i="Save",negativeActionName:n="Cancel"})=>T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.DialogTitle,null,t),T__namespace.default.createElement(core.DialogContent,null,r),T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(core.Button,{onClick:o},n),T__namespace.default.createElement(core.Button,{onClick:e},i))));Mt.displayName="ActionPanel";function C(e){return e.default??e}var kl=C(Il__default.default),Dl=core.makeStyles(e=>{let{primary:t}=e.palette;return {closIcon:{zIndex:100},input:{width:"100%"},paper:{height:o=>o.height,margin:10,maxHeight:"calc(100% - 20px)",maxWidth:o=>o.width,width:o=>o.width},title:{"& h6":{fontSize:17},color:t.main,display:"flex",justifyContent:"space-between",padding:"12px 24px"},titleActions:{marginBottom:"-10px",marginRight:"-18px",marginTop:"-8px"}}},{name:"Dialog"}),me=({children:e,width:t="80%",height:o="auto",title:r,onClose:i,footerActions:n,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...d})=>{let p=Dl({height:o,width:t}),m=n,u=a;return T__namespace.default.createElement(core.Dialog,{open:l,classes:{paper:p.paper},onClose:i,...d},(u||c||r||s)&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.DialogTitle,{disableTypography:true,className:p.title},T__namespace.default.createElement("div",null,r&&T__namespace.default.createElement(core.Typography,{variant:"h6"},r),s&&T__namespace.default.createElement(core.Typography,{variant:"body1"},s)),T__namespace.default.createElement("div",{className:p.titleActions},u&&T__namespace.default.createElement(u,null),c&&T__namespace.default.createElement(core.IconButton,{color:"primary",className:p.closIcon,onClick:i},T__namespace.default.createElement(kl,null)))),T__namespace.default.createElement(core.Divider,null)),e,m&&T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(m,null)))};me.displayName="Dialog";var gr=T.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:r,onClose:i,width:n="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...d})=>{let p=T.useCallback(()=>{i(),c&&c();},[c,i]);return T__namespace.default.createElement(me,{enableCloseButton:false,open:r,onClose:p,width:n,...d},T__namespace.default.createElement(Mt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});gr.displayName="ActionDialog";var Sr=T.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:i,negativeActionName:n,...s})=>T__namespace.default.createElement(core.Popover,{open:true,...s},T__namespace.default.createElement(Mt,{onPositiveAction:e,negativeActionName:n,title:t,onNegativeAction:o,positiveActionName:i},r)));Sr.displayName="ActionPopover";var Hl=core.makeStyles(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),yr=T.memo(e=>{let{message:t}=e,o=Hl();return T__namespace.default.createElement(core.Backdrop,{open:true,className:o.backdrop},T__namespace.default.createElement("div",{className:o.root},t)," ")});yr.displayName="ErrorPanel";function po(e){return e.charAt(0).toUpperCase()+e.slice(1)}function pn(e,t,o,r,i){let n;/^\.{0,2}[/\\]/.test(e)?n=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?n=cn__default.default(e):n=cn__default.default(`http://${e}`);let s=`${n}/iframe.html?id=${t}`;return s.replace(/\\/g,"/")}function Se(){return document.body.querySelector("#storybook-preview-iframe")}function mn(e){return Se()?.contentWindow?.document.querySelector(e)}function It(e,t){if(!t)return;let o=t.split(".").join(".properties.");return cr.get(e,o)}var mo={"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 dn(e){if(!e)return;let t=mo[e];if(t)return t.deviceName=e,t}function un(e){return e.contentDocument||e.contentWindow?.document}function fn(e){let t=un(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 Je(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 Ze(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var hn=e=>{if(e)return Ze(e.globals)};var gn=e=>{if(e)return Ze(e.args,e.props)};function uo(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 Sn(e){try{return !(!e||mn(e)==null)}catch{return false}}function ql(e){switch(e){case "success":return T__namespace.default.createElement(icons.PassedIcon,null);case "error":return T__namespace.default.createElement(icons.FailedIcon,null);case "warning":return T__namespace.default.createElement(icons.AlertIcon,null);case "info":return T__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function Xl(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 vr=e=>T__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),Rl=({title:e,description:t,variant:o="info",onClose:r,style:i,closeButton:n=true,children:s,...a})=>{let l=document.body.classList.contains("light"),c=l?"rgba(32, 34, 37, 0.98)":"rgb(238, 243, 246)",d=l?"rgba(255, 255, 255, 0.08)":"rgba(206, 197, 197, 0.315)",p=l?"rgba(255, 255, 255, 0.88)":"rgba(34, 36, 37, 0.75)",m=l?"rgba(255, 255, 255, 0.96)":"rgb(115, 130, 140)",u=l?"rgba(255, 255, 255, 0.72)":"rgba(34, 36, 37, 0.6)",f={alignItems:"center",background:c,border:`1px solid ${d}`,borderRadius:"5px",boxShadow:l?"0 14px 32px rgba(0, 0, 0, 0.35)":"0 10px 28px rgba(15, 23, 42, 0.12)",color:p,display:"flex",fontFamily:"system-ui, -apple-system, sans-serif",gap:"12px",maxWidth:"450px",overflow:"hidden",padding:"12px 16px",position:"relative",zIndex:dom.getHighestZindex()+1,...i},h=ql(o),g=Xl(o,l),y=typeof t=="string"?t.split(`
2
+ `).map((v,k)=>T__namespace.default.createElement("span",{key:k},v,T__namespace.default.createElement("br",null))):t;return T__namespace.default.createElement("div",{style:f,...a},h&&T__namespace.default.createElement("div",{style:{color:g}},h),T__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&T__namespace.default.createElement("div",{style:{color:m,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&T__namespace.default.createElement(vr,null,y),s),r&&n&&T__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:u}},T__namespace.default.createElement(icons.CrossIcon,null)))},fo=Rl;var vn=1e4,et=new Map;function Jl(e){let t=et.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):et.set(e,{counter:0,currentId:`${e}_0`}),et.get(e)?.currentId??e}function Zl(e){let t=o=>{let r=et.get(e);r&&r.currentId===o&&et.delete(e);};return {onAutoClose:o=>{t(o.id);},onDismiss:o=>{t(o.id);}}}var S=function(e){let{duration:t,id:o,dismissible:r=true,position:i,...n}=e,s,a;if(o!=null)s=o;else {let l=`toast_${hash.simpleHash(`${e.title??""}::${e.description??""}`)}`;s=Jl(l),a=Zl(l);}return sonner.toast.custom(l=>T__namespace.default.createElement(fo,{...n,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??vn,id:s,position:i,...a}),s};function ho(e,t,o){return S(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}S.error=(e,t)=>ho("error",e,t);S.success=(e,t)=>ho("success",e,t);S.warning=(e,t)=>ho("warning",e,t);S.info=(e,t)=>ho("info",e,t);S.custom=(e,t)=>{let{duration:o,...r}=t||{};return sonner.toast.custom(i=>typeof e=="function"?e({dismiss:()=>sonner.toast.dismiss(i),id:i}):e,{duration:o??vn,...r})};S.dismiss=e=>{sonner.toast.dismiss(e);};S.dismissAll=()=>{sonner.toast.dismiss(),et.clear();};function ec(e,t){let o=It(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 i=[];for(let n=0;n<o.required.length;n++){let s=o.required[n];t.args[s]||i.push(s);}return {required:i.length===0?void 0:i}}function bn(e,t){let o=t.reduce((r,i)=>{let n=ec(e,i);return n.required&&r.push({id:i.id,name:i.name,...n}),r},[]);return o.length===0?void 0:o}var ac=core.makeStyles(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var An=({value:e="",onSave:t,requiredMessage:o="Field is required",required:r,onCancel:i,onClose:n,width:s="30%",open:a,children:l,label:c,onGenerateContent:d,...p})=>{let[m,u]=T.useState(e),[f,h]=T.useState(false),[g,y]=T.useState(false),v=ac({width:s}),k=!!d,b=T.useCallback(L=>{u(L.target.value);},[]),x=T.useCallback(()=>{n(true),i&&i();},[i,n]),M=T.useCallback(()=>{if(r&&!m){S.error(o),h(true);return}t(m.trim());},[m,t,r,o]),D=T.useCallback(async()=>{if(d){y(true);try{let L=await d();L!==void 0&&u(L);}finally{y(false);}}},[d]);return T.useEffect(()=>{u(e);},[e,a]),T__namespace.default.createElement(gr,{onPositiveAction:M,onNegativeAction:x,onClose:x,open:a,...p},T__namespace.default.createElement(core.TextField,{className:v.input,multiline:true,rows:3,value:m,onChange:b,variant:"outlined",autoFocus:true,label:c,error:f,required:true,InputLabelProps:{shrink:true}}),k&&T__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},T__namespace.default.createElement(core.Button,{className:v.generateButton,size:"small",onClick:D,disabled:g,startIcon:g?T__namespace.default.createElement(core.CircularProgress,{size:14}):void 0},g?"Generating...":"Generate Title")),l)};An.displayName="InputDialog";var xn=wr__default.default.create(e=>{let t=wr.useModal(),o=T.useCallback(()=>{t.hide();},[t]),r=T.useCallback(i=>{e.onSave(i),t.hide();},[t,e]);return T__namespace.default.createElement(An,{...e,open:t.visible,onClose:o,onSave:r})});xn.displayName="InputDialogModal";var Pn="input-dialog",wn=false,Tn=()=>{wn||(wr__default.default.register(Pn,xn),wn=true);},rt={show:e=>wr__default.default.show(Pn,e)};var fc=core.makeStyles(e=>{let{background:t}=e.palette,o=uc__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),I=T.memo(e=>{let{open:t,progressSize:o,position:r}=e,i=fc();return t?T__namespace.default.createElement(core.Backdrop,{className:`${i.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&T__namespace.default.createElement(core.CircularProgress,{size:o})):null});I.displayName="Loader";var Sc=typeof window<"u"?window.location.origin:"",w=reactQuery.createTRPCReact();function Mn(){return w.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${Sc}/__storybook_playwright/trpc`})]})}function In(){let[e,t]=T__namespace.default.useState(),o=T__namespace.default.useRef(false),{data:r}=w.theme.getThemeData.useQuery();return T__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var kt=T.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=In(),i=styles.createTheme({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},type:o.base==="dark"?"dark":"light"},typography:{fontFamily:o.fontBase}},r||{});return T__namespace.default.createElement(styles.ThemeProvider,{theme:i},t)});kt.displayName="ThemeProvider";var Tc=core.makeStyles(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"}),We=e=>{let{children:t,border:o}=e,r=Tc();return T__namespace.default.createElement("div",{className:go__default.default(r.root)+(o&&o.map(i=>` border-${i}`).join(" "))},T__namespace.default.createElement("div",{className:r.toolbar},t))};We.displayName="Toolbar";var xr=T.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:i,...n})=>{let s=T.useCallback(()=>{r&&r(),i&&i({},"backdropClick");},[r,i]);return T__namespace.default.createElement(Sr,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...n},T__namespace.default.createElement(core.Typography,null,e))});xr.displayName="ConfirmationPopover";var Bc=C(kc__default.default),Dt=({className:e,setNodeRef:t,...o})=>T__namespace.default.createElement("span",{className:go__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},T__namespace.default.createElement(Bc,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));Dt.displayName="DragHandle";var Nc=core.makeStyles(e=>{let{palette:{divider:t,text:o,primary:r,secondary:i}}=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:i.main},color:i.main},selected:{border:`1px solid ${uc__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${i.main}`}}},{name:"ListItemWrapper"}),Ge=e=>{let{title:t,draggable:o,children:r,selected:i,className:n,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:d,...p}=e,m=Nc(),u=T.useCallback(f=>{s&&f.target.classList.contains("clickable")&&s(f);},[s]);return T__namespace.default.createElement("div",{className:go__default.default(m.root,{[m.selected]:i&&!c},{[m.selectedSecondary]:i&&c},n),...p,title:a,onClick:u},T__namespace.default.createElement("div",{className:go__default.default("clickable",m.header,"list-item-header")},T__namespace.default.createElement("div",{className:go__default.default(m.column,"clickable",{[m.secondaryColor]:c})},o&&T__namespace.default.createElement(Dt,{...d}),core.capitalize(t)),T__namespace.default.createElement("div",{className:go__default.default("clickable",m.column,m.icons,{[m.secondaryColor]:c})},l)),r&&T__namespace.default.createElement("div",{className:"list-item-content"},r))};Ge.displayName="ListItemWrapper";var Vc=core.makeStyles(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var nt=e=>{let{children:t,...o}=e,r=Vc(),i=T.useRef(null);return T.useEffect(()=>{!i.current||!i.current.parentElement||(i.current.parentElement.style.height="100%");},[]),T__namespace.default.createElement("div",{ref:i,...o,className:go__default.default(r.root,e.className)},T__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},Tr=e=>T__namespace.default.createElement(nt,{...e});Tr.displayName="ListWrapperSortableContainer";nt.displayName="ListWrapper";var ye=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[i,n]=T__namespace.default.useState(null),s=T.useCallback(c=>{c.stopPropagation(),n(c.currentTarget);},[]),a=T.useCallback(()=>{o&&o(),n(null);},[o]),l=T.useCallback(()=>{a(),e();},[a,e]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},T__namespace.default.createElement(icons.TrashIcon,null)),i&&T__namespace.default.createElement(xr,{onClose:a,onConfirm:l,anchorEl:i}))};ye.displayName="DeleteConfirmationButton";var Bt=e=>{let{onClick:t,checked:o,onChange:r}=e,i=T__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return T__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:i,size:"small",active:o},o?T__namespace.default.createElement(icons.FormIcon,null):T__namespace.default.createElement(icons.StopAltHollowIcon,null))};Bt.displayName="CheckBox";var Zc=core.makeStyles(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),yo=T.memo(T.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:i,onClick:n,selected:s}=e,a=Zc(),l=T.useCallback(()=>{n(i);},[i,n]);return T__namespace.default.createElement(core.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},T__namespace.default.createElement("div",null,r),T__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));yo.displayName="DeviceListItem";var Ir=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,i]=T__namespace.default.useState(null),n=c=>{i(c.currentTarget);},s=()=>{i(null);},a=T.useMemo(()=>Object.keys(mo),[]),l=T.useCallback(c=>{i(null),t(c);},[t]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:n},"Load From Device Descriptors"),T__namespace.default.createElement(core.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},T__namespace.default.createElement(yo,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>T__namespace.default.createElement(yo,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};Ir.displayName="DeviceList";function A(){let[e,t]=T.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return T.useEffect(()=>{if(!r||!r.importPath)return;let i=r,n=i.importPath,s=n.substring(n.lastIndexOf("/")+1);t({fileName:s,filePath:n,id:i.id,name:i.name,parent:i.parent});},[r]),e}var cp={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},Et=zustand.create()(middleware.devtools(()=>({...cp}),{name:"action-set-store"}));function En(e){return e.map(t=>{let{id:o,...r}=t;return r})}function Ln(e,t){if(e.length!==t.length)return false;let o=En(e),r=En(t);return pp__default.default(o,r)}var W=()=>Et.getState();function O(e){return Et.setState(e)}function at(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function Ue(e,t,o,r){let i=e.stories[t]?.actionSets||[];return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:i.map(n=>n.id!==o?n:r(n))}}}}function Nn(e,t,o){let r=e.stories[t]?.actionSets||[];return {...at(e,t,r.filter(n=>n.id!==o)),orgEditingActionSet:void 0}}function zn({storyId:e,actionSets:t}){let o=W();O(at(o,e,t));}function Hn({storyId:e,actionSets:t}){let o=W(),r=o.stories[e]?.actionSets||[],i=t.reduce((a,l)=>{if(r.length){let c;for(let d=0;d<r.length;d++){let p=r[d];if(!a.find(m=>m.id===p.id)&&Ln(p.actions,l.actions)){c=p;break}}c?a.push(c):a.push({...l,actions:l.actions.map(d=>(d.id=nanoid.nanoid(12),d)),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},[]),n=i.map(a=>a.id),s=at(o,e,[...i,...r.filter(a=>!n.includes(a.id))]);O({...s,currentActionSets:n});}function lt({storyId:e,actionSet:t,selected:o,isNew:r}){let i=W(),n=[...i.stories[e]?(i.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=at(i,e,n);O({...s,currentActionSets:[...i.currentActionSets?i.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function _e(){O({currentActionSets:[]});}function bo({storyId:e,actionSetId:t}){let o=W();O(Nn(o,e,t));}function ct(e){let t=W();!t.stories[e]||!t.stories[e].actionSets||O(at(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function kr({storyId:e,oldIndex:t,newIndex:o}){let r=W(),i=r.stories[e]?.actionSets||[];O(at(r,e,[...On__default.default(i,t,o)]));}function Kn(e){let t=W(),o=t.currentActionSets.find(r=>r===e);O({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function wo(e){let t=W(),o=t.expandedActions[e]===true;O({expandedActions:{...t.expandedActions,[e]:!o}});}function Dr(){O({expandedActions:{}});}function Br(e){O({actionSchema:e});}function Ao(e){let t=W(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...i}=o;if(r)O(Nn(t,e,o.id));else {let n=Ue(t,e,o.id,s=>({...s,...i}));O({...n,orgEditingActionSet:void 0});}}function Wn(e){let t=W();O({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function Gn({storyId:e,actionSetId:t,title:o}){let r=W();O(Ue(r,e,t,i=>({...i,title:o})));}function Vn({storyId:e,actionSetId:t,action:o}){let r=W();O(Ue(r,e,t,i=>({...i,actions:[...i.actions,o]})));}function Un({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let i=W();O(Ue(i,e,t,n=>({...n,actions:n.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 _n({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let i=W();O(Ue(i,e,t,n=>({...n,actions:[...On__default.default(n.actions,o,r)]})));}function $n({storyId:e,actionSetId:t,actionId:o}){let r=W();O(Ue(r,e,t,i=>({...i,actions:i.actions.filter(n=>n.id!==o)})));}function Er({storyId:e,actionSetId:t,actionId:o,objPath:r,val:i}){let n=W();O(Ue(n,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:cr__namespace.set(a.args,r,i)}:a)})));}function jn(){O({orgEditingActionSet:void 0});}function ne(){return Et()}var fp={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},Y=zustand.create()(middleware.devtools(middleware.persist(()=>({...fp}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function xe(e){return Y.setState(e)}function qn(e){xe({addonState:e});}function Lr(e){xe({browserOptions:e});}function Xn(e){xe({screenshotOptions:e});}function Rn(e){xe({dragStart:e});}function Or(e){xe({selectorManager:e});}function xo(e){xe({screenshotUpdateState:e});}function Fr(e){xe({editScreenshotState:e});}function Nr(e){xe({schemaLoaded:e});}function Yn(){return Y(e=>e.addonState)}function Qn(){return Y(e=>e.browserOptions)}function Po(){return Y(e=>e.screenshotOptions)}function Jn(){return Y(e=>e.dragStart)}function Zn(){return Y(e=>e.selectorManager)}function es(){return Y(e=>e.screenshotUpdateState)}function ts(){return Y(e=>e.editScreenshotState)}function os(){return Y(e=>e.schemaLoaded)}function rs(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:p=>{S.error(p.message||"Unexpected error occurred");}}),r=ne(),i=A(),n=T.useCallback(p=>{if(!i)return;let m=nanoid.nanoid(10),u={id:m,name:p};Dr(),Vn({action:u,actionSetId:e.id,storyId:i.id}),wo(m);},[i,e.id]);T.useEffect(()=>()=>Dr(),[]);let s=T.useCallback(async()=>{let p=bn(r.actionSchema,e.actions);if(p){let m=p.map(u=>{if(!(!u.required||u.required.length===0))return `Action name: ${u.name}
3
3
  Required: ${u.required.join(",")}`}).filter(Boolean).join(`
4
4
 
5
- `);if(m){S.error(m,{closeButton:true,duration:6e4,id:"action-set-editor-validation"});return}}if(!e.temp){if(!r)return;try{await t({actionSet:e,filePath:r.filePath,storyId:r.id});}catch{return}}_n();},[e,t,i.actionSchema,r]),a=T.useCallback(p=>{!r||!i.orgEditingActionSet||Kn({actionSetId:i.orgEditingActionSet.id,storyId:r.id,title:p});},[r,i.orgEditingActionSet]),l=T.useCallback(()=>{r&&xo(r.id);},[r]),c=e!==void 0,d=r&&r.id;return T__namespace.default.useEffect(()=>()=>{c&&d&&l();},[l,c,d]),{cancelEditActionSet:l,handleAddAction:n,handleDescriptionChange:a,handleSave:s,inProgress:o,state:i}}function os(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:r=>{S.error(r.message||"Unexpected error occurred");}});return {copyActionSet:T.useCallback(async r=>{if(!e)return;let n=JSON.parse(JSON.stringify(r));n.id=nanoid.nanoid(12);try{await t({actionSet:n,filePath:e.filePath,storyId:e.id}),lt({actionSet:n,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function xe(e){let t=ne();return {currentActions:T.useMemo(()=>{if(!t.initialised)return [];let i=t.stories[e];return i?.actionSets?i.actionSets.filter(r=>t.currentActionSets.includes(r.id)):[]},[t.currentActionSets,t.initialised,t.stories,e]),state:t}}function rs(){let e=managerApi.useStorybookState(),t=ne(),[o,i]=T.useState([]);return T.useEffect(()=>{if(!t.stories||!t.stories[e.storyId]){i([]);return}let r=t.stories[e.storyId].actionSets||[];i(r);},[t.stories,e.storyId]),{currentActionSets:t.currentActionSets,state:t,storyActionSets:o}}function Mo(e,t){let[o,i]=T.useState(),r=ne();return T.useEffect(()=>{let n=e?r.stories?.[e]:void 0;if(!e||!n||!n.actionSets||!n.actionSets.length||!r.orgEditingActionSet){i(void 0);return}let s=r.orgEditingActionSet;if(!s){i(void 0);return}let a=n.actionSets.find(c=>c.id===s.id);if(!a){i(void 0);return}let l=a.actions.find(c=>c.id===t);i(l);},[t,r,e]),o}var Lt={};function is(){let{mutateAsync:e,isPending:t}=w.actionSet.getActionSet.useMutation(),{id:o,filePath:i}=A()||{};return T.useEffect(()=>{!i||!o||t||Lt[i]&&Lt[i][o]||e({filePath:i,storyId:o}).then(r=>{Lt[i]||(Lt[i]={}),Lt[i][o]=true,r&&Fn({actionSets:r,storyId:o});}).catch(r=>{let n=r instanceof Error?r.message:"Failed to load action sets";S.error(n,{duration:1/0,id:`action-set-list:${n}`});});},[i,t,e,o]),{loading:t}}function Io(){let e=es(),{data:t,isLoading:o,error:i,refetch:r}=w.schema.getActionsSchema.useQuery(void 0,{enabled:!e});T.useEffect(()=>{i&&S.error(i.message||"Unexpected error occurred");},[i]);let n=T.useCallback(async()=>{let s=await r();s.data&&(Dr(s.data),Fr(true));},[r]);return T.useEffect(()=>{t&&(Dr(t),Fr(true));},[t]),T.useEffect(()=>{o||e||n();},[o,n,e]),{loaded:e,loading:o}}function pt(e,t){let o=Jn(),[i,r]=T__namespace.default.useState(false),n=T__namespace.default.useCallback(()=>{Po({inProgress:true,reqBy:e,target:t});},[e,t]),s=T__namespace.default.useCallback(()=>{Po({}),r(false);},[]);return T__namespace.default.useEffect(()=>{o&&o.inProgress&&i&&Po({...o,inProgress:false});},[i,o]),{handleClose:s,runDiffTest:n,setIsLoadingFinish:r,updateInf:o}}var Ip={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},mt=zustand.create()(middleware.devtools(()=>({...Ip}),{name:"screenshot-store"}));var Pe=()=>mt.getState();function se(e){return mt.setState(e)}function ns(e){let t=Pe(),o=t.screenshots?[...t.screenshots,e]:[e];se({screenshots:[...o]});}function ss(e){let t=Pe();se({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function zr({oldIndex:e,newIndex:t}){let o=Pe();se({screenshots:[...En__default.default(o.screenshots,e,t).map((i,r)=>(i.index=r,i))]});}function as(){se({screenshots:[]});}function Do(e){se({screenshots:e});}function dt(e){se({imageDiffResults:e});}function Bo(e){let t=Pe();se({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function ls(e){let t=Pe();se({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function Ot(e){se({pauseDeleteImageDiffResult:e});}function Eo(e){let t=Pe();t.pauseDeleteImageDiffResult||se({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function cs(){let e=Pe();se({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function ps(e){let t=Pe();se({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function ms(){return mt(e=>e.imageDiffResults)}function Te(){return mt()}function ds(){let{mutateAsync:e,isPending:t}=w.screenshot.deleteStoryScreenshots.useMutation({onError:r=>{S.error(r.message||"Unexpected error occurred");},onSuccess:()=>{S.success("Story screenshots deleted successfully.");}}),o=A(),i=T.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),as();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:i}}function ut(){let e=A(),{mutateAsync:t,isPending:o}=w.screenshot.testScreenshots.useMutation({onError:r=>{let n=r.message||"Unexpected error occurred";S.error(n);}}),i=T.useCallback(async r=>{if(e)try{let n=await t({filePath:e.filePath,requestId:nanoid.nanoid(),requestType:r,storyId:e.id});return r==="file"||r==="story"?n.forEach(s=>{Bo(s);}):dt(n),n}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:i}}function us(){let e=T.useRef(),t=A(),{mutateAsync:o,isPending:i}=w.screenshot.getStoryScreenshots.useMutation({onError:n=>{S.error(n.message||"Unexpected error occurred");}}),r=T.useCallback(async()=>{if(t)try{let n=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,Do(n||[]);}catch{}},[o,t]);return T.useEffect(()=>{i||!t||e.current&&e.current===t.id||r();},[r,i,t]),{error:void 0,loadScreenShots:r,screenshotLoaderInProgress:i,storyData:t}}function Lo(){return {dragStart:Yn(),setDragStart:qn}}function ae(){return {addonState:Xn(),setAddonState:$n}}var Fo=["chromium","firefox","webkit"];function No(e){let{addonState:t,setAddonState:o}=ae(),[i,r]=T.useState([]),[n]=T.useState(Fo),s=T.useCallback(p=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][p]),[t,e]),a=T.useCallback((p,m,u)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[m]:{...t.disabledBrowser[m],[p]:u}}});},[t,o]);T.useEffect(()=>{let p=Y.subscribe((m,u)=>{(!object.deepEqual(m.browserOptions.all,u.browserOptions.all)||!object.deepEqual(m.screenshotOptions,u.screenshotOptions))&&r(Fo),Fo.forEach(f=>{object.deepEqual(m.browserOptions[f],u.browserOptions[f])||r(h=>h.includes(f)?h:[...h,f]);});});return ()=>{p();}},[n]),T.useEffect(()=>{let p=managerApi.addons.getChannel(),m=()=>{let u=Fo.filter(f=>!s(f));r(f=>f.length===u.length&&u.every(h=>f.includes(h))?f:u);};return p.on(coreEvents.STORY_RENDERED,m),()=>{p.off(coreEvents.STORY_RENDERED,m);}},[s]);let l=T.useCallback(p=>{let m=!s(p);if(a(p,e,m),m){r(u=>u.filter(f=>f!==p));return}r(u=>u.includes(p)?u:[...u,p]);},[e,s,a]),c=T.useCallback(p=>{r(m=>m.filter(u=>u!==p));},[]);return {activeBrowsers:T.useMemo(()=>n.filter(p=>!s(p)),[n,s]),browserTypes:n,isDisabled:s,refreshingBrowsers:i,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:r}}function W(e){let t=Rn(),o=T.useCallback((s,a)=>{Er({...t,[s]:pn(a)});},[t]),i=T.useCallback((s,a)=>{Er({...t,[s]:a});},[t]),r=T.useCallback(s=>({...t.all,...t[s]}),[t]),n=T.useMemo(()=>e?t&&t[e]&&Object.keys(t[e]).length>0:false,[t,e]);return {browserOptions:t,getBrowserOptions:r,hasOption:n,setBrowserDeviceOptions:o,setBrowserOptions:i}}function j(){return {screenshotOptions:To(),setScreenshotOptions:jn}}function ys(){let{setBrowserOptions:e,browserOptions:t}=W(),{setScreenshotOptions:o,screenshotOptions:i}=j(),r=managerApi.useStorybookApi(),n=A(),s=T.useCallback(l=>{n&&(!l.actionSets||!l.actionSets.length||Nn({actionSets:l.actionSets,storyId:n.id}));},[n]),a=T.useCallback((l,c=false)=>{if(!n)return;r.emit(coreEvents.RESET_STORY_ARGS,{storyId:n?.id});let d=fn(l);d&&Object.keys(d).length&&r.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:n?.id,updatedArgs:d});let p=un(l);p&&Object.keys(p).length&&r.emit(coreEvents.UPDATE_GLOBALS,{globals:p}),s(l),(l.browserOptions||c)&&e("all",l.browserOptions),(l.screenshotOptions||c)&&o(l.screenshotOptions);},[r,s,e,o,n]);return {browserOptions:t,loadSetting:a,screenshotOptions:i}}function Ce(){let e=Zn(),t=A(),{setAddonState:o,addonState:i}=ae(),{setBrowserState:r}=No("dialog"),{loadSetting:n,screenshotOptions:s,browserOptions:a}=ys(),l=T.useRef(false),c=managerApi.useStorybookApi(),d=T.useCallback(()=>{t?.id&&ct(t.id),_e(),c.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),e&&n({browserOptions:e.currentBrowserOptions,browserType:e.screenshotData.browserType,id:e.screenshotData.id,screenshotOptions:e.currentScreenshotOptions,title:e.screenshotData.title},true),l.current||Or(void 0);},[c,e,n,t]),p=T.useCallback(u=>{t&&(d(),Or({currentBrowserOptions:a.all,currentScreenshotOptions:s,screenshotData:u,storyId:t.id}),n(u),r(u.browserType,"main",false),i.previewPanelEnabled||o({...i,previewPanelEnabled:true}));},[i,a.all,d,n,s,o,r,t]),m=T.useCallback(u=>e?e.screenshotData.browserType===u:false,[e]);return T.useEffect(()=>()=>{l.current=true;},[]),T.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){d();return}},[d,e,t]),{clearScreenshotEdit:d,editScreenshot:p,editScreenshotState:e,isEditing:m,loadSetting:n}}function ft(){let[e,t]=T.useState(void 0),{mutateAsync:o,isPending:i,reset:r,data:n}=w.screenshot.testScreenshot.useMutation({onError:a=>{let l=a.message||"Unexpected error occurred";t(l),S.error(l);}}),s=T.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return Bo(l),l}catch{return}},[o]);return {inProgress:i,reset:r,result:n,testScreenshot:s,testScreenshotError:e}}var ye=({screenshotData:e,size:t="small",color:o,onClose:i})=>{let[r,n]=T__namespace.default.useState(null),s=T.useCallback(()=>{let{id:l,index:c,...d}=e;return d},[e]),a=T.useCallback(l=>{i&&r&&i(),n(r?null:l.currentTarget);},[r,i]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},T__namespace.default.createElement(icons.CogIcon,null)),T__namespace.default.createElement(core.Popover,{anchorEl:r,open:!!r,onClose:a},T__namespace.default.createElement("div",null,r&&T__namespace.default.createElement(Qp__default.default,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};ye.displayName="ScreenshotInfo";function As(){let e=A(),[t,o]=T.useState(),{mutateAsync:i,reset:r,isPending:n}=w.screenshot.deleteScreenshot.useMutation({onError:l=>{let c=l.message||"Unexpected error occurred";o(c),S.error(c);},onSuccess:()=>{S.success("Screenshot deleted successfully.");}}),s=T.useCallback(()=>{o(void 0),r();},[r]),a=T.useCallback(async l=>{if(e){o(void 0);try{await i({filePath:e.filePath,screenshotId:l,storyId:e.id}),ps(l);}catch{}}},[i,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:n}}var Vr=e=>{let{onStateChange:t,screenshot:o,onClose:i,onDelete:r}=e,{deleteScreenshot:n,inProgress:s}=As(),a=T.useCallback(()=>{n(o.id),r();},[n,o.id]);return T.useEffect(()=>{t(s);},[s]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(Se,{onClose:i,onDelete:a}))};Vr.displayName="ScreenshotDelete";function zo(e){let{mutateAsync:t,isPending:o,reset:i}=w.screenshot.updateScreenshot.useMutation({onError:s=>{S.error(s.message||"Unexpected error occurred");},onSuccess:()=>{e&&S.success(e);}}),r=T.useCallback(()=>{i();},[i]);return {updateScreenshot:T.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};ls(a);},[t]),updateScreenshotClearResult:r,updateScreenshotInProgress:o}}var Ur=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:i}=e,r=A(),{updateScreenshot:n,updateScreenshotInProgress:s}=zo("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:d}=ft(),p=T.useCallback(async()=>{if(i)await n(i);else {if(!r)return;await a({...r,screenshotId:t.id});}},[i,t.id,r,a,n]),m=T.useCallback(async()=>{d&&(await n(d),c());},[c,d,n]);return T.useEffect(()=>{o(l||s);},[l,o,s]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{onClick:p,size:"small",title:"Update screenshot"},T__namespace.default.createElement(icons.RefreshIcon,null)),d&&T__namespace.default.createElement($e,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:d,onClose:c,open:true,titleActions:()=>T__namespace.default.createElement(ye,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:c,color:"primary"},"No"),T__namespace.default.createElement(core.Button,{onClick:m,color:"primary",autoFocus:true},"Yes"))}),T__namespace.default.createElement(M,{open:s}))};Ur.displayName="ScreenshotUpdate";var mm=core.makeStyles(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"}),$r=T.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:i,enableUpdate:r,enableEditScreenshot:n,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:d,onEditClick:p,isEditing:m,onDelete:u},f)=>{let[h,g]=T.useState(false),y=mm();return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(M,{progressSize:20,position:"absolute",open:h}),T__namespace.default.createElement("div",{ref:f,className:So__default.default(y.menu,{[y.visible]:s})},!m&&n&&T__namespace.default.createElement(components.IconButton,{onClick:p,title:"Edit screenshot"},T__namespace.default.createElement(icons.EditIcon,null)),e&&T__namespace.default.createElement(components.IconButton,{onClick:d,title:"Load screenshot settings"},T__namespace.default.createElement(icons.OutboxIcon,null)),r&&T__namespace.default.createElement(Ur,{onStateChange:g,screenshot:o,imageDiffResult:t?void 0:c}),i&&T__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},T__namespace.default.createElement(icons.ContrastIcon,null)),T__namespace.default.createElement(Vr,{onClose:a||(()=>{}),onStateChange:g,screenshot:o,onDelete:u}),T__namespace.default.createElement(ye,{onClose:a,screenshotData:o})))});$r.displayName="ScreenshotListItemMenu";var jr=({children:e,...t})=>T__namespace.default.createElement(Ge,{style:{cursor:"pointer"},icons:e,...t});jr.displayName="ScreenshotListItemWrapper";function Cs(e){let{fixFunction:t}=e,o=A(),[i,r]=T__namespace.default.useState(false),[n,s]=T__namespace.default.useState(""),[a,l]=T__namespace.default.useState(void 0),{mutateAsync:c,isPending:d}=w.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let g=h.message||"Unexpected error occurred";l(g),S.error(g);}}),p=T__namespace.default.useCallback(()=>{l(void 0);},[]),m=T__namespace.default.useCallback(()=>{if(!n&&t){S.error("Enter previous name export function.");return}if(!o){S.error("Unable to find current story data.");return}l(void 0),c({...o,previousNamedExport:n}).then(()=>{r(true);}).catch(()=>{});},[o,t,n,c]),u=T__namespace.default.useCallback(()=>{document.location.reload();},[]),f=T__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:p,fixFileNames:m,fixFileNamesError:a,fixFileNamesInProgress:d,functionName:n,handleFunctionNameInput:f,handleReload:u,reload:i}}function ht(){let[e,t]=T.useState(),o=managerApi.useStorybookApi(),i=T.useRef(o);return i.current=o,T.useEffect(()=>{t(void 0);let r=managerApi.addons.getChannel(),n=a=>{if(!a||!a.args)return;let c=i.current.getCurrentStoryData()?.initialArgs||{},d=Object.keys(a.args).reduce((p,m)=>{let u=a.args[m];return u!==void 0&&!lp__default.default(u,c[m])&&(p[m]=a.args[m]),p},{});t(Object.keys(d).length>0?d:void 0);},s=()=>{t(void 0);};return r.on(coreEvents.STORY_ARGS_UPDATED,n),r.on(coreEvents.STORY_CHANGED,s),()=>{r.off(coreEvents.STORY_ARGS_UPDATED,n),r.off(coreEvents.STORY_CHANGED,s);}},[]),e}function ks(e){let t=A(),{currentActions:o}=xe(t?.id??""),i=ht(),r=managerApi.useStorybookApi(),{getBrowserOptions:n}=W(),s=To(),{data:a=false}=w.screenshot.hasScreenshotTitleGenerator.useQuery(),l=n(e),{mutateAsync:c,isPending:d}=w.screenshot.generateScreenshotTitle.useMutation({onError:m=>{S.error(m.message||"Failed to generate screenshot title");}});return {generateTitle:T.useCallback(async()=>{if(!t||e==="storybook")return;let m=r.getCurrentStoryData();try{return await c({browser:{type:e,options:l},story:{actions:o,changedArgs:i,filePath:t.filePath,id:t.id,initialArgs:m.initialArgs,argTypes:m.argTypes,parameters:m.parameters,name:m.name,title:m.title},screenshotOptions:s})}catch{return}},[r,i,l,e,o,c,s,t]),hasGenerator:a,isGenerating:d}}function Ds(){return {imageDiffResult:ms(),setImageDiffResult:dt}}function Am(e,t,o){return t==="all"?e.map(i=>i.screenshotData):t==="file"?o?e.filter(i=>i.filePath?fo(i.filePath,o.filePath):false).map(i=>i.screenshotData):[]:o?e.filter(i=>i.storyId===o.id).map(i=>i.screenshotData):[]}function Es(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:i,storyData:r}=ut(),[n,s]=T__namespace.default.useState(false),a=T__namespace.default.useCallback(async()=>{let l=await i(e);Array.isArray(l)&&Do(Am(l,e,r).filter(c=>!!c)),t&&t(),s(true);},[i,e,r,t]);return T.useEffect(()=>{!r||n||a();},[a,n,r]),{loading:o,storyData:r}}function Ho(){let[e,t]=T.useState(),o=managerApi.useStorybookApi(),i=T.useRef(o);return i.current=o,T.useEffect(()=>{t(void 0);let r=managerApi.addons.getChannel(),n=a=>{if(!a||!a.globals){t(void 0);return}let l=i.current.getCurrentStoryData(),c=a.initialGlobals||l?.initialGlobals||{},d=Object.keys(a.globals).reduce((p,m)=>{let u=a.globals?.[m];return u!==void 0&&!lp__default.default(u,c[m])&&(p[m]=u),p},{});t(Ze(d));},s=()=>{t(void 0);};return r.on(coreEvents.GLOBALS_UPDATED,n),r.on(coreEvents.STORY_CHANGED,s),()=>{r.off(coreEvents.GLOBALS_UPDATED,n),r.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Fs(e){let{title:t,browserType:o}={},i=ht(),r=Ho(),{screenshotOptions:n}=j(),s=A(),{editScreenshotState:a,clearScreenshotEdit:l}=Ce(),{currentActions:c}=xe(s?.id??""),[d,p]=T.useState(void 0),{mutateAsync:m,data:u,reset:f,isPending:h}=w.screenshot.saveScreenshot.useMutation({onError:C=>{let D=C.message||"Unexpected error occurred";p(D),S.error(D);},onSettled(C,D){if(D){S.error(D.message||"Unexpected error occurred in saving screenshot");return}if(!C)return;let E=t||C.oldScreenShotTitle;if(C.added)S.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:f,onDismiss:f});else if(C.pass){let F=`Testing existing screenshot were successful, no change has been detected.${E?`
6
- Title: ${E}`:""}${o?`
7
- Browser: ${o}`:""}`;S.success(F,{duration:5e3,id:`image-diff-message:pass:${F}`,onAutoClose:f,onDismiss:f});}else if(C.diffSize||C.error){let F=Je(C);S.error(F,{duration:1/0,id:`image-diff-message:error:${F}`,onDismiss:f});}}}),g=T.useCallback(()=>{p(void 0);},[]),y=T.useCallback(()=>{f();},[f]),v=T.useCallback(C=>a?a.screenshotData.browserType===C:false,[a]),I=T.useCallback(()=>a&&a.screenshotData.title,[a]),b=T.useCallback(async(C,D,E,F)=>{if(!s)return new Error("Unable to find story data");if(!E)return new Error("Unable to find screenshot image data");let R=F?{...F}:void 0,H={actionSets:c,args:i,base64:E,browserOptions:R,browserType:C,filePath:s.filePath,globals:r,id:nanoid.nanoid(12),props:i,screenshotOptions:n&&Object.keys(n).length?n:void 0,storyId:s.id,title:D};a&&v(C)&&(H.updateScreenshot=a.screenshotData);let U;g();try{U=await m(H);}catch{return new Error("Unexpected error occurred")}if(a&&v(C)&&(U.added&&ss(a.screenshotData.id),l()),U.added){H.index=U.index;let{base64:pe,...he}=H;ns(he);}return U},[c,i,r,n,s,v,a,m,l,g]),x=T.useCallback(()=>{y();},[y]);return {clearError:g,error:d,getUpdatingScreenshotTitle:I,inProgress:h,isUpdating:v,onSuccessClose:x,result:u,saveScreenShot:b}}function Ks(e,t){let o=ht(),i=Ho(),r=managerApi.useStorybookState(),{screenshotOptions:n}=j(),{currentActions:s}=xe(r.storyId),a=T.useRef(),[l,c]=T.useState(),{mutate:d,isPending:p,data:m}=w.screenshot.takeScreenshot.useMutation({onError:g=>{let y=g.message||"Unexpected error occurred";c(y),S.error(y);}}),[u,f]=T.useState(0);T.useEffect(()=>{let g=managerApi.addons.getChannel(),y=()=>f(v=>v+1);return g.on(coreEvents.STORY_RENDERED,y),()=>{g.off(coreEvents.STORY_RENDERED,y);}},[]);let h=T.useCallback(()=>{e!=="storybook"&&(c(void 0),d({actionSets:s,args:o,browserOptions:t,browserType:e,globals:i,props:o,requestId:nanoid.nanoid(),screenshotOptions:n,storyId:r.storyId}));},[e,s,o,t,i,d,n,r.storyId]);return T.useEffect(()=>{if(p||u===0)return;let g=Lm__default.default({args:o,browserOptions:t,currentActions:s,globals:i,id:r.storyId,screenshotOptions:n});a.current!==g&&(a.current=g,h());},[s,h,o,t,i,r.storyId,n,p,u]),{error:l,getSnapshot:h,loading:p,screenshot:m}}function Ws(){let{mutateAsync:e,isPending:t}=w.screenshot.changeScreenshotIndex.useMutation(),o=A(),i=T.useCallback(async r=>{if(o){zr({newIndex:r.newIndex,oldIndex:r.oldIndex});try{await e({filePath:o.filePath,newIndex:r.newIndex,oldIndex:r.oldIndex,storyId:o.id});}catch{zr({newIndex:r.oldIndex,oldIndex:r.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:i}}var qr=e=>{let{storyData:t,screenShotData:o,onClose:i,open:r=true,...n}=e,{testScreenshot:s,inProgress:a,result:l}=ft();return T.useEffect(()=>{s({...t,screenshotId:o.id});},[t,o.id,s]),T__namespace.default.createElement(T__namespace.default.Fragment,null,l?.filePath&&T__namespace.default.createElement($e,{title:o.title,imageDiffResult:l,open:r,onClose:i,titleActions:()=>T__namespace.default.createElement(ye,{color:"primary",size:"medium",screenshotData:o}),...n}),T__namespace.default.createElement(M,{open:a}))};qr.displayName="ScreenshotPreviewDialog";var jm=k(Vm__default.default),qm=k(Um__default.default),Xm=core.makeStyles(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function Nt({pauseDeleteImageDiffResult:e,showPreviewOnClick:t,screenshot:o,sortableId:i,imageDiffResult:r,selected:n,onClick:s,draggable:a,forceShowMenu:l,showImageDiffResultDialog:c,storyData:d,...p}){let{attributes:m,listeners:u,setActivatorNodeRef:f,setNodeRef:h,transform:g,transition:y,isDragging:v}=sortable.useSortable({disabled:!a,id:i??o.id}),I=Xm(),[b,x]=T.useState(false),[C,D]=T.useState(false),E=T.useRef(0),{dragStart:F}=Lo(),[R,H]=T.useState(false),{inProgress:U,testScreenshot:pe}=ft(),he=r&&r.pass,Ne=T.useCallback(()=>{D(false),!e&&he&&r?.screenshotId?Eo(r.screenshotId):window.clearTimeout(E.current);},[e,he,r]);T.useEffect(()=>(!e&&r&&r.pass&&(E.current=window.setTimeout(()=>{Ne();},1e4)),()=>{window.clearTimeout(E.current);}),[e,Ne,r]);let oo=T.useCallback(()=>{D(true);},[]),fr=T.useCallback(()=>{x(true);},[]),ro=T.useCallback(()=>{x(false);},[]),io=T.useCallback(async()=>{await pe({...d,screenshotId:o.id}),D(true);},[o.id,d,pe]),Ct=T.useCallback(()=>{s&&s(o),t&&H(!R);},[s,o,R,t]),{editScreenshot:no,loadSetting:so,editScreenshotState:Qe,clearScreenshotEdit:ao}=Ce(),lo=T.useCallback(()=>no(o),[no,o]),co=T.useCallback(()=>{so(o);},[so,o]);return T__namespace.default.createElement("div",{ref:h,style:{opacity:v?.8:1,transform:utilities.CSS.Transform.toString(g),transition:y}},T__namespace.default.createElement(jr,{onClick:Ct,title:o.title,draggable:a,selected:n||Qe&&Qe.screenshotData.id===o.id,tooltip:o.title+(d&&` - ${d.id}`),onMouseEnter:fr,onMouseLeave:ro,dragHandleProps:a?{...m,...u,setNodeRef:f}:void 0,style:{cursor:"pointer"}},T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(M,{progressSize:20,position:"absolute",open:U}),he&&T__namespace.default.createElement(jm,{color:"primary",onClick:Ne,className:I.indicatorIcon}),r&&!r.pass&&T__namespace.default.createElement(qm,{color:"secondary",onClick:oo,className:I.indicatorIcon}),T__namespace.default.createElement(zt,{style:{height:16},browserType:o.browserType}),C&&c&&r&&T__namespace.default.createElement(Gs,{result:r,onClose:Ne,title:o.title,titleActions:()=>T__namespace.default.createElement(ye,{color:"primary",size:"medium",screenshotData:o})}),T__namespace.default.createElement($r,{show:(l||b)&&!F,screenshot:o,onHide:ro,onRunImageDiff:io,imageDiffResult:r,onEditClick:lo,onLoadSettingClick:co,isEditing:!!Qe,onDelete:ao,...p}),R&&t&&T__namespace.default.createElement(qr,{screenShotData:o,storyData:d,onClose:Ct,open:true,width:"100%",height:"100%",activeTab:he?"newScreenshot":"imageDiff"}))))}Nt.displayName="ScreenshotListItem";var Ht=({children:e,items:t})=>{let{setDragStart:o}=Lo(),{changeIndex:i,ChangeIndexInProgress:r}=Ws(),n=core$1.useSensors(core$1.useSensor(core$1.PointerSensor),core$1.useSensor(core$1.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=T.useCallback(()=>{o(true);},[o]),a=T.useCallback(()=>{o(false);},[o]),l=T.useCallback(({active:c,over:d})=>{if(o(false),!d||c.id===d.id)return;let p=t.findIndex(u=>u===c.id),m=t.findIndex(u=>u===d.id);p<0||m<0||i({newIndex:m,oldIndex:p});},[i,t,o]);return T__namespace.default.createElement(core$1.DndContext,{sensors:n,collisionDetection:core$1.closestCenter,onDragStart:s,onDragCancel:a,onDragEnd:l},T__namespace.default.createElement(sortable.SortableContext,{items:t,strategy:sortable.verticalListSortingStrategy},T__namespace.default.createElement(Pr,null,T__namespace.default.createElement(M,{open:r}),e)))};Ht.displayName="ScreenshotListSortable";var Yr=({children:e})=>{let t=A(),o=Te(),i=o.screenshots&&o.screenshots.length>0,r=[...o.screenshots||[]].sort((n,s)=>(n.index??0)-(s.index??0));return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(Ht,{items:r.map(n=>n.id)},i?T__namespace.default.createElement(T__namespace.default.Fragment,null,t&&r.map((n,s)=>T__namespace.default.createElement(Nt,{index:s,sortableId:n.id,openUpdateDialog:true,key:n.id,screenshot:n,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===n.id)}))):T__namespace.default.createElement("div",{style:{marginTop:30,textAlign:"center"}},T__namespace.default.createElement("div",null,"No screenshot has been found!")),e))};Yr.displayName="ScreenshotList";var Qr=e=>{let{hasScreenShot:t,title:o,onTestClick:i,onPreviewClick:r,onUpdateClick:n,onDelete:s}=e,[a,l]=T__namespace.default.useState(false);return T__namespace.default.createElement(We,{border:["bottom"]},T__namespace.default.createElement("div",{className:"left"},T__namespace.default.createElement("div",{title:o},"Story Screenshots")),T__namespace.default.createElement("div",{className:"right"},T__namespace.default.createElement(St,{fixFunction:true,onClose:l,open:a}),T__namespace.default.createElement(components.IconButton,{onClick:()=>l(true),title:"Fix screenshot name"},T__namespace.default.createElement(icons.WrenchIcon,null)),t&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{onClick:n,title:"Update story screenshots"},T__namespace.default.createElement(icons.RefreshIcon,null)),T__namespace.default.createElement(components.IconButton,{onClick:i,title:"Run diff test for story screenshots"},T__namespace.default.createElement(icons.ContrastIcon,null)),T__namespace.default.createElement(components.IconButton,{onClick:r,title:"Display story screenshots"},T__namespace.default.createElement(icons.PhotoIcon,null)),T__namespace.default.createElement(Se,{IconButton:components.IconButton,onDelete:s}))))};Qr.displayName="ScreenshotListToolbar";function yt(e,t,o=false){T.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 dd=core.makeStyles(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"}),Jr=({screenshots:e,storyData:t,selectedItem:o,title:i,children:r,draggable:n=true,...s})=>{let[a,l]=T.useState(),c=Te(),d=dd(),p=T.useCallback(async f=>{l(f);},[]),m=T.useCallback(f=>{if(!a)return;let h=e.findIndex(g=>g.id===a.id);switch(f.key){case "ArrowDown":{e[h+1]&&l(e[h+1]);break}case "ArrowUp":{e[h-1]&&l(e[h-1]);break}}},[a,e]);yt(void 0,m),T.useEffect(()=>{if(c.imageDiffResults&&c.imageDiffResults.length&&e&&!a)if(o){let f=e.find(h=>h.id===o);f&&p(f);}else e[0]&&p(e[0]);},[a,p,e,o,c.imageDiffResults]);let u=a&&c.imageDiffResults.find(f=>f.screenshotId===a.id);return T__namespace.default.createElement(me,{width:"100%",title:i||(a?core.capitalize(a.title):"Loading ..."),subtitle:(i&&a&&a.title)+(t&&` (${t.id})`),height:"100%",...s},T__namespace.default.createElement("div",{className:d.root},T__namespace.default.createElement("div",{className:d.list},T__namespace.default.createElement(Ht,{items:e.map(f=>f.id)},a&&e.map((f,h)=>T__namespace.default.createElement(Nt,{index:h,sortableId:f.id,openUpdateDialog:false,showPreviewOnClick:false,key:f.id,screenshot:f,forceShowMenu:true,enableUpdate:true,draggable:n,storyData:t,pauseDeleteImageDiffResult:c.pauseDeleteImageDiffResult,onClick:p,selected:a.id===f.id,imageDiffResult:c.imageDiffResults.find(g=>g.screenshotId===f.id)})))),T__namespace.default.createElement("div",{className:d.line}),u&&T__namespace.default.createElement(Wt,{imageDiffResult:u}),r))};Jr.displayName="ScreenshotListPreviewDialog";var Wo=e=>{let{onClose:t,updating:o,target:i,onLoad:r}=e,{loading:n,storyData:s}=Es(i,r),[a,l]=T.useState(false),c=Te(),{updateScreenshot:d}=zo(),p=T.useCallback(async()=>{l(true);try{let m=c.screenshots.reduce((u,f)=>{let h=c.imageDiffResults.find(g=>g.screenshotId===f.id);if(!h)throw new Error(`Unable to find image diff result for '${f.title}' screenshot.`);return u.push(d(h)),u},[]);await Promise.all(m),S.success("Successfully updated.",{duration:1/0,id:"story-screenshot-preview:updated"});}catch(m){S.error(m.message);}l(false);},[c,d]);return T__namespace.default.useEffect(()=>(Ot(true),()=>{Ot(false),cs();}),[]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(M,{open:n||a}),!n&&T__namespace.default.createElement(Jr,{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:i==="story"&&!a,footerActions:o?()=>T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:t,color:"primary"},"No"),T__namespace.default.createElement(core.Button,{onClick:p,color:"primary",autoFocus:true},"Yes")):void 0},T__namespace.default.createElement(M,{open:a})))};Wo.displayName="StoryScreenshotPreview";var $s=T__namespace.default.memo(Wo);function Zr(){let[e,t]=T.useState(false),o="screenshot-panel",{runDiffTest:i,updateInf:r}=pt(o,"story"),{screenshotLoaderInProgress:n}=us(),{deleteInProgress:s,deleteStoryScreenshots:a}=ds(),l=Te(),{testStoryScreenShots:c,imageDiffTestInProgress:d}=ut(),p=T.useCallback(()=>{t(!e);},[e]),m=l.screenshots&&l.screenshots.length>0;T.useEffect(()=>{Ot(e);},[e]);let u=T__namespace.default.useCallback(()=>{c("story");},[c]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(Qr,{onUpdateClick:i,title:"Story Screenshots",onTestClick:u,onPreviewClick:p,hasScreenShot:m,onDelete:a}),T__namespace.default.createElement(Yr,null,T__namespace.default.createElement(M,{open:n||d||s||r.reqBy!==void 0})),e&&T__namespace.default.createElement(Wo,{onClose:p,target:"story"}))}Zr.displayName="ScreenshotPanel";var ei=({showPanel:e})=>{let[t,o]=T__namespace.default.useState(false),{updateInf:i,handleClose:r,setIsLoadingFinish:n}=pt(""),s=T__namespace.default.useCallback(()=>{o(true),n(true);},[n]),a=T__namespace.default.useCallback(()=>{r(),o(false);},[r]);return T__namespace.default.createElement(ve,null,e&&!t&&T__namespace.default.createElement(Zr,null),i.reqBy&&T__namespace.default.createElement($s,{onClose:a,updating:true,target:i.target??"story",onLoad:s}))};ei.displayName="ScreenshotMain";function js(){let e=managerApi.useStorybookState(),[t,o]=T.useState();return T.useEffect(()=>{let i=ln(window.location.host,e.storyId),r=Object.keys(e.customQueryParams);if(r.length>0){let n=r.map(s=>{let a=e.customQueryParams[s];return `${s}=${a}`});i+=`&${n.join("&")}`;}o(i);},[e.customQueryParams,e.storyId]),t}var kd=k(Cl__default.default),Dd=core.makeStyles(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),Gt=({title:e,Icon:t,children:o,width:i,active:r})=>{let[n,s]=T.useState(),a=Dd(),l=T.useCallback(d=>{s(d.target);},[]),c=T.useCallback(()=>{s(void 0);},[]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Popover,{open:!!n,anchorEl:n,onClose:c,style:{margin:20},anchorOrigin:{horizontal:"center",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"}},T__namespace.default.createElement("div",{className:a.root,style:{width:i}},T__namespace.default.createElement("div",{className:a.title},T__namespace.default.createElement("span",null,e),T__namespace.default.createElement(core.IconButton,{size:"small",onClick:c},T__namespace.default.createElement(kd,null))),T__namespace.default.createElement(core.Divider,null),T__namespace.default.createElement("div",null,o))),T__namespace.default.createElement(components.IconButton,{onClick:l,active:r},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Browser Options"},T__namespace.default.createElement(t,null))))};Gt.displayName="OptionPopover";var Od=k(Bd__default.default),Vt=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:i,setBrowserDeviceOptions:r}=W(e),[n,s]=T.useState(false),a=T.useCallback(c=>{t(e,c);},[e,t]),l=T.useCallback(c=>{r(e,c),s(true);},[e,r]);return T.useEffect(()=>{n&&s(false);},[n]),o?T__namespace.default.createElement(Gt,{title:"Browser Options",Icon:Od,active:i},!n&&T__namespace.default.createElement(Go,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:T__namespace.default.createElement(Mr,{onDeviceSelect:l})})):null};Vt.displayName="BrowserOptions";var Wd=k(zd__default.default),Gd=k(Hd__default.default),Vd=k(Kd__default.default),Ud=core.makeStyles(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"}}}),ii=e=>{let{browserType:t,onSave:o,showSaveButton:i,loading:r,onRefresh:n,onFullScreen:s}=e,a=Ud();return T__namespace.default.createElement("div",{className:a.root},T__namespace.default.createElement("div",{className:a.toolbarPanels},T__namespace.default.createElement("label",{className:a.label},t),r&&T__namespace.default.createElement(core.CircularProgress,{classes:{svg:"browser-loader"},style:{marginLeft:10},size:15})),T__namespace.default.createElement("div",{className:a.toolbarPanels},i&&T__namespace.default.createElement(components.IconButton,{onClick:o},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Save screenshot"},T__namespace.default.createElement(Vd,null))),T__namespace.default.createElement(components.IconButton,{onClick:n},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Refresh"},T__namespace.default.createElement(Gd,null))),t!=="storybook"&&T__namespace.default.createElement(Vt,{browserType:t}),T__namespace.default.createElement(components.IconButton,{onClick:s},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Full screen"},T__namespace.default.createElement(Wd,null)))))};ii.displayName="ScreenShotViewToolbar";var ni=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var Zd=core.makeStyles(e=>{let t=e.palette.type==="light"?styles.lighten:styles.darken,{palette:o}=e,{background:i}=o;return {card:{"& .os-scrollbar":{opacity:1,visibility:"visible !important",zIndex:10},"& .os-scrollbar-track":{"& .os-scrollbar-handle":{backgroundColor:ni(o.type,i.paper,.6)},backgroundColor:"transparent",visibility:"visible !important"},overflow:"hidden",position:"relative",width:"100%",zIndex:10},container:{alignItems:"center",height:"100%",overflow:"hidden",position:"relative",width:"100%"},editMode:{"& $fakeBorder":{borderColor:t(e.palette.warning.main,.5)},backgroundColor:t(e.palette.warning.main,.6)},fakeBorder:{border:`10px solid ${ni(o.type,i.paper,.1)}`,borderTop:0,bottom:0,left:0,pointerEvents:"none",position:"absolute",right:0,top:0,zIndex:5},iframe:{width:"100%"},image:{marginLeft:10,marginRight:12},imageContainer:{paddingBottom:10}}},{name:"ScreenshotView"}),Vo=e=>{let{browserType:t,url:o,height:i,refresh:r,onRefreshEnd:n,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=Ce(),[c,d]=T.useState(false),p=Zd(),{getBrowserOptions:m}=W(),u=m(t),{loading:f,screenshot:h,getSnapshot:g,error:y}=Ks(t,u);T.useEffect(()=>{!r||f||(g(),n?.());},[g,f,n,r]);let v=i-30,I=!!(h&&h.base64)&&t!=="storybook",b=T.useCallback(()=>{d(!c);},[c]),x=y||h?.error,C=T.useCallback(()=>{t==="storybook"||!h?.base64||s?.(t);},[t,s,h]);return T.useEffect(()=>{if(!(!a||t==="storybook")){if(!h?.base64){a(t,void 0);return}a(t,{base64:h.base64,browserOptions:u});}},[u,t,a,h]),T__namespace.default.createElement("div",{className:So__default.default(p.card,{[p.editMode]:l(t)})},T__namespace.default.createElement(ii,{browserType:t,onSave:C,loading:f,onRefresh:g,showSaveButton:I,onFullScreen:b}),T__namespace.default.createElement("div",{className:p.container,style:{height:v}},T__namespace.default.createElement("div",{className:p.fakeBorder}),t!=="storybook"?T__namespace.default.createElement(components.ScrollArea,{vertical:true,horizontal:true},T__namespace.default.createElement("div",{className:p.imageContainer},h&&h.base64&&!x?T__namespace.default.createElement("img",{className:p.image,src:`data:image/gif;base64,${h.base64}`}):T__namespace.default.createElement(T__namespace.default.Fragment,null,x&&T__namespace.default.createElement(Sr,{message:x})))):T__namespace.default.createElement("iframe",{src:o,className:p.iframe,style:{height:v-10},frameBorder:"0"})),T__namespace.default.createElement(me,{open:c,width:"100%",height:"100%",onClose:b,title:`${core.capitalize(t)} screenshot`},h&&c&&h.base64&&T__namespace.default.createElement(Ut,{imgSrcString:h.base64})))};Vo.displayName="ScreenshotView";var iu=core.makeStyles(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"}),si=T.forwardRef((e,t)=>{let o=iu();return T__namespace.default.createElement("div",{...e,className:So__default.default(o.overlay),ref:t})});si.displayName="IframeOverlay";var ai=zustand.create()(middleware.devtools(e=>({clipping:false,start:()=>{e(()=>({clipping:true}));},stop:()=>{e(()=>({clipping:false}));},toggleClippingState:()=>{e(t=>({clipping:!t.clipping}));}}),{name:"clipper-store"})),li=()=>{let{clipping:e,stop:t}=ai(),{addonState:o,setAddonState:i}=ae(),{setBrowserOptions:r,browserOptions:n}=W(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=j(),c=T__namespace.default.useRef(null),d=Qs(),p=T__namespace.default.useCallback(m=>{if(!c.current||!d)return;let u=dn(d),{height:f,width:h,top:g,left:y}=m.rect,v=d.contentDocument??d.contentWindow?.document,I=v?Math.max(v.body?.scrollHeight||0,v.body?.offsetHeight||0,v.documentElement.scrollHeight,v.documentElement.offsetHeight,v.documentElement.clientHeight):d.getBoundingClientRect().height,b=d.getBoundingClientRect(),x=d.contentWindow?.innerWidth??b.width,C=d.contentWindow?.innerHeight??b.height,D=v?.documentElement?.clientWidth??b.width,E=v?.documentElement?.clientHeight??b.height,F=Math.min(b.width,D),R=Math.min(b.height,E),H=b.left+F,U=b.top+R,pe=F?x/F:1,he=R?C/R:1,Ne=Number.isFinite(pe)&&pe>0?pe:1,oo=Number.isFinite(he)&&he>0?he:1,fr=y+h,ro=g+f,io=Math.max(y,b.left),Ct=Math.max(g,b.top),no=Math.min(fr,H),so=Math.min(ro,U),Qe=Math.max(0,no-io),ao=Math.max(0,so-Ct);if(Qe===0||ao===0){t();return}r("all",{...n.all||{},viewport:{height:Math.round(I),width:Math.round(x)}});let lo={left:u.scrollLeft+(io-b.left)*Ne,top:u.scrollTop+(Ct-b.top)*oo};a({...l,clip:{height:Math.ceil(ao*oo),width:Math.ceil(Qe*Ne),x:Math.floor(lo.left),y:Math.floor(lo.top)}}),t(),s||S.custom(({dismiss:co})=>T__namespace.default.createElement(ho,{variant:"info",onClose:co},T__namespace.default.createElement(yr,{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."),T__namespace.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginTop:8}},T__namespace.default.createElement(components.IconButton,{type:"button",onClick:()=>{i({...o,clippingWarningDismissed:true}),co();}},"Do Not Show Again"))));},[o,n.all,d,s,l,r,a,i,t]);return yt(void 0,m=>{m.code==="Escape"&&t();}),e?T__namespace.default.createElement(si,{ref:c},T__namespace.default.createElement(su__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:p})):null};li.displayName="Clipper";var ci=()=>{let{clipping:e,toggleClippingState:t}=ai(),o=T__namespace.default.useCallback(()=>{t();},[t]);return T__namespace.default.createElement(components.IconButton,{active:e,onClick:o},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:e?"Stop Clipping":"Start Clipping"},T__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}},T__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"}))))};ci.displayName="ClipperButton";var Js=e=>T__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},T__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"}),T__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Zs=e=>T__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},T__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"}),T__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var ea=e=>T__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},T__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 oa=e=>T__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},T__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"}),T__namespace.createElement("path",{d:"M13.517 2.221l0.585 2.942-0.49 0.098-0.585-2.942 0.49-0.098z"}),T__namespace.createElement("path",{d:"M18.489 29.78l-0.585-2.942 0.49-0.098 0.585 2.942-0.49 0.098z"}),T__namespace.createElement("path",{d:"M12.176 2.528l0.436 1.435-0.478 0.145-0.436-1.435 0.478-0.145z"}),T__namespace.createElement("path",{d:"M19.826 29.465l-0.436-1.435 0.478-0.145 0.436 1.435-0.478 0.145z"}),T__namespace.createElement("path",{d:"M10.875 2.972l1.148 2.772-0.462 0.191-1.148-2.772 0.462-0.191z"}),T__namespace.createElement("path",{d:"M21.129 29.030l-1.148-2.772 0.462-0.191 1.148 2.772-0.462 0.191z"}),T__namespace.createElement("path",{d:"M9.176 3.771l0.441-0.236 0.707 1.323-0.441 0.236-0.707-1.323z"}),T__namespace.createElement("path",{d:"M22.816 28.228l-0.441 0.236-0.707-1.323 0.441-0.236 0.707 1.323z"}),T__namespace.createElement("path",{d:"M3.769 9.182l1.323 0.707-0.236 0.441-1.323-0.707 0.236-0.441z"}),T__namespace.createElement("path",{d:"M28.226 22.819l-1.323-0.707 0.236-0.441 1.323 0.707-0.236 0.441z"}),T__namespace.createElement("path",{d:"M5.744 12.019l-2.772-1.148 0.191-0.462 2.772 1.148-0.191 0.462z"}),T__namespace.createElement("path",{d:"M26.26 19.978l2.772 1.148-0.191 0.462-2.772-1.148 0.191-0.462z"}),T__namespace.createElement("path",{d:"M2.673 11.7l1.436 0.435-0.145 0.479-1.436-0.435 0.145-0.479z"}),T__namespace.createElement("path",{d:"M29.322 20.302l-1.436-0.435 0.145-0.479 1.436 0.435-0.145 0.479z"}),T__namespace.createElement("path",{d:"M2.315 13.024l2.942 0.585-0.098 0.49-2.942-0.585 0.098-0.49z"}),T__namespace.createElement("path",{d:"M29.679 18.976l-2.942-0.585 0.098-0.49 2.942 0.585-0.098 0.49z"}),T__namespace.createElement("path",{d:"M2.218 18.486l2.942-0.585 0.098 0.49-2.942 0.585-0.098-0.49z"}),T__namespace.createElement("path",{d:"M29.776 13.513l-2.942 0.585-0.098-0.49 2.942-0.585 0.098 0.49z"}),T__namespace.createElement("path",{d:"M2.53 19.829l1.435-0.436 0.145 0.478-1.435 0.436-0.145-0.478z"}),T__namespace.createElement("path",{d:"M29.468 12.178l-1.435 0.436-0.145-0.478 1.435-0.436 0.145 0.478z"}),T__namespace.createElement("path",{d:"M3.161 21.591l-0.191-0.462 2.772-1.148 0.191 0.462-2.772 1.148z"}),T__namespace.createElement("path",{d:"M28.837 10.413l0.191 0.462-2.772 1.148-0.191-0.462 2.772-1.148z"}),T__namespace.createElement("path",{d:"M3.776 22.821l-0.236-0.441 1.323-0.707 0.236 0.441-1.323 0.707z"}),T__namespace.createElement("path",{d:"M28.233 9.181l0.236 0.441-1.323 0.707-0.236-0.441 1.323-0.707z"}),T__namespace.createElement("path",{d:"M9.621 28.464l-0.441-0.236 0.707-1.323 0.441 0.236-0.707 1.323z"}),T__namespace.createElement("path",{d:"M22.377 3.534l0.441 0.236-0.707 1.323-0.441-0.236 0.707-1.323z"}),T__namespace.createElement("path",{d:"M10.415 28.837l1.148-2.772 0.462 0.191-1.148 2.772-0.462-0.191z"}),T__namespace.createElement("path",{d:"M21.59 3.16l-1.148 2.772-0.462-0.191 1.148-2.772 0.462 0.191z"}),T__namespace.createElement("path",{d:"M12.176 29.47l-0.478-0.145 0.435-1.435 0.478 0.145-0.435 1.435z"}),T__namespace.createElement("path",{d:"M19.823 2.528l0.479 0.145-0.435 1.436-0.479-0.145 0.435-1.436z"}),T__namespace.createElement("path",{d:"M13.515 29.776l-0.49-0.098 0.585-2.942 0.49 0.098-0.585 2.942z"}),T__namespace.createElement("path",{d:"M18.485 2.218l0.49 0.098-0.585 2.942-0.49-0.098 0.585-2.942z"}),T__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var zt=T.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return T__namespace.default.createElement(Zs,{...o});case "firefox":return T__namespace.default.createElement(ea,{...o});case "webkit":return T__namespace.default.createElement(oa,{...o});default:return T__namespace.default.createElement(Js,{...o})}});zt.displayName="BrowserIcon";var ui=e=>{let{browserType:t,onClick:o,active:i}=e,r=T.useCallback(()=>{o(t);},[t,o]);return T__namespace.default.createElement(components.IconButton,{onClick:r,active:i,title:core.capitalize(t)},T__namespace.default.createElement(zt,{browserType:t}))};ui.displayName="BrowserIconButton";var fi=()=>{let{setBrowserOptions:e,browserOptions:t}=W(),{setScreenshotOptions:o,screenshotOptions:i}=j(),r=T__namespace.default.useCallback(()=>{let n=He();if(n){let s=n.getBoundingClientRect();e("all",{...t,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),o({...i,clip:void 0});}},[t,i,e,o]);return T__namespace.default.createElement(components.IconButton,{onClick:r},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Adjust the browser size to match the preview."},T__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}},T__namespace.default.createElement("path",{d:"M17 4h3c1.1 0 2 .9 2 2v2h-2V6h-3V4zM4 8V6h3V4H4c-1.1 0-2 .9-2 2v2h2zm16 8v2h-3v2h3c1.1 0 2-.9 2-2v-2h-2zM7 18H4v-2H2v2c0 1.1.9 2 2 2h3v-2zM18 8H6v8h12V8z"})," ")))};fi.displayName="ResizeBrowserToPreview";var xu=k(wu__default.default);function hi(){let{setBrowserOptions:e}=W(),{setScreenshotOptions:t}=j(),o=T__namespace.default.useCallback(()=>{e("all",{}),t({});},[e,t]);return T__namespace.default.createElement(components.IconButton,{onClick:o},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Reset Settings"},T__namespace.default.createElement(xu,{style:{marginTop:4,width:"20px"}})))}hi.displayName="ResetSettings";var Mu=k(Pu__default.default),gi=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=j(),o=T.useCallback(r=>{e(r);},[e]),i=T.useMemo(()=>t&&Object.keys(t).length>0,[t]);return T__namespace.default.createElement(Gt,{title:"Screenshot Options",Icon:Mu,active:i},T__namespace.default.createElement(Go,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};gi.displayName="ScreenshotOptions";var Lu=k(Iu__default.default),Ou=k(ku__default.default),Fu=k(Du__default.default),Nu=k(Kd__default.default),Si=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:i,onCLose:r,onRefresh:n,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=W(),d=T.useCallback(()=>{let p=c.all&&c.all.cursor;l("all",{...c.all,cursor:p?void 0:true});},[c,l]);return T__namespace.default.createElement(We,{border:s?void 0:["top"]},T__namespace.default.createElement("div",{className:"left"},t.map(p=>T__namespace.default.createElement(ui,{key:p,browserType:p,onClick:o,active:i.find(m=>m===p)!==void 0}))),T__namespace.default.createElement("div",{className:"right"},T__namespace.default.createElement(components.IconButton,{className:"cursor-button",onClick:d,active:c.all&&c.all.cursor},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:c.all&&c.all.cursor?"Hide cursor":"Show cursor"},T__namespace.default.createElement(Ou,{style:{transform:"rotate(-80deg)"}}))),T__namespace.default.createElement(ci,null),T__namespace.default.createElement(fi,null),T__namespace.default.createElement(components.IconButton,{onClick:a},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Save screenshots"},T__namespace.default.createElement(Nu,null))),T__namespace.default.createElement(components.IconButton,{onClick:n},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Refresh"},T__namespace.default.createElement(Fu,null))),T__namespace.default.createElement(hi,null),T__namespace.default.createElement(gi,null),T__namespace.default.createElement(Vt,{browserType:"all"}),T__namespace.default.createElement(components.IconButton,{onClick:r},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Close panel"},T__namespace.default.createElement(Lu,null)))))};Si.displayName="Toolbar";var Hu=100,sa=2,Ku=2,aa=(e,t)=>{let[o,i]=reactUse.useMeasure(),r=T.useMemo(()=>`calc(${Hu/(e||t||1)}% - ${Ku}px)`,[t,e]);return {itemHeight:T.useMemo(()=>e===1?i.height/(t||1):e===sa?i.height/sa:i.height,[t,e,i.height]),ref:o,width:r}};var la=e=>{let[t,o]=T.useState(false),i=T.useRef({}),{generateTitle:r,hasGenerator:n}=ks(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=Fs(),c=T.useCallback((f,h)=>{if(!h){delete i.current[f];return}i.current[f]=h;},[]),d=T.useCallback(async(f,h)=>{o(true);try{for(let g of h){let y=i.current[g];y&&await l(g,f,y.base64,y.browserOptions);}}finally{o(false);}},[l]),p=T.useCallback(f=>{if(!f.length)return;let h=f.length>1?"Screenshots Title":"Screenshot Title";rt.show({onGenerateContent:n?r:void 0,onSave:g=>{d(g,f);},required:true,title:h,value:s()});},[r,s,n,d]),m=T.useCallback(()=>{p(e);},[e,p]),u=T.useCallback(f=>{p([f]);},[p]);return {isSaving:t||a,requestSaveAll:m,requestSaveOne:u,setScreenshotData:c}};var _u=styles.makeStyles(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",padding:5,width:"100%"},root:{display:"flex",flexDirection:"column",height:"100%"},vertical:{borderLeft:`1px solid ${e.palette.divider}`}})),qt=e=>{let{showStorybook:t,column:o,onClose:i,viewPanel:r}=e,{activeBrowsers:n,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:d}=No(r),p=_u(),m=js(),{itemHeight:u,ref:f,width:h}=aa(o,n.length),{isSaving:g,requestSaveAll:y,requestSaveOne:v,setScreenshotData:I}=la(n),b=T.useCallback(()=>{d(n);},[n,d]);return T__namespace.default.createElement("div",{className:So__default.default(p.root,{[p.vertical]:o===1})},T__namespace.default.createElement(Si,{browserTypes:a,activeBrowsers:n,toggleBrowser:s,onCLose:i,onRefresh:b,onSave:y,isVertical:o===1}),T__namespace.default.createElement("div",{className:p.preview},n&&n.length>0&&T__namespace.default.createElement("div",{ref:f,className:So__default.default(p.list,{[p.listWrap]:o!==void 0})},t&&T__namespace.default.createElement("div",{className:p.listItem,style:{width:h}},T__namespace.default.createElement(Vo,{browserType:"storybook",url:m,height:u})),n.map(x=>T__namespace.default.createElement("div",{key:x,className:p.listItem,style:{width:h}},T__namespace.default.createElement(Vo,{browserType:x,height:u,refresh:l.includes(x),onSave:v,onRefreshEnd:()=>{c(x);},onScreenshotDataChange:I}))))),T__namespace.default.createElement(M,{open:g}))};qt.displayName="ScreenshotListView";var qu=styles.makeStyles(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%"}})),yi=e=>{let{onClose:t,open:o}=e,i=qu();return T__namespace.default.createElement(kt,null,T__namespace.default.createElement($u__default.default,{onClose:t,"aria-labelledby":"simple-dialog-title",open:o,hideBackdrop:true,classes:{paper:i.dialogPaper}},T__namespace.default.createElement("div",{className:i.container},T__namespace.default.createElement(qt,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};yi.displayName="PreviewDialog";var Qu=core.makeStyles(()=>({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"}),vi=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=Ce(),o=Qu();return e?T__namespace.default.createElement(lab.Alert,{classes:{icon:o.icon,message:o.message,root:o.alert},severity:"warning"},T__namespace.default.createElement("div",{className:o.root},T__namespace.default.createElement("div",{className:o.messageWrapper},`Editing '${e.screenshotData.title}' screenshot (${e.screenshotData.browserType}).`),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.Button,{size:"small",color:"inherit",onClick:t},"Cancel")))):null};vi.displayName="EditScreenshotAlert";function pa(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var ma="html>body>#root",da="html>body>#storybook-root";function ua(e){return typeof e.querySelector=="function"}function Ju(e){if(ua(e)){if(e.querySelector(ma))return ma;if(e.querySelector(da))return da}}function fa(e,t){if(!ua(t))return e;let o=Ju(t);if(!o)return e;let i=t.querySelector(o);if(!i)return e;for(let r=1;r<=8;r+=1){let n=`html>body>div:nth-child(${r})`;if(!e.includes(n))continue;let s=t.querySelector(n);if(s&&s===i)return e.replace(n,o)}return e}var sf=core.makeStyles(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"}),bi={height:"100%",left:0,right:0,width:"100%"},wi=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:i,setSelectorData:r}=bt(),[n,s]=T.useState(),a=sf(),l=T.useRef(null),c=i.type==="id-selector",d=i.type==="selector"||c,[p,m]=T.useState({rect:bi}),{elX:u,elY:f}=reactUse.useMouseHovered(l,{bound:true,whenHovered:true});return reactUse.useKey("Escape",o,void 0,[m,o]),reactUse.useThrottleFn((h,g)=>{if(t&&t.contentWindow){let y=t.contentWindow.document,v=y.elementFromPoint(h,g);if(v)if(c)m({rect:v.getBoundingClientRect(),selector:v.id?`#${v.id}`:""});else {let I=fa(selectorPath.getSelectorPath(v,{minify:true}),y);v.tagName==="HTML"?m({rect:bi,selector:I}):m({rect:v.getBoundingClientRect(),selector:I});}else m({...p,rect:void 0});}},150,[u,f]),T.useEffect(()=>{if(n){let h=l.current?l.current.contains(n):false;o(),r({path:h?p.selector:void 0,x:Math.round(u),y:Math.round(f)});}},[u,f,r,n,p.selector,o]),T.useEffect(()=>{let h=v=>{s(v.target);},g=document.createElement("STYLE");g.innerHTML=`html, body {
5
+ `);if(m){S.error(m,{closeButton:true,duration:6e4,id:"action-set-editor-validation"});return}}if(!e.temp){if(!i)return;try{await t({actionSet:e,filePath:i.filePath,storyId:i.id});}catch{return}}jn();},[e,t,r.actionSchema,i]),a=T.useCallback(p=>{!i||!r.orgEditingActionSet||Gn({actionSetId:r.orgEditingActionSet.id,storyId:i.id,title:p});},[i,r.orgEditingActionSet]),l=T.useCallback(()=>{i&&Ao(i.id);},[i]),c=e!==void 0,d=i&&i.id;return T__namespace.default.useEffect(()=>()=>{c&&d&&l();},[l,c,d]),{cancelEditActionSet:l,handleAddAction:n,handleDescriptionChange:a,handleSave:s,inProgress:o,state:r}}function is(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:i=>{S.error(i.message||"Unexpected error occurred");}});return {copyActionSet:T.useCallback(async i=>{if(!e)return;let n=JSON.parse(JSON.stringify(i));n.id=nanoid.nanoid(12);try{await t({actionSet:n,filePath:e.filePath,storyId:e.id}),lt({actionSet:n,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function Pe(e){let t=ne();return {currentActions:T.useMemo(()=>{if(!t.initialised)return [];let r=t.stories[e];return r?.actionSets?r.actionSets.filter(i=>t.currentActionSets.includes(i.id)):[]},[t.currentActionSets,t.initialised,t.stories,e]),state:t}}function ns(){let e=managerApi.useStorybookState(),t=ne(),[o,r]=T.useState([]);return T.useEffect(()=>{if(!t.stories||!t.stories[e.storyId]){r([]);return}let i=t.stories[e.storyId].actionSets||[];r(i);},[t.stories,e.storyId]),{currentActionSets:t.currentActionSets,state:t,storyActionSets:o}}function Co(e,t){let[o,r]=T.useState(),i=ne();return T.useEffect(()=>{let n=e?i.stories?.[e]:void 0;if(!e||!n||!n.actionSets||!n.actionSets.length||!i.orgEditingActionSet){r(void 0);return}let s=i.orgEditingActionSet;if(!s){r(void 0);return}let a=n.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,i,e]),o}var Lt={};function ss(){let{mutateAsync:e,isPending:t}=w.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=A()||{};return T.useEffect(()=>{!r||!o||t||Lt[r]&&Lt[r][o]||e({filePath:r,storyId:o}).then(i=>{Lt[r]||(Lt[r]={}),Lt[r][o]=true,i&&zn({actionSets:i,storyId:o});}).catch(i=>{let n=i instanceof Error?i.message:"Failed to load action sets";S.error(n,{duration:1/0,id:`action-set-list:${n}`});});},[r,t,e,o]),{loading:t}}function Mo(){let e=os(),{data:t,isLoading:o,error:r,refetch:i}=w.schema.getActionsSchema.useQuery(void 0,{enabled:!e});T.useEffect(()=>{r&&S.error(r.message||"Unexpected error occurred");},[r]);let n=T.useCallback(async()=>{let s=await i();s.data&&(Br(s.data),Nr(true));},[i]);return T.useEffect(()=>{t&&(Br(t),Nr(true));},[t]),T.useEffect(()=>{o||e||n();},[o,n,e]),{loaded:e,loading:o}}function pt(e,t){let o=es(),[r,i]=T__namespace.default.useState(false),n=T__namespace.default.useCallback(()=>{xo({inProgress:true,reqBy:e,target:t});},[e,t]),s=T__namespace.default.useCallback(()=>{xo({}),i(false);},[]);return T__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&xo({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:n,setIsLoadingFinish:i,updateInf:o}}var Dp={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},mt=zustand.create()(middleware.devtools(()=>({...Dp}),{name:"screenshot-store"}));var Te=()=>mt.getState();function se(e){return mt.setState(e)}function as(e){let t=Te(),o=t.screenshots?[...t.screenshots,e]:[e];se({screenshots:[...o]});}function ls(e){let t=Te();se({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function Hr({oldIndex:e,newIndex:t}){let o=Te();se({screenshots:[...On__default.default(o.screenshots,e,t).map((r,i)=>(r.index=i,r))]});}function cs(){se({screenshots:[]});}function ko(e){se({screenshots:e});}function dt(e){se({imageDiffResults:e});}function Do(e){let t=Te();se({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function ps(e){let t=Te();se({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function Ot(e){se({pauseDeleteImageDiffResult:e});}function Bo(e){let t=Te();t.pauseDeleteImageDiffResult||se({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function ms(){let e=Te();se({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function ds(e){let t=Te();se({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function us(){return mt(e=>e.imageDiffResults)}function Ce(){return mt()}function fs(){let{mutateAsync:e,isPending:t}=w.screenshot.deleteStoryScreenshots.useMutation({onError:i=>{S.error(i.message||"Unexpected error occurred");},onSuccess:()=>{S.success("Story screenshots deleted successfully.");}}),o=A(),r=T.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),cs();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function ut(){let e=A(),{mutateAsync:t,isPending:o}=w.screenshot.testScreenshots.useMutation({onError:i=>{let n=i.message||"Unexpected error occurred";S.error(n);}}),r=T.useCallback(async i=>{if(e)try{let n=await t({filePath:e.filePath,requestId:nanoid.nanoid(),requestType:i,storyId:e.id});return i==="file"||i==="story"?n.forEach(s=>{Do(s);}):dt(n),n}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function hs(){let e=T.useRef(),t=A(),{mutateAsync:o,isPending:r}=w.screenshot.getStoryScreenshots.useMutation({onError:n=>{S.error(n.message||"Unexpected error occurred");}}),i=T.useCallback(async()=>{if(t)try{let n=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,ko(n||[]);}catch{}},[o,t]);return T.useEffect(()=>{r||!t||e.current&&e.current===t.id||i();},[i,r,t]),{error:void 0,loadScreenShots:i,screenshotLoaderInProgress:r,storyData:t}}function Eo(){return {dragStart:Jn(),setDragStart:Rn}}function ae(){return {addonState:Yn(),setAddonState:qn}}var Oo=["chromium","firefox","webkit"];function Fo(e){let{addonState:t,setAddonState:o}=ae(),[r,i]=T.useState([]),[n]=T.useState(Oo),s=T.useCallback(p=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][p]),[t,e]),a=T.useCallback((p,m,u)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[m]:{...t.disabledBrowser[m],[p]:u}}});},[t,o]);T.useEffect(()=>{let p=Y.subscribe((m,u)=>{(!object.deepEqual(m.browserOptions.all,u.browserOptions.all)||!object.deepEqual(m.screenshotOptions,u.screenshotOptions))&&i(Oo),Oo.forEach(f=>{object.deepEqual(m.browserOptions[f],u.browserOptions[f])||i(h=>h.includes(f)?h:[...h,f]);});});return ()=>{p();}},[n]),T.useEffect(()=>{let p=managerApi.addons.getChannel(),m=()=>{let u=Oo.filter(f=>!s(f));i(f=>f.length===u.length&&u.every(h=>f.includes(h))?f:u);};return p.on(coreEvents.STORY_RENDERED,m),()=>{p.off(coreEvents.STORY_RENDERED,m);}},[s]);let l=T.useCallback(p=>{let m=!s(p);if(a(p,e,m),m){i(u=>u.filter(f=>f!==p));return}i(u=>u.includes(p)?u:[...u,p]);},[e,s,a]),c=T.useCallback(p=>{i(m=>m.filter(u=>u!==p));},[]);return {activeBrowsers:T.useMemo(()=>n.filter(p=>!s(p)),[n,s]),browserTypes:n,isDisabled:s,refreshingBrowsers:r,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:i}}function z(e){let t=Qn(),o=T.useCallback((s,a)=>{Lr({...t,[s]:dn(a)});},[t]),r=T.useCallback((s,a)=>{Lr({...t,[s]:a});},[t]),i=T.useCallback(s=>({...t.all,...t[s]}),[t]),n=T.useMemo(()=>e?t&&t[e]&&Object.keys(t[e]).length>0:false,[t,e]);return {browserOptions:t,getBrowserOptions:i,hasOption:n,setBrowserDeviceOptions:o,setBrowserOptions:r}}function G(){return {screenshotOptions:Po(),setScreenshotOptions:Xn}}function bs(){let{setBrowserOptions:e,browserOptions:t}=z(),{setScreenshotOptions:o,screenshotOptions:r}=G(),i=managerApi.useStorybookApi(),n=A(),s=T.useCallback(l=>{n&&(!l.actionSets||!l.actionSets.length||Hn({actionSets:l.actionSets,storyId:n.id}));},[n]),a=T.useCallback((l,c=false)=>{if(!n)return;i.emit(coreEvents.RESET_STORY_ARGS,{storyId:n?.id});let d=gn(l);d&&Object.keys(d).length&&i.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:n?.id,updatedArgs:d});let p=hn(l);p&&Object.keys(p).length&&i.emit(coreEvents.UPDATE_GLOBALS,{globals:p}),s(l),(l.browserOptions||c)&&e("all",l.browserOptions),(l.screenshotOptions||c)&&o(l.screenshotOptions);},[i,s,e,o,n]);return {browserOptions:t,loadSetting:a,screenshotOptions:r}}function Me(){let e=ts(),t=A(),{setAddonState:o,addonState:r}=ae(),{setBrowserState:i}=Fo("dialog"),{loadSetting:n,screenshotOptions:s,browserOptions:a}=bs(),l=T.useRef(false),c=managerApi.useStorybookApi(),d=T.useCallback(()=>{t?.id&&ct(t.id),_e(),c.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),e&&n({browserOptions:e.currentBrowserOptions,browserType:e.screenshotData.browserType,id:e.screenshotData.id,screenshotOptions:e.currentScreenshotOptions,title:e.screenshotData.title},true),l.current||Fr(void 0);},[c,e,n,t]),p=T.useCallback(u=>{t&&(d(),Fr({currentBrowserOptions:a.all,currentScreenshotOptions:s,screenshotData:u,storyId:t.id}),n(u),i(u.browserType,"main",false),r.previewPanelEnabled||o({...r,previewPanelEnabled:true}));},[r,a.all,d,n,s,o,i,t]),m=T.useCallback(u=>e?e.screenshotData.browserType===u:false,[e]);return T.useEffect(()=>()=>{l.current=true;},[]),T.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){d();return}},[d,e,t]),{clearScreenshotEdit:d,editScreenshot:p,editScreenshotState:e,isEditing:m,loadSetting:n}}function ft(){let[e,t]=T.useState(void 0),{mutateAsync:o,isPending:r,reset:i,data:n}=w.screenshot.testScreenshot.useMutation({onError:a=>{let l=a.message||"Unexpected error occurred";t(l),S.error(l);}}),s=T.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return Do(l),l}catch{return}},[o]);return {inProgress:r,reset:i,result:n,testScreenshot:s,testScreenshotError:e}}var ve=({screenshotData:e,size:t="small",color:o,onClose:r})=>{let[i,n]=T__namespace.default.useState(null),s=T.useCallback(()=>{let{id:l,index:c,...d}=e;return d},[e]),a=T.useCallback(l=>{r&&i&&r(),n(i?null:l.currentTarget);},[i,r]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},T__namespace.default.createElement(icons.CogIcon,null)),T__namespace.default.createElement(core.Popover,{anchorEl:i,open:!!i,onClose:a},T__namespace.default.createElement("div",null,i&&T__namespace.default.createElement(Zp__default.default,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};ve.displayName="ScreenshotInfo";function Ps(){let e=A(),[t,o]=T.useState(),{mutateAsync:r,reset:i,isPending:n}=w.screenshot.deleteScreenshot.useMutation({onError:l=>{let c=l.message||"Unexpected error occurred";o(c),S.error(c);},onSuccess:()=>{S.success("Screenshot deleted successfully.");}}),s=T.useCallback(()=>{o(void 0),i();},[i]),a=T.useCallback(async l=>{if(e){o(void 0);try{await r({filePath:e.filePath,screenshotId:l,storyId:e.id}),ds(l);}catch{}}},[r,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:n}}var Ur=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:i}=e,{deleteScreenshot:n,inProgress:s}=Ps(),a=T.useCallback(()=>{n(o.id),i();},[n,o.id]);return T.useEffect(()=>{t(s);},[s]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(ye,{onClose:r,onDelete:a}))};Ur.displayName="ScreenshotDelete";function No(e){let{mutateAsync:t,isPending:o,reset:r}=w.screenshot.updateScreenshot.useMutation({onError:s=>{S.error(s.message||"Unexpected error occurred");},onSuccess:()=>{e&&S.success(e);}}),i=T.useCallback(()=>{r();},[r]);return {updateScreenshot:T.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};ps(a);},[t]),updateScreenshotClearResult:i,updateScreenshotInProgress:o}}var _r=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,i=A(),{updateScreenshot:n,updateScreenshotInProgress:s}=No("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:d}=ft(),p=T.useCallback(async()=>{if(r)await n(r);else {if(!i)return;await a({...i,screenshotId:t.id});}},[r,t.id,i,a,n]),m=T.useCallback(async()=>{d&&(await n(d),c());},[c,d,n]);return T.useEffect(()=>{o(l||s);},[l,o,s]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{onClick:p,size:"small",title:"Update screenshot"},T__namespace.default.createElement(icons.RefreshIcon,null)),d&&T__namespace.default.createElement($e,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:d,onClose:c,open:true,titleActions:()=>T__namespace.default.createElement(ve,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:c,color:"primary"},"No"),T__namespace.default.createElement(core.Button,{onClick:m,color:"primary",autoFocus:true},"Yes"))}),T__namespace.default.createElement(I,{open:s}))};_r.displayName="ScreenshotUpdate";var um=core.makeStyles(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"}),jr=T.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:r,enableUpdate:i,enableEditScreenshot:n,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:d,onEditClick:p,isEditing:m,onDelete:u},f)=>{let[h,g]=T.useState(false),y=um();return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(I,{progressSize:20,position:"absolute",open:h}),T__namespace.default.createElement("div",{ref:f,className:go__default.default(y.menu,{[y.visible]:s})},!m&&n&&T__namespace.default.createElement(components.IconButton,{onClick:p,title:"Edit screenshot"},T__namespace.default.createElement(icons.EditIcon,null)),e&&T__namespace.default.createElement(components.IconButton,{onClick:d,title:"Load screenshot settings"},T__namespace.default.createElement(icons.OutboxIcon,null)),i&&T__namespace.default.createElement(_r,{onStateChange:g,screenshot:o,imageDiffResult:t?void 0:c}),r&&T__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},T__namespace.default.createElement(icons.ContrastIcon,null)),T__namespace.default.createElement(Ur,{onClose:a||(()=>{}),onStateChange:g,screenshot:o,onDelete:u}),T__namespace.default.createElement(ve,{onClose:a,screenshotData:o})))});jr.displayName="ScreenshotListItemMenu";var qr=({children:e,...t})=>T__namespace.default.createElement(Ge,{style:{cursor:"pointer"},icons:e,...t});qr.displayName="ScreenshotListItemWrapper";function Is(e){let{fixFunction:t}=e,o=A(),[r,i]=T__namespace.default.useState(false),[n,s]=T__namespace.default.useState(""),[a,l]=T__namespace.default.useState(void 0),{mutateAsync:c,isPending:d}=w.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let g=h.message||"Unexpected error occurred";l(g),S.error(g);}}),p=T__namespace.default.useCallback(()=>{l(void 0);},[]),m=T__namespace.default.useCallback(()=>{if(!n&&t){S.error("Enter previous name export function.");return}if(!o){S.error("Unable to find current story data.");return}l(void 0),c({...o,previousNamedExport:n}).then(()=>{i(true);}).catch(()=>{});},[o,t,n,c]),u=T__namespace.default.useCallback(()=>{document.location.reload();},[]),f=T__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:p,fixFileNames:m,fixFileNamesError:a,fixFileNamesInProgress:d,functionName:n,handleFunctionNameInput:f,handleReload:u,reload:r}}function ht(){let[e,t]=T.useState(),o=managerApi.useStorybookApi(),r=T.useRef(o);return r.current=o,T.useEffect(()=>{t(void 0);let i=managerApi.addons.getChannel(),n=a=>{if(!a||!a.args)return;let c=r.current.getCurrentStoryData()?.initialArgs||{},d=Object.keys(a.args).reduce((p,m)=>{let u=a.args[m];return u!==void 0&&!pp__default.default(u,c[m])&&(p[m]=a.args[m]),p},{});t(Object.keys(d).length>0?d:void 0);},s=()=>{t(void 0);};return i.on(coreEvents.STORY_ARGS_UPDATED,n),i.on(coreEvents.STORY_CHANGED,s),()=>{i.off(coreEvents.STORY_ARGS_UPDATED,n),i.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Bs(e){let t=A(),{currentActions:o}=Pe(t?.id??""),r=ht(),i=managerApi.useStorybookApi(),{getBrowserOptions:n}=z(),s=Po(),{data:a=false}=w.screenshot.hasScreenshotTitleGenerator.useQuery(),l=n(e),{mutateAsync:c,isPending:d}=w.screenshot.generateScreenshotTitle.useMutation({onError:m=>{S.error(m.message||"Failed to generate screenshot title");}});return {generateTitle:T.useCallback(async()=>{if(!t||e==="storybook")return;let m=i.getCurrentStoryData();try{return await c({browser:{type:e,options:l},story:{actions:o,changedArgs:r,filePath:t.filePath,id:t.id,initialArgs:m.initialArgs,argTypes:m.argTypes,parameters:m.parameters,name:m.name,title:m.title},screenshotOptions:s})}catch{return}},[i,r,l,e,o,c,s,t]),hasGenerator:a,isGenerating:d}}function Es(){return {imageDiffResult:us(),setImageDiffResult:dt}}function Pm(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?uo(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function Os(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:i}=ut(),[n,s]=T__namespace.default.useState(false),a=T__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&ko(Pm(l,e,i).filter(c=>!!c)),t&&t(),s(true);},[r,e,i,t]);return T.useEffect(()=>{!i||n||a();},[a,n,i]),{loading:o,storyData:i}}function zo(){let[e,t]=T.useState(),o=managerApi.useStorybookApi(),r=T.useRef(o);return r.current=o,T.useEffect(()=>{t(void 0);let i=managerApi.addons.getChannel(),n=a=>{if(!a||!a.globals){t(void 0);return}let l=r.current.getCurrentStoryData(),c=a.initialGlobals||l?.initialGlobals||{},d=Object.keys(a.globals).reduce((p,m)=>{let u=a.globals?.[m];return u!==void 0&&!pp__default.default(u,c[m])&&(p[m]=u),p},{});t(Ze(d));},s=()=>{t(void 0);};return i.on(coreEvents.GLOBALS_UPDATED,n),i.on(coreEvents.STORY_CHANGED,s),()=>{i.off(coreEvents.GLOBALS_UPDATED,n),i.off(coreEvents.STORY_CHANGED,s);}},[]),e}function zs(e){let{title:t,browserType:o}={},r=ht(),i=zo(),{screenshotOptions:n}=G(),s=A(),{editScreenshotState:a,clearScreenshotEdit:l}=Me(),{currentActions:c}=Pe(s?.id??""),[d,p]=T.useState(void 0),{mutateAsync:m,data:u,reset:f,isPending:h}=w.screenshot.saveScreenshot.useMutation({onError:M=>{let D=M.message||"Unexpected error occurred";p(D),S.error(D);},onSettled(M,D){if(D){S.error(D.message||"Unexpected error occurred in saving screenshot");return}if(!M)return;let L=t||M.oldScreenShotTitle;if(M.added)S.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:f,onDismiss:f});else if(M.pass){let F=`Testing existing screenshot were successful, no change has been detected.${L?`
6
+ Title: ${L}`:""}${o?`
7
+ Browser: ${o}`:""}`;S.success(F,{duration:5e3,id:`image-diff-message:pass:${F}`,onAutoClose:f,onDismiss:f});}else if(M.diffSize||M.error){let F=Je(M);S.error(F,{duration:1/0,id:`image-diff-message:error:${F}`,onDismiss:f});}}}),g=T.useCallback(()=>{p(void 0);},[]),y=T.useCallback(()=>{f();},[f]),v=T.useCallback(M=>a?a.screenshotData.browserType===M:false,[a]),k=T.useCallback(()=>a&&a.screenshotData.title,[a]),b=T.useCallback(async(M,D,L,F)=>{if(!s)return new Error("Unable to find story data");if(!L)return new Error("Unable to find screenshot image data");let R=F?{...F}:void 0,K={actionSets:c,args:r,base64:L,browserOptions:R,browserType:M,filePath:s.filePath,globals:i,id:nanoid.nanoid(12),props:r,screenshotOptions:n&&Object.keys(n).length?n:void 0,storyId:s.id,title:D};a&&v(M)&&(K.updateScreenshot=a.screenshotData);let _;g();try{_=await m(K);}catch{return new Error("Unexpected error occurred")}if(a&&v(M)&&(_.added&&ls(a.screenshotData.id),l()),_.added){K.index=_.index;let{base64:pe,...he}=K;as(he);}return _},[c,r,i,n,s,v,a,m,l,g]),x=T.useCallback(()=>{y();},[y]);return {clearError:g,error:d,getUpdatingScreenshotTitle:k,inProgress:h,isUpdating:v,onSuccessClose:x,result:u,saveScreenShot:b}}function Gs(e,t){let o=ht(),r=zo(),i=managerApi.useStorybookState(),{screenshotOptions:n}=G(),{currentActions:s}=Pe(i.storyId),a=T.useRef(),[l,c]=T.useState(),{mutate:d,isPending:p,data:m}=w.screenshot.takeScreenshot.useMutation({onError:g=>{let y=g.message||"Unexpected error occurred";c(y),S.error(y);}}),[u,f]=T.useState(0);T.useEffect(()=>{let g=managerApi.addons.getChannel(),y=()=>f(v=>v+1);return g.on(coreEvents.STORY_RENDERED,y),()=>{g.off(coreEvents.STORY_RENDERED,y);}},[]);let h=T.useCallback(()=>{e!=="storybook"&&(c(void 0),d({actionSets:s,args:o,browserOptions:t,browserType:e,globals:r,props:o,requestId:nanoid.nanoid(),screenshotOptions:n,storyId:i.storyId}));},[e,s,o,t,r,d,n,i.storyId]);return T.useEffect(()=>{if(p||u===0)return;let g=Fm__default.default({args:o,browserOptions:t,currentActions:s,globals:r,id:i.storyId,screenshotOptions:n});a.current!==g&&(a.current=g,h());},[s,h,o,t,r,i.storyId,n,p,u]),{error:l,getSnapshot:h,loading:p,screenshot:m}}function Vs(){let{mutateAsync:e,isPending:t}=w.screenshot.changeScreenshotIndex.useMutation(),o=A(),r=T.useCallback(async i=>{if(o){Hr({newIndex:i.newIndex,oldIndex:i.oldIndex});try{await e({filePath:o.filePath,newIndex:i.newIndex,oldIndex:i.oldIndex,storyId:o.id});}catch{Hr({newIndex:i.oldIndex,oldIndex:i.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:r}}var Xr=e=>{let{storyData:t,screenShotData:o,onClose:r,open:i=true,...n}=e,{testScreenshot:s,inProgress:a,result:l}=ft();return T.useEffect(()=>{s({...t,screenshotId:o.id});},[t,o.id,s]),T__namespace.default.createElement(T__namespace.default.Fragment,null,l?.filePath&&T__namespace.default.createElement($e,{title:o.title,imageDiffResult:l,open:i,onClose:r,titleActions:()=>T__namespace.default.createElement(ve,{color:"primary",size:"medium",screenshotData:o}),...n}),T__namespace.default.createElement(I,{open:a}))};Xr.displayName="ScreenshotPreviewDialog";var Xm=C(_m__default.default),Rm=C($m__default.default),Ym=core.makeStyles(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function Nt({pauseDeleteImageDiffResult:e,showPreviewOnClick:t,screenshot:o,sortableId:r,imageDiffResult:i,selected:n,onClick:s,draggable:a,forceShowMenu:l,showImageDiffResultDialog:c,storyData:d,...p}){let{attributes:m,listeners:u,setActivatorNodeRef:f,setNodeRef:h,transform:g,transition:y,isDragging:v}=sortable.useSortable({disabled:!a,id:r??o.id}),k=Ym(),[b,x]=T.useState(false),[M,D]=T.useState(false),L=T.useRef(0),{dragStart:F}=Eo(),[R,K]=T.useState(false),{inProgress:_,testScreenshot:pe}=ft(),he=i&&i.pass,ze=T.useCallback(()=>{D(false),!e&&he&&i?.screenshotId?Bo(i.screenshotId):window.clearTimeout(L.current);},[e,he,i]);T.useEffect(()=>(!e&&i&&i.pass&&(L.current=window.setTimeout(()=>{ze();},1e4)),()=>{window.clearTimeout(L.current);}),[e,ze,i]);let to=T.useCallback(()=>{D(true);},[]),hr=T.useCallback(()=>{x(true);},[]),oo=T.useCallback(()=>{x(false);},[]),ro=T.useCallback(async()=>{await pe({...d,screenshotId:o.id}),D(true);},[o.id,d,pe]),Ct=T.useCallback(()=>{s&&s(o),t&&K(!R);},[s,o,R,t]),{editScreenshot:io,loadSetting:no,editScreenshotState:Qe,clearScreenshotEdit:so}=Me(),ao=T.useCallback(()=>io(o),[io,o]),lo=T.useCallback(()=>{no(o);},[no,o]);return T__namespace.default.createElement("div",{ref:h,style:{opacity:v?.8:1,transform:utilities.CSS.Transform.toString(g),transition:y}},T__namespace.default.createElement(qr,{onClick:Ct,title:o.title,draggable:a,selected:n||Qe&&Qe.screenshotData.id===o.id,tooltip:o.title+(d&&` - ${d.id}`),onMouseEnter:hr,onMouseLeave:oo,dragHandleProps:a?{...m,...u,setNodeRef:f}:void 0,style:{cursor:"pointer"}},T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(I,{progressSize:20,position:"absolute",open:_}),he&&T__namespace.default.createElement(Xm,{color:"primary",onClick:ze,className:k.indicatorIcon}),i&&!i.pass&&T__namespace.default.createElement(Rm,{color:"secondary",onClick:to,className:k.indicatorIcon}),T__namespace.default.createElement(zt,{style:{height:16},browserType:o.browserType}),M&&c&&i&&T__namespace.default.createElement(Us,{result:i,onClose:ze,title:o.title,titleActions:()=>T__namespace.default.createElement(ve,{color:"primary",size:"medium",screenshotData:o})}),T__namespace.default.createElement(jr,{show:(l||b)&&!F,screenshot:o,onHide:oo,onRunImageDiff:ro,imageDiffResult:i,onEditClick:ao,onLoadSettingClick:lo,isEditing:!!Qe,onDelete:so,...p}),R&&t&&T__namespace.default.createElement(Xr,{screenShotData:o,storyData:d,onClose:Ct,open:true,width:"100%",height:"100%",activeTab:he?"newScreenshot":"imageDiff"}))))}Nt.displayName="ScreenshotListItem";var Ht=({children:e,items:t})=>{let{setDragStart:o}=Eo(),{changeIndex:r,ChangeIndexInProgress:i}=Vs(),n=core$1.useSensors(core$1.useSensor(core$1.PointerSensor),core$1.useSensor(core$1.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=T.useCallback(()=>{o(true);},[o]),a=T.useCallback(()=>{o(false);},[o]),l=T.useCallback(({active:c,over:d})=>{if(o(false),!d||c.id===d.id)return;let p=t.findIndex(u=>u===c.id),m=t.findIndex(u=>u===d.id);p<0||m<0||r({newIndex:m,oldIndex:p});},[r,t,o]);return T__namespace.default.createElement(core$1.DndContext,{sensors:n,collisionDetection:core$1.closestCenter,onDragStart:s,onDragCancel:a,onDragEnd:l},T__namespace.default.createElement(sortable.SortableContext,{items:t,strategy:sortable.verticalListSortingStrategy},T__namespace.default.createElement(Tr,null,T__namespace.default.createElement(I,{open:i}),e)))};Ht.displayName="ScreenshotListSortable";var Qr=({children:e})=>{let t=A(),o=Ce(),r=o.screenshots&&o.screenshots.length>0,i=[...o.screenshots||[]].sort((n,s)=>(n.index??0)-(s.index??0));return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(Ht,{items:i.map(n=>n.id)},r?T__namespace.default.createElement(T__namespace.default.Fragment,null,t&&i.map((n,s)=>T__namespace.default.createElement(Nt,{index:s,sortableId:n.id,openUpdateDialog:true,key:n.id,screenshot:n,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===n.id)}))):T__namespace.default.createElement("div",{style:{marginTop:30,textAlign:"center"}},T__namespace.default.createElement("div",null,"No screenshot has been found!")),e))};Qr.displayName="ScreenshotList";var Jr=e=>{let{hasScreenShot:t,title:o,onTestClick:r,onPreviewClick:i,onUpdateClick:n,onDelete:s}=e,[a,l]=T__namespace.default.useState(false);return T__namespace.default.createElement(We,{border:["bottom"]},T__namespace.default.createElement("div",{className:"left"},T__namespace.default.createElement("div",{title:o},"Story Screenshots")),T__namespace.default.createElement("div",{className:"right"},T__namespace.default.createElement(St,{fixFunction:true,onClose:l,open:a}),T__namespace.default.createElement(components.IconButton,{onClick:()=>l(true),title:"Fix screenshot name"},T__namespace.default.createElement(icons.WrenchIcon,null)),t&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{onClick:n,title:"Update story screenshots"},T__namespace.default.createElement(icons.RefreshIcon,null)),T__namespace.default.createElement(components.IconButton,{onClick:r,title:"Run diff test for story screenshots"},T__namespace.default.createElement(icons.ContrastIcon,null)),T__namespace.default.createElement(components.IconButton,{onClick:i,title:"Display story screenshots"},T__namespace.default.createElement(icons.PhotoIcon,null)),T__namespace.default.createElement(ye,{IconButton:components.IconButton,onDelete:s}))))};Jr.displayName="ScreenshotListToolbar";function yt(e,t,o=false){T.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 fd=core.makeStyles(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"}),Zr=({screenshots:e,storyData:t,selectedItem:o,title:r,children:i,draggable:n=true,...s})=>{let[a,l]=T.useState(),c=Ce(),d=fd(),p=T.useCallback(async f=>{l(f);},[]),m=T.useCallback(f=>{if(!a)return;let h=e.findIndex(g=>g.id===a.id);switch(f.key){case "ArrowDown":{e[h+1]&&l(e[h+1]);break}case "ArrowUp":{e[h-1]&&l(e[h-1]);break}}},[a,e]);yt(void 0,m),T.useEffect(()=>{if(c.imageDiffResults&&c.imageDiffResults.length&&e&&!a)if(o){let f=e.find(h=>h.id===o);f&&p(f);}else e[0]&&p(e[0]);},[a,p,e,o,c.imageDiffResults]);let u=a&&c.imageDiffResults.find(f=>f.screenshotId===a.id);return T__namespace.default.createElement(me,{width:"100%",title:r||(a?core.capitalize(a.title):"Loading ..."),subtitle:(r&&a&&a.title)+(t&&` (${t.id})`),height:"100%",...s},T__namespace.default.createElement("div",{className:d.root},T__namespace.default.createElement("div",{className:d.list},T__namespace.default.createElement(Ht,{items:e.map(f=>f.id)},a&&e.map((f,h)=>T__namespace.default.createElement(Nt,{index:h,sortableId:f.id,openUpdateDialog:false,showPreviewOnClick:false,key:f.id,screenshot:f,forceShowMenu:true,enableUpdate:true,draggable:n,storyData:t,pauseDeleteImageDiffResult:c.pauseDeleteImageDiffResult,onClick:p,selected:a.id===f.id,imageDiffResult:c.imageDiffResults.find(g=>g.screenshotId===f.id)})))),T__namespace.default.createElement("div",{className:d.line}),u&&T__namespace.default.createElement(Wt,{imageDiffResult:u}),i))};Zr.displayName="ScreenshotListPreviewDialog";var Ko=e=>{let{onClose:t,updating:o,target:r,onLoad:i}=e,{loading:n,storyData:s}=Os(r,i),[a,l]=T.useState(false),c=Ce(),{updateScreenshot:d}=No(),p=T.useCallback(async()=>{l(true);try{let m=c.screenshots.reduce((u,f)=>{let h=c.imageDiffResults.find(g=>g.screenshotId===f.id);if(!h)throw new Error(`Unable to find image diff result for '${f.title}' screenshot.`);return u.push(d(h)),u},[]);await Promise.all(m),S.success("Successfully updated.",{duration:1/0,id:"story-screenshot-preview:updated"});}catch(m){S.error(m.message);}l(false);},[c,d]);return T__namespace.default.useEffect(()=>(Ot(true),()=>{Ot(false),ms();}),[]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(I,{open:n||a}),!n&&T__namespace.default.createElement(Zr,{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?()=>T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:t,color:"primary"},"No"),T__namespace.default.createElement(core.Button,{onClick:p,color:"primary",autoFocus:true},"Yes")):void 0},T__namespace.default.createElement(I,{open:a})))};Ko.displayName="StoryScreenshotPreview";var qs=T__namespace.default.memo(Ko);function ei(){let[e,t]=T.useState(false),o="screenshot-panel",{runDiffTest:r,updateInf:i}=pt(o,"story"),{screenshotLoaderInProgress:n}=hs(),{deleteInProgress:s,deleteStoryScreenshots:a}=fs(),l=Ce(),{testStoryScreenShots:c,imageDiffTestInProgress:d}=ut(),p=T.useCallback(()=>{t(!e);},[e]),m=l.screenshots&&l.screenshots.length>0;T.useEffect(()=>{Ot(e);},[e]);let u=T__namespace.default.useCallback(()=>{c("story");},[c]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(Jr,{onUpdateClick:r,title:"Story Screenshots",onTestClick:u,onPreviewClick:p,hasScreenShot:m,onDelete:a}),T__namespace.default.createElement(Qr,null,T__namespace.default.createElement(I,{open:n||d||s||i.reqBy!==void 0})),e&&T__namespace.default.createElement(Ko,{onClose:p,target:"story"}))}ei.displayName="ScreenshotPanel";var ti=({showPanel:e})=>{let[t,o]=T__namespace.default.useState(false),{updateInf:r,handleClose:i,setIsLoadingFinish:n}=pt(""),s=T__namespace.default.useCallback(()=>{o(true),n(true);},[n]),a=T__namespace.default.useCallback(()=>{i(),o(false);},[i]);return T__namespace.default.createElement(be,null,e&&!t&&T__namespace.default.createElement(ei,null),r.reqBy&&T__namespace.default.createElement(qs,{onClose:a,updating:true,target:r.target??"story",onLoad:s}))};ti.displayName="ScreenshotMain";function Xs(){let e=managerApi.useStorybookState(),[t,o]=T.useState();return T.useEffect(()=>{let r=pn(window.location.host,e.storyId),i=Object.keys(e.customQueryParams);if(i.length>0){let n=i.map(s=>{let a=e.customQueryParams[s];return `${s}=${a}`});r+=`&${n.join("&")}`;}o(r);},[e.customQueryParams,e.storyId]),t}var Bd=C(Il__default.default),Ed=core.makeStyles(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),Gt=({title:e,Icon:t,children:o,width:r,active:i})=>{let[n,s]=T.useState(),a=Ed(),l=T.useCallback(d=>{s(d.target);},[]),c=T.useCallback(()=>{s(void 0);},[]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Popover,{open:!!n,anchorEl:n,onClose:c,style:{margin:20},anchorOrigin:{horizontal:"center",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"}},T__namespace.default.createElement("div",{className:a.root,style:{width:r}},T__namespace.default.createElement("div",{className:a.title},T__namespace.default.createElement("span",null,e),T__namespace.default.createElement(core.IconButton,{size:"small",onClick:c},T__namespace.default.createElement(Bd,null))),T__namespace.default.createElement(core.Divider,null),T__namespace.default.createElement("div",null,o))),T__namespace.default.createElement(components.IconButton,{onClick:l,active:i},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Browser Options"},T__namespace.default.createElement(t,null))))};Gt.displayName="OptionPopover";var Nd=C(Ld__default.default),Vt=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:r,setBrowserDeviceOptions:i}=z(e),[n,s]=T.useState(false),a=T.useCallback(c=>{t(e,c);},[e,t]),l=T.useCallback(c=>{i(e,c),s(true);},[e,i]);return T.useEffect(()=>{n&&s(false);},[n]),o?T__namespace.default.createElement(Gt,{title:"Browser Options",Icon:Nd,active:r},!n&&T__namespace.default.createElement(Wo,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:T__namespace.default.createElement(Ir,{onDeviceSelect:l})})):null};Vt.displayName="BrowserOptions";var Vd=C(Kd__default.default),Ud=C(Wd__default.default),_d=C(Gd__default.default),$d=core.makeStyles(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"}}}),ni=e=>{let{browserType:t,onSave:o,showSaveButton:r,loading:i,onRefresh:n,onFullScreen:s}=e,a=$d();return T__namespace.default.createElement("div",{className:a.root},T__namespace.default.createElement("div",{className:a.toolbarPanels},T__namespace.default.createElement("label",{className:a.label},t),i&&T__namespace.default.createElement(core.CircularProgress,{classes:{svg:"browser-loader"},style:{marginLeft:10},size:15})),T__namespace.default.createElement("div",{className:a.toolbarPanels},r&&T__namespace.default.createElement(components.IconButton,{onClick:o},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Save screenshot"},T__namespace.default.createElement(_d,null))),T__namespace.default.createElement(components.IconButton,{onClick:n},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Refresh"},T__namespace.default.createElement(Ud,null))),t!=="storybook"&&T__namespace.default.createElement(Vt,{browserType:t}),T__namespace.default.createElement(components.IconButton,{onClick:s},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Full screen"},T__namespace.default.createElement(Vd,null)))))};ni.displayName="ScreenShotViewToolbar";var si=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var tu=core.makeStyles(e=>{let t=e.palette.type==="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:si(o.type,r.paper,.6)},backgroundColor:"transparent",visibility:"visible !important"},overflow:"hidden",position:"relative",width:"100%",zIndex:10},container:{alignItems:"center",height:"100%",overflow:"hidden",position:"relative",width:"100%"},editMode:{"& $fakeBorder":{borderColor:t(e.palette.warning.main,.5)},backgroundColor:t(e.palette.warning.main,.6)},fakeBorder:{border:`10px solid ${si(o.type,r.paper,.1)}`,borderTop:0,bottom:0,left:0,pointerEvents:"none",position:"absolute",right:0,top:0,zIndex:5},iframe:{width:"100%"},image:{marginLeft:10,marginRight:12},imageContainer:{paddingBottom:10}}},{name:"ScreenshotView"}),Go=e=>{let{browserType:t,url:o,height:r,refresh:i,onRefreshEnd:n,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=Me(),[c,d]=T.useState(false),p=tu(),{getBrowserOptions:m}=z(),u=m(t),{loading:f,screenshot:h,getSnapshot:g,error:y}=Gs(t,u);T.useEffect(()=>{!i||f||(g(),n?.());},[g,f,n,i]);let v=r-30,k=!!(h&&h.base64)&&t!=="storybook",b=T.useCallback(()=>{d(!c);},[c]),x=y||h?.error,M=T.useCallback(()=>{t==="storybook"||!h?.base64||s?.(t);},[t,s,h]);return T.useEffect(()=>{if(!(!a||t==="storybook")){if(!h?.base64){a(t,void 0);return}a(t,{base64:h.base64,browserOptions:u});}},[u,t,a,h]),T__namespace.default.createElement("div",{className:go__default.default(p.card,{[p.editMode]:l(t)})},T__namespace.default.createElement(ni,{browserType:t,onSave:M,loading:f,onRefresh:g,showSaveButton:k,onFullScreen:b}),T__namespace.default.createElement("div",{className:p.container,style:{height:v}},T__namespace.default.createElement("div",{className:p.fakeBorder}),t!=="storybook"?T__namespace.default.createElement(components.ScrollArea,{vertical:true,horizontal:true},T__namespace.default.createElement("div",{className:p.imageContainer},h&&h.base64&&!x?T__namespace.default.createElement("img",{className:p.image,src:`data:image/gif;base64,${h.base64}`}):T__namespace.default.createElement(T__namespace.default.Fragment,null,x&&T__namespace.default.createElement(yr,{message:x})))):T__namespace.default.createElement("iframe",{src:o,className:p.iframe,style:{height:v-10},frameBorder:"0"})),T__namespace.default.createElement(me,{open:c,width:"100%",height:"100%",onClose:b,title:`${core.capitalize(t)} screenshot`},h&&c&&h.base64&&T__namespace.default.createElement(Ut,{imgSrcString:h.base64})))};Go.displayName="ScreenshotView";var su=core.makeStyles(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"}),ai=T.forwardRef((e,t)=>{let o=su();return T__namespace.default.createElement("div",{...e,className:go__default.default(o.overlay),ref:t})});ai.displayName="IframeOverlay";var li=zustand.create()(middleware.devtools(e=>({clipping:false,start:()=>{e(()=>({clipping:true}));},stop:()=>{e(()=>({clipping:false}));},toggleClippingState:()=>{e(t=>({clipping:!t.clipping}));}}),{name:"clipper-store"})),ci=()=>{let{clipping:e,stop:t}=li(),{addonState:o,setAddonState:r}=ae(),{setBrowserOptions:i,browserOptions:n}=z(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=G(),c=T__namespace.default.useRef(null),d=Zs(),p=T__namespace.default.useCallback(m=>{if(!c.current||!d)return;let u=fn(d),{height:f,width:h,top:g,left:y}=m.rect,v=d.contentDocument??d.contentWindow?.document,k=v?Math.max(v.body?.scrollHeight||0,v.body?.offsetHeight||0,v.documentElement.scrollHeight,v.documentElement.offsetHeight,v.documentElement.clientHeight):d.getBoundingClientRect().height,b=d.getBoundingClientRect(),x=d.contentWindow?.innerWidth??b.width,M=d.contentWindow?.innerHeight??b.height,D=v?.documentElement?.clientWidth??b.width,L=v?.documentElement?.clientHeight??b.height,F=Math.min(b.width,D),R=Math.min(b.height,L),K=b.left+F,_=b.top+R,pe=F?x/F:1,he=R?M/R:1,ze=Number.isFinite(pe)&&pe>0?pe:1,to=Number.isFinite(he)&&he>0?he:1,hr=y+h,oo=g+f,ro=Math.max(y,b.left),Ct=Math.max(g,b.top),io=Math.min(hr,K),no=Math.min(oo,_),Qe=Math.max(0,io-ro),so=Math.max(0,no-Ct);if(Qe===0||so===0){t();return}i("all",{...n.all||{},viewport:{height:Math.round(k),width:Math.round(x)}});let ao={left:u.scrollLeft+(ro-b.left)*ze,top:u.scrollTop+(Ct-b.top)*to};a({...l,clip:{height:Math.ceil(so*to),width:Math.ceil(Qe*ze),x:Math.floor(ao.left),y:Math.floor(ao.top)}}),t(),s||S.custom(({dismiss:lo})=>T__namespace.default.createElement(fo,{variant:"info",onClose:lo},T__namespace.default.createElement(vr,{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."),T__namespace.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginTop:8}},T__namespace.default.createElement(components.IconButton,{type:"button",onClick:()=>{r({...o,clippingWarningDismissed:true}),lo();}},"Do Not Show Again"))));},[o,n.all,d,s,l,i,a,r,t]);return yt(void 0,m=>{m.code==="Escape"&&t();}),e?T__namespace.default.createElement(ai,{ref:c},T__namespace.default.createElement(lu__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:p})):null};ci.displayName="Clipper";var pi=()=>{let{clipping:e,toggleClippingState:t}=li(),o=T__namespace.default.useCallback(()=>{t();},[t]);return T__namespace.default.createElement(components.IconButton,{active:e,onClick:o},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:e?"Stop Clipping":"Start Clipping"},T__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}},T__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"}))))};pi.displayName="ClipperButton";var ea=e=>T__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},T__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"}),T__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var ta=e=>T__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},T__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"}),T__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var oa=e=>T__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},T__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 ia=e=>T__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},T__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"}),T__namespace.createElement("path",{d:"M13.517 2.221l0.585 2.942-0.49 0.098-0.585-2.942 0.49-0.098z"}),T__namespace.createElement("path",{d:"M18.489 29.78l-0.585-2.942 0.49-0.098 0.585 2.942-0.49 0.098z"}),T__namespace.createElement("path",{d:"M12.176 2.528l0.436 1.435-0.478 0.145-0.436-1.435 0.478-0.145z"}),T__namespace.createElement("path",{d:"M19.826 29.465l-0.436-1.435 0.478-0.145 0.436 1.435-0.478 0.145z"}),T__namespace.createElement("path",{d:"M10.875 2.972l1.148 2.772-0.462 0.191-1.148-2.772 0.462-0.191z"}),T__namespace.createElement("path",{d:"M21.129 29.030l-1.148-2.772 0.462-0.191 1.148 2.772-0.462 0.191z"}),T__namespace.createElement("path",{d:"M9.176 3.771l0.441-0.236 0.707 1.323-0.441 0.236-0.707-1.323z"}),T__namespace.createElement("path",{d:"M22.816 28.228l-0.441 0.236-0.707-1.323 0.441-0.236 0.707 1.323z"}),T__namespace.createElement("path",{d:"M3.769 9.182l1.323 0.707-0.236 0.441-1.323-0.707 0.236-0.441z"}),T__namespace.createElement("path",{d:"M28.226 22.819l-1.323-0.707 0.236-0.441 1.323 0.707-0.236 0.441z"}),T__namespace.createElement("path",{d:"M5.744 12.019l-2.772-1.148 0.191-0.462 2.772 1.148-0.191 0.462z"}),T__namespace.createElement("path",{d:"M26.26 19.978l2.772 1.148-0.191 0.462-2.772-1.148 0.191-0.462z"}),T__namespace.createElement("path",{d:"M2.673 11.7l1.436 0.435-0.145 0.479-1.436-0.435 0.145-0.479z"}),T__namespace.createElement("path",{d:"M29.322 20.302l-1.436-0.435 0.145-0.479 1.436 0.435-0.145 0.479z"}),T__namespace.createElement("path",{d:"M2.315 13.024l2.942 0.585-0.098 0.49-2.942-0.585 0.098-0.49z"}),T__namespace.createElement("path",{d:"M29.679 18.976l-2.942-0.585 0.098-0.49 2.942 0.585-0.098 0.49z"}),T__namespace.createElement("path",{d:"M2.218 18.486l2.942-0.585 0.098 0.49-2.942 0.585-0.098-0.49z"}),T__namespace.createElement("path",{d:"M29.776 13.513l-2.942 0.585-0.098-0.49 2.942-0.585 0.098 0.49z"}),T__namespace.createElement("path",{d:"M2.53 19.829l1.435-0.436 0.145 0.478-1.435 0.436-0.145-0.478z"}),T__namespace.createElement("path",{d:"M29.468 12.178l-1.435 0.436-0.145-0.478 1.435-0.436 0.145 0.478z"}),T__namespace.createElement("path",{d:"M3.161 21.591l-0.191-0.462 2.772-1.148 0.191 0.462-2.772 1.148z"}),T__namespace.createElement("path",{d:"M28.837 10.413l0.191 0.462-2.772 1.148-0.191-0.462 2.772-1.148z"}),T__namespace.createElement("path",{d:"M3.776 22.821l-0.236-0.441 1.323-0.707 0.236 0.441-1.323 0.707z"}),T__namespace.createElement("path",{d:"M28.233 9.181l0.236 0.441-1.323 0.707-0.236-0.441 1.323-0.707z"}),T__namespace.createElement("path",{d:"M9.621 28.464l-0.441-0.236 0.707-1.323 0.441 0.236-0.707 1.323z"}),T__namespace.createElement("path",{d:"M22.377 3.534l0.441 0.236-0.707 1.323-0.441-0.236 0.707-1.323z"}),T__namespace.createElement("path",{d:"M10.415 28.837l1.148-2.772 0.462 0.191-1.148 2.772-0.462-0.191z"}),T__namespace.createElement("path",{d:"M21.59 3.16l-1.148 2.772-0.462-0.191 1.148-2.772 0.462 0.191z"}),T__namespace.createElement("path",{d:"M12.176 29.47l-0.478-0.145 0.435-1.435 0.478 0.145-0.435 1.435z"}),T__namespace.createElement("path",{d:"M19.823 2.528l0.479 0.145-0.435 1.436-0.479-0.145 0.435-1.436z"}),T__namespace.createElement("path",{d:"M13.515 29.776l-0.49-0.098 0.585-2.942 0.49 0.098-0.585 2.942z"}),T__namespace.createElement("path",{d:"M18.485 2.218l0.49 0.098-0.585 2.942-0.49-0.098 0.585-2.942z"}),T__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var zt=T.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return T__namespace.default.createElement(ta,{...o});case "firefox":return T__namespace.default.createElement(oa,{...o});case "webkit":return T__namespace.default.createElement(ia,{...o});default:return T__namespace.default.createElement(ea,{...o})}});zt.displayName="BrowserIcon";var fi=e=>{let{browserType:t,onClick:o,active:r}=e,i=T.useCallback(()=>{o(t);},[t,o]);return T__namespace.default.createElement(components.IconButton,{onClick:i,active:r,title:core.capitalize(t)},T__namespace.default.createElement(zt,{browserType:t}))};fi.displayName="BrowserIconButton";var xu=C(wu__default.default);function Pu(e){let t=e.contentDocument;if(!t||!t.body||!t.documentElement)return null;let{body:o,documentElement:r}=t,i=Math.max(o.scrollWidth,o.offsetWidth,o.clientWidth,r.scrollWidth,r.offsetWidth,r.clientWidth),n=Math.max(o.scrollHeight,o.offsetHeight,o.clientHeight,r.scrollHeight,r.offsetHeight,r.clientHeight);return i<=0||n<=0?null:{width:i,height:n}}var hi=()=>{let{setBrowserOptions:e,browserOptions:t}=z(),{setScreenshotOptions:o,screenshotOptions:r}=G(),i=T__namespace.default.useCallback(()=>{let n=Se();if(!n)return;let s=Pu(n);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 T__namespace.default.createElement(components.IconButton,{onClick:i,"aria-label":"Match browser viewport to iframe content"},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Match browser viewport to iframe content"},T__namespace.default.createElement(xu,null)))};hi.displayName="ResizeBrowserToIframeContent";var Iu=C(Cu__default.default),gi=()=>{let{setBrowserOptions:e,browserOptions:t}=z(),{setScreenshotOptions:o,screenshotOptions:r}=G(),i=T__namespace.default.useCallback(()=>{let n=Se();if(!n)return;let s=n.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 T__namespace.default.createElement(components.IconButton,{onClick:i,"aria-label":"Match browser viewport to preview"},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Match browser viewport to preview"},T__namespace.default.createElement(Iu,null)))};gi.displayName="ResizeBrowserToPreview";var Eu=C(Du__default.default);function Si(){let{setBrowserOptions:e}=z(),{setScreenshotOptions:t}=G(),o=T__namespace.default.useCallback(()=>{e("all",{}),t({});},[e,t]);return T__namespace.default.createElement(components.IconButton,{onClick:o},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Reset Settings"},T__namespace.default.createElement(Eu,{style:{marginTop:4,width:"20px"}})))}Si.displayName="ResetSettings";var Nu=C(Lu__default.default),yi=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=G(),o=T.useCallback(i=>{e(i);},[e]),r=T.useMemo(()=>t&&Object.keys(t).length>0,[t]);return T__namespace.default.createElement(Gt,{title:"Screenshot Options",Icon:Nu,active:r},T__namespace.default.createElement(Wo,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};yi.displayName="ScreenshotOptions";var Vu=C(zu__default.default),Uu=C(Hu__default.default),_u=C(Ku__default.default),$u=C(Gd__default.default),vi=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:r,onCLose:i,onRefresh:n,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=z(),d=T.useCallback(()=>{let p=c.all&&c.all.cursor;l("all",{...c.all,cursor:p?void 0:true});},[c,l]);return T__namespace.default.createElement(We,{border:s?void 0:["top"]},T__namespace.default.createElement("div",{className:"left"},t.map(p=>T__namespace.default.createElement(fi,{key:p,browserType:p,onClick:o,active:r.find(m=>m===p)!==void 0}))),T__namespace.default.createElement("div",{className:"right"},T__namespace.default.createElement(components.IconButton,{className:"cursor-button",onClick:d,active:c.all&&c.all.cursor},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:c.all&&c.all.cursor?"Hide cursor":"Show cursor"},T__namespace.default.createElement(Uu,{style:{transform:"rotate(-80deg)"}}))),T__namespace.default.createElement(pi,null),T__namespace.default.createElement(gi,null),T__namespace.default.createElement(hi,null),T__namespace.default.createElement(components.IconButton,{onClick:a},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Save screenshots"},T__namespace.default.createElement($u,null))),T__namespace.default.createElement(components.IconButton,{onClick:n},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Refresh"},T__namespace.default.createElement(_u,null))),T__namespace.default.createElement(Si,null),T__namespace.default.createElement(yi,null),T__namespace.default.createElement(Vt,{browserType:"all"}),T__namespace.default.createElement(components.IconButton,{onClick:i},T__namespace.default.createElement(core.Tooltip,{placement:"top",title:"Close panel"},T__namespace.default.createElement(Vu,null)))))};vi.displayName="Toolbar";var qu=100,la=2,Xu=2,ca=(e,t)=>{let[o,r]=reactUse.useMeasure(),i=T.useMemo(()=>`calc(${qu/(e||t||1)}% - ${Xu}px)`,[t,e]);return {itemHeight:T.useMemo(()=>e===1?r.height/(t||1):e===la?r.height/la:r.height,[t,e,r.height]),ref:o,width:i}};var pa=e=>{let[t,o]=T.useState(false),r=T.useRef({}),{generateTitle:i,hasGenerator:n}=Bs(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=zs(),c=T.useCallback((f,h)=>{if(!h){delete r.current[f];return}r.current[f]=h;},[]),d=T.useCallback(async(f,h)=>{o(true);try{for(let g of h){let y=r.current[g];y&&await l(g,f,y.base64,y.browserOptions);}}finally{o(false);}},[l]),p=T.useCallback(f=>{if(!f.length)return;let h=f.length>1?"Screenshots Title":"Screenshot Title";rt.show({onGenerateContent:n?i:void 0,onSave:g=>{d(g,f);},required:true,title:h,value:s()});},[i,s,n,d]),m=T.useCallback(()=>{p(e);},[e,p]),u=T.useCallback(f=>{p([f]);},[p]);return {isSaving:t||a,requestSaveAll:m,requestSaveOne:u,setScreenshotData:c}};var Zu=styles.makeStyles(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",padding:5,width:"100%"},root:{display:"flex",flexDirection:"column",height:"100%"},vertical:{borderLeft:`1px solid ${e.palette.divider}`}})),jt=e=>{let{showStorybook:t,column:o,onClose:r,viewPanel:i}=e,{activeBrowsers:n,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:d}=Fo(i),p=Zu(),m=Xs(),{itemHeight:u,ref:f,width:h}=ca(o,n.length),{isSaving:g,requestSaveAll:y,requestSaveOne:v,setScreenshotData:k}=pa(n),b=T.useCallback(()=>{d(n);},[n,d]);return T__namespace.default.createElement("div",{className:go__default.default(p.root,{[p.vertical]:o===1})},T__namespace.default.createElement(vi,{browserTypes:a,activeBrowsers:n,toggleBrowser:s,onCLose:r,onRefresh:b,onSave:y,isVertical:o===1}),T__namespace.default.createElement("div",{className:p.preview},n&&n.length>0&&T__namespace.default.createElement("div",{ref:f,className:go__default.default(p.list,{[p.listWrap]:o!==void 0})},t&&T__namespace.default.createElement("div",{className:p.listItem,style:{width:h}},T__namespace.default.createElement(Go,{browserType:"storybook",url:m,height:u})),n.map(x=>T__namespace.default.createElement("div",{key:x,className:p.listItem,style:{width:h}},T__namespace.default.createElement(Go,{browserType:x,height:u,refresh:l.includes(x),onSave:v,onRefreshEnd:()=>{c(x);},onScreenshotDataChange:k}))))),T__namespace.default.createElement(I,{open:g}))};jt.displayName="ScreenshotListView";var of=styles.makeStyles(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%"}})),bi=e=>{let{onClose:t,open:o}=e,r=of();return T__namespace.default.createElement(kt,null,T__namespace.default.createElement(ef__default.default,{onClose:t,"aria-labelledby":"simple-dialog-title",open:o,hideBackdrop:true,classes:{paper:r.dialogPaper}},T__namespace.default.createElement("div",{className:r.container},T__namespace.default.createElement(jt,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};bi.displayName="PreviewDialog";var af=core.makeStyles(()=>({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"}),wi=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=Me(),o=af();return e?T__namespace.default.createElement(lab.Alert,{classes:{icon:o.icon,message:o.message,root:o.alert},severity:"warning"},T__namespace.default.createElement("div",{className:o.root},T__namespace.default.createElement("div",{className:o.messageWrapper},`Editing '${e.screenshotData.title}' screenshot (${e.screenshotData.browserType}).`),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.Button,{size:"small",color:"inherit",onClick:t},"Cancel")))):null};wi.displayName="EditScreenshotAlert";function da(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var ua="html>body>#root",fa="html>body>#storybook-root";function ha(e){return typeof e.querySelector=="function"}function lf(e){if(ha(e)){if(e.querySelector(ua))return ua;if(e.querySelector(fa))return fa}}function ga(e,t){if(!ha(t))return e;let o=lf(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let i=1;i<=8;i+=1){let n=`html>body>div:nth-child(${i})`;if(!e.includes(n))continue;let s=t.querySelector(n);if(s&&s===r)return e.replace(n,o)}return e}var hf=core.makeStyles(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"}),Ai={height:"100%",left:0,right:0,width:"100%"},xi=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:r,setSelectorData:i}=bt(),[n,s]=T.useState(),a=hf(),l=T.useRef(null),c=r.type==="id-selector",d=r.type==="selector"||c,[p,m]=T.useState({rect:Ai}),{elX:u,elY:f}=reactUse.useMouseHovered(l,{bound:true,whenHovered:true});return reactUse.useKey("Escape",o,void 0,[m,o]),reactUse.useThrottleFn((h,g)=>{if(t&&t.contentWindow){let y=t.contentWindow.document,v=y.elementFromPoint(h,g);if(v)if(c)m({rect:v.getBoundingClientRect(),selector:v.id?`#${v.id}`:""});else {let k=ga(selectorPath.getSelectorPath(v,{minify:true}),y);v.tagName==="HTML"?m({rect:Ai,selector:k}):m({rect:v.getBoundingClientRect(),selector:k});}else m({...p,rect:void 0});}},150,[u,f]),T.useEffect(()=>{if(n){let h=l.current?l.current.contains(n):false;o(),i({path:h?p.selector:void 0,x:Math.round(u),y:Math.round(f)});}},[u,f,i,n,p.selector,o]),T.useEffect(()=>{let h=v=>{s(v.target);},g=document.createElement("STYLE");g.innerHTML=`html, body {
8
8
  cursor: crosshair !important;
9
- `;let{body:y}=document;return document.head.appendChild(g),y.addEventListener("mouseup",h),()=>{y.style.cursor="inherit",y.removeEventListener("mouseup",h),document.head.removeChild(g);}},[]),T__namespace.default.createElement("div",{ref:l,className:So__default.default(a.overlay)},i&&p&&p.rect&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement("div",{className:So__default.default(a.preview,"selector-preview"),style:d?{height:p.rect.height,left:p.rect.left,top:p.rect.top,width:p.rect.width}:bi}),T__namespace.default.createElement("div",{className:a.info},T__namespace.default.createElement("div",null,`X: ${u}`),T__namespace.default.createElement("div",null,`Y: ${f}`),T__namespace.default.createElement("div",null,p.selector))))};wi.displayName="SelectorOverlay";var Ai=T.memo(e=>{let{children:t}=e,{selectorManager:o}=bt(),i=T.useRef(null),[r,n]=T.useState();T.useEffect(()=>{i.current&&n(i.current.querySelector("iframe")||void 0);},[]);let s=o&&o.start;return T__namespace.default.createElement("div",{ref:i,style:{height:"100%"}},t,s&&T__namespace.default.createElement(wi,{iframe:r}))});Ai.displayName="Selector";var hf=core.makeStyles(()=>({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"}),wa=3,xi=e=>{let{children:t}=e,{addonState:o,setAddonState:i}=ae(),r=managerApi.useStorybookState(),n=hf(),s=pa(o,r.layout.panelPosition),a=T.useCallback(u=>{i({...o,previewPanelSize:u});},[o,i]),l=T.useCallback(()=>{i({...o,previewPanelEnabled:false});},[o,i]);if(!o||!o.previewPanelEnabled)return T__namespace.default.createElement(T__namespace.default.Fragment,null,t);let c=0,d=T__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:So__default.default("preview-main",n.preview)},T__namespace.default.createElement("div",{className:n.iframeContainer},T__namespace.default.createElement(Ai,null,t)),T__namespace.default.createElement(li,null),T__namespace.default.createElement(vi,null)),p=T__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:So__default.default(n.snapshotPanel)},T__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&T__namespace.default.createElement(qt,{column:s?void 0:1,onClose:l,viewPanel:"main"})),m=[d,p];return T__namespace.default.createElement(ve,null,T__namespace.default.createElement("div",{id:"preview-container",className:So__default.default(n.root)},T__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:u=>a(u[c]),dividerClassName:So__default.default(n.splitPane),dividerStyle:{...s?{height:wa}:{width:wa}}},m)))};xi.displayName="Preview";var we="playwright-addon",Aa=`${we}/action-panel`,wt=`${we}/screenshot-panel`,xa=`${we}/tool`,Pa=`${we}/toast`,Ta=`${we}/preview-panel`;var Qo=" (This action loaded from screenshot actions, its temporary and will be removed)";var vf=core.makeStyles(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"}),Pi=e=>{let{imageDiff:t,onClick:o}=e,i=managerApi.useStorybookApi(),r=vf(),{storyId:n}=t,s=n?i.getData(n):void 0,a=T.useCallback(()=>{n&&(o(),i.selectStory(n),i.setSelectedPanel(wt));},[i,o,n]);return s?T__namespace.default.createElement(components.ListItem,{onClick:a,title:`${s.parent}--${s.name}`}):T__namespace.default.createElement(components.ListItem,{className:r.notFound,title:"Unable to locate story!"},T__namespace.default.createElement("div",null,T__namespace.default.createElement("b",null,"Unable to locate story!"),T__namespace.default.createElement("p",null,T__namespace.default.createElement("b",null,"ID:")," ",e.imageDiff.storyId),T__namespace.default.createElement("p",null,T__namespace.default.createElement("b",null,"File:")," ",e.imageDiff.filePath)))};Pi.displayName="ImageDiffMenuItem";var Cf=core.makeStyles(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"}),Jo=e=>{let{target:t,storyData:o}=e,i=Cf({classes:e.classes}),{imageDiffResult:r}=Ds(),{testStoryScreenShots:n,imageDiffTestInProgress:s}=ut(),a=t==="file"&&o?r.filter(f=>f.filePath?fo(f.filePath,o.filePath):false):r,l=a.filter(f=>f.pass===false),c=l.length>0,d=T.useCallback(async()=>{if(c)return;let f=await n(t);if(!Array.isArray(f))return;f.find(g=>!g.pass)||S.success("All screenshot tests are passed successfully.",{id:"image-diff:all-passed"});},[c,t,n]),p=T.useCallback(()=>{t==="file"?a.forEach(f=>{f.screenshotId&&Eo(f.screenshotId);}):dt([]);},[a,t]),m=t==="file"&&o?`Run diff test for all stories in '${o.filePath}' file.`:"Run diff test for all stories",u=T__namespace.default.createElement(components.IconButton,{title:m,className:i.button,onClick:d,style:{position:"relative"},disabled:s},c&&T__namespace.default.createElement(core.Badge,{badgeContent:l.length,color:"secondary",className:i.imageDiffBadge,overlap:"rectangular"}),T__namespace.default.createElement(icons.ContrastIcon,null),T__namespace.default.createElement(M,{position:"absolute",open:s,progressSize:15}));return c?T__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom",trigger:"click",tooltip:({onHide:f})=>T__namespace.default.createElement("div",{style:{maxHeight:"60vh",overflowY:"auto"},onMouseDown:h=>h.stopPropagation()},T__namespace.default.createElement(components.ListItem,{title:"Clear results",onClick:()=>{p(),f();}}),l.filter((h,g,y)=>g===y.findIndex(v=>v.storyId===h.storyId)).map(h=>T__namespace.default.createElement(Pi,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:f})))},u):u};Jo.displayName="ImageDiff";var Ti=100;function Ia(){let e=managerApi.useStorybookApi(),t=A(),{addonState:o,setAddonState:i}=ae();return ()=>{i({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:Ti}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),_e(),t?.id&&ct(t.id);}}var Zo=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:i}=pt(t,e),r=e=="file"?"Update current story file screenshots":"Update all screen shots";return T__namespace.default.createElement(components.IconButton,{title:r,onClick:o,style:{position:"relative"},disabled:!!i.inProgress},T__namespace.default.createElement(icons.RefreshIcon,null),T__namespace.default.createElement(M,{position:"absolute",open:i.reqBy===t&&!!i.inProgress,progressSize:15}))};Zo.displayName="ScreenshotUpdateIcon";var Vf=core.makeStyles(()=>({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}})),Mi=()=>{let[e,t]=T.useState(false),{setAddonState:o,addonState:i}=ae(),[r,n]=T__namespace.default.useState(false),s=A(),a=Ia(),l=i&&i.previewPanelEnabled,c=()=>{t(true);},d=()=>{t(false);},p=T.useCallback(()=>{o({...i,previewPanelEnabled:!l});},[i,l,o]),m=Vf(),u=T.useCallback(h=>{o({...i,placement:h,previewPanelSize:Ti});},[o,i]),f=i?i.placement:"auto";return T__namespace.default.createElement(ve,null,T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(components.WithTooltip,{placement:"bottom",trigger:"click",closeOnOutsideClick:true,tooltip:({onHide:h})=>T__namespace.default.createElement("div",{onMouseDown:g=>g.stopPropagation()},T__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:T__namespace.default.createElement(icons.WrenchIcon,null),id:"fix-screenshot-file-name",onClick:()=>{n(true),h();},title:"Fix screenshot file name"},{icon:T__namespace.default.createElement(icons.ShareAltIcon,null),id:"full-screen",onClick:()=>{c(),h();},title:"Full screen view"},{icon:i.previewPanelEnabled?T__namespace.default.createElement(icons.EyeCloseIcon,null):T__namespace.default.createElement(icons.EyeIcon,null),id:"panel-toggle",onClick:()=>{p();},title:i.previewPanelEnabled?"Hide Preview Panel":"Show Preview Panel"},{content:T__namespace.default.createElement(components.WithTooltip,{trigger:"click",placement:"right-start",closeOnOutsideClick:true,tooltip:()=>T__namespace.default.createElement("div",{onMouseDown:g=>g.stopPropagation()},T__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:T__namespace.default.createElement(icons.SidebarAltIcon,null),id:"right",onClick:()=>{u("right");},title:"Right"},{icon:T__namespace.default.createElement(icons.BottomBarIcon,null),id:"bottom",onClick:()=>{u("bottom");},title:"Bottom"},{icon:T__namespace.default.createElement(icons.SyncIcon,null),id:"auto",onClick:()=>{u("auto");},title:"Auto"}]}))},T__namespace.default.createElement(components.ListItem,{title:"Preview Panel Placement",icon:f==="right"?T__namespace.default.createElement(icons.SidebarAltIcon,null):f==="bottom"?T__namespace.default.createElement(icons.BottomBarIcon,null):T__namespace.default.createElement(icons.SyncIcon,null),right:T__namespace.default.createElement(icons.ChevronRightIcon,null)})),id:"position",title:"Position"},{icon:T__namespace.default.createElement(icons.RefreshIcon,null),id:"reset",onClick:()=>{a(),h();},title:"Reset Settings"}]}))},T__namespace.default.createElement(components.IconButton,{"aria-label":"Open menu",title:"Open menu"},T__namespace.default.createElement(icons.BrowserIcon,null))),s&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(Jo,{classes:{button:m.button},storyData:s,target:"all"}),T__namespace.default.createElement(Zo,{target:"all"}),T__namespace.default.createElement("span",{className:m.asterisk},"*"),T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(Jo,{classes:{button:m.button},storyData:s,target:"file"}),T__namespace.default.createElement(Zo,{target:"file"}),T__namespace.default.createElement(St,{onClose:n,open:r})),T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(yi,{open:e,onClose:d}))};Mi.displayName="Tool";function $f(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function jf(e,t){if(t!==void 0)return t;switch(e){case "boolean":return false;case "number":return "";case "options":return [];default:return ""}}var qf=({onChange:e,knob:t})=>{let o=s=>{e(s);},i=s=>{let a=t.type==="boolean"?s.currentTarget.checked:t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);},r=s=>{e(s.currentTarget.value);},n=s=>{let a=t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);};if(t.type==="boolean")return T__namespace.default.createElement(Bt,{checked:!!t.value,onClick:()=>{},onChange:o});if(t.type==="number")return T__namespace.default.createElement(components.Form.Input,{onChange:i,type:"number",value:t.value});if(t.type==="select"&&Array.isArray(t.options))return T__namespace.default.createElement(components.Form.Select,{onChange:r,value:t.value},t.options.map(s=>T__namespace.default.createElement("option",{key:s,value:s},s)));if(t.type==="options"&&t.options&&typeof t.options=="object"){let s=t.options;return T__namespace.default.createElement(components.Form.Select,{onChange:r,value:t.value},Object.entries(s).map(([a,l])=>T__namespace.default.createElement("option",{key:a,value:l},a)))}return T__namespace.default.createElement(components.Form.Textarea,{onChange:n,value:t.value||""})};function Xf(e){return qf}function or(e){let{label:t,type:o,onChange:i,value:r,options:n,display:s}=e,[a,l]=T.useState({defaultValue:r,name:t,options:o==="select"?n:n?$f(n):void 0,optionsObj:{display:s},type:o,value:jf(o,r)}),c=Xf(),d=T.useCallback(p=>{l({...a,value:p}),i(p);},[a,i]);return {Control:c,handleChange:d,knob:a,setKnob:l}}function Fa(){let e=T__namespace.default.useRef(null),[t,o]=T__namespace.default.useState(),i=T__namespace.default.useCallback(n=>{o(e.current||n.currentTarget);},[]),r=T__namespace.default.useCallback(()=>{o(void 0);},[]);return {anchorEl:t,anchorElRef:e,clearAnchorEl:r,setAnchorEl:i}}function za(e,t=false){let[o,i]=T.useState(false),r=T.useCallback(({key:s})=>{o||s===e&&i(true);},[o,e]),n=T.useCallback(({key:s})=>{s===e&&i(false);},[e]);return yt(r,n,t),o}function Qs(){let e=T.useRef(void 0);return e.current||(e.current=He()||void 0),T.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function bt(){let e=Qn(),t=T.useCallback(r=>{let{onData:n,type:s,onStop:a}=r;Lr({onData:n,onStop:a,start:true,type:s});},[]),o=T.useCallback(()=>{e.onStop&&e.onStop(),Lr({onData:void 0,onStop:void 0,start:false});},[e]),i=T.useCallback(r=>{e.onData&&e.onData(r);},[e]);return {selectorManager:e,setSelectorData:i,startSelector:t,stopSelector:o}}var Ut=e=>{let{imgSrcString:t,diffDirection:o}=e,i=za("Control"),r=T.useRef(),[n,s]=T.useState(false);return T.useEffect(()=>{r.current!==t&&s(true),r.current=t;},[t]),T__namespace.default.useEffect(()=>{n&&s(false);},[n]),!t||n?null:T__namespace.default.createElement(reactMapInteraction.MapInteraction,{defaultScale:1,disableZoom:!i},({translation:a,scale:l})=>{let c=`translate(${a.x}px, ${a.y}px) scale(${l})`;return T__namespace.default.createElement("div",{style:{MozUserSelect:"none",WebkitUserSelect:"none",cursor:"all-scroll",height:"100%",msTouchAction:"none",msUserSelect:"none",position:"relative",touchAction:"none",width:"100%"}},T__namespace.default.createElement("div",{style:{display:"inline-block",transform:c,transformOrigin:"0 0 "}},T__namespace.default.createElement("img",{style:{width:o==="horizontal"?"100%":void 0},src:t.startsWith("data:image")?t:`data:image/gif;base64,${t}`})))})};Ut.displayName="ImagePreview";var a0=core.makeStyles(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var Wt=e=>{let{imageDiffResult:t,activeTab:o}=e,i=o==="imageDiff"||t.error!==void 0,[r,n]=T__namespace.default.useState(i?1:0),[s,a]=T__namespace.default.useState(i),l=a0(),d=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",p=Je(t),m=T.useCallback((u,f)=>{n(f),a(!s);},[s]);return T__namespace.default.createElement("div",{className:l.root},!t.pass&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Tabs,{textColor:"primary",value:r,variant:"fullWidth",onChange:m,indicatorColor:"primary"},T__namespace.default.createElement(core.Tab,{label:"New screen shot"}),T__namespace.default.createElement(core.Tab,{label:"Screenshot image diff"})),T__namespace.default.createElement(core.Divider,null)),p&&r===1&&T__namespace.default.createElement(lab.Alert,{severity:"error"},p.split(`
10
- `).map((u,f)=>T__namespace.default.createElement("div",{key:f},u))),T__namespace.default.createElement("div",{className:l.preview},T__namespace.default.createElement(Ut,{imgSrcString:d,diffDirection:t.diffDirection})))};Wt.displayName="ImageDiffPreview";var $e=e=>{let{imageDiffResult:t,activeTab:o,...i}=e;return T__namespace.default.createElement(me,{width:"100%",height:"100%",...i},T__namespace.default.createElement(Wt,{imageDiffResult:t,activeTab:o}))};$e.displayName="ImageDiffPreviewDialog";var Wa=e=>{let{title:t,result:o,onClose:i,browserType:r,...n}=e,s=t||o&&o.oldScreenShotTitle;return T__namespace.default.useEffect(()=>{o&&o.added&&S.success(`Screenshot ${`${r?` for '${r}'`:""}`} saved successfully.`,{duration:5e3,onAutoClose:i,onDismiss:i});},[r,i,o]),T__namespace.default.useEffect(()=>{if(o){if(o.pass){S.success(`Testing existing screenshot were successful, no change has been detected.${s?`
11
- Title: ${s}`:""}${r?`
12
- Browser: ${r}`:""}`,{duration:5e3,onAutoClose:i,onDismiss:i});return}(o.diffSize||o.error)&&S.error(Je(o),{duration:1/0,onDismiss:i});}},[r,i,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:T__namespace.default.createElement($e,{imageDiffResult:o,onClose:i,open:true,activeTab:"imageDiff",title:s,...n})};Wa.displayName="ImageDiffMessage";var Gs=T__namespace.default.memo(Wa);var d0=Tn(),Ga=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),ve=e=>{let{children:t}=e;return T__namespace.default.createElement(w.Provider,{client:d0,queryClient:Ga},T__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Ga},T__namespace.default.createElement(kt,null,T__namespace.default.createElement(br__default.default.Provider,null,T__namespace.default.createElement(reinspect.StateInspector,null,t)))))};ve.displayName="CommonProvider";var v0=k(f0__default.default),b0=k(h0__default.default),w0=k(g0__default.default),A0=core.makeStyles(e=>({active:{color:e.palette.primary.main},controlWrap:{flex:2},iconWrapper:{marginBottom:-2,marginRight:-8,paddingLeft:4,width:14},icons:{"&:hover":{opacity:.8},cursor:"pointer",fontSize:14,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"}),Qt=T.memo(e=>{let{label:t,description:o,appendValueToTitle:i,onAppendValueToTitle:r,children:n,isRequired:s,active:a}=e,l=A0();return T__namespace.default.createElement("div",{className:l.root},T__namespace.default.createElement("div",{className:So__default.default(l.labelWrap,{[l.active]:a})},T__namespace.default.createElement("span",{className:"form-label"},mo(t),s&&T__namespace.default.createElement("span",{style:{marginLeft:2}},"*"))),T__namespace.default.createElement("div",{className:l.controlWrap},n),T__namespace.default.createElement("div",{className:l.iconWrapper},T__namespace.default.createElement("div",null,o&&T__namespace.default.createElement(core.Tooltip,{placement:"top",interactive:true,enterDelay:800,title:o},T__namespace.default.createElement(b0,{className:l.icons}))),r&&T__namespace.default.createElement("div",{onClick:r},T__namespace.default.createElement(core.Tooltip,{placement:"top",enterDelay:800,title:"Append value to title"},i?T__namespace.default.createElement(v0,{style:{opacity:1},className:l.icons}):T__namespace.default.createElement(w0,{className:l.icons})))))});Qt.displayName="FormControl";var Ye=T.memo(e=>{let{label:t,description:o,appendValueToTitle:i,onAppendValueToTitle:r,isRequired:n,value:s,defaultValue:a}=e,{Control:l,handleChange:c,knob:d}=or(e);return T__namespace.default.createElement(Qt,{label:t,appendValueToTitle:i,onAppendValueToTitle:r,description:o,isRequired:n,active:a!==s&&s!==void 0&&s!==""&&s!==false},T__namespace.default.createElement(l,{onChange:c,knob:d}))});Ye.displayName="Control";var qa=k(T0__default.default),I0=k(C0__default.default),k0=core.makeStyles(e=>({button:{color:e.palette.text.primary},buttonWrap:{alignItems:"center",backgroundColor:e.palette.background.paper,display:"flex",height:66,marginBottom:-35,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"}),Bi=T.memo(e=>{let{selectorType:t,label:o,appendValueToTitle:i,onAppendValueToTitle:r,description:n,value:s,isFollowedByPositionProp:a,fullObjectPath:l,isRequired:c,onSelectorChange:d}=e,[p,m]=T.useState(false),u=k0(),[f,h]=T.useState(false),{startSelector:g}=bt(),{Control:y,knob:v,handleChange:I,setKnob:b}=or(e),x=T.useCallback(H=>{m(false),g({onData:U=>{if(H==="selector"||H==="id-selector")d(l,U.path);else if(a){let pe=l.length===1?"":`${l.slice(0,-2)}.`;d(`${pe}x`,Math.round(U.x??0)),d(`${pe}y`,Math.round(U.y??0));}else I(U[o==="top"?"y":o==="left"?"x":o]);},type:H});},[g,a,d,l,o,I]),C=T__namespace.default.useCallback(()=>{x(t);},[t,x]),D=T__namespace.default.useCallback(()=>{x("id-selector");},[x]);T.useEffect(()=>{if(p&&t!=="selector"){h(false);return}h(!hn(s));},[t,p,s]),T.useEffect(()=>{v.defaultValue!==s&&(I(s),b({...v,defaultValue:s,value:s}));},[I,v,b,s]);let E=T.useCallback(H=>{m(true),I(H);},[I]),F=T.useCallback(H=>m(H.target.tagName==="TEXTAREA"),[]),R=t==="selector";return T__namespace.default.createElement(Qt,{label:o,appendValueToTitle:i,onAppendValueToTitle:r,description:n,isRequired:c},T__namespace.default.createElement("div",{className:So__default.default("selector-root",u.root,{[u.error]:f&&p}),onBlur:F},T__namespace.default.createElement(y,{onChange:E,knob:v}),T__namespace.default.createElement("div",{className:So__default.default({[u.buttonWrap]:a,[u.selectorButtonWrap]:R})},T__namespace.default.createElement(core.IconButton,{size:"small",onClick:C,className:u.button},R?T__namespace.default.createElement(qa,{className:u.selectorIcon}):T__namespace.default.createElement(I0,null)),R&&T__namespace.default.createElement(core.IconButton,{size:"small",onClick:D,className:u.button},T__namespace.default.createElement("div",{className:u.selectorHashIcon},T__namespace.default.createElement(qa,{className:u.selectorIcon}))))),f&&p&&T__namespace.default.createElement("div",{className:So__default.default("selector-error",u.errorMessage)},"Invalid Selector!"))});Bi.displayName="SelectorControl";var Ra=({name:e,schema:t,parents:o=[],nextPropName:i,isRequired:r,onChange:n,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})=>{let d=[...o,e].join("."),p=T.useCallback(g=>{n(d,g);},[n,d]),m=t.type!=="object"&&s(d,t),f=!!(a&&a(d)),h=T.useCallback(()=>{l&&l(d);},[l,d]);if(c&&(e==="selector"||t.type==="number"&&["x","y","top","left"].includes(e)))return T__namespace.default.createElement(Bi,{label:e,type:e==="selector"?"text":"number",onChange:p,selectorType:e==="selector"?"selector":"position",value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isFollowedByPositionProp:i==="x"||i==="y",fullObjectPath:d,isRequired:!!r,onSelectorChange:c,defaultValue:t.default});if(t.enum)return T__namespace.default.createElement(Ye,{label:e,type:"select",onChange:p,options:t.enum,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!r,defaultValue:t.default});switch(t.type){case "string":case "any":return T__namespace.default.createElement(Ye,{label:e,type:"text",onChange:p,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!r,defaultValue:t.default});case "number":case "integer":return T__namespace.default.createElement(Ye,{label:e,type:"number",onChange:p,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!r,defaultValue:t.default});case "boolean":return T__namespace.default.createElement(Ye,{label:e,type:"boolean",onChange:p,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!r,defaultValue:t.default});case "array":{if(!t.items)return null;let g=t.items.enum;return g?T__namespace.default.createElement(Ye,{label:e,type:"options",onChange:p,display:"inline-check",options:g,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!r,defaultValue:t.default}):null}case "object":return T__namespace.default.createElement("div",{style:{marginBottom:6}},T__namespace.default.createElement("p",{style:{margin:"6px 0",marginTop:14}},core.capitalize(B0__default.default(e).toLowerCase()),":"),T__namespace.default.createElement("div",{style:{paddingLeft:12}},T__namespace.default.createElement(nr,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:n,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};Ra.displayName="SchemaProp";var Ya=T__namespace.default.memo(Ra);var nr=({schemaProps:e,required:t,parents:o=[],onChange:i,getValue:r,shouldAppendToTitle:n,onAppendValueToTitle:s,onSelectorChange:a})=>T__namespace.default.createElement(T__namespace.default.Fragment,null,Object.keys(e).map((l,c,d)=>{let p=e[l];return T__namespace.default.createElement(Ya,{key:l,name:l,schema:p,parents:o,nextPropName:d[c+1],isRequired:t&&t.includes(l),onChange:i,getValue:r,shouldAppendToTitle:n,onAppendValueToTitle:s,onSelectorChange:a})}));nr.displayName="SchemaRenderer";var ar=T__namespace.default.memo(nr);var F0=core.makeStyles(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),el=({defaultData:e,onSave:t,FooterComponent:o,schemaName:i})=>{let r=F0(),[n,s]=T.useState(e),[a,l]=T.useState(false),c=T.useRef(),{mutate:d,data:p}=w.schema.getSchema.useMutation();T.useEffect(()=>{c.current!==i&&(c.current=i,d({schemaName:i}));},[d,i]);let m=T.useCallback(()=>{t(n);},[t,n]),u=T.useCallback(()=>{t({}),s({}),l(true);},[t]),f=T.useCallback((g,y)=>{let v=lr__namespace.set(n,g,y);s(v);},[n]),h=g=>lr__namespace.get(n,g);return T.useEffect(()=>{a&&l(false);},[a]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement("div",{className:r.main},T__namespace.default.createElement(M,{open:p===void 0,position:"relative"}),p&&!a&&T__namespace.default.createElement(ar,{schemaProps:p,onChange:f,getValue:h})),T__namespace.default.createElement(core.Divider,null),T__namespace.default.createElement("div",{className:r.footer},T__namespace.default.createElement("div",null,o),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.Button,{onClick:u},"Clear"),T__namespace.default.createElement(core.Button,{onClick:m},"Save"))))};el.displayName="SchemaFormLoader";var Go=T__namespace.default.memo(el);var St=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:i,clearError:r,fixFileNamesError:n,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:d}=Cs({fixFunction:e}),p=T__namespace.default.useCallback(()=>{r(),t(false);},[t,r]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(me,{open:o,onClose:p,title:"Fix Screenshot File Name",width:"400px"},T__namespace.default.createElement(M,{open:s}),T__namespace.default.createElement("div",{style:{padding:20,width:"100%"}},l&&!n?T__namespace.default.createElement("p",null,"Fix applied, reload the page"):T__namespace.default.createElement(T__namespace.default.Fragment,null,T__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."),T__namespace.default.createElement("p",null,"This utility will apply changes to the screenshot file name and playwright config file.")),e&&T__namespace.default.createElement(core.TextField,{label:"Enter previous name export function",variant:"outlined",onChange:d,value:c,fullWidth:true,focused:true,required:true}),n&&T__namespace.default.createElement("p",{style:{color:"red"}},n)),T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(T__namespace.default.Fragment,null,l?T__namespace.default.createElement(core.Button,{onClick:a,color:"primary"},"Reload Page"):T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:p,color:"primary"},"Cancel"),T__namespace.default.createElement(core.Button,{onClick:i,color:"primary",autoFocus:true},"Apply Fix"))))))};St.displayName="FixScreenshotFileDialog";T__namespace.default.memo(St);function cr(e,t,o){return e&&e.args?lr__namespace.get(e.args,t):o?o.default:void 0}var Oi=e=>{let{schema:t,actionId:o,actionSetId:i}=e,n=A()?.id,s=Mo(n||"",o),a=T.useCallback((m,u)=>{n&&Br({actionId:o,actionSetId:i,objPath:m,storyId:n,val:u});},[o,i,n]),l=T.useCallback((m,u)=>s?cr(s,m,u):void 0,[s]),c=T.useCallback(m=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(m)},[s]),d=T.useCallback(m=>{n&&Gn({actionId:o,actionOptionPath:m,actionSetId:i,storyId:n});},[o,i,n]),p=T.useCallback((m,u)=>{n&&Br({actionId:o,actionSetId:i,objPath:m,storyId:n,val:u});},[o,i,n]);return s?T__namespace.default.createElement("div",null,T__namespace.default.createElement(ar,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:d,onSelectorChange:p})):null};Oi.displayName="ActionSchemaRenderer";var R0=core.makeStyles(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"}),Fi=T.memo(e=>{let{actionId:t,actionName:o,DragHandle:i,actionSetId:r,dragHandleProps:n}=e,[s,a]=T.useState(),c=A()?.id,d=ne(),p=Mo(c||"",t),m=It(d.actionSchema,o),u=R0(),f=T.useCallback(()=>{Ao(t);},[t]);T.useEffect(()=>{if(!p||!p.subtitleItems)return;let y=p.subtitleItems.reduce((v,I)=>{let b=I.split(".").pop(),x=cr(p,I);return x&&v.push(`${b}: ${x}`),v},[]);a(y);},[p,o]);let h=T.useCallback(y=>{y.preventDefault(),y.stopPropagation(),c&&Un({actionId:t,actionSetId:r,storyId:c});},[t,r,c]),g=m&&m.parameters&&Object.keys(m.parameters).length!==0;return T__namespace.default.createElement("div",{className:u.root},T__namespace.default.createElement(V0__default.default,{expanded:d.expandedActions&&d.expandedActions[t]===true&&g,onChange:f,className:u.expansionPanel,square:true,TransitionProps:{timeout:100}},T__namespace.default.createElement(U0__default.default,{"aria-controls":"panel1a-content",id:"panel1a-header",classes:{content:u.summary,expanded:u.expanded}},T__namespace.default.createElement("div",{className:u.summaryInner},T__namespace.default.createElement(i,{...n}),T__namespace.default.createElement("div",{className:u.heading},mo(m&&m.title?m.title:o)),T__namespace.default.createElement("div",{className:u.subtitleWrap},s&&s.map(y=>T__namespace.default.createElement(core.Chip,{className:u.chip,key:y,size:"small",label:y,variant:"outlined",title:y})))),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.Tooltip,{title:m&&m.description?m.description:"Not Available!"},T__namespace.default.createElement(components.IconButton,null,T__namespace.default.createElement(icons.QuestionIcon,{className:u.icon}))),T__namespace.default.createElement(components.IconButton,{onClick:h},T__namespace.default.createElement(icons.TrashIcon,{className:u.icon})))),T__namespace.default.createElement(core.AccordionDetails,{className:u.detailPanel},d.expandedActions&&d.expandedActions[t]&&g&&T__namespace.default.createElement(Oi,{schema:m,actionId:t,actionSetId:r}))))});Fi.displayName="ActionOptions";var ph=core.makeStyles(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),mh=({action:e,actionSetId:t,sortableId:o})=>{let{attributes:i,listeners:r,setActivatorNodeRef:n,setNodeRef:s,transform:a,transition:l,isDragging:c}=sortable.useSortable({id:o});return T__namespace.default.createElement("div",{ref:s,style:{opacity:c?.8:1,transform:utilities.CSS.Transform.toString(a),transition:l}},T__namespace.default.createElement(Fi,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:Dt,actionSetId:t,dragHandleProps:{...i,...r,setNodeRef:n}}))},dh=({items:e,actionSetId:t,onSortEnd:o})=>{let[i,r]=T.useState(e);T.useEffect(()=>{r(e);},[e]);let n=core$1.useSensors(core$1.useSensor(core$1.PointerSensor),core$1.useSensor(core$1.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=T.useCallback(({active:c,over:d})=>{!d||c.id===d.id||r(p=>{let m=p.findIndex(f=>f.id===c.id),u=p.findIndex(f=>f.id===d.id);return m<0||u<0?p:sortable.arrayMove(p,m,u)});},[]),a=T.useCallback(()=>{r(e);},[e]),l=T.useCallback(({active:c})=>{let d=e.findIndex(m=>m.id===c.id),p=i.findIndex(m=>m.id===c.id);if(d<0||p<0||d===p||!o){r(e);return}o({newIndex:p,oldIndex:d});},[e,i,o]);return T__namespace.default.createElement(core$1.DndContext,{sensors:n,collisionDetection:core$1.closestCenter,onDragOver:s,onDragCancel:a,onDragEnd:l},T__namespace.default.createElement(sortable.SortableContext,{items:i.map(c=>c.id),strategy:sortable.verticalListSortingStrategy},T__namespace.default.createElement("div",null,i.map(c=>T__namespace.default.createElement(mh,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},Ni=({actionSet:e})=>{let t=ph(),o=A(),i=T.useCallback(r=>{o&&Vn({actionSetId:e.id,newIndex:r.newIndex,oldIndex:r.oldIndex,storyId:o.id});},[e.id,o]);return !e||!e.actions.length?T__namespace.default.createElement("div",{className:t.noActionMessage},T__namespace.default.createElement("div",null,"Click the '+' button to create an action.")):T__namespace.default.createElement(nt,null,T__namespace.default.createElement(dh,{items:e.actions,onSortEnd:i,actionSetId:e.id}))};Ni.displayName="ActionList";var zi=T.memo(T.forwardRef((e,t)=>{let{onChange:o,label:i,name:r}=e,n=T.useCallback(()=>{o(r);},[r,o]);return T__namespace.default.createElement(core.MenuItem,{ref:t,onClick:n},i)}));zi.displayName="ActionMenuItem";var Hi=(e,t=[])=>{let o=Object.keys(e),i=[];return o.forEach(r=>{let n=e[r];if(n.type==="object"){let s=Hi(n.properties,[...t,r]);i=[...i,...s];}else {let s=[...t,r];i.push({label:s.join("."),name:s.join(".")});}}),i.sort((r,n)=>r.name<n.name?-1:r.name>n.name?1:0)};var sl=(e,t)=>e.reduce((o,i)=>{let r=i.visibleTo||"*";return (r==="*"||new RegExp(r).test(t))&&o.push(i),o},[]);var xh=core.makeStyles(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),Wi=T.memo(e=>{let{onChange:t,onClose:o,anchorEl:i}=e,r=ne(),[n,s]=T.useState([]),a=xh();T__namespace.default.useEffect(()=>{if(!r.actionSchema)return;let c=Hi(r.actionSchema);s(c);},[r.actionSchema]);let l=T.useCallback(c=>{t(c);},[t]);return T__namespace.default.createElement(core.Menu,{id:"simple-menu",anchorEl:i,keepMounted:true,open:!!i,onClose:o,className:a.menu},n.map(c=>T__namespace.default.createElement(zi,{key:c.name,name:c.name,label:c.label,onChange:l},"Profile")))});Wi.displayName="ActionMenu";var Vi=e=>{let{onSave:t,onEditTitle:o,onCancel:i,onAddAction:r}=e,{loading:n}=Io(),[s,a]=T__namespace.default.useState(null),l=T.useCallback(p=>{a(p.currentTarget);},[]),c=T.useCallback(()=>{a(null);},[]),d=T.useCallback(p=>{r(p),a(null);},[r]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(M,{open:n}),T__namespace.default.createElement(components.IconButton,{size:"small",className:"edit-desc",onClick:o,title:"Edit Title"},T__namespace.default.createElement(icons.EditIcon,null)),T__namespace.default.createElement(components.IconButton,{size:"small",className:"open-action-menu",onClick:l,title:"Add Actions"},T__namespace.default.createElement(icons.PlusIcon,null)),T__namespace.default.createElement(components.IconButton,{size:"small",className:"save-action",title:"Save Actions",onClick:t},T__namespace.default.createElement(icons.SaveIcon,null)),T__namespace.default.createElement(components.IconButton,{size:"small",className:"Cancel",title:"Cancel",onClick:i},T__namespace.default.createElement(icons.CrossIcon,null)),T__namespace.default.createElement(Wi,{onClose:c,anchorEl:s,onChange:d}))};Vi.displayName="ActionSetEditorIcons";var Bh=core.makeStyles(e=>{let{palette:{secondary:t}}=e;return {divider:{backgroundColor:t.main},root:{height:"100%"}}},{name:"ActionSetEditor"}),Ui=({actionSet:e})=>{let{handleAddAction:t,handleDescriptionChange:o,handleSave:i,cancelEditActionSet:r}=ts(e),n=Bh(),{loading:s}=Io(),a=T.useCallback(()=>{rt.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return T__namespace.default.createElement(Ge,{tooltip:e.temp?e.title+Qo:e.title,title:e.temp?`${e.title} *`:e.title,draggable:true,selected:true,secondaryColor:true,icons:T__namespace.default.createElement(Vi,{onAddAction:t,onCancel:r,onEditTitle:a,onSave:i})},T__namespace.default.createElement("div",{className:n.root},T__namespace.default.createElement(core.Divider,{className:n.divider}),T__namespace.default.createElement(Ni,{actionSet:e}),T__namespace.default.createElement(M,{open:s})))};Ui.displayName="ActionSetEditor";var _i=e=>{let{item:t}=e,{anchorEl:o,setAnchorEl:i,clearAnchorEl:r}=Fa(),[n,s]=T__namespace.default.useState("*"),[a,l]=T__namespace.default.useState("*"),c=A(),{mutateAsync:d}=w.favouriteActions.addFavouriteAction.useMutation(),{parent:p="parent"}=c||{},m=T__namespace.default.useCallback(async()=>{t.visibleTo=n,r();try{await d(t),S.success("Successfully added action to favourites",{duration:5e3});}catch(f){S.error(`An error has occurred:
13
- ${f.message||"Unknown error"}`,{duration:5e3});}},[d,r,n,t]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{className:"add-favourite",onClick:i,size:"small",title:"Add To Favourite"},T__namespace.default.createElement(icons.StarIcon,null)),o&&T__namespace.default.createElement(core.Popover,{anchorEl:o,open:true,onClose:r},T__namespace.default.createElement(core.DialogTitle,null,"Define witch story(s) can use this action:"),T__namespace.default.createElement(core.DialogContent,null,T__namespace.default.createElement(core.FormControl,null,T__namespace.default.createElement(core.RadioGroup,{row:true,value:a,onChange:(f,h)=>{s(h),l(h);}},T__namespace.default.createElement(core.FormControlLabel,{value:"*",control:T__namespace.default.createElement(core.Radio,{size:"small"}),label:"All Stories"}),T__namespace.default.createElement(core.FormControlLabel,{value:p,control:T__namespace.default.createElement(core.Radio,{size:"small"}),label:`${core.capitalize(p)} Stories`}))),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.TextField,{value:n,onChange:f=>s(f.target.value),helperText:"Or enter regex expression",fullWidth:true}))),T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(core.Button,{onClick:m},"Save"))))};_i.displayName="AddFavouriteAction";function ml({onEdit:e,onDelete:t,item:o,onCheckBoxClick:i,checked:r,title:n,isEditing:s,hideIcons:a,onDuplicate:l,sortableId:c}){let{attributes:d,listeners:p,setActivatorNodeRef:m,setNodeRef:u,transform:f,transition:h,isDragging:g}=sortable.useSortable({disabled:!!s,id:c??o.id}),y=T.useCallback(()=>{e(o);},[o,e]),v=T.useCallback(()=>{i&&i(o);},[o,i]),I=T.useCallback(()=>{t(o);},[o,t]),b=T.useCallback(()=>{l&&l(o);},[o,l]);return s?T__namespace.default.createElement("div",{ref:u,style:{transform:utilities.CSS.Transform.toString(f),transition:h}},T__namespace.default.createElement(Ui,{actionSet:o})):T__namespace.default.createElement("div",{ref:u,style:{opacity:g?.8:1,position:"relative",transform:utilities.CSS.Transform.toString(f),transition:h,zIndex:1}},T__namespace.default.createElement(Ge,{tooltip:n+(o.temp?Qo:""),title:n+(o.temp?" *":""),draggable:true,selected:r,dragHandleProps:{...d,...p,setNodeRef:m},icons:T__namespace.default.createElement(T__namespace.default.Fragment,null,!a&&T__namespace.default.createElement(components.IconButton,{className:"edit-button",onClick:y,size:"small",title:"Edit"},T__namespace.default.createElement(icons.EditIcon,null)),T__namespace.default.createElement(components.IconButton,{className:"duplicate-button",onClick:b,size:"small",title:"Duplicate Action"},T__namespace.default.createElement(icons.CopyIcon,null)),!a&&T__namespace.default.createElement(_i,{item:o}),T__namespace.default.createElement(Bt,{onClick:v,checked:!!r}),!a&&T__namespace.default.createElement(Se,{onDelete:I}))}))}ml.displayName="ActionSetListItem";var $i=e=>T__namespace.default.createElement(ml,{...e});$i.displayName="SortableActionSetListItem";var ng=core.makeStyles(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),ji=({onSortEnd:e})=>{let t=ng(),o=A(),{copyActionSet:i,inProgress:r}=os(o),{mutateAsync:n}=w.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=rs(),{loading:c}=is(),d=T.useCallback(async b=>{if(o)try{await n({actionSetId:b.id,filePath:o.filePath,storyId:o.id}),wo({actionSetId:b.id,storyId:o.id});}catch(x){S.error(x instanceof Error?x.message:"Failed to delete action set");}},[n,o]),p=T.useCallback(b=>{Hn(b);},[]),m=T.useCallback(b=>{zn(b.id);},[]),u=l.orgEditingActionSet!==void 0,[f,h]=T.useState(s);T.useEffect(()=>{h(s);},[s]);let g=core$1.useSensors(core$1.useSensor(core$1.PointerSensor),core$1.useSensor(core$1.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),y=T.useCallback(({active:b,over:x})=>{!x||b.id===x.id||h(C=>{let D=C.findIndex(F=>F.id===b.id),E=C.findIndex(F=>F.id===x.id);return D<0||E<0?C:sortable.arrayMove(C,D,E)});},[]),v=T.useCallback(()=>{h(s);},[s]),I=T.useCallback(({active:b})=>{let x=s.findIndex(D=>D.id===b.id),C=f.findIndex(D=>D.id===b.id);if(x<0||C<0||x===C||!e){h(s);return}e({newIndex:C,oldIndex:x});},[f,e,s]);return T__namespace.default.createElement(nt,null,T__namespace.default.createElement(core$1.DndContext,{sensors:g,collisionDetection:core$1.closestCenter,onDragOver:y,onDragCancel:v,onDragEnd:I},T__namespace.default.createElement(sortable.SortableContext,{items:f.map(b=>b.id),strategy:sortable.verticalListSortingStrategy},f.length>0?f.map((b,x)=>T__namespace.default.createElement($i,{index:x,sortableId:b.id,key:b.id+u,item:b,onDelete:d,onEdit:p,onCheckBoxClick:m,checked:a.includes(b.id),title:b.title,onDuplicate:i,isEditing:u&&l.orgEditingActionSet&&l.orgEditingActionSet.id===b.id,hideIcons:u})):T__namespace.default.createElement("div",{className:So__default.default(t.message,"no-data")},T__namespace.default.createElement("div",null,"No action set to display!"),T__namespace.default.createElement("div",null,"Click the '+' button to create an action set.")))),T__namespace.default.createElement(M,{open:c||r}))};ji.displayName="ActionSetList";var ug=core.makeStyles(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),ul=[{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:"*"}],qi=e=>{let{children:t,getContainerHeight:o}=e,[i,r]=T__namespace.default.useState(ul),{mutateAsync:n}=w.actionSet.saveActionSet.useMutation(),{mutateAsync:s}=w.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:a}=w.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),l=A(),{id:c}=l||{},d=ug(),p=T__namespace.default.useCallback(()=>{a().then(({data:f})=>{let h=[...ul,...sl(f||[],c??"")];r(h);});},[a,c]),m=async f=>{if(!l||!c)return;let h=nanoid.nanoid(12),g={...f,id:h,visibleTo:void 0};await n({actionSet:g,filePath:l.filePath,storyId:c}),lt({actionSet:g,isNew:false,selected:true,storyId:c});},u=async f=>{await s({actionSetId:f}),p();};return T__namespace.default.useEffect(()=>{p();},[p]),T__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom-start",trigger:"click",tooltip:({onHide:f})=>{let h=o?.();return T__namespace.default.createElement("div",{className:d.menu,style:{maxHeight:h?`${h-50}px`:"50vh",overflowY:"auto"},onMouseDown:g=>g.stopPropagation()},i.map(g=>T__namespace.default.createElement(components.ListItem,{key:g.id,title:core.capitalize(g.title),right:T__namespace.default.createElement(components.IconButton,{disabled:g.id.endsWith("--default"),onClick:y=>{y.stopPropagation(),u(g.id),f();}},T__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await m(g),f();}})))}},t)};qi.displayName="FavouriteActions";var Xi=e=>{let{onAddActionSet:t,onReset:o,onFavoriteActionsClick:i,onDeleteSelectedActionSets:r,deleteDisabled:n,getContainerHeight:s}=e;return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(We,{border:["bottom"]},T__namespace.default.createElement("div",{className:"left"},T__namespace.default.createElement("span",null,"Action Sets")),T__namespace.default.createElement("div",{className:"right"},T__namespace.default.createElement(qi,{getContainerHeight:s},T__namespace.default.createElement(components.IconButton,{onClick:i,title:"Favourite Actions"},T__namespace.default.createElement(icons.StarIcon,null))),T__namespace.default.createElement(components.IconButton,{onClick:o,title:"Reset"},T__namespace.default.createElement(icons.RefreshIcon,null)),T__namespace.default.createElement(Se,{disabled:n,onDelete:r,IconButton:components.IconButton}),T__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},T__namespace.default.createElement(icons.PlusIcon,null)))))};Xi.displayName="ActionToolbar";var Ri=()=>{let{storyId:e}=managerApi.useStorybookState(),t=A(),o=T__namespace.default.useRef(null),{currentActions:i}=xe(e),{mutateAsync:r}=w.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=w.actionSet.changeActionSetIndex.useMutation(),s=T.useCallback(m=>{let u=nanoid.nanoid(12),f={actions:[],id:u,title:m};xo(e),lt({actionSet:f,isNew:true,selected:true,storyId:e});},[e]),a=T.useCallback(()=>{rt.show({onSave:s,required:true,title:"Action set title"});},[s]),l=T.useCallback(()=>{_e(),ct(e);},[e]),c=T.useCallback(async()=>{if(t)for(let m of i)try{await r({actionSetId:m.id,filePath:t.filePath,storyId:e}),wo({actionSetId:m.id,storyId:e});}catch(u){console.error(u);}},[i,r,t,e]);T.useEffect(()=>{_e();},[e]);let d=T.useCallback(async m=>{if(t){Ir({newIndex:m.newIndex,oldIndex:m.oldIndex,storyId:e});try{await n({filePath:t.filePath,newIndex:m.newIndex,oldIndex:m.oldIndex,storyId:e});}catch(u){Ir({newIndex:m.oldIndex,oldIndex:m.newIndex,storyId:e}),console.error(u);}}},[n,t,e]),p=T__namespace.default.useCallback(()=>o.current?.offsetHeight??void 0,[]);return T__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"},ref:o},T__namespace.default.createElement(Xi,{onAddActionSet:a,onReset:l,onDeleteSelectedActionSets:c,deleteDisabled:i.length===0,getContainerHeight:p}),T__namespace.default.createElement(ji,{onSortEnd:d}))};Ri.displayName="ActionSetMain";var Yi=T.memo(()=>T__namespace.default.createElement(ve,null,T__namespace.default.createElement(Ri,null)));Yi.displayName="ActionPanel";var Qi=()=>{let e=managerApi.useStorybookState();return T__namespace.default.createElement(ei,{showPanel:e.selectedPanel===wt})};Qi.displayName="ScreenshotPanel";managerApi.addons.add(Ta,{render:xi,type:managerApi.types.PREVIEW});xn();managerApi.addons.register(we,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(Pa,{render:()=>T__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(xa,{render:()=>T__namespace.default.createElement(Mi,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(Aa,{render:({active:e})=>T__namespace.default.createElement(components.AddonPanel,{active:e??false},T__namespace.default.createElement(Yi,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(wt,{render:({active:e})=>T__namespace.default.createElement(components.AddonPanel,{active:e??false},T__namespace.default.createElement(Qi,null)),title:"Screenshots",type:managerApi.types.PANEL});});//# sourceMappingURL=register.js.map
9
+ `;let{body:y}=document;return document.head.appendChild(g),y.addEventListener("mouseup",h),()=>{y.style.cursor="inherit",y.removeEventListener("mouseup",h),document.head.removeChild(g);}},[]),T__namespace.default.createElement("div",{ref:l,className:go__default.default(a.overlay)},r&&p&&p.rect&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement("div",{className:go__default.default(a.preview,"selector-preview"),style:d?{height:p.rect.height,left:p.rect.left,top:p.rect.top,width:p.rect.width}:Ai}),T__namespace.default.createElement("div",{className:a.info},T__namespace.default.createElement("div",null,`X: ${u}`),T__namespace.default.createElement("div",null,`Y: ${f}`),T__namespace.default.createElement("div",null,p.selector))))};xi.displayName="SelectorOverlay";var Pi=T.memo(e=>{let{children:t}=e,{selectorManager:o}=bt(),r=T.useRef(null),[i,n]=T.useState();T.useEffect(()=>{r.current&&n(r.current.querySelector("iframe")||void 0);},[]);let s=o&&o.start;return T__namespace.default.createElement("div",{ref:r,style:{height:"100%"}},t,s&&T__namespace.default.createElement(xi,{iframe:i}))});Pi.displayName="Selector";var Pf=core.makeStyles(()=>({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"}),xa=3,Ti=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=ae(),i=managerApi.useStorybookState(),n=Pf(),s=da(o,i.layout.panelPosition),a=T.useCallback(u=>{r({...o,previewPanelSize:u});},[o,r]),l=T.useCallback(()=>{r({...o,previewPanelEnabled:false});},[o,r]);if(!o||!o.previewPanelEnabled)return T__namespace.default.createElement(T__namespace.default.Fragment,null,t);let c=0,d=T__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:go__default.default("preview-main",n.preview)},T__namespace.default.createElement("div",{className:n.iframeContainer},T__namespace.default.createElement(Pi,null,t)),T__namespace.default.createElement(ci,null),T__namespace.default.createElement(wi,null)),p=T__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:go__default.default(n.snapshotPanel)},T__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&T__namespace.default.createElement(jt,{column:s?void 0:1,onClose:l,viewPanel:"main"})),m=[d,p];return T__namespace.default.createElement(be,null,T__namespace.default.createElement("div",{id:"preview-container",className:go__default.default(n.root)},T__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:u=>a(u[c]),dividerClassName:go__default.default(n.splitPane),dividerStyle:{...s?{height:xa}:{width:xa}}},m)))};Ti.displayName="Preview";var Ae="playwright-addon",Pa=`${Ae}/action-panel`,wt=`${Ae}/screenshot-panel`,Ta=`${Ae}/tool`,Ca=`${Ae}/toast`,Ma=`${Ae}/preview-panel`;var Jo=" (This action loaded from screenshot actions, its temporary and will be removed)";var If=core.makeStyles(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"}),Ci=e=>{let{imageDiff:t,onClick:o}=e,r=managerApi.useStorybookApi(),i=If(),{storyId:n}=t,s=n?r.getData(n):void 0,a=T.useCallback(()=>{n&&(o(),r.selectStory(n),r.setSelectedPanel(wt));},[r,o,n]);return s?T__namespace.default.createElement(components.ListItem,{onClick:a,title:`${s.parent}--${s.name}`}):T__namespace.default.createElement(components.ListItem,{className:i.notFound,title:"Unable to locate story!"},T__namespace.default.createElement("div",null,T__namespace.default.createElement("b",null,"Unable to locate story!"),T__namespace.default.createElement("p",null,T__namespace.default.createElement("b",null,"ID:")," ",e.imageDiff.storyId),T__namespace.default.createElement("p",null,T__namespace.default.createElement("b",null,"File:")," ",e.imageDiff.filePath)))};Ci.displayName="ImageDiffMenuItem";var Ff=core.makeStyles(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"}),Zo=e=>{let{target:t,storyData:o}=e,r=Ff({classes:e.classes}),{imageDiffResult:i}=Es(),{testStoryScreenShots:n,imageDiffTestInProgress:s}=ut(),a=t==="file"&&o?i.filter(f=>f.filePath?uo(f.filePath,o.filePath):false):i,l=a.filter(f=>f.pass===false),c=l.length>0,d=T.useCallback(async()=>{if(c)return;let f=await n(t);if(!Array.isArray(f))return;f.find(g=>!g.pass)||S.success("All screenshot tests are passed successfully.",{id:"image-diff:all-passed"});},[c,t,n]),p=T.useCallback(()=>{t==="file"?a.forEach(f=>{f.screenshotId&&Bo(f.screenshotId);}):dt([]);},[a,t]),m=t==="file"&&o?`Run diff test for all stories in '${o.filePath}' file.`:"Run diff test for all stories",u=T__namespace.default.createElement(components.IconButton,{title:m,className:r.button,onClick:d,style:{position:"relative"},disabled:s},c&&T__namespace.default.createElement(core.Badge,{badgeContent:l.length,color:"secondary",className:r.imageDiffBadge,overlap:"rectangular"}),T__namespace.default.createElement(icons.ContrastIcon,null),T__namespace.default.createElement(I,{position:"absolute",open:s,progressSize:15}));return c?T__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom",trigger:"click",tooltip:({onHide:f})=>T__namespace.default.createElement("div",{style:{maxHeight:"60vh",overflowY:"auto"},onMouseDown:h=>h.stopPropagation()},T__namespace.default.createElement(components.ListItem,{title:"Clear results",onClick:()=>{p(),f();}}),l.filter((h,g,y)=>g===y.findIndex(v=>v.storyId===h.storyId)).map(h=>T__namespace.default.createElement(Ci,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:f})))},u):u};Zo.displayName="ImageDiff";var Mi=100;function Da(){let e=managerApi.useStorybookApi(),t=A(),{addonState:o,setAddonState:r}=ae();return ()=>{r({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:Mi}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),_e(),t?.id&&ct(t.id);}}var er=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:r}=pt(t,e),i=e=="file"?"Update current story file screenshots":"Update all screen shots";return T__namespace.default.createElement(components.IconButton,{title:i,onClick:o,style:{position:"relative"},disabled:!!r.inProgress},T__namespace.default.createElement(icons.RefreshIcon,null),T__namespace.default.createElement(I,{position:"absolute",open:r.reqBy===t&&!!r.inProgress,progressSize:15}))};er.displayName="ScreenshotUpdateIcon";var Qf=core.makeStyles(()=>({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}})),ki=()=>{let[e,t]=T.useState(false),{setAddonState:o,addonState:r}=ae(),[i,n]=T__namespace.default.useState(false),s=A(),a=Da(),l=r&&r.previewPanelEnabled,c=()=>{t(true);},d=()=>{t(false);},p=T.useCallback(()=>{o({...r,previewPanelEnabled:!l});},[r,l,o]),m=Qf(),u=T.useCallback(h=>{o({...r,placement:h,previewPanelSize:Mi});},[o,r]),f=r?r.placement:"auto";return T__namespace.default.createElement(be,null,T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(components.WithTooltip,{placement:"bottom",trigger:"click",closeOnOutsideClick:true,tooltip:({onHide:h})=>T__namespace.default.createElement("div",{onMouseDown:g=>g.stopPropagation()},T__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:T__namespace.default.createElement(icons.WrenchIcon,null),id:"fix-screenshot-file-name",onClick:()=>{n(true),h();},title:"Fix screenshot file name"},{icon:T__namespace.default.createElement(icons.ShareAltIcon,null),id:"full-screen",onClick:()=>{c(),h();},title:"Full screen view"},{icon:r.previewPanelEnabled?T__namespace.default.createElement(icons.EyeCloseIcon,null):T__namespace.default.createElement(icons.EyeIcon,null),id:"panel-toggle",onClick:()=>{p();},title:r.previewPanelEnabled?"Hide Preview Panel":"Show Preview Panel"},{content:T__namespace.default.createElement(components.WithTooltip,{trigger:"click",placement:"right-start",closeOnOutsideClick:true,tooltip:()=>T__namespace.default.createElement("div",{onMouseDown:g=>g.stopPropagation()},T__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:T__namespace.default.createElement(icons.SidebarAltIcon,null),id:"right",onClick:()=>{u("right");},title:"Right"},{icon:T__namespace.default.createElement(icons.BottomBarIcon,null),id:"bottom",onClick:()=>{u("bottom");},title:"Bottom"},{icon:T__namespace.default.createElement(icons.SyncIcon,null),id:"auto",onClick:()=>{u("auto");},title:"Auto"}]}))},T__namespace.default.createElement(components.ListItem,{title:"Preview Panel Placement",icon:f==="right"?T__namespace.default.createElement(icons.SidebarAltIcon,null):f==="bottom"?T__namespace.default.createElement(icons.BottomBarIcon,null):T__namespace.default.createElement(icons.SyncIcon,null),right:T__namespace.default.createElement(icons.ChevronRightIcon,null)})),id:"position",title:"Position"},{icon:T__namespace.default.createElement(icons.RefreshIcon,null),id:"reset",onClick:()=>{a(),h();},title:"Reset Settings"}]}))},T__namespace.default.createElement(components.IconButton,{"aria-label":"Open menu",title:"Open menu"},T__namespace.default.createElement(icons.BrowserIcon,null))),s&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(Zo,{classes:{button:m.button},storyData:s,target:"all"}),T__namespace.default.createElement(er,{target:"all"}),T__namespace.default.createElement("span",{className:m.asterisk},"*"),T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(Zo,{classes:{button:m.button},storyData:s,target:"file"}),T__namespace.default.createElement(er,{target:"file"}),T__namespace.default.createElement(St,{onClose:n,open:i})),T__namespace.default.createElement(components.Separator,null),T__namespace.default.createElement(bi,{open:e,onClose:d}))};ki.displayName="Tool";function e0(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function t0(e,t){if(t!==void 0)return t;switch(e){case "boolean":return false;case "number":return "";case "options":return [];default:return ""}}var o0=({onChange:e,knob:t})=>{let o=s=>{e(s);},r=s=>{let a=t.type==="boolean"?s.currentTarget.checked:t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);},i=s=>{e(s.currentTarget.value);},n=s=>{let a=t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);};if(t.type==="boolean")return T__namespace.default.createElement(Bt,{checked:!!t.value,onClick:()=>{},onChange:o});if(t.type==="number")return T__namespace.default.createElement(components.Form.Input,{onChange:r,type:"number",value:t.value});if(t.type==="select"&&Array.isArray(t.options))return T__namespace.default.createElement(components.Form.Select,{onChange:i,value:t.value},t.options.map(s=>T__namespace.default.createElement("option",{key:s,value:s},s)));if(t.type==="options"&&t.options&&typeof t.options=="object"){let s=t.options;return T__namespace.default.createElement(components.Form.Select,{onChange:i,value:t.value},Object.entries(s).map(([a,l])=>T__namespace.default.createElement("option",{key:a,value:l},a)))}return T__namespace.default.createElement(components.Form.Textarea,{onChange:n,value:t.value||""})};function r0(e){return o0}function rr(e){let{label:t,type:o,onChange:r,value:i,options:n,display:s}=e,[a,l]=T.useState({defaultValue:i,name:t,options:o==="select"?n:n?e0(n):void 0,optionsObj:{display:s},type:o,value:t0(o,i)}),c=r0(),d=T.useCallback(p=>{l({...a,value:p}),r(p);},[a,r]);return {Control:c,handleChange:d,knob:a,setKnob:l}}function za(){let e=T__namespace.default.useRef(null),[t,o]=T__namespace.default.useState(),r=T__namespace.default.useCallback(n=>{o(e.current||n.currentTarget);},[]),i=T__namespace.default.useCallback(()=>{o(void 0);},[]);return {anchorEl:t,anchorElRef:e,clearAnchorEl:i,setAnchorEl:r}}function Ka(e,t=false){let[o,r]=T.useState(false),i=T.useCallback(({key:s})=>{o||s===e&&r(true);},[o,e]),n=T.useCallback(({key:s})=>{s===e&&r(false);},[e]);return yt(i,n,t),o}function Zs(){let e=T.useRef(void 0);return e.current||(e.current=Se()||void 0),T.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function bt(){let e=Zn(),t=T.useCallback(i=>{let{onData:n,type:s,onStop:a}=i;Or({onData:n,onStop:a,start:true,type:s});},[]),o=T.useCallback(()=>{e.onStop&&e.onStop(),Or({onData:void 0,onStop:void 0,start:false});},[e]),r=T.useCallback(i=>{e.onData&&e.onData(i);},[e]);return {selectorManager:e,setSelectorData:r,startSelector:t,stopSelector:o}}var Ut=e=>{let{imgSrcString:t,diffDirection:o}=e,r=Ka("Control"),i=T.useRef(),[n,s]=T.useState(false);return T.useEffect(()=>{i.current!==t&&s(true),i.current=t;},[t]),T__namespace.default.useEffect(()=>{n&&s(false);},[n]),!t||n?null:T__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 T__namespace.default.createElement("div",{style:{MozUserSelect:"none",WebkitUserSelect:"none",cursor:"all-scroll",height:"100%",msTouchAction:"none",msUserSelect:"none",position:"relative",touchAction:"none",width:"100%"}},T__namespace.default.createElement("div",{style:{display:"inline-block",transform:c,transformOrigin:"0 0 "}},T__namespace.default.createElement("img",{style:{width:o==="horizontal"?"100%":void 0},src:t.startsWith("data:image")?t:`data:image/gif;base64,${t}`})))})};Ut.displayName="ImagePreview";var g0=core.makeStyles(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var Wt=e=>{let{imageDiffResult:t,activeTab:o}=e,r=o==="imageDiff"||t.error!==void 0,[i,n]=T__namespace.default.useState(r?1:0),[s,a]=T__namespace.default.useState(r),l=g0(),d=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",p=Je(t),m=T.useCallback((u,f)=>{n(f),a(!s);},[s]);return T__namespace.default.createElement("div",{className:l.root},!t.pass&&T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Tabs,{textColor:"primary",value:i,variant:"fullWidth",onChange:m,indicatorColor:"primary"},T__namespace.default.createElement(core.Tab,{label:"New screen shot"}),T__namespace.default.createElement(core.Tab,{label:"Screenshot image diff"})),T__namespace.default.createElement(core.Divider,null)),p&&i===1&&T__namespace.default.createElement(lab.Alert,{severity:"error"},p.split(`
10
+ `).map((u,f)=>T__namespace.default.createElement("div",{key:f},u))),T__namespace.default.createElement("div",{className:l.preview},T__namespace.default.createElement(Ut,{imgSrcString:d,diffDirection:t.diffDirection})))};Wt.displayName="ImageDiffPreview";var $e=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return T__namespace.default.createElement(me,{width:"100%",height:"100%",...r},T__namespace.default.createElement(Wt,{imageDiffResult:t,activeTab:o}))};$e.displayName="ImageDiffPreviewDialog";var Va=e=>{let{title:t,result:o,onClose:r,browserType:i,...n}=e,s=t||o&&o.oldScreenShotTitle;return T__namespace.default.useEffect(()=>{o&&o.added&&S.success(`Screenshot ${`${i?` for '${i}'`:""}`} saved successfully.`,{duration:5e3,onAutoClose:r,onDismiss:r});},[i,r,o]),T__namespace.default.useEffect(()=>{if(o){if(o.pass){S.success(`Testing existing screenshot were successful, no change has been detected.${s?`
11
+ Title: ${s}`:""}${i?`
12
+ Browser: ${i}`:""}`,{duration:5e3,onAutoClose:r,onDismiss:r});return}(o.diffSize||o.error)&&S.error(Je(o),{duration:1/0,onDismiss:r});}},[i,r,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:T__namespace.default.createElement($e,{imageDiffResult:o,onClose:r,open:true,activeTab:"imageDiff",title:s,...n})};Va.displayName="ImageDiffMessage";var Us=T__namespace.default.memo(Va);var w0=Mn(),Ua=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),be=e=>{let{children:t}=e;return T__namespace.default.createElement(w.Provider,{client:w0,queryClient:Ua},T__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Ua},T__namespace.default.createElement(kt,null,T__namespace.default.createElement(wr__default.default.Provider,null,T__namespace.default.createElement(reinspect.StateInspector,null,t)))))};be.displayName="CommonProvider";var I0=C(x0__default.default),k0=C(P0__default.default),D0=C(T0__default.default),B0=core.makeStyles(e=>({active:{color:e.palette.primary.main},controlWrap:{flex:2},iconWrapper:{marginBottom:-2,marginRight:-8,paddingLeft:4,width:14},icons:{"&:hover":{opacity:.8},cursor:"pointer",fontSize:14,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"}),Yt=T.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:i,children:n,isRequired:s,active:a}=e,l=B0();return T__namespace.default.createElement("div",{className:l.root},T__namespace.default.createElement("div",{className:go__default.default(l.labelWrap,{[l.active]:a})},T__namespace.default.createElement("span",{className:"form-label"},po(t),s&&T__namespace.default.createElement("span",{style:{marginLeft:2}},"*"))),T__namespace.default.createElement("div",{className:l.controlWrap},n),T__namespace.default.createElement("div",{className:l.iconWrapper},T__namespace.default.createElement("div",null,o&&T__namespace.default.createElement(core.Tooltip,{placement:"top",interactive:true,enterDelay:800,title:o},T__namespace.default.createElement(k0,{className:l.icons}))),i&&T__namespace.default.createElement("div",{onClick:i},T__namespace.default.createElement(core.Tooltip,{placement:"top",enterDelay:800,title:"Append value to title"},r?T__namespace.default.createElement(I0,{style:{opacity:1},className:l.icons}):T__namespace.default.createElement(D0,{className:l.icons})))))});Yt.displayName="FormControl";var Ye=T.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:i,isRequired:n,value:s,defaultValue:a}=e,{Control:l,handleChange:c,knob:d}=rr(e);return T__namespace.default.createElement(Yt,{label:t,appendValueToTitle:r,onAppendValueToTitle:i,description:o,isRequired:n,active:a!==s&&s!==void 0&&s!==""&&s!==false},T__namespace.default.createElement(l,{onChange:c,knob:d}))});Ye.displayName="Control";var Ra=C(O0__default.default),z0=C(F0__default.default),H0=core.makeStyles(e=>({button:{color:e.palette.text.primary},buttonWrap:{alignItems:"center",backgroundColor:e.palette.background.paper,display:"flex",height:66,marginBottom:-35,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"}),Li=T.memo(e=>{let{selectorType:t,label:o,appendValueToTitle:r,onAppendValueToTitle:i,description:n,value:s,isFollowedByPositionProp:a,fullObjectPath:l,isRequired:c,onSelectorChange:d}=e,[p,m]=T.useState(false),u=H0(),[f,h]=T.useState(false),{startSelector:g}=bt(),{Control:y,knob:v,handleChange:k,setKnob:b}=rr(e),x=T.useCallback(K=>{m(false),g({onData:_=>{if(K==="selector"||K==="id-selector")d(l,_.path);else if(a){let pe=l.length===1?"":`${l.slice(0,-2)}.`;d(`${pe}x`,Math.round(_.x??0)),d(`${pe}y`,Math.round(_.y??0));}else k(_[o==="top"?"y":o==="left"?"x":o]);},type:K});},[g,a,d,l,o,k]),M=T__namespace.default.useCallback(()=>{x(t);},[t,x]),D=T__namespace.default.useCallback(()=>{x("id-selector");},[x]);T.useEffect(()=>{if(p&&t!=="selector"){h(false);return}h(!Sn(s));},[t,p,s]),T.useEffect(()=>{v.defaultValue!==s&&(k(s),b({...v,defaultValue:s,value:s}));},[k,v,b,s]);let L=T.useCallback(K=>{m(true),k(K);},[k]),F=T.useCallback(K=>m(K.target.tagName==="TEXTAREA"),[]),R=t==="selector";return T__namespace.default.createElement(Yt,{label:o,appendValueToTitle:r,onAppendValueToTitle:i,description:n,isRequired:c},T__namespace.default.createElement("div",{className:go__default.default("selector-root",u.root,{[u.error]:f&&p}),onBlur:F},T__namespace.default.createElement(y,{onChange:L,knob:v}),T__namespace.default.createElement("div",{className:go__default.default({[u.buttonWrap]:a,[u.selectorButtonWrap]:R})},T__namespace.default.createElement(core.IconButton,{size:"small",onClick:M,className:u.button},R?T__namespace.default.createElement(Ra,{className:u.selectorIcon}):T__namespace.default.createElement(z0,null)),R&&T__namespace.default.createElement(core.IconButton,{size:"small",onClick:D,className:u.button},T__namespace.default.createElement("div",{className:u.selectorHashIcon},T__namespace.default.createElement(Ra,{className:u.selectorIcon}))))),f&&p&&T__namespace.default.createElement("div",{className:go__default.default("selector-error",u.errorMessage)},"Invalid Selector!"))});Li.displayName="SelectorControl";var Qa=({name:e,schema:t,parents:o=[],nextPropName:r,isRequired:i,onChange:n,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})=>{let d=[...o,e].join("."),p=T.useCallback(g=>{n(d,g);},[n,d]),m=t.type!=="object"&&s(d,t),f=!!(a&&a(d)),h=T.useCallback(()=>{l&&l(d);},[l,d]);if(c&&(e==="selector"||t.type==="number"&&["x","y","top","left"].includes(e)))return T__namespace.default.createElement(Li,{label:e,type:e==="selector"?"text":"number",onChange:p,selectorType:e==="selector"?"selector":"position",value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isFollowedByPositionProp:r==="x"||r==="y",fullObjectPath:d,isRequired:!!i,onSelectorChange:c,defaultValue:t.default});if(t.enum)return T__namespace.default.createElement(Ye,{label:e,type:"select",onChange:p,options:t.enum,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!i,defaultValue:t.default});switch(t.type){case "string":case "any":return T__namespace.default.createElement(Ye,{label:e,type:"text",onChange:p,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!i,defaultValue:t.default});case "number":case "integer":return T__namespace.default.createElement(Ye,{label:e,type:"number",onChange:p,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!i,defaultValue:t.default});case "boolean":return T__namespace.default.createElement(Ye,{label:e,type:"boolean",onChange:p,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!i,defaultValue:t.default});case "array":{if(!t.items)return null;let g=t.items.enum;return g?T__namespace.default.createElement(Ye,{label:e,type:"options",onChange:p,display:"inline-check",options:g,value:m,description:t.description,onAppendValueToTitle:h,appendValueToTitle:f,isRequired:!!i,defaultValue:t.default}):null}case "object":return T__namespace.default.createElement("div",{style:{marginBottom:6}},T__namespace.default.createElement("p",{style:{margin:"6px 0",marginTop:14}},core.capitalize(W0__default.default(e).toLowerCase()),":"),T__namespace.default.createElement("div",{style:{paddingLeft:12}},T__namespace.default.createElement(sr,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:n,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};Qa.displayName="SchemaProp";var Ja=T__namespace.default.memo(Qa);var sr=({schemaProps:e,required:t,parents:o=[],onChange:r,getValue:i,shouldAppendToTitle:n,onAppendValueToTitle:s,onSelectorChange:a})=>T__namespace.default.createElement(T__namespace.default.Fragment,null,Object.keys(e).map((l,c,d)=>{let p=e[l];return T__namespace.default.createElement(Ja,{key:l,name:l,schema:p,parents:o,nextPropName:d[c+1],isRequired:t&&t.includes(l),onChange:r,getValue:i,shouldAppendToTitle:n,onAppendValueToTitle:s,onSelectorChange:a})}));sr.displayName="SchemaRenderer";var lr=T__namespace.default.memo(sr);var _0=core.makeStyles(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),ol=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let i=_0(),[n,s]=T.useState(e),[a,l]=T.useState(false),c=T.useRef(),{mutate:d,data:p}=w.schema.getSchema.useMutation();T.useEffect(()=>{c.current!==r&&(c.current=r,d({schemaName:r}));},[d,r]);let m=T.useCallback(()=>{t(n);},[t,n]),u=T.useCallback(()=>{t({}),s({}),l(true);},[t]),f=T.useCallback((g,y)=>{let v=cr__namespace.set(n,g,y);s(v);},[n]),h=g=>cr__namespace.get(n,g);return T.useEffect(()=>{a&&l(false);},[a]),T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement("div",{className:i.main},T__namespace.default.createElement(I,{open:p===void 0,position:"relative"}),p&&!a&&T__namespace.default.createElement(lr,{schemaProps:p,onChange:f,getValue:h})),T__namespace.default.createElement(core.Divider,null),T__namespace.default.createElement("div",{className:i.footer},T__namespace.default.createElement("div",null,o),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.Button,{onClick:u},"Clear"),T__namespace.default.createElement(core.Button,{onClick:m},"Save"))))};ol.displayName="SchemaFormLoader";var Wo=T__namespace.default.memo(ol);var St=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:r,clearError:i,fixFileNamesError:n,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:d}=Is({fixFunction:e}),p=T__namespace.default.useCallback(()=>{i(),t(false);},[t,i]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(me,{open:o,onClose:p,title:"Fix Screenshot File Name",width:"400px"},T__namespace.default.createElement(I,{open:s}),T__namespace.default.createElement("div",{style:{padding:20,width:"100%"}},l&&!n?T__namespace.default.createElement("p",null,"Fix applied, reload the page"):T__namespace.default.createElement(T__namespace.default.Fragment,null,T__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."),T__namespace.default.createElement("p",null,"This utility will apply changes to the screenshot file name and playwright config file.")),e&&T__namespace.default.createElement(core.TextField,{label:"Enter previous name export function",variant:"outlined",onChange:d,value:c,fullWidth:true,focused:true,required:true}),n&&T__namespace.default.createElement("p",{style:{color:"red"}},n)),T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(T__namespace.default.Fragment,null,l?T__namespace.default.createElement(core.Button,{onClick:a,color:"primary"},"Reload Page"):T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(core.Button,{onClick:p,color:"primary"},"Cancel"),T__namespace.default.createElement(core.Button,{onClick:r,color:"primary",autoFocus:true},"Apply Fix"))))))};St.displayName="FixScreenshotFileDialog";T__namespace.default.memo(St);function pr(e,t,o){return e&&e.args?cr__namespace.get(e.args,t):o?o.default:void 0}var Ni=e=>{let{schema:t,actionId:o,actionSetId:r}=e,n=A()?.id,s=Co(n||"",o),a=T.useCallback((m,u)=>{n&&Er({actionId:o,actionSetId:r,objPath:m,storyId:n,val:u});},[o,r,n]),l=T.useCallback((m,u)=>s?pr(s,m,u):void 0,[s]),c=T.useCallback(m=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(m)},[s]),d=T.useCallback(m=>{n&&Un({actionId:o,actionOptionPath:m,actionSetId:r,storyId:n});},[o,r,n]),p=T.useCallback((m,u)=>{n&&Er({actionId:o,actionSetId:r,objPath:m,storyId:n,val:u});},[o,r,n]);return s?T__namespace.default.createElement("div",null,T__namespace.default.createElement(lr,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:d,onSelectorChange:p})):null};Ni.displayName="ActionSchemaRenderer";var ih=core.makeStyles(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"}),zi=T.memo(e=>{let{actionId:t,actionName:o,DragHandle:r,actionSetId:i,dragHandleProps:n}=e,[s,a]=T.useState(),c=A()?.id,d=ne(),p=Co(c||"",t),m=It(d.actionSchema,o),u=ih(),f=T.useCallback(()=>{wo(t);},[t]);T.useEffect(()=>{if(!p||!p.subtitleItems)return;let y=p.subtitleItems.reduce((v,k)=>{let b=k.split(".").pop(),x=pr(p,k);return x&&v.push(`${b}: ${x}`),v},[]);a(y);},[p,o]);let h=T.useCallback(y=>{y.preventDefault(),y.stopPropagation(),c&&$n({actionId:t,actionSetId:i,storyId:c});},[t,i,c]),g=m&&m.parameters&&Object.keys(m.parameters).length!==0;return T__namespace.default.createElement("div",{className:u.root},T__namespace.default.createElement(Q0__default.default,{expanded:d.expandedActions&&d.expandedActions[t]===true&&g,onChange:f,className:u.expansionPanel,square:true,TransitionProps:{timeout:100}},T__namespace.default.createElement(J0__default.default,{"aria-controls":"panel1a-content",id:"panel1a-header",classes:{content:u.summary,expanded:u.expanded}},T__namespace.default.createElement("div",{className:u.summaryInner},T__namespace.default.createElement(r,{...n}),T__namespace.default.createElement("div",{className:u.heading},po(m&&m.title?m.title:o)),T__namespace.default.createElement("div",{className:u.subtitleWrap},s&&s.map(y=>T__namespace.default.createElement(core.Chip,{className:u.chip,key:y,size:"small",label:y,variant:"outlined",title:y})))),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.Tooltip,{title:m&&m.description?m.description:"Not Available!"},T__namespace.default.createElement(components.IconButton,null,T__namespace.default.createElement(icons.QuestionIcon,{className:u.icon}))),T__namespace.default.createElement(components.IconButton,{onClick:h},T__namespace.default.createElement(icons.TrashIcon,{className:u.icon})))),T__namespace.default.createElement(core.AccordionDetails,{className:u.detailPanel},d.expandedActions&&d.expandedActions[t]&&g&&T__namespace.default.createElement(Ni,{schema:m,actionId:t,actionSetId:i}))))});zi.displayName="ActionOptions";var vh=core.makeStyles(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),bh=({action:e,actionSetId:t,sortableId:o})=>{let{attributes:r,listeners:i,setActivatorNodeRef:n,setNodeRef:s,transform:a,transition:l,isDragging:c}=sortable.useSortable({id:o});return T__namespace.default.createElement("div",{ref:s,style:{opacity:c?.8:1,transform:utilities.CSS.Transform.toString(a),transition:l}},T__namespace.default.createElement(zi,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:Dt,actionSetId:t,dragHandleProps:{...r,...i,setNodeRef:n}}))},wh=({items:e,actionSetId:t,onSortEnd:o})=>{let[r,i]=T.useState(e);T.useEffect(()=>{i(e);},[e]);let n=core$1.useSensors(core$1.useSensor(core$1.PointerSensor),core$1.useSensor(core$1.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=T.useCallback(({active:c,over:d})=>{!d||c.id===d.id||i(p=>{let m=p.findIndex(f=>f.id===c.id),u=p.findIndex(f=>f.id===d.id);return m<0||u<0?p:sortable.arrayMove(p,m,u)});},[]),a=T.useCallback(()=>{i(e);},[e]),l=T.useCallback(({active:c})=>{let d=e.findIndex(m=>m.id===c.id),p=r.findIndex(m=>m.id===c.id);if(d<0||p<0||d===p||!o){i(e);return}o({newIndex:p,oldIndex:d});},[e,r,o]);return T__namespace.default.createElement(core$1.DndContext,{sensors:n,collisionDetection:core$1.closestCenter,onDragOver:s,onDragCancel:a,onDragEnd:l},T__namespace.default.createElement(sortable.SortableContext,{items:r.map(c=>c.id),strategy:sortable.verticalListSortingStrategy},T__namespace.default.createElement("div",null,r.map(c=>T__namespace.default.createElement(bh,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},Hi=({actionSet:e})=>{let t=vh(),o=A(),r=T.useCallback(i=>{o&&_n({actionSetId:e.id,newIndex:i.newIndex,oldIndex:i.oldIndex,storyId:o.id});},[e.id,o]);return !e||!e.actions.length?T__namespace.default.createElement("div",{className:t.noActionMessage},T__namespace.default.createElement("div",null,"Click the '+' button to create an action.")):T__namespace.default.createElement(nt,null,T__namespace.default.createElement(wh,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};Hi.displayName="ActionList";var Ki=T.memo(T.forwardRef((e,t)=>{let{onChange:o,label:r,name:i}=e,n=T.useCallback(()=>{o(i);},[i,o]);return T__namespace.default.createElement(core.MenuItem,{ref:t,onClick:n},r)}));Ki.displayName="ActionMenuItem";var Wi=(e,t=[])=>{let o=Object.keys(e),r=[];return o.forEach(i=>{let n=e[i];if(n.type==="object"){let s=Wi(n.properties,[...t,i]);r=[...r,...s];}else {let s=[...t,i];r.push({label:s.join("."),name:s.join(".")});}}),r.sort((i,n)=>i.name<n.name?-1:i.name>n.name?1:0)};var ll=(e,t)=>e.reduce((o,r)=>{let i=r.visibleTo||"*";return (i==="*"||new RegExp(i).test(t))&&o.push(r),o},[]);var Eh=core.makeStyles(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),Vi=T.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,i=ne(),[n,s]=T.useState([]),a=Eh();T__namespace.default.useEffect(()=>{if(!i.actionSchema)return;let c=Wi(i.actionSchema);s(c);},[i.actionSchema]);let l=T.useCallback(c=>{t(c);},[t]);return T__namespace.default.createElement(core.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:o,className:a.menu},n.map(c=>T__namespace.default.createElement(Ki,{key:c.name,name:c.name,label:c.label,onChange:l},"Profile")))});Vi.displayName="ActionMenu";var _i=e=>{let{onSave:t,onEditTitle:o,onCancel:r,onAddAction:i}=e,{loading:n}=Mo(),[s,a]=T__namespace.default.useState(null),l=T.useCallback(p=>{a(p.currentTarget);},[]),c=T.useCallback(()=>{a(null);},[]),d=T.useCallback(p=>{i(p),a(null);},[i]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(I,{open:n}),T__namespace.default.createElement(components.IconButton,{size:"small",className:"edit-desc",onClick:o,title:"Edit Title"},T__namespace.default.createElement(icons.EditIcon,null)),T__namespace.default.createElement(components.IconButton,{size:"small",className:"open-action-menu",onClick:l,title:"Add Actions"},T__namespace.default.createElement(icons.PlusIcon,null)),T__namespace.default.createElement(components.IconButton,{size:"small",className:"save-action",title:"Save Actions",onClick:t},T__namespace.default.createElement(icons.SaveIcon,null)),T__namespace.default.createElement(components.IconButton,{size:"small",className:"Cancel",title:"Cancel",onClick:r},T__namespace.default.createElement(icons.CrossIcon,null)),T__namespace.default.createElement(Vi,{onClose:c,anchorEl:s,onChange:d}))};_i.displayName="ActionSetEditorIcons";var Wh=core.makeStyles(e=>{let{palette:{secondary:t}}=e;return {divider:{backgroundColor:t.main},root:{height:"100%"}}},{name:"ActionSetEditor"}),$i=({actionSet:e})=>{let{handleAddAction:t,handleDescriptionChange:o,handleSave:r,cancelEditActionSet:i}=rs(e),n=Wh(),{loading:s}=Mo(),a=T.useCallback(()=>{rt.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return T__namespace.default.createElement(Ge,{tooltip:e.temp?e.title+Jo:e.title,title:e.temp?`${e.title} *`:e.title,draggable:true,selected:true,secondaryColor:true,icons:T__namespace.default.createElement(_i,{onAddAction:t,onCancel:i,onEditTitle:a,onSave:r})},T__namespace.default.createElement("div",{className:n.root},T__namespace.default.createElement(core.Divider,{className:n.divider}),T__namespace.default.createElement(Hi,{actionSet:e}),T__namespace.default.createElement(I,{open:s})))};$i.displayName="ActionSetEditor";var ji=e=>{let{item:t}=e,{anchorEl:o,setAnchorEl:r,clearAnchorEl:i}=za(),[n,s]=T__namespace.default.useState("*"),[a,l]=T__namespace.default.useState("*"),c=A(),{mutateAsync:d}=w.favouriteActions.addFavouriteAction.useMutation(),{parent:p="parent"}=c||{},m=T__namespace.default.useCallback(async()=>{t.visibleTo=n,i();try{await d(t),S.success("Successfully added action to favourites",{duration:5e3});}catch(f){S.error(`An error has occurred:
13
+ ${f.message||"Unknown error"}`,{duration:5e3});}},[d,i,n,t]);return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(components.IconButton,{className:"add-favourite",onClick:r,size:"small",title:"Add To Favourite"},T__namespace.default.createElement(icons.StarIcon,null)),o&&T__namespace.default.createElement(core.Popover,{anchorEl:o,open:true,onClose:i},T__namespace.default.createElement(core.DialogTitle,null,"Define witch story(s) can use this action:"),T__namespace.default.createElement(core.DialogContent,null,T__namespace.default.createElement(core.FormControl,null,T__namespace.default.createElement(core.RadioGroup,{row:true,value:a,onChange:(f,h)=>{s(h),l(h);}},T__namespace.default.createElement(core.FormControlLabel,{value:"*",control:T__namespace.default.createElement(core.Radio,{size:"small"}),label:"All Stories"}),T__namespace.default.createElement(core.FormControlLabel,{value:p,control:T__namespace.default.createElement(core.Radio,{size:"small"}),label:`${core.capitalize(p)} Stories`}))),T__namespace.default.createElement("div",null,T__namespace.default.createElement(core.TextField,{value:n,onChange:f=>s(f.target.value),helperText:"Or enter regex expression",fullWidth:true}))),T__namespace.default.createElement(core.DialogActions,null,T__namespace.default.createElement(core.Button,{onClick:m},"Save"))))};ji.displayName="AddFavouriteAction";function ul({onEdit:e,onDelete:t,item:o,onCheckBoxClick:r,checked:i,title:n,isEditing:s,hideIcons:a,onDuplicate:l,sortableId:c}){let{attributes:d,listeners:p,setActivatorNodeRef:m,setNodeRef:u,transform:f,transition:h,isDragging:g}=sortable.useSortable({disabled:!!s,id:c??o.id}),y=T.useCallback(()=>{e(o);},[o,e]),v=T.useCallback(()=>{r&&r(o);},[o,r]),k=T.useCallback(()=>{t(o);},[o,t]),b=T.useCallback(()=>{l&&l(o);},[o,l]);return s?T__namespace.default.createElement("div",{ref:u,style:{transform:utilities.CSS.Transform.toString(f),transition:h}},T__namespace.default.createElement($i,{actionSet:o})):T__namespace.default.createElement("div",{ref:u,style:{opacity:g?.8:1,position:"relative",transform:utilities.CSS.Transform.toString(f),transition:h,zIndex:1}},T__namespace.default.createElement(Ge,{tooltip:n+(o.temp?Jo:""),title:n+(o.temp?" *":""),draggable:true,selected:i,dragHandleProps:{...d,...p,setNodeRef:m},icons:T__namespace.default.createElement(T__namespace.default.Fragment,null,!a&&T__namespace.default.createElement(components.IconButton,{className:"edit-button",onClick:y,size:"small",title:"Edit"},T__namespace.default.createElement(icons.EditIcon,null)),T__namespace.default.createElement(components.IconButton,{className:"duplicate-button",onClick:b,size:"small",title:"Duplicate Action"},T__namespace.default.createElement(icons.CopyIcon,null)),!a&&T__namespace.default.createElement(ji,{item:o}),T__namespace.default.createElement(Bt,{onClick:v,checked:!!i}),!a&&T__namespace.default.createElement(ye,{onDelete:k}))}))}ul.displayName="ActionSetListItem";var qi=e=>T__namespace.default.createElement(ul,{...e});qi.displayName="SortableActionSetListItem";var fg=core.makeStyles(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),Xi=({onSortEnd:e})=>{let t=fg(),o=A(),{copyActionSet:r,inProgress:i}=is(o),{mutateAsync:n}=w.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=ns(),{loading:c}=ss(),d=T.useCallback(async b=>{if(o)try{await n({actionSetId:b.id,filePath:o.filePath,storyId:o.id}),bo({actionSetId:b.id,storyId:o.id});}catch(x){S.error(x instanceof Error?x.message:"Failed to delete action set");}},[n,o]),p=T.useCallback(b=>{Wn(b);},[]),m=T.useCallback(b=>{Kn(b.id);},[]),u=l.orgEditingActionSet!==void 0,[f,h]=T.useState(s);T.useEffect(()=>{h(s);},[s]);let g=core$1.useSensors(core$1.useSensor(core$1.PointerSensor),core$1.useSensor(core$1.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),y=T.useCallback(({active:b,over:x})=>{!x||b.id===x.id||h(M=>{let D=M.findIndex(F=>F.id===b.id),L=M.findIndex(F=>F.id===x.id);return D<0||L<0?M:sortable.arrayMove(M,D,L)});},[]),v=T.useCallback(()=>{h(s);},[s]),k=T.useCallback(({active:b})=>{let x=s.findIndex(D=>D.id===b.id),M=f.findIndex(D=>D.id===b.id);if(x<0||M<0||x===M||!e){h(s);return}e({newIndex:M,oldIndex:x});},[f,e,s]);return T__namespace.default.createElement(nt,null,T__namespace.default.createElement(core$1.DndContext,{sensors:g,collisionDetection:core$1.closestCenter,onDragOver:y,onDragCancel:v,onDragEnd:k},T__namespace.default.createElement(sortable.SortableContext,{items:f.map(b=>b.id),strategy:sortable.verticalListSortingStrategy},f.length>0?f.map((b,x)=>T__namespace.default.createElement(qi,{index:x,sortableId:b.id,key:b.id+u,item:b,onDelete:d,onEdit:p,onCheckBoxClick:m,checked:a.includes(b.id),title:b.title,onDuplicate:r,isEditing:u&&l.orgEditingActionSet&&l.orgEditingActionSet.id===b.id,hideIcons:u})):T__namespace.default.createElement("div",{className:go__default.default(t.message,"no-data")},T__namespace.default.createElement("div",null,"No action set to display!"),T__namespace.default.createElement("div",null,"Click the '+' button to create an action set.")))),T__namespace.default.createElement(I,{open:c||i}))};Xi.displayName="ActionSetList";var Ag=core.makeStyles(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),hl=[{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:"*"}],Ri=e=>{let{children:t,getContainerHeight:o}=e,[r,i]=T__namespace.default.useState(hl),{mutateAsync:n}=w.actionSet.saveActionSet.useMutation(),{mutateAsync:s}=w.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:a}=w.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),l=A(),{id:c}=l||{},d=Ag(),p=T__namespace.default.useCallback(()=>{a().then(({data:f})=>{let h=[...hl,...ll(f||[],c??"")];i(h);});},[a,c]),m=async f=>{if(!l||!c)return;let h=nanoid.nanoid(12),g={...f,id:h,visibleTo:void 0};await n({actionSet:g,filePath:l.filePath,storyId:c}),lt({actionSet:g,isNew:false,selected:true,storyId:c});},u=async f=>{await s({actionSetId:f}),p();};return T__namespace.default.useEffect(()=>{p();},[p]),T__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom-start",trigger:"click",tooltip:({onHide:f})=>{let h=o?.();return T__namespace.default.createElement("div",{className:d.menu,style:{maxHeight:h?`${h-50}px`:"50vh",overflowY:"auto"},onMouseDown:g=>g.stopPropagation()},r.map(g=>T__namespace.default.createElement(components.ListItem,{key:g.id,title:core.capitalize(g.title),right:T__namespace.default.createElement(components.IconButton,{disabled:g.id.endsWith("--default"),onClick:y=>{y.stopPropagation(),u(g.id),f();}},T__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await m(g),f();}})))}},t)};Ri.displayName="FavouriteActions";var Yi=e=>{let{onAddActionSet:t,onReset:o,onFavoriteActionsClick:r,onDeleteSelectedActionSets:i,deleteDisabled:n,getContainerHeight:s}=e;return T__namespace.default.createElement(T__namespace.default.Fragment,null,T__namespace.default.createElement(We,{border:["bottom"]},T__namespace.default.createElement("div",{className:"left"},T__namespace.default.createElement("span",null,"Action Sets")),T__namespace.default.createElement("div",{className:"right"},T__namespace.default.createElement(Ri,{getContainerHeight:s},T__namespace.default.createElement(components.IconButton,{onClick:r,title:"Favourite Actions"},T__namespace.default.createElement(icons.StarIcon,null))),T__namespace.default.createElement(components.IconButton,{onClick:o,title:"Reset"},T__namespace.default.createElement(icons.RefreshIcon,null)),T__namespace.default.createElement(ye,{disabled:n,onDelete:i,IconButton:components.IconButton}),T__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},T__namespace.default.createElement(icons.PlusIcon,null)))))};Yi.displayName="ActionToolbar";var Qi=()=>{let{storyId:e}=managerApi.useStorybookState(),t=A(),o=T__namespace.default.useRef(null),{currentActions:r}=Pe(e),{mutateAsync:i}=w.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=w.actionSet.changeActionSetIndex.useMutation(),s=T.useCallback(m=>{let u=nanoid.nanoid(12),f={actions:[],id:u,title:m};Ao(e),lt({actionSet:f,isNew:true,selected:true,storyId:e});},[e]),a=T.useCallback(()=>{rt.show({onSave:s,required:true,title:"Action set title"});},[s]),l=T.useCallback(()=>{_e(),ct(e);},[e]),c=T.useCallback(async()=>{if(t)for(let m of r)try{await i({actionSetId:m.id,filePath:t.filePath,storyId:e}),bo({actionSetId:m.id,storyId:e});}catch(u){console.error(u);}},[r,i,t,e]);T.useEffect(()=>{_e();},[e]);let d=T.useCallback(async m=>{if(t){kr({newIndex:m.newIndex,oldIndex:m.oldIndex,storyId:e});try{await n({filePath:t.filePath,newIndex:m.newIndex,oldIndex:m.oldIndex,storyId:e});}catch(u){kr({newIndex:m.oldIndex,oldIndex:m.newIndex,storyId:e}),console.error(u);}}},[n,t,e]),p=T__namespace.default.useCallback(()=>o.current?.offsetHeight??void 0,[]);return T__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"},ref:o},T__namespace.default.createElement(Yi,{onAddActionSet:a,onReset:l,onDeleteSelectedActionSets:c,deleteDisabled:r.length===0,getContainerHeight:p}),T__namespace.default.createElement(Xi,{onSortEnd:d}))};Qi.displayName="ActionSetMain";var Ji=T.memo(()=>T__namespace.default.createElement(be,null,T__namespace.default.createElement(Qi,null)));Ji.displayName="ActionPanel";var Zi=()=>{let e=managerApi.useStorybookState();return T__namespace.default.createElement(ti,{showPanel:e.selectedPanel===wt})};Zi.displayName="ScreenshotPanel";managerApi.addons.add(Ma,{render:Ti,type:managerApi.types.PREVIEW});Tn();managerApi.addons.register(Ae,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(Ca,{render:()=>T__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(Ta,{render:()=>T__namespace.default.createElement(ki,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(Pa,{render:({active:e})=>T__namespace.default.createElement(components.AddonPanel,{active:e??false},T__namespace.default.createElement(Ji,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(wt,{render:({active:e})=>T__namespace.default.createElement(components.AddonPanel,{active:e??false},T__namespace.default.createElement(Zi,null)),title:"Screenshots",type:managerApi.types.PANEL});});//# sourceMappingURL=register.js.map
14
14
  //# sourceMappingURL=register.js.map