@patternfly/chatbot 1.0.0

package/dist/cjs/FileDetails/FileDetails.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileDetails = exports.extensionToLanguage = exports.IMAGE_FORMATS = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_core_1 = require("@patternfly/react-core");
+const path_browserify_1 = __importDefault(require("path-browserify"));
+// manually added for image modal
+// based on https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
+exports.IMAGE_FORMATS = {
+    png: 'PNG',
+    apng: 'APNG',
+    avif: 'AVIF',
+    gif: 'GIF',
+    jpg: 'JPEG',
+    svg: 'SVG',
+    webp: 'WebP'
+};
+// source https://gist.github.com/ppisarczyk/43962d06686722d26d176fad46879d41
+// FIXME We could probably check against the PF Language hash to trim this down to what the code editor supports.
+// I can also see an argument to leaving this open, or researching what the third-party we use for uploads is using
+// so we can better scrape this from that. It gives us back stuff like 'application/x-yaml', while we really just need
+// a mapping of 'yml' to 'yaml.' I'm leery of splitting strings with unknown format.
+exports.extensionToLanguage = Object.assign({ '1': 'Groff', '2': 'Groff', '3': 'Groff', '4': 'Groff', '5': 'Groff', '6': 'Groff', '7': 'Groff', '8': 'Groff', '9': 'Groff', abap: 'ABAP', asc: 'Public Key', ash: 'AGS Script', ampl: 'AMPL', mod: 'XML', g4: 'ANTLR', apib: 'API Blueprint', apl: 'APL', dyalog: 'APL', asp: 'ASP', asax: 'ASP', ascx: 'ASP', ashx: 'ASP', asmx: 'ASP', aspx: 'ASP', axd: 'ASP', dats: 'ATS', hats: 'ATS', sats: 'ATS', as: 'ActionScript', adb: 'Ada', ada: 'Ada', ads: 'Ada', agda: 'Agda', als: 'Alloy', apacheconf: 'ApacheConf', vhost: 'Nginx', cls: 'Visual Basic', applescript: 'AppleScript', scpt: 'AppleScript', arc: 'Arc', ino: 'Arduino', asciidoc: 'AsciiDoc', adoc: 'AsciiDoc', aj: 'AspectJ', asm: 'Assembly', a51: 'Assembly', inc: 'SourcePawn', nasm: 'Assembly', aug: 'Augeas', ahk: 'AutoHotkey', ahkl: 'AutoHotkey', au3: 'AutoIt', awk: 'Awk', auk: 'Awk', gawk: 'Awk', mawk: 'Awk', nawk: 'Awk', bat: 'Batchfile', cmd: 'Batchfile', befunge: 'Befunge', bison: 'Bison', bb: 'BlitzBasic', decls: 'BlitzBasic', bmx: 'BlitzMax', bsv: 'Bluespec', boo: 'Boo', b: 'Limbo', bf: 'HyPhy', brs: 'Brightscript', bro: 'Bro', c: 'C', cats: 'C', h: 'Objective-C', idc: 'C', w: 'C', cs: 'Smalltalk', cake: 'CoffeeScript', cshtml: 'C#', csx: 'C#', cpp: 'C++', 'c++': 'C++', cc: 'C++', cp: 'Component Pascal', cxx: 'C++', 'h++': 'C++', hh: 'Hack', hpp: 'C++', hxx: 'C++', inl: 'C++', ipp: 'C++', tcc: 'C++', tpp: 'C++', 'c-objdump': 'C-ObjDump', chs: 'C2hs Haskell', clp: 'CLIPS', cmake: 'CMake', 'cmake.in': 'CMake', cob: 'COBOL', cbl: 'COBOL', ccp: 'COBOL', cobol: 'COBOL', cpy: 'COBOL', css: 'CSS', csv: 'CSV', capnp: "Cap'n Proto", mss: 'CartoCSS', ceylon: 'Ceylon', chpl: 'Chapel', ch: 'xBase', ck: 'ChucK', cirru: 'Cirru', clw: 'Clarion', icl: 'Clean', dcl: 'Clean', click: 'Click', clj: 'Clojure', boot: 'Clojure', cl2: 'Clojure', cljc: 'Clojure', cljs: 'Clojure', 'cljs.hl': 'Clojure', cljscm: 'Clojure', cljx: 'Clojure', hic: 'Clojure', coffee: 'CoffeeScript', _coffee: 'CoffeeScript', cjsx: 'CoffeeScript', cson: 'CoffeeScript', iced: 'CoffeeScript', cfm: 'ColdFusion', cfml: 'ColdFusion', cfc: 'ColdFusion CFC', lisp: 'NewLisp', asd: 'Common Lisp', cl: 'OpenCL', l: 'PicoLisp', lsp: 'NewLisp', ny: 'Common Lisp', podsl: 'Common Lisp', sexp: 'Common Lisp', cps: 'Component Pascal', coq: 'Coq', v: 'Verilog', cppobjdump: 'Cpp-ObjDump', 'c++-objdump': 'Cpp-ObjDump', 'c++objdump': 'Cpp-ObjDump', 'cpp-objdump': 'Cpp-ObjDump', 'cxx-objdump': 'Cpp-ObjDump', creole: 'Creole', cr: 'Crystal', feature: 'Cucumber', cu: 'Cuda', cuh: 'Cuda', cy: 'Cycript', pyx: 'Cython', pxd: 'Cython', pxi: 'Cython', d: 'Makefile', di: 'D', 'd-objdump': 'D-ObjDump', com: 'DIGITAL Command Language', dm: 'DM', zone: 'DNS Zone', arpa: 'DNS Zone', darcspatch: 'Darcs Patch', dpatch: 'Darcs Patch', dart: 'Dart', diff: 'Diff', patch: 'Diff', dockerfile: 'Dockerfile', djs: 'Dogescript', dylan: 'Dylan', dyl: 'Dylan', intr: 'Dylan', lid: 'Dylan', E: 'E', ecl: 'ECLiPSe', eclxml: 'ECL', sch: 'KiCad', brd: 'KiCad', epj: 'Ecere Projects', e: 'Eiffel', ex: 'Elixir', exs: 'Elixir', elm: 'Elm', el: 'Emacs Lisp', emacs: 'Emacs Lisp', 'emacs.desktop': 'Emacs Lisp', em: 'EmberScript', emberscript: 'EmberScript', erl: 'Erlang', es: 'JavaScript', escript: 'Erlang', hrl: 'Erlang', xrl: 'Erlang', yrl: 'Erlang', fs: 'GLSL', fsi: 'F#', fsx: 'F#', fx: 'HLSL', flux: 'FLUX', f90: 'FORTRAN', f: 'Forth', f03: 'FORTRAN', f08: 'FORTRAN', f77: 'FORTRAN', f95: 'FORTRAN', for: 'Forth', fpp: 'FORTRAN', factor: 'Factor', fy: 'Fancy', fancypack: 'Fancy', fan: 'Fantom', 'eam.fs': 'Formatted', fth: 'Forth', '4th': 'Forth', forth: 'Forth', fr: 'Text', frt: 'Forth', ftl: 'FreeMarker', g: 'GAP', gco: 'G-code', gcode: 'G-code', gms: 'GAMS', gap: 'GAP', gd: 'GDScript', gi: 'GAP', tst: 'Scilab', s: 'GAS', ms: 'MAXScript', glsl: 'GLSL', fp: 'GLSL', frag: 'JavaScript', frg: 'GLSL', fsh: 'GLSL', fshader: 'GLSL', geo: 'GLSL', geom: 'GLSL', glslv: 'GLSL', gshader: 'GLSL', shader: 'GLSL', vert: 'GLSL', vrx: 'GLSL', vsh: 'GLSL', vshader: 'GLSL', gml: 'XML', kid: 'Genshi', ebuild: 'Gentoo Ebuild', eclass: 'Gentoo Eclass', po: 'Gettext Catalog', pot: 'Gettext Catalog', glf: 'Glyph', gp: 'Gnuplot', gnu: 'Gnuplot', gnuplot: 'Gnuplot', plot: 'Gnuplot', plt: 'Gnuplot', go: 'Go', golo: 'Golo', gs: 'JavaScript', gst: 'Gosu', gsx: 'Gosu', vark: 'Gosu', grace: 'Grace', gradle: 'Gradle', gf: 'Grammatical Framework', graphql: 'GraphQL', dot: 'Graphviz (DOT)', gv: 'Graphviz (DOT)', man: 'Groff', '1in': 'Groff', '1m': 'Groff', '1x': 'Groff', '3in': 'Groff', '3m': 'Groff', '3qt': 'Groff', '3x': 'Groff', me: 'Groff', n: 'Nemerle', rno: 'Groff', roff: 'Groff', groovy: 'Groovy', grt: 'Groovy', gtpl: 'Groovy', gvy: 'Groovy', gsp: 'Groovy Server Pages', hcl: 'HCL', tf: 'HCL', hlsl: 'HLSL', fxh: 'HLSL', hlsli: 'HLSL', html: 'HTML', htm: 'HTML', 'html.hl': 'HTML', st: 'Smalltalk', xht: 'HTML', xhtml: 'HTML', mustache: 'HTML+Django', jinja: 'HTML+Django', eex: 'HTML+EEX', erb: 'HTML+ERB', 'erb.deface': 'HTML+ERB', phtml: 'HTML+PHP', http: 'HTTP', php: 'PHP', haml: 'Haml', 'haml.deface': 'Haml', handlebars: 'Handlebars', hbs: 'Handlebars', hb: 'Harbour', hs: 'Haskell', hsc: 'Haskell', hx: 'Haxe', hxsl: 'Haxe', hy: 'Hy', pro: 'QMake', dlm: 'IDL', ipf: 'IGOR Pro', ini: 'INI', cfg: 'INI', prefs: 'INI', properties: 'INI', irclog: 'IRC log', weechatlog: 'IRC log', idr: 'Idris', lidr: 'Idris', ni: 'Inform 7', i7x: 'Inform 7', iss: 'Inno Setup', io: 'Io', ik: 'Ioke', thy: 'Isabelle', ijs: 'J', flex: 'JFlex', jflex: 'JFlex', json: 'JSON', geojson: 'JSON', lock: 'JSON', topojson: 'JSON', json5: 'JSON5', jsonld: 'JSONLD', jq: 'JSONiq', jsx: 'JSX', jade: 'Jade', j: 'Objective-J', java: 'Java', jsp: 'Java Server Pages', js: 'JavaScript', _js: 'JavaScript', bones: 'JavaScript', es6: 'JavaScript', jake: 'JavaScript', jsb: 'JavaScript', jscad: 'JavaScript', jsfl: 'JavaScript', jsm: 'JavaScript', jss: 'JavaScript', njs: 'JavaScript', pac: 'JavaScript', sjs: 'JavaScript', ssjs: 'JavaScript', 'sublime-build': 'JavaScript', 'sublime-commands': 'JavaScript', 'sublime-completions': 'JavaScript', 'sublime-keymap': 'JavaScript', 'sublime-macro': 'JavaScript', 'sublime-menu': 'JavaScript', 'sublime-mousemap': 'JavaScript', 'sublime-project': 'JavaScript', 'sublime-settings': 'JavaScript', 'sublime-theme': 'JavaScript', 'sublime-workspace': 'JavaScript', 
+    // eslint-disable-next-line camelcase
+    sublime_metrics: 'JavaScript', 
+    // eslint-disable-next-line camelcase
+    sublime_session: 'JavaScript', xsjs: 'JavaScript', xsjslib: 'JavaScript', jl: 'Julia', ipynb: 'Jupyter Notebook', krl: 'KRL', 
+    // eslint-disable-next-line camelcase
+    kicad_pcb: 'KiCad', kit: 'Kit', kt: 'Kotlin', ktm: 'Kotlin', kts: 'Kotlin', lfe: 'LFE', ll: 'LLVM', lol: 'LOLCODE', lsl: 'LSL', lslp: 'LSL', lvproj: 'LabVIEW', lasso: 'Lasso', las: 'Lasso', lasso8: 'Lasso', lasso9: 'Lasso', ldml: 'Lasso', latte: 'Latte', lean: 'Lean', hlean: 'Lean', less: 'Less', lex: 'Lex', ly: 'LilyPond', ily: 'LilyPond', m: 'Objective-C', ld: 'Linker Script', lds: 'Linker Script', liquid: 'Liquid', lagda: 'Literate Agda', litcoffee: 'Literate CoffeeScript', lhs: 'Literate Haskell', ls: 'LoomScript', _ls: 'LiveScript', xm: 'Logos', x: 'Logos', xi: 'Logos', lgt: 'Logtalk', logtalk: 'Logtalk', lookml: 'LookML', lua: 'Lua', fcgi: 'Shell', nse: 'Lua', 
+    // eslint-disable-next-line camelcase
+    pd_lua: 'Lua', rbxs: 'Lua', wlua: 'Lua', mumps: 'M', m4: 'M4Sugar', mcr: 'MAXScript', mtml: 'MTML', muf: 'MUF', mak: 'Makefile', mk: 'Makefile', mkfile: 'Makefile', mako: 'Mako', mao: 'Mako', md: 'Markdown', markdown: 'Markdown', mkd: 'Markdown', mkdn: 'Markdown', mkdown: 'Markdown', ron: 'Markdown', mask: 'Mask', mathematica: 'Mathematica', cdf: 'Mathematica', ma: 'Mathematica', mt: 'Mathematica', nb: 'Text', nbp: 'Mathematica', wl: 'Mathematica', wlt: 'Mathematica', matlab: 'Matlab', maxpat: 'Max', maxhelp: 'Max', maxproj: 'Max', mxt: 'Max', pat: 'Max', mediawiki: 'MediaWiki', wiki: 'MediaWiki', moo: 'Moocode', metal: 'Metal', minid: 'MiniD', druby: 'Mirah', duby: 'Mirah', mir: 'Mirah', mirah: 'Mirah', mo: 'Modelica', mms: 'Module Management System', mmk: 'Module Management System', monkey: 'Monkey', moon: 'MoonScript', myt: 'Myghty', ncl: 'Text', nl: 'NewLisp', nsi: 'NSIS', nsh: 'NSIS', axs: 'NetLinx', axi: 'NetLinx', 'axs.erb': 'NetLinx+ERB', 'axi.erb': 'NetLinx+ERB', nlogo: 'NetLogo', nginxconf: 'Nginx', nim: 'Nimrod', nimrod: 'Nimrod', ninja: 'Ninja', nit: 'Nit', nix: 'Nix', nu: 'Nu', numpy: 'NumPy', numpyw: 'NumPy', numsc: 'NumPy', ml: 'OCaml', eliom: 'OCaml', eliomi: 'OCaml', ml4: 'OCaml', mli: 'OCaml', mll: 'OCaml', mly: 'OCaml', objdump: 'ObjDump', mm: 'XML', sj: 'Objective-J', omgrofl: 'Omgrofl', opa: 'Opa', opal: 'Opal', opencl: 'OpenCL', p: 'OpenEdge ABL', scad: 'OpenSCAD', org: 'Org', ox: 'Ox', oxh: 'Ox', oxo: 'Ox', oxygene: 'Oxygene', oz: 'Oz', pwn: 'PAWN', aw: 'PHP', ctp: 'PHP', php3: 'PHP', php4: 'PHP', php5: 'PHP', phps: 'PHP', phpt: 'PHP', pls: 'PLSQL', pck: 'PLSQL', pkb: 'PLSQL', pks: 'PLSQL', plb: 'PLSQL', plsql: 'PLSQL', sql: 'SQLPL', pov: 'POV-Ray SDL', pan: 'Pan', psc: 'Papyrus', parrot: 'Parrot', pasm: 'Parrot Assembly', pir: 'Parrot Internal Representation', pas: 'Pascal', dfm: 'Pascal', dpr: 'Pascal', lpr: 'Pascal', pp: 'Puppet', pl: 'Prolog', al: 'Perl', cgi: 'Shell', perl: 'Perl', ph: 'Perl', plx: 'Perl', pm: 'Perl6', pod: 'Pod', psgi: 'Perl', t: 'Turing', '6pl': 'Perl6', '6pm': 'Perl6', nqp: 'Perl6', p6: 'Perl6', p6l: 'Perl6', p6m: 'Perl6', pl6: 'Perl6', pm6: 'Perl6', pkl: 'Pickle', pig: 'PigLatin', pike: 'Pike', pmod: 'Pike', pogo: 'PogoScript', pony: 'Pony', ps: 'PostScript', eps: 'PostScript', ps1: 'PowerShell', psd1: 'PowerShell', psm1: 'PowerShell', pde: 'Processing', prolog: 'Prolog', yap: 'Prolog', spin: 'Propeller Spin', proto: 'Protocol Buffer', pub: 'Public Key', pd: 'Pure Data', pb: 'PureBasic', pbi: 'PureBasic', purs: 'PureScript', py: 'Python', bzl: 'Python', gyp: 'Python', lmi: 'Python', pyde: 'Python', pyp: 'Python', pyt: 'Python', pyw: 'Python', rpy: "Ren'Py", tac: 'Python', wsgi: 'Python', xpy: 'Python', pytb: 'Python traceback', qml: 'QML', qbs: 'QML', pri: 'QMake', r: 'Rebol', rd: 'R', rsx: 'R', raml: 'RAML', rdoc: 'RDoc', rbbas: 'REALbasic', rbfrm: 'REALbasic', rbmnu: 'REALbasic', rbres: 'REALbasic', rbtbar: 'REALbasic', rbuistate: 'REALbasic', rhtml: 'RHTML', rmd: 'RMarkdown', rkt: 'Racket', rktd: 'Racket', rktl: 'Racket', scrbl: 'Racket', rl: 'Ragel in Ruby Host', raw: 'Raw token data', reb: 'Rebol', r2: 'Rebol', r3: 'Rebol', rebol: 'Rebol', red: 'Red', reds: 'Red', cw: 'Redcode', rs: 'Rust', rsh: 'RenderScript', robot: 'RobotFramework', rg: 'Rouge', rb: 'Ruby', builder: 'Ruby', gemspec: 'Ruby', god: 'Ruby', irbrc: 'Ruby', jbuilder: 'Ruby', mspec: 'Ruby', pluginspec: 'XML', podspec: 'Ruby', rabl: 'Ruby', rake: 'Ruby', rbuild: 'Ruby', rbw: 'Ruby', rbx: 'Ruby', ru: 'Ruby', ruby: 'Ruby', thor: 'Ruby', watchr: 'Ruby', 'rs.in': 'Rust', sas: 'SAS', scss: 'SCSS', smt2: 'SMT', smt: 'SMT', sparql: 'SPARQL', rq: 'SPARQL', sqf: 'SQF', hqf: 'SQF', cql: 'SQL', ddl: 'SQL', prc: 'SQL', tab: 'SQL', udf: 'SQL', viw: 'SQL', db2: 'SQLPL', ston: 'STON', sage: 'Sage', sagews: 'Sage', sls: 'Scheme', sass: 'Sass', scala: 'Scala', sbt: 'Scala', sc: 'SuperCollider', scaml: 'Scaml', scm: 'Scheme', sld: 'Scheme', sps: 'Scheme', ss: 'Scheme', sci: 'Scilab', sce: 'Scilab', self: 'Self', sh: 'Shell', bash: 'Shell', bats: 'Shell', command: 'Shell', ksh: 'Shell', 'sh.in': 'Shell', tmux: 'Shell', tool: 'Shell', zsh: 'Shell', 'sh-session': 'ShellSession', shen: 'Shen', sl: 'Slash', slim: 'Slim', smali: 'Smali', tpl: 'Smarty', sp: 'SourcePawn', sma: 'SourcePawn', nut: 'Squirrel', stan: 'Stan', ML: 'Standard ML', fun: 'Standard ML', sig: 'Standard ML', sml: 'Standard ML', do: 'Stata', ado: 'Stata', doh: 'Stata', ihlp: 'Stata', mata: 'Stata', matah: 'Stata', sthlp: 'Stata', styl: 'Stylus', scd: 'SuperCollider', swift: 'Swift', sv: 'SystemVerilog', svh: 'SystemVerilog', vh: 'SystemVerilog', toml: 'TOML', txl: 'TXL', tcl: 'Tcl', adp: 'Tcl', tm: 'Tcl', tcsh: 'Tcsh', csh: 'Tcsh', tex: 'TeX', aux: 'TeX', bbx: 'TeX', bib: 'TeX', cbx: 'TeX', dtx: 'TeX', ins: 'TeX', lbx: 'TeX', ltx: 'TeX', mkii: 'TeX', mkiv: 'TeX', mkvi: 'TeX', sty: 'TeX', toc: 'TeX', tea: 'Tea', txt: 'Text', no: 'Text', textile: 'Textile', thrift: 'Thrift', tu: 'Turing', ttl: 'Turtle', twig: 'Twig', ts: 'typescript', tsx: 'typescriptreact', upc: 'Unified Parallel C', anim: 'Unity3D Asset', asset: 'Unity3D Asset', mat: 'Unity3D Asset', meta: 'Unity3D Asset', prefab: 'Unity3D Asset', unity: 'Unity3D Asset', uno: 'Uno', uc: 'UnrealScript', ur: 'UrWeb', urs: 'UrWeb', vcl: 'VCL', vhdl: 'VHDL', vhd: 'VHDL', vhf: 'VHDL', vhi: 'VHDL', vho: 'VHDL', vhs: 'VHDL', vht: 'VHDL', vhw: 'VHDL', vala: 'Vala', vapi: 'Vala', veo: 'Verilog', vim: 'VimL', vb: 'Visual Basic', bas: 'Visual Basic', frm: 'Visual Basic', frx: 'Visual Basic', vba: 'Visual Basic', vbhtml: 'Visual Basic', vbs: 'Visual Basic', volt: 'Volt', vue: 'Vue', owl: 'Web Ontology Language', webidl: 'WebIDL', x10: 'X10', xc: 'XC', xml: 'XML', ant: 'XML', axml: 'XML', ccxml: 'XML', clixml: 'XML', cproject: 'XML', csl: 'XML', csproj: 'XML', ct: 'XML', dita: 'XML', ditamap: 'XML', ditaval: 'XML', 'dll.config': 'XML', dotsettings: 'XML', filters: 'XML', fsproj: 'XML', fxml: 'XML', glade: 'XML', grxml: 'XML', iml: 'XML', ivy: 'XML', jelly: 'XML', jsproj: 'XML', kml: 'XML', launch: 'XML', mdpolicy: 'XML', mxml: 'XML', nproj: 'XML', nuspec: 'XML', odd: 'XML', osm: 'XML', plist: 'XML', props: 'XML', ps1xml: 'XML', psc1: 'XML', pt: 'XML', rdf: 'XML', rss: 'XML', scxml: 'XML', srdf: 'XML', storyboard: 'XML', stTheme: 'XML', 'sublime-snippet': 'XML', targets: 'XML', tmCommand: 'XML', tml: 'XML', tmLanguage: 'XML', tmPreferences: 'XML', tmSnippet: 'XML', tmTheme: 'XML', ui: 'XML', urdf: 'XML', ux: 'XML', vbproj: 'XML', vcxproj: 'XML', vssettings: 'XML', vxml: 'XML', wsdl: 'XML', wsf: 'XML', wxi: 'XML', wxl: 'XML', wxs: 'XML', x3d: 'XML', xacro: 'XML', xaml: 'XML', xib: 'XML', xlf: 'XML', xliff: 'XML', xmi: 'XML', 'xml.dist': 'XML', xproj: 'XML', xsd: 'XML', xul: 'XML', zcml: 'XML', 'xsp-config': 'XPages', 'xsp.metadata': 'XPages', xpl: 'XProc', xproc: 'XProc', xquery: 'XQuery', xq: 'XQuery', xql: 'XQuery', xqm: 'XQuery', xqy: 'XQuery', xs: 'XS', xslt: 'XSLT', xsl: 'XSLT', 
+    // eslint-disable-next-line camelcase
+    xojo_code: 'Xojo', 
+    // eslint-disable-next-line camelcase
+    xojo_menu: 'Xojo', 
+    // eslint-disable-next-line camelcase
+    xojo_report: 'Xojo', 
+    // eslint-disable-next-line camelcase
+    xojo_script: 'Xojo', 
+    // eslint-disable-next-line camelcase
+    xojo_toolbar: 'Xojo', 
+    // eslint-disable-next-line camelcase
+    xojo_window: 'Xojo', xtend: 'Xtend', yml: 'YAML', reek: 'YAML', rviz: 'YAML', 'sublime-syntax': 'YAML', syntax: 'YAML', yaml: 'YAML', 'yaml-tmlanguage': 'YAML', yang: 'YANG', y: 'Yacc', yacc: 'Yacc', yy: 'Yacc', zep: 'Zephir', zimpl: 'Zimpl', zmpl: 'Zimpl', zpl: 'Zimpl', desktop: 'desktop', 'desktop.in': 'desktop', ec: 'eC', eh: 'eC', edn: 'edn', fish: 'fish', mu: 'mupad', nc: 'nesC', ooc: 'ooc', rst: 'reStructuredText', rest: 'reStructuredText', 'rest.txt': 'reStructuredText', 'rst.txt': 'reStructuredText', wisp: 'wisp', prg: 'xBase', prw: 'xBase', 
+    // manually added for Composer AI
+    doc: 'Document', docx: 'Document', odt: 'Document', ppt: 'Presentation', pptx: 'Presentation', odp: 'Presentation', pdf: 'PDF' }, exports.IMAGE_FORMATS);
+const FileDetails = ({ className, fileName, fileNameClassName, languageTestId, fileSize, hasTruncation = true }) => {
+    var _a;
+    const language = (_a = exports.extensionToLanguage[path_browserify_1.default.extname(fileName).slice(1)]) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    const isImage = exports.IMAGE_FORMATS[path_browserify_1.default.extname(fileName).slice(1)] ? true : false;
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.Flex, { className: `pf-chatbot__file-details ${className ? className : ''}`, gap: { default: 'gapSm' }, children: [(0, jsx_runtime_1.jsx)(react_core_1.Flex, { className: `${isImage ? 'pf-chatbot__image-icon' : 'pf-chatbot__code-icon'}`, justifyContent: { default: 'justifyContentCenter' }, alignItems: { default: 'alignItemsCenter' }, alignSelf: { default: 'alignSelfCenter' }, children: isImage ? ((0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 4.5C0 2.29086 1.79086 0.5 4 0.5H20C22.2091 0.5 24 2.29086 24 4.5V20.5C24 22.7091 22.2091 24.5 20 24.5H4C1.79086 24.5 0 22.7091 0 20.5V4.5Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 7.5C4 6.39688 4.89688 5.5 6 5.5H18C19.1031 5.5 20 6.39688 20 7.5V17.5C20 18.6031 19.1031 19.5 18 19.5H6C4.89688 19.5 4 18.6031 4 17.5V7.5ZM14.1187 10.8281C13.9781 10.6219 13.7469 10.5 13.5 10.5C13.2531 10.5 13.0188 10.6219 12.8813 10.8281L10.1625 14.8156L9.33437 13.7812C9.19062 13.6031 8.975 13.5 8.75 13.5C8.525 13.5 8.30625 13.6031 8.16563 13.7812L6.16563 16.2812C5.98438 16.5063 5.95 16.8156 6.075 17.075C6.2 17.3344 6.4625 17.5 6.75 17.5H9.75H10.75H17.25C17.5281 17.5 17.7844 17.3469 17.9125 17.1C18.0406 16.8531 18.025 16.5562 17.8687 16.3281L14.1187 10.8281ZM7.5 10.5C7.89782 10.5 8.27936 10.342 8.56066 10.0607C8.84196 9.77936 9 9.39782 9 9C9 8.60218 8.84196 8.22064 8.56066 7.93934C8.27936 7.65804 7.89782 7.5 7.5 7.5C7.10218 7.5 6.72064 7.65804 6.43934 7.93934C6.15804 8.22064 6 8.60218 6 9C6 9.39782 6.15804 9.77936 6.43934 10.0607C6.72064 10.342 7.10218 10.5 7.5 10.5Z", fill: "white" })] })) : ((0, jsx_runtime_1.jsxs)("svg", { "aria-hidden": "true", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_3280_27505)", children: (0, jsx_runtime_1.jsx)("path", { d: "M13.8204 5.63002C13.3954 5.50752 12.9529 5.75502 12.8304 6.18002L9.63035 17.38C9.50785 17.805 9.75535 18.2475 10.1804 18.37C10.6054 18.4925 11.0479 18.245 11.1704 17.82L14.3704 6.62002C14.4929 6.19502 14.2454 5.75252 13.8204 5.63002ZM15.8354 8.63252C15.5229 8.94502 15.5229 9.45252 15.8354 9.76502L18.0679 12L15.8329 14.235C15.5204 14.5475 15.5204 15.055 15.8329 15.3675C16.1454 15.68 16.6529 15.68 16.9654 15.3675L19.7654 12.5675C20.0779 12.255 20.0779 11.7475 19.7654 11.435L16.9654 8.63502C16.6529 8.32252 16.1454 8.32252 15.8329 8.63502L15.8354 8.63252ZM8.16785 8.63252C7.85535 8.32002 7.34785 8.32002 7.03535 8.63252L4.23535 11.4325C3.92285 11.745 3.92285 12.2525 4.23535 12.565L7.03535 15.365C7.34785 15.6775 7.85535 15.6775 8.16785 15.365C8.48035 15.0525 8.48035 14.545 8.16785 14.2325L5.93285 12L8.16785 9.76502C8.48035 9.45252 8.48035 8.94502 8.16785 8.63252Z", fill: "white" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { children: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "12.8", fill: "white", transform: "translate(4 5.60001)" }) }) })] })) }), (0, jsx_runtime_1.jsxs)(react_core_1.Flex, { gap: { default: 'gapXs' }, children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, { direction: { default: 'column' }, gap: { default: 'gapNone' }, children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsx)("span", { className: "pf-chatbot__code-fileName", children: hasTruncation ? ((0, jsx_runtime_1.jsx)(react_core_1.Truncate, { className: fileNameClassName, content: path_browserify_1.default.parse(fileName).name })) : (fileName) }) }), !isImage && language && ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { "data-testid": languageTestId, className: "pf-chatbot__code-language", children: language }))] }) }), fileSize && (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { className: "pf-chatbot__code-file-size", children: fileSize })] })] }));
+};
+exports.FileDetails = FileDetails;
+exports.default = exports.FileDetails;

package/dist/cjs/FileDetails/FileDetails.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/FileDetails/FileDetails.test.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const FileDetails_1 = __importDefault(require("./FileDetails"));
+describe('FileDetails', () => {
+    it('should render file details', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetails_1.default, { fileName: "test.txt" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render file details correctly if an extension we support is passed in', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetails_1.default, { fileName: "test.txt", languageTestId: "language" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.queryByText('test.txt')).toBeFalsy();
+        expect(react_1.screen.getByText('TEXT')).toBeTruthy();
+        expect(react_1.screen.getByTestId('language')).toBeTruthy();
+    });
+    it('should skip language if we do not support an extension', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetails_1.default, { fileName: "test.joke", languageTestId: "language" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.queryByTestId('language')).toBeFalsy();
+    });
+    it('should support image formats by rendering extension differently', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetails_1.default, { fileName: "test.svg", languageTestId: "language" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.queryByText('test.svg')).toBeFalsy();
+        expect(react_1.screen.queryByTestId('language')).toBeFalsy();
+    });
+    it('should handle truncation differently', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetails_1.default, { fileName: "test.svg", languageTestId: "language", hasTruncation: false }));
+        expect(react_1.screen.getByText('test.svg')).toBeTruthy();
+        expect(react_1.screen.queryByTestId('language')).toBeFalsy();
+    });
+    it('should include file size if prop passed in', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetails_1.default, { fileName: "test.joke", languageTestId: "language", fileSize: "100MB" }));
+        expect(react_1.screen.getByText('100MB')).toBeTruthy();
+    });
+});

package/dist/cjs/FileDetails/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FileDetails';
+export * from './FileDetails';

package/dist/cjs/FileDetails/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileDetails_1 = require("./FileDetails");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileDetails_1).default; } });
+__exportStar(require("./FileDetails"), exports);

package/dist/cjs/FileDetailsLabel/FileDetailsLabel.d.ts

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react';
+import { LabelProps } from '@patternfly/react-core';
+export interface FileDetailsLabelProps extends Omit<LabelProps, 'onClose' | 'onClick'> {
+    /** Name of file, including extension */
+    fileName: string;
+    /** Unique id of file */
+    fileId?: string | number;
+    /** Whether to display loading icon */
+    isLoading?: boolean;
+    /** Callback function for when label is clicked */
+    onClick?: (event: React.MouseEvent, fileName: string, fileId?: string | number) => void;
+    /** Callback function for when close button is clicked */
+    onClose?: (event: React.MouseEvent, fileName: string, fileId?: string | number) => void;
+    /** Aria label for close button */
+    closeButtonAriaLabel?: string;
+    /** Custom test id for the component-generated language */
+    languageTestId?: string;
+    /** Custom test id for the loading spinner in the component */
+    spinnerTestId?: string;
+    /** File size */
+    fileSize?: string;
+    /** Whether to truncate file name */
+    hasTruncation?: boolean;
+    /** Icon used for close button */
+    closeButtonIcon?: React.ReactNode;
+}
+export declare const FileDetailsLabel: ({ fileName, fileId, isLoading, onClick, onClose, closeButtonAriaLabel, languageTestId, spinnerTestId, fileSize, hasTruncation, closeButtonIcon, ...props }: PropsWithChildren<FileDetailsLabelProps>) => import("react/jsx-runtime").JSX.Element;
+export default FileDetailsLabel;

package/dist/cjs/FileDetailsLabel/FileDetailsLabel.js

@@ -0,0 +1,31 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileDetailsLabel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_core_1 = require("@patternfly/react-core");
+const FileDetails_1 = __importDefault(require("../FileDetails"));
+const react_core_2 = require("@patternfly/react-core");
+const react_icons_1 = require("@patternfly/react-icons");
+const FileDetailsLabel = (_a) => {
+    var { fileName, fileId, isLoading, onClick, onClose, closeButtonAriaLabel, languageTestId, spinnerTestId, fileSize, hasTruncation = true, closeButtonIcon = (0, jsx_runtime_1.jsx)(react_icons_1.TimesIcon, {}) } = _a, props = __rest(_a, ["fileName", "fileId", "isLoading", "onClick", "onClose", "closeButtonAriaLabel", "languageTestId", "spinnerTestId", "fileSize", "hasTruncation", "closeButtonIcon"]);
+    const handleClose = (event) => {
+        onClose && onClose(event, fileName, fileId);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Label, Object.assign({ className: "pf-chatbot__file-label" }, (onClose && { onClose: (event) => onClose(event, fileName, fileId) }), { closeBtn: (0, jsx_runtime_1.jsx)(react_core_1.Button, { type: "button", variant: "plain", "aria-label": closeButtonAriaLabel !== null && closeButtonAriaLabel !== void 0 ? closeButtonAriaLabel : `Close ${fileName}`, icon: closeButtonIcon, onClick: handleClose }) }, (onClick && { onClick: (event) => onClick(event, fileName, fileId) }), props, { children: (0, jsx_runtime_1.jsxs)("div", { className: "pf-chatbot__file-label-contents", children: [(0, jsx_runtime_1.jsx)(FileDetails_1.default, { className: isLoading ? 'pf-chatbot__file-label-loading' : undefined, fileName: fileName, languageTestId: languageTestId, fileSize: fileSize, hasTruncation: hasTruncation }), isLoading && (0, jsx_runtime_1.jsx)(react_core_2.Spinner, { "data-testid": spinnerTestId, size: "sm" })] }) })));
+};
+exports.FileDetailsLabel = FileDetailsLabel;
+exports.default = exports.FileDetailsLabel;

package/dist/cjs/FileDetailsLabel/FileDetailsLabel.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/FileDetailsLabel/FileDetailsLabel.test.js

@@ -0,0 +1,79 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const FileDetailsLabel_1 = __importDefault(require("./FileDetailsLabel"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const react_icons_1 = require("@patternfly/react-icons");
+describe('FileDetailsLabel', () => {
+    it('should render file details label', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render file details correctly if an extension we support is passed in', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.getByText('TEXT')).toBeTruthy();
+    });
+    it('should skip language if we do not support an extension', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.joke", languageTestId: "language" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.queryByTestId('language')).toBeFalsy();
+    });
+    it('should pass file size down', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.svg", fileSize: "100MB" }));
+        expect(react_1.screen.getByText('100MB')).toBeTruthy();
+    });
+    it('should pass truncation prop down as true by default', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.svg" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.queryByText('test.svg')).toBeFalsy();
+    });
+    it('should pass truncation prop down when false', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.svg", hasTruncation: false }));
+        expect(react_1.screen.getByText('test.svg')).toBeTruthy();
+    });
+    it('should not show spinner by default', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt", spinnerTestId: "spinner" }));
+        expect(react_1.screen.queryByTestId('spinner')).toBeFalsy();
+    });
+    it('should show spinner if loading', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt", isLoading: true, spinnerTestId: "spinner" }));
+        expect(react_1.screen.getByText('test')).toBeTruthy();
+        expect(react_1.screen.getByText('TEXT')).toBeTruthy();
+        expect(react_1.screen.queryByTestId('spinner')).toBeTruthy();
+    });
+    it('should call onClick prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt", onClick: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button'));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should call onClose prop', () => __awaiter(void 0, void 0, void 0, function* () {
+        const spy = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt", onClose: spy }));
+        yield user_event_1.default.click(react_1.screen.getByRole('button', { name: /Close test.txt/i }));
+        expect(spy).toHaveBeenCalledTimes(1);
+    }));
+    it('should use closeButtonAriaLabel prop appropriately', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt", onClose: jest.fn(), closeButtonAriaLabel: "Delete file" }));
+        expect(react_1.screen.getByRole('button', { name: /Delete file/i })).toBeTruthy();
+    });
+    it('should support custom close icon', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDetailsLabel_1.default, { fileName: "test.txt", onClose: jest.fn(), closeButtonIcon: (0, jsx_runtime_1.jsx)(react_icons_1.BellIcon, { "data-testid": "bell" }) }));
+        expect(react_1.screen.getByTestId('bell')).toBeTruthy();
+    });
+});

package/dist/cjs/FileDetailsLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FileDetailsLabel';
+export * from './FileDetailsLabel';

package/dist/cjs/FileDetailsLabel/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileDetailsLabel_1 = require("./FileDetailsLabel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileDetailsLabel_1).default; } });
+__exportStar(require("./FileDetailsLabel"), exports);

package/dist/cjs/FileDropZone/FileDropZone.d.ts

@@ -0,0 +1,37 @@
+import type { FunctionComponent } from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+import { Accept, DropEvent, FileError, FileRejection } from 'react-dropzone';
+export interface FileDropZoneProps {
+    /** Content displayed when the drop zone is not currently in use */
+    children?: React.ReactNode;
+    /** Custom classname for the outer dropzone component */
+    className?: string;
+    /** Informational text that shows below the title in the drop zone */
+    infoText?: string;
+    /** When files are dropped or uploaded this callback will be called with all accepted files */
+    onFileDrop: (event: DropEvent, data: File[]) => void;
+    /** Specifies the file types accepted by the attachment upload component.
+     *  Files that don't match the accepted types will be disabled in the file picker.
+     *  For example,
+     *   allowedFileTypes: { 'application/json': ['.json'], 'text/plain': ['.txt'] }
+     **/
+    allowedFileTypes?: Accept;
+    /** Display mode for the Chatbot parent; this influences the styles applied */
+    displayMode?: ChatbotDisplayMode;
+    /** Minimum file size allowed */
+    minSize?: number;
+    /** Max file size allowed */
+    maxSize?: number;
+    /** Max number of files allowed */
+    maxFiles?: number;
+    /** Whether attachments are disabled */
+    isAttachmentDisabled?: boolean;
+    /** Callback when file(s) are attached */
+    onAttach?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
+    /** Callback function for AttachButton when an attachment fails */
+    onAttachRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+    /** Validator for files; see https://react-dropzone.js.org/#!/Custom%20validation for more information */
+    validator?: <T extends File>(file: T) => FileError | readonly FileError[] | null;
+}
+declare const FileDropZone: FunctionComponent<FileDropZoneProps>;
+export default FileDropZone;

package/dist/cjs/FileDropZone/FileDropZone.js

@@ -0,0 +1,30 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = require("react");
+const Chatbot_1 = require("../Chatbot");
+const react_icons_1 = require("@patternfly/react-icons");
+const FileDropZone = (_a) => {
+    var { children, className, infoText = 'Maximum file size is 25 MB', onFileDrop, allowedFileTypes, minSize, maxSize, maxFiles, isAttachmentDisabled, onAttach, onAttachRejected, validator, displayMode = Chatbot_1.ChatbotDisplayMode.default } = _a, props = __rest(_a, ["children", "className", "infoText", "onFileDrop", "allowedFileTypes", "minSize", "maxSize", "maxFiles", "isAttachmentDisabled", "onAttach", "onAttachRejected", "validator", "displayMode"]);
+    const [showDropZone, setShowDropZone] = (0, react_1.useState)(false);
+    const renderDropZone = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.MultipleFileUploadMain, { titleIcon: (0, jsx_runtime_1.jsx)(react_icons_1.UploadIcon, {}), titleText: "Drag and drop your file here", infoText: infoText, isUploadButtonHidden: true }) }));
+    return ((0, jsx_runtime_1.jsx)(react_core_1.MultipleFileUpload, { dropzoneProps: Object.assign({ accept: allowedFileTypes, onDrop: (acceptedFiles, fileRejections, event) => {
+                setShowDropZone(false);
+                onAttach && onAttach(acceptedFiles, fileRejections, event);
+            }, minSize,
+            maxSize,
+            maxFiles, disabled: isAttachmentDisabled, onDropRejected: onAttachRejected, validator }, props), onDragEnter: () => setShowDropZone(true), onDragLeave: () => setShowDropZone(false), onFileDrop: onFileDrop, className: `pf-chatbot__dropzone pf-chatbot__dropzone--${displayMode} pf-chatbot__dropzone--${showDropZone ? 'visible' : 'invisible'} ${className ? className : ''}`, children: showDropZone ? renderDropZone() : children }));
+};
+exports.default = FileDropZone;

package/dist/cjs/FileDropZone/FileDropZone.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/FileDropZone/FileDropZone.test.js

@@ -0,0 +1,100 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const FileDropZone_1 = __importDefault(require("./FileDropZone"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe('FileDropZone', () => {
+    it('should render file drop zone', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: jest.fn() }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render children', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: jest.fn(), children: "Hi" }));
+        expect(react_1.screen.getByText('Hi')).toBeTruthy();
+    });
+    it('should call onFileDrop when file type is accepted', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onFileDrop = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { "data-testid": "input", allowedFileTypes: { 'text/plain': ['.txt'] }, onFileDrop: onFileDrop }));
+        const file = new File(['Test'], 'example.text', { type: 'text/plain' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(onFileDrop).toHaveBeenCalled();
+    }));
+    it('should not call onFileDrop when file type is not accepted', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onFileDrop = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { "data-testid": "input", allowedFileTypes: { 'text/plain': ['.txt'] }, onFileDrop: onFileDrop }));
+        const file = new File(['[]'], 'example.json', { type: 'application/json' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(onFileDrop).not.toHaveBeenCalled();
+    }));
+    it('should respect minSize restriction', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onAttachRejected = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: jest.fn(), minSize: 1000, onAttachRejected: onAttachRejected }));
+        const file = new File(['Test'], 'example.txt', { type: 'text/plain' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(onAttachRejected).toHaveBeenCalled();
+    }));
+    it('should respect maxSize restriction', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onAttachRejected = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: jest.fn(), maxSize: 100, onAttachRejected: onAttachRejected }));
+        const largeContent = 'x'.repeat(200);
+        const file = new File([largeContent], 'example.txt', { type: 'text/plain' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(onAttachRejected).toHaveBeenCalled();
+    }));
+    it('should respect maxFiles restriction', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onAttachRejected = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: jest.fn(), maxFiles: 1, onAttachRejected: onAttachRejected }));
+        const files = [
+            new File(['Test1'], 'example1.txt', { type: 'text/plain' }),
+            new File(['Test2'], 'example2.txt', { type: 'text/plain' })
+        ];
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, files);
+        expect(onAttachRejected).toHaveBeenCalled();
+    }));
+    it('should be disabled when isAttachmentDisabled is true', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onFileDrop = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: onFileDrop, isAttachmentDisabled: true }));
+        const file = new File(['Test'], 'example.text', { type: 'text/plain' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(onFileDrop).not.toHaveBeenCalled();
+    }));
+    it('should call onAttach when files are attached', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onAttach = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: jest.fn(), onAttach: onAttach }));
+        const file = new File(['Test'], 'example.txt', { type: 'text/plain' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(onAttach).toHaveBeenCalled();
+    }));
+    it('should use custom validator when provided', () => __awaiter(void 0, void 0, void 0, function* () {
+        const validator = jest.fn().mockReturnValue({ message: 'Custom error' });
+        const onAttachRejected = jest.fn();
+        const onFileDrop = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(FileDropZone_1.default, { onFileDrop: onFileDrop, validator: validator, onAttachRejected: onAttachRejected }));
+        const file = new File(['Test'], 'example.txt', { type: 'text/plain' });
+        const fileInput = container.querySelector('input[type="file"]');
+        yield user_event_1.default.upload(fileInput, file);
+        expect(validator).toHaveBeenCalledWith(file);
+        expect(onAttachRejected).toHaveBeenCalled();
+    }));
+});

package/dist/cjs/FileDropZone/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FileDropZone';
+export * from './FileDropZone';

package/dist/cjs/FileDropZone/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileDropZone_1 = require("./FileDropZone");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileDropZone_1).default; } });
+__exportStar(require("./FileDropZone"), exports);

package/dist/cjs/FilePreview/FilePreview.d.ts

@@ -0,0 +1,26 @@
+import { ModalBodyProps, ModalHeaderProps } from '@patternfly/react-core';
+import type { FunctionComponent } from 'react';
+import { ChatbotDisplayMode } from '../Chatbot';
+import { ChatbotModalProps } from '../ChatbotModal';
+export interface FilePreviewProps extends ChatbotModalProps {
+    /** Class applied to modal */
+    className?: string;
+    /** Function that handles modal toggle */
+    handleModalToggle: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Whether modal is open */
+    isModalOpen: boolean;
+    /** Title of modal */
+    title?: string;
+    /** Display mode for the Chatbot parent; this influences the styles applied */
+    displayMode?: ChatbotDisplayMode;
+    /** File name */
+    fileName: string;
+    /** Sets modal to compact styling. */
+    isCompact?: boolean;
+    /** Additional props passed to modal header */
+    modalHeaderProps?: ModalHeaderProps;
+    /** Additional props passed to modal body */
+    modalBodyProps?: ModalBodyProps;
+}
+declare const FilePreview: FunctionComponent<FilePreviewProps>;
+export default FilePreview;