tocco-widget-showcase 3.15.50 → 3.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/changelog.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(this.webpackChunktocco_widget_showcase=this.webpackChunktocco_widget_showcase||[]).push([[9231],{653(e,n,t){t.r(n),t.d(n,{default:()=>nn});var i=t(24843),o=t(71468),s=t(62128),r=t(26396),a=t.n(r),c=t(4883),d=t(22834),l=t(59499),g=t(88208),u=t(56375),p=t(30157),h=t(33150);const f=t.p+"imgs/tocco-circle.7ab925bf473f813493f0.svg";var w=t(89168),y=t(52381),m=t(79092),x=t.n(m),b=t(21259),j=t.n(b),A=t(22056),v=t.n(A),C=t(92207),k=t.n(C),S=t(55364),O=t.n(S),W=t(90986),N=t(31319),P=t(33829),T=t(36949),E=t(90720),M="widget-container",D="widget";function F(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 I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){a()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z,H,q,L,R,B,_,U,V=function(){return document.getElementById(M)},Y=function(){var e=x()(k().mark((function e(n,t,i,o,s){var r,a,c,d,l,g,u,p;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=i.packageName,a=i.appName,c=i.locale,d=i.config,l=T.A.getBackendUrl(),e.next=1,E.A.loadScriptAsync("".concat(l).concat(E.A.getEntryFilePath(r,a)));case 1:return g=I(I(I({backendUrl:l,locale:c},o?{customTheme:o}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t,widgetShowcase:!0}},s),u="".concat(l,"/js/tocco-").concat(r,"/dist/"),p=window.reactRegistry.render(a,n,D,g,{},u),e.abrupt("return",{methods:p,input:g});case 2:case"end":return e.stop()}}),e)})));return function(n,t,i,o,s){return e.apply(this,arguments)}}(),J=t(81845),K=t(72189),G=t.n(K),Q=t(51510),X=t(57488),Z=t(26166),$=t(85431),ee=Q.Ay.div.withConfig({displayName:"Container"})(z||(z=G()(["\n max-width: 1600px;\n margin: 0 auto;\n"]))),ne=Q.Ay.div.withConfig({displayName:"StyledToolboxContainer"})(H||(H=G()(["\n display: flex;\n margin-bottom: 20px;\n"]))),te=Q.Ay.div.withConfig({displayName:"StyledFullscreenWidgetContainer"})(q||(q=G()(["\n background-color: ",";\n z-index: 1;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 0 "," ",";\n position: absolute;\n box-sizing: border-box;\n overflow: auto;\n"])),X.t7.color("paper"),Z.A.space(.5),Z.A.space(.5)),ie=Q.Ay.div.withConfig({displayName:"StyledFullscreenToolboxContainer"})(L||(L=G()(["\n padding: "," 0 ",";\n display: flex;\n"])),Z.A.space(.5),Z.A.space(1)),oe=Q.Ay.div.withConfig({displayName:"StyledWidgetContainer"})(R||(R=G()(["\n & * {\n ","\n }\n"])),(0,$.A)({color:"inherit"})),se=Q.Ay.span.withConfig({displayName:"StyledEmptyInput"})(B||(B=G()(["\n ","\n min-height: 2.6rem;\n display: flex;\n align-items: center;\n"])),(0,$.A)()),re=Q.Ay.div.withConfig({displayName:"StyledSection"})(_||(_=G()(["\n margin: 20px 0;\n border-top: 1px solid ",";\n padding: 40px 0 20px;\n"])),X.t7.color("borderLight")),ae=Q.Ay.span.withConfig({displayName:"StyledVisibilityStatus"})(U||(U=G()(["\n ","\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n border-radius: ",";\n padding: "," ",";\n margin-right: ",";\n"])),(0,$.A)(),X.t7.radii("button"),Z.A.space(-2.1),Z.A.space(0),Z.A.space(-1.38)),ce=t(74848);const de=(0,i.Ay)((function(e){var n=e.children,t=e.onExit,i=e.fullscreen,o=void 0!==i&&i,s=e.toolbox,r=e.intl;return o?(0,J.createPortal)((0,ce.jsxs)(te,{children:[(0,ce.jsxs)(ie,{children:[(0,ce.jsx)(h.A,{type:"button",onClick:function(){return t()},look:"raised",icon:"arrows-minimize",label:r.formatMessage({id:"client.widget-showcase.exitFullscreen"})}),s]}),n]}),document.body):(0,ce.jsx)(ce.Fragment,{children:n})}));var le;const ge=function(e){var n,t=e.label,i=e.onClick,o=e.intl,s=(0,c.useState)("[]"),r=v()(s,2),a=r[0],l=r[1];return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(u.Ay.H3,{children:t}),(0,ce.jsx)(W.A,{label:(n="client.widget-showcase.methodArguments",o.formatMessage({id:n})),children:(0,ce.jsx)(N.A,{type:"code",value:a,events:{onChange:l},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,ce.jsx)(h.A,{type:"button",onClick:function(){return i.apply(void 0,j()(JSON.parse(a)))},look:"raised",children:le||(le=(0,ce.jsx)(d.A,{id:"client.widget-showcase.execute"}))})]})},ue={name:"wk-widget",colors:{primary:"#0057ad",backgroundPanelHeaderFooter:"#ededed"},radii:{button:"16px",buttonLarge:"24px",form:"8px",dashboard:0,modal:"8px",menu:"16px"}};var pe,he,fe,we,ye,me,xe,be;const je=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,o=e.setSelectedWidgetConfig,s=e.loadWidgets,r=e.widgets,a=e.widgetConfigs,l=e.widgetConfig,g=e.editWidgetConfig,p=e.theme,f=e.editTheme,y=e.setTheme,m=e.resetTheme,b=e.viewWidgetInput,A=e.isWidgetManager,C=e.mode,S=e.intl,T=function(e){return S.formatMessage({id:e})};(0,c.useEffect)((function(){s()}),[s]);var E=r.map((function(e){return{key:e.key,display:e.label}})),F=a.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),I=(0,c.useState)([]),z=v()(I,2),H=z[0],q=z[1],L=(0,c.useState)([]),R=v()(L,2),B=R[0],_=R[1],U=(0,c.useState)(null),J=v()(U,2),K=J[0],G=J[1],Q=(0,c.useState)(null),X=v()(Q,2),Z=X[0],$=X[1],te=(0,c.useState)(!1),ie=v()(te,2),le=ie[0],je=ie[1],Ae=function(e,n){return _((function(t){return[].concat(j()(t),[{key:(0,P.A)(),name:e,args:n}])}))},ve=null==i?void 0:i.uniqueId,Ce=(0,c.useCallback)(x()(k().mark((function e(){var n,t,i,o,s,r;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=V(),t=p,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;q(i),Ae("onVisibilityStatusChange",n)}},e.next=1,Y(n,ve,l,t,i);case 1:o=e.sent,s=o.input,r=o.methods,G(r),$(s);case 2:case"end":return e.stop()}}),e)}))),[p,ve,l]),ke=(0,c.useCallback)(x()(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),q([]),_([]),G(null),$(null),e.next=1,new Promise((function(e){var n=V();n&&0!==n.children.length?setTimeout((function(){window.reactRegistry.unmount(D),e()}),0):e()}));case 1:case"end":return e.stop()}}),e)}))),[]),Se=(0,c.useCallback)(x()(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,ke();case 1:Ce();case 2:case"end":return e.stop()}}),e)}))),[Ce,ke]),Oe=p.name===ue.name;(0,c.useEffect)((function(){l?Se():ke()}),[l,le,ke,Se]);var We=(0,ce.jsx)(ce.Fragment,{children:H&&H.length>0&&(0,ce.jsxs)(ae,{children:[pe||(pe=(0,ce.jsx)(d.A,{id:"client.widget-showcase.visibilityStatus"})),": ",H.join(",")]})});return(0,ce.jsxs)(ee,{children:[(0,ce.jsx)(W.A,{label:T("client.widget-showcase.widget"),children:(0,ce.jsx)(N.A,{type:"single-select",value:n,options:{options:E},events:{onChange:t}})}),(0,ce.jsx)(W.A,{label:T("client.widget-showcase.widgetConfiguration"),children:n?(0,ce.jsx)(N.A,{type:"single-select",value:i,options:{options:F},events:{onChange:o}}):he||(he=(0,ce.jsx)(se,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.selectWidget"})}))}),i&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(re,{children:[fe||(fe=(0,ce.jsx)(u.Ay.H2,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.settings"})})),A&&(0,ce.jsx)(h.A,{type:"button",onClick:g,ink:"primary",look:"raised",icon:"gear",label:T("client.widget-showcase.widgetConfiguration.edit")}),Oe&&(0,ce.jsx)(h.A,{type:"button",onClick:function(){return m()},look:"raised",label:T("client.widget-showcase.theme.resetWpTheme")}),!Oe&&(0,ce.jsx)(h.A,{type:"button",onClick:function(){y(O()({},p,ue))},look:"raised",label:T("client.widget-showcase.theme.applyWpTheme")}),(0,w.f6)(C)&&(0,ce.jsx)(h.A,{type:"button",onClick:f,look:"raised",icon:"pen",label:T("client.widget-showcase.theme.edit")}),(0,w.f6)(C)&&(0,ce.jsx)(h.A,{type:"button",icon:"info",look:"raised",onClick:function(){return b(Z)},label:T("client.widget-showcase.widgetInput.view")})]}),(0,ce.jsxs)(re,{children:[(0,ce.jsxs)(u.Ay.H2,{children:[we||(we=(0,ce.jsx)(d.A,{id:"client.widget-showcase.widget"})),": ",i.display]}),(0,ce.jsxs)(ne,{children:[(0,ce.jsx)(h.A,{type:"button",onClick:function(){return je(!0)},look:"raised",icon:"arrows-maximize",label:T("client.widget-showcase.fullscreen")}),We]}),(0,ce.jsx)(de,{fullscreen:le,onExit:function(){return je(!1)},toolbox:We,children:ye||(ye=(0,ce.jsx)(oe,{id:M}))})]}),(0,w.f6)(C)&&(0,ce.jsxs)(re,{children:[me||(me=(0,ce.jsx)(u.Ay.H2,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.events"})})),B.length>0?(0,ce.jsx)("pre",{children:B.map((function(e){var n=e.key,t=e.name,i=e.args;return(0,ce.jsxs)(c.Fragment,{children:[t," - ",JSON.stringify(i),xe||(xe=(0,ce.jsx)("br",{}))]},n)}))}):"-"]}),(0,w.f6)(C)&&(0,ce.jsxs)(re,{children:[be||(be=(0,ce.jsx)(u.Ay.H2,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.methods"})})),K?(0,ce.jsx)(ce.Fragment,{children:Object.keys(K).map((function(e){return(0,ce.jsx)(ge,{label:e,onClick:K[e],intl:S},e)}))}):"-"]})]})]})};var Ae={setSelectedWidget:s.qN,setSelectedWidgetConfig:s.qK,loadWidgets:s.ow,setWidgetConfig:s.pE,editWidgetConfig:y.dT,editTheme:y.at,setTheme:s.Yl,resetTheme:s.hm,viewWidgetInput:y.Yz};const ve=(0,o.Ng)((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,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),Ae)((0,i.Ay)(je));var Ce,ke,Se,Oe,We,Ne,Pe,Te,Ee,Me,De,Fe,Ie,ze,He,qe,Le=(0,Q.DU)(Ce||(Ce=G()(["\n html,\n body {\n ","\n font-size: 14px !important;\n }\n"])),(0,$.A)()),Re=t(28888),Be=Q.Ay.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(ke||(ke=G()(["\n background-color: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"])),X.t7.color("paper"),(0,$.A)()),_e=Q.Ay.img.withConfig({displayName:"StyledLogo"})(Se||(Se=G()(["\n width: 40px;\n height: auto;\n"]))),Ue=Q.Ay.div.withConfig({displayName:"StyledBrand"})(Oe||(Oe=G()(["\n display: flex;\n gap: ",";\n align-items: center;\n\n "," {\n margin-top: 0;\n ","\n }\n"])),Z.A.space(0),Re.rd,(0,$.A)({fontSize:Z.A.font(9),fontWeight:X.t7.fontWeight("bold")})),Ve=Q.Ay.div.withConfig({displayName:"StyledModeWrapper"})(We||(We=G()(["\n display: flex;\n justify-content: flex-end;\n max-width: 1600px;\n margin: 0 auto ",";\n"])),Z.A.space(1)),Ye=Q.Ay.span.withConfig({displayName:"StyledBoldText"})(Ne||(Ne=G()(["\n font-weight: 500;\n"]))),Je=Q.Ay.span.withConfig({displayName:"StyledLightText"})(Pe||(Pe=G()(["\n ","\n"])),(0,$.A)({color:X.t7.color("textLight"),fontSize:Z.A.font(9)})),Ke=Q.Ay.header.withConfig({displayName:"StyledHeader"})(Te||(Te=G()(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: ",";\n box-shadow: 0 0 10px rgb(0 0 0 / 30%);\n border-bottom: 1px solid ",";\n"])),X.t7.color("paper"),X.t7.color("borderLight")),Ge=Q.Ay.nav.withConfig({displayName:"StyledNavigationWrapper"})(Ee||(Ee=G()(["\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: "," "," "," 0;\n box-sizing: border-box;\n margin: 0 auto;\n"])),Z.A.space(-.5),Z.A.space(.5),Z.A.space(-.5)),Qe=(Q.Ay.ul.withConfig({displayName:"StyledNavigationList"})(Me||(Me=G()(["\n list-style: none;\n display: flex;\n"]))),Q.Ay.main.withConfig({displayName:"StyledMain"})(De||(De=G()(["\n flex: 1;\n padding: "," ",";\n overflow: auto;\n"])),Z.A.space(1),Z.A.space(.5)));function Xe(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 Ze(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Xe(Object(t),!0).forEach((function(n){a()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Xe(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const $e=(0,i.Ay)((function(e){var n=e.init,t=e.intl,i=e.isDevelopmentRunEnv,o=e.isWidgetManager,s=e.mode,r=e.setMode;(0,c.useEffect)((function(){n()}),[n]);var a=(0,w.pn)(s)?{ink:"secondary"}:{},y=(0,w.f6)(s)?{ink:"secondary"}:{};return(0,ce.jsxs)(g.A,{required:[void 0!==o&&"undefined"!==i],children:[Fe||(Fe=(0,ce.jsx)(Le,{})),o||i?(0,ce.jsxs)(Be,{children:[Ie||(Ie=(0,ce.jsx)(Ke,{children:(0,ce.jsx)(Ge,{children:(0,ce.jsxs)(Ue,{children:[(0,ce.jsx)(_e,{src:f,alt:"tocco-logo"}),(0,ce.jsxs)(u.Ay.H1,{children:[(0,ce.jsx)(Ye,{children:"Tocco"})," ",(0,ce.jsx)(Je,{children:"Widget Showcase"})]})]})})})),ze||(ze=(0,ce.jsx)(l.A.Notifications,{})),(0,ce.jsxs)(Qe,{children:[(0,ce.jsx)(Ve,{children:(0,ce.jsxs)(p.A,{children:[(0,ce.jsx)(h.A,Ze({look:"raised",onClick:function(){return r(w.nI.simple)},label:t.formatMessage({id:"client.widget-showcase.mode.simple"})},a)),(0,ce.jsx)(h.A,Ze({look:"raised",onClick:function(){return r(w.nI.advanced)},label:t.formatMessage({id:"client.widget-showcase.mode.advanced"})},y))]})}),He||(He=(0,ce.jsx)(ve,{}))]})]}):qe||(qe=(0,ce.jsx)(u.Ay.P,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.noAccess"})}))]})}));var en={init:s.Ts,setMode:s.iY};const nn=(0,o.Ng)((function(e){return{isDevelopmentRunEnv:e.showcase.access.isDevelopmentRunEnv,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),en)((0,i.Ay)($e))}}]);
|
|
1
|
+
"use strict";(this.webpackChunktocco_widget_showcase=this.webpackChunktocco_widget_showcase||[]).push([[9231],{653(e,n,t){t.r(n),t.d(n,{default:()=>nn});var i=t(24843),o=t(71468),s=t(62128),r=t(26396),a=t.n(r),c=t(4883),d=t(22834),l=t(59499),g=t(88208),u=t(56375),p=t(30157),h=t(33150);const f=t.p+"imgs/tocco-circle.7ab925bf473f813493f0.svg";var w=t(89168),y=t(52381),m=t(79092),x=t.n(m),b=t(21259),j=t.n(b),A=t(22056),v=t.n(A),C=t(92207),k=t.n(C),S=t(55364),O=t.n(S),W=t(90986),N=t(25763),P=t(33829),T=t(36949),E=t(90720),M="widget-container",D="widget";function F(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 I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){a()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z,H,q,L,R,B,_,U,V=function(){return document.getElementById(M)},Y=function(){var e=x()(k().mark((function e(n,t,i,o,s){var r,a,c,d,l,g,u,p;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=i.packageName,a=i.appName,c=i.locale,d=i.config,l=T.A.getBackendUrl(),e.next=1,E.A.loadScriptAsync("".concat(l).concat(E.A.getEntryFilePath(r,a)));case 1:return g=I(I(I({backendUrl:l,locale:c},o?{customTheme:o}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:t,widgetShowcase:!0}},s),u="".concat(l,"/js/tocco-").concat(r,"/dist/"),p=window.reactRegistry.render(a,n,D,g,{},u),e.abrupt("return",{methods:p,input:g});case 2:case"end":return e.stop()}}),e)})));return function(n,t,i,o,s){return e.apply(this,arguments)}}(),J=t(81845),K=t(72189),G=t.n(K),Q=t(51510),X=t(57488),Z=t(26166),$=t(85431),ee=Q.Ay.div.withConfig({displayName:"Container"})(z||(z=G()(["\n max-width: 1600px;\n margin: 0 auto;\n"]))),ne=Q.Ay.div.withConfig({displayName:"StyledToolboxContainer"})(H||(H=G()(["\n display: flex;\n margin-bottom: 20px;\n"]))),te=Q.Ay.div.withConfig({displayName:"StyledFullscreenWidgetContainer"})(q||(q=G()(["\n background-color: ",";\n z-index: 1;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n padding: 0 "," ",";\n position: absolute;\n box-sizing: border-box;\n overflow: auto;\n"])),X.t7.color("paper"),Z.A.space(.5),Z.A.space(.5)),ie=Q.Ay.div.withConfig({displayName:"StyledFullscreenToolboxContainer"})(L||(L=G()(["\n padding: "," 0 ",";\n display: flex;\n"])),Z.A.space(.5),Z.A.space(1)),oe=Q.Ay.div.withConfig({displayName:"StyledWidgetContainer"})(R||(R=G()(["\n & * {\n ","\n }\n"])),(0,$.A)({color:"inherit"})),se=Q.Ay.span.withConfig({displayName:"StyledEmptyInput"})(B||(B=G()(["\n ","\n min-height: 2.6rem;\n display: flex;\n align-items: center;\n"])),(0,$.A)()),re=Q.Ay.div.withConfig({displayName:"StyledSection"})(_||(_=G()(["\n margin: 20px 0;\n border-top: 1px solid ",";\n padding: 40px 0 20px;\n"])),X.t7.color("borderLight")),ae=Q.Ay.span.withConfig({displayName:"StyledVisibilityStatus"})(U||(U=G()(["\n ","\n border: 1px solid #e6e6e6;\n background-color: #e6e6e6;\n border-radius: ",";\n padding: "," ",";\n margin-right: ",";\n"])),(0,$.A)(),X.t7.radii("button"),Z.A.space(-2.1),Z.A.space(0),Z.A.space(-1.38)),ce=t(74848);const de=(0,i.Ay)((function(e){var n=e.children,t=e.onExit,i=e.fullscreen,o=void 0!==i&&i,s=e.toolbox,r=e.intl;return o?(0,J.createPortal)((0,ce.jsxs)(te,{children:[(0,ce.jsxs)(ie,{children:[(0,ce.jsx)(h.A,{type:"button",onClick:function(){return t()},look:"raised",icon:"arrows-minimize",label:r.formatMessage({id:"client.widget-showcase.exitFullscreen"})}),s]}),n]}),document.body):(0,ce.jsx)(ce.Fragment,{children:n})}));var le;const ge=function(e){var n,t=e.label,i=e.onClick,o=e.intl,s=(0,c.useState)("[]"),r=v()(s,2),a=r[0],l=r[1];return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(u.Ay.H3,{children:t}),(0,ce.jsx)(W.A,{label:(n="client.widget-showcase.methodArguments",o.formatMessage({id:n})),children:(0,ce.jsx)(N.A,{type:"code",value:a,events:{onChange:l},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,ce.jsx)(h.A,{type:"button",onClick:function(){return i.apply(void 0,j()(JSON.parse(a)))},look:"raised",children:le||(le=(0,ce.jsx)(d.A,{id:"client.widget-showcase.execute"}))})]})},ue={name:"wk-widget",colors:{primary:"#0057ad",backgroundPanelHeaderFooter:"#ededed"},radii:{button:"16px",buttonLarge:"24px",form:"8px",dashboard:0,modal:"8px",menu:"16px"}};var pe,he,fe,we,ye,me,xe,be;const je=function(e){var n=e.selectedWidget,t=e.setSelectedWidget,i=e.selectedWidgetConfig,o=e.setSelectedWidgetConfig,s=e.loadWidgets,r=e.widgets,a=e.widgetConfigs,l=e.widgetConfig,g=e.editWidgetConfig,p=e.theme,f=e.editTheme,y=e.setTheme,m=e.resetTheme,b=e.viewWidgetInput,A=e.isWidgetManager,C=e.mode,S=e.intl,T=function(e){return S.formatMessage({id:e})};(0,c.useEffect)((function(){s()}),[s]);var E=r.map((function(e){return{key:e.key,display:e.label}})),F=a.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),I=(0,c.useState)([]),z=v()(I,2),H=z[0],q=z[1],L=(0,c.useState)([]),R=v()(L,2),B=R[0],_=R[1],U=(0,c.useState)(null),J=v()(U,2),K=J[0],G=J[1],Q=(0,c.useState)(null),X=v()(Q,2),Z=X[0],$=X[1],te=(0,c.useState)(!1),ie=v()(te,2),le=ie[0],je=ie[1],Ae=function(e,n){return _((function(t){return[].concat(j()(t),[{key:(0,P.A)(),name:e,args:n}])}))},ve=null==i?void 0:i.uniqueId,Ce=(0,c.useCallback)(x()(k().mark((function e(){var n,t,i,o,s,r;return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=V(),t=p,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;q(i),Ae("onVisibilityStatusChange",n)}},e.next=1,Y(n,ve,l,t,i);case 1:o=e.sent,s=o.input,r=o.methods,G(r),$(s);case 2:case"end":return e.stop()}}),e)}))),[p,ve,l]),ke=(0,c.useCallback)(x()(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),q([]),_([]),G(null),$(null),e.next=1,new Promise((function(e){var n=V();n&&0!==n.children.length?setTimeout((function(){window.reactRegistry.unmount(D),e()}),0):e()}));case 1:case"end":return e.stop()}}),e)}))),[]),Se=(0,c.useCallback)(x()(k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,ke();case 1:Ce();case 2:case"end":return e.stop()}}),e)}))),[Ce,ke]),Oe=p.name===ue.name;(0,c.useEffect)((function(){l?Se():ke()}),[l,le,ke,Se]);var We=(0,ce.jsx)(ce.Fragment,{children:H&&H.length>0&&(0,ce.jsxs)(ae,{children:[pe||(pe=(0,ce.jsx)(d.A,{id:"client.widget-showcase.visibilityStatus"})),": ",H.join(",")]})});return(0,ce.jsxs)(ee,{children:[(0,ce.jsx)(W.A,{label:T("client.widget-showcase.widget"),children:(0,ce.jsx)(N.A,{type:"single-select",value:n,options:{options:E},events:{onChange:t}})}),(0,ce.jsx)(W.A,{label:T("client.widget-showcase.widgetConfiguration"),children:n?(0,ce.jsx)(N.A,{type:"single-select",value:i,options:{options:F},events:{onChange:o}}):he||(he=(0,ce.jsx)(se,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.selectWidget"})}))}),i&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(re,{children:[fe||(fe=(0,ce.jsx)(u.Ay.H2,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.settings"})})),A&&(0,ce.jsx)(h.A,{type:"button",onClick:g,ink:"primary",look:"raised",icon:"gear",label:T("client.widget-showcase.widgetConfiguration.edit")}),Oe&&(0,ce.jsx)(h.A,{type:"button",onClick:function(){return m()},look:"raised",label:T("client.widget-showcase.theme.resetWpTheme")}),!Oe&&(0,ce.jsx)(h.A,{type:"button",onClick:function(){y(O()({},p,ue))},look:"raised",label:T("client.widget-showcase.theme.applyWpTheme")}),(0,w.f6)(C)&&(0,ce.jsx)(h.A,{type:"button",onClick:f,look:"raised",icon:"pen",label:T("client.widget-showcase.theme.edit")}),(0,w.f6)(C)&&(0,ce.jsx)(h.A,{type:"button",icon:"info",look:"raised",onClick:function(){return b(Z)},label:T("client.widget-showcase.widgetInput.view")})]}),(0,ce.jsxs)(re,{children:[(0,ce.jsxs)(u.Ay.H2,{children:[we||(we=(0,ce.jsx)(d.A,{id:"client.widget-showcase.widget"})),": ",i.display]}),(0,ce.jsxs)(ne,{children:[(0,ce.jsx)(h.A,{type:"button",onClick:function(){return je(!0)},look:"raised",icon:"arrows-maximize",label:T("client.widget-showcase.fullscreen")}),We]}),(0,ce.jsx)(de,{fullscreen:le,onExit:function(){return je(!1)},toolbox:We,children:ye||(ye=(0,ce.jsx)(oe,{id:M}))})]}),(0,w.f6)(C)&&(0,ce.jsxs)(re,{children:[me||(me=(0,ce.jsx)(u.Ay.H2,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.events"})})),B.length>0?(0,ce.jsx)("pre",{children:B.map((function(e){var n=e.key,t=e.name,i=e.args;return(0,ce.jsxs)(c.Fragment,{children:[t," - ",JSON.stringify(i),xe||(xe=(0,ce.jsx)("br",{}))]},n)}))}):"-"]}),(0,w.f6)(C)&&(0,ce.jsxs)(re,{children:[be||(be=(0,ce.jsx)(u.Ay.H2,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.methods"})})),K?(0,ce.jsx)(ce.Fragment,{children:Object.keys(K).map((function(e){return(0,ce.jsx)(ge,{label:e,onClick:K[e],intl:S},e)}))}):"-"]})]})]})};var Ae={setSelectedWidget:s.qN,setSelectedWidgetConfig:s.qK,loadWidgets:s.ow,setWidgetConfig:s.pE,editWidgetConfig:y.dT,editTheme:y.at,setTheme:s.Yl,resetTheme:s.hm,viewWidgetInput:y.Yz};const ve=(0,o.Ng)((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,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),Ae)((0,i.Ay)(je));var Ce,ke,Se,Oe,We,Ne,Pe,Te,Ee,Me,De,Fe,Ie,ze,He,qe,Le=(0,Q.DU)(Ce||(Ce=G()(["\n html,\n body {\n ","\n font-size: 14px !important;\n }\n"])),(0,$.A)()),Re=t(28888),Be=Q.Ay.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(ke||(ke=G()(["\n background-color: ",";\n display: flex;\n flex-direction: column;\n height: 100%;\n ","\n"])),X.t7.color("paper"),(0,$.A)()),_e=Q.Ay.img.withConfig({displayName:"StyledLogo"})(Se||(Se=G()(["\n width: 40px;\n height: auto;\n"]))),Ue=Q.Ay.div.withConfig({displayName:"StyledBrand"})(Oe||(Oe=G()(["\n display: flex;\n gap: ",";\n align-items: center;\n\n "," {\n margin-top: 0;\n ","\n }\n"])),Z.A.space(0),Re.rd,(0,$.A)({fontSize:Z.A.font(9),fontWeight:X.t7.fontWeight("bold")})),Ve=Q.Ay.div.withConfig({displayName:"StyledModeWrapper"})(We||(We=G()(["\n display: flex;\n justify-content: flex-end;\n max-width: 1600px;\n margin: 0 auto ",";\n"])),Z.A.space(1)),Ye=Q.Ay.span.withConfig({displayName:"StyledBoldText"})(Ne||(Ne=G()(["\n font-weight: 500;\n"]))),Je=Q.Ay.span.withConfig({displayName:"StyledLightText"})(Pe||(Pe=G()(["\n ","\n"])),(0,$.A)({color:X.t7.color("textLight"),fontSize:Z.A.font(9)})),Ke=Q.Ay.header.withConfig({displayName:"StyledHeader"})(Te||(Te=G()(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: ",";\n box-shadow: 0 0 10px rgb(0 0 0 / 30%);\n border-bottom: 1px solid ",";\n"])),X.t7.color("paper"),X.t7.color("borderLight")),Ge=Q.Ay.nav.withConfig({displayName:"StyledNavigationWrapper"})(Ee||(Ee=G()(["\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: "," "," "," 0;\n box-sizing: border-box;\n margin: 0 auto;\n"])),Z.A.space(-.5),Z.A.space(.5),Z.A.space(-.5)),Qe=(Q.Ay.ul.withConfig({displayName:"StyledNavigationList"})(Me||(Me=G()(["\n list-style: none;\n display: flex;\n"]))),Q.Ay.main.withConfig({displayName:"StyledMain"})(De||(De=G()(["\n flex: 1;\n padding: "," ",";\n overflow: auto;\n"])),Z.A.space(1),Z.A.space(.5)));function Xe(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 Ze(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Xe(Object(t),!0).forEach((function(n){a()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Xe(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const $e=(0,i.Ay)((function(e){var n=e.init,t=e.intl,i=e.isDevelopmentRunEnv,o=e.isWidgetManager,s=e.mode,r=e.setMode;(0,c.useEffect)((function(){n()}),[n]);var a=(0,w.pn)(s)?{ink:"secondary"}:{},y=(0,w.f6)(s)?{ink:"secondary"}:{};return(0,ce.jsxs)(g.A,{required:[void 0!==o&&"undefined"!==i],children:[Fe||(Fe=(0,ce.jsx)(Le,{})),o||i?(0,ce.jsxs)(Be,{children:[Ie||(Ie=(0,ce.jsx)(Ke,{children:(0,ce.jsx)(Ge,{children:(0,ce.jsxs)(Ue,{children:[(0,ce.jsx)(_e,{src:f,alt:"tocco-logo"}),(0,ce.jsxs)(u.Ay.H1,{children:[(0,ce.jsx)(Ye,{children:"Tocco"})," ",(0,ce.jsx)(Je,{children:"Widget Showcase"})]})]})})})),ze||(ze=(0,ce.jsx)(l.A.Notifications,{})),(0,ce.jsxs)(Qe,{children:[(0,ce.jsx)(Ve,{children:(0,ce.jsxs)(p.A,{children:[(0,ce.jsx)(h.A,Ze({look:"raised",onClick:function(){return r(w.nI.simple)},label:t.formatMessage({id:"client.widget-showcase.mode.simple"})},a)),(0,ce.jsx)(h.A,Ze({look:"raised",onClick:function(){return r(w.nI.advanced)},label:t.formatMessage({id:"client.widget-showcase.mode.advanced"})},y))]})}),He||(He=(0,ce.jsx)(ve,{}))]})]}):qe||(qe=(0,ce.jsx)(u.Ay.P,{children:(0,ce.jsx)(d.A,{id:"client.widget-showcase.noAccess"})}))]})}));var en={init:s.Ts,setMode:s.iY};const nn=(0,o.Ng)((function(e){return{isDevelopmentRunEnv:e.showcase.access.isDevelopmentRunEnv,isWidgetManager:e.showcase.access.isWidgetManager,mode:e.showcase.mode}}),en)((0,i.Ay)($e))}}]);
|