@maestro_io/maestro-web-sdk 5.2.1 → 5.3.0

package/dist/9.maestro-web-sdk.esm.js

@@ -1,2 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{105:function(e,t,n){"use strict";var l=n(32);t.a=l.a},210:function(e,t,n){"use strict";var l=n(6),a=n.n(l),r=n(7),i=n.n(r)()(a.a);i.push([e.i,".hello-world-view {\n  text-align: center;\n  background: transparent;\n  margin-top: 60px;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n  padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n  margin-bottom: 32px;\n}\n\n.hello-world-view .title {\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 56px;\n  font-family: var(--sdk-font-headline);\n  color: var(--sdk-text100);\n  text-align: center;\n}\n\n.hello-world-view .subtitle {\n  font-weight: 400;\n  font-size: 27px;\n  line-height: 36px;\n  text-align: center;\n  margin: 10px 0 16px 0;\n  font-family: var(--sdk-font-title);\n  color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n  position: relative;\n}\n\n.hello-world-view .unsupported-text {\n  font-family: var(--sdk-font-body);\n  font-size: 21px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n  padding: 8px 0;\n  color: var(--sdk-text100);\n  text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n  vertical-align: middle;\n  display: inline-block;\n  margin-right: 8px;\n  border-radius: 50%;\n  background-color: var(--sdk-surface5);\n  width: 40px;\n  height: 40px;\n  color: var(--sdk-text200);\n  position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n  vertical-align: middle;\n  display: inline-block;\n  color: var(--sdk-text200);\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/hello-world/HelloWorldView.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,qCAAqC;EACrC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,qBAAqB;EACrB,kCAAkC;EAClC,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,cAAc;EACd,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,kBAAkB;EAClB,qCAAqC;EACrC,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,yBAAyB;AAC3B",sourcesContent:[".hello-world-view {\n  text-align: center;\n  background: transparent;\n  margin-top: 60px;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n  padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n  margin-bottom: 32px;\n}\n\n.hello-world-view .title {\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 56px;\n  font-family: var(--sdk-font-headline);\n  color: var(--sdk-text100);\n  text-align: center;\n}\n\n.hello-world-view .subtitle {\n  font-weight: 400;\n  font-size: 27px;\n  line-height: 36px;\n  text-align: center;\n  margin: 10px 0 16px 0;\n  font-family: var(--sdk-font-title);\n  color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n  position: relative;\n}\n\n.hello-world-view .unsupported-text {\n  font-family: var(--sdk-font-body);\n  font-size: 21px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n  padding: 8px 0;\n  color: var(--sdk-text100);\n  text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n  vertical-align: middle;\n  display: inline-block;\n  margin-right: 8px;\n  border-radius: 50%;\n  background-color: var(--sdk-surface5);\n  width: 40px;\n  height: 40px;\n  color: var(--sdk-text200);\n  position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n  vertical-align: middle;\n  display: inline-block;\n  color: var(--sdk-text200);\n}\n"],sourceRoot:""}]),t.a=i},244:function(e,t,n){"use strict";n.r(t);var l=n(0),a=n.n(l),r=n(5),i=n.n(r),o=n(210),s={insert:"head",singleton:!1},A=(i()(o.a,s),o.a.locals,n(8));var d=()=>a.a.createElement("div",{className:"hello-world-image"},a.a.createElement("svg",{width:"376",height:"236",viewBox:"0 0 376 236",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{d:"M255.234 212.541H232.178V235.597H255.234V212.541ZM116.898 235.597H139.954V212.541H116.898V235.597ZM197.594 108.789H220.65V154.901H197.594V108.789ZM174.538 154.901H151.482V108.789H174.538V154.901ZM255.234 91.4965H243.706V79.9685H232.178V68.4404H214.886V45.3843H203.358V68.4404H168.774V45.3843H157.246V68.4404H139.954V79.9685H128.426V91.4965H116.898V131.845H93.8414V143.373H116.898V183.721H139.954V212.541H168.774V183.721H203.358V212.541H232.178V183.721H255.234V143.373H278.29V131.845H255.234V91.4965ZM278.29 131.845H289.818V68.4404H278.29V131.845ZM82.3134 131.845H93.8414V68.4404H82.3134V131.845Z",fill:"#2D2D2D"}),a.a.createElement("path",{d:"M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z",fill:"#101113",stroke:"#2D2D2D",strokeWidth:"6.63736"}),a.a.createElement("path",{d:"M278.746 57.5037V29.5141H286.311V39.9156H295.616V29.5141H303.18V57.5037H295.616V46.1944H286.311V57.5037H278.746ZM308.634 57.5037V29.5141H316.199V57.5037H308.634ZM323.408 48.1612L321.593 29.5141H331.011L329.195 48.1612H323.408ZM322.387 57.5037V51.0737H330.216V57.5037H322.387Z",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"61.0623",y:"56.4176",width:"8.84982",height:"8.84982",transform:"rotate(-90 61.0623 56.4176)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"50",y:"42.0366",width:"8.84982",height:"8.84982",transform:"rotate(-90 50 42.0366)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"69.9121",y:"47.5674",width:"8.84982",height:"8.84982",transform:"rotate(-90 69.9121 47.5674)",fill:"#2D2D2D"}),a.a.createElement("g",{filter:"url(#filter0_d_193_43290)"},a.a.createElement("rect",{width:"8",height:"12",transform:"matrix(4.37114e-08 1 1 -4.37114e-08 82 67)",fill:"#21EFA3"})),a.a.createElement("rect",{x:"58.8499",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 58.8499 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"78.762",y:"47.5677",width:"8.84982",height:"8.84982",transform:"rotate(-90 78.762 47.5677)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"67.6997",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 67.6997 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"256.865",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 86.2857)",fill:"#101113"}),a.a.createElement("rect",{x:"256.865",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 86.2857)",fill:"#101113"}),a.a.createElement("defs",null,a.a.createElement("filter",{id:"filter0_d_193_43290",x:"64",y:"50",width:"48",height:"44",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},a.a.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),a.a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.a.createElement("feMorphology",{radius:"3",operator:"dilate",in:"SourceAlpha",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feOffset",{dy:"1"}),a.a.createElement("feGaussianBlur",{stdDeviation:"7.5"}),a.a.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),a.a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.129412 0 0 0 0 0.937255 0 0 0 0 0.639216 0 0 0 0.25 0"}),a.a.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_193_43290",result:"shape"}))))),p=n(105);const c={chat:"Chat",shopifyBlockPanel:"Shopify"};class h extends l.Component{constructor(e){super(e);const t=A.default.getMaestroEventViewModel().panelManagerViewModel;this.state={unlistedPanels:t.getUnlistedPanels()}}render(){const{unlistedPanels:e}=this.state;return a.a.createElement("div",{className:"hello-world-view","data-has-unlisted":e.length>0},a.a.createElement(d,null),a.a.createElement("div",{className:"title"},"HELLO, WORLD!"),a.a.createElement("p",{className:"T20 subtitle"},"Panel component has been",a.a.createElement("br",null),"installed correctly."),e.length>0&&a.a.createElement("div",{className:"unsupported-panels"},a.a.createElement("p",{className:"T10 unsupported-text"},"However, some panels currently active on this",a.a.createElement("br",null),"channel aren't supported on this device:"),a.a.createElement("ul",{className:"unsupported-list"},e.filter(e=>e.type in c).map(e=>a.a.createElement("li",{key:e.type,className:"T10"},a.a.createElement("div",{className:"panel-icon"},a.a.createElement(p.a,{iconName:e.type,width:24,height:24})),a.a.createElement("div",{className:"panel-title"},c[e.type]))))))}}var E=h;t.default=E}}]);
-//# sourceMappingURL=9.maestro-web-sdk.esm.js.map

package/dist/9.maestro-web-sdk.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./src/components/atoms/SvgIcon/index.ts","webpack:///./src/modules/maestro/hello-world/HelloWorldView.styles.css","webpack:///./src/modules/maestro/hello-world/HelloWorldView.styles.css?6c30","webpack:///./src/modules/maestro/hello-world/HelloWorldImage.tsx","webpack:///./src/modules/maestro/hello-world/HelloWorldView.tsx","webpack:///./src/modules/maestro/hello-world/index.ts"],"names":["Icon","___CSS_LOADER_EXPORT___","push","module","i","options","locals","HelloWorldImage","React","createElement","className","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","x","y","transform","filter","id","filterUnits","colorInterpolationFilters","floodOpacity","result","in","type","values","radius","operator","dy","stdDeviation","in2","mode","PANEL_TYPE_NAME_MAP","chat","shopifyBlockPanel","HelloWorldView","Component","constructor","props","super","vm","SDK","getMaestroEventViewModel","panelManagerViewModel","this","state","unlistedPanels","getUnlistedPanels","render","data-has-unlisted","length","p","map","panel","key","iconName"],"mappings":"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","file":"9.maestro-web-sdk.esm.js","sourcesContent":["import Icon from './Icon';\n\nexport default Icon;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".hello-world-view {\\n  text-align: center;\\n  background: transparent;\\n  margin-top: 60px;\\n}\\n\\n.hello-world-view[data-has-unlisted='false'] {\\n  padding: 191px 80px 0 80px;\\n}\\n\\n.hello-world-view .hello-world-image {\\n  margin-bottom: 32px;\\n}\\n\\n.hello-world-view .title {\\n  font-weight: 700;\\n  font-size: 48px;\\n  line-height: 56px;\\n  font-family: var(--sdk-font-headline);\\n  color: var(--sdk-text100);\\n  text-align: center;\\n}\\n\\n.hello-world-view .subtitle {\\n  font-weight: 400;\\n  font-size: 27px;\\n  line-height: 36px;\\n  text-align: center;\\n  margin: 10px 0 16px 0;\\n  font-family: var(--sdk-font-title);\\n  color: var(--sdk-text100);\\n}\\n\\n.hello-world-view .unsupported-panels {\\n  position: relative;\\n}\\n\\n.hello-world-view .unsupported-text {\\n  font-family: var(--sdk-font-body);\\n  font-size: 21px;\\n  line-height: 26px;\\n  text-align: center;\\n  color: var(--sdk-text200);\\n  margin: 0;\\n}\\n\\n.hello-world-view .unsupported-list {\\n  list-style: none;\\n  padding: 0;\\n  margin: 0;\\n  margin-top: 24px;\\n  position: absolute;\\n  left: 50%;\\n  transform: translateX(-50%);\\n}\\n\\n.hello-world-view .unsupported-list li {\\n  padding: 8px 0;\\n  color: var(--sdk-text100);\\n  text-align: left;\\n}\\n\\n.hello-world-view .unsupported-list .panel-icon {\\n  vertical-align: middle;\\n  display: inline-block;\\n  margin-right: 8px;\\n  border-radius: 50%;\\n  background-color: var(--sdk-surface5);\\n  width: 40px;\\n  height: 40px;\\n  color: var(--sdk-text200);\\n  position: relative;\\n}\\n\\n.hello-world-view .unsupported-list .panel-icon > svg {\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.hello-world-view .unsupported-list .panel-title {\\n  vertical-align: middle;\\n  display: inline-block;\\n  color: var(--sdk-text200);\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/maestro/hello-world/HelloWorldView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,kBAAkB;EAClB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,qCAAqC;EACrC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,qBAAqB;EACrB,kCAAkC;EAClC,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,cAAc;EACd,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,kBAAkB;EAClB,qCAAqC;EACrC,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,yBAAyB;AAC3B\",\"sourcesContent\":[\".hello-world-view {\\n  text-align: center;\\n  background: transparent;\\n  margin-top: 60px;\\n}\\n\\n.hello-world-view[data-has-unlisted='false'] {\\n  padding: 191px 80px 0 80px;\\n}\\n\\n.hello-world-view .hello-world-image {\\n  margin-bottom: 32px;\\n}\\n\\n.hello-world-view .title {\\n  font-weight: 700;\\n  font-size: 48px;\\n  line-height: 56px;\\n  font-family: var(--sdk-font-headline);\\n  color: var(--sdk-text100);\\n  text-align: center;\\n}\\n\\n.hello-world-view .subtitle {\\n  font-weight: 400;\\n  font-size: 27px;\\n  line-height: 36px;\\n  text-align: center;\\n  margin: 10px 0 16px 0;\\n  font-family: var(--sdk-font-title);\\n  color: var(--sdk-text100);\\n}\\n\\n.hello-world-view .unsupported-panels {\\n  position: relative;\\n}\\n\\n.hello-world-view .unsupported-text {\\n  font-family: var(--sdk-font-body);\\n  font-size: 21px;\\n  line-height: 26px;\\n  text-align: center;\\n  color: var(--sdk-text200);\\n  margin: 0;\\n}\\n\\n.hello-world-view .unsupported-list {\\n  list-style: none;\\n  padding: 0;\\n  margin: 0;\\n  margin-top: 24px;\\n  position: absolute;\\n  left: 50%;\\n  transform: translateX(-50%);\\n}\\n\\n.hello-world-view .unsupported-list li {\\n  padding: 8px 0;\\n  color: var(--sdk-text100);\\n  text-align: left;\\n}\\n\\n.hello-world-view .unsupported-list .panel-icon {\\n  vertical-align: middle;\\n  display: inline-block;\\n  margin-right: 8px;\\n  border-radius: 50%;\\n  background-color: var(--sdk-surface5);\\n  width: 40px;\\n  height: 40px;\\n  color: var(--sdk-text200);\\n  position: relative;\\n}\\n\\n.hello-world-view .unsupported-list .panel-icon > svg {\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.hello-world-view .unsupported-list .panel-title {\\n  vertical-align: middle;\\n  display: inline-block;\\n  color: var(--sdk-text200);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./HelloWorldView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from 'react';\n\nconst HelloWorldImage = () => {\n  return (\n    <div className=\"hello-world-image\">\n      <svg\n        width=\"376\"\n        height=\"236\"\n        viewBox=\"0 0 376 236\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M255.234 212.541H232.178V235.597H255.234V212.541ZM116.898 235.597H139.954V212.541H116.898V235.597ZM197.594 108.789H220.65V154.901H197.594V108.789ZM174.538 154.901H151.482V108.789H174.538V154.901ZM255.234 91.4965H243.706V79.9685H232.178V68.4404H214.886V45.3843H203.358V68.4404H168.774V45.3843H157.246V68.4404H139.954V79.9685H128.426V91.4965H116.898V131.845H93.8414V143.373H116.898V183.721H139.954V212.541H168.774V183.721H203.358V212.541H232.178V183.721H255.234V143.373H278.29V131.845H255.234V91.4965ZM278.29 131.845H289.818V68.4404H278.29V131.845ZM82.3134 131.845H93.8414V68.4404H82.3134V131.845Z\"\n          fill=\"#2D2D2D\"\n        />\n        <path\n          d=\"M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z\"\n          fill=\"#101113\"\n          stroke=\"#2D2D2D\"\n          strokeWidth=\"6.63736\"\n        />\n        <path\n          d=\"M278.746 57.5037V29.5141H286.311V39.9156H295.616V29.5141H303.18V57.5037H295.616V46.1944H286.311V57.5037H278.746ZM308.634 57.5037V29.5141H316.199V57.5037H308.634ZM323.408 48.1612L321.593 29.5141H331.011L329.195 48.1612H323.408ZM322.387 57.5037V51.0737H330.216V57.5037H322.387Z\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"61.0623\"\n          y=\"56.4176\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 61.0623 56.4176)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"50\"\n          y=\"42.0366\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 50 42.0366)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"69.9121\"\n          y=\"47.5674\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 69.9121 47.5674)\"\n          fill=\"#2D2D2D\"\n        />\n        <g filter=\"url(#filter0_d_193_43290)\">\n          <rect\n            width=\"8\"\n            height=\"12\"\n            transform=\"matrix(4.37114e-08 1 1 -4.37114e-08 82 67)\"\n            fill=\"#21EFA3\"\n          />\n        </g>\n        <rect\n          x=\"58.8499\"\n          y=\"33.1868\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 58.8499 33.1868)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"78.762\"\n          y=\"47.5677\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 78.762 47.5677)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"67.6997\"\n          y=\"33.1868\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 67.6997 33.1868)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"256.865\"\n          y=\"8.84982\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 256.865 8.84982)\"\n          fill=\"#101113\"\n        />\n        <rect\n          x=\"343.15\"\n          y=\"8.84982\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 343.15 8.84982)\"\n          fill=\"#101113\"\n        />\n        <rect\n          x=\"343.15\"\n          y=\"86.2857\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 343.15 86.2857)\"\n          fill=\"#101113\"\n        />\n        <rect\n          x=\"256.865\"\n          y=\"86.2857\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 256.865 86.2857)\"\n          fill=\"#101113\"\n        />\n        <defs>\n          <filter\n            id=\"filter0_d_193_43290\"\n            x=\"64\"\n            y=\"50\"\n            width=\"48\"\n            height=\"44\"\n            filterUnits=\"userSpaceOnUse\"\n            colorInterpolationFilters=\"sRGB\"\n          >\n            <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix\n              in=\"SourceAlpha\"\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n              result=\"hardAlpha\"\n            />\n            <feMorphology\n              radius=\"3\"\n              operator=\"dilate\"\n              in=\"SourceAlpha\"\n              result=\"effect1_dropShadow_193_43290\"\n            />\n            <feOffset dy=\"1\" />\n            <feGaussianBlur stdDeviation=\"7.5\" />\n            <feComposite in2=\"hardAlpha\" operator=\"out\" />\n            <feColorMatrix\n              type=\"matrix\"\n              values=\"0 0 0 0 0.129412 0 0 0 0 0.937255 0 0 0 0 0.639216 0 0 0 0.25 0\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in2=\"BackgroundImageFix\"\n              result=\"effect1_dropShadow_193_43290\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in=\"SourceGraphic\"\n              in2=\"effect1_dropShadow_193_43290\"\n              result=\"shape\"\n            />\n          </filter>\n        </defs>\n      </svg>\n    </div>\n  );\n};\n\nexport default HelloWorldImage;\n","import React, { Component } from 'react';\nimport './HelloWorldView.styles.css';\nimport SDK from '@/index';\nimport { PanelInfo } from '@/view-models/PanelManagerViewModel';\nimport HelloWorldImage from './HelloWorldImage';\nimport Icon from '@/components/atoms/SvgIcon';\n\ntype State = {\n  unlistedPanels: PanelInfo[];\n};\n\nconst PANEL_TYPE_NAME_MAP = {\n  chat: 'Chat',\n  shopifyBlockPanel: 'Shopify',\n} as const;\n\nclass HelloWorldView extends Component<{}, State> {\n  constructor(props: {}) {\n    super(props);\n    const vm = SDK.getMaestroEventViewModel().panelManagerViewModel;\n    this.state = {\n      unlistedPanels: vm.getUnlistedPanels(),\n    };\n  }\n\n  render() {\n    const { unlistedPanels } = this.state;\n\n    return (\n      <div\n        className=\"hello-world-view\"\n        data-has-unlisted={unlistedPanels.length > 0}\n      >\n        <HelloWorldImage />\n        <div className=\"title\">HELLO, WORLD!</div>\n        <p className=\"T20 subtitle\">\n          Panel component has been\n          <br />\n          installed correctly.\n        </p>\n\n        {unlistedPanels.length > 0 && (\n          <div className=\"unsupported-panels\">\n            <p className=\"T10 unsupported-text\">\n              However, some panels currently active on this\n              <br />\n              {\"channel aren't supported on this device:\"}\n            </p>\n            <ul className=\"unsupported-list\">\n              {unlistedPanels\n                .filter((p) => p.type in PANEL_TYPE_NAME_MAP)\n                .map((panel) => (\n                  <li key={panel.type} className=\"T10\">\n                    <div className=\"panel-icon\">\n                      <Icon iconName={panel.type} width={24} height={24} />\n                    </div>\n                    <div className=\"panel-title\">\n                      {\n                        PANEL_TYPE_NAME_MAP[\n                          panel.type as keyof typeof PANEL_TYPE_NAME_MAP\n                        ]\n                      }\n                    </div>\n                  </li>\n                ))}\n            </ul>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default HelloWorldView;\n","import HelloWorldView from './HelloWorldView';\n\nexport default HelloWorldView;\n"],"sourceRoot":""}

package/dist/package.json

@@ -1,94 +0,0 @@
-{
-    "name": "@maestro_io/maestro-web-sdk",
-    "private": false,
-    "version": "5.2.1",
-    "type": "commonjs",
-    "license": "MIT",
-    "main": "dist/maestro-web-sdk.umd.js",
-    "module": "dist/maestro-web-sdk.esm.js",
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "import": "./dist/maestro-web-sdk.esm.js",
-            "require": "./dist/maestro-web-sdk.umd.js",
-            "types": "./dist/index.d.ts"
-        }
-    },
-    "sideEffects": [
-        "*.css"
-    ],
-    "engines": {
-        "node": ">=10"
-    },
-    "scripts": {
-        "dev": "nodemon",
-        "sdk-only": "webpack-dev-server --config webpack/webpack.dev.js",
-        "lint": "eslint src --ext .ts,.tsx --ignore-pattern '**/*.test.*'",
-        "test": "jest",
-        "build": "webpack --config webpack/webpack.prod.js && tsc --emitDeclarationOnly --declarationDir dist/types && dts-bundle --name @maestro_io/maestro-web-sdk --main dist/types/src/index.d.ts --out ../../index.d.ts && rm -rf dist/types",
-        "types": "tsc -b",
-        "analyze": "ANALYZE=true webpack --config webpack/webpack.prod.js",
-        "format": "prettier --write .",
-        "format:check": "prettier --check ."
-    },
-    "devDependencies": {
-        "@babel/core": "7.12.3",
-        "@babel/plugin-proposal-class-properties": "7.12.1",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/preset-env": "7.12.1",
-        "@babel/preset-react": "7.12.1",
-        "@babel/preset-typescript": "7.12.1",
-        "@types/enzyme-adapter-react-16": "^1.0.6",
-        "@types/jest": "24.0.25",
-        "@types/node": "10",
-        "@types/prop-types": "^15.7.10",
-        "@types/react": "16.14.34",
-        "@types/react-dom": "16.9.18",
-        "@typescript-eslint/eslint-plugin": "2.34.0",
-        "@typescript-eslint/parser": "2.34.0",
-        "babel-jest": "26.6.3",
-        "babel-loader": "8",
-        "css-loader": "5",
-        "dts-bundle": "^0.7.3",
-        "enzyme": "3.11.0",
-        "enzyme-adapter-react-16": "1.15.7",
-        "eslint": "6.8.0",
-        "eslint-config-prettier": "6.0.0",
-        "eslint-plugin-react": "7.20.0",
-        "file-loader": "^6.2.0",
-        "globals": "^10",
-        "html-webpack-plugin": "4",
-        "husky": "^6.0.0",
-        "identity-obj-proxy": "^3.0.0",
-        "jest": "26.6.3",
-        "nodemon": "^3.1.9",
-        "prettier": "2.0.5",
-        "react-test-renderer": "16.14.0",
-        "style-loader": "2",
-        "tsconfig-paths-webpack-plugin": "^4.2.0",
-        "typescript": "^4",
-        "webpack": "4",
-        "webpack-bundle-analyzer": "3.9.0",
-        "webpack-cli": "3.3.12",
-        "webpack-dev-server": "3.11.2"
-    },
-    "dependencies": {
-        "@sentry/browser": "7.68.0",
-        "axios": "^0.27.2",
-        "prop-types": "15.8.1",
-        "react": "16.14.0",
-        "react-dom": "16.14.0"
-    },
-    "peerDependencies": {
-        "react": "^16.0.0",
-        "react-dom": "^16.0.0"
-    },
-    "resolutions": {
-        "sockjs-client": "1.5.1",
-        "cheerio": "0.22.0",
-        "@sentry/replay": "0.6.14"
-    }
-}

package/dist/src/components/atoms/BaseButton/BaseButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ButtonHTMLAttributes } from 'react';
-import './BaseButton.styles.css';
-declare class BaseButton extends React.Component<ButtonHTMLAttributes<HTMLButtonElement>> {
-    render(): JSX.Element;
-}
-export default BaseButton;

package/dist/src/components/atoms/BaseButton/BaseButton.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import './BaseButton.styles.css';
-import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
-class BaseButton extends React.Component {
-    render() {
-        const className = ['base-button', this.props.className].join(' ');
-        return (React.createElement(FocusableItem, null,
-            React.createElement("button", { ...this.props, className: className }, this.props.children)));
-    }
-}
-export default BaseButton;

package/dist/src/components/atoms/BaseButton/index.d.ts

@@ -1,2 +0,0 @@
-import BaseButton from './BaseButton';
-export default BaseButton;

package/dist/src/components/atoms/BaseButton/index.js

@@ -1,2 +0,0 @@
-import BaseButton from './BaseButton';
-export default BaseButton;

package/dist/src/components/atoms/Image/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ImgHTMLAttributes } from 'react';
-interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-}
-declare class Image extends React.Component<ImageProps> {
-    state: {
-        failed: boolean;
-    };
-    constructor(props: ImageProps);
-    handleError: () => void;
-    render(): JSX.Element | null;
-}
-export default Image;

package/dist/src/components/atoms/Image/index.js

@@ -1,34 +0,0 @@
-import React from 'react';
-class Image extends React.Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                failed: false,
-            }
-        });
-        Object.defineProperty(this, "handleError", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.setState({ failed: true });
-            }
-        });
-    }
-    render() {
-        if (this.state.failed) {
-            console.warn('Image failed to load:', this.props.src);
-            return null;
-        }
-        if (!this.props.src) {
-            console.warn('Image source is empty');
-            return null;
-        }
-        return (React.createElement("img", { alt: this.props.alt || 'Image', ...this.props, onError: this.handleError }));
-    }
-}
-export default Image;

package/dist/src/components/atoms/Rive/index.d.ts

@@ -1,221 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-declare const _default: {
-    new (props: (React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-        id: string;
-        autoFocus: boolean;
-        autoPlay: boolean;
-        src: string;
-        onLoadRiveInstance: (riveInstance: any) => void;
-    } & WithFocusableProps) | Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-        id: string;
-        autoFocus: boolean;
-        autoPlay: boolean;
-        src: string;
-        onLoadRiveInstance: (riveInstance: any) => void;
-    } & WithFocusableProps>): {
-        state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
-        navigation: import("../../../external/spatial-navigation/spatialNavigation").default;
-        getChildContext(): {
-            parentFocusKey: string;
-        };
-        setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: import("../../../external/spatial-navigation/utils").Direction, details?: import("../../../external/spatial-navigation/utils").Details) => void;
-        stealFocus: () => void;
-        onUpdateFocus: (focused: boolean) => void;
-        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onClickPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onEnterReleaseHandler: () => void;
-        onBackPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: import("../../../external/spatial-navigation/utils").Details) => boolean | void;
-        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        render(): React.ReactElement<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps, string | React.JSXElementConstructor<any>>;
-        context: any;
-        setState<K extends keyof import("../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>) => import("../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, prevState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-    };
-    new (props: React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-        id: string;
-        autoFocus: boolean;
-        autoPlay: boolean;
-        src: string;
-        onLoadRiveInstance: (riveInstance: any) => void;
-    } & WithFocusableProps, context: any): {
-        state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
-        navigation: import("../../../external/spatial-navigation/spatialNavigation").default;
-        getChildContext(): {
-            parentFocusKey: string;
-        };
-        setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: import("../../../external/spatial-navigation/utils").Direction, details?: import("../../../external/spatial-navigation/utils").Details) => void;
-        stealFocus: () => void;
-        onUpdateFocus: (focused: boolean) => void;
-        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onClickPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onEnterReleaseHandler: () => void;
-        onBackPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: import("../../../external/spatial-navigation/utils").Details) => boolean | void;
-        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
-        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        render(): React.ReactElement<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps, string | React.JSXElementConstructor<any>>;
-        context: any;
-        setState<K extends keyof import("../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>) => import("../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, prevState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
-            id: string;
-            autoFocus: boolean;
-            autoPlay: boolean;
-            src: string;
-            onLoadRiveInstance: (riveInstance: any) => void;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-    };
-    contextTypes: {
-        parentFocusKey: import("prop-types").Requireable<string>;
-    };
-    childContextTypes: {
-        parentFocusKey: import("prop-types").Requireable<string>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export default _default;

package/dist/src/components/atoms/Rive/index.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { withFocusable, } from '@/external/spatial-navigation';
-import SDK from '@/index';
-class Rive extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "riveInstance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-    }
-    componentDidMount() {
-        const canvas = document.getElementById(this.props.id);
-        if (!canvas) {
-            console.error('Canvas element not found with id:', this.props.id);
-            throw new Error('canvas not found');
-        }
-        try {
-            // Temporarily commented out due to issues with RiveCanvas import
-            // this.riveInstance = new RiveCanvas({
-            //   src: this.props.src,
-            //   canvas,
-            //   autoplay: this.props.autoPlay,
-            //   stateMachines: 'stateMachine',
-            //   onLoad: () => {
-            //     this.props.onLoadRiveInstance(this.riveInstance);
-            //   },
-            //   onLoadError: (error: any) => {
-            //     console.error('RiveCanvas load error:', error);
-            //   },
-            // });
-        }
-        catch (error) {
-            console.error('Error creating RiveCanvas:', error);
-        }
-        setTimeout(() => {
-            if (this.props.focusKey && this.props.autoFocus) {
-                SDK.getMaestroEventViewModel().navigation.setFocus(this.props.focusKey);
-            }
-        }, 0);
-    }
-    componentWillUnmount() {
-        if (this.riveInstance) {
-            this.riveInstance.cleanup();
-        }
-    }
-    render() {
-        return (React.createElement("canvas", { style: this.props.style, id: this.props.id, "data-focused": this.props.focused }));
-    }
-}
-export default withFocusable()(Rive);

package/dist/src/components/atoms/SvgIcon/AddIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './Icon';
-declare const AddIcon: (props: IconProps) => JSX.Element;
-export default AddIcon;

package/dist/src/components/atoms/SvgIcon/AddIcon.js

@@ -1,6 +0,0 @@
-import React from 'react';
-const AddIcon = (props) => {
-    return (React.createElement("svg", { width: props.width, height: props.height, viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M10.5 1V20M1 10.5H20", stroke: "#FFFFFF", strokeWidth: "2", strokeLinecap: "round" })));
-};
-export default AddIcon;

package/dist/src/components/atoms/SvgIcon/BetGeneralIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './Icon';
-declare const BetGeneralIcon: (props: IconProps) => JSX.Element;
-export default BetGeneralIcon;

package/dist/src/components/atoms/SvgIcon/BetGeneralIcon.js

@@ -1,9 +0,0 @@
-import React from 'react';
-const BetGeneralIcon = (props) => {
-    return (React.createElement("svg", { width: props.width, height: props.height, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("rect", { x: "1", y: "1", width: "46", height: "46", rx: "23", fill: "#101113" }),
-        React.createElement("rect", { x: "1", y: "1", width: "46", height: "46", rx: "23", stroke: "#A1A2A3", strokeWidth: "2" }),
-        React.createElement("path", { d: "M23.9994 25.2964L22.9624 26.3334L23.9624 27.3334L22.6661 28.6298L21.6661 27.6298L20.6476 28.6482L19.3512 27.3519L20.3697 26.3334L19.3697 25.3334L20.6661 24.037L21.6661 25.037L22.7031 24.0001L21.7031 23.0001L22.9994 21.7037L23.9994 22.7037L25.0364 21.6667L24.0364 20.6667L25.3328 19.3704L26.3328 20.3704L27.3512 19.3519L28.6476 20.6482L27.6291 21.6667L28.6291 22.6667L27.3328 23.9631L26.3328 22.9631L25.2958 24.0001L26.2958 25.0001L24.9994 26.2964L23.9994 25.2964Z", fill: "#A1A2A3" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M36.425 12.9435C36.389 12.7762 36.1471 11.8521 36.1471 11.8521C36.1471 11.8521 35.2231 11.6104 35.0558 11.5744C34.7212 11.5025 34.2407 11.4098 33.6432 11.3229C32.4502 11.1494 30.781 10.9976 28.8705 11.0844C25.0579 11.2578 20.1968 12.3884 16.2923 16.2931C12.3877 20.1978 11.2571 25.0588 11.0838 28.8714C10.9969 30.7818 11.1488 32.4509 11.3223 33.644C11.4092 34.2414 11.5019 34.7218 11.5738 35.0564C11.6097 35.2238 11.8528 36.1466 11.8528 36.1466C11.8528 36.1466 12.7755 36.3896 12.9429 36.4256C13.2774 36.4975 13.7579 36.5902 14.3553 36.6771C15.5484 36.8507 17.2175 37.0026 19.1279 36.9158C22.9405 36.7426 27.8016 35.6121 31.7065 31.7073C35.6113 27.8025 36.7419 22.9414 36.9151 19.1287C37.0019 17.2182 36.85 15.5491 36.6765 14.356C36.5896 13.7586 36.4969 13.2781 36.425 12.9435ZM17.7065 17.7073C21.1351 14.2786 25.4406 13.2424 28.9614 13.0824C30.7175 13.0025 32.2568 13.1423 33.3554 13.3021C33.8244 13.3703 34.2113 13.4419 34.4984 13.501C34.5575 13.7881 34.6291 14.175 34.6973 14.644C34.8571 15.7426 34.997 17.2818 34.9172 19.0379C34.7572 22.5587 33.7211 26.8643 30.2923 30.2931C26.8634 33.7219 22.5578 34.7579 19.0372 34.9179C17.281 34.9977 15.7419 34.8578 14.6433 34.698C14.1743 34.6297 13.7874 34.5581 13.5003 34.4991C13.4413 34.212 13.3697 33.8251 13.3015 33.3561C13.1417 32.2575 13.0019 30.7183 13.0817 28.9622C13.2418 25.4415 14.2779 21.136 17.7065 17.7073Z", fill: "#A1A2A3" })));
-};
-export default BetGeneralIcon;

package/dist/src/components/atoms/SvgIcon/BetsIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './Icon';
-declare const BetsIcon: (props: IconProps) => JSX.Element;
-export default BetsIcon;

package/dist/src/components/atoms/SvgIcon/BetsIcon.js

@@ -1,8 +0,0 @@
-import React from 'react';
-const BetsIcon = (props) => {
-    return (React.createElement("svg", { width: props.width, height: props.height, viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M38.25 43.2954H33V38.25H38.25V43.2954Z", fill: "#9D9E9F" }),
-        React.createElement("path", { d: "M28.5 28.7045V33.75H23.25V28.7045H28.5Z", fill: "#9D9E9F" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M54.75 12.75H6.75V52.5C6.75 56.2279 9.77208 59.25 13.5 59.25H58.5C62.2279 59.25 65.25 56.2279 65.25 52.5V17.25H59.25V50.25C59.25 51.4926 58.2426 52.5 57 52.5C55.7574 52.5 54.75 51.4926 54.75 50.25V12.75ZM28.5 51V47.7954H23.16C20.7244 47.7954 18.75 45.821 18.75 43.3854V41.9659H23.25V43.2954H28.5V38.25H23.16C20.7244 38.25 18.75 36.2756 18.75 33.84V28.6145C18.75 26.179 20.7244 24.2045 23.16 24.2045H28.5V21H33V24.2045H38.34C40.7756 24.2045 42.75 26.179 42.75 28.6145V30.0341H38.25V28.7045H33V33.75H38.34C40.7756 33.75 42.75 35.7244 42.75 38.16V43.3854C42.75 45.821 40.7756 47.7954 38.34 47.7954H33V51H28.5Z", fill: "#9D9E9F" })));
-};
-export default BetsIcon;

package/dist/src/components/atoms/SvgIcon/BetsWarningIcon.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { IconProps } from './Icon';
-declare class BetsWarningIcon extends React.Component<IconProps> {
-    constructor(props: IconProps);
-    render(): JSX.Element;
-}
-export default BetsWarningIcon;

package/dist/src/components/atoms/SvgIcon/BetsWarningIcon.js

@@ -1,11 +0,0 @@
-import React from 'react';
-class BetsWarningIcon extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        return (React.createElement("svg", { width: this.props.width, height: this.props.height, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 16C3 8.8203 8.8203 3 16 3C23.1797 3 29 8.8203 29 16C29 23.1797 23.1797 29 16 29C8.8203 29 3 23.1797 3 16ZM14.6001 12.0668H17.4001V9.26676H14.6001V12.0668ZM17.3333 22.6667V14H14.6667V22.6667H17.3333Z", fill: "#FFB759" })));
-    }
-}
-export default BetsWarningIcon;

package/dist/src/components/atoms/SvgIcon/BuilderIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './Icon';
-declare const BuilderIcon: (props: IconProps) => JSX.Element;
-export default BuilderIcon;

package/dist/src/components/atoms/SvgIcon/BuilderIcon.js

@@ -1,8 +0,0 @@
-import React from 'react';
-const BuilderIcon = (props) => {
-    return (React.createElement("svg", { width: props.width, height: props.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M5.25 1.25C3.84987 1.25 3.1498 1.25 2.61502 1.52248C2.14462 1.76217 1.76217 2.14462 1.52248 2.61502C1.25 3.1498 1.25 3.84987 1.25 5.25V18.75C1.25 20.1501 1.25 20.8502 1.52248 21.385C1.76217 21.8554 2.14462 22.2378 2.61502 22.4775C3.1498 22.75 3.84987 22.75 5.25 22.75H6.75C8.15013 22.75 8.8502 22.75 9.38498 22.4775C9.85538 22.2378 10.2378 21.8554 10.4775 21.385C10.75 20.8502 10.75 20.1501 10.75 18.75V5.25C10.75 3.84987 10.75 3.1498 10.4775 2.61502C10.2378 2.14462 9.85538 1.76217 9.38498 1.52248C8.8502 1.25 8.15013 1.25 6.75 1.25H5.25Z", fill: "#F3F7FF" }),
-        React.createElement("path", { d: "M13.25 5.25C13.25 3.84987 13.25 3.1498 13.5225 2.61502C13.7622 2.14462 14.1446 1.76217 14.615 1.52248C15.1498 1.25 15.8499 1.25 17.25 1.25H18.75C20.1501 1.25 20.8502 1.25 21.385 1.52248C21.8554 1.76217 22.2378 2.14462 22.4775 2.61502C22.75 3.1498 22.75 3.84987 22.75 5.25V6.75C22.75 8.15013 22.75 8.8502 22.4775 9.38498C22.2378 9.85538 21.8554 10.2378 21.385 10.4775C20.8502 10.75 20.1501 10.75 18.75 10.75H17.25C15.8499 10.75 15.1498 10.75 14.615 10.4775C14.1446 10.2378 13.7622 9.85538 13.5225 9.38498C13.25 8.8502 13.25 8.15013 13.25 6.75V5.25Z", fill: "#F3F7FF" }),
-        React.createElement("path", { d: "M17.25 13.25C15.8499 13.25 15.1498 13.25 14.615 13.5225C14.1446 13.7622 13.7622 14.1446 13.5225 14.615C13.25 15.1498 13.25 15.8499 13.25 17.25V18.75C13.25 20.1501 13.25 20.8502 13.5225 21.385C13.7622 21.8554 14.1446 22.2378 14.615 22.4775C15.1498 22.75 15.8499 22.75 17.25 22.75H18.75C20.1501 22.75 20.8502 22.75 21.385 22.4775C21.8554 22.2378 22.2378 21.8554 22.4775 21.385C22.75 20.8502 22.75 20.1501 22.75 18.75V17.25C22.75 15.8499 22.75 15.1498 22.4775 14.615C22.2378 14.1446 21.8554 13.7622 21.385 13.5225C20.8502 13.25 20.1501 13.25 18.75 13.25H17.25Z", fill: "#F3F7FF" })));
-};
-export default BuilderIcon;

package/dist/src/components/atoms/SvgIcon/ChatIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from './Icon';
-declare const ChatIcon: (props: IconProps) => JSX.Element;
-export default ChatIcon;

package/dist/src/components/atoms/SvgIcon/ChatIcon.js

@@ -1,6 +0,0 @@
-import React from 'react';
-const ChatIcon = (props) => {
-    return (React.createElement("svg", { width: props.width, height: props.height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 20.3077C3 20.1622 3.04487 20.0272 3.12152 19.9158C3.48396 19.3721 3.73959 18.988 3.92078 18.6789C4.10212 18.3696 4.18012 18.1822 4.21373 18.0371C4.23728 17.9356 4.24555 17.893 4.2506 17.8569C4.25566 17.8209 4.25941 17.7777 4.2647 17.6736C4.27129 17.5439 4.23648 17.2915 4.09725 16.7831C3.96289 16.2924 3.75483 15.6413 3.46816 14.7447C3.20249 13.9139 3 12.9666 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21H3.69231C3.30996 21 3 20.69 3 20.3077ZM8.30769 9.46154C7.92534 9.46154 7.61538 9.7715 7.61538 10.1538C7.61538 10.5362 7.92534 10.8462 8.30769 10.8462H15.6923C16.0747 10.8462 16.3846 10.5362 16.3846 10.1538C16.3846 9.7715 16.0747 9.46154 15.6923 9.46154H8.30769ZM7.61538 13.8462C7.61538 13.4638 7.92534 13.1538 8.30769 13.1538H12C12.3824 13.1538 12.6923 13.4638 12.6923 13.8462C12.6923 14.2285 12.3824 14.5385 12 14.5385H8.30769C7.92534 14.5385 7.61538 14.2285 7.61538 13.8462Z", fill: "#F3F7FF" })));
-};
-export default ChatIcon;