diff --git a/assets/flash-notifications-bundle.js b/assets/flash-notifications-bundle.js index 22a454e39..814db38ef 100644 --- a/assets/flash-notifications-bundle.js +++ b/assets/flash-notifications-bundle.js @@ -5,10 +5,10 @@ import { N as Notification, T as Title, C as Close, - aa as FLASH_NOTIFICATIONS_KEY, - a7 as reactDomExports, - a8 as ThemeProviders, - a9 as createTheme, + a9 as FLASH_NOTIFICATIONS_KEY, + a6 as reactDomExports, + a7 as ThemeProviders, + a8 as createTheme, } from "shared"; function FlashNotifications({ notifications, closeLabel }) { diff --git a/assets/navigation-bundle.js b/assets/navigation-bundle.js index c35caf33b..9c830ca6d 100644 --- a/assets/navigation-bundle.js +++ b/assets/navigation-bundle.js @@ -1,14 +1,14 @@ import { - ab as api, + aa as api, r as reactExports, j as jsxRuntimeExports, - ac as Ye, - ad as cn, - ae as yt, - af as je, - a7 as reactDomExports, - a8 as ThemeProviders, - a9 as createTheme, + ab as Ye, + ac as cn, + ad as yt, + ae as je, + a6 as reactDomExports, + a7 as ThemeProviders, + a8 as createTheme, } from "shared"; import { T as ThemeIconMap, diff --git a/assets/new-request-form-bundle.js b/assets/new-request-form-bundle.js index 43d19be1b..7a8c9d160 100644 --- a/assets/new-request-form-bundle.js +++ b/assets/new-request-form-bundle.js @@ -24,7 +24,7 @@ import { l as OptGroup, p as purify, m as FileList, - n as File, + n as File$1, o as Tooltip, P as Progress, A as Anchor, @@ -40,7 +40,6 @@ import { B as SvgAlertWarningStroke, E as MediaInput, G as SvgCreditCardStroke, - $ as $e, J as getColorV8, Q as Header, R as SvgCheckCircleStroke, @@ -51,16 +50,16 @@ import { Y as Paragraph, Z as Footer$1, _ as FooterItem, - a0 as Button, - a1 as Close$1, - a2 as addFlashNotification, - a3 as debounce, - a4 as Alert, - a5 as initI18next, - a6 as loadTranslations, - a7 as reactDomExports, - a8 as ThemeProviders, - a9 as createTheme, + $ as Button, + a0 as Close$1, + a1 as addFlashNotification, + a2 as debounce, + a3 as Alert, + a4 as initI18next, + a5 as loadTranslations, + a6 as reactDomExports, + a7 as ThemeProviders, + a8 as createTheme, } from "shared"; function Input({ field, onChange }) { @@ -91,13 +90,14 @@ function Input({ field, onChange }) { jsxRuntimeExports.jsx(Input$1, { name: name, type: inputType, - defaultValue: value, + defaultValue: value && value !== "" ? value : `Enter ${label}`, validation: error ? "error" : undefined, required: required, onChange: (e) => { onChange && onChange(e.target.value); }, autoComplete: autocomplete, + className: "custom-input", ...stepProp, }), error && @@ -182,7 +182,7 @@ function TextArea({ userRole, brandId, }); - return jsxRuntimeExports.jsxs("div", { + return jsxRuntimeExports.jsxs(Field, { className: "custom-form-field-layout", children: [ jsxRuntimeExports.jsxs(Label, { @@ -224,7 +224,10 @@ function EmptyValueOption() { const { t } = useTranslation(); return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [ - jsxRuntimeExports.jsx(Span, { "aria-hidden": "true", children: "-" }), + jsxRuntimeExports.jsx(Span, { + "aria-hidden": "true", + children: "Select an option", + }), jsxRuntimeExports.jsx(Span, { hidden: true, children: t( @@ -865,7 +868,7 @@ function FileListItem({ file, onRemove }) { "Remove file" ); return jsxRuntimeExports.jsx(FileList.Item, { - children: jsxRuntimeExports.jsx(File, { + children: jsxRuntimeExports.jsx(File$1, { type: "generic", title: fileName, onKeyDown: handleFileKeyDown, @@ -876,7 +879,7 @@ function FileListItem({ file, onRemove }) { jsxRuntimeExports.jsx(FileNameWrapper, { children: fileName }), jsxRuntimeExports.jsx(Tooltip, { content: stopUploadLabel, - children: jsxRuntimeExports.jsx(File.Close, { + children: jsxRuntimeExports.jsx(File$1.Close, { "aria-label": stopUploadLabel, onClick: () => { onRemove(); @@ -906,7 +909,7 @@ function FileListItem({ file, onRemove }) { }), jsxRuntimeExports.jsx(Tooltip, { content: removeFileLabel, - children: jsxRuntimeExports.jsx(File.Delete, { + children: jsxRuntimeExports.jsx(File$1.Delete, { "aria-label": removeFileLabel, onClick: () => { onRemove(); @@ -1104,7 +1107,7 @@ function Attachments({ field }) { }); } }; - return jsxRuntimeExports.jsxs("div", { + return jsxRuntimeExports.jsxs(Field, { className: "custom-form-field-layout", children: [ jsxRuntimeExports.jsx(Label, { @@ -1119,8 +1122,10 @@ function Attachments({ field }) { jsxRuntimeExports.jsxs(FileUpload, { ...getRootProps(), isDragging: isDragActive, - className: "!border-0 !bg-light-surface-3 dark:!bg-light-surface-3", + className: + "!border-0 !bg-light-surface-3 dark:!bg-dark-surface-3 !rounded-xl !py-3 flex flex-row space-x-4", children: [ + jsxRuntimeExports.jsx(File, {}), isDragActive ? jsxRuntimeExports.jsx("span", { children: t( @@ -1130,7 +1135,7 @@ function Attachments({ field }) { }) : jsxRuntimeExports.jsx("span", { className: - "label-2 !text-light-neutral-1 dark:!text-dark-neutral-1", + "button-label-2 !text-light-neutral-1 dark:!text-dark-neutral-1", children: t( "new-request-form.attachments.choose-file-label", "Add file or drop files here" @@ -1163,6 +1168,20 @@ function Attachments({ field }) { ], }); } +const File = () => { + return jsxRuntimeExports.jsx("svg", { + className: "mx-0.5 min-w-4 min-h-4", + xmlns: "http://www.w3.org/2000/svg", + width: "25", + height: "24", + viewBox: "0 0 25 24", + fill: "none", + children: jsxRuntimeExports.jsx("path", { + d: "M15.25 6V3.75L19.75 8.25H17.5C15.92 8.25 15.25 7.58 15.25 6ZM17.5 9.75C15.08 9.75 13.75 8.42 13.75 6V3H8.5C6.5 3 5.5 4 5.5 6V18C5.5 20 6.5 21 8.5 21H17.5C19.5 21 20.5 20 20.5 18V9.75H17.5Z", + className: "fill-light-neutral-1 dark:fill-dark-neutral-1", + }), + }); +}; function getFieldConditions(fieldId, endUserConditions) { return endUserConditions.filter((condition) => { @@ -1448,7 +1467,7 @@ function useTagsInputContainer({ const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; -const Container$1 = styled(FauxInput)` +const Container = styled(FauxInput)` padding: ${(props) => `${props.theme.space.xxs} ${props.theme.space.sm}`}; // Removes white spaces for inline elements @@ -1558,7 +1577,7 @@ function CcField({ field }) { children: [ jsxRuntimeExports.jsx(Label, { children: label }), description && jsxRuntimeExports.jsx(Hint, { children: description }), - jsxRuntimeExports.jsxs(Container$1, { + jsxRuntimeExports.jsxs(Container, { ...getContainerProps(), children: [ tags.length > 0 && @@ -1754,6 +1773,7 @@ function Tagger({ field, onChange }) { renderValue: ({ selection }) => selection?.label ?? jsxRuntimeExports.jsx(EmptyValueOption, {}), isExpanded: isExpanded, + className: "custom-combobox", children: [ currentGroup.type === "SubGroup" && jsxRuntimeExports.jsx(Option, { ...currentGroup.backOption }), @@ -1796,114 +1816,6 @@ function Tagger({ field, onChange }) { }); } -function useDebounce(value, delayMs) { - const [debouncedValue, setDebouncedValue] = reactExports.useState(value); - reactExports.useEffect(() => { - const timer = setTimeout(() => setDebouncedValue(value), delayMs); - return () => { - clearTimeout(timer); - }; - }, [value, delayMs]); - return debouncedValue; -} - -const slideIn = $e` - from { - grid-template-rows: 0fr; - } - to { - grid-template-rows: 1fr; - } -`; -const Container = styled.div` - display: grid; - animation: ${slideIn} 200ms forwards; -`; -const InnerContainer = styled.div` - overflow: hidden; -`; -const UnstyledList = styled.ul` - list-style: none; - padding: 0; - margin: 0; -`; -const ListItem = styled.li` - margin: ${(props) => props.theme.space.sm} 0; -`; -function hasMinLength(value) { - const firstLetter = value.charCodeAt(0); - /* - * Special case considering CJK characters. Since ideographs represent - * whole words, we want to start searching when just two has been typed. - * - * Unicode range reference: - * http://www.unicode.org/versions/Unicode5.0.0/ch12.pdf#G16616 - */ - if (firstLetter >= 0x4e00 && firstLetter <= 0x2fa1f) { - return value.length >= 2; - } else { - return value.length >= 3; - } -} -function SuggestedArticles({ query: inputQuery, locale }) { - const debouncedQuery = useDebounce(inputQuery, 500); - const [articles, setArticles] = reactExports.useState([]); - const requestsCache = reactExports.useRef({}); - const { t } = useTranslation(); - reactExports.useEffect(() => { - const query = debouncedQuery?.trim().toLocaleLowerCase(); - if (!query || !hasMinLength(query)) { - setArticles([]); - return; - } - const requestUrl = new URL( - `${window.location.origin}/api/v2/help_center/deflection/suggestions.json` - ); - requestUrl.searchParams.append("locale", locale); - requestUrl.searchParams.append("query", query); - const cachedResponse = requestsCache.current[requestUrl.toString()]; - if (cachedResponse) { - setArticles(cachedResponse); - return; - } - fetch(requestUrl) - .then((response) => response.json()) - .then(({ results }) => { - requestsCache.current[requestUrl.toString()] = results; - setArticles(results); - }); - }, [debouncedQuery, locale]); - return articles.length > 0 - ? jsxRuntimeExports.jsx(Container, { - "data-test-id": "suggested-articles", - children: jsxRuntimeExports.jsxs(InnerContainer, { - children: [ - jsxRuntimeExports.jsx("h2", { - children: t( - "new-request-form.suggested-articles", - "Suggested articles" - ), - }), - jsxRuntimeExports.jsx(UnstyledList, { - children: articles.map((article) => - jsxRuntimeExports.jsx( - ListItem, - { - children: jsxRuntimeExports.jsx(Anchor, { - href: article.html_url, - children: article.name, - }), - }, - article.html_url - ) - ), - }), - ], - }), - }) - : null; -} - const H3 = styled.h3` font-size: ${(props) => props.theme.fontSizes.md}; font-weight: ${(props) => props.theme.fontWeights.bold}; @@ -2485,8 +2397,19 @@ function NewRequestForm({ visibleFields.map((field) => { switch (field.type) { case "subject": - return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { + return jsxRuntimeExports.jsxs("div", { + className: "custom-form-field-layout", children: [ + jsxRuntimeExports.jsxs(Label, { + className: "custom-title", + children: [ + "Subject", + jsxRuntimeExports.jsx(Span, { + "aria-hidden": "true", + children: "*", + }), + ], + }), jsxRuntimeExports.jsx( Input, { @@ -2593,8 +2516,11 @@ function NewRequestForm({ onChange: (value) => handleChange(field, value), }); case "multiselect": + if (field.label.includes("RA:")) { + return jsxRuntimeExports.jsx(MultiSelect, { field: field }); + } return jsxRuntimeExports.jsx(MultiSelect, { field: field }); - // Issue type + // Field for Issue type case "tagger": return jsxRuntimeExports.jsx( Tagger, @@ -2632,12 +2558,14 @@ function NewRequestForm({ ) ), jsxRuntimeExports.jsx(Footer, { + className: "!mt-0", children: (ticket_form_field.options.length === 0 || ticket_form_field.value) && jsxRuntimeExports.jsx(Button, { isPrimary: true, type: "submit", + className: "custom-submit-button", children: t("new-request-form.submit", "Submit"), }), }), diff --git a/assets/new-request-form-translations-bundle.js b/assets/new-request-form-translations-bundle.js index b5945a310..7f8ac6e38 100644 --- a/assets/new-request-form-translations-bundle.js +++ b/assets/new-request-form-translations-bundle.js @@ -15,7 +15,7 @@ var af = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -179,7 +179,7 @@ var az = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -333,7 +333,7 @@ var bn = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -383,7 +383,7 @@ var bs = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -540,7 +540,7 @@ var cy = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -855,7 +855,7 @@ var en001 = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -905,7 +905,7 @@ var en150 = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -955,7 +955,7 @@ var enAu = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1005,7 +1005,7 @@ var enCa = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1055,7 +1055,7 @@ var enGb = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1105,7 +1105,7 @@ var enMy = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1155,7 +1155,7 @@ var enPh = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1205,7 +1205,7 @@ var enSe = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1255,7 +1255,7 @@ var enUs = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1305,7 +1305,7 @@ var enXDev = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1424,7 +1424,7 @@ var enXObsolete = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1539,7 +1539,7 @@ var enXTest = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1751,7 +1751,7 @@ var et = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1855,7 +1855,7 @@ var faAf = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -1905,7 +1905,7 @@ var fa = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2005,7 +2005,7 @@ var fil = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2055,7 +2055,7 @@ var fo = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2212,7 +2212,7 @@ var ga = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2362,7 +2362,7 @@ var hr = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2467,7 +2467,7 @@ var hy = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2571,7 +2571,7 @@ var is = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2781,7 +2781,7 @@ var ka = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2831,7 +2831,7 @@ var kk = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2881,7 +2881,7 @@ var klDk = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -2981,7 +2981,7 @@ var ku = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3031,7 +3031,7 @@ var lt = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3081,7 +3081,7 @@ var lv = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3131,7 +3131,7 @@ var mk = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3181,7 +3181,7 @@ var mn = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3231,7 +3231,7 @@ var ms = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3281,7 +3281,7 @@ var mt = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3331,7 +3331,7 @@ var my = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3795,7 +3795,7 @@ var sk = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3845,7 +3845,7 @@ var sl = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3895,7 +3895,7 @@ var sq = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3945,7 +3945,7 @@ var srMe = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -3995,7 +3995,7 @@ var sr = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -4200,7 +4200,7 @@ var uk = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -4250,7 +4250,7 @@ var ur = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", @@ -4300,7 +4300,7 @@ var uz = { "While you wait, do any of these articles answer your question?", "new-request-form.answer-bot-modal.view-article": "View article", "new-request-form.attachments.choose-file-label": - "Choose a file or drag and drop here", + "Add file or drop files here", "new-request-form.attachments.drop-files-label": "Drop files here", "new-request-form.attachments.remove-file": "Remove file", "new-request-form.attachments.stop-upload": "Stop upload", diff --git a/assets/shared-bundle.js b/assets/shared-bundle.js index 8f31100a7..4fa655b56 100644 --- a/assets/shared-bundle.js +++ b/assets/shared-bundle.js @@ -62985,7 +62985,7 @@ let Ce = K$1(xe), Ye = Object.assign(Ce, { Group: Le, Label: Re, Description: Ge }); export { - $e$1 as $, + Button as $, Anchor as A, SvgAlertWarningStroke as B, Close$4 as C, @@ -63014,22 +63014,21 @@ export { Footer as Z, FooterItem as _, useTranslation as a, - Button as a0, - Close as a1, - addFlashNotification as a2, - debounce$3 as a3, - Alert as a4, - initI18next as a5, - loadTranslations as a6, - reactDomExports as a7, - ThemeProviders as a8, - createTheme as a9, - FLASH_NOTIFICATIONS_KEY as aa, - api as ab, - Ye as ac, - cn as ad, - yt as ae, - je as af, + Close as a0, + addFlashNotification as a1, + debounce$3 as a2, + Alert as a3, + initI18next as a4, + loadTranslations as a5, + reactDomExports as a6, + ThemeProviders as a7, + createTheme as a8, + FLASH_NOTIFICATIONS_KEY as a9, + api as aa, + Ye as ab, + cn as ac, + yt as ad, + je as ae, Textarea as b, commonjsGlobal as c, Field as d, diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css index 18ebd87d5..b60db363a 100644 --- a/assets/tailwind-output.css +++ b/assets/tailwind-output.css @@ -714,6 +714,11 @@ video { margin-bottom: auto !important; } +.mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; +} + .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; @@ -734,6 +739,14 @@ video { margin-bottom: 1.5rem; } +.\!mt-0 { + margin-top: 0px !important; +} + +.\!mt-6 { + margin-top: 1.5rem !important; +} + .mb-12 { margin-bottom: 3rem; } @@ -774,6 +787,10 @@ video { margin-top: 0.5rem; } +.mt-3 { + margin-top: 0.75rem; +} + .mt-\[1\.875rem\] { margin-top: 1.875rem; } @@ -913,6 +930,14 @@ video { height: 1.5rem; } +.\!min-h-\[7\.5rem\] { + min-height: 7.5rem !important; +} + +.min-h-4 { + min-height: 1rem; +} + .min-h-\[15\.625rem\] { min-height: 15.625rem; } @@ -953,6 +978,10 @@ video { width: 100vw; } +.min-w-4 { + min-width: 1rem; +} + .min-w-\[10\.25rem\] { min-width: 10.25rem; } @@ -1029,10 +1058,18 @@ video { resize: both; } +.list-none { + list-style-type: none; +} + .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + .flex-row { flex-direction: row; } @@ -1073,6 +1110,12 @@ video { gap: 1rem; } +.space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-x-gap-large > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); @@ -1125,6 +1168,14 @@ video { word-break: break-all; } +.\!rounded-\[1\.25rem\] { + border-radius: 1.25rem !important; +} + +.\!rounded-xl { + border-radius: 0.75rem !important; +} + .rounded { border-radius: 0.25rem; } @@ -1186,6 +1237,11 @@ video { border-color: rgba(34, 34, 34, 0.05); } +.\!bg-light-accent-2 { + --tw-bg-opacity: 1 !important; + background-color: rgb(254 244 255 / var(--tw-bg-opacity)) !important; +} + .\!bg-light-surface-3 { background-color: rgba(34, 34, 34, 0.05) !important; } @@ -1402,6 +1458,10 @@ video { fill: #f50db4; } +.\!p-4 { + padding: 1rem !important; +} + .p-2 { padding: 0.5rem; } @@ -1427,6 +1487,11 @@ video { padding-bottom: 0px !important; } +.\!py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1603,6 +1668,11 @@ video { var(--tw-numeric-fraction); } +.\!text-light-accent-1 { + --tw-text-opacity: 1 !important; + color: rgb(245 13 180 / var(--tw-text-opacity)) !important; +} + .\!text-light-neutral-1 { --tw-text-opacity: 1 !important; color: rgb(34 34 34 / var(--tw-text-opacity)) !important; @@ -1890,6 +1960,15 @@ video { -moz-osx-font-smoothing: grayscale; } +.\!heading-3 { + font-family: var(--font-basel-grotesk) !important; + font-size: 1.5rem !important; + font-weight: 485 !important; + line-height: 2rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + .heading-3 { font-family: var(--font-basel-grotesk); font-size: 1.5rem; @@ -1926,6 +2005,15 @@ video { -moz-osx-font-smoothing: grayscale; } +.\!body-2 { + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 485 !important; + line-height: 1/5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + .body-2 { font-family: var(--font-basel-grotesk); font-size: 1rem; @@ -2025,6 +2113,14 @@ video { background-color: rgba(255, 255, 255, 0.12) !important; } +.ck.ck-editor__main > .ck-editor__editable { + border-radius: 0.75rem !important; +} + +.ck.ck-toolbar { + display: none !important; +} + .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content { border-width: 0px !important; } @@ -2088,6 +2184,236 @@ video { margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } +.custom-input { + border-radius: 0.75rem !important; + border-width: 0px !important; + background-color: rgba(34, 34, 34, 0.05) !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; + padding-left: 1rem !important; + padding-right: 1rem !important; + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 485 !important; + line-height: 1/5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +.custom-input::-moz-placeholder { + --tw-text-opacity: 1 !important; + color: rgb(125 125 125 / var(--tw-text-opacity)) !important; +} + +.custom-input::placeholder { + --tw-text-opacity: 1 !important; + color: rgb(125 125 125 / var(--tw-text-opacity)) !important; +} + +.custom-input:where(.dark, .dark *) { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.custom-input:where(.dark, .dark *)::-moz-placeholder { + --tw-text-opacity: 1 !important; + color: rgb(155 155 155 / var(--tw-text-opacity)) !important; +} + +.custom-input:where(.dark, .dark *)::placeholder { + --tw-text-opacity: 1 !important; + color: rgb(155 155 155 / var(--tw-text-opacity)) !important; +} + +.custom-combobox > div:first-child { + height: auto !important; + max-height: none !important; + border-radius: 0.75rem !important; + border-width: 0px !important; + background-color: rgba(34, 34, 34, 0.05) !important; + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; + padding-left: 1rem !important; + padding-right: 1rem !important; + --tw-text-opacity: 1 !important; + color: rgb(125 125 125 / var(--tw-text-opacity)) !important; + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 485 !important; + line-height: 1/5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +.custom-combobox > div:first-child:where(.dark, .dark *) { + background-color: rgba(255, 255, 255, 0.12) !important; + --tw-text-opacity: 1 !important; + color: rgb(155 155 155 / var(--tw-text-opacity)) !important; +} + +.custom-combobox > div:nth-child(2) { + border-top-left-radius: 0px !important; + border-top-right-radius: 0px !important; + --tw-bg-opacity: 1 !important; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; +} + +.custom-combobox > div:nth-child(2):where(.dark, .dark *) { + --tw-bg-opacity: 1 !important; + background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; +} + +.custom-combobox > div:nth-child(2) { + ul { + border-radius: 0.75rem !important; + } + ul { + border-width: 0px !important; + } + ul { + background-color: rgba(34, 34, 34, 0.05) !important; + } + ul { + padding: 0px !important; + } + ul { + --tw-shadow: 0 0 #0000 !important; + --tw-shadow-colored: 0 0 #0000 !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + } + ul { + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 485 !important; + line-height: 1/5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + } + ul:where(.dark, .dark *) { + background-color: rgba(255, 255, 255, 0.12) !important; + } + ul { + li { + display: flex !important; + } + li { + flex-direction: row !important; + } + li { + justify-content: center !important; + } + li > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0 !important; + margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important; + margin-left: calc( + 0.75rem * calc(1 - var(--tw-space-x-reverse)) + ) !important; + } + li:hover { + border-width: 0px !important; + } + li:hover { + background-color: rgba(34, 34, 34, 0.09) !important; + } + li:hover { + --tw-shadow: 0 0 #0000 !important; + --tw-shadow-colored: 0 0 #0000 !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + } + li:where(.dark, .dark *):hover { + background-color: rgba(255, 255, 255, 0.16) !important; + } + li { + svg { + margin-top: 0.5rem !important; + } + svg { + fill: none !important; + } + svg { + --tw-text-opacity: 1 !important; + color: rgb(34 34 34 / var(--tw-text-opacity)) !important; + } + svg:where(.dark, .dark *) { + --tw-text-opacity: 1 !important; + color: rgb(255 255 255 / var(--tw-text-opacity)) !important; + } + div { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + div { + --tw-text-opacity: 1 !important; + color: rgb(34 34 34 / var(--tw-text-opacity)) !important; + } + div { + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 485 !important; + line-height: 1/5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + } + div:hover { + border-width: 0px !important; + } + div:hover { + border-color: transparent !important; + } + div:where(.dark, .dark *) { + --tw-text-opacity: 1 !important; + color: rgb(255 255 255 / var(--tw-text-opacity)) !important; + } + } + } +} + +.custom-combobox > div > div > div > div { + margin-top: 0px !important; + margin-bottom: 0px !important; +} + +.custom-combobox > div span { + --tw-text-opacity: 1 !important; + color: rgb(125 125 125 / var(--tw-text-opacity)) !important; + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 485 !important; + line-height: 1/5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +.custom-combobox > div span:where(.dark, .dark *) { + --tw-text-opacity: 1 !important; + color: rgb(155 155 155 / var(--tw-text-opacity)) !important; +} + +.custom-submit-button { + width: 16.75rem !important; + border-radius: 0.75rem !important; + --tw-bg-opacity: 1 !important; + background-color: rgb(245 13 180 / var(--tw-bg-opacity)) !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; + padding-left: 1rem !important; + padding-right: 1rem !important; + --tw-text-opacity: 1 !important; + color: rgb(255 255 255 / var(--tw-text-opacity)) !important; + font-family: var(--font-basel-grotesk) !important; + font-size: 1rem !important; + font-weight: 600 !important; + line-height: 1.5rem !important; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +.custom-submit-button:where(.dark, .dark *) { + --tw-bg-opacity: 1 !important; + background-color: rgb(252 116 254 / var(--tw-bg-opacity)) !important; +} + .placeholder\:text-light-pink-vibrant::-moz-placeholder { --tw-text-opacity: 1; color: rgb(245 13 180 / var(--tw-text-opacity)); @@ -2098,6 +2424,11 @@ video { color: rgb(245 13 180 / var(--tw-text-opacity)); } +.hover\:\!bg-light-accent-2-hovered:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(254 235 252 / var(--tw-bg-opacity)) !important; +} + .hover\:bg-dark-accent-1-hovered:hover { --tw-bg-opacity: 1; background-color: rgb(253 60 254 / var(--tw-bg-opacity)); @@ -2146,11 +2477,20 @@ video { background-color: rgba(34, 34, 34, 0.09); } +.hover\:\!text-light-accent-1-hovered:hover { + --tw-text-opacity: 1 !important; + color: rgb(199 10 146 / var(--tw-text-opacity)) !important; +} + .hover\:text-light-pink-vibrant:hover { --tw-text-opacity: 1; color: rgb(245 13 180 / var(--tw-text-opacity)); } +.hover\:\!no-underline:hover { + text-decoration-line: none !important; +} + .group:hover .group-hover\:fill-light-neutral-1 { fill: #222222; } @@ -2374,8 +2714,18 @@ video { border-color: rgba(255, 255, 255, 0.12); } -.dark\:\!bg-light-surface-3:where(.dark, .dark *) { - background-color: rgba(34, 34, 34, 0.05) !important; +.dark\:\!bg-dark-accent-2:where(.dark, .dark *) { + --tw-bg-opacity: 1 !important; + background-color: rgb(54 26 55 / var(--tw-bg-opacity)) !important; +} + +.dark\:\!bg-dark-surface-1:where(.dark, .dark *) { + --tw-bg-opacity: 1 !important; + background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; +} + +.dark\:\!bg-dark-surface-3:where(.dark, .dark *) { + background-color: rgba(255, 255, 255, 0.12) !important; } .dark\:bg-dark-accent-1:where(.dark, .dark *) { @@ -2468,6 +2818,11 @@ video { fill: #fc74fe; } +.dark\:\!text-dark-accent-1:where(.dark, .dark *) { + --tw-text-opacity: 1 !important; + color: rgb(252 116 254 / var(--tw-text-opacity)) !important; +} + .dark\:\!text-dark-neutral-1:where(.dark, .dark *) { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; @@ -2523,11 +2878,6 @@ video { color: rgb(33 201 94 / var(--tw-text-opacity)); } -.dark\:text-light-neutral-1:where(.dark, .dark *) { - --tw-text-opacity: 1; - color: rgb(34 34 34 / var(--tw-text-opacity)); -} - .dark\:placeholder\:text-dark-pink-vibrant:where( .dark, .dark * @@ -2559,6 +2909,11 @@ video { background-color: rgba(255, 255, 255, 0.16); } +.hover\:dark\:\!bg-dark-accent-2-hovered:where(.dark, .dark *):hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(81 13 67 / var(--tw-bg-opacity)) !important; +} + .hover\:dark\:bg-dark-accent-2:where(.dark, .dark *):hover { --tw-bg-opacity: 1; background-color: rgb(54 26 55 / var(--tw-bg-opacity)); @@ -2574,6 +2929,11 @@ video { color: rgb(252 116 254 / var(--tw-text-opacity)); } +.hover\:dark\:\!text-dark-accent-1-hovered:where(.dark, .dark *):hover { + --tw-text-opacity: 1 !important; + color: rgb(253 60 254 / var(--tw-text-opacity)) !important; +} + .group:hover .group-hover\:dark\:fill-dark-neutral-1:where(.dark, .dark *) { fill: #ffffff; } diff --git a/src/modules/new-request-form/NewRequestForm.tsx b/src/modules/new-request-form/NewRequestForm.tsx index 67624fc83..30db97e9c 100644 --- a/src/modules/new-request-form/NewRequestForm.tsx +++ b/src/modules/new-request-form/NewRequestForm.tsx @@ -1,5 +1,5 @@ import type { AnswerBot, Field, RequestForm } from "./data-types"; -import { useCallback, useEffect, useState } from "react"; +import { useCallback, useState } from "react"; import { Input } from "./fields/Input"; import { TextArea } from "./fields/textarea/TextArea"; import { DropDown } from "./fields/DropDown"; @@ -18,12 +18,12 @@ import { DatePicker } from "./fields/DatePicker"; import { CcField } from "./fields/cc-field/CcField"; import { CreditCard } from "./fields/CreditCard"; import { Tagger } from "./fields/Tagger"; -import { SuggestedArticles } from "./suggested-articles/SuggestedArticles"; import { AnswerBotModal } from "./answer-bot-modal/AnswerBotModal"; import { useTranslation } from "react-i18next"; -import { Paragraph } from "@zendeskgarden/react-typography"; +import { Paragraph, Span } from "@zendeskgarden/react-typography"; import { LookupField } from "./fields/LookupField"; import type { Organization } from "./data-types/Organization"; +import { Label } from "@zendeskgarden/react-forms"; export interface NewRequestFormProps { requestForm: RequestForm; @@ -195,17 +195,17 @@ export function NewRequestForm({ switch (field.type) { case "subject": return ( - <> +
+ handleChange(field, value)} /> - - +
); case "text": case "integer": @@ -298,8 +298,11 @@ export function NewRequestForm({ /> ); case "multiselect": + if (field.label.includes("RA:")) { + return ; + } return ; - // Issue type + // Field for Issue type case "tagger": return ( ( ))} -