tocco-widget-showcase 0.1.15 → 0.1.16
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/changelog.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunktocco_widget_showcase=self.webpackChunktocco_widget_showcase||[]).push([[675],{94675:(e,n,t)=>{t.r(n),t.d(n,{default:()=>De});var i=t(74806),s=t(50558),o=t(28542),c=t(1024),a=t(44012),r=t(30604),d=t(35728),l=t(34206);const g=t.p+"imgs/tocco-circle.7ab925bf473f813493f00f069ed9746e.svg";var u=t(16973),h=t(47874),p=t(48926),f=t.n(p),w=t(319),x=t.n(w),y=t(63038),m=t.n(y),j=t(87757),Z=t.n(j),b=t(30006),C=t(43609),v=t(65035),S=t(59713),k=t.n(S),P=t(28002),W=t(15019),N="widget-container",O="widget";function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){k()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E,H=function(){return document.getElementById(N)},T=function(){var e=f()(Z().mark((function e(n,t,i,s,o){var c,a,r,d,l,g,u,h;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c=i.packageName,a=i.appName,r=i.locale,d=i.config,l=P.Z.getBackendUrl(),e.next=4,W.Z.loadScriptAsync("".concat(l).concat(W.Z.getEntryFilePath(c,a)));case 4:return g=F(F(F({backendUrl:l,locale:r},s?{customTheme:s}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t}},o),u="".concat(l,"/js/tocco-").concat(c,"/dist/"),h=window.reactRegistry.render(a,n,O,g,{},u),e.abrupt("return",{methods:h,input:g});case 8:case"end":return e.stop()}}),e)})));return function(n,t,i,s,o){return e.apply(this,arguments)}}(),q=t(85893);const z=function(e){var n,t=e.label,i=e.onClick,s=e.intl,o=(0,c.useState)("[]"),r=m()(o,2),d=r[0],g=r[1];return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(l.ZP.H3,{children:t}),(0,q.jsx)(b.Z,{label:(n="client.widget-showcase.methodArguments",s.formatMessage({id:n})),children:(0,q.jsx)(C.Z,{type:"code",value:d,events:{onChange:g},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,q.jsx)(v.Z,{type:"button",onClick:function(){return i.apply(void 0,x()(JSON.parse(d)))},look:"raised",children:E||(E=(0,q.jsx)(a.Z,{id:"client.widget-showcase.execute"}))})]})};var A,B,D,L,R,M,V,_,J,U,K,G,X,Q,Y,$,ee,ne,te=t(28655),ie=t.n(te),se=t(38205),oe=t(30759),ce=t(24875),ae=t(7281),re=se.ZP.div.withConfig({displayName:"Container"})(A||(A=ie()(["\n max-width: 1600px;\n margin: 0 auto;\n"]))),de=se.ZP.div.withConfig({displayName:"StyledWidgetContainer"})(B||(B=ie()(["\n & * {\n ","\n }\n"])),(0,oe.Z)({color:"inherit"})),le=se.ZP.span.withConfig({displayName:"StyledEmptyInput"})(D||(D=ie()(["\n ","\n min-height: 2.6rem;\n display: flex;\n align-items: center;\n"])),(0,oe.Z)()),ge=se.ZP.div.withConfig({displayName:"StyledSection"})(L||(L=ie()(["\n margin: 40px 0;\n"]))),ue=((0,se.ZP)(v.Z).withConfig({displayName:"StyledRefreshButton"})(R||(R=ie()(["\n margin: 15px 0 0;\n"]))),(0,se.ZP)(v.Z).withConfig({displayName:"StyledInputViewButton"})(M||(M=ie()(["\n margin-left: 15px;\n"])))),he=se.ZP.span.withConfig({displayName:"StyledVisibilityStatus"})(V||(V=ie()(["\n ","\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n border-radius: ",";\n padding: "," ",";\n"])),(0,oe.Z)(),ce.FS.radii("button"),ae.Z.space(-2.1),ae.Z.space(0));const pe=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,s=e.setSelectedWidgetConfig,o=e.loadWidgets,r=e.widgets,d=e.widgetConfigs,g=e.widgetConfig,u=e.editWidgetConfig,h=e.theme,p=e.editTheme,w=e.viewWidgetInput,y=e.intl,j=function(e){return y.formatMessage({id:e})};(0,c.useEffect)((function(){o()}),[o]);var S=r.map((function(e){return{key:e.key,display:e.paths.label.value}})),k=d.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),P=(0,c.useState)([]),W=m()(P,2),I=W[0],F=W[1],E=(0,c.useState)([]),A=m()(E,2),B=A[0],D=A[1],L=(0,c.useState)(null),R=m()(L,2),M=R[0],V=R[1],te=(0,c.useState)(null),ie=m()(te,2),se=ie[0],oe=ie[1],ce=function(e,n){return D((function(t){return[].concat(x()(t),[{name:e,args:n}])}))},ae=null==i?void 0:i.uniqueId,pe=(0,c.useCallback)(f()(Z().mark((function e(){var n,t,i,s,o,c;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=H(),t=h,i={onVisibilityStatusChange:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var i=n[0].status;F(i),ce("onVisibilityStatusChange",n)}},e.next=5,T(n,ae,g,t,i);case 5:s=e.sent,o=s.input,c=s.methods,V(c),oe(o);case 9:case"end":return e.stop()}}),e)}))),[h,ae,g]),fe=(0,c.useCallback)(f()(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),F([]),D([]),V(null),oe(null),e.next=7,new Promise((function(e){0!==H().children.length?setTimeout((function(){window.reactRegistry.unmount(O),e()}),0):e()}));case 7:case"end":return e.stop()}}),e)}))),[]),we=(0,c.useCallback)(f()(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fe();case 2:pe();case 3:case"end":return e.stop()}}),e)}))),[pe,fe]);return(0,c.useEffect)((function(){g?we():fe()}),[g,fe,we]),(0,q.jsxs)(re,{children:[_||(_=(0,q.jsx)(l.ZP.H1,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.showcase"})})),(0,q.jsx)(b.Z,{label:j("client.widget-showcase.widget"),children:(0,q.jsx)(C.Z,{type:"single-select",value:n,options:{options:S},events:{onChange:t}})}),(0,q.jsx)(b.Z,{label:j("client.widget-showcase.widgetConfiguration"),children:n?(0,q.jsx)(C.Z,{type:"single-select",value:i,options:{options:k},events:{onChange:s}}):J||(J=(0,q.jsx)(le,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.selectWidget"})}))}),(0,q.jsx)(v.Z,{type:"button",onClick:u,ink:"primary",look:"raised",disabled:!i,children:U||(U=(0,q.jsx)(a.Z,{id:"client.widget-showcase.widgetConfiguration.edit"}))}),(0,q.jsx)(v.Z,{type:"button",onClick:p,ink:"primary",look:"raised",disabled:!i,children:K||(K=(0,q.jsx)(a.Z,{id:"client.widget-showcase.theme.edit"}))}),(0,q.jsxs)(ge,{children:[(0,q.jsxs)(l.ZP.H2,{children:[G||(G=(0,q.jsx)(a.Z,{id:"client.widget-showcase.widget"})),i&&(0,q.jsx)(ue,{type:"button",icon:"info",look:"raised",onClick:function(){return w(se)},children:X||(X=(0,q.jsx)(a.Z,{id:"client.widget-showcase.widgetInput.view"}))}),I&&I.length>0&&(0,q.jsxs)(he,{children:[Q||(Q=(0,q.jsx)(a.Z,{id:"client.widget-showcase.visibilityStatus"})),": ",I.join(",")]})]}),Y||(Y=(0,q.jsx)(de,{id:N}))]}),(0,q.jsxs)(ge,{children:[$||($=(0,q.jsx)(l.ZP.H2,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.events"})})),B.length>0?(0,q.jsx)("pre",{children:B.map((function(e,n){var t=e.name,i=e.args;return(0,q.jsxs)(c.Fragment,{children:[t," - ",JSON.stringify(i),ee||(ee=(0,q.jsx)("br",{}))]},n)}))}):"-"]}),(0,q.jsxs)(ge,{children:[ne||(ne=(0,q.jsx)(l.ZP.H2,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.methods"})})),M?(0,q.jsx)(q.Fragment,{children:Object.keys(M).map((function(e){return(0,q.jsx)(z,{label:e,onClick:M[e],intl:y},e)}))}):"-"]})]})};var fe={setSelectedWidget:u.yA,setSelectedWidgetConfig:u.sR,loadWidgets:u.G1,setWidgetConfig:u.EK,editWidgetConfig:h.gk,editTheme:h.dD,viewWidgetInput:h.R2};const we=(0,s.connect)((function(e){return{selectedWidget:e.showcase.selectedWidget,selectedWidgetConfig:e.showcase.selectedWidgetConfig,widgets:e.showcase.widgets,widgetConfigs:e.showcase.widgetConfigs,widgetConfig:e.showcase.widgetConfig,theme:e.showcase.theme}}),fe)((0,i.ZP)(pe));var xe,ye,me,je,Ze,be,Ce,ve,Se,ke,Pe,We,Ne=(0,se.vJ)(xe||(xe=ie()(["\n html,\n body {\n ","\n font-size: 14px !important;\n }\n"])),(0,oe.Z)()),Oe=t(54608),Ie=se.ZP.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(ye||(ye=ie()(["\n background-color: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"])),ce.FS.color("paper"),(0,oe.Z)()),Fe=se.ZP.img.withConfig({displayName:"StyledLogo"})(me||(me=ie()(["\n width: 40px;\n height: auto;\n"]))),Ee=se.ZP.div.withConfig({displayName:"StyledBrand"})(je||(je=ie()(["\n display: flex;\n gap: ",";\n align-items: center;\n\n "," {\n margin-top: 0;\n ","\n }\n"])),ae.Z.space(0),Oe.XU,(0,oe.Z)({fontSize:ae.Z.font(9),fontWeight:ce.FS.fontWeight("bold")})),He=se.ZP.span.withConfig({displayName:"StyledLightText"})(Ze||(Ze=ie()(["\n ","\n"])),(0,oe.Z)({color:ce.FS.color("textLight"),fontSize:ae.Z.font(9)})),Te=se.ZP.header.withConfig({displayName:"StyledHeader"})(be||(be=ie()(["\n position: sticky;\n top: 0;\n z-index: 9999;\n background-color: ",";\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid ",";\n"])),ce.FS.color("paper"),ce.FS.color("borderLight")),qe=se.ZP.nav.withConfig({displayName:"StyledNavigationWrapper"})(Ce||(Ce=ie()(["\n min-height: 50px;\n max-width: 1600px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: "," ",";\n box-sizing: border-box;\n margin: 0 auto;\n"])),ae.Z.space(-.5),ae.Z.space(.5)),ze=(se.ZP.ul.withConfig({displayName:"StyledNavigationList"})(ve||(ve=ie()(["\n list-style: none;\n display: flex;\n"]))),se.ZP.main.withConfig({displayName:"StyledMain"})(Se||(Se=ie()(["\n flex: 1;\n padding: "," ",";\n overflow: auto;\n"])),ae.Z.space(1),ae.Z.space(.5)));const Ae=function(e){var n=e.doSessionCheck,t=e.loggedIn;return(0,c.useEffect)((function(){n()}),[n]),(0,q.jsxs)(d.Z,{required:[void 0!==t],children:[ke||(ke=(0,q.jsx)(Ne,{})),t?Pe||(Pe=(0,q.jsxs)(Ie,{children:[(0,q.jsx)(Te,{children:(0,q.jsx)(qe,{children:(0,q.jsxs)(Ee,{children:[(0,q.jsx)(Fe,{src:g,alt:"tocco-logo"}),(0,q.jsxs)(l.ZP.H1,{children:["Tocco ",(0,q.jsx)(He,{children:"Widget Showcase"})]})]})})}),(0,q.jsx)(r.Z.Notifications,{}),(0,q.jsx)(ze,{children:(0,q.jsx)(we,{})})]})):We||(We=(0,q.jsx)(l.ZP.P,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.noAccess"})}))]})};var Be={doSessionCheck:o.Z.doSessionCheck};const De=(0,s.connect)((function(e){return{loggedIn:e.login.loggedIn}}),Be)((0,i.ZP)(Ae))}}]);
|
|
1
|
+
"use strict";(self.webpackChunktocco_widget_showcase=self.webpackChunktocco_widget_showcase||[]).push([[675],{94675:(e,n,t)=>{t.r(n),t.d(n,{default:()=>De});var i=t(74806),s=t(50558),o=t(28542),c=t(1024),a=t(44012),r=t(30604),d=t(35728),l=t(34206);const g=t.p+"imgs/tocco-circle.7ab925bf473f813493f00f069ed9746e.svg";var u=t(16973),h=t(47874),p=t(48926),f=t.n(p),w=t(319),x=t.n(w),y=t(63038),m=t.n(y),j=t(87757),Z=t.n(j),b=t(30006),C=t(31952),v=t(65035),S=t(59713),k=t.n(S),P=t(28002),W=t(15019),N="widget-container",O="widget";function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){k()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E,H=function(){return document.getElementById(N)},T=function(){var e=f()(Z().mark((function e(n,t,i,s,o){var c,a,r,d,l,g,u,h;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c=i.packageName,a=i.appName,r=i.locale,d=i.config,l=P.Z.getBackendUrl(),e.next=4,W.Z.loadScriptAsync("".concat(l).concat(W.Z.getEntryFilePath(c,a)));case 4:return g=F(F(F({backendUrl:l,locale:r},s?{customTheme:s}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t}},o),u="".concat(l,"/js/tocco-").concat(c,"/dist/"),h=window.reactRegistry.render(a,n,O,g,{},u),e.abrupt("return",{methods:h,input:g});case 8:case"end":return e.stop()}}),e)})));return function(n,t,i,s,o){return e.apply(this,arguments)}}(),q=t(85893);const z=function(e){var n,t=e.label,i=e.onClick,s=e.intl,o=(0,c.useState)("[]"),r=m()(o,2),d=r[0],g=r[1];return(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(l.ZP.H3,{children:t}),(0,q.jsx)(b.Z,{label:(n="client.widget-showcase.methodArguments",s.formatMessage({id:n})),children:(0,q.jsx)(C.Z,{type:"code",value:d,events:{onChange:g},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,q.jsx)(v.Z,{type:"button",onClick:function(){return i.apply(void 0,x()(JSON.parse(d)))},look:"raised",children:E||(E=(0,q.jsx)(a.Z,{id:"client.widget-showcase.execute"}))})]})};var A,B,D,L,R,M,V,_,J,U,K,G,X,Q,Y,$,ee,ne,te=t(28655),ie=t.n(te),se=t(38205),oe=t(30759),ce=t(24875),ae=t(7281),re=se.ZP.div.withConfig({displayName:"Container"})(A||(A=ie()(["\n max-width: 1600px;\n margin: 0 auto;\n"]))),de=se.ZP.div.withConfig({displayName:"StyledWidgetContainer"})(B||(B=ie()(["\n & * {\n ","\n }\n"])),(0,oe.Z)({color:"inherit"})),le=se.ZP.span.withConfig({displayName:"StyledEmptyInput"})(D||(D=ie()(["\n ","\n min-height: 2.6rem;\n display: flex;\n align-items: center;\n"])),(0,oe.Z)()),ge=se.ZP.div.withConfig({displayName:"StyledSection"})(L||(L=ie()(["\n margin: 40px 0;\n"]))),ue=((0,se.ZP)(v.Z).withConfig({displayName:"StyledRefreshButton"})(R||(R=ie()(["\n margin: 15px 0 0;\n"]))),(0,se.ZP)(v.Z).withConfig({displayName:"StyledInputViewButton"})(M||(M=ie()(["\n margin-left: 15px;\n"])))),he=se.ZP.span.withConfig({displayName:"StyledVisibilityStatus"})(V||(V=ie()(["\n ","\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n border-radius: ",";\n padding: "," ",";\n"])),(0,oe.Z)(),ce.FS.radii("button"),ae.Z.space(-2.1),ae.Z.space(0));const pe=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,s=e.setSelectedWidgetConfig,o=e.loadWidgets,r=e.widgets,d=e.widgetConfigs,g=e.widgetConfig,u=e.editWidgetConfig,h=e.theme,p=e.editTheme,w=e.viewWidgetInput,y=e.intl,j=function(e){return y.formatMessage({id:e})};(0,c.useEffect)((function(){o()}),[o]);var S=r.map((function(e){return{key:e.key,display:e.paths.label.value}})),k=d.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),P=(0,c.useState)([]),W=m()(P,2),I=W[0],F=W[1],E=(0,c.useState)([]),A=m()(E,2),B=A[0],D=A[1],L=(0,c.useState)(null),R=m()(L,2),M=R[0],V=R[1],te=(0,c.useState)(null),ie=m()(te,2),se=ie[0],oe=ie[1],ce=function(e,n){return D((function(t){return[].concat(x()(t),[{name:e,args:n}])}))},ae=null==i?void 0:i.uniqueId,pe=(0,c.useCallback)(f()(Z().mark((function e(){var n,t,i,s,o,c;return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=H(),t=h,i={onVisibilityStatusChange:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var i=n[0].status;F(i),ce("onVisibilityStatusChange",n)}},e.next=5,T(n,ae,g,t,i);case 5:s=e.sent,o=s.input,c=s.methods,V(c),oe(o);case 9:case"end":return e.stop()}}),e)}))),[h,ae,g]),fe=(0,c.useCallback)(f()(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),F([]),D([]),V(null),oe(null),e.next=7,new Promise((function(e){0!==H().children.length?setTimeout((function(){window.reactRegistry.unmount(O),e()}),0):e()}));case 7:case"end":return e.stop()}}),e)}))),[]),we=(0,c.useCallback)(f()(Z().mark((function e(){return Z().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fe();case 2:pe();case 3:case"end":return e.stop()}}),e)}))),[pe,fe]);return(0,c.useEffect)((function(){g?we():fe()}),[g,fe,we]),(0,q.jsxs)(re,{children:[_||(_=(0,q.jsx)(l.ZP.H1,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.showcase"})})),(0,q.jsx)(b.Z,{label:j("client.widget-showcase.widget"),children:(0,q.jsx)(C.Z,{type:"single-select",value:n,options:{options:S},events:{onChange:t}})}),(0,q.jsx)(b.Z,{label:j("client.widget-showcase.widgetConfiguration"),children:n?(0,q.jsx)(C.Z,{type:"single-select",value:i,options:{options:k},events:{onChange:s}}):J||(J=(0,q.jsx)(le,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.selectWidget"})}))}),(0,q.jsx)(v.Z,{type:"button",onClick:u,ink:"primary",look:"raised",disabled:!i,children:U||(U=(0,q.jsx)(a.Z,{id:"client.widget-showcase.widgetConfiguration.edit"}))}),(0,q.jsx)(v.Z,{type:"button",onClick:p,ink:"primary",look:"raised",disabled:!i,children:K||(K=(0,q.jsx)(a.Z,{id:"client.widget-showcase.theme.edit"}))}),(0,q.jsxs)(ge,{children:[(0,q.jsxs)(l.ZP.H2,{children:[G||(G=(0,q.jsx)(a.Z,{id:"client.widget-showcase.widget"})),i&&(0,q.jsx)(ue,{type:"button",icon:"info",look:"raised",onClick:function(){return w(se)},children:X||(X=(0,q.jsx)(a.Z,{id:"client.widget-showcase.widgetInput.view"}))}),I&&I.length>0&&(0,q.jsxs)(he,{children:[Q||(Q=(0,q.jsx)(a.Z,{id:"client.widget-showcase.visibilityStatus"})),": ",I.join(",")]})]}),Y||(Y=(0,q.jsx)(de,{id:N}))]}),(0,q.jsxs)(ge,{children:[$||($=(0,q.jsx)(l.ZP.H2,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.events"})})),B.length>0?(0,q.jsx)("pre",{children:B.map((function(e,n){var t=e.name,i=e.args;return(0,q.jsxs)(c.Fragment,{children:[t," - ",JSON.stringify(i),ee||(ee=(0,q.jsx)("br",{}))]},n)}))}):"-"]}),(0,q.jsxs)(ge,{children:[ne||(ne=(0,q.jsx)(l.ZP.H2,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.methods"})})),M?(0,q.jsx)(q.Fragment,{children:Object.keys(M).map((function(e){return(0,q.jsx)(z,{label:e,onClick:M[e],intl:y},e)}))}):"-"]})]})};var fe={setSelectedWidget:u.yA,setSelectedWidgetConfig:u.sR,loadWidgets:u.G1,setWidgetConfig:u.EK,editWidgetConfig:h.gk,editTheme:h.dD,viewWidgetInput:h.R2};const we=(0,s.connect)((function(e){return{selectedWidget:e.showcase.selectedWidget,selectedWidgetConfig:e.showcase.selectedWidgetConfig,widgets:e.showcase.widgets,widgetConfigs:e.showcase.widgetConfigs,widgetConfig:e.showcase.widgetConfig,theme:e.showcase.theme}}),fe)((0,i.ZP)(pe));var xe,ye,me,je,Ze,be,Ce,ve,Se,ke,Pe,We,Ne=(0,se.vJ)(xe||(xe=ie()(["\n html,\n body {\n ","\n font-size: 14px !important;\n }\n"])),(0,oe.Z)()),Oe=t(54608),Ie=se.ZP.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(ye||(ye=ie()(["\n background-color: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"])),ce.FS.color("paper"),(0,oe.Z)()),Fe=se.ZP.img.withConfig({displayName:"StyledLogo"})(me||(me=ie()(["\n width: 40px;\n height: auto;\n"]))),Ee=se.ZP.div.withConfig({displayName:"StyledBrand"})(je||(je=ie()(["\n display: flex;\n gap: ",";\n align-items: center;\n\n "," {\n margin-top: 0;\n ","\n }\n"])),ae.Z.space(0),Oe.XU,(0,oe.Z)({fontSize:ae.Z.font(9),fontWeight:ce.FS.fontWeight("bold")})),He=se.ZP.span.withConfig({displayName:"StyledLightText"})(Ze||(Ze=ie()(["\n ","\n"])),(0,oe.Z)({color:ce.FS.color("textLight"),fontSize:ae.Z.font(9)})),Te=se.ZP.header.withConfig({displayName:"StyledHeader"})(be||(be=ie()(["\n position: sticky;\n top: 0;\n z-index: 9999;\n background-color: ",";\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n border-bottom: 1px solid ",";\n"])),ce.FS.color("paper"),ce.FS.color("borderLight")),qe=se.ZP.nav.withConfig({displayName:"StyledNavigationWrapper"})(Ce||(Ce=ie()(["\n min-height: 50px;\n max-width: 1600px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: "," ",";\n box-sizing: border-box;\n margin: 0 auto;\n"])),ae.Z.space(-.5),ae.Z.space(.5)),ze=(se.ZP.ul.withConfig({displayName:"StyledNavigationList"})(ve||(ve=ie()(["\n list-style: none;\n display: flex;\n"]))),se.ZP.main.withConfig({displayName:"StyledMain"})(Se||(Se=ie()(["\n flex: 1;\n padding: "," ",";\n overflow: auto;\n"])),ae.Z.space(1),ae.Z.space(.5)));const Ae=function(e){var n=e.doSessionCheck,t=e.loggedIn;return(0,c.useEffect)((function(){n()}),[n]),(0,q.jsxs)(d.Z,{required:[void 0!==t],children:[ke||(ke=(0,q.jsx)(Ne,{})),t?Pe||(Pe=(0,q.jsxs)(Ie,{children:[(0,q.jsx)(Te,{children:(0,q.jsx)(qe,{children:(0,q.jsxs)(Ee,{children:[(0,q.jsx)(Fe,{src:g,alt:"tocco-logo"}),(0,q.jsxs)(l.ZP.H1,{children:["Tocco ",(0,q.jsx)(He,{children:"Widget Showcase"})]})]})})}),(0,q.jsx)(r.Z.Notifications,{}),(0,q.jsx)(ze,{children:(0,q.jsx)(we,{})})]})):We||(We=(0,q.jsx)(l.ZP.P,{children:(0,q.jsx)(a.Z,{id:"client.widget-showcase.noAccess"})}))]})};var Be={doSessionCheck:o.Z.doSessionCheck};const De=(0,s.connect)((function(e){return{loggedIn:e.login.loggedIn}}),Be)((0,i.ZP)(Ae))}}]);
|