From 159ee66f55f62d6f4df2e6924e2618ec9a026286 Mon Sep 17 00:00:00 2001 From: Marc Mintel Date: Sat, 7 Mar 2026 22:43:38 +0100 Subject: [PATCH] fix: patch @mintel/payload-ai to remove missing SCSS import --- package.json | 3 + patches/@mintel__payload-ai@1.9.15.patch | 131 +++++++++++++++++++++++ pnpm-lock.yaml | 9 +- 3 files changed, 141 insertions(+), 2 deletions(-) create mode 100644 patches/@mintel__payload-ai@1.9.15.patch diff --git a/package.json b/package.json index 2058def1..6cdda423 100644 --- a/package.json +++ b/package.json @@ -164,6 +164,9 @@ "overrides": { "next": "16.1.6", "minimatch": ">=10.2.2" + }, + "patchedDependencies": { + "@mintel/payload-ai@1.9.15": "patches/@mintel__payload-ai@1.9.15.patch" } }, "browserslist": [ diff --git a/patches/@mintel__payload-ai@1.9.15.patch b/patches/@mintel__payload-ai@1.9.15.patch new file mode 100644 index 00000000..3593550a --- /dev/null +++ b/patches/@mintel__payload-ai@1.9.15.patch @@ -0,0 +1,131 @@ +diff --git a/dist/components/ChatWindow/index.js b/dist/components/ChatWindow/index.js +index 90c65bae4abb78beec98d8308e808e8ba341dcc2..f675dbc69ff82b64438288f53599c93a56391b64 100644 +--- a/dist/components/ChatWindow/index.js ++++ b/dist/components/ChatWindow/index.js +@@ -2,7 +2,6 @@ + import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime"; + import { useState } from 'react'; + import { useChat } from '@ai-sdk/react'; +-import './ChatWindow.scss'; + export const ChatWindowProvider = ({ children }) => { + return (_jsxs(_Fragment, { children: [children, _jsx(ChatWindow, {})] })); + }; +@@ -14,47 +13,63 @@ const ChatWindow = () => { + initialMessages: [] + }); + // Basic implementation to toggle chat window and submit messages +- return (_jsxs("div", { className: "payload-mcp-chat-container", children: [_jsx("button", { className: "payload-mcp-chat-toggle", onClick: () => setIsOpen(!isOpen), style: { +- position: 'fixed', +- bottom: '20px', +- right: '20px', +- zIndex: 9999, +- padding: '12px 24px', +- backgroundColor: '#000', +- color: '#fff', +- borderRadius: '8px', +- border: 'none', +- cursor: 'pointer', +- fontWeight: 'bold' +- }, children: isOpen ? 'Close AI Chat' : 'Ask AI' }), isOpen && (_jsxs("div", { className: "payload-mcp-chat-window", style: { +- position: 'fixed', +- bottom: '80px', +- right: '20px', +- width: '400px', +- height: '600px', +- backgroundColor: '#fff', +- border: '1px solid #eaeaea', +- borderRadius: '12px', +- zIndex: 9999, +- display: 'flex', +- flexDirection: 'column', +- boxShadow: '0 10px 40px rgba(0,0,0,0.1)' +- }, children: [_jsx("div", { className: "chat-header", style: { padding: '16px', borderBottom: '1px solid #eaeaea', backgroundColor: '#f9f9f9', borderTopLeftRadius: '12px', borderTopRightRadius: '12px' }, children: _jsx("h3", { style: { margin: 0, fontSize: '16px' }, children: "Payload MCP Chat" }) }), _jsx("div", { className: "chat-messages", style: { flex: 1, padding: '16px', overflowY: 'auto' }, children: messages.map((m) => (_jsx("div", { style: { +- marginBottom: '12px', +- textAlign: m.role === 'user' ? 'right' : 'left' +- }, children: _jsxs("div", { style: { +- display: 'inline-block', +- padding: '8px 12px', +- borderRadius: '8px', +- backgroundColor: m.role === 'user' ? '#000' : '#f0f0f0', +- color: m.role === 'user' ? '#fff' : '#000', +- maxWidth: '80%' +- }, children: [m.role === 'user' ? 'G: ' : 'AI: ', m.content] }) }, m.id))) }), _jsx("form", { onSubmit: handleSubmit, style: { padding: '16px', borderTop: '1px solid #eaeaea' }, children: _jsx("input", { value: input, placeholder: "Ask me anything or use /commands...", onChange: handleInputChange, style: { +- width: '100%', +- padding: '12px', +- borderRadius: '8px', +- border: '1px solid #eaeaea', +- boxSizing: 'border-box' +- } }) })] }))] })); ++ return (_jsxs("div", { ++ className: "payload-mcp-chat-container", children: [_jsx("button", { ++ className: "payload-mcp-chat-toggle", onClick: () => setIsOpen(!isOpen), style: { ++ position: 'fixed', ++ bottom: '20px', ++ right: '20px', ++ zIndex: 9999, ++ padding: '12px 24px', ++ backgroundColor: '#000', ++ color: '#fff', ++ borderRadius: '8px', ++ border: 'none', ++ cursor: 'pointer', ++ fontWeight: 'bold' ++ }, children: isOpen ? 'Close AI Chat' : 'Ask AI' ++ }), isOpen && (_jsxs("div", { ++ className: "payload-mcp-chat-window", style: { ++ position: 'fixed', ++ bottom: '80px', ++ right: '20px', ++ width: '400px', ++ height: '600px', ++ backgroundColor: '#fff', ++ border: '1px solid #eaeaea', ++ borderRadius: '12px', ++ zIndex: 9999, ++ display: 'flex', ++ flexDirection: 'column', ++ boxShadow: '0 10px 40px rgba(0,0,0,0.1)' ++ }, children: [_jsx("div", { className: "chat-header", style: { padding: '16px', borderBottom: '1px solid #eaeaea', backgroundColor: '#f9f9f9', borderTopLeftRadius: '12px', borderTopRightRadius: '12px' }, children: _jsx("h3", { style: { margin: 0, fontSize: '16px' }, children: "Payload MCP Chat" }) }), _jsx("div", { ++ className: "chat-messages", style: { flex: 1, padding: '16px', overflowY: 'auto' }, children: messages.map((m) => (_jsx("div", { ++ style: { ++ marginBottom: '12px', ++ textAlign: m.role === 'user' ? 'right' : 'left' ++ }, children: _jsxs("div", { ++ style: { ++ display: 'inline-block', ++ padding: '8px 12px', ++ borderRadius: '8px', ++ backgroundColor: m.role === 'user' ? '#000' : '#f0f0f0', ++ color: m.role === 'user' ? '#fff' : '#000', ++ maxWidth: '80%' ++ }, children: [m.role === 'user' ? 'G: ' : 'AI: ', m.content] ++ }) ++ }, m.id))) ++ }), _jsx("form", { ++ onSubmit: handleSubmit, style: { padding: '16px', borderTop: '1px solid #eaeaea' }, children: _jsx("input", { ++ value: input, placeholder: "Ask me anything or use /commands...", onChange: handleInputChange, style: { ++ width: '100%', ++ padding: '12px', ++ borderRadius: '8px', ++ border: '1px solid #eaeaea', ++ boxSizing: 'border-box' ++ } ++ }) ++ })] ++ }))] ++ })); + }; + //# sourceMappingURL=index.js.map +\ No newline at end of file +diff --git a/src/components/ChatWindow/index.tsx b/src/components/ChatWindow/index.tsx +index 9081ae77d4eae53ce660e285c1a6babde99ceaab..f262f1dd0fd1199734024cc27905d956e31900a2 100644 +--- a/src/components/ChatWindow/index.tsx ++++ b/src/components/ChatWindow/index.tsx +@@ -2,7 +2,6 @@ + + import React, { useState } from 'react' + import { useChat } from '@ai-sdk/react' +-import './ChatWindow.scss' + + export const ChatWindowProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => { + return ( diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0497a26c..ed77caea 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -8,6 +8,11 @@ overrides: next: 16.1.6 minimatch: '>=10.2.2' +patchedDependencies: + '@mintel/payload-ai@1.9.15': + hash: 934315d3f15180552789a94bf76c34624501f601cc7409c24da3dc27af96c8fb + path: patches/@mintel__payload-ai@1.9.15.patch + importers: .: @@ -32,7 +37,7 @@ importers: version: 1.9.5(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@swc/helpers@0.5.18)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3)(typescript@5.9.3) '@mintel/payload-ai': specifier: ^1.9.15 - version: 1.9.15(@payloadcms/next@3.77.0(@types/react@19.2.13)(graphql@16.12.0)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(@payloadcms/ui@3.77.0(@types/react@19.2.13)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)(ws@8.19.0) + version: 1.9.15(patch_hash=934315d3f15180552789a94bf76c34624501f601cc7409c24da3dc27af96c8fb)(@payloadcms/next@3.77.0(@types/react@19.2.13)(graphql@16.12.0)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(@payloadcms/ui@3.77.0(@types/react@19.2.13)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)(ws@8.19.0) '@payloadcms/db-postgres': specifier: ^3.77.0 version: 3.77.0(@opentelemetry/api@1.9.0)(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3)) @@ -10800,7 +10805,7 @@ snapshots: - sass - typescript - '@mintel/payload-ai@1.9.15(@payloadcms/next@3.77.0(@types/react@19.2.13)(graphql@16.12.0)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(@payloadcms/ui@3.77.0(@types/react@19.2.13)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)(ws@8.19.0)': + '@mintel/payload-ai@1.9.15(patch_hash=934315d3f15180552789a94bf76c34624501f601cc7409c24da3dc27af96c8fb)(@payloadcms/next@3.77.0(@types/react@19.2.13)(graphql@16.12.0)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(@payloadcms/ui@3.77.0(@types/react@19.2.13)(monaco-editor@0.55.1)(next@16.1.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.97.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3))(payload@3.77.0(graphql@16.12.0)(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)(ws@8.19.0)': dependencies: '@ai-sdk/openai': 3.0.41(zod@3.25.76) '@ai-sdk/react': 3.0.118(react@19.2.4)(zod@3.25.76)