@webiny/app-admin 6.5.0-beta.0 → 6.5.0-beta.2

package/base/Admin.js

@@ -24,6 +24,7 @@ import { SortableFeature } from "../presentation/sortable/index.js";
 import { NotificationsRenderer } from "../features/notifications/NotificationsRenderer.js";
 import { CommandPaletteFeature } from "../presentation/commandPalette/index.js";
 import { AdminCommandsFeature } from "../presentation/commandPalette/commands/feature.js";
+import { DebuggerFeature } from "../features/debugger/feature.js";
 const container = createRootContainer();
 const Admin = ({ children, createApolloClient, createLegacyPlugins })=>{
     const uri = process.env.REACT_APP_GRAPHQL_API_URL;
@@ -40,6 +41,7 @@ const Admin = ({ children, createApolloClient, createLegacyPlugins })=>{
     CommandPaletteFeature.register(container);
     AdminCommandsFeature.register(container);
     SortableFeature.register(container);
+    DebuggerFeature.register(container);
     const ApolloProvider = createApolloProvider(apolloClient);
     const UIProviders = createUiProviders();
     const UiStateProvider = createUiStateProvider();

package/base/Admin.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Admin.js","sources":["../../src/base/Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport type { ApolloClientFactory } from \"./providers/ApolloProvider.js\";\nimport { createApolloProvider } from \"./providers/ApolloProvider.js\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { createDrawersProvider } from \"~/components/Drawers/DrawersContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { WcpProvider } from \"~/presentation/wcp/WcpProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { ApolloClientFeature } from \"~/features/apolloClient/feature.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport { FormModelFeature } from \"~/features/formModel/feature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\nimport { AdminConfigPlugin, AdminConfigProvider } from \"~/config/AdminConfig.js\";\nimport { WebinySdkFeature } from \"~/features/webinySdk/feature.js\";\nimport { DateFormatterFeature } from \"~/features/dateFormatter/feature.js\";\nimport { ListPresenterFeature } from \"~/presentation/listPresenter/index.js\";\nimport { SortableFeature } from \"~/presentation/sortable/index.js\";\nimport { NotificationsRenderer } from \"~/features/notifications/NotificationsRenderer.js\";\nimport { CommandPaletteFeature } from \"~/presentation/commandPalette/index.js\";\nimport { AdminCommandsFeature } from \"~/presentation/commandPalette/commands/feature.js\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    createLegacyPlugins: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => {\n    const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n    const apolloClient = createApolloClient({ uri });\n\n    plugins.register(...createLegacyPlugins(container));\n\n    ApolloClientFeature.register(container, apolloClient);\n    SecurityFeature.register(container);\n    DateFormatterFeature.register(container);\n    FormModelFeature.register(container);\n    WebinySdkFeature.register(container);\n    ListPresenterFeature.register(container);\n    CommandPaletteFeature.register(container);\n    AdminCommandsFeature.register(container);\n    SortableFeature.register(container);\n\n    const ApolloProvider = createApolloProvider(apolloClient);\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const DrawersProvider = createDrawersProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <ApolloProvider>\n                <WcpProvider>\n                    <App\n                        plugins={[AdminConfigPlugin]}\n                        routes={[]}\n                        providers={[\n                            AdminConfigProvider,\n                            UIProviders,\n                            UiStateProvider,\n                            DialogsProvider,\n                            DrawersProvider,\n                            IconPickerConfigProvider,\n                            AdminUiStateProvider,\n                            TenancyProvider\n                        ]}\n                    >\n                        <Base />\n                        <DefaultIcons />\n                        <NotificationsRenderer />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ApolloProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["container","createRootContainer","Admin","children","createApolloClient","createLegacyPlugins","uri","process","apolloClient","plugins","ApolloClientFeature","SecurityFeature","DateFormatterFeature","FormModelFeature","WebinySdkFeature","ListPresenterFeature","CommandPaletteFeature","AdminCommandsFeature","SortableFeature","ApolloProvider","createApolloProvider","UIProviders","createUiProviders","UiStateProvider","createUiStateProvider","AdminUiStateProvider","createAdminUiStateProvider","DialogsProvider","createDialogsProvider","DrawersProvider","createDrawersProvider","TenancyProvider","createTenancyProvider","DiContainerProvider","TelemetryAdminAppStart","WcpProvider","App","AdminConfigPlugin","AdminConfigProvider","IconPickerConfigProvider","Base","DefaultIcons","NotificationsRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,YAAYC;AAEX,MAAMC,QAAQ,CAAC,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,mBAAmB,EAAc;IACnF,MAAMC,MAAMC,QAAQ,GAAG,CAAC,yBAAyB;IACjD,MAAMC,eAAeJ,mBAAmB;QAAEE;IAAI;IAE9CG,QAAQ,QAAQ,IAAIJ,oBAAoBL;IAExCU,oBAAoB,QAAQ,CAACV,WAAWQ;IACxCG,gBAAgB,QAAQ,CAACX;IACzBY,qBAAqB,QAAQ,CAACZ;IAC9Ba,iBAAiB,QAAQ,CAACb;IAC1Bc,iBAAiB,QAAQ,CAACd;IAC1Be,qBAAqB,QAAQ,CAACf;IAC9BgB,sBAAsB,QAAQ,CAAChB;IAC/BiB,qBAAqB,QAAQ,CAACjB;IAC9BkB,gBAAgB,QAAQ,CAAClB;IAEzB,MAAMmB,iBAAiBC,qBAAqBZ;IAC5C,MAAMa,cAAcC;IACpB,MAAMC,kBAAkBC;IACxB,MAAMC,uBAAuBC;IAC7B,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IAExB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,WAAWjC;qBAC5B,oBAACkC,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACf,gBAAAA,MAAAA,WAAAA,GACG,oBAACgB,aAAWA,MAAAA,WAAAA,GACR,oBAACC,KAAGA;QACA,SAAS;YAACC;SAAkB;QAC5B,QAAQ,EAAE;QACV,WAAW;YACPC;YACAjB;YACAE;YACAI;YACAE;YACAU;YACAd;YACAM;SACH;qBAED,oBAACS,MAAIA,OAAAA,WAAAA,GACL,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,uBAAqBA,OACrBvC;AAMzB"}
+{"version":3,"file":"base/Admin.js","sources":["../../src/base/Admin.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Container } from \"@webiny/di\";\nimport { plugins } from \"@webiny/plugins\";\nimport { App, DiContainerProvider } from \"@webiny/app\";\nimport type { ApolloClientFactory } from \"./providers/ApolloProvider.js\";\nimport { createApolloProvider } from \"./providers/ApolloProvider.js\";\nimport { Base } from \"./Base.js\";\nimport { createUiStateProvider } from \"./providers/UiStateProvider.js\";\nimport { createAdminUiStateProvider } from \"./providers/AdminUiStateProvider.js\";\nimport { createUiProviders } from \"./providers/UiProviders.js\";\nimport { createDialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nimport { createDrawersProvider } from \"~/components/Drawers/DrawersContext.js\";\nimport { DefaultIcons, IconPickerConfigProvider } from \"~/components/IconPicker/config/index.js\";\nimport { createRootContainer } from \"~/base/createRootContainer.js\";\nimport { WcpProvider } from \"~/presentation/wcp/WcpProvider.js\";\nimport { createTenancyProvider } from \"~/presentation/tenancy/createTenancyProvider.js\";\nimport { TelemetryAdminAppStart } from \"./TelemetryAdminAppStart.js\";\nimport { ApolloClientFeature } from \"~/features/apolloClient/feature.js\";\nimport { SecurityFeature } from \"~/features/security/SecurityFeature.js\";\nimport { FormModelFeature } from \"~/features/formModel/feature.js\";\nimport type { PluginCollection } from \"@webiny/plugins/types.js\";\nimport { AdminConfigPlugin, AdminConfigProvider } from \"~/config/AdminConfig.js\";\nimport { WebinySdkFeature } from \"~/features/webinySdk/feature.js\";\nimport { DateFormatterFeature } from \"~/features/dateFormatter/feature.js\";\nimport { ListPresenterFeature } from \"~/presentation/listPresenter/index.js\";\nimport { SortableFeature } from \"~/presentation/sortable/index.js\";\nimport { NotificationsRenderer } from \"~/features/notifications/NotificationsRenderer.js\";\nimport { CommandPaletteFeature } from \"~/presentation/commandPalette/index.js\";\nimport { AdminCommandsFeature } from \"~/presentation/commandPalette/commands/feature.js\";\nimport { DebuggerFeature } from \"~/features/debugger/feature.js\";\n\nexport interface AdminProps {\n    createApolloClient: ApolloClientFactory;\n    createLegacyPlugins: (container: Container) => PluginCollection;\n    children?: React.ReactNode;\n}\n\nconst container = createRootContainer();\n\nexport const Admin = ({ children, createApolloClient, createLegacyPlugins }: AdminProps) => {\n    const uri = process.env.REACT_APP_GRAPHQL_API_URL as string;\n    const apolloClient = createApolloClient({ uri });\n\n    plugins.register(...createLegacyPlugins(container));\n\n    ApolloClientFeature.register(container, apolloClient);\n    SecurityFeature.register(container);\n    DateFormatterFeature.register(container);\n    FormModelFeature.register(container);\n    WebinySdkFeature.register(container);\n    ListPresenterFeature.register(container);\n    CommandPaletteFeature.register(container);\n    AdminCommandsFeature.register(container);\n    SortableFeature.register(container);\n    DebuggerFeature.register(container);\n\n    const ApolloProvider = createApolloProvider(apolloClient);\n    const UIProviders = createUiProviders();\n    const UiStateProvider = createUiStateProvider();\n    const AdminUiStateProvider = createAdminUiStateProvider();\n    const DialogsProvider = createDialogsProvider();\n    const DrawersProvider = createDrawersProvider();\n    const TenancyProvider = createTenancyProvider();\n\n    return (\n        <DiContainerProvider container={container}>\n            <TelemetryAdminAppStart />\n            <ApolloProvider>\n                <WcpProvider>\n                    <App\n                        plugins={[AdminConfigPlugin]}\n                        routes={[]}\n                        providers={[\n                            AdminConfigProvider,\n                            UIProviders,\n                            UiStateProvider,\n                            DialogsProvider,\n                            DrawersProvider,\n                            IconPickerConfigProvider,\n                            AdminUiStateProvider,\n                            TenancyProvider\n                        ]}\n                    >\n                        <Base />\n                        <DefaultIcons />\n                        <NotificationsRenderer />\n                        {children}\n                    </App>\n                </WcpProvider>\n            </ApolloProvider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["container","createRootContainer","Admin","children","createApolloClient","createLegacyPlugins","uri","process","apolloClient","plugins","ApolloClientFeature","SecurityFeature","DateFormatterFeature","FormModelFeature","WebinySdkFeature","ListPresenterFeature","CommandPaletteFeature","AdminCommandsFeature","SortableFeature","DebuggerFeature","ApolloProvider","createApolloProvider","UIProviders","createUiProviders","UiStateProvider","createUiStateProvider","AdminUiStateProvider","createAdminUiStateProvider","DialogsProvider","createDialogsProvider","DrawersProvider","createDrawersProvider","TenancyProvider","createTenancyProvider","DiContainerProvider","TelemetryAdminAppStart","WcpProvider","App","AdminConfigPlugin","AdminConfigProvider","IconPickerConfigProvider","Base","DefaultIcons","NotificationsRenderer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAMA,YAAYC;AAEX,MAAMC,QAAQ,CAAC,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,mBAAmB,EAAc;IACnF,MAAMC,MAAMC,QAAQ,GAAG,CAAC,yBAAyB;IACjD,MAAMC,eAAeJ,mBAAmB;QAAEE;IAAI;IAE9CG,QAAQ,QAAQ,IAAIJ,oBAAoBL;IAExCU,oBAAoB,QAAQ,CAACV,WAAWQ;IACxCG,gBAAgB,QAAQ,CAACX;IACzBY,qBAAqB,QAAQ,CAACZ;IAC9Ba,iBAAiB,QAAQ,CAACb;IAC1Bc,iBAAiB,QAAQ,CAACd;IAC1Be,qBAAqB,QAAQ,CAACf;IAC9BgB,sBAAsB,QAAQ,CAAChB;IAC/BiB,qBAAqB,QAAQ,CAACjB;IAC9BkB,gBAAgB,QAAQ,CAAClB;IACzBmB,gBAAgB,QAAQ,CAACnB;IAEzB,MAAMoB,iBAAiBC,qBAAqBb;IAC5C,MAAMc,cAAcC;IACpB,MAAMC,kBAAkBC;IACxB,MAAMC,uBAAuBC;IAC7B,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IACxB,MAAMC,kBAAkBC;IAExB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,WAAWlC;qBAC5B,oBAACmC,wBAAsBA,OAAAA,WAAAA,GACvB,oBAACf,gBAAAA,MAAAA,WAAAA,GACG,oBAACgB,aAAWA,MAAAA,WAAAA,GACR,oBAACC,KAAGA;QACA,SAAS;YAACC;SAAkB;QAC5B,QAAQ,EAAE;QACV,WAAW;YACPC;YACAjB;YACAE;YACAI;YACAE;YACAU;YACAd;YACAM;SACH;qBAED,oBAACS,MAAIA,OAAAA,WAAAA,GACL,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,uBAAqBA,OACrBxC;AAMzB"}

package/base/Base/FieldRenderers/AutoCompleteRenderer.js

@@ -15,6 +15,7 @@ const AutoCompleteRenderer = createFieldRenderer(({ field })=>{
             field.onBlur();
         },
         required: field.required,
+        displayResetAction: !field.required,
         disabled: field.disabled,
         validation: field.validation,
         options: options.map((opt)=>({

package/base/Base/FieldRenderers/AutoCompleteRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/AutoCompleteRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/AutoCompleteRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        autoComplete: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const AutoCompleteRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <AutoComplete\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={field.value != null ? String(field.value) : \"\"}\n            onValueChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value),\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["AutoCompleteRenderer","createFieldRenderer","field","options","AutoComplete","String","value","opt"],"mappings":";;;AAWO,MAAMA,uBAAuBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC9D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,cAAYA;QACT,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOA,AAAe,QAAfA,MAAM,KAAK,GAAWG,OAAOH,MAAM,KAAK,IAAI;QACnD,eAAeI,CAAAA;YACXJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACI,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOF,OAAOE,IAAI,KAAK;gBACvB,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}
+{"version":3,"file":"base/Base/FieldRenderers/AutoCompleteRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/AutoCompleteRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        autoComplete: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nexport const AutoCompleteRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <AutoComplete\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={field.value != null ? String(field.value) : \"\"}\n            onValueChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            // Clearing a required field can only leave it invalid, so it gets no reset action.\n            displayResetAction={!field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: String(opt.value),\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["AutoCompleteRenderer","createFieldRenderer","field","options","AutoComplete","String","value","opt"],"mappings":";;;AAWO,MAAMA,uBAAuBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IAC9D,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,cAAYA;QACT,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOA,AAAe,QAAfA,MAAM,KAAK,GAAWG,OAAOH,MAAM,KAAK,IAAI;QACnD,eAAeI,CAAAA;YACXJ,MAAM,QAAQ,CAACI;YACfJ,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QAExB,oBAAoB,CAACA,MAAM,QAAQ;QACnC,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACI,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOF,OAAOE,IAAI,KAAK;gBACvB,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}

package/base/Base/FieldRenderers/SelectRenderer.js

@@ -16,6 +16,7 @@ const SelectRenderer = createFieldRenderer(({ field })=>{
             field.onBlur();
         },
         required: field.required,
+        displayResetAction: !field.required,
         disabled: field.disabled,
         validation: field.validation,
         options: options.map((opt)=>({

package/base/Base/FieldRenderers/SelectRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base/Base/FieldRenderers/SelectRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        select: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n        /** @deprecated Use \"select\" instead. */\n        dropdown: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nconst isValidValue = (value: unknown): value is string | number =>\n    typeof value === \"string\" || typeof value === \"number\";\n\nexport const SelectRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={isValidValue(field.value) ? String(field.value) : \"\"}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: isValidValue(opt.value) ? String(opt.value) : opt.value,\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["isValidValue","value","SelectRenderer","createFieldRenderer","field","options","Select","String","opt"],"mappings":";;;AAaA,MAAMA,eAAe,CAACC,QAClB,AAAiB,YAAjB,OAAOA,SAAsB,AAAiB,YAAjB,OAAOA;AAEjC,MAAMC,iBAAiBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IACxD,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOJ,aAAaI,MAAM,KAAK,IAAIG,OAAOH,MAAM,KAAK,IAAI;QACzD,UAAUH,CAAAA;YACNG,MAAM,QAAQ,CAACH;YACfG,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QACxB,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACG,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOR,aAAaQ,IAAI,KAAK,IAAID,OAAOC,IAAI,KAAK,IAAIA,IAAI,KAAK;gBAC9D,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}
+{"version":3,"file":"base/Base/FieldRenderers/SelectRenderer.js","sources":["../../../../src/base/Base/FieldRenderers/SelectRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { createFieldRenderer } from \"~/features/formModel/createFieldRenderer.js\";\nimport { Select } from \"@webiny/admin-ui\";\nimport type { IValueOption } from \"~/features/formModel/index.js\";\n\ndeclare module \"../../../features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        select: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n        /** @deprecated Use \"select\" instead. */\n        dropdown: { fieldType: \"text\" | \"number\"; options: true; settings: undefined };\n    }\n}\n\nconst isValidValue = (value: unknown): value is string | number =>\n    typeof value === \"string\" || typeof value === \"number\";\n\nexport const SelectRenderer = createFieldRenderer(({ field }) => {\n    const options: IValueOption[] = field.options ?? [];\n\n    return (\n        <Select\n            label={field.label}\n            hint={field.help}\n            placeholder={field.placeholder}\n            description={field.description}\n            note={field.note}\n            value={isValidValue(field.value) ? String(field.value) : \"\"}\n            onChange={value => {\n                field.onChange(value);\n                field.onBlur();\n            }}\n            required={field.required}\n            // Clearing a required field can only leave it invalid, so it gets no reset action.\n            displayResetAction={!field.required}\n            disabled={field.disabled}\n            validation={field.validation}\n            options={options.map(opt => ({\n                label: opt.label,\n                value: isValidValue(opt.value) ? String(opt.value) : opt.value,\n                disabled: opt.disabled\n            }))}\n        />\n    );\n});\n"],"names":["isValidValue","value","SelectRenderer","createFieldRenderer","field","options","Select","String","opt"],"mappings":";;;AAaA,MAAMA,eAAe,CAACC,QAClB,AAAiB,YAAjB,OAAOA,SAAsB,AAAiB,YAAjB,OAAOA;AAEjC,MAAMC,iBAAiBC,oBAAoB,CAAC,EAAEC,KAAK,EAAE;IACxD,MAAMC,UAA0BD,MAAM,OAAO,IAAI,EAAE;IAEnD,OAAO,WAAP,GACI,oBAACE,QAAMA;QACH,OAAOF,MAAM,KAAK;QAClB,MAAMA,MAAM,IAAI;QAChB,aAAaA,MAAM,WAAW;QAC9B,aAAaA,MAAM,WAAW;QAC9B,MAAMA,MAAM,IAAI;QAChB,OAAOJ,aAAaI,MAAM,KAAK,IAAIG,OAAOH,MAAM,KAAK,IAAI;QACzD,UAAUH,CAAAA;YACNG,MAAM,QAAQ,CAACH;YACfG,MAAM,MAAM;QAChB;QACA,UAAUA,MAAM,QAAQ;QAExB,oBAAoB,CAACA,MAAM,QAAQ;QACnC,UAAUA,MAAM,QAAQ;QACxB,YAAYA,MAAM,UAAU;QAC5B,SAASC,QAAQ,GAAG,CAACG,CAAAA,MAAQ;gBACzB,OAAOA,IAAI,KAAK;gBAChB,OAAOR,aAAaQ,IAAI,KAAK,IAAID,OAAOC,IAAI,KAAK,IAAIA,IAAI,KAAK;gBAC9D,UAAUA,IAAI,QAAQ;YAC1B;;AAGZ"}

package/features/debugger/Debugger.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * No menu entry: the header indicator is the way in, and it downloads the report directly. The
+ * panel remains reachable by URL for anyone who wants the namespace filter or the session list.
+ */
+export declare const Debugger: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/features/debugger/Debugger.js

@@ -0,0 +1,25 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { AdminLayout } from "../../components/AdminLayout.js";
+import { useCanCaptureDebugData } from "./permissions.js";
+import { debuggerStore } from "./DebuggerStore.js";
+import { DebuggerView } from "./DebuggerView.js";
+import { DebuggerRoutes } from "./routes.js";
+const Debugger = observer(()=>{
+    const canDebug = useCanCaptureDebugData();
+    useEffect(()=>{
+        debuggerStore.applyPermission(canDebug);
+    }, [
+        canDebug
+    ]);
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Route, {
+        route: DebuggerRoutes.Debugger,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "Debugger"
+        }, /*#__PURE__*/ react.createElement(DebuggerView, null))
+    }));
+});
+export { Debugger };
+
+//# sourceMappingURL=Debugger.js.map

package/features/debugger/Debugger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/Debugger.js","sources":["../../../src/features/debugger/Debugger.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { AdminLayout } from \"~/components/AdminLayout.js\";\nimport { useCanCaptureDebugData } from \"./permissions.js\";\nimport { debuggerStore } from \"./DebuggerStore.js\";\nimport { DebuggerView } from \"./DebuggerView.js\";\nimport { DebuggerRoutes } from \"./routes.js\";\n\n/**\n * No menu entry: the header indicator is the way in, and it downloads the report directly. The\n * panel remains reachable by URL for anyone who wants the namespace filter or the session list.\n */\nexport const Debugger = observer(() => {\n    const canDebug = useCanCaptureDebugData();\n\n    /**\n     * Holding the permission is the opt-in, so capture starts on. An identity that has explicitly\n     * turned it off keeps it off; one that loses the permission has it turned off for them.\n     */\n    useEffect(() => {\n        debuggerStore.applyPermission(canDebug);\n    }, [canDebug]);\n\n    return (\n        <AdminConfig>\n            <AdminConfig.Route\n                route={DebuggerRoutes.Debugger}\n                element={\n                    <AdminLayout title={\"Debugger\"}>\n                        <DebuggerView />\n                    </AdminLayout>\n                }\n            />\n        </AdminConfig>\n    );\n});\n"],"names":["Debugger","observer","canDebug","useCanCaptureDebugData","useEffect","debuggerStore","AdminConfig","DebuggerRoutes","AdminLayout","DebuggerView"],"mappings":";;;;;;;;AAaO,MAAMA,WAAWC,SAAS;IAC7B,MAAMC,WAAWC;IAMjBC,UAAU;QACNC,cAAc,eAAe,CAACH;IAClC,GAAG;QAACA;KAAS;IAEb,OAAO,WAAP,GACI,oBAACI,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,KAAK;QACd,OAAOC,eAAe,QAAQ;QAC9B,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACC,cAAYA;;AAMrC"}

package/features/debugger/DebuggerIndicator.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ * Says that capture is on, how much has been collected, and offers the two things worth doing
+ * about it.
+ *
+ * Renders nothing when the toggle is off, which is the normal state - the header is not the place to
+ * advertise a feature nobody switched on. When it is on it is deliberately hard to miss, because
+ * leaving capture running is the mistake it exists to prevent.
+ *
+ * Clearing matters as much as downloading: an hour of browsing collects a great deal, and everything
+ * held is in memory and lands in the next report whether or not it is relevant to the problem being
+ * reproduced.
+ */
+export declare const DebuggerIndicator: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/features/debugger/DebuggerIndicator.js

@@ -0,0 +1,31 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { DropdownMenu, Tag } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/bug_report.svg";
+import { debuggerStore } from "./DebuggerStore.js";
+import { downloadReport } from "./report.js";
+const DebuggerIndicator = observer(()=>{
+    if (!debuggerStore.enabled) return null;
+    const count = debuggerStore.entryCount;
+    const hasEntries = count > 0;
+    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+        trigger: /*#__PURE__*/ react.createElement(Tag, {
+            variant: "warning",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            content: hasEntries ? `Debug mode · ${count}` : "Debug mode",
+            title: hasEntries ? `Debug capture is on. ${count} entries collected.` : "Debug capture is on. Nothing collected yet.",
+            className: "cursor-pointer"
+        })
+    }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Download report",
+        disabled: !hasEntries,
+        onClick: downloadReport
+    }), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+        text: "Clear collected data",
+        disabled: !hasEntries,
+        onClick: debuggerStore.clear
+    }));
+});
+export { DebuggerIndicator };
+
+//# sourceMappingURL=DebuggerIndicator.js.map

package/features/debugger/DebuggerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/DebuggerIndicator.js","sources":["../../../src/features/debugger/DebuggerIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DropdownMenu, Tag } from \"@webiny/admin-ui\";\nimport { ReactComponent as DebuggerIcon } from \"@webiny/icons/bug_report.svg\";\nimport { debuggerStore } from \"./DebuggerStore.js\";\nimport { downloadReport } from \"./report.js\";\n\n/**\n * Says that capture is on, how much has been collected, and offers the two things worth doing\n * about it.\n *\n * Renders nothing when the toggle is off, which is the normal state - the header is not the place to\n * advertise a feature nobody switched on. When it is on it is deliberately hard to miss, because\n * leaving capture running is the mistake it exists to prevent.\n *\n * Clearing matters as much as downloading: an hour of browsing collects a great deal, and everything\n * held is in memory and lands in the next report whether or not it is relevant to the problem being\n * reproduced.\n */\nexport const DebuggerIndicator = observer(() => {\n    if (!debuggerStore.enabled) {\n        return null;\n    }\n\n    const count = debuggerStore.entryCount;\n    const hasEntries = count > 0;\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Tag\n                    variant={\"warning\"}\n                    icon={<DebuggerIcon />}\n                    content={hasEntries ? `Debug mode · ${count}` : \"Debug mode\"}\n                    title={\n                        hasEntries\n                            ? `Debug capture is on. ${count} entries collected.`\n                            : \"Debug capture is on. Nothing collected yet.\"\n                    }\n                    className={\"cursor-pointer\"}\n                />\n            }\n        >\n            <DropdownMenu.Item\n                text={\"Download report\"}\n                disabled={!hasEntries}\n                onClick={downloadReport}\n            />\n            <DropdownMenu.Item\n                text={\"Clear collected data\"}\n                disabled={!hasEntries}\n                onClick={debuggerStore.clear}\n            />\n        </DropdownMenu>\n    );\n});\n"],"names":["DebuggerIndicator","observer","debuggerStore","count","hasEntries","DropdownMenu","Tag","DebuggerIcon","downloadReport"],"mappings":";;;;;;AAmBO,MAAMA,oBAAoBC,SAAS;IACtC,IAAI,CAACC,cAAc,OAAO,EACtB,OAAO;IAGX,MAAMC,QAAQD,cAAc,UAAU;IACtC,MAAME,aAAaD,QAAQ;IAE3B,OAAO,WAAP,GACI,oBAACE,cAAYA;QACT,uBACI,oBAACC,KAAGA;YACA,SAAS;YACT,oBAAM,oBAACC,gBAAYA;YACnB,SAASH,aAAa,CAAC,aAAa,EAAED,OAAO,GAAG;YAChD,OACIC,aACM,CAAC,qBAAqB,EAAED,MAAM,mBAAmB,CAAC,GAClD;YAEV,WAAW;;qBAInB,oBAACE,aAAa,IAAI;QACd,MAAM;QACN,UAAU,CAACD;QACX,SAASI;sBAEb,oBAACH,aAAa,IAAI;QACd,MAAM;QACN,UAAU,CAACD;QACX,SAASF,cAAc,KAAK;;AAI5C"}

package/features/debugger/DebuggerStore.d.ts

@@ -0,0 +1,55 @@
+export interface IDebugEntry {
+    seq: number;
+    namespace: string;
+    timestamp: number;
+    elapsed: number;
+    data: unknown;
+}
+export interface IDebugPayload {
+    enabled: boolean;
+    requestId?: string;
+    url?: string;
+    namespaces?: string[];
+    operations?: string[];
+    entries?: IDebugEntry[];
+    bytes?: number;
+    dropped?: number;
+    truncated?: boolean;
+}
+export interface ICollectedSession extends IDebugPayload {
+    collectedAt: number;
+}
+/**
+ * Holds the debug toggle and the sessions collected from responses.
+ *
+ * The toggle persists across reloads, because reproducing a bug often involves one. The collected
+ * sessions deliberately do not: they hold customer data, and leaving that in browser storage after
+ * the session is a worse exposure than the response itself, which is transient.
+ */
+export declare class DebuggerStore {
+    private _enabled;
+    private _namespaces;
+    private _sessions;
+    constructor();
+    /**
+     * Turns capture on for an identity that holds the permission, unless they have already turned it
+     * off themselves.
+     *
+     * Holding `dev-tools.debug` is the opt-in: the permission is granted deliberately, for a support
+     * session, and nobody should then have to find a second switch before the thing they were asked
+     * to reproduce is captured.
+     */
+    applyPermission: (canCapture: boolean) => void;
+    get enabled(): boolean;
+    get namespaces(): string;
+    get sessions(): ICollectedSession[];
+    get entryCount(): number;
+    setEnabled: (enabled: boolean) => void;
+    setNamespaces: (namespaces: string) => void;
+    collect: (payload: IDebugPayload) => void;
+    clear: () => void;
+}
+/**
+ * A single store instance, read by the Apollo link on every request and by the panel.
+ */
+export declare const debuggerStore: DebuggerStore;

package/features/debugger/DebuggerStore.js

@@ -0,0 +1,65 @@
+import { makeAutoObservable } from "mobx";
+const TOGGLE_STORAGE_KEY = "webiny_debugger_enabled";
+const NAMESPACES_STORAGE_KEY = "webiny_debugger_namespaces";
+const readStorage = (key)=>{
+    try {
+        return window.localStorage.getItem(key);
+    } catch  {
+        return null;
+    }
+};
+const writeStorage = (key, value)=>{
+    try {
+        if (null === value) return void window.localStorage.removeItem(key);
+        window.localStorage.setItem(key, value);
+    } catch  {}
+};
+class DebuggerStore {
+    constructor(){
+        this._sessions = [];
+        this.applyPermission = (canCapture)=>{
+            if (!canCapture) {
+                this._enabled = false;
+                return;
+            }
+            if (null === readStorage(TOGGLE_STORAGE_KEY)) this._enabled = true;
+        };
+        this.setEnabled = (enabled)=>{
+            this._enabled = enabled;
+            writeStorage(TOGGLE_STORAGE_KEY, enabled ? "true" : "false");
+        };
+        this.setNamespaces = (namespaces)=>{
+            this._namespaces = namespaces;
+            writeStorage(NAMESPACES_STORAGE_KEY, namespaces || null);
+        };
+        this.collect = (payload)=>{
+            if (!payload.entries?.length) return;
+            this._sessions.push({
+                ...payload,
+                collectedAt: Date.now()
+            });
+        };
+        this.clear = ()=>{
+            this._sessions = [];
+        };
+        this._enabled = "true" === readStorage(TOGGLE_STORAGE_KEY);
+        this._namespaces = readStorage(NAMESPACES_STORAGE_KEY) || "*";
+        makeAutoObservable(this);
+    }
+    get enabled() {
+        return this._enabled;
+    }
+    get namespaces() {
+        return this._namespaces;
+    }
+    get sessions() {
+        return this._sessions;
+    }
+    get entryCount() {
+        return this._sessions.reduce((total, session)=>total + (session.entries?.length || 0), 0);
+    }
+}
+const debuggerStore = new DebuggerStore();
+export { DebuggerStore, debuggerStore };
+
+//# sourceMappingURL=DebuggerStore.js.map

package/features/debugger/DebuggerStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/DebuggerStore.js","sources":["../../../src/features/debugger/DebuggerStore.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\n\nconst TOGGLE_STORAGE_KEY = \"webiny_debugger_enabled\";\nconst NAMESPACES_STORAGE_KEY = \"webiny_debugger_namespaces\";\n\nexport interface IDebugEntry {\n    seq: number;\n    namespace: string;\n    timestamp: number;\n    elapsed: number;\n    data: unknown;\n}\n\nexport interface IDebugPayload {\n    enabled: boolean;\n    requestId?: string;\n    url?: string;\n    namespaces?: string[];\n    operations?: string[];\n    entries?: IDebugEntry[];\n    bytes?: number;\n    dropped?: number;\n    truncated?: boolean;\n}\n\nexport interface ICollectedSession extends IDebugPayload {\n    collectedAt: number;\n}\n\nconst readStorage = (key: string): string | null => {\n    try {\n        return window.localStorage.getItem(key);\n    } catch {\n        return null;\n    }\n};\n\nconst writeStorage = (key: string, value: string | null): void => {\n    try {\n        if (value === null) {\n            window.localStorage.removeItem(key);\n            return;\n        }\n        window.localStorage.setItem(key, value);\n    } catch {\n        // Private windows and blocked site data both throw. The toggle simply will not persist.\n    }\n};\n\n/**\n * Holds the debug toggle and the sessions collected from responses.\n *\n * The toggle persists across reloads, because reproducing a bug often involves one. The collected\n * sessions deliberately do not: they hold customer data, and leaving that in browser storage after\n * the session is a worse exposure than the response itself, which is transient.\n */\nexport class DebuggerStore {\n    private _enabled: boolean;\n    private _namespaces: string;\n    private _sessions: ICollectedSession[] = [];\n\n    public constructor() {\n        /**\n         * Absent means \"no choice made yet\", which is different from an explicit \"off\" - the first\n         * decides whether the permission turns capture on, the second must survive it.\n         */\n        this._enabled = readStorage(TOGGLE_STORAGE_KEY) === \"true\";\n        this._namespaces = readStorage(NAMESPACES_STORAGE_KEY) || \"*\";\n        makeAutoObservable(this);\n    }\n\n    /**\n     * Turns capture on for an identity that holds the permission, unless they have already turned it\n     * off themselves.\n     *\n     * Holding `dev-tools.debug` is the opt-in: the permission is granted deliberately, for a support\n     * session, and nobody should then have to find a second switch before the thing they were asked\n     * to reproduce is captured.\n     */\n    public applyPermission = (canCapture: boolean): void => {\n        if (!canCapture) {\n            this._enabled = false;\n            return;\n        }\n\n        if (readStorage(TOGGLE_STORAGE_KEY) === null) {\n            this._enabled = true;\n        }\n    };\n\n    public get enabled(): boolean {\n        return this._enabled;\n    }\n\n    public get namespaces(): string {\n        return this._namespaces;\n    }\n\n    public get sessions(): ICollectedSession[] {\n        return this._sessions;\n    }\n\n    public get entryCount(): number {\n        return this._sessions.reduce((total, session) => {\n            return total + (session.entries?.length || 0);\n        }, 0);\n    }\n\n    public setEnabled = (enabled: boolean): void => {\n        this._enabled = enabled;\n        writeStorage(TOGGLE_STORAGE_KEY, enabled ? \"true\" : \"false\");\n    };\n\n    public setNamespaces = (namespaces: string): void => {\n        this._namespaces = namespaces;\n        writeStorage(NAMESPACES_STORAGE_KEY, namespaces || null);\n    };\n\n    public collect = (payload: IDebugPayload): void => {\n        /**\n         * The server already omits sessions that captured nothing. This guards the case where a\n         * response carries an envelope with no entries anyway - there is nothing to read in it, and\n         * it would only pad the report.\n         */\n        if (!payload.entries?.length) {\n            return;\n        }\n\n        this._sessions.push({ ...payload, collectedAt: Date.now() });\n    };\n\n    public clear = (): void => {\n        this._sessions = [];\n    };\n}\n\n/**\n * A single store instance, read by the Apollo link on every request and by the panel.\n */\nexport const debuggerStore = new DebuggerStore();\n"],"names":["TOGGLE_STORAGE_KEY","NAMESPACES_STORAGE_KEY","readStorage","key","window","writeStorage","value","DebuggerStore","canCapture","enabled","namespaces","payload","Date","makeAutoObservable","total","session","debuggerStore"],"mappings":";AAEA,MAAMA,qBAAqB;AAC3B,MAAMC,yBAAyB;AA0B/B,MAAMC,cAAc,CAACC;IACjB,IAAI;QACA,OAAOC,OAAO,YAAY,CAAC,OAAO,CAACD;IACvC,EAAE,OAAM;QACJ,OAAO;IACX;AACJ;AAEA,MAAME,eAAe,CAACF,KAAaG;IAC/B,IAAI;QACA,IAAIA,AAAU,SAAVA,OAAgB,YAChBF,OAAO,YAAY,CAAC,UAAU,CAACD;QAGnCC,OAAO,YAAY,CAAC,OAAO,CAACD,KAAKG;IACrC,EAAE,OAAM,CAER;AACJ;AASO,MAAMC;IAKT,aAAqB;aAFb,SAAS,GAAwB,EAAE;QAmB1C,KACM,eAAe,GAAG,CAACC;YACtB,IAAI,CAACA,YAAY;gBACb,IAAI,CAAC,QAAQ,GAAG;gBAChB;YACJ;YAEA,IAAIN,AAAoC,SAApCA,YAAYF,qBACZ,IAAI,CAAC,QAAQ,GAAG;QAExB;aAoBO,UAAU,GAAG,CAACS;YACjB,IAAI,CAAC,QAAQ,GAAGA;YAChBJ,aAAaL,oBAAoBS,UAAU,SAAS;QACxD;aAEO,aAAa,GAAG,CAACC;YACpB,IAAI,CAAC,WAAW,GAAGA;YACnBL,aAAaJ,wBAAwBS,cAAc;QACvD;aAEO,OAAO,GAAG,CAACC;YAMd,IAAI,CAACA,QAAQ,OAAO,EAAE,QAClB;YAGJ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAAE,GAAGA,OAAO;gBAAE,aAAaC,KAAK,GAAG;YAAG;QAC9D;aAEO,KAAK,GAAG;YACX,IAAI,CAAC,SAAS,GAAG,EAAE;QACvB;QAnEI,IAAI,CAAC,QAAQ,GAAGV,AAAoC,WAApCA,YAAYF;QAC5B,IAAI,CAAC,WAAW,GAAGE,YAAYD,2BAA2B;QAC1DY,mBAAmB,IAAI;IAC3B;IAqBA,IAAW,UAAmB;QAC1B,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,IAAW,aAAqB;QAC5B,OAAO,IAAI,CAAC,WAAW;IAC3B;IAEA,IAAW,WAAgC;QACvC,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAW,aAAqB;QAC5B,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAACC,OAAOC,UAC1BD,QAASC,CAAAA,QAAQ,OAAO,EAAE,UAAU,IAC5C;IACP;AA4BJ;AAKO,MAAMC,gBAAgB,IAAIT"}

package/features/debugger/DebuggerView.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DebuggerView: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/features/debugger/DebuggerView.js

@@ -0,0 +1,49 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { Alert } from "@webiny/admin-ui/Alert/index.js";
+import { Button } from "@webiny/admin-ui/Button/index.js";
+import { Switch } from "@webiny/admin-ui/Switch/index.js";
+import { debuggerStore } from "./DebuggerStore.js";
+import { downloadReport } from "./report.js";
+const DebuggerView = observer(()=>{
+    const onToggle = useCallback((checked)=>{
+        debuggerStore.setEnabled(checked);
+    }, []);
+    const onNamespacesChange = useCallback((event)=>{
+        debuggerStore.setNamespaces(event.target.value);
+    }, []);
+    const hasSessions = debuggerStore.sessions.length > 0;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg p-lg"
+    }, debuggerStore.enabled ? /*#__PURE__*/ react.createElement(Alert, {
+        type: "warning"
+    }, "Debug capture is on. Responses include internal diagnostic data, which may contain content from your records. Turn it off when you are done.") : null, /*#__PURE__*/ react.createElement(Switch, {
+        label: "Capture debug data",
+        checked: debuggerStore.enabled,
+        onChange: onToggle,
+        note: "Reproduce the problem with this on, then download the report and send it to support."
+    }), /*#__PURE__*/ react.createElement("label", {
+        className: "flex flex-col gap-xs"
+    }, /*#__PURE__*/ react.createElement("span", null, "Namespaces"), /*#__PURE__*/ react.createElement("input", {
+        type: "text",
+        className: "border rounded-md p-sm",
+        value: debuggerStore.namespaces,
+        onChange: onNamespacesChange
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text-sm"
+    }, "Leave as * to capture everything, or narrow it down - for example cms.os.*")), /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm items-center"
+    }, /*#__PURE__*/ react.createElement("span", null, debuggerStore.sessions.length, " responses collected, ", debuggerStore.entryCount, " ", "entries"), /*#__PURE__*/ react.createElement(Button, {
+        text: "Download report",
+        onClick: downloadReport,
+        disabled: !hasSessions
+    }), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        text: "Clear",
+        onClick: debuggerStore.clear,
+        disabled: !hasSessions
+    })));
+});
+export { DebuggerView };
+
+//# sourceMappingURL=DebuggerView.js.map

package/features/debugger/DebuggerView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/DebuggerView.js","sources":["../../../src/features/debugger/DebuggerView.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Alert } from \"@webiny/admin-ui/Alert/index.js\";\nimport { Button } from \"@webiny/admin-ui/Button/index.js\";\nimport { Switch } from \"@webiny/admin-ui/Switch/index.js\";\nimport { debuggerStore } from \"./DebuggerStore.js\";\nimport { downloadReport } from \"./report.js\";\n\nexport const DebuggerView = observer(() => {\n    const onToggle = useCallback((checked: boolean) => {\n        debuggerStore.setEnabled(checked);\n    }, []);\n\n    const onNamespacesChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n        debuggerStore.setNamespaces(event.target.value);\n    }, []);\n\n    const hasSessions = debuggerStore.sessions.length > 0;\n\n    return (\n        <div className={\"flex flex-col gap-lg p-lg\"}>\n            {debuggerStore.enabled ? (\n                <Alert type={\"warning\"}>\n                    Debug capture is on. Responses include internal diagnostic data, which may\n                    contain content from your records. Turn it off when you are done.\n                </Alert>\n            ) : null}\n\n            <Switch\n                label={\"Capture debug data\"}\n                checked={debuggerStore.enabled}\n                onChange={onToggle}\n                note={\n                    \"Reproduce the problem with this on, then download the report and send it to \" +\n                    \"support.\"\n                }\n            />\n\n            <label className={\"flex flex-col gap-xs\"}>\n                <span>Namespaces</span>\n                <input\n                    type={\"text\"}\n                    className={\"border rounded-md p-sm\"}\n                    value={debuggerStore.namespaces}\n                    onChange={onNamespacesChange}\n                />\n                <span className={\"text-sm\"}>\n                    Leave as * to capture everything, or narrow it down - for example cms.os.*\n                </span>\n            </label>\n\n            <div className={\"flex gap-sm items-center\"}>\n                <span>\n                    {debuggerStore.sessions.length} responses collected, {debuggerStore.entryCount}{\" \"}\n                    entries\n                </span>\n                <Button text={\"Download report\"} onClick={downloadReport} disabled={!hasSessions} />\n                <Button\n                    variant={\"secondary\"}\n                    text={\"Clear\"}\n                    onClick={debuggerStore.clear}\n                    disabled={!hasSessions}\n                />\n            </div>\n        </div>\n    );\n});\n"],"names":["DebuggerView","observer","onToggle","useCallback","checked","debuggerStore","onNamespacesChange","event","hasSessions","Alert","Switch","Button","downloadReport"],"mappings":";;;;;;;AAQO,MAAMA,eAAeC,SAAS;IACjC,MAAMC,WAAWC,YAAY,CAACC;QAC1BC,cAAc,UAAU,CAACD;IAC7B,GAAG,EAAE;IAEL,MAAME,qBAAqBH,YAAY,CAACI;QACpCF,cAAc,aAAa,CAACE,MAAM,MAAM,CAAC,KAAK;IAClD,GAAG,EAAE;IAEL,MAAMC,cAAcH,cAAc,QAAQ,CAAC,MAAM,GAAG;IAEpD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXA,cAAc,OAAO,GAAG,WAAH,GAClB,oBAACI,OAAKA;QAAC,MAAM;OAAW,kJAIxB,oBAEJ,oBAACC,QAAMA;QACH,OAAO;QACP,SAASL,cAAc,OAAO;QAC9B,UAAUH;QACV,MACI;sBAKR,oBAAC;QAAM,WAAW;qBACd,oBAAC,cAAK,6BACN,oBAAC;QACG,MAAM;QACN,WAAW;QACX,OAAOG,cAAc,UAAU;QAC/B,UAAUC;sBAEd,oBAAC;QAAK,WAAW;OAAW,8FAKhC,oBAAC;QAAI,WAAW;qBACZ,oBAAC,cACID,cAAc,QAAQ,CAAC,MAAM,EAAC,0BAAuBA,cAAc,UAAU,EAAE,KAAI,0BAGxF,oBAACM,QAAMA;QAAC,MAAM;QAAmB,SAASC;QAAgB,UAAU,CAACJ;sBACrE,oBAACG,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAASN,cAAc,KAAK;QAC5B,UAAU,CAACG;;AAK/B"}

package/features/debugger/GraphQLExtensionsDebugHandler.d.ts

@@ -0,0 +1,15 @@
+import { GraphQLExtensionsEvent, GraphQLExtensionsEventHandler } from "@webiny/app/features/graphqlClient/index.js";
+/**
+ * Collects debug data from responses that did not go through Apollo.
+ *
+ * Newer parts of Admin - Website Builder among them - use the fetch-based `GraphQLClient` rather
+ * than Apollo, and that client returns only `data`. Without this the debugger would silently miss
+ * everything they do, which looks identical to capture being broken.
+ */
+declare class GraphQLExtensionsDebugHandlerImpl implements GraphQLExtensionsEventHandler.Interface {
+    handle(event: GraphQLExtensionsEvent): Promise<void>;
+}
+export declare const GraphQLExtensionsDebugHandler: typeof GraphQLExtensionsDebugHandlerImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app/features/eventPublisher/abstractions.js").IEventHandler<GraphQLExtensionsEvent>>;
+};
+export {};

package/features/debugger/GraphQLExtensionsDebugHandler.js

@@ -0,0 +1,15 @@
+import { GraphQLExtensionsEventHandler } from "@webiny/app/features/graphqlClient/index.js";
+import { debuggerStore } from "./DebuggerStore.js";
+class GraphQLExtensionsDebugHandlerImpl {
+    async handle(event) {
+        const debug = event.payload.extensions.debug;
+        if (debug) debuggerStore.collect(debug);
+    }
+}
+const GraphQLExtensionsDebugHandler = GraphQLExtensionsEventHandler.createImplementation({
+    implementation: GraphQLExtensionsDebugHandlerImpl,
+    dependencies: []
+});
+export { GraphQLExtensionsDebugHandler };
+
+//# sourceMappingURL=GraphQLExtensionsDebugHandler.js.map

package/features/debugger/GraphQLExtensionsDebugHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/GraphQLExtensionsDebugHandler.js","sources":["../../../src/features/debugger/GraphQLExtensionsDebugHandler.ts"],"sourcesContent":["import {\n    GraphQLExtensionsEvent,\n    GraphQLExtensionsEventHandler\n} from \"@webiny/app/features/graphqlClient/index.js\";\nimport { debuggerStore, type IDebugPayload } from \"./DebuggerStore.js\";\n\n/**\n * Collects debug data from responses that did not go through Apollo.\n *\n * Newer parts of Admin - Website Builder among them - use the fetch-based `GraphQLClient` rather\n * than Apollo, and that client returns only `data`. Without this the debugger would silently miss\n * everything they do, which looks identical to capture being broken.\n */\nclass GraphQLExtensionsDebugHandlerImpl implements GraphQLExtensionsEventHandler.Interface {\n    async handle(event: GraphQLExtensionsEvent): Promise<void> {\n        const debug = event.payload.extensions.debug as IDebugPayload | undefined;\n\n        if (debug) {\n            debuggerStore.collect(debug);\n        }\n    }\n}\n\nexport const GraphQLExtensionsDebugHandler = GraphQLExtensionsEventHandler.createImplementation({\n    implementation: GraphQLExtensionsDebugHandlerImpl,\n    dependencies: []\n});\n"],"names":["GraphQLExtensionsDebugHandlerImpl","event","debug","debuggerStore","GraphQLExtensionsDebugHandler","GraphQLExtensionsEventHandler"],"mappings":";;AAaA,MAAMA;IACF,MAAM,OAAOC,KAA6B,EAAiB;QACvD,MAAMC,QAAQD,MAAM,OAAO,CAAC,UAAU,CAAC,KAAK;QAE5C,IAAIC,OACAC,cAAc,OAAO,CAACD;IAE9B;AACJ;AAEO,MAAME,gCAAgCC,8BAA8B,oBAAoB,CAAC;IAC5F,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}

package/features/debugger/debuggerLink.d.ts

@@ -0,0 +1,12 @@
+import { ApolloLink } from "apollo-link";
+import type { DebuggerStore } from "./DebuggerStore.js";
+/**
+ * Collects whatever debug data comes back.
+ *
+ * Deliberately sends no request header. Whether to capture is decided entirely by the API from the
+ * identity's permissions, which keeps this off the CORS and CloudFront header whitelists - a header
+ * added there is cached in preflight responses for a day, so rolling one out breaks requests
+ * intermittently until every cache entry expires.
+ */
+export declare const DEBUG_HEADER = "x-webiny-debug";
+export declare const createDebuggerLink: (store: DebuggerStore) => ApolloLink;

package/features/debugger/debuggerLink.js

@@ -0,0 +1,10 @@
+import { ApolloLink } from "apollo-link";
+const DEBUG_HEADER = "x-webiny-debug";
+const createDebuggerLink = (store)=>new ApolloLink((operation, forward)=>forward(operation).map((response)=>{
+            const debug = response.extensions?.debug;
+            if (debug) store.collect(debug);
+            return response;
+        }));
+export { DEBUG_HEADER, createDebuggerLink };
+
+//# sourceMappingURL=debuggerLink.js.map

package/features/debugger/debuggerLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/debuggerLink.js","sources":["../../../src/features/debugger/debuggerLink.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport type { NextLink, Operation } from \"apollo-link\";\nimport type { DebuggerStore, IDebugPayload } from \"./DebuggerStore.js\";\n\n/**\n * Collects whatever debug data comes back.\n *\n * Deliberately sends no request header. Whether to capture is decided entirely by the API from the\n * identity's permissions, which keeps this off the CORS and CloudFront header whitelists - a header\n * added there is cached in preflight responses for a day, so rolling one out breaks requests\n * intermittently until every cache entry expires.\n */\nexport const DEBUG_HEADER = \"x-webiny-debug\";\n\nexport const createDebuggerLink = (store: DebuggerStore): ApolloLink => {\n    return new ApolloLink((operation: Operation, forward: NextLink) => {\n        /**\n         * Kept for reference. Sending the header requires it on the CORS allow-list, which is\n         * cached in preflight responses at CloudFront and in the browser for a day - so adding it\n         * breaks requests intermittently until every cache entry expires. The API decides from the\n         * identity's permissions instead, and needs nothing from the client.\n         *\n         * if (store.enabled) {\n         *     operation.setContext(({ headers = {} }: { headers?: Record<string, string> }) => {\n         *         return {\n         *             headers: {\n         *                 ...headers,\n         *                 [DEBUG_HEADER]: store.namespaces || \"*\"\n         *             }\n         *         };\n         *     });\n         * }\n         */\n        return forward(operation).map(response => {\n            /**\n             * Batched requests carry the payload on one arbitrary operation's result, so every\n             * response is inspected rather than only the one that was asked for.\n             */\n            const debug = (response.extensions as { debug?: IDebugPayload } | undefined)?.debug;\n\n            if (debug) {\n                store.collect(debug);\n            }\n\n            return response;\n        });\n    });\n};\n"],"names":["DEBUG_HEADER","createDebuggerLink","store","ApolloLink","operation","forward","response","debug"],"mappings":";AAYO,MAAMA,eAAe;AAErB,MAAMC,qBAAqB,CAACC,QACxB,IAAIC,WAAW,CAACC,WAAsBC,UAkBlCA,QAAQD,WAAW,GAAG,CAACE,CAAAA;YAK1B,MAAMC,QAASD,SAAS,UAAU,EAA4C;YAE9E,IAAIC,OACAL,MAAM,OAAO,CAACK;YAGlB,OAAOD;QACX"}

package/features/debugger/feature.d.ts

@@ -0,0 +1 @@
+export declare const DebuggerFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/features/debugger/feature.js

@@ -0,0 +1,18 @@
+import { ApolloLinkPlugin } from "@webiny/app";
+import { plugins } from "@webiny/plugins";
+import { createFeature } from "@webiny/feature/admin";
+import { createDebuggerLink } from "./debuggerLink.js";
+import { debuggerStore } from "./DebuggerStore.js";
+import { DebuggerPermissionsFeature } from "./permissions.js";
+import { GraphQLExtensionsDebugHandler } from "./GraphQLExtensionsDebugHandler.js";
+const DebuggerFeature = createFeature({
+    name: "Debugger",
+    register (container) {
+        DebuggerPermissionsFeature.register(container);
+        container.register(GraphQLExtensionsDebugHandler).inSingletonScope();
+        plugins.register(new ApolloLinkPlugin(()=>createDebuggerLink(debuggerStore)));
+    }
+});
+export { DebuggerFeature };
+
+//# sourceMappingURL=feature.js.map

package/features/debugger/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/debugger/feature.js","sources":["../../../src/features/debugger/feature.ts"],"sourcesContent":["import { ApolloLinkPlugin } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { createFeature } from \"@webiny/feature/admin\";\nimport { createDebuggerLink } from \"./debuggerLink.js\";\nimport { debuggerStore } from \"./DebuggerStore.js\";\nimport { DebuggerPermissionsFeature } from \"./permissions.js\";\nimport { GraphQLExtensionsDebugHandler } from \"./GraphQLExtensionsDebugHandler.js\";\n\nexport const DebuggerFeature = createFeature({\n    name: \"Debugger\",\n    register(container) {\n        DebuggerPermissionsFeature.register(container);\n\n        /**\n         * Collects from the fetch-based client, which Apollo links never see.\n         */\n        container.register(GraphQLExtensionsDebugHandler).inSingletonScope();\n\n        /**\n         * The link is always registered; whether it does anything is decided per request from the\n         * toggle. Registering conditionally would mean the link never appears for a toggle flipped\n         * after start-up.\n         */\n        plugins.register(new ApolloLinkPlugin(() => createDebuggerLink(debuggerStore)));\n    }\n});\n"],"names":["DebuggerFeature","createFeature","container","DebuggerPermissionsFeature","GraphQLExtensionsDebugHandler","plugins","ApolloLinkPlugin","createDebuggerLink","debuggerStore"],"mappings":";;;;;;;AAQO,MAAMA,kBAAkBC,cAAc;IACzC,MAAM;IACN,UAASC,SAAS;QACdC,2BAA2B,QAAQ,CAACD;QAKpCA,UAAU,QAAQ,CAACE,+BAA+B,gBAAgB;QAOlEC,QAAQ,QAAQ,CAAC,IAAIC,iBAAiB,IAAMC,mBAAmBC;IACnE;AACJ"}

package/features/debugger/index.d.ts

@@ -0,0 +1,7 @@
+export { Debugger } from "./Debugger.js";
+export { DebuggerIndicator } from "./DebuggerIndicator.js";
+export { DebuggerFeature } from "./feature.js";
+export { debuggerStore, DebuggerStore } from "./DebuggerStore.js";
+export { DebuggerRoutes } from "./routes.js";
+export { DEBUGGER_PERMISSIONS_SCHEMA, DebuggerPermissions, useDebuggerPermissions } from "./permissions.js";
+export { downloadReport } from "./report.js";

package/features/debugger/index.js

@@ -0,0 +1,7 @@
+export { Debugger } from "./Debugger.js";
+export { DebuggerIndicator } from "./DebuggerIndicator.js";
+export { DebuggerFeature } from "./feature.js";
+export { DebuggerStore, debuggerStore } from "./DebuggerStore.js";
+export { DebuggerRoutes } from "./routes.js";
+export { DEBUGGER_PERMISSIONS_SCHEMA, DebuggerPermissions, useDebuggerPermissions } from "./permissions.js";
+export { downloadReport } from "./report.js";

package/features/debugger/permissions.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Registered under its own name rather than joining the `dev-tools` group declared by the
+ * playgrounds: `Security.Permissions` is keyed by name, so a second registration using the same name
+ * would replace theirs and hide their entities from the role editor.
+ *
+ * The permission itself is `dev-tools.debug`, so it still sits under the Dev Tools prefix - and note
+ * the consequence: `dev-tools.*` held by a Dev Tools full-access role matches it.
+ */
+export declare const DEBUGGER_PERMISSIONS_SCHEMA: {
+    readonly prefix: "dev-tools";
+    readonly fullAccess: true;
+    readonly entities: [{
+        readonly id: "debug";
+        readonly title: "Debugger";
+        readonly permission: "dev-tools.debug";
+        readonly scopes: ["full"];
+    }];
+};
+export declare const DebuggerPermissions: import("@webiny/di").Abstraction<{
+    canAccess: (entityId: "debug") => boolean;
+    canAction: (action: string, entityId: "debug") => boolean;
+} & {
+    canRead: (entityId: string) => boolean;
+    canCreate: (entityId: string) => boolean;
+    canEdit: (entityId: string, item?: import("~/permissions/index.js").OwnableItem) => boolean;
+    canDelete: (entityId: string, item?: import("~/permissions/index.js").OwnableItem) => boolean;
+} & {
+    canPublish: (entityId: string) => boolean;
+    canUnpublish: (entityId: string) => boolean;
+}>;
+export declare const DebuggerPermissionsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    permissions: {
+        canAccess: (entityId: "debug") => boolean;
+        canAction: (action: string, entityId: "debug") => boolean;
+    } & {
+        canRead: (entityId: string) => boolean;
+        canCreate: (entityId: string) => boolean;
+        canEdit: (entityId: string, item?: import("~/permissions/index.js").OwnableItem) => boolean;
+        canDelete: (entityId: string, item?: import("~/permissions/index.js").OwnableItem) => boolean;
+    } & {
+        canPublish: (entityId: string) => boolean;
+        canUnpublish: (entityId: string) => boolean;
+    };
+}, []>;
+export declare const useDebuggerPermissions: () => {
+    canAccess: (entityId: "debug") => boolean;
+    canAction: (action: string, entityId: "debug") => boolean;
+} & {
+    canRead: (entityId: string) => boolean;
+    canCreate: (entityId: string) => boolean;
+    canEdit: (entityId: string, item?: import("~/permissions/index.js").OwnableItem) => boolean;
+    canDelete: (entityId: string, item?: import("~/permissions/index.js").OwnableItem) => boolean;
+} & {
+    canPublish: (entityId: string) => boolean;
+    canUnpublish: (entityId: string) => boolean;
+};
+export declare const DEBUG_PERMISSION_NAME = "dev-tools.debug";
+/**
+ * Whether the current identity may capture debug data.
+ *
+ * An exact match, deliberately: `*` and `dev-tools.*` do not grant it. Capture runs automatically
+ * for whoever holds this, so a wildcard would leave it permanently on for every full-access
+ * administrator, collecting record content on every request for people who never asked for it.
+ *
+ * Full access is therefore not enough. The entity has to be granted deliberately, and that act is
+ * the opt-in.
+ */
+export declare const useCanCaptureDebugData: () => boolean;