tocco-widget-showcase 3.12.55 → 3.12.56

package/changelog.md

@@ -1,3 +1,7 @@
+3.12.56
+- add widget showcase information to env
+- set showcase in app context
+
 3.12.55
 - fix label-attention color
 

package/dist/chunk-894.d7d4932bf1df617993bf.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunktocco_widget_showcase=self.webpackChunktocco_widget_showcase||[]).push([[894],{58894:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Ee});var i=n(11843),s=n(71468),o=n(62128),a=(n(5556),n(4883)),r=n(41196),c=n(31187);const d=n.p+"imgs/tocco-circle.7ab925bf473f813493f00f069ed9746e.svg";var l=n(52381),g=n(79092),u=n.n(g),h=n(21259),p=n.n(h),f=n(22056),w=n.n(f),y=n(92207),m=n.n(y),x=n(93419),j=n(26396),b=n.n(j),v=n(60115),C=n(90720),k="widget-container",S="widget";function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){b()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N,O=function(){return document.getElementById(k)},M=function(){var e=u()(m().mark((function e(t,n,i,s,o){var a,r,c,d,l,g,u,h;return m().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=i.packageName,r=i.appName,c=i.locale,d=i.config,l=v.A.getBackendUrl(),e.next=4,C.A.loadScriptAsync("".concat(l).concat(C.A.getEntryFilePath(a,r)));case 4:return g=A(A(A({backendUrl:l,locale:c},s?{customTheme:s}:{}),d),{},{appContext:{embedType:"widget",widgetConfigKey:n,widgetShowcase:!0}},o),u="".concat(l,"/js/tocco-").concat(a,"/dist/"),h=window.reactRegistry.render(r,t,S,g,{},u),e.abrupt("return",{methods:h,input:g});case 8:case"end":return e.stop()}}),e)})));return function(t,n,i,s,o){return e.apply(this,arguments)}}(),E=n(74848);const F=function(e){var t,n=e.label,s=e.onClick,o=e.intl,r=(0,a.useState)("[]"),d=w()(r,2),l=d[0],g=d[1];return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(c.o5.H3,{children:n}),(0,E.jsx)(c.$O,{label:(t="client.widget-showcase.methodArguments",o.formatMessage({id:t})),children:(0,E.jsx)(c.se,{type:"code",value:l,events:{onChange:g},options:{autoFocusOnMount:!1,mode:"json"}})}),(0,E.jsx)(c.$n,{type:"button",onClick:function(){return s.apply(void 0,p()(JSON.parse(l)))},look:"raised",children:N||(N=(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.execute"}))})]})};var I,P,D,T,$,q,H,z,R,B,L,V,_,U,J,K,Q,Y,G=n(72189),X=n.n(G),Z=n(96346),ee=Z.Ay.div.withConfig({displayName:"Container"})(I||(I=X()(["\n  max-width: 1600px;\n  margin: 0 auto;\n"]))),te=Z.Ay.div.withConfig({displayName:"StyledWidgetContainer"})(P||(P=X()(["\n  & * {\n    ","\n  }\n"])),(0,c.Ed)({color:"inherit"})),ne=Z.Ay.span.withConfig({displayName:"StyledEmptyInput"})(D||(D=X()(["\n  ","\n  min-height: 2.6rem;\n  display: flex;\n  align-items: center;\n"])),(0,c.Ed)()),ie=Z.Ay.div.withConfig({displayName:"StyledSection"})(T||(T=X()(["\n  margin: 40px 0;\n"]))),se=((0,Z.Ay)(c.$n).withConfig({displayName:"StyledRefreshButton"})($||($=X()(["\n  margin: 15px 0 0;\n"]))),(0,Z.Ay)(c.$n).withConfig({displayName:"StyledInputViewButton"})(q||(q=X()(["\n  margin-left: 15px;\n"])))),oe=Z.Ay.span.withConfig({displayName:"StyledVisibilityStatus"})(H||(H=X()(["\n  ","\n  border: 1px solid #e6e6e6;\n  background-color: #e6e6e6;\n  border-radius: ",";\n  padding: "," ",";\n"])),(0,c.Ed)(),c.t7.radii("button"),c.hs.space(-2.1),c.hs.space(0));const ae=function(e){var t=e.selectedWidget,n=e.setSelectedWidget,s=e.selectedWidgetConfig,o=e.setSelectedWidgetConfig,r=e.loadWidgets,d=e.widgets,l=e.widgetConfigs,g=e.widgetConfig,h=e.editWidgetConfig,f=e.theme,y=e.editTheme,j=e.viewWidgetInput,b=e.isWidgetManager,v=e.intl,C=function(e){return v.formatMessage({id:e})};(0,a.useEffect)((function(){r()}),[r]);var W=d.map((function(e){return{key:e.key,display:e.label}})),A=l.map((function(e){return{key:e.key,uniqueId:e.uniqueId,display:"".concat(e.uniqueId," - ").concat(e.label)}})),N=(0,a.useState)([]),I=w()(N,2),P=I[0],D=I[1],T=(0,a.useState)([]),$=w()(T,2),q=$[0],H=$[1],G=(0,a.useState)(null),X=w()(G,2),Z=X[0],ae=X[1],re=(0,a.useState)(null),ce=w()(re,2),de=ce[0],le=ce[1],ge=function(e,t){return H((function(n){return[].concat(p()(n),[{key:(0,x.v4)(),name:e,args:t}])}))},ue=null==s?void 0:s.uniqueId,he=(0,a.useCallback)(u()(m().mark((function e(){var t,n,i,s,o,a;return m().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=O(),n=f,i={onVisibilityStatusChange:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var i=t[0].status;D(i),ge("onVisibilityStatusChange",t)}},e.next=5,M(t,ue,g,n,i);case 5:s=e.sent,o=s.input,a=s.methods,ae(a),le(o);case 9:case"end":return e.stop()}}),e)}))),[f,ue,g]),pe=(0,a.useCallback)(u()(m().mark((function e(){return m().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return history.pushState("",document.title,window.location.pathname+window.location.search),D([]),H([]),ae(null),le(null),e.next=7,new Promise((function(e){0!==O().children.length?setTimeout((function(){window.reactRegistry.unmount(S),e()}),0):e()}));case 7:case"end":return e.stop()}}),e)}))),[]),fe=(0,a.useCallback)(u()(m().mark((function e(){return m().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,pe();case 2:he();case 3:case"end":return e.stop()}}),e)}))),[he,pe]);return(0,a.useEffect)((function(){g?fe():pe()}),[g,pe,fe]),(0,E.jsxs)(ee,{children:[z||(z=(0,E.jsx)(c.o5.H1,{children:(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.showcase"})})),(0,E.jsx)(c.$O,{label:C("client.widget-showcase.widget"),children:(0,E.jsx)(c.se,{type:"single-select",value:t,options:{options:W},events:{onChange:n}})}),(0,E.jsx)(c.$O,{label:C("client.widget-showcase.widgetConfiguration"),children:t?(0,E.jsx)(c.se,{type:"single-select",value:s,options:{options:A},events:{onChange:o}}):R||(R=(0,E.jsx)(ne,{children:(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.selectWidget"})}))}),b?(0,E.jsx)(c.$n,{type:"button",onClick:h,ink:"primary",look:"raised",disabled:!s,children:B||(B=(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.widgetConfiguration.edit"}))}):null,(0,E.jsx)(c.$n,{type:"button",onClick:y,ink:"primary",look:"raised",disabled:!s,children:L||(L=(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.theme.edit"}))}),(0,E.jsxs)(ie,{children:[(0,E.jsxs)(c.o5.H2,{children:[V||(V=(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.widget"})),s&&(0,E.jsx)(se,{type:"button",icon:"info",look:"raised",onClick:function(){return j(de)},children:_||(_=(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.widgetInput.view"}))}),P&&P.length>0&&(0,E.jsxs)(oe,{children:[U||(U=(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.visibilityStatus"})),": ",P.join(",")]})]}),J||(J=(0,E.jsx)(te,{id:k}))]}),(0,E.jsxs)(ie,{children:[K||(K=(0,E.jsx)(c.o5.H2,{children:(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.events"})})),q.length>0?(0,E.jsx)("pre",{children:q.map((function(e){var t=e.key,n=e.name,i=e.args;return(0,E.jsxs)(a.Fragment,{children:[n," - ",JSON.stringify(i),Q||(Q=(0,E.jsx)("br",{}))]},t)}))}):"-"]}),(0,E.jsxs)(ie,{children:[Y||(Y=(0,E.jsx)(c.o5.H2,{children:(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.methods"})})),Z?(0,E.jsx)(E.Fragment,{children:Object.keys(Z).map((function(e){return(0,E.jsx)(F,{label:e,onClick:Z[e],intl:v},e)}))}):"-"]})]})};var re={setSelectedWidget:o.qN,setSelectedWidgetConfig:o.qK,loadWidgets:o.ow,setWidgetConfig:o.pE,editWidgetConfig:l.dT,editTheme:l.at,viewWidgetInput:l.Yz};const ce=(0,s.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}}),re)((0,i.injectIntl)(ae));var de,le,ge,ue,he,pe,fe,we,ye,me,xe,je,be=(0,Z.DU)(de||(de=X()(["\n  html,\n  body {\n    ","\n    font-size: 14px !important;\n  }\n"])),(0,c.Ed)()),ve=Z.Ay.div.withConfig({displayName:"StyledWidgetShowcaseWrapper"})(le||(le=X()(["\n  background-color: ",";\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  ","\n"])),c.t7.color("paper"),(0,c.Ed)()),Ce=Z.Ay.img.withConfig({displayName:"StyledLogo"})(ge||(ge=X()(["\n  width: 40px;\n  height: auto;\n"]))),ke=Z.Ay.div.withConfig({displayName:"StyledBrand"})(ue||(ue=X()(["\n  display: flex;\n  gap: ",";\n  align-items: center;\n\n  "," {\n    margin-top: 0;\n    ","\n  }\n"])),c.hs.space(0),c.rd,(0,c.Ed)({fontSize:c.hs.font(9),fontWeight:c.t7.fontWeight("bold")})),Se=Z.Ay.span.withConfig({displayName:"StyledLightText"})(he||(he=X()(["\n  ","\n"])),(0,c.Ed)({color:c.t7.color("textLight"),fontSize:c.hs.font(9)})),We=Z.Ay.header.withConfig({displayName:"StyledHeader"})(pe||(pe=X()(["\n  position: sticky;\n  top: 0;\n  z-index: 9999;\n  background-color: ",";\n  box-shadow: 0 0 10px rgba(0 0 0 / 30%);\n  border-bottom: 1px solid ",";\n"])),c.t7.color("paper"),c.t7.color("borderLight")),Ae=Z.Ay.nav.withConfig({displayName:"StyledNavigationWrapper"})(fe||(fe=X()(["\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"])),c.hs.space(-.5),c.hs.space(.5)),Ne=(Z.Ay.ul.withConfig({displayName:"StyledNavigationList"})(we||(we=X()(["\n  list-style: none;\n  display: flex;\n"]))),Z.Ay.main.withConfig({displayName:"StyledMain"})(ye||(ye=X()(["\n  flex: 1;\n  padding: "," ",";\n  overflow: auto;\n"])),c.hs.space(1),c.hs.space(.5)));const Oe=function(e){var t=e.checkAccess,n=e.isDevelopmentRunEnv,s=e.isWidgetManager;return(0,a.useEffect)((function(){t()}),[t]),(0,E.jsxs)(c.tQ,{required:[void 0!==s&&"undefined"!==n],children:[me||(me=(0,E.jsx)(be,{})),s||n?xe||(xe=(0,E.jsxs)(ve,{children:[(0,E.jsx)(We,{children:(0,E.jsx)(Ae,{children:(0,E.jsxs)(ke,{children:[(0,E.jsx)(Ce,{src:d,alt:"tocco-logo"}),(0,E.jsxs)(c.o5.H1,{children:["Tocco ",(0,E.jsx)(Se,{children:"Widget Showcase"})]})]})})}),(0,E.jsx)(r.A.Notifications,{}),(0,E.jsx)(Ne,{children:(0,E.jsx)(ce,{})})]})):je||(je=(0,E.jsx)(c.o5.P,{children:(0,E.jsx)(i.FormattedMessage,{id:"client.widget-showcase.noAccess"})}))]})};var Me={checkAccess:o.x8};const Ee=(0,s.Ng)((function(e){return{isDevelopmentRunEnv:e.showcase.access.isDevelopmentRunEnv,isWidgetManager:e.showcase.access.isWidgetManager}}),Me)((0,i.injectIntl)(Oe))}}]);