@zydon/plugin 1.0.5 → 1.0.7

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.
Files changed (3) hide show
  1. package/dist/components/Viewer/index.d.ts +1 -3
  2. package/dist/components/Viewer/index.js +4 -5
  3. package/package.json +1 -1
package/dist/components/Viewer/index.d.ts CHANGED
@@ -1,13 +1,11 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- type HEX = `#${string}`;
5
4
  interface ViewerProps {
6
5
  configView: ReactNode;
7
6
  appView: ReactNode;
8
- portalColor?: HEX;
9
7
  }
10
8
 
11
- declare const Viewer: ({ appView, configView, portalColor, }: ViewerProps) => react_jsx_runtime.JSX.Element;
9
+ declare const Viewer: ({ appView, configView, }: ViewerProps) => react_jsx_runtime.JSX.Element;
12
10
 
13
11
  export { Viewer as default };
package/dist/components/Viewer/index.js CHANGED
@@ -1,9 +1,8 @@
1
1
  import { createContext, useState, useCallback, useContext } from 'react';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import E2 from '@zydon/common/components/Common';
4
3
  import d from '@mui/material/Stack';
5
4
  import { styled, alpha } from '@mui/material/styles';
6
- import P from '@mui/material/Button';
5
+ import v from '@mui/material/Button';
7
6
  import B2 from '@mui/material/Drawer';
8
7
  import R2 from '@mui/material/SvgIcon';
9
8
  import M2 from '@mui/material/Tooltip';
@@ -11,9 +10,9 @@ import W2 from '@mui/material/Typography';
11
10
  import { m } from '@zydon/common/components/animate';
12
11
  import z2 from '@zydon/common/components/IconButton';
13
12
  import $2 from '@zydon/common/hooks/useToggle';
14
- import K from '@mui/material/Box';
13
+ import Y from '@mui/material/Box';
15
14
  import I2 from '@mui/material/IconButton';
16
15
 
17
- var G="view",A="control",U="appType",q="layout",J=createContext(null),Q=({children:o})=>{let[t,r]=useState(sessionStorage.getItem(A)||"on"),[i,m]=useState(sessionStorage.getItem(G)||"config"),[u,b]=useState(sessionStorage.getItem(U)||"global"),[l,H]=useState(sessionStorage.getItem(q)||"horizontal"),j1=useCallback(a=>{r(a),sessionStorage.setItem(A,a);},[]),o2=useCallback(()=>{r("off"),sessionStorage.setItem(A,"off");},[]),t2=useCallback(a=>{m(a),sessionStorage.setItem(G,a);},[]),r2=useCallback(a=>{b(a),sessionStorage.setItem(U,a);},[]),e2=useCallback(a=>{H(a),sessionStorage.setItem(q,a);},[]);return jsx(J.Provider,{value:{control:t,view:i,appType:u,layout:l,setControl:j1,hideControl:o2,changeView:t2,changeAppType:r2,changeLayout:e2},children:o})};function I(){let o=useContext(J);if(!o)throw new Error("useViewer must be used within a ViewerProvider");return o}var l2=({variant:o="full"})=>o==="full"?jsxs("svg",{width:"115",height:"27",viewBox:"0 0 115 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M17.32 0L13.8576 6.74999H0.000121785V0H17.32Z",fill:"currentColor"}),jsx("path",{d:"M27.7151 6.75004V13.5H10.3912L13.8576 6.74999L27.7151 6.75004Z",fill:"currentColor"}),jsx("path",{d:"M10.3912 13.5L6.92875 20.25H0V13.5L10.3912 13.5Z",fill:"currentColor"}),jsx("path",{d:"M27.7152 20.25V27H3.46654L6.92875 20.25L27.7152 20.25Z",fill:"currentColor"}),jsx("path",{d:"M52.3991 8.87073V6.84689H40.7694V9.34488H48.4856L40.7694 18.2806V20.3045H52.3991V17.8103H44.6829L52.3991 8.87073Z",fill:"currentColor"}),jsx("path",{d:"M61.698 19.3561L57.3057 6.84689H54.2034L59.0151 20.3045H61.3656L60.8749 21.6961C60.6652 22.2743 60.4594 22.6483 60.2497 22.814C60.04 22.9798 59.6601 23.0646 59.1022 23.0646H57.0524L57.1632 25.5626H60.2932C60.958 25.5626 61.4843 25.4546 61.8721 25.2349C62.2599 25.0152 62.5764 24.6914 62.8257 24.2635C63.075 23.8356 63.3441 23.2149 63.633 22.4093L69.1965 6.84689H66.0942L61.7019 19.3561H61.698Z",fill:"currentColor"}),jsx("path",{d:"M80.5808 8.71275C80.1139 8.08054 79.5006 7.58712 78.7448 7.22861C77.989 6.8701 77.1066 6.68891 76.1015 6.68891C74.859 6.68891 73.7431 6.97418 72.7539 7.54471C71.7646 8.11524 70.9851 8.92092 70.4192 9.96175C69.8533 11.0064 69.5685 12.2092 69.5685 13.5777C69.5685 14.9462 69.8494 16.2029 70.4034 17.2437C70.9613 18.2884 71.7329 19.0825 72.7222 19.6376C73.7115 20.1889 74.8353 20.4664 76.0936 20.4664C78.0009 20.4664 79.5045 19.7379 80.6006 18.2846L80.9528 20.3084H83.4893V1.9088H80.5769V8.71661L80.5808 8.71275ZM79.5006 16.8351C78.7646 17.6601 77.7911 18.0687 76.5842 18.0687C75.3773 18.0687 74.4079 17.6523 73.6719 16.8197C72.9359 15.987 72.5639 14.9038 72.5639 13.5738C72.5639 12.2439 72.9319 11.1876 73.6719 10.355C74.4079 9.52229 75.3813 9.10596 76.5842 9.10596C77.7872 9.10596 78.7606 9.52229 79.5006 10.355C80.2405 11.1876 80.6085 12.2786 80.6085 13.6278C80.6085 14.977 80.2405 16.0101 79.5006 16.8351Z",fill:"currentColor"}),jsx("path",{d:"M96.3853 7.55621C95.313 6.97797 94.0863 6.68885 92.7014 6.68885C91.3164 6.68885 90.0897 6.97797 89.0174 7.55621C87.945 8.13445 87.118 8.94398 86.5363 9.98867C85.9507 11.0295 85.6578 12.2284 85.6578 13.5776C85.6578 14.9268 85.9507 16.1489 86.5363 17.1935C87.1219 18.2344 87.949 19.0439 89.0174 19.6106C90.0897 20.1811 91.3164 20.4664 92.7014 20.4664C94.0863 20.4664 95.313 20.1811 96.3853 19.6106C97.4577 19.0401 98.2847 18.2344 98.8664 17.1935C99.452 16.1489 99.7449 14.9461 99.7449 13.5776C99.7449 12.2091 99.452 11.0334 98.8664 9.98867C98.2807 8.94398 97.4537 8.13445 96.3853 7.55621ZM95.6572 16.7965C94.9094 17.6292 93.9241 18.0455 92.7014 18.0455C91.4786 18.0455 90.4973 17.6292 89.7613 16.7965C89.0253 15.9638 88.6533 14.8922 88.6533 13.5776C88.6533 12.2631 89.0213 11.1914 89.7613 10.3587C90.4973 9.52608 91.4786 9.10975 92.7014 9.10975C93.9241 9.10975 94.9094 9.52608 95.6572 10.3587C96.4051 11.1914 96.7771 12.2631 96.7771 13.5776C96.7771 14.8922 96.4051 15.9638 95.6572 16.7965Z",fill:"currentColor"}),jsx("path",{d:"M113.203 8.16144C112.17 7.17843 110.833 6.68885 109.194 6.68885C107.287 6.68885 105.811 7.32877 104.77 8.60861L104.446 6.8469H101.909V20.3045H104.822V13.5237C104.822 12.1551 105.15 11.0835 105.807 10.3048C106.464 9.52608 107.366 9.13673 108.518 9.13673C109.598 9.13673 110.417 9.46826 110.975 10.1352C111.533 10.8021 111.81 11.7735 111.81 13.0533V20.3083H114.75V12.8953C114.75 10.7211 114.232 9.14444 113.199 8.16529L113.203 8.16144Z",fill:"currentColor"})]}):jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 36 36",fill:"none",children:[jsx("path",{d:"M22.486 0L17.9456 8.9728H0V0H22.486Z",fill:"currentColor"}),jsx("path",{d:"M35.8916 8.97327V17.9461H13.5137L17.946 8.97327H35.8916Z",fill:"currentColor"}),jsx("path",{d:"M13.5133 17.9457L8.97279 26.9185H0V17.9457H13.5133Z",fill:"currentColor"}),jsx("path",{d:"M35.8908 26.9193V36.0002H4.54004L8.97243 26.9193H35.8908Z",fill:"currentColor"})]}),j=l2;var t1=styled(d)({flexDirection:"row",minHeight:"100vh"}),r1=styled(d)(({theme:o})=>({maxWidth:90,flex:1,paddingTop:"1rem",paddingBottom:"2.5rem",backgroundColor:o.palette.background.default,borderRight:`1px solid ${o.palette.divider}`,gap:16,alignItems:"center","& div > svg":{width:40,height:40,marginBottom:8}})),T=styled("div")(({theme:o})=>({width:52,height:45,backgroundColor:o.palette.grey[200],borderRadius:8}));var p2=({children:o})=>jsxs(t1,{children:[jsx(r1,{children:jsxs(d,{position:"sticky",top:16,gap:2,alignItems:"center",children:[jsx(j,{variant:"mini"}),jsx(T,{}),jsx(T,{}),jsx(T,{})]})}),jsx(d,{flex:1,bgcolor:"grey.100",children:o})]}),n1=p2;var a1=styled(d)({minHeight:"100vh"}),l1=styled(d)(({theme:o})=>({flexDirection:"row",alignItems:"center",padding:"0 40px",height:64,borderBottom:`1px dashed ${o.palette.grey[200]}`})),p1=styled("div")(({theme:o})=>({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:240,backgroundColor:o.palette.primary.main,borderRadius:4,color:o.palette.primary.contrastText,fontWeight:600})),C1=styled(d)({flexDirection:"row",alignItems:"center",padding:"0 40px",height:64,gap:8}),k=styled("div")(({theme:o})=>({height:32,width:120,backgroundColor:o.palette.grey[100],borderRadius:4})),d1=styled(d)(({theme:o})=>({backgroundColor:o.palette.grey[100],flex:1,padding:"24px 40px"}));var d2=({children:o})=>jsxs(a1,{children:[jsxs(d,{children:[jsx(l1,{children:jsx(p1,{children:"Logo"})}),jsxs(C1,{children:[jsx(k,{}),jsx(k,{}),jsx(k,{}),jsx(k,{})]})]}),jsx(d1,{children:o})]}),c1=d2;var s1=styled(d)({minHeight:"100vh",flexDirection:"row"}),g1=styled(d)(({theme:o})=>({gap:16,alignItems:"center",backgroundColor:o.palette.common.white,width:88,padding:16,borderRight:`1px solid ${o.palette.grey[200]}`})),m1=styled(d)(({theme:o})=>({alignItems:"center",justifyContent:"center",width:"100%",height:56,backgroundColor:o.palette.primary.main,color:o.palette.primary.contrastText,fontWeight:600,borderRadius:4,marginBottom:8})),R=styled(d)(({theme:o})=>({width:"80%",height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),u1=styled(d)(({theme:o})=>({justifyContent:"center",alignItems:"center",backgroundColor:o.palette.common.white,height:72})),h1=styled(d)(({theme:o})=>({width:400,height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),f1=styled(d)(({theme:o})=>({backgroundColor:o.palette.grey[100],flex:1}));var c2=({children:o})=>jsxs(s1,{children:[jsxs(g1,{children:[jsx(m1,{children:"Logo"}),jsx(R,{}),jsx(R,{}),jsx(R,{})]}),jsxs(f1,{children:[jsx(u1,{children:jsx(h1,{})}),o]})]}),y1=c2;var w1=styled(d)({minHeight:"100vh",flexDirection:"row"}),L1=styled(d)(({theme:o})=>({gap:4,alignItems:"center",backgroundColor:o.palette.common.white,width:300,padding:16,borderRight:`1px solid ${o.palette.grey[200]}`})),x1=styled(d)(({theme:o})=>({width:"80%",height:56,alignItems:"center",justifyContent:"center",backgroundColor:o.palette.primary.main,color:o.palette.primary.contrastText,fontWeight:600,borderRadius:4,marginBottom:12,marginRight:"auto"})),Z=styled(d)(({theme:o})=>({width:"100%",height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),b1=styled(d)(({theme:o})=>({justifyContent:"center",alignItems:"center",backgroundColor:o.palette.common.white,height:72})),H1=styled(d)(({theme:o})=>({width:400,height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),S1=styled(d)(({theme:o})=>({backgroundColor:o.palette.grey[100],flex:1}));var s2=({children:o})=>jsxs(w1,{children:[jsxs(L1,{children:[jsx(x1,{children:"Logo"}),jsx(Z,{}),jsx(Z,{}),jsx(Z,{})]}),jsxs(S1,{children:[jsx(b1,{children:jsx(H1,{})}),o]})]}),k1=s2;var g2=({children:o,layout:t})=>{let i={horizontal:c1,full:k1,mini:y1}[t];return jsx(i,{children:o})},v1=g2;var u2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{opacity:"0.32",children:[jsx("path",{d:"M21 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7C12 6.73478 12.1054 6.48043 12.2929 6.29289C12.4804 6.10536 12.7348 6 13 6H21C21.2652 6 21.5196 6.10536 21.7071 6.29289C21.8946 6.48043 22 6.73478 22 7C22 7.26522 21.8946 7.51957 21.7071 7.70711C21.5196 7.89464 21.2652 8 21 8ZM21 12H13C12.7348 12 12.4804 11.8946 12.2929 11.7071C12.1054 11.5196 12 11.2652 12 11C12 10.7348 12.1054 10.4804 12.2929 10.2929C12.4804 10.1054 12.7348 10 13 10H21C21.2652 10 21.5196 10.1054 21.7071 10.2929C21.8946 10.4804 22 10.7348 22 11C22 11.2652 21.8946 11.5196 21.7071 11.7071C21.5196 11.8946 21.2652 12 21 12Z",fill:"currentColor"}),jsx("path",{d:"M21 16H3C2.73478 16 2.48043 15.8946 2.29289 15.7071C2.10536 15.5196 2 15.2652 2 15C2 14.7348 2.10536 14.4804 2.29289 14.2929C2.48043 14.1054 2.73478 14 3 14H21C21.2652 14 21.5196 14.1054 21.7071 14.2929C21.8946 14.4804 22 14.7348 22 15C22 15.2652 21.8946 15.5196 21.7071 15.7071C21.5196 15.8946 21.2652 16 21 16ZM13 20H3C2.73478 20 2.48043 19.8946 2.29289 19.7071C2.10536 19.5196 2 19.2652 2 19C2 18.7348 2.10536 18.4804 2.29289 18.2929C2.48043 18.1054 2.73478 18 3 18H13C13.2652 18 13.5196 18.1054 13.7071 18.2929C13.8946 18.4804 14 18.7348 14 19C14 19.2652 13.8946 19.5196 13.7071 19.7071C13.5196 19.8946 13.2652 20 13 20Z",fill:"currentColor"})]}),jsx("rect",{x:"2",y:"4",width:"8",height:"8",rx:"2",fill:"currentColor"})]}),V1=u2;var h2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{opacity:"0.32",fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12ZM12.9491 5.80725C12.5501 5.06425 11.4499 5.06425 11.051 5.80725L9.54862 8.60535L6.36352 9.2112C5.54932 9.36605 5.22022 10.319 5.77507 10.9151L8.03362 13.3415L7.61877 16.5888C7.51432 17.4065 8.39427 18.0073 9.15727 17.6394L12 16.2687L14.8428 17.6394C15.6058 18.0073 16.4857 17.4065 16.3813 16.5888L15.9664 13.3415L18.225 10.9151C18.7798 10.319 18.4507 9.36605 17.6365 9.2112L14.4514 8.60535L12.9491 5.80725Z",fill:"currentColor"}),jsx("path",{d:"M11.051 5.80725C11.4499 5.06425 12.5501 5.06425 12.9491 5.80725L14.4514 8.60535L17.6365 9.2112C18.4507 9.36605 18.7798 10.319 18.225 10.9151L15.9664 13.3415L16.3813 16.5888C16.4857 17.4065 15.6058 18.0073 14.8428 17.6394L12 16.2687L9.15727 17.6394C8.39427 18.0073 7.51432 17.4065 7.61877 16.5888L8.03362 13.3415L5.77507 10.9151C5.22022 10.319 5.54932 9.36605 6.36352 9.2112L9.54862 8.60535L11.051 5.80725Z",fill:"currentColor"})]}),I1=h2;var y2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{opacity:"0.32",d:"M3.41016 2.00012C2.71981 2.00012 2.16016 2.55977 2.16016 3.25012C2.16016 3.94048 2.71981 4.50012 3.41016 4.50012H4.25251C4.48986 4.50012 4.69436 4.66605 4.74281 4.89837C4.96591 5.96777 5.59766 8.95907 6.10461 11.0001C6.73135 13.5236 7.29935 15.342 7.6574 16.4029C8.09928 16.1467 8.61259 16 9.16016 16C10.446 16 11.5429 16.809 11.9697 17.9457C12.7178 17.9791 13.5912 18.0001 14.6046 18.0001C15.462 18.0001 16.2042 17.9851 16.8452 17.9602C17.2681 16.8159 18.3689 16 19.6602 16C20.2143 16 20.7334 16.1503 21.1789 16.4123C21.5323 15.5226 22.0073 14.0331 22.4102 11.7501C22.6992 10.1123 22.8768 8.88287 22.986 7.99032C23.1201 6.89392 22.2647 6.00012 21.1602 6.00012H7.66016L7.03891 3.51505C6.81631 2.62472 6.01636 2.00012 5.09861 2.00012H3.41016Z",fill:"currentColor"}),jsx("path",{d:"M17.5505 10.594C17.6091 10.0083 17.1491 9.49997 16.5604 9.49997C16.0492 9.49997 15.6212 9.88732 15.5703 10.396L15.2694 13.4059C15.2108 13.9917 15.6708 14.5 16.2595 14.5C16.7707 14.5 17.1987 14.1126 17.2496 13.6039L17.5505 10.594Z",fill:"currentColor"}),jsx("path",{d:"M12.7496 10.396C12.6987 9.88732 12.2707 9.49997 11.7595 9.49997C11.1708 9.49997 10.7108 10.0083 10.7694 10.594L11.0703 13.6039C11.1212 14.1126 11.5492 14.5 12.0604 14.5C12.6491 14.5 13.1091 13.9917 13.0505 13.4059L12.7496 10.396Z",fill:"currentColor"}),jsx("path",{d:"M16.6602 19C16.6602 20.6569 18.0033 22 19.6602 22C21.317 22 22.6602 20.6569 22.6602 19C22.6602 17.3432 21.317 16 19.6602 16C18.0033 16 16.6602 17.3432 16.6602 19Z",fill:"currentColor"}),jsx("path",{d:"M6.16016 19C6.16016 20.6569 7.50331 22 9.16016 22C10.817 22 12.1602 20.6569 12.1602 19C12.1602 17.3432 10.817 16 9.16016 16C7.50331 16 6.16016 17.3432 6.16016 19Z",fill:"currentColor"})]}),T1=y2;var L2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{opacity:"0.32",children:[jsx("path",{d:"M21.4286 9.6V5.6C21.4286 5.17565 21.263 4.76869 20.9683 4.46863C20.6736 4.16857 20.2739 4 19.8571 4H18C17.7239 4 17.5 4.22386 17.5 4.5V5.1C17.5 5.37614 17.7239 5.6 18 5.6H19.8571V9.6C19.8588 10.0559 19.9567 10.5061 20.144 10.9201C20.3313 11.3342 20.6038 11.7024 20.943 12C20.6038 12.2976 20.3313 12.6658 20.144 13.0799C19.9567 13.4939 19.8588 13.9441 19.8571 14.4V18.4H18C17.7239 18.4 17.5 18.6239 17.5 18.9V19.5C17.5 19.7761 17.7239 20 18 20H19.8571C20.2739 20 20.6736 19.8314 20.9683 19.5314C21.263 19.2313 21.4286 18.8243 21.4286 18.4V14.4C21.4286 13.9757 21.5941 13.5687 21.8888 13.2686C22.0644 13.0899 22.2772 12.9578 22.5087 12.8802C22.7705 12.7925 23 12.5761 23 12.3V11.7C23 11.4239 22.7705 11.2075 22.5087 11.1198C22.2772 11.0422 22.0644 10.9101 21.8888 10.7314C21.5941 10.4313 21.4286 10.0243 21.4286 9.6Z",fill:"currentColor"}),jsx("path",{d:"M4.14286 9.6V5.6H6C6.27614 5.6 6.5 5.37614 6.5 5.1V4.5C6.5 4.22386 6.27614 4 6 4H4.14286C3.72609 4 3.32639 4.16857 3.03169 4.46863C2.73699 4.76869 2.57143 5.17565 2.57143 5.6V9.6C2.57143 10.0243 2.40587 10.4313 2.11117 10.7314C1.93562 10.9101 1.72281 11.0422 1.49133 11.1198C1.2295 11.2075 1 11.4239 1 11.7V12.3C1 12.5761 1.2295 12.7925 1.49133 12.8802C1.72281 12.9578 1.93562 13.0899 2.11117 13.2686C2.40587 13.5687 2.57143 13.9757 2.57143 14.4V18.4C2.57143 18.8243 2.73699 19.2313 3.03169 19.5314C3.32639 19.8314 3.72609 20 4.14286 20H6C6.27614 20 6.5 19.7761 6.5 19.5V18.9C6.5 18.6239 6.27614 18.4 6 18.4H4.14286V14.4C4.14116 13.9441 4.04333 13.4939 3.856 13.0799C3.66866 12.6658 3.39619 12.2976 3.057 12C3.39619 11.7024 3.66866 11.3342 3.856 10.9201C4.04333 10.5061 4.14116 10.0559 4.14286 9.6Z",fill:"currentColor"})]}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.75 6.5L12.1072 8.85714H13.6072L14.25 6.5H15.75L15.1072 8.85714H16.5V10.4286H14.679L13.8218 13.5714H15.75V15.1429H13.3928L12.75 17.5H11.25L11.8928 15.1429H10.3928L9.75 17.5H8.25L8.89275 15.1429H7.5V13.5714H9.32175L10.179 10.4286H8.25V8.85714H10.6072L11.25 6.5H12.75ZM13.179 10.4286H11.679L10.8217 13.5714H12.3218L13.179 10.4286Z",fill:"currentColor"})]}),R1=L2;var x2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{opacity:"0.32",d:"M10.2858 3.91C10.2858 3.342 10.8238 2.75 11.6598 2.75C12.4958 2.75 13.0338 3.342 13.0338 3.91C13.0338 4.221 12.9218 4.491 12.7398 4.69C12.6163 4.82138 12.4896 4.94975 12.3598 5.075L12.2798 5.155C12.0956 5.33334 11.9191 5.51951 11.7508 5.713C11.4858 6.025 11.1978 6.436 11.0928 6.943C10.455 7.04826 9.84886 7.29496 9.31882 7.665L2.22382 12.657C1.29682 13.309 1.05782 14.359 1.39582 15.239C1.72782 16.105 2.58982 16.75 3.70182 16.75H6.00982C6.02582 16.113 6.07082 15.63 6.19382 15.25H3.70382C3.20082 15.25 2.90282 14.977 2.79682 14.702C2.69682 14.441 2.74282 14.126 3.08682 13.883L10.1828 8.893C10.6615 8.56204 11.2289 8.38325 11.8108 8.38C12.3985 8.36959 12.9756 8.53765 13.4658 8.862L20.8988 13.872C21.2548 14.113 21.3048 14.432 21.2068 14.695C21.1038 14.973 20.8068 15.25 20.2978 15.25H17.8078C17.9308 15.63 17.9758 16.113 17.9918 16.75H20.2978C21.4228 16.75 22.2878 16.093 22.6138 15.216C22.9438 14.326 22.6868 13.269 21.7368 12.629L14.3038 7.619C13.8161 7.29185 13.267 7.0673 12.6898 6.959C12.7398 6.878 12.8078 6.787 12.8948 6.685C13.0208 6.536 13.1688 6.387 13.3348 6.221L13.4098 6.149C13.5498 6.009 13.7048 5.857 13.8448 5.704C14.2878 5.224 14.5348 4.589 14.5348 3.909C14.5348 2.367 13.1708 1.25 11.6608 1.25C10.1508 1.25 8.78582 2.367 8.78582 3.91C8.78582 4.10891 8.86484 4.29968 9.00549 4.44033C9.14614 4.58098 9.33691 4.66 9.53582 4.66C9.73473 4.66 9.9255 4.58098 10.0661 4.44033C10.2068 4.29968 10.2858 4.10891 10.2858 3.91Z",fill:"currentColor"}),jsx("path",{d:"M6 18C6 16.114 6 15.172 6.586 14.586C7.172 14 8.114 14 10 14H14C15.886 14 16.828 14 17.414 14.586C18 15.172 18 16.114 18 18C18 19.886 18 20.828 17.414 21.414C16.828 22 15.886 22 14 22H10C8.114 22 7.172 22 6.586 21.414C6 20.828 6 19.886 6 18Z",fill:"currentColor"})]}),W1=x2;var $1=styled(d)(({theme:o})=>({padding:"24px 16px 16px",gap:16,width:"100%",flexWrap:"wrap",borderRadius:12,position:"relative",flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:o.palette.background.paper,boxShadow:`0 0 0 1px ${alpha(o.palette.grey[500],.16)}`})),A1=styled("span")(({theme:o})=>({padding:"2px 8px",top:0,marginLeft:20,left:0,borderRadius:8,position:"absolute",color:o.palette.text.primary,backgroundColor:o.palette.common.white,transform:"translateY(-50%)",fontSize:o.typography.caption.fontSize,fontWeight:600,border:`solid 1px ${alpha(o.palette.grey[500],.24)}`}));var S2=({title:o,children:t})=>jsxs($1,{children:[o&&jsx(A1,{children:o}),t]}),W=S2;var N1=styled(K,{shouldForwardProp:o=>o!=="selected"})(({theme:o,selected:t})=>({flexShrink:0,borderRadius:8,backgroundColor:o.palette.grey[500],width:10,height:10,opacity:.8,...t&&{opacity:1,background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}})),_1=styled(K,{shouldForwardProp:o=>o!=="selected"&&o!=="layout"})(({theme:o,layout:t,selected:r})=>({flexShrink:0,borderRadius:8,backgroundColor:o.palette.grey[500],width:"100%",height:4,opacity:.48,...t==="horizontal"&&{width:16},...r&&{background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}})),D1=styled(K,{shouldForwardProp:o=>o!=="selected"})(({theme:o,selected:t,layout:r})=>({flexShrink:0,borderRadius:8,backgroundColor:o.palette.grey[500],width:"100%",height:4,maxWidth:14,opacity:.24,...r==="horizontal"&&{maxWidth:10},...t&&{background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}})),F1=styled(d,{shouldForwardProp:o=>o!=="layout"})(({theme:o,layout:t})=>({gap:4,flexShrink:0,padding:6,width:32,height:"100%",borderRightWidth:1,borderRightStyle:"solid",borderRightColor:alpha(o.palette.grey[500],.08),...t==="mini"&&{width:22},...t==="horizontal"&&{width:"100%",height:22,borderRight:"none",alignItems:"center",flexDirection:"row",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:alpha(o.palette.grey[500],.08)}})),Y1=styled(P,{shouldForwardProp:o=>o!=="layout"})(({theme:o,layout:t,selected:r})=>({width:"100%",height:64,borderRadius:12,borderWidth:1,borderStyle:"solid",padding:0,borderColor:alpha(o.palette.grey[500],.08),...t==="horizontal"&&{flexDirection:"column"},...r&&{boxShadow:`-8px 8px 20px -4px ${alpha(o.palette.grey[500],.12)}`}})),K1=styled(d,{shouldForwardProp:o=>o!=="selected"})(({theme:o,selected:t})=>({width:"100%",height:"100%",opacity:.2,borderRadius:6,backgroundColor:o.palette.grey[500],...t&&{background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}}));var z=({title:o,layout:t,selected:r,onClick:i})=>jsx(M2,{title:o,children:jsxs(Y1,{variant:r?"soft":void 0,layout:t,selected:r,onClick:i,children:[jsxs(F1,{layout:t,children:[jsx(N1,{selected:r}),jsx(_1,{layout:t,selected:r}),jsx(D1,{selected:r,layout:t})]}),jsx(d,{p:.5,width:1,height:1,flexGrow:1,children:jsx(K1,{selected:r})})]})});var U1=styled(I2)(({theme:o})=>({color:o.palette.grey[600],position:"fixed",bottom:32,right:32}));var A2=()=>{let[o,t]=$2(!1),{control:r,view:i,changeView:m$1,appType:u,changeAppType:b,layout:l,changeLayout:H}=I();return jsxs(Fragment,{children:[r==="on"&&jsx(M2,{title:"Configura\xE7\xF5es",children:jsx(U1,{onClick:t,children:jsxs(R2,{component:m.svg,animate:{rotate:360},transition:{duration:8,ease:"linear",repeat:1/0},children:[jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M14.279 2.152C13.909 2 13.439 2 12.5 2s-1.408 0-1.779.152a2.008 2.008 0 0 0-1.09 1.083c-.094.223-.13.484-.145.863a1.615 1.615 0 0 1-.796 1.353a1.64 1.64 0 0 1-1.579.008c-.338-.178-.583-.276-.825-.308a2.026 2.026 0 0 0-1.49.396c-.318.242-.553.646-1.022 1.453c-.47.807-.704 1.21-.757 1.605c-.07.526.074 1.058.4 1.479c.148.192.357.353.68.555c.477.297.783.803.783 1.361c0 .558-.306 1.064-.782 1.36c-.324.203-.533.364-.682.556a1.99 1.99 0 0 0-.399 1.479c.053.394.287.798.757 1.605c.47.807.704 1.21 1.022 1.453c.424.323.96.465 1.49.396c.242-.032.487-.13.825-.308a1.64 1.64 0 0 1 1.58.008c.486.28.774.795.795 1.353c.015.38.051.64.145.863c.204.49.596.88 1.09 1.083c.37.152.84.152 1.779.152s1.409 0 1.779-.152a2.008 2.008 0 0 0 1.09-1.083c.094-.223.13-.483.145-.863c.02-.558.309-1.074.796-1.353a1.64 1.64 0 0 1 1.579-.008c.338.178.583.276.825.308c.53.07 1.066-.073 1.49-.396c.318-.242.553-.646 1.022-1.453c.47-.807.704-1.21.757-1.605a1.99 1.99 0 0 0-.4-1.479c-.148-.192-.357-.353-.68-.555c-.477-.297-.783-.803-.783-1.361c0-.558.306-1.064.782-1.36c.324-.203.533-.364.682-.556a1.99 1.99 0 0 0 .399-1.479c-.053-.394-.287-.798-.757-1.605c-.47-.807-.704-1.21-1.022-1.453a2.026 2.026 0 0 0-1.49-.396c-.242.032-.487.13-.825.308a1.64 1.64 0 0 1-1.58-.008a1.615 1.615 0 0 1-.795-1.353c-.015-.38-.051-.64-.145-.863a2.007 2.007 0 0 0-1.09-1.083",clipRule:"evenodd",opacity:"0.5"}),jsx("path",{fill:"currentColor",d:"M15.523 12c0 1.657-1.354 3-3.023 3c-1.67 0-3.023-1.343-3.023-3S10.83 9 12.5 9c1.67 0 3.023 1.343 3.023 3"})]})})}),jsx(B2,{open:o&&r==="on",onClose:t,anchor:"right",PaperProps:{sx:{p:2,width:400}},children:jsxs(d,{gap:4,children:[jsxs(d,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[jsx(W2,{variant:"subtitle1",fontWeight:700,children:"Configura\xE7\xF5es"}),jsx(z2,{onClick:t,icon:"CLOSE_MARK_BUTTON",label:"Fechar",color:"grey.500"})]}),jsx(W,{title:"Modo",children:jsxs(d,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:1,width:1,children:[jsx(P,{startIcon:jsx(R1,{}),variant:i==="config"?"contained":void 0,size:"large",fullWidth:!0,onClick:()=>m$1("config"),children:"Admin"}),jsx(P,{startIcon:jsx(I1,{}),variant:i==="app"?"contained":void 0,size:"large",fullWidth:!0,onClick:()=>m$1("app"),children:"Plugin"})]})}),i==="app"&&jsxs(Fragment,{children:[jsx(W,{title:"Tipo de plugin",children:jsxs(d,{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:1,width:1,children:[jsx(P,{startIcon:jsx(V1,{}),variant:u==="global"?"contained":void 0,onClick:()=>b("global"),children:"Global"}),jsx(P,{startIcon:jsx(T1,{}),variant:u==="checkout"?"contained":void 0,onClick:()=>b("checkout"),children:"Checkout"}),jsx(P,{startIcon:jsx(W1,{}),disabled:!0,children:"Produto"})]})}),jsx(W,{title:"Layout",children:jsxs(d,{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:2,width:1,children:[jsx(z,{title:"Layout Mini",layout:"mini",selected:l==="mini",onClick:()=>H("mini")}),jsx(z,{title:"Layout Vertical",layout:"full",selected:l==="full",onClick:()=>H("full")}),jsx(z,{title:"Layout Horizontal",layout:"horizontal",selected:l==="horizontal",onClick:()=>H("horizontal")})]})})]})]})})]})},J1=A2;var N2=({configView:o,appView:t,portalColor:r="#000000"})=>{let{view:i,appType:m,layout:u}=I();return jsxs(E2,{primaryColor:i==="config"?"#4E5BEC":r,children:[jsx(i==="config"?l=>jsx(n1,{...l}):l=>jsx(v1,{...l,mode:m,layout:u}),{children:i==="config"?o:t}),jsx(J1,{})]})},Q1=N2;var D2=({appView:o,configView:t,portalColor:r="#000000"})=>jsx(Q,{children:jsx(Q1,{configView:t,appView:o,portalColor:r})}),R0=D2;
16
+ var G="view",$="control",U="appType",q="layout",J=createContext(null),Q=({children:o})=>{let[t,e]=useState(sessionStorage.getItem($)||"on"),[n,m]=useState(sessionStorage.getItem(G)||"config"),[x,l]=useState(sessionStorage.getItem(U)||"global"),[H,b]=useState(sessionStorage.getItem(q)||"horizontal"),j1=useCallback(a=>{e(a),sessionStorage.setItem($,a);},[]),o2=useCallback(()=>{e("off"),sessionStorage.setItem($,"off");},[]),t2=useCallback(a=>{m(a),sessionStorage.setItem(G,a);},[]),r2=useCallback(a=>{l(a),sessionStorage.setItem(U,a);},[]),e2=useCallback(a=>{b(a),sessionStorage.setItem(q,a);},[]);return jsx(J.Provider,{value:{control:t,view:n,appType:x,layout:H,setControl:j1,hideControl:o2,changeView:t2,changeAppType:r2,changeLayout:e2},children:o})};function I(){let o=useContext(J);if(!o)throw new Error("useViewer must be used within a ViewerProvider");return o}var l2=({variant:o="full"})=>o==="full"?jsxs("svg",{width:"115",height:"27",viewBox:"0 0 115 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M17.32 0L13.8576 6.74999H0.000121785V0H17.32Z",fill:"currentColor"}),jsx("path",{d:"M27.7151 6.75004V13.5H10.3912L13.8576 6.74999L27.7151 6.75004Z",fill:"currentColor"}),jsx("path",{d:"M10.3912 13.5L6.92875 20.25H0V13.5L10.3912 13.5Z",fill:"currentColor"}),jsx("path",{d:"M27.7152 20.25V27H3.46654L6.92875 20.25L27.7152 20.25Z",fill:"currentColor"}),jsx("path",{d:"M52.3991 8.87073V6.84689H40.7694V9.34488H48.4856L40.7694 18.2806V20.3045H52.3991V17.8103H44.6829L52.3991 8.87073Z",fill:"currentColor"}),jsx("path",{d:"M61.698 19.3561L57.3057 6.84689H54.2034L59.0151 20.3045H61.3656L60.8749 21.6961C60.6652 22.2743 60.4594 22.6483 60.2497 22.814C60.04 22.9798 59.6601 23.0646 59.1022 23.0646H57.0524L57.1632 25.5626H60.2932C60.958 25.5626 61.4843 25.4546 61.8721 25.2349C62.2599 25.0152 62.5764 24.6914 62.8257 24.2635C63.075 23.8356 63.3441 23.2149 63.633 22.4093L69.1965 6.84689H66.0942L61.7019 19.3561H61.698Z",fill:"currentColor"}),jsx("path",{d:"M80.5808 8.71275C80.1139 8.08054 79.5006 7.58712 78.7448 7.22861C77.989 6.8701 77.1066 6.68891 76.1015 6.68891C74.859 6.68891 73.7431 6.97418 72.7539 7.54471C71.7646 8.11524 70.9851 8.92092 70.4192 9.96175C69.8533 11.0064 69.5685 12.2092 69.5685 13.5777C69.5685 14.9462 69.8494 16.2029 70.4034 17.2437C70.9613 18.2884 71.7329 19.0825 72.7222 19.6376C73.7115 20.1889 74.8353 20.4664 76.0936 20.4664C78.0009 20.4664 79.5045 19.7379 80.6006 18.2846L80.9528 20.3084H83.4893V1.9088H80.5769V8.71661L80.5808 8.71275ZM79.5006 16.8351C78.7646 17.6601 77.7911 18.0687 76.5842 18.0687C75.3773 18.0687 74.4079 17.6523 73.6719 16.8197C72.9359 15.987 72.5639 14.9038 72.5639 13.5738C72.5639 12.2439 72.9319 11.1876 73.6719 10.355C74.4079 9.52229 75.3813 9.10596 76.5842 9.10596C77.7872 9.10596 78.7606 9.52229 79.5006 10.355C80.2405 11.1876 80.6085 12.2786 80.6085 13.6278C80.6085 14.977 80.2405 16.0101 79.5006 16.8351Z",fill:"currentColor"}),jsx("path",{d:"M96.3853 7.55621C95.313 6.97797 94.0863 6.68885 92.7014 6.68885C91.3164 6.68885 90.0897 6.97797 89.0174 7.55621C87.945 8.13445 87.118 8.94398 86.5363 9.98867C85.9507 11.0295 85.6578 12.2284 85.6578 13.5776C85.6578 14.9268 85.9507 16.1489 86.5363 17.1935C87.1219 18.2344 87.949 19.0439 89.0174 19.6106C90.0897 20.1811 91.3164 20.4664 92.7014 20.4664C94.0863 20.4664 95.313 20.1811 96.3853 19.6106C97.4577 19.0401 98.2847 18.2344 98.8664 17.1935C99.452 16.1489 99.7449 14.9461 99.7449 13.5776C99.7449 12.2091 99.452 11.0334 98.8664 9.98867C98.2807 8.94398 97.4537 8.13445 96.3853 7.55621ZM95.6572 16.7965C94.9094 17.6292 93.9241 18.0455 92.7014 18.0455C91.4786 18.0455 90.4973 17.6292 89.7613 16.7965C89.0253 15.9638 88.6533 14.8922 88.6533 13.5776C88.6533 12.2631 89.0213 11.1914 89.7613 10.3587C90.4973 9.52608 91.4786 9.10975 92.7014 9.10975C93.9241 9.10975 94.9094 9.52608 95.6572 10.3587C96.4051 11.1914 96.7771 12.2631 96.7771 13.5776C96.7771 14.8922 96.4051 15.9638 95.6572 16.7965Z",fill:"currentColor"}),jsx("path",{d:"M113.203 8.16144C112.17 7.17843 110.833 6.68885 109.194 6.68885C107.287 6.68885 105.811 7.32877 104.77 8.60861L104.446 6.8469H101.909V20.3045H104.822V13.5237C104.822 12.1551 105.15 11.0835 105.807 10.3048C106.464 9.52608 107.366 9.13673 108.518 9.13673C109.598 9.13673 110.417 9.46826 110.975 10.1352C111.533 10.8021 111.81 11.7735 111.81 13.0533V20.3083H114.75V12.8953C114.75 10.7211 114.232 9.14444 113.199 8.16529L113.203 8.16144Z",fill:"currentColor"})]}):jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 36 36",fill:"none",children:[jsx("path",{d:"M22.486 0L17.9456 8.9728H0V0H22.486Z",fill:"currentColor"}),jsx("path",{d:"M35.8916 8.97327V17.9461H13.5137L17.946 8.97327H35.8916Z",fill:"currentColor"}),jsx("path",{d:"M13.5133 17.9457L8.97279 26.9185H0V17.9457H13.5133Z",fill:"currentColor"}),jsx("path",{d:"M35.8908 26.9193V36.0002H4.54004L8.97243 26.9193H35.8908Z",fill:"currentColor"})]}),j=l2;var t1=styled(d)({flexDirection:"row",minHeight:"100vh"}),r1=styled(d)(({theme:o})=>({maxWidth:90,flex:1,paddingTop:"1rem",paddingBottom:"2.5rem",backgroundColor:o.palette.background.default,borderRight:`1px solid ${o.palette.divider}`,gap:16,alignItems:"center","& div > svg":{width:40,height:40,marginBottom:8}})),T=styled("div")(({theme:o})=>({width:52,height:45,backgroundColor:o.palette.grey[200],borderRadius:8}));var p2=({children:o})=>jsxs(t1,{children:[jsx(r1,{children:jsxs(d,{position:"sticky",top:16,gap:2,alignItems:"center",children:[jsx(j,{variant:"mini"}),jsx(T,{}),jsx(T,{}),jsx(T,{})]})}),jsx(d,{flex:1,bgcolor:"grey.100",children:o})]}),n1=p2;var a1=styled(d)({minHeight:"100vh"}),l1=styled(d)(({theme:o})=>({flexDirection:"row",alignItems:"center",padding:"0 40px",height:64,borderBottom:`1px dashed ${o.palette.grey[200]}`})),p1=styled("div")(({theme:o})=>({display:"flex",alignItems:"center",justifyContent:"center",height:48,width:240,backgroundColor:o.palette.primary.main,borderRadius:4,color:o.palette.primary.contrastText,fontWeight:600})),C1=styled(d)({flexDirection:"row",alignItems:"center",padding:"0 40px",height:64,gap:8}),k=styled("div")(({theme:o})=>({height:32,width:120,backgroundColor:o.palette.grey[100],borderRadius:4})),d1=styled(d)(({theme:o})=>({backgroundColor:o.palette.grey[100],flex:1,padding:"24px 40px"}));var d2=({children:o})=>jsxs(a1,{children:[jsxs(d,{children:[jsx(l1,{children:jsx(p1,{children:"Logo"})}),jsxs(C1,{children:[jsx(k,{}),jsx(k,{}),jsx(k,{}),jsx(k,{})]})]}),jsx(d1,{children:o})]}),c1=d2;var s1=styled(d)({minHeight:"100vh",flexDirection:"row"}),g1=styled(d)(({theme:o})=>({gap:16,alignItems:"center",backgroundColor:o.palette.common.white,width:88,padding:16,borderRight:`1px solid ${o.palette.grey[200]}`})),m1=styled(d)(({theme:o})=>({alignItems:"center",justifyContent:"center",width:"100%",height:56,backgroundColor:o.palette.primary.main,color:o.palette.primary.contrastText,fontWeight:600,borderRadius:4,marginBottom:8})),R=styled(d)(({theme:o})=>({width:"80%",height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),h1=styled(d)(({theme:o})=>({justifyContent:"center",alignItems:"center",backgroundColor:o.palette.common.white,height:72})),u1=styled(d)(({theme:o})=>({width:400,height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),f1=styled(d)(({theme:o})=>({backgroundColor:o.palette.grey[100],flex:1}));var c2=({children:o})=>jsxs(s1,{children:[jsxs(g1,{children:[jsx(m1,{children:"Logo"}),jsx(R,{}),jsx(R,{}),jsx(R,{})]}),jsxs(f1,{children:[jsx(h1,{children:jsx(u1,{})}),o]})]}),y1=c2;var w1=styled(d)({minHeight:"100vh",flexDirection:"row"}),L1=styled(d)(({theme:o})=>({gap:4,alignItems:"center",backgroundColor:o.palette.common.white,width:300,padding:16,borderRight:`1px solid ${o.palette.grey[200]}`})),x1=styled(d)(({theme:o})=>({width:"80%",height:56,alignItems:"center",justifyContent:"center",backgroundColor:o.palette.primary.main,color:o.palette.primary.contrastText,fontWeight:600,borderRadius:4,marginBottom:12,marginRight:"auto"})),Z=styled(d)(({theme:o})=>({width:"100%",height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),H1=styled(d)(({theme:o})=>({justifyContent:"center",alignItems:"center",backgroundColor:o.palette.common.white,height:72})),b1=styled(d)(({theme:o})=>({width:400,height:40,backgroundColor:o.palette.grey[200],borderRadius:4})),S1=styled(d)(({theme:o})=>({backgroundColor:o.palette.grey[100],flex:1}));var s2=({children:o})=>jsxs(w1,{children:[jsxs(L1,{children:[jsx(x1,{children:"Logo"}),jsx(Z,{}),jsx(Z,{}),jsx(Z,{})]}),jsxs(S1,{children:[jsx(H1,{children:jsx(b1,{})}),o]})]}),k1=s2;var g2=({children:o,layout:t})=>{let n={horizontal:c1,full:k1,mini:y1}[t];return jsx(n,{children:o})},P1=g2;var h2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{opacity:"0.32",children:[jsx("path",{d:"M21 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7C12 6.73478 12.1054 6.48043 12.2929 6.29289C12.4804 6.10536 12.7348 6 13 6H21C21.2652 6 21.5196 6.10536 21.7071 6.29289C21.8946 6.48043 22 6.73478 22 7C22 7.26522 21.8946 7.51957 21.7071 7.70711C21.5196 7.89464 21.2652 8 21 8ZM21 12H13C12.7348 12 12.4804 11.8946 12.2929 11.7071C12.1054 11.5196 12 11.2652 12 11C12 10.7348 12.1054 10.4804 12.2929 10.2929C12.4804 10.1054 12.7348 10 13 10H21C21.2652 10 21.5196 10.1054 21.7071 10.2929C21.8946 10.4804 22 10.7348 22 11C22 11.2652 21.8946 11.5196 21.7071 11.7071C21.5196 11.8946 21.2652 12 21 12Z",fill:"currentColor"}),jsx("path",{d:"M21 16H3C2.73478 16 2.48043 15.8946 2.29289 15.7071C2.10536 15.5196 2 15.2652 2 15C2 14.7348 2.10536 14.4804 2.29289 14.2929C2.48043 14.1054 2.73478 14 3 14H21C21.2652 14 21.5196 14.1054 21.7071 14.2929C21.8946 14.4804 22 14.7348 22 15C22 15.2652 21.8946 15.5196 21.7071 15.7071C21.5196 15.8946 21.2652 16 21 16ZM13 20H3C2.73478 20 2.48043 19.8946 2.29289 19.7071C2.10536 19.5196 2 19.2652 2 19C2 18.7348 2.10536 18.4804 2.29289 18.2929C2.48043 18.1054 2.73478 18 3 18H13C13.2652 18 13.5196 18.1054 13.7071 18.2929C13.8946 18.4804 14 18.7348 14 19C14 19.2652 13.8946 19.5196 13.7071 19.7071C13.5196 19.8946 13.2652 20 13 20Z",fill:"currentColor"})]}),jsx("rect",{x:"2",y:"4",width:"8",height:"8",rx:"2",fill:"currentColor"})]}),V1=h2;var u2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{opacity:"0.32",fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12ZM12.9491 5.80725C12.5501 5.06425 11.4499 5.06425 11.051 5.80725L9.54862 8.60535L6.36352 9.2112C5.54932 9.36605 5.22022 10.319 5.77507 10.9151L8.03362 13.3415L7.61877 16.5888C7.51432 17.4065 8.39427 18.0073 9.15727 17.6394L12 16.2687L14.8428 17.6394C15.6058 18.0073 16.4857 17.4065 16.3813 16.5888L15.9664 13.3415L18.225 10.9151C18.7798 10.319 18.4507 9.36605 17.6365 9.2112L14.4514 8.60535L12.9491 5.80725Z",fill:"currentColor"}),jsx("path",{d:"M11.051 5.80725C11.4499 5.06425 12.5501 5.06425 12.9491 5.80725L14.4514 8.60535L17.6365 9.2112C18.4507 9.36605 18.7798 10.319 18.225 10.9151L15.9664 13.3415L16.3813 16.5888C16.4857 17.4065 15.6058 18.0073 14.8428 17.6394L12 16.2687L9.15727 17.6394C8.39427 18.0073 7.51432 17.4065 7.61877 16.5888L8.03362 13.3415L5.77507 10.9151C5.22022 10.319 5.54932 9.36605 6.36352 9.2112L9.54862 8.60535L11.051 5.80725Z",fill:"currentColor"})]}),I1=u2;var y2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{opacity:"0.32",d:"M3.41016 2.00012C2.71981 2.00012 2.16016 2.55977 2.16016 3.25012C2.16016 3.94048 2.71981 4.50012 3.41016 4.50012H4.25251C4.48986 4.50012 4.69436 4.66605 4.74281 4.89837C4.96591 5.96777 5.59766 8.95907 6.10461 11.0001C6.73135 13.5236 7.29935 15.342 7.6574 16.4029C8.09928 16.1467 8.61259 16 9.16016 16C10.446 16 11.5429 16.809 11.9697 17.9457C12.7178 17.9791 13.5912 18.0001 14.6046 18.0001C15.462 18.0001 16.2042 17.9851 16.8452 17.9602C17.2681 16.8159 18.3689 16 19.6602 16C20.2143 16 20.7334 16.1503 21.1789 16.4123C21.5323 15.5226 22.0073 14.0331 22.4102 11.7501C22.6992 10.1123 22.8768 8.88287 22.986 7.99032C23.1201 6.89392 22.2647 6.00012 21.1602 6.00012H7.66016L7.03891 3.51505C6.81631 2.62472 6.01636 2.00012 5.09861 2.00012H3.41016Z",fill:"currentColor"}),jsx("path",{d:"M17.5505 10.594C17.6091 10.0083 17.1491 9.49997 16.5604 9.49997C16.0492 9.49997 15.6212 9.88732 15.5703 10.396L15.2694 13.4059C15.2108 13.9917 15.6708 14.5 16.2595 14.5C16.7707 14.5 17.1987 14.1126 17.2496 13.6039L17.5505 10.594Z",fill:"currentColor"}),jsx("path",{d:"M12.7496 10.396C12.6987 9.88732 12.2707 9.49997 11.7595 9.49997C11.1708 9.49997 10.7108 10.0083 10.7694 10.594L11.0703 13.6039C11.1212 14.1126 11.5492 14.5 12.0604 14.5C12.6491 14.5 13.1091 13.9917 13.0505 13.4059L12.7496 10.396Z",fill:"currentColor"}),jsx("path",{d:"M16.6602 19C16.6602 20.6569 18.0033 22 19.6602 22C21.317 22 22.6602 20.6569 22.6602 19C22.6602 17.3432 21.317 16 19.6602 16C18.0033 16 16.6602 17.3432 16.6602 19Z",fill:"currentColor"}),jsx("path",{d:"M6.16016 19C6.16016 20.6569 7.50331 22 9.16016 22C10.817 22 12.1602 20.6569 12.1602 19C12.1602 17.3432 10.817 16 9.16016 16C7.50331 16 6.16016 17.3432 6.16016 19Z",fill:"currentColor"})]}),T1=y2;var L2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxs("g",{opacity:"0.32",children:[jsx("path",{d:"M21.4286 9.6V5.6C21.4286 5.17565 21.263 4.76869 20.9683 4.46863C20.6736 4.16857 20.2739 4 19.8571 4H18C17.7239 4 17.5 4.22386 17.5 4.5V5.1C17.5 5.37614 17.7239 5.6 18 5.6H19.8571V9.6C19.8588 10.0559 19.9567 10.5061 20.144 10.9201C20.3313 11.3342 20.6038 11.7024 20.943 12C20.6038 12.2976 20.3313 12.6658 20.144 13.0799C19.9567 13.4939 19.8588 13.9441 19.8571 14.4V18.4H18C17.7239 18.4 17.5 18.6239 17.5 18.9V19.5C17.5 19.7761 17.7239 20 18 20H19.8571C20.2739 20 20.6736 19.8314 20.9683 19.5314C21.263 19.2313 21.4286 18.8243 21.4286 18.4V14.4C21.4286 13.9757 21.5941 13.5687 21.8888 13.2686C22.0644 13.0899 22.2772 12.9578 22.5087 12.8802C22.7705 12.7925 23 12.5761 23 12.3V11.7C23 11.4239 22.7705 11.2075 22.5087 11.1198C22.2772 11.0422 22.0644 10.9101 21.8888 10.7314C21.5941 10.4313 21.4286 10.0243 21.4286 9.6Z",fill:"currentColor"}),jsx("path",{d:"M4.14286 9.6V5.6H6C6.27614 5.6 6.5 5.37614 6.5 5.1V4.5C6.5 4.22386 6.27614 4 6 4H4.14286C3.72609 4 3.32639 4.16857 3.03169 4.46863C2.73699 4.76869 2.57143 5.17565 2.57143 5.6V9.6C2.57143 10.0243 2.40587 10.4313 2.11117 10.7314C1.93562 10.9101 1.72281 11.0422 1.49133 11.1198C1.2295 11.2075 1 11.4239 1 11.7V12.3C1 12.5761 1.2295 12.7925 1.49133 12.8802C1.72281 12.9578 1.93562 13.0899 2.11117 13.2686C2.40587 13.5687 2.57143 13.9757 2.57143 14.4V18.4C2.57143 18.8243 2.73699 19.2313 3.03169 19.5314C3.32639 19.8314 3.72609 20 4.14286 20H6C6.27614 20 6.5 19.7761 6.5 19.5V18.9C6.5 18.6239 6.27614 18.4 6 18.4H4.14286V14.4C4.14116 13.9441 4.04333 13.4939 3.856 13.0799C3.66866 12.6658 3.39619 12.2976 3.057 12C3.39619 11.7024 3.66866 11.3342 3.856 10.9201C4.04333 10.5061 4.14116 10.0559 4.14286 9.6Z",fill:"currentColor"})]}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.75 6.5L12.1072 8.85714H13.6072L14.25 6.5H15.75L15.1072 8.85714H16.5V10.4286H14.679L13.8218 13.5714H15.75V15.1429H13.3928L12.75 17.5H11.25L11.8928 15.1429H10.3928L9.75 17.5H8.25L8.89275 15.1429H7.5V13.5714H9.32175L10.179 10.4286H8.25V8.85714H10.6072L11.25 6.5H12.75ZM13.179 10.4286H11.679L10.8217 13.5714H12.3218L13.179 10.4286Z",fill:"currentColor"})]}),R1=L2;var x2=()=>jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{opacity:"0.32",d:"M10.2858 3.91C10.2858 3.342 10.8238 2.75 11.6598 2.75C12.4958 2.75 13.0338 3.342 13.0338 3.91C13.0338 4.221 12.9218 4.491 12.7398 4.69C12.6163 4.82138 12.4896 4.94975 12.3598 5.075L12.2798 5.155C12.0956 5.33334 11.9191 5.51951 11.7508 5.713C11.4858 6.025 11.1978 6.436 11.0928 6.943C10.455 7.04826 9.84886 7.29496 9.31882 7.665L2.22382 12.657C1.29682 13.309 1.05782 14.359 1.39582 15.239C1.72782 16.105 2.58982 16.75 3.70182 16.75H6.00982C6.02582 16.113 6.07082 15.63 6.19382 15.25H3.70382C3.20082 15.25 2.90282 14.977 2.79682 14.702C2.69682 14.441 2.74282 14.126 3.08682 13.883L10.1828 8.893C10.6615 8.56204 11.2289 8.38325 11.8108 8.38C12.3985 8.36959 12.9756 8.53765 13.4658 8.862L20.8988 13.872C21.2548 14.113 21.3048 14.432 21.2068 14.695C21.1038 14.973 20.8068 15.25 20.2978 15.25H17.8078C17.9308 15.63 17.9758 16.113 17.9918 16.75H20.2978C21.4228 16.75 22.2878 16.093 22.6138 15.216C22.9438 14.326 22.6868 13.269 21.7368 12.629L14.3038 7.619C13.8161 7.29185 13.267 7.0673 12.6898 6.959C12.7398 6.878 12.8078 6.787 12.8948 6.685C13.0208 6.536 13.1688 6.387 13.3348 6.221L13.4098 6.149C13.5498 6.009 13.7048 5.857 13.8448 5.704C14.2878 5.224 14.5348 4.589 14.5348 3.909C14.5348 2.367 13.1708 1.25 11.6608 1.25C10.1508 1.25 8.78582 2.367 8.78582 3.91C8.78582 4.10891 8.86484 4.29968 9.00549 4.44033C9.14614 4.58098 9.33691 4.66 9.53582 4.66C9.73473 4.66 9.9255 4.58098 10.0661 4.44033C10.2068 4.29968 10.2858 4.10891 10.2858 3.91Z",fill:"currentColor"}),jsx("path",{d:"M6 18C6 16.114 6 15.172 6.586 14.586C7.172 14 8.114 14 10 14H14C15.886 14 16.828 14 17.414 14.586C18 15.172 18 16.114 18 18C18 19.886 18 20.828 17.414 21.414C16.828 22 15.886 22 14 22H10C8.114 22 7.172 22 6.586 21.414C6 20.828 6 19.886 6 18Z",fill:"currentColor"})]}),W1=x2;var $1=styled(d)(({theme:o})=>({padding:"24px 16px 16px",gap:16,width:"100%",flexWrap:"wrap",borderRadius:12,position:"relative",flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:o.palette.background.paper,boxShadow:`0 0 0 1px ${alpha(o.palette.grey[500],.16)}`})),A1=styled("span")(({theme:o})=>({padding:"2px 8px",top:0,marginLeft:20,left:0,borderRadius:8,position:"absolute",color:o.palette.text.primary,backgroundColor:o.palette.common.white,transform:"translateY(-50%)",fontSize:o.typography.caption.fontSize,fontWeight:600,border:`solid 1px ${alpha(o.palette.grey[500],.24)}`}));var S2=({title:o,children:t})=>jsxs($1,{children:[o&&jsx(A1,{children:o}),t]}),W=S2;var N1=styled(Y,{shouldForwardProp:o=>o!=="selected"})(({theme:o,selected:t})=>({flexShrink:0,borderRadius:8,backgroundColor:o.palette.grey[500],width:10,height:10,opacity:.8,...t&&{opacity:1,background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}})),_1=styled(Y,{shouldForwardProp:o=>o!=="selected"&&o!=="layout"})(({theme:o,layout:t,selected:e})=>({flexShrink:0,borderRadius:8,backgroundColor:o.palette.grey[500],width:"100%",height:4,opacity:.48,...t==="horizontal"&&{width:16},...e&&{background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}})),D1=styled(Y,{shouldForwardProp:o=>o!=="selected"})(({theme:o,selected:t,layout:e})=>({flexShrink:0,borderRadius:8,backgroundColor:o.palette.grey[500],width:"100%",height:4,maxWidth:14,opacity:.24,...e==="horizontal"&&{maxWidth:10},...t&&{background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}})),F1=styled(d,{shouldForwardProp:o=>o!=="layout"})(({theme:o,layout:t})=>({gap:4,flexShrink:0,padding:6,width:32,height:"100%",borderRightWidth:1,borderRightStyle:"solid",borderRightColor:alpha(o.palette.grey[500],.08),...t==="mini"&&{width:22},...t==="horizontal"&&{width:"100%",height:22,borderRight:"none",alignItems:"center",flexDirection:"row",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:alpha(o.palette.grey[500],.08)}})),Y1=styled(v,{shouldForwardProp:o=>o!=="layout"})(({theme:o,layout:t,selected:e})=>({width:"100%",height:64,borderRadius:12,borderWidth:1,borderStyle:"solid",padding:0,borderColor:alpha(o.palette.grey[500],.08),...t==="horizontal"&&{flexDirection:"column"},...e&&{boxShadow:`-8px 8px 20px -4px ${alpha(o.palette.grey[500],.12)}`}})),K1=styled(d,{shouldForwardProp:o=>o!=="selected"})(({theme:o,selected:t})=>({width:"100%",height:"100%",opacity:.2,borderRadius:6,backgroundColor:o.palette.grey[500],...t&&{background:`linear-gradient(135deg, ${o.palette.primary.light} 0%, ${o.palette.primary.main} 100%)`}}));var z=({title:o,layout:t,selected:e,onClick:n})=>jsx(M2,{title:o,children:jsxs(Y1,{variant:e?"soft":void 0,layout:t,selected:e,onClick:n,children:[jsxs(F1,{layout:t,children:[jsx(N1,{selected:e}),jsx(_1,{layout:t,selected:e}),jsx(D1,{selected:e,layout:t})]}),jsx(d,{p:.5,width:1,height:1,flexGrow:1,children:jsx(K1,{selected:e})})]})});var U1=styled(I2)(({theme:o})=>({color:o.palette.grey[600],position:"fixed",bottom:32,right:32}));var A2=()=>{let[o,t]=$2(!1),{control:e,view:n,changeView:m$1,appType:x,changeAppType:l,layout:H,changeLayout:b}=I();return jsxs(Fragment,{children:[e==="on"&&jsx(M2,{title:"Configura\xE7\xF5es",children:jsx(U1,{onClick:t,children:jsxs(R2,{component:m.svg,animate:{rotate:360},transition:{duration:8,ease:"linear",repeat:1/0},children:[jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M14.279 2.152C13.909 2 13.439 2 12.5 2s-1.408 0-1.779.152a2.008 2.008 0 0 0-1.09 1.083c-.094.223-.13.484-.145.863a1.615 1.615 0 0 1-.796 1.353a1.64 1.64 0 0 1-1.579.008c-.338-.178-.583-.276-.825-.308a2.026 2.026 0 0 0-1.49.396c-.318.242-.553.646-1.022 1.453c-.47.807-.704 1.21-.757 1.605c-.07.526.074 1.058.4 1.479c.148.192.357.353.68.555c.477.297.783.803.783 1.361c0 .558-.306 1.064-.782 1.36c-.324.203-.533.364-.682.556a1.99 1.99 0 0 0-.399 1.479c.053.394.287.798.757 1.605c.47.807.704 1.21 1.022 1.453c.424.323.96.465 1.49.396c.242-.032.487-.13.825-.308a1.64 1.64 0 0 1 1.58.008c.486.28.774.795.795 1.353c.015.38.051.64.145.863c.204.49.596.88 1.09 1.083c.37.152.84.152 1.779.152s1.409 0 1.779-.152a2.008 2.008 0 0 0 1.09-1.083c.094-.223.13-.483.145-.863c.02-.558.309-1.074.796-1.353a1.64 1.64 0 0 1 1.579-.008c.338.178.583.276.825.308c.53.07 1.066-.073 1.49-.396c.318-.242.553-.646 1.022-1.453c.47-.807.704-1.21.757-1.605a1.99 1.99 0 0 0-.4-1.479c-.148-.192-.357-.353-.68-.555c-.477-.297-.783-.803-.783-1.361c0-.558.306-1.064.782-1.36c.324-.203.533-.364.682-.556a1.99 1.99 0 0 0 .399-1.479c-.053-.394-.287-.798-.757-1.605c-.47-.807-.704-1.21-1.022-1.453a2.026 2.026 0 0 0-1.49-.396c-.242.032-.487.13-.825.308a1.64 1.64 0 0 1-1.58-.008a1.615 1.615 0 0 1-.795-1.353c-.015-.38-.051-.64-.145-.863a2.007 2.007 0 0 0-1.09-1.083",clipRule:"evenodd",opacity:"0.5"}),jsx("path",{fill:"currentColor",d:"M15.523 12c0 1.657-1.354 3-3.023 3c-1.67 0-3.023-1.343-3.023-3S10.83 9 12.5 9c1.67 0 3.023 1.343 3.023 3"})]})})}),jsx(B2,{open:o&&e==="on",onClose:t,anchor:"right",PaperProps:{sx:{p:2,width:400}},children:jsxs(d,{gap:4,children:[jsxs(d,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[jsx(W2,{variant:"subtitle1",fontWeight:700,children:"Configura\xE7\xF5es"}),jsx(z2,{onClick:t,icon:"CLOSE_MARK_BUTTON",label:"Fechar",color:"grey.500"})]}),jsx(W,{title:"Modo",children:jsxs(d,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:1,width:1,children:[jsx(v,{startIcon:jsx(R1,{}),variant:n==="config"?"contained":void 0,size:"large",fullWidth:!0,onClick:()=>m$1("config"),children:"Admin"}),jsx(v,{startIcon:jsx(I1,{}),variant:n==="app"?"contained":void 0,size:"large",fullWidth:!0,onClick:()=>m$1("app"),children:"Plugin"})]})}),n==="app"&&jsxs(Fragment,{children:[jsx(W,{title:"Tipo de plugin",children:jsxs(d,{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:1,width:1,children:[jsx(v,{startIcon:jsx(V1,{}),variant:x==="global"?"contained":void 0,onClick:()=>l("global"),children:"Global"}),jsx(v,{startIcon:jsx(T1,{}),variant:x==="checkout"?"contained":void 0,onClick:()=>l("checkout"),children:"Checkout"}),jsx(v,{startIcon:jsx(W1,{}),disabled:!0,children:"Produto"})]})}),jsx(W,{title:"Layout",children:jsxs(d,{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:2,width:1,children:[jsx(z,{title:"Layout Mini",layout:"mini",selected:H==="mini",onClick:()=>b("mini")}),jsx(z,{title:"Layout Vertical",layout:"full",selected:H==="full",onClick:()=>b("full")}),jsx(z,{title:"Layout Horizontal",layout:"horizontal",selected:H==="horizontal",onClick:()=>b("horizontal")})]})})]})]})})]})},J1=A2;var E2=({configView:o,appView:t})=>{let{view:e,appType:n,layout:m}=I();return jsxs(e==="config"?l=>jsx(n1,{...l}):l=>jsx(P1,{...l,mode:n,layout:m}),{children:[e==="config"?o:t,jsx(J1,{})]})},Q1=E2;var _2=({appView:o,configView:t})=>jsx(Q,{children:jsx(Q1,{configView:t,appView:o})}),T0=_2;
18
17
 
19
- export { R0 as default };
18
+ export { T0 as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zydon/plugin",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",