storybook-addon-playwright 5.1.4 → 5.1.5
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.
- package/dist/register.js +1 -1
- package/dist/register.js.map +1 -1
- package/dist/register.mjs +1 -1
- package/dist/register.mjs.map +1 -1
- package/middleware.js +2 -2
- package/package.json +1 -1
package/dist/register.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),P=require('react'),core=require('@material-ui/core'),Sl=require('@material-ui/icons/Close'),gr=require('@ebay/nice-modal-react');require('@storybook/core/router');var on=require('normalize-url'),ir=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),oc=require('tinycolor2'),styles=require('@material-ui/core/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),ho=require('clsx'),yc=require('@material-ui/icons/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),Mn=require('array-move'),Zc=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),Cm=require('@material-ui/icons/CheckCircle'),Mm=require('@material-ui/icons/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),Vp=require('react-json-view'),Sm=require('hash-sum'),core$1=require('@dnd-kit/core'),ku=require('@material-ui/core/Dialog'),wd=require('@material-ui/icons/FullscreenSharp'),Ad=require('@material-ui/icons/RefreshOutlined'),xd=require('@material-ui/icons/SaveAltOutlined'),hd=require('@material-ui/icons/Settings'),du=require('@material-ui/icons/CloseOutlined'),uu=require('@material-ui/icons/NearMe'),fu=require('@material-ui/icons/RefreshSharp'),_d=require('react-selecto'),nu=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'),h0=require('lodash/startCase'),Jf=require('@material-ui/icons/CheckCircleOutlineRounded'),Zf=require('@material-ui/icons/HelpOutlineSharp'),e0=require('@material-ui/icons/RadioButtonUncheckedRounded'),c0=require('@material-ui/icons/FilterCenterFocusSharp'),p0=require('@material-ui/icons/FilterTiltShift'),C0=require('@material-ui/core/Accordion'),M0=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 P__namespace=/*#__PURE__*/_interopNamespace(P);var Sl__default=/*#__PURE__*/_interopDefault(Sl);var gr__default=/*#__PURE__*/_interopDefault(gr);var on__default=/*#__PURE__*/_interopDefault(on);var ir__namespace=/*#__PURE__*/_interopNamespace(ir);var oc__default=/*#__PURE__*/_interopDefault(oc);var ho__default=/*#__PURE__*/_interopDefault(ho);var yc__default=/*#__PURE__*/_interopDefault(yc);var Mn__default=/*#__PURE__*/_interopDefault(Mn);var Zc__default=/*#__PURE__*/_interopDefault(Zc);var Cm__default=/*#__PURE__*/_interopDefault(Cm);var Mm__default=/*#__PURE__*/_interopDefault(Mm);var Vp__default=/*#__PURE__*/_interopDefault(Vp);var Sm__default=/*#__PURE__*/_interopDefault(Sm);var ku__default=/*#__PURE__*/_interopDefault(ku);var wd__default=/*#__PURE__*/_interopDefault(wd);var Ad__default=/*#__PURE__*/_interopDefault(Ad);var xd__default=/*#__PURE__*/_interopDefault(xd);var hd__default=/*#__PURE__*/_interopDefault(hd);var du__default=/*#__PURE__*/_interopDefault(du);var uu__default=/*#__PURE__*/_interopDefault(uu);var fu__default=/*#__PURE__*/_interopDefault(fu);var _d__default=/*#__PURE__*/_interopDefault(_d);var nu__default=/*#__PURE__*/_interopDefault(nu);var lu__default=/*#__PURE__*/_interopDefault(lu);var h0__default=/*#__PURE__*/_interopDefault(h0);var Jf__default=/*#__PURE__*/_interopDefault(Jf);var Zf__default=/*#__PURE__*/_interopDefault(Zf);var e0__default=/*#__PURE__*/_interopDefault(e0);var c0__default=/*#__PURE__*/_interopDefault(c0);var p0__default=/*#__PURE__*/_interopDefault(p0);var C0__default=/*#__PURE__*/_interopDefault(C0);var M0__default=/*#__PURE__*/_interopDefault(M0);var Ct=P.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:i="Save",negativeActionName:n="Cancel"})=>P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(core.DialogTitle,null,t),P__namespace.default.createElement(core.DialogContent,null,r),P__namespace.default.createElement(core.DialogActions,null,P__namespace.default.createElement(core.Button,{onClick:o},n),P__namespace.default.createElement(core.Button,{onClick:e},i))));Ct.displayName="ActionPanel";function I(e){return e.default??e}var yl=I(Sl__default.default),vl=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"}),pe=({children:e,width:t="80%",height:o="auto",title:r,onClose:i,footerActions:n,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...m})=>{let p=vl({height:o,width:t}),d=n,u=a;return P__namespace.default.createElement(core.Dialog,{open:l,classes:{paper:p.paper},onClose:i,...m},(u||c||r||s)&&P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(core.DialogTitle,{disableTypography:true,className:p.title},P__namespace.default.createElement("div",null,r&&P__namespace.default.createElement(core.Typography,{variant:"h6"},r),s&&P__namespace.default.createElement(core.Typography,{variant:"body1"},s)),P__namespace.default.createElement("div",{className:p.titleActions},u&&P__namespace.default.createElement(u,null),c&&P__namespace.default.createElement(core.IconButton,{color:"primary",className:p.closIcon,onClick:i},P__namespace.default.createElement(yl,null)))),P__namespace.default.createElement(core.Divider,null)),e,d&&P__namespace.default.createElement(core.DialogActions,null,P__namespace.default.createElement(d,null)))};pe.displayName="Dialog";var mr=P.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:r,onClose:i,width:n="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...m})=>{let p=P.useCallback(()=>{i(),c&&c();},[c,i]);return P__namespace.default.createElement(pe,{enableCloseButton:false,open:r,onClose:p,width:n,...m},P__namespace.default.createElement(Ct,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});mr.displayName="ActionDialog";var dr=P.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:i,negativeActionName:n,...s})=>P__namespace.default.createElement(core.Popover,{open:true,...s},P__namespace.default.createElement(Ct,{onPositiveAction:e,negativeActionName:n,title:t,onNegativeAction:o,positiveActionName:i},r)));dr.displayName="ActionPopover";var Ml=core.makeStyles(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),ur=P.memo(e=>{let{message:t}=e,o=Ml();return P__namespace.default.createElement(core.Backdrop,{open:true,className:o.backdrop},P__namespace.default.createElement("div",{className:o.root},t)," ")});ur.displayName="ErrorPanel";function co(e){return e.charAt(0).toUpperCase()+e.slice(1)}function rn(e,t,o,r){let i;/^\.{0,2}[/\\]/.test(e)?i=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?i=on__default.default(e):i=on__default.default(`http://${e}`);let n=`${i}/iframe.html?id=${t}`;return n.replace(/\\/g,"/")}function ze(){return document.body.querySelector("#storybook-preview-iframe")}function nn(e){return ze()?.contentWindow?.document.querySelector(e)}function Mt(e,t){if(!t)return;let o=t.split(".").join(".properties.");return ir.get(e,o)}var po={"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 sn(e){if(!e)return;let t=po[e];if(t)return t.deviceName=e,t}function an(e){return e.contentDocument||e.contentWindow?.document}function ln(e){let t=an(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 Qe(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).`:""}var cn=e=>{if(!e)return;let t=e.args&&Object.keys(e.args).length?e.args:void 0;return t||(e.props&&Object.keys(e.props).length?e.props:void 0)};function mo(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 pn(e){try{return !(!e||nn(e)==null)}catch{return false}}function Nl(e){switch(e){case "success":return P__namespace.default.createElement(icons.PassedIcon,null);case "error":return P__namespace.default.createElement(icons.FailedIcon,null);case "warning":return P__namespace.default.createElement(icons.AlertIcon,null);case "info":return P__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function zl(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 fr=e=>P__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),Hl=({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)",m=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)",d=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 ${m}`,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=Nl(o),g=zl(o,l),y=typeof t=="string"?t.split(`
|
|
2
|
-
`).map((A,M)=>P__namespace.default.createElement("span",{key:M},A,P__namespace.default.createElement("br",null))):t;return P__namespace.default.createElement("div",{style:f,...a},h&&P__namespace.default.createElement("div",{style:{color:g}},h),P__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&P__namespace.default.createElement("div",{style:{color:d,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&P__namespace.default.createElement(fr,null,y),s),r&&n&&P__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:u}},P__namespace.default.createElement(icons.CrossIcon,null)))},uo=Hl;var dn=1e4,Je=new Map;function Vl(e){let t=Je.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Je.set(e,{counter:0,currentId:`${e}_0`}),Je.get(e)?.currentId??e}function Gl(e){let t=o=>{let r=Je.get(e);r&&r.currentId===o&&Je.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=Vl(l),a=Gl(l);}return sonner.toast.custom(l=>P__namespace.default.createElement(uo,{...n,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??dn,id:s,position:i,...a}),s};function fo(e,t,o){return S(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}S.error=(e,t)=>fo("error",e,t);S.success=(e,t)=>fo("success",e,t);S.warning=(e,t)=>fo("warning",e,t);S.info=(e,t)=>fo("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??dn,...r})};S.dismiss=e=>{sonner.toast.dismiss(e);};S.dismissAll=()=>{sonner.toast.dismiss(),Je.clear();};function Ul(e,t){let o=Mt(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 un(e,t){let o=t.reduce((r,i)=>{let n=Ul(e,i);return n.required&&r.push({id:i.id,name:i.name,...n}),r},[]);return o.length===0?void 0:o}var Rl=core.makeStyles(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var hn=({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:m,...p})=>{let[d,u]=P.useState(e),[f,h]=P.useState(false),[g,y]=P.useState(false),A=Rl({width:s}),M=!!m,b=P.useCallback(D=>{u(D.target.value);},[]),v=P.useCallback(()=>{n(true),i&&i();},[i,n]),k=P.useCallback(()=>{if(r&&!d){S.error(o),h(true);return}t(d.trim());},[d,t,r,o]),B=P.useCallback(async()=>{if(m){y(true);try{let D=await m();D!==void 0&&u(D);}finally{y(false);}}},[m]);return P.useEffect(()=>{u(e);},[e,a]),P__namespace.default.createElement(mr,{onPositiveAction:k,onNegativeAction:v,onClose:v,open:a,...p},P__namespace.default.createElement(core.TextField,{className:A.input,multiline:true,rows:3,value:d,onChange:b,variant:"outlined",autoFocus:true,label:c,error:f,required:true,InputLabelProps:{shrink:true}}),M&&P__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},P__namespace.default.createElement(core.Button,{className:A.generateButton,size:"small",onClick:B,disabled:g,startIcon:g?P__namespace.default.createElement(core.CircularProgress,{size:14}):void 0},g?"Generating...":"Generate Title")),l)};hn.displayName="InputDialog";var gn=gr__default.default.create(e=>{let t=gr.useModal(),o=P.useCallback(()=>{t.hide();},[t]),r=P.useCallback(i=>{e.onSave(i),t.hide();},[t,e]);return P__namespace.default.createElement(hn,{...e,open:t.visible,onClose:o,onSave:r})});gn.displayName="InputDialogModal";var Sn="input-dialog",fn=false,yn=()=>{fn||(gr__default.default.register(Sn,gn),fn=true);},tt={show:e=>gr__default.default.show(Sn,e)};var rc=core.makeStyles(e=>{let{background:t}=e.palette,o=oc__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),C=P.memo(e=>{let{open:t,progressSize:o,position:r}=e,i=rc();return t?P__namespace.default.createElement(core.Backdrop,{className:`${i.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&P__namespace.default.createElement(core.CircularProgress,{size:o})):null});C.displayName="Loader";var sc=typeof window<"u"?window.location.origin:"",w=reactQuery.createTRPCReact();function bn(){return w.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${sc}/trpc`})]})}function wn(){let[e,t]=P__namespace.default.useState(),o=P__namespace.default.useRef(false),{data:r}=w.theme.getThemeData.useQuery();return P__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var It=P.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=wn(),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 P__namespace.default.createElement(styles.ThemeProvider,{theme:i},t)});It.displayName="ThemeProvider";var fc=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"}),Ke=e=>{let{children:t,border:o}=e,r=fc();return P__namespace.default.createElement("div",{className:ho__default.default(r.root)+(o&&o.map(i=>` border-${i}`).join(" "))},P__namespace.default.createElement("div",{className:r.toolbar},t))};Ke.displayName="Toolbar";var yr=P.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:i,...n})=>{let s=P.useCallback(()=>{r&&r(),i&&i({},"backdropClick");},[r,i]);return P__namespace.default.createElement(dr,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...n},P__namespace.default.createElement(core.Typography,null,e))});yr.displayName="ConfirmationPopover";var bc=I(yc__default.default),kt=({className:e,setNodeRef:t,...o})=>P__namespace.default.createElement("span",{className:ho__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},P__namespace.default.createElement(bc,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));kt.displayName="DragHandle";var Pc=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 ${oc__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${i.main}`}}},{name:"ListItemWrapper"}),We=e=>{let{title:t,draggable:o,children:r,selected:i,className:n,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:m,...p}=e,d=Pc(),u=P.useCallback(f=>{s&&f.target.classList.contains("clickable")&&s(f);},[s]);return P__namespace.default.createElement("div",{className:ho__default.default(d.root,{[d.selected]:i&&!c},{[d.selectedSecondary]:i&&c},n),...p,title:a,onClick:u},P__namespace.default.createElement("div",{className:ho__default.default("clickable",d.header,"list-item-header")},P__namespace.default.createElement("div",{className:ho__default.default(d.column,"clickable",{[d.secondaryColor]:c})},o&&P__namespace.default.createElement(kt,{...m}),core.capitalize(t)),P__namespace.default.createElement("div",{className:ho__default.default("clickable",d.column,d.icons,{[d.secondaryColor]:c})},l)),r&&P__namespace.default.createElement("div",{className:"list-item-content"},r))};We.displayName="ListItemWrapper";var Bc=core.makeStyles(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var rt=e=>{let{children:t,...o}=e,r=Bc(),i=P.useRef(null);return P.useEffect(()=>{!i.current||!i.current.parentElement||(i.current.parentElement.style.height="100%");},[]),P__namespace.default.createElement("div",{ref:i,...o,className:ho__default.default(r.root,e.className)},P__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},br=e=>P__namespace.default.createElement(rt,{...e});br.displayName="ListWrapperSortableContainer";rt.displayName="ListWrapper";var ge=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[i,n]=P__namespace.default.useState(null),s=P.useCallback(c=>{c.stopPropagation(),n(c.currentTarget);},[]),a=P.useCallback(()=>{o&&o(),n(null);},[o]),l=P.useCallback(()=>{a(),e();},[a,e]);return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},P__namespace.default.createElement(icons.TrashIcon,null)),i&&P__namespace.default.createElement(yr,{onClose:a,onConfirm:l,anchorEl:i}))};ge.displayName="DeleteConfirmationButton";var Dt=e=>{let{onClick:t,checked:o,onChange:r}=e,i=P__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return P__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:i,size:"small",active:o},o?P__namespace.default.createElement(icons.FormIcon,null):P__namespace.default.createElement(icons.StopAltHollowIcon,null))};Dt.displayName="CheckBox";var Gc=core.makeStyles(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),So=P.memo(P.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:i,onClick:n,selected:s}=e,a=Gc(),l=P.useCallback(()=>{n(i);},[i,n]);return P__namespace.default.createElement(core.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},P__namespace.default.createElement("div",null,r),P__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));So.displayName="DeviceListItem";var xr=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,i]=P__namespace.default.useState(null),n=c=>{i(c.currentTarget);},s=()=>{i(null);},a=P.useMemo(()=>Object.keys(po),[]),l=P.useCallback(c=>{i(null),t(c);},[t]);return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(core.Button,{onClick:n},"Load From Device Descriptors"),P__namespace.default.createElement(core.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},P__namespace.default.createElement(So,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>P__namespace.default.createElement(So,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};xr.displayName="DeviceList";function x(){let[e,t]=P.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return P.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 Jc={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},Bt=zustand.create()(middleware.devtools(()=>({...Jc}),{name:"action-set-store"}));function Pn(e){return e.map(t=>{let{id:o,...r}=t;return r})}function Cn(e,t){if(e.length!==t.length)return false;let o=Pn(e),r=Pn(t);return Zc__default.default(o,r)}var K=()=>Bt.getState();function E(e){return Bt.setState(e)}function nt(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function Ge(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 kn(e,t,o){let r=e.stories[t]?.actionSets||[];return {...nt(e,t,r.filter(n=>n.id!==o)),orgEditingActionSet:void 0}}function Dn({storyId:e,actionSets:t}){let o=K();E(nt(o,e,t));}function Bn({storyId:e,actionSets:t}){let o=K(),r=o.stories[e]?.actionSets||[],i=t.reduce((a,l)=>{if(r.length){let c;for(let m=0;m<r.length;m++){let p=r[m];if(!a.find(d=>d.id===p.id)&&Cn(p.actions,l.actions)){c=p;break}}c?a.push(c):a.push({...l,actions:l.actions.map(m=>(m.id=nanoid.nanoid(12),m)),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=nt(o,e,[...i,...r.filter(a=>!n.includes(a.id))]);E({...s,currentActionSets:n});}function st({storyId:e,actionSet:t,selected:o,isNew:r}){let i=K(),n=[...i.stories[e]?(i.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=nt(i,e,n);E({...s,currentActionSets:[...i.currentActionSets?i.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function Ue(){E({currentActionSets:[]});}function vo({storyId:e,actionSetId:t}){let o=K();E(kn(o,e,t));}function at(e){let t=K();!t.stories[e]||!t.stories[e].actionSets||E(nt(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function Tr({storyId:e,oldIndex:t,newIndex:o}){let r=K(),i=r.stories[e]?.actionSets||[];E(nt(r,e,[...Mn__default.default(i,t,o)]));}function Ln(e){let t=K(),o=t.currentActionSets.find(r=>r===e);E({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function bo(e){let t=K(),o=t.expandedActions[e]===true;E({expandedActions:{...t.expandedActions,[e]:!o}});}function Pr(){E({expandedActions:{}});}function Cr(e){E({actionSchema:e});}function wo(e){let t=K(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...i}=o;if(r)E(kn(t,e,o.id));else {let n=Ge(t,e,o.id,s=>({...s,...i}));E({...n,orgEditingActionSet:void 0});}}function En(e){let t=K();E({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function On({storyId:e,actionSetId:t,title:o}){let r=K();E(Ge(r,e,t,i=>({...i,title:o})));}function Fn({storyId:e,actionSetId:t,action:o}){let r=K();E(Ge(r,e,t,i=>({...i,actions:[...i.actions,o]})));}function Nn({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let i=K();E(Ge(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 zn({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let i=K();E(Ge(i,e,t,n=>({...n,actions:[...Mn__default.default(n.actions,o,r)]})));}function Hn({storyId:e,actionSetId:t,actionId:o}){let r=K();E(Ge(r,e,t,i=>({...i,actions:i.actions.filter(n=>n.id!==o)})));}function Mr({storyId:e,actionSetId:t,actionId:o,objPath:r,val:i}){let n=K();E(Ge(n,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:ir__namespace.set(a.args,r,i)}:a)})));}function Kn(){E({orgEditingActionSet:void 0});}function ne(){return Bt()}var rp={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},Y=zustand.create()(middleware.devtools(middleware.persist(()=>({...rp}),{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 Wn(e){Ae({addonState:e});}function Ir(e){Ae({browserOptions:e});}function Vn(e){Ae({screenshotOptions:e});}function Gn(e){Ae({dragStart:e});}function kr(e){Ae({selectorManager:e});}function Ao(e){Ae({screenshotUpdateState:e});}function Dr(e){Ae({editScreenshotState:e});}function Br(e){Ae({schemaLoaded:e});}function Un(){return Y(e=>e.addonState)}function _n(){return Y(e=>e.browserOptions)}function xo(){return Y(e=>e.screenshotOptions)}function $n(){return Y(e=>e.dragStart)}function jn(){return Y(e=>e.selectorManager)}function Xn(){return Y(e=>e.screenshotUpdateState)}function qn(){return Y(e=>e.editScreenshotState)}function Yn(){return Y(e=>e.schemaLoaded)}function Rn(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:p=>{S.error(p.message||"Unexpected error occurred");}}),r=ne(),i=x(),n=P.useCallback(p=>{if(!i)return;let d=nanoid.nanoid(10),u={id:d,name:p};Pr(),Fn({action:u,actionSetId:e.id,storyId:i.id}),bo(d);},[i,e.id]);P.useEffect(()=>()=>Pr(),[]);let s=P.useCallback(async()=>{let p=un(r.actionSchema,e.actions);if(p){let d=p.map(u=>{if(!(!u.required||u.required.length===0))return `Action name: ${u.name}
|
|
2
|
+
`).map((A,M)=>P__namespace.default.createElement("span",{key:M},A,P__namespace.default.createElement("br",null))):t;return P__namespace.default.createElement("div",{style:f,...a},h&&P__namespace.default.createElement("div",{style:{color:g}},h),P__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&P__namespace.default.createElement("div",{style:{color:d,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&P__namespace.default.createElement(fr,null,y),s),r&&n&&P__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:u}},P__namespace.default.createElement(icons.CrossIcon,null)))},uo=Hl;var dn=1e4,Je=new Map;function Vl(e){let t=Je.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Je.set(e,{counter:0,currentId:`${e}_0`}),Je.get(e)?.currentId??e}function Gl(e){let t=o=>{let r=Je.get(e);r&&r.currentId===o&&Je.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=Vl(l),a=Gl(l);}return sonner.toast.custom(l=>P__namespace.default.createElement(uo,{...n,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??dn,id:s,position:i,...a}),s};function fo(e,t,o){return S(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}S.error=(e,t)=>fo("error",e,t);S.success=(e,t)=>fo("success",e,t);S.warning=(e,t)=>fo("warning",e,t);S.info=(e,t)=>fo("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??dn,...r})};S.dismiss=e=>{sonner.toast.dismiss(e);};S.dismissAll=()=>{sonner.toast.dismiss(),Je.clear();};function Ul(e,t){let o=Mt(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 un(e,t){let o=t.reduce((r,i)=>{let n=Ul(e,i);return n.required&&r.push({id:i.id,name:i.name,...n}),r},[]);return o.length===0?void 0:o}var Rl=core.makeStyles(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var hn=({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:m,...p})=>{let[d,u]=P.useState(e),[f,h]=P.useState(false),[g,y]=P.useState(false),A=Rl({width:s}),M=!!m,b=P.useCallback(D=>{u(D.target.value);},[]),v=P.useCallback(()=>{n(true),i&&i();},[i,n]),k=P.useCallback(()=>{if(r&&!d){S.error(o),h(true);return}t(d.trim());},[d,t,r,o]),B=P.useCallback(async()=>{if(m){y(true);try{let D=await m();D!==void 0&&u(D);}finally{y(false);}}},[m]);return P.useEffect(()=>{u(e);},[e,a]),P__namespace.default.createElement(mr,{onPositiveAction:k,onNegativeAction:v,onClose:v,open:a,...p},P__namespace.default.createElement(core.TextField,{className:A.input,multiline:true,rows:3,value:d,onChange:b,variant:"outlined",autoFocus:true,label:c,error:f,required:true,InputLabelProps:{shrink:true}}),M&&P__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},P__namespace.default.createElement(core.Button,{className:A.generateButton,size:"small",onClick:B,disabled:g,startIcon:g?P__namespace.default.createElement(core.CircularProgress,{size:14}):void 0},g?"Generating...":"Generate Title")),l)};hn.displayName="InputDialog";var gn=gr__default.default.create(e=>{let t=gr.useModal(),o=P.useCallback(()=>{t.hide();},[t]),r=P.useCallback(i=>{e.onSave(i),t.hide();},[t,e]);return P__namespace.default.createElement(hn,{...e,open:t.visible,onClose:o,onSave:r})});gn.displayName="InputDialogModal";var Sn="input-dialog",fn=false,yn=()=>{fn||(gr__default.default.register(Sn,gn),fn=true);},tt={show:e=>gr__default.default.show(Sn,e)};var rc=core.makeStyles(e=>{let{background:t}=e.palette,o=oc__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),C=P.memo(e=>{let{open:t,progressSize:o,position:r}=e,i=rc();return t?P__namespace.default.createElement(core.Backdrop,{className:`${i.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&P__namespace.default.createElement(core.CircularProgress,{size:o})):null});C.displayName="Loader";var sc=typeof window<"u"?window.location.origin:"",w=reactQuery.createTRPCReact();function bn(){return w.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${sc}/__storybook_playwright/trpc`})]})}function wn(){let[e,t]=P__namespace.default.useState(),o=P__namespace.default.useRef(false),{data:r}=w.theme.getThemeData.useQuery();return P__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var It=P.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=wn(),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 P__namespace.default.createElement(styles.ThemeProvider,{theme:i},t)});It.displayName="ThemeProvider";var fc=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"}),Ke=e=>{let{children:t,border:o}=e,r=fc();return P__namespace.default.createElement("div",{className:ho__default.default(r.root)+(o&&o.map(i=>` border-${i}`).join(" "))},P__namespace.default.createElement("div",{className:r.toolbar},t))};Ke.displayName="Toolbar";var yr=P.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:i,...n})=>{let s=P.useCallback(()=>{r&&r(),i&&i({},"backdropClick");},[r,i]);return P__namespace.default.createElement(dr,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...n},P__namespace.default.createElement(core.Typography,null,e))});yr.displayName="ConfirmationPopover";var bc=I(yc__default.default),kt=({className:e,setNodeRef:t,...o})=>P__namespace.default.createElement("span",{className:ho__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},P__namespace.default.createElement(bc,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));kt.displayName="DragHandle";var Pc=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 ${oc__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${i.main}`}}},{name:"ListItemWrapper"}),We=e=>{let{title:t,draggable:o,children:r,selected:i,className:n,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:m,...p}=e,d=Pc(),u=P.useCallback(f=>{s&&f.target.classList.contains("clickable")&&s(f);},[s]);return P__namespace.default.createElement("div",{className:ho__default.default(d.root,{[d.selected]:i&&!c},{[d.selectedSecondary]:i&&c},n),...p,title:a,onClick:u},P__namespace.default.createElement("div",{className:ho__default.default("clickable",d.header,"list-item-header")},P__namespace.default.createElement("div",{className:ho__default.default(d.column,"clickable",{[d.secondaryColor]:c})},o&&P__namespace.default.createElement(kt,{...m}),core.capitalize(t)),P__namespace.default.createElement("div",{className:ho__default.default("clickable",d.column,d.icons,{[d.secondaryColor]:c})},l)),r&&P__namespace.default.createElement("div",{className:"list-item-content"},r))};We.displayName="ListItemWrapper";var Bc=core.makeStyles(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var rt=e=>{let{children:t,...o}=e,r=Bc(),i=P.useRef(null);return P.useEffect(()=>{!i.current||!i.current.parentElement||(i.current.parentElement.style.height="100%");},[]),P__namespace.default.createElement("div",{ref:i,...o,className:ho__default.default(r.root,e.className)},P__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},br=e=>P__namespace.default.createElement(rt,{...e});br.displayName="ListWrapperSortableContainer";rt.displayName="ListWrapper";var ge=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[i,n]=P__namespace.default.useState(null),s=P.useCallback(c=>{c.stopPropagation(),n(c.currentTarget);},[]),a=P.useCallback(()=>{o&&o(),n(null);},[o]),l=P.useCallback(()=>{a(),e();},[a,e]);return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},P__namespace.default.createElement(icons.TrashIcon,null)),i&&P__namespace.default.createElement(yr,{onClose:a,onConfirm:l,anchorEl:i}))};ge.displayName="DeleteConfirmationButton";var Dt=e=>{let{onClick:t,checked:o,onChange:r}=e,i=P__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return P__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:i,size:"small",active:o},o?P__namespace.default.createElement(icons.FormIcon,null):P__namespace.default.createElement(icons.StopAltHollowIcon,null))};Dt.displayName="CheckBox";var Gc=core.makeStyles(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),So=P.memo(P.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:i,onClick:n,selected:s}=e,a=Gc(),l=P.useCallback(()=>{n(i);},[i,n]);return P__namespace.default.createElement(core.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},P__namespace.default.createElement("div",null,r),P__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));So.displayName="DeviceListItem";var xr=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,i]=P__namespace.default.useState(null),n=c=>{i(c.currentTarget);},s=()=>{i(null);},a=P.useMemo(()=>Object.keys(po),[]),l=P.useCallback(c=>{i(null),t(c);},[t]);return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(core.Button,{onClick:n},"Load From Device Descriptors"),P__namespace.default.createElement(core.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},P__namespace.default.createElement(So,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>P__namespace.default.createElement(So,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};xr.displayName="DeviceList";function x(){let[e,t]=P.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return P.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 Jc={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},Bt=zustand.create()(middleware.devtools(()=>({...Jc}),{name:"action-set-store"}));function Pn(e){return e.map(t=>{let{id:o,...r}=t;return r})}function Cn(e,t){if(e.length!==t.length)return false;let o=Pn(e),r=Pn(t);return Zc__default.default(o,r)}var K=()=>Bt.getState();function E(e){return Bt.setState(e)}function nt(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function Ge(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 kn(e,t,o){let r=e.stories[t]?.actionSets||[];return {...nt(e,t,r.filter(n=>n.id!==o)),orgEditingActionSet:void 0}}function Dn({storyId:e,actionSets:t}){let o=K();E(nt(o,e,t));}function Bn({storyId:e,actionSets:t}){let o=K(),r=o.stories[e]?.actionSets||[],i=t.reduce((a,l)=>{if(r.length){let c;for(let m=0;m<r.length;m++){let p=r[m];if(!a.find(d=>d.id===p.id)&&Cn(p.actions,l.actions)){c=p;break}}c?a.push(c):a.push({...l,actions:l.actions.map(m=>(m.id=nanoid.nanoid(12),m)),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=nt(o,e,[...i,...r.filter(a=>!n.includes(a.id))]);E({...s,currentActionSets:n});}function st({storyId:e,actionSet:t,selected:o,isNew:r}){let i=K(),n=[...i.stories[e]?(i.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=nt(i,e,n);E({...s,currentActionSets:[...i.currentActionSets?i.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function Ue(){E({currentActionSets:[]});}function vo({storyId:e,actionSetId:t}){let o=K();E(kn(o,e,t));}function at(e){let t=K();!t.stories[e]||!t.stories[e].actionSets||E(nt(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function Tr({storyId:e,oldIndex:t,newIndex:o}){let r=K(),i=r.stories[e]?.actionSets||[];E(nt(r,e,[...Mn__default.default(i,t,o)]));}function Ln(e){let t=K(),o=t.currentActionSets.find(r=>r===e);E({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function bo(e){let t=K(),o=t.expandedActions[e]===true;E({expandedActions:{...t.expandedActions,[e]:!o}});}function Pr(){E({expandedActions:{}});}function Cr(e){E({actionSchema:e});}function wo(e){let t=K(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...i}=o;if(r)E(kn(t,e,o.id));else {let n=Ge(t,e,o.id,s=>({...s,...i}));E({...n,orgEditingActionSet:void 0});}}function En(e){let t=K();E({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function On({storyId:e,actionSetId:t,title:o}){let r=K();E(Ge(r,e,t,i=>({...i,title:o})));}function Fn({storyId:e,actionSetId:t,action:o}){let r=K();E(Ge(r,e,t,i=>({...i,actions:[...i.actions,o]})));}function Nn({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let i=K();E(Ge(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 zn({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let i=K();E(Ge(i,e,t,n=>({...n,actions:[...Mn__default.default(n.actions,o,r)]})));}function Hn({storyId:e,actionSetId:t,actionId:o}){let r=K();E(Ge(r,e,t,i=>({...i,actions:i.actions.filter(n=>n.id!==o)})));}function Mr({storyId:e,actionSetId:t,actionId:o,objPath:r,val:i}){let n=K();E(Ge(n,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:ir__namespace.set(a.args,r,i)}:a)})));}function Kn(){E({orgEditingActionSet:void 0});}function ne(){return Bt()}var rp={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},Y=zustand.create()(middleware.devtools(middleware.persist(()=>({...rp}),{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 Wn(e){Ae({addonState:e});}function Ir(e){Ae({browserOptions:e});}function Vn(e){Ae({screenshotOptions:e});}function Gn(e){Ae({dragStart:e});}function kr(e){Ae({selectorManager:e});}function Ao(e){Ae({screenshotUpdateState:e});}function Dr(e){Ae({editScreenshotState:e});}function Br(e){Ae({schemaLoaded:e});}function Un(){return Y(e=>e.addonState)}function _n(){return Y(e=>e.browserOptions)}function xo(){return Y(e=>e.screenshotOptions)}function $n(){return Y(e=>e.dragStart)}function jn(){return Y(e=>e.selectorManager)}function Xn(){return Y(e=>e.screenshotUpdateState)}function qn(){return Y(e=>e.editScreenshotState)}function Yn(){return Y(e=>e.schemaLoaded)}function Rn(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:p=>{S.error(p.message||"Unexpected error occurred");}}),r=ne(),i=x(),n=P.useCallback(p=>{if(!i)return;let d=nanoid.nanoid(10),u={id:d,name:p};Pr(),Fn({action:u,actionSetId:e.id,storyId:i.id}),bo(d);},[i,e.id]);P.useEffect(()=>()=>Pr(),[]);let s=P.useCallback(async()=>{let p=un(r.actionSchema,e.actions);if(p){let d=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
5
|
`);if(d){S.error(d,{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}}Kn();},[e,t,r.actionSchema,i]),a=P.useCallback(p=>{!i||!r.orgEditingActionSet||On({actionSetId:r.orgEditingActionSet.id,storyId:i.id,title:p});},[i,r.orgEditingActionSet]),l=P.useCallback(()=>{i&&wo(i.id);},[i]),c=e!==void 0,m=i&&i.id;return P__namespace.default.useEffect(()=>()=>{c&&m&&l();},[l,c,m]),{cancelEditActionSet:l,handleAddAction:n,handleDescriptionChange:a,handleSave:s,inProgress:o,state:r}}function Qn(e){let{mutateAsync:t,isPending:o}=w.actionSet.saveActionSet.useMutation({onError:i=>{S.error(i.message||"Unexpected error occurred");}});return {copyActionSet:P.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}),st({actionSet:n,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function lt(e){let t=ne();return {currentActions:P.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 Jn(){let e=managerApi.useStorybookState(),t=ne(),[o,r]=P.useState([]);return P.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 Po(e,t){let[o,r]=P.useState(),i=ne();return P.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 Zn(){let{mutateAsync:e,isPending:t}=w.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=x()||{};return P.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&&Dn({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 Co(){let e=Yn(),{data:t,isLoading:o,error:r,refetch:i}=w.schema.getActionsSchema.useQuery(void 0,{enabled:!e});P.useEffect(()=>{r&&S.error(r.message||"Unexpected error occurred");},[r]);let n=P.useCallback(async()=>{let s=await i();s.data&&(Cr(s.data),Br(true));},[i]);return P.useEffect(()=>{t&&(Cr(t),Br(true));},[t]),P.useEffect(()=>{o||e||n();},[o,n,e]),{loaded:e,loading:o}}function ct(e,t){let o=Xn(),[r,i]=P__namespace.default.useState(false),n=P__namespace.default.useCallback(()=>{Ao({inProgress:true,reqBy:e,target:t});},[e,t]),s=P__namespace.default.useCallback(()=>{Ao({}),i(false);},[]);return P__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&Ao({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:n,setIsLoadingFinish:i,updateInf:o}}var vp={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},pt=zustand.create()(middleware.devtools(()=>({...vp}),{name:"screenshot-store"}));var xe=()=>pt.getState();function se(e){return pt.setState(e)}function es(e){let t=xe(),o=t.screenshots?[...t.screenshots,e]:[e];se({screenshots:[...o]});}function ts(e){let t=xe();se({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function Er({oldIndex:e,newIndex:t}){let o=xe();se({screenshots:[...Mn__default.default(o.screenshots,e,t).map((r,i)=>(r.index=i,r))]});}function os(){se({screenshots:[]});}function Io(e){se({screenshots:e});}function mt(e){se({imageDiffResults:e});}function ko(e){let t=xe();se({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function rs(e){let t=xe();se({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function Et(e){se({pauseDeleteImageDiffResult:e});}function Do(e){let t=xe();t.pauseDeleteImageDiffResult||se({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function is(){let e=xe();se({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function ns(e){let t=xe();se({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function ss(){return pt(e=>e.imageDiffResults)}function Te(){return pt()}function as(){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=x(),r=P.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),os();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function dt(){let e=x(),{mutateAsync:t,isPending:o}=w.screenshot.testScreenshots.useMutation({onError:i=>{let n=i.message||"Unexpected error occurred";S.error(n);}}),r=P.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=>{ko(s);}):mt(n),n}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function ls(){let e=P.useRef(),t=x(),{mutateAsync:o,isPending:r}=w.screenshot.getStoryScreenshots.useMutation({onError:n=>{S.error(n.message||"Unexpected error occurred");}}),i=P.useCallback(async()=>{if(t)try{let n=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,Io(n||[]);}catch{}},[o,t]);return P.useEffect(()=>{r||!t||e.current&&e.current===t.id||i();},[i,r,t]),{error:void 0,loadScreenShots:i,screenshotLoaderInProgress:r,storyData:t}}function Bo(){return {dragStart:$n(),setDragStart:Gn}}function ae(){return {addonState:Un(),setAddonState:Wn}}var Fr=["chromium","firefox","webkit"];function Eo(e){let{addonState:t,setAddonState:o}=ae(),[r,i]=P.useState([]),[n]=P.useState(Fr),s=P.useCallback(p=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][p]),[t,e]),a=P.useCallback((p,d,u)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[d]:{...t.disabledBrowser[d],[p]:u}}});},[t,o]);P.useEffect(()=>{let p=Y.subscribe((d,u)=>{(!object.deepEqual(d.browserOptions.all,u.browserOptions.all)||!object.deepEqual(d.screenshotOptions,u.screenshotOptions))&&i(Fr),Fr.forEach(f=>{object.deepEqual(d.browserOptions[f],u.browserOptions[f])||i(h=>h.includes(f)?h:[...h,f]);});});return ()=>{p();}},[n]);let l=P.useCallback(p=>{let d=!s(p);if(a(p,e,d),d){i(u=>u.filter(f=>f!==p));return}i(u=>u.includes(p)?u:[...u,p]);},[e,s,a]),c=P.useCallback(p=>{i(d=>d.filter(u=>u!==p));},[]);return {activeBrowsers:P.useMemo(()=>n.filter(p=>!s(p)),[n,s]),browserTypes:n,isDisabled:s,refreshingBrowsers:r,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:i}}function W(e){let t=_n(),o=P.useCallback((s,a)=>{Ir({...t,[s]:sn(a)});},[t]),r=P.useCallback((s,a)=>{Ir({...t,[s]:a});},[t]),i=P.useCallback(s=>({...t.all,...t[s]}),[t]),n=P.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 $(){return {screenshotOptions:xo(),setScreenshotOptions:Vn}}function ms(){let{setBrowserOptions:e,browserOptions:t}=W(),{setScreenshotOptions:o,screenshotOptions:r}=$(),i=managerApi.useStorybookApi(),n=x(),s=P.useCallback(l=>{n&&(!l.actionSets||!l.actionSets.length||Bn({actionSets:l.actionSets,storyId:n.id}));},[n]),a=P.useCallback((l,c=false)=>{if(!n)return;i.emit(coreEvents.RESET_STORY_ARGS,{storyId:n?.id});let m=cn(l);m&&Object.keys(m).length&&i.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:n?.id,updatedArgs:m}),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 Pe(){let e=qn(),t=x(),{setAddonState:o,addonState:r}=ae(),{setBrowserState:i}=Eo("dialog"),{loadSetting:n,screenshotOptions:s,browserOptions:a}=ms(),l=P.useRef(false),c=managerApi.useStorybookApi(),m=P.useCallback(()=>{t?.id&&at(t.id),Ue(),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||Dr(void 0);},[c,e,n,t]),p=P.useCallback(u=>{t&&(m(),Dr({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,m,n,s,o,i,t]),d=P.useCallback(u=>e?e.screenshotData.browserType===u:false,[e]);return P.useEffect(()=>()=>{l.current=true;},[]),P.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){m();return}},[m,e,t]),{clearScreenshotEdit:m,editScreenshot:p,editScreenshotState:e,isEditing:d,loadSetting:n}}function ut(){let[e,t]=P.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=P.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return ko(l),l}catch{return}},[o]);return {inProgress:r,reset:i,result:n,testScreenshot:s,testScreenshotError:e}}var Se=({screenshotData:e,size:t="small",color:o,onClose:r})=>{let[i,n]=P__namespace.default.useState(null),s=P.useCallback(()=>{let{id:l,index:c,...m}=e;return m},[e]),a=P.useCallback(l=>{r&&i&&r(),n(i?null:l.currentTarget);},[i,r]);return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},P__namespace.default.createElement(icons.CogIcon,null)),P__namespace.default.createElement(core.Popover,{anchorEl:i,open:!!i,onClose:a},P__namespace.default.createElement("div",null,i&&P__namespace.default.createElement(Vp__default.default,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Se.displayName="ScreenshotInfo";function hs(){let e=x(),[t,o]=P.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=P.useCallback(()=>{o(void 0),i();},[i]),a=P.useCallback(async l=>{if(e){o(void 0);try{await r({filePath:e.filePath,screenshotId:l,storyId:e.id}),ns(l);}catch{}}},[r,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:n}}var Kr=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:i}=e,{deleteScreenshot:n,inProgress:s}=hs(),a=P.useCallback(()=>{n(o.id),i();},[n,o.id]);return P.useEffect(()=>{t(s);},[s]),P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(ge,{onClose:r,onDelete:a}))};Kr.displayName="ScreenshotDelete";function Oo(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=P.useCallback(()=>{r();},[r]);return {updateScreenshot:P.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};rs(a);},[t]),updateScreenshotClearResult:i,updateScreenshotInProgress:o}}var Wr=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,i=x(),{updateScreenshot:n,updateScreenshotInProgress:s}=Oo("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:m}=ut(),p=P.useCallback(async()=>{if(r)await n(r);else {if(!i)return;await a({...i,screenshotId:t.id});}},[r,t.id,i,a,n]),d=P.useCallback(async()=>{m&&(await n(m),c());},[c,m,n]);return P.useEffect(()=>{o(l||s);},[l,o,s]),P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(components.IconButton,{onClick:p,size:"small",title:"Update screenshot"},P__namespace.default.createElement(icons.RefreshIcon,null)),m&&P__namespace.default.createElement(_e,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:m,onClose:c,open:true,titleActions:()=>P__namespace.default.createElement(Se,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(core.Button,{onClick:c,color:"primary"},"No"),P__namespace.default.createElement(core.Button,{onClick:d,color:"primary",autoFocus:true},"Yes"))}),P__namespace.default.createElement(C,{open:s}))};Wr.displayName="ScreenshotUpdate";var tm=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"}),Gr=P.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:r,enableUpdate:i,enableEditScreenshot:n,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:m,onEditClick:p,isEditing:d,onDelete:u},f)=>{let[h,g]=P.useState(false),y=tm();return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(C,{progressSize:20,position:"absolute",open:h}),P__namespace.default.createElement("div",{ref:f,className:ho__default.default(y.menu,{[y.visible]:s})},!d&&n&&P__namespace.default.createElement(components.IconButton,{onClick:p,title:"Edit screenshot"},P__namespace.default.createElement(icons.EditIcon,null)),e&&P__namespace.default.createElement(components.IconButton,{onClick:m,title:"Load screenshot settings"},P__namespace.default.createElement(icons.OutboxIcon,null)),i&&P__namespace.default.createElement(Wr,{onStateChange:g,screenshot:o,imageDiffResult:t?void 0:c}),r&&P__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},P__namespace.default.createElement(icons.ContrastIcon,null)),P__namespace.default.createElement(Kr,{onClose:a||(()=>{}),onStateChange:g,screenshot:o,onDelete:u}),P__namespace.default.createElement(Se,{onClose:a,screenshotData:o})))});Gr.displayName="ScreenshotListItemMenu";var Ur=({children:e,...t})=>P__namespace.default.createElement(We,{style:{cursor:"pointer"},icons:e,...t});Ur.displayName="ScreenshotListItemWrapper";function vs(e){let{fixFunction:t}=e,o=x(),[r,i]=P__namespace.default.useState(false),[n,s]=P__namespace.default.useState(""),[a,l]=P__namespace.default.useState(void 0),{mutateAsync:c,isPending:m}=w.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let g=h.message||"Unexpected error occurred";l(g),S.error(g);}}),p=P__namespace.default.useCallback(()=>{l(void 0);},[]),d=P__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=P__namespace.default.useCallback(()=>{document.location.reload();},[]),f=P__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:p,fixFileNames:d,fixFileNamesError:a,fixFileNamesInProgress:m,functionName:n,handleFunctionNameInput:f,handleReload:u,reload:r}}function ft(){let[e,t]=P.useState(),o=managerApi.useStorybookApi(),r=P.useRef(o);return r.current=o,P.useEffect(()=>{t(void 0);let i=managerApi.addons.getChannel(),n=a=>{if(!a||!a.args)return;let c=r.current.getCurrentStoryData()?.initialArgs||{},m=Object.keys(a.args).reduce((p,d)=>{let u=a.args[d];return u!==void 0&&!Zc__default.default(u,c[d])&&(p[d]=a.args[d]),p},{});t(Object.keys(m).length>0?m: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 As(e){let t=x(),o=ft(),r=managerApi.useStorybookApi(),{getBrowserOptions:i}=W(),n=xo(),{data:s=false}=w.screenshot.hasScreenshotTitleGenerator.useQuery(),a=i(e),{mutateAsync:l,isPending:c}=w.screenshot.generateScreenshotTitle.useMutation({onError:p=>{S.error(p.message||"Failed to generate screenshot title");}});return {generateTitle:P.useCallback(async()=>{if(!t||e==="storybook")return;let p=r.getCurrentStoryData();try{return await l({browser:{type:e,options:a},story:{changedArgs:o,filePath:t.filePath,id:t.id,initialArgs:p.initialArgs,argTypes:p.argTypes,parameters:p.parameters,name:p.name,title:p.title},screenshotOptions:n})}catch{return}},[r,o,a,e,l,n,t]),hasGenerator:s,isGenerating:c}}function xs(){return {imageDiffResult:ss(),setImageDiffResult:mt}}function dm(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?mo(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function Ps(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:i}=dt(),[n,s]=P__namespace.default.useState(false),a=P__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&Io(dm(l,e,i).filter(c=>!!c)),t&&t(),s(true);},[r,e,i,t]);return P.useEffect(()=>{!i||n||a();},[a,n,i]),{loading:o,storyData:i}}function Cs(e){let{title:t,browserType:o}={},r=ft(),{screenshotOptions:i}=$(),n=x(),{editScreenshotState:s,clearScreenshotEdit:a}=Pe(),{currentActions:l}=lt(n?.id??""),[c,m]=P.useState(void 0),{mutateAsync:p,data:d,reset:u,isPending:f}=w.screenshot.saveScreenshot.useMutation({onError:v=>{let k=v.message||"Unexpected error occurred";m(k),S.error(k);},onSettled(v,k){if(k){S.error(k.message||"Unexpected error occurred in saving screenshot");return}if(!v)return;let B=t||v.oldScreenShotTitle;if(v.added)S.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:u,onDismiss:u});else if(v.pass){let D=`Testing existing screenshot were successful, no change has been detected.${B?`
|