@digi-frontend/dgate-api-documentation 1.0.25 → 1.0.27

package/dist/node_modules/html-react-parser/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../node_modules/html-react-parser/lib/index.js"],"sourcesContent":["\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.htmlToDOM = exports.domToReact = exports.attributesToProps = exports.Text = exports.ProcessingInstruction = exports.Element = exports.Comment = void 0;\nexports.default = HTMLReactParser;\nvar html_dom_parser_1 = __importDefault(require(\"html-dom-parser\"));\nexports.htmlToDOM = html_dom_parser_1.default;\nvar attributes_to_props_1 = __importDefault(require(\"./attributes-to-props\"));\nexports.attributesToProps = attributes_to_props_1.default;\nvar dom_to_react_1 = __importDefault(require(\"./dom-to-react\"));\nexports.domToReact = dom_to_react_1.default;\nvar domhandler_1 = require(\"domhandler\");\nObject.defineProperty(exports, \"Comment\", { enumerable: true, get: function () { return domhandler_1.Comment; } });\nObject.defineProperty(exports, \"Element\", { enumerable: true, get: function () { return domhandler_1.Element; } });\nObject.defineProperty(exports, \"ProcessingInstruction\", { enumerable: true, get: function () { return domhandler_1.ProcessingInstruction; } });\nObject.defineProperty(exports, \"Text\", { enumerable: true, get: function () { return domhandler_1.Text; } });\nvar domParserOptions = { lowerCaseAttributeNames: false };\n/**\n * Converts HTML string to React elements.\n *\n * @param html - HTML string.\n * @param options - Parser options.\n * @returns - React element(s), empty array, or string.\n */\nfunction HTMLReactParser(html, options) {\n    if (typeof html !== 'string') {\n        throw new TypeError('First argument must be a string');\n    }\n    if (!html) {\n        return [];\n    }\n    return (0, dom_to_react_1.default)((0, html_dom_parser_1.default)(html, (options === null || options === void 0 ? void 0 : options.htmlparser2) || domParserOptions), options);\n}\n//# sourceMappingURL=index.js.map"],"names":["__importDefault","this","mod","__esModule","default","Object","defineProperty","exports","value","htmlToDOM","attributesToProps","Text","Element","Comment","html","options","TypeError","dom_to_react_1","html_dom_parser_1","htmlparser2","domParserOptions","require$$0","attributes_to_props_1","require$$1","require$$2","domToReact","domhandler_1","require$$3","enumerable","get","ProcessingInstruction","lowerCaseAttributeNames"],"mappings":"6UACA,IAAIA,EAAmBC,GAAQA,EAAKD,iBAAoB,SAAUE,GAC9D,OAAQA,GAAOA,EAAIC,WAAcD,EAAM,CAAEE,QAAWF,IAExDG,OAAOC,eAAcC,EAAU,aAAc,CAAEC,OAAO,IACtDD,EAAAE,UAAoBF,aAAqBA,EAA4BG,kBAAAH,EAAAI,KAAeJ,wBAAgCA,EAAkBK,QAAAL,EAAAM,aAAkB,EACxJN,EAAAH,QAoBA,SAAyBU,EAAMC,GAC3B,GAAoB,iBAATD,EACP,MAAM,IAAIE,UAAU,mCAExB,IAAKF,EACD,MAAO,GAEX,OAAO,EAAIG,EAAeb,UAAS,EAAIc,EAAkBd,SAASU,GAAOC,aAAyC,EAASA,EAAQI,cAAgBC,GAAmBL,EAC1K,EA3BA,IAAIG,EAAoBlB,EAAgBqB,KACxCd,EAAoBE,UAAAS,EAAkBd,QACtC,IAAIkB,EAAwBtB,EAAgBuB,KAC5ChB,EAA4BG,kBAAAY,EAAsBlB,QAClD,IAAIa,EAAiBjB,EAAgBwB,KACrCjB,EAAqBkB,WAAAR,EAAeb,QACpC,IAAIsB,EAAoCC,IACxCtB,OAAOC,eAAeC,EAAS,UAAW,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAab,OAAQ,IAC7GR,OAAOC,eAAeC,EAAS,UAAW,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAad,OAAQ,IAC7GP,OAAOC,eAAeC,EAAS,wBAAyB,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAaI,qBAAsB,IACzIzB,OAAOC,eAAeC,EAAS,OAAQ,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAaf,IAAK,IACvG,IAAIS,EAAmB,CAAEW,yBAAyB"}
+{"version":3,"file":"index.js","sources":["../../../../node_modules/html-react-parser/lib/index.js"],"sourcesContent":["\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.htmlToDOM = exports.domToReact = exports.attributesToProps = exports.Text = exports.ProcessingInstruction = exports.Element = exports.Comment = void 0;\nexports.default = HTMLReactParser;\nvar html_dom_parser_1 = __importDefault(require(\"html-dom-parser\"));\nexports.htmlToDOM = html_dom_parser_1.default;\nvar attributes_to_props_1 = __importDefault(require(\"./attributes-to-props\"));\nexports.attributesToProps = attributes_to_props_1.default;\nvar dom_to_react_1 = __importDefault(require(\"./dom-to-react\"));\nexports.domToReact = dom_to_react_1.default;\nvar domhandler_1 = require(\"domhandler\");\nObject.defineProperty(exports, \"Comment\", { enumerable: true, get: function () { return domhandler_1.Comment; } });\nObject.defineProperty(exports, \"Element\", { enumerable: true, get: function () { return domhandler_1.Element; } });\nObject.defineProperty(exports, \"ProcessingInstruction\", { enumerable: true, get: function () { return domhandler_1.ProcessingInstruction; } });\nObject.defineProperty(exports, \"Text\", { enumerable: true, get: function () { return domhandler_1.Text; } });\nvar domParserOptions = { lowerCaseAttributeNames: false };\n/**\n * Converts HTML string to React elements.\n *\n * @param html - HTML string.\n * @param options - Parser options.\n * @returns - React element(s), empty array, or string.\n */\nfunction HTMLReactParser(html, options) {\n    if (typeof html !== 'string') {\n        throw new TypeError('First argument must be a string');\n    }\n    if (!html) {\n        return [];\n    }\n    return (0, dom_to_react_1.default)((0, html_dom_parser_1.default)(html, (options === null || options === void 0 ? void 0 : options.htmlparser2) || domParserOptions), options);\n}\n//# sourceMappingURL=index.js.map"],"names":["__importDefault","this","mod","__esModule","default","Object","defineProperty","exports","value","htmlToDOM","attributesToProps","Text","Element","Comment","html","options","TypeError","dom_to_react_1","html_dom_parser_1","htmlparser2","domParserOptions","require$$0","attributes_to_props_1","require$$1","require$$2","domToReact","domhandler_1","require$$3","enumerable","get","ProcessingInstruction","lowerCaseAttributeNames"],"mappings":"mUACA,IAAIA,EAAmBC,GAAQA,EAAKD,iBAAoB,SAAUE,GAC9D,OAAQA,GAAOA,EAAIC,WAAcD,EAAM,CAAEE,QAAWF,IAExDG,OAAOC,eAAcC,EAAU,aAAc,CAAEC,OAAO,IACtDD,EAAAE,UAAoBF,aAAqBA,EAA4BG,kBAAAH,EAAAI,KAAeJ,wBAAgCA,EAAkBK,QAAAL,EAAAM,aAAkB,EACxJN,EAAAH,QAoBA,SAAyBU,EAAMC,GAC3B,GAAoB,iBAATD,EACP,MAAM,IAAIE,UAAU,mCAExB,IAAKF,EACD,MAAO,GAEX,OAAO,EAAIG,EAAeb,UAAS,EAAIc,EAAkBd,SAASU,GAAOC,aAAyC,EAASA,EAAQI,cAAgBC,GAAmBL,EAC1K,EA3BA,IAAIG,EAAoBlB,EAAgBqB,KACxCd,EAAoBE,UAAAS,EAAkBd,QACtC,IAAIkB,EAAwBtB,EAAgBuB,KAC5ChB,EAA4BG,kBAAAY,EAAsBlB,QAClD,IAAIa,EAAiBjB,EAAgBwB,KACrCjB,EAAqBkB,WAAAR,EAAeb,QACpC,IAAIsB,EAAoCC,IACxCtB,OAAOC,eAAeC,EAAS,UAAW,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAab,OAAQ,IAC7GR,OAAOC,eAAeC,EAAS,UAAW,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAad,OAAQ,IAC7GP,OAAOC,eAAeC,EAAS,wBAAyB,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAaI,qBAAsB,IACzIzB,OAAOC,eAAeC,EAAS,OAAQ,CAAEqB,YAAY,EAAMC,IAAK,WAAc,OAAOH,EAAaf,IAAK,IACvG,IAAIS,EAAmB,CAAEW,yBAAyB"}

package/dist/node_modules/htmlparser2/dist/commonjs/index.js

@@ -1,2 +1,2 @@
-import{__exports as e}from"../../../../_virtual/index16.js";import{__require as r}from"./Parser.js";import{__require as t}from"../../node_modules/domhandler/lib/index.js";import{__require as n}from"./Tokenizer.js";import{__require as o}from"../../../domelementtype/lib/index.js";import{__require as u}from"../../node_modules/domutils/lib/index.js";var i;function a(){return i||(i=1,function(i){var a,l=e&&e.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),c=e&&e.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),d=e&&e.__importStar||(a=function(e){return a=Object.getOwnPropertyNames||function(e){var r=[];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(r[r.length]=t);return r},a(e)},function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t=a(e),n=0;n<t.length;n++)"default"!==t[n]&&l(r,e,t[n]);return c(r,e),r}),f=e&&e.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(i,"__esModule",{value:!0}),i.DomUtils=i.getFeed=i.ElementType=i.QuoteType=i.Tokenizer=i.DefaultHandler=i.DomHandler=i.Parser=void 0,i.parseDocument=b,i.parseDOM=j,i.createDocumentStream=function(e,r,t){const n=new p.DomHandler((r=>e(r,n.root)),r,t);return new m.Parser(n,r)},i.createDomStream=function(e,r,t){const n=new p.DomHandler(e,r,t);return new m.Parser(n,r)},i.parseFeed=function(e,r=v){return(0,P.getFeed)(j(e,r))};const m=r();var s=r();Object.defineProperty(i,"Parser",{enumerable:!0,get:function(){return s.Parser}});const p=t();var _=t();function b(e,r){const t=new p.DomHandler(void 0,r);return new m.Parser(t,r).end(e),t.root}function j(e,r){return b(e,r).children}Object.defineProperty(i,"DomHandler",{enumerable:!0,get:function(){return _.DomHandler}}),Object.defineProperty(i,"DefaultHandler",{enumerable:!0,get:function(){return _.DomHandler}});var y=n();Object.defineProperty(i,"Tokenizer",{enumerable:!0,get:function(){return f(y).default}}),Object.defineProperty(i,"QuoteType",{enumerable:!0,get:function(){return y.QuoteType}}),i.ElementType=d(o());const P=u();var g=u();Object.defineProperty(i,"getFeed",{enumerable:!0,get:function(){return g.getFeed}});const v={xmlMode:!0};i.DomUtils=d(u())}(e)),e}export{a as __require};
+import{__exports as e}from"../../../../_virtual/index15.js";import{__require as r}from"./Parser.js";import{__require as t}from"../../../domhandler/lib/index.js";import{__require as n}from"./Tokenizer.js";import{__require as o}from"../../../domelementtype/lib/index.js";import{__require as u}from"../../../domutils/lib/index.js";var i;function a(){return i||(i=1,function(i){var a,c=e&&e.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),l=e&&e.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),f=e&&e.__importStar||(a=function(e){return a=Object.getOwnPropertyNames||function(e){var r=[];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(r[r.length]=t);return r},a(e)},function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t=a(e),n=0;n<t.length;n++)"default"!==t[n]&&c(r,e,t[n]);return l(r,e),r}),d=e&&e.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(i,"__esModule",{value:!0}),i.DomUtils=i.getFeed=i.ElementType=i.QuoteType=i.Tokenizer=i.DefaultHandler=i.DomHandler=i.Parser=void 0,i.parseDocument=b,i.parseDOM=j,i.createDocumentStream=function(e,r,t){const n=new p.DomHandler((r=>e(r,n.root)),r,t);return new m.Parser(n,r)},i.createDomStream=function(e,r,t){const n=new p.DomHandler(e,r,t);return new m.Parser(n,r)},i.parseFeed=function(e,r=v){return(0,P.getFeed)(j(e,r))};const m=r();var s=r();Object.defineProperty(i,"Parser",{enumerable:!0,get:function(){return s.Parser}});const p=t();var _=t();function b(e,r){const t=new p.DomHandler(void 0,r);return new m.Parser(t,r).end(e),t.root}function j(e,r){return b(e,r).children}Object.defineProperty(i,"DomHandler",{enumerable:!0,get:function(){return _.DomHandler}}),Object.defineProperty(i,"DefaultHandler",{enumerable:!0,get:function(){return _.DomHandler}});var y=n();Object.defineProperty(i,"Tokenizer",{enumerable:!0,get:function(){return d(y).default}}),Object.defineProperty(i,"QuoteType",{enumerable:!0,get:function(){return y.QuoteType}}),i.ElementType=f(o());const P=u();var g=u();Object.defineProperty(i,"getFeed",{enumerable:!0,get:function(){return g.getFeed}});const v={xmlMode:!0};i.DomUtils=f(u())}(e)),e}export{a as __require};
 //# sourceMappingURL=index.js.map

package/dist/node_modules/htmlparser2/dist/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../node_modules/htmlparser2/dist/commonjs/index.js"],"sourcesContent":["\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || (function () {\n    var ownKeys = function(o) {\n        ownKeys = Object.getOwnPropertyNames || function (o) {\n            var ar = [];\n            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n            return ar;\n        };\n        return ownKeys(o);\n    };\n    return function (mod) {\n        if (mod && mod.__esModule) return mod;\n        var result = {};\n        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n        __setModuleDefault(result, mod);\n        return result;\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.DomUtils = exports.getFeed = exports.ElementType = exports.QuoteType = exports.Tokenizer = exports.DefaultHandler = exports.DomHandler = exports.Parser = void 0;\nexports.parseDocument = parseDocument;\nexports.parseDOM = parseDOM;\nexports.createDocumentStream = createDocumentStream;\nexports.createDomStream = createDomStream;\nexports.parseFeed = parseFeed;\nconst Parser_js_1 = require(\"./Parser.js\");\nvar Parser_js_2 = require(\"./Parser.js\");\nObject.defineProperty(exports, \"Parser\", { enumerable: true, get: function () { return Parser_js_2.Parser; } });\nconst domhandler_1 = require(\"domhandler\");\nvar domhandler_2 = require(\"domhandler\");\nObject.defineProperty(exports, \"DomHandler\", { enumerable: true, get: function () { return domhandler_2.DomHandler; } });\n// Old name for DomHandler\nObject.defineProperty(exports, \"DefaultHandler\", { enumerable: true, get: function () { return domhandler_2.DomHandler; } });\n// Helper methods\n/**\n * Parses the data, returns the resulting document.\n *\n * @param data The data that should be parsed.\n * @param options Optional options for the parser and DOM handler.\n */\nfunction parseDocument(data, options) {\n    const handler = new domhandler_1.DomHandler(undefined, options);\n    new Parser_js_1.Parser(handler, options).end(data);\n    return handler.root;\n}\n/**\n * Parses data, returns an array of the root nodes.\n *\n * Note that the root nodes still have a `Document` node as their parent.\n * Use `parseDocument` to get the `Document` node instead.\n *\n * @param data The data that should be parsed.\n * @param options Optional options for the parser and DOM handler.\n * @deprecated Use `parseDocument` instead.\n */\nfunction parseDOM(data, options) {\n    return parseDocument(data, options).children;\n}\n/**\n * Creates a parser instance, with an attached DOM handler.\n *\n * @param callback A callback that will be called once parsing has been completed, with the resulting document.\n * @param options Optional options for the parser and DOM handler.\n * @param elementCallback An optional callback that will be called every time a tag has been completed inside of the DOM.\n */\nfunction createDocumentStream(callback, options, elementCallback) {\n    const handler = new domhandler_1.DomHandler((error) => callback(error, handler.root), options, elementCallback);\n    return new Parser_js_1.Parser(handler, options);\n}\n/**\n * Creates a parser instance, with an attached DOM handler.\n *\n * @param callback A callback that will be called once parsing has been completed, with an array of root nodes.\n * @param options Optional options for the parser and DOM handler.\n * @param elementCallback An optional callback that will be called every time a tag has been completed inside of the DOM.\n * @deprecated Use `createDocumentStream` instead.\n */\nfunction createDomStream(callback, options, elementCallback) {\n    const handler = new domhandler_1.DomHandler(callback, options, elementCallback);\n    return new Parser_js_1.Parser(handler, options);\n}\nvar Tokenizer_js_1 = require(\"./Tokenizer.js\");\nObject.defineProperty(exports, \"Tokenizer\", { enumerable: true, get: function () { return __importDefault(Tokenizer_js_1).default; } });\nObject.defineProperty(exports, \"QuoteType\", { enumerable: true, get: function () { return Tokenizer_js_1.QuoteType; } });\n/*\n * All of the following exports exist for backwards-compatibility.\n * They should probably be removed eventually.\n */\nexports.ElementType = __importStar(require(\"domelementtype\"));\nconst domutils_1 = require(\"domutils\");\nvar domutils_2 = require(\"domutils\");\nObject.defineProperty(exports, \"getFeed\", { enumerable: true, get: function () { return domutils_2.getFeed; } });\nconst parseFeedDefaultOptions = { xmlMode: true };\n/**\n * Parse a feed.\n *\n * @param feed The feed that should be parsed, as a string.\n * @param options Optionally, options for parsing. When using this, you should set `xmlMode` to `true`.\n */\nfunction parseFeed(feed, options = parseFeedDefaultOptions) {\n    return (0, domutils_1.getFeed)(parseDOM(feed, options));\n}\nexports.DomUtils = __importStar(require(\"domutils\"));\n//# sourceMappingURL=index.js.map"],"names":["ownKeys","__createBinding","this","Object","create","o","m","k","k2","undefined","desc","getOwnPropertyDescriptor","__esModule","writable","configurable","enumerable","get","defineProperty","__setModuleDefault","v","value","__importStar","getOwnPropertyNames","ar","prototype","hasOwnProperty","call","length","mod","result","i","__importDefault","default","exports","DomUtils","getFeed","QuoteType","Tokenizer","DomHandler","Parser","parseDocument","parseDOM","createDocumentStream","callback","options","elementCallback","handler","domhandler_1","error","root","Parser_js_1","createDomStream","parseFeed","feed","parseFeedDefaultOptions","domutils_1","require$$0","Parser_js_2","require$$1","domhandler_2","data","end","children","Tokenizer_js_1","require$$2","ElementType","require$$3","require$$4","domutils_2","xmlMode"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../node_modules/htmlparser2/dist/commonjs/index.js"],"sourcesContent":["\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || (function () {\n    var ownKeys = function(o) {\n        ownKeys = Object.getOwnPropertyNames || function (o) {\n            var ar = [];\n            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n            return ar;\n        };\n        return ownKeys(o);\n    };\n    return function (mod) {\n        if (mod && mod.__esModule) return mod;\n        var result = {};\n        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n        __setModuleDefault(result, mod);\n        return result;\n    };\n})();\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.DomUtils = exports.getFeed = exports.ElementType = exports.QuoteType = exports.Tokenizer = exports.DefaultHandler = exports.DomHandler = exports.Parser = void 0;\nexports.parseDocument = parseDocument;\nexports.parseDOM = parseDOM;\nexports.createDocumentStream = createDocumentStream;\nexports.createDomStream = createDomStream;\nexports.parseFeed = parseFeed;\nconst Parser_js_1 = require(\"./Parser.js\");\nvar Parser_js_2 = require(\"./Parser.js\");\nObject.defineProperty(exports, \"Parser\", { enumerable: true, get: function () { return Parser_js_2.Parser; } });\nconst domhandler_1 = require(\"domhandler\");\nvar domhandler_2 = require(\"domhandler\");\nObject.defineProperty(exports, \"DomHandler\", { enumerable: true, get: function () { return domhandler_2.DomHandler; } });\n// Old name for DomHandler\nObject.defineProperty(exports, \"DefaultHandler\", { enumerable: true, get: function () { return domhandler_2.DomHandler; } });\n// Helper methods\n/**\n * Parses the data, returns the resulting document.\n *\n * @param data The data that should be parsed.\n * @param options Optional options for the parser and DOM handler.\n */\nfunction parseDocument(data, options) {\n    const handler = new domhandler_1.DomHandler(undefined, options);\n    new Parser_js_1.Parser(handler, options).end(data);\n    return handler.root;\n}\n/**\n * Parses data, returns an array of the root nodes.\n *\n * Note that the root nodes still have a `Document` node as their parent.\n * Use `parseDocument` to get the `Document` node instead.\n *\n * @param data The data that should be parsed.\n * @param options Optional options for the parser and DOM handler.\n * @deprecated Use `parseDocument` instead.\n */\nfunction parseDOM(data, options) {\n    return parseDocument(data, options).children;\n}\n/**\n * Creates a parser instance, with an attached DOM handler.\n *\n * @param callback A callback that will be called once parsing has been completed, with the resulting document.\n * @param options Optional options for the parser and DOM handler.\n * @param elementCallback An optional callback that will be called every time a tag has been completed inside of the DOM.\n */\nfunction createDocumentStream(callback, options, elementCallback) {\n    const handler = new domhandler_1.DomHandler((error) => callback(error, handler.root), options, elementCallback);\n    return new Parser_js_1.Parser(handler, options);\n}\n/**\n * Creates a parser instance, with an attached DOM handler.\n *\n * @param callback A callback that will be called once parsing has been completed, with an array of root nodes.\n * @param options Optional options for the parser and DOM handler.\n * @param elementCallback An optional callback that will be called every time a tag has been completed inside of the DOM.\n * @deprecated Use `createDocumentStream` instead.\n */\nfunction createDomStream(callback, options, elementCallback) {\n    const handler = new domhandler_1.DomHandler(callback, options, elementCallback);\n    return new Parser_js_1.Parser(handler, options);\n}\nvar Tokenizer_js_1 = require(\"./Tokenizer.js\");\nObject.defineProperty(exports, \"Tokenizer\", { enumerable: true, get: function () { return __importDefault(Tokenizer_js_1).default; } });\nObject.defineProperty(exports, \"QuoteType\", { enumerable: true, get: function () { return Tokenizer_js_1.QuoteType; } });\n/*\n * All of the following exports exist for backwards-compatibility.\n * They should probably be removed eventually.\n */\nexports.ElementType = __importStar(require(\"domelementtype\"));\nconst domutils_1 = require(\"domutils\");\nvar domutils_2 = require(\"domutils\");\nObject.defineProperty(exports, \"getFeed\", { enumerable: true, get: function () { return domutils_2.getFeed; } });\nconst parseFeedDefaultOptions = { xmlMode: true };\n/**\n * Parse a feed.\n *\n * @param feed The feed that should be parsed, as a string.\n * @param options Optionally, options for parsing. When using this, you should set `xmlMode` to `true`.\n */\nfunction parseFeed(feed, options = parseFeedDefaultOptions) {\n    return (0, domutils_1.getFeed)(parseDOM(feed, options));\n}\nexports.DomUtils = __importStar(require(\"domutils\"));\n//# sourceMappingURL=index.js.map"],"names":["ownKeys","__createBinding","this","Object","create","o","m","k","k2","undefined","desc","getOwnPropertyDescriptor","__esModule","writable","configurable","enumerable","get","defineProperty","__setModuleDefault","v","value","__importStar","getOwnPropertyNames","ar","prototype","hasOwnProperty","call","length","mod","result","i","__importDefault","default","exports","DomUtils","getFeed","QuoteType","Tokenizer","DomHandler","Parser","parseDocument","parseDOM","createDocumentStream","callback","options","elementCallback","handler","domhandler_1","error","root","Parser_js_1","createDomStream","parseFeed","feed","parseFeedDefaultOptions","domutils_1","require$$0","Parser_js_2","require$$1","domhandler_2","data","end","children","Tokenizer_js_1","require$$2","ElementType","require$$3","require$$4","domutils_2","xmlMode"],"mappings":"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"}

package/dist/node_modules/style-to-object/cjs/index.js

@@ -1,2 +1,2 @@
-import{__exports as r}from"../../../_virtual/index19.js";import{__require as e}from"../../inline-style-parser/index.js";var t;function n(){if(t)return r;t=1;var n=r&&r.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(r,"__esModule",{value:!0}),r.default=function(r,e){var t=null;if(!r||"string"!=typeof r)return t;var n=(0,u.default)(r),i="function"==typeof e;return n.forEach((function(r){if("declaration"===r.type){var n=r.property,u=r.value;i?e(n,u,r):u&&((t=t||{})[n]=u)}})),t};var u=n(e());return r}export{n as __require};
+import{__exports as r}from"../../../_virtual/index17.js";import{__require as e}from"../../inline-style-parser/index.js";var t;function n(){if(t)return r;t=1;var n=r&&r.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(r,"__esModule",{value:!0}),r.default=function(r,e){var t=null;if(!r||"string"!=typeof r)return t;var n=(0,u.default)(r),i="function"==typeof e;return n.forEach((function(r){if("declaration"===r.type){var n=r.property,u=r.value;i?e(n,u,r):u&&((t=t||{})[n]=u)}})),t};var u=n(e());return r}export{n as __require};
 //# sourceMappingURL=index.js.map

package/dist/src/components/InfoForm/InfoForm.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as t,useEffect as i}from"react";import{useFormikContext as n}from"../../../node_modules/formik/dist/formik.esm.js";import{d as s}from"../../../_virtual/index.js";import o from"./InfoForm.module.scss.js";import r from"../../constants/regex.js";import l from"../Tooltip/Tooltip.js";import a from"../../assets/icons/DeleteIcon.svg.js";import c from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/deleteOutlinedIcon.svg.js";import m from"../SVGLoader/SVGLoader.js";import p from"../dialog/index.js";import{tagsTableHeaders as u}from"../../constants/index.js";import v from"../table/tags-table.js";const h=({readOnly:h})=>{var g,x,j,D,f;const[b,C]=t([]),[y,N]=t(),[k,I]=t(""),[w,T]=t(""),[A,O]=t(""),{values:B,setFieldValue:S,errors:_}=n(),[z,L]=t({}),[E,W]=t({}),[V,F]=t(null),[P,q]=t(null),[M,R]=t(!1),[$,G]=t(!1);i((()=>{if(B&&B.components&&B.components.securitySchemes){const e=Object.keys(B.components.securitySchemes);e.length&&I(B.components.securitySchemes[e[0]].scheme||B.components.securitySchemes[e[0]].type)}}),[]),i((()=>{N(U(b))}),[b]),i((()=>{B.tags&&B.tags.length&&(N(U(B.tags)),C(B.tags))}),[B.tags]);const H=(e,t,i)=>{const n=b.map(((n,s)=>s===i?Object.assign(Object.assign({},n),{[e]:t}):n));C(n)},U=t=>t.map(((t,i)=>{var n,r,d,p,u,v,g,x,j,D,f,b;return{id:i,tagName:t.name,description:e.jsxs("div",{className:o.paramDescContainer,children:[e.jsx(l,{allowHTML:!0,disabled:(null===(n=B.tags[i].description)||void 0===n?void 0:n.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:B.tags[i].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=E[i])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center",fontWeight:600,fontSize:"1rem"},children:[B.tags[i].description?B.tags[i].description.substring(0,12):h&&"-",B.tags[i].description&&B.tags[i].description.length>12?"...":""]})},`${i}-description`),e.jsx(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>W((t=>Object.assign(Object.assign({},t),{[i]:e}))),content:e.jsxs("div",{className:o.editDescTooltipContent,children:[e.jsx("p",{className:o.editDescTooltipContent_header,children:"Description"}),e.jsx(s.TextArea,{placeholder:"Describe parameter...",value:t.description,disabled:h,onChange:e=>H("description",e,i)}),!h&&e.jsx(s.Button,{className:o.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;S(`tags[${i}].description`,t.description),null===(e=E[i])||void 0===e||e.hide()},children:"Apply"})]}),children:h||B.tags[i].description?e.jsx(s.Button,{className:o.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"})}):e.jsx(s.Button,{className:o.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),children:h||B.tags[i].description?"View Description":"Add Description"})})]}),externalDocs:e.jsxs("div",{className:o.paramDescContainer,children:[e.jsx(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>L((t=>Object.assign(Object.assign({},t),{[i]:e}))),content:e.jsxs("div",{className:o.editDescTooltipContent,children:[e.jsx("p",{className:o.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(s.TextArea,{placeholder:"Describe External Doc...",value:null===(r=t.externalDocs)||void 0===r?void 0:r.description,disabled:h,onChange:e=>{H("externalDocs",Object.assign(Object.assign({},t.externalDocs),{description:e}),i),T(e)}}),e.jsx("p",{className:o.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(s.TextArea,{placeholder:"External Docs Link...",value:null===(d=t.externalDocs)||void 0===d?void 0:d.url,disabled:h,onChange:e=>{H("externalDocs",Object.assign(Object.assign({},t.externalDocs),{url:e}),i),O(e)}}),!h&&e.jsx(s.Button,{className:o.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;S(`tags[${i}].externalDocs`,{description:w,url:A}),T(""),O(""),null===(e=z[i])||void 0===e||e.hide()},children:"Apply"})]}),children:h||(null===(p=B.tags[i].externalDocs)||void 0===p?void 0:p.description)?e.jsxs(s.Button,{className:o.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),onClick:()=>{var e,i;T(null===(e=t.externalDocs)||void 0===e?void 0:e.description),O(null===(i=t.externalDocs)||void 0===i?void 0:i.url)},children:[(null===(u=B.tags[i].externalDocs)||void 0===u?void 0:u.description)?null===(g=null===(v=B.tags[i].externalDocs)||void 0===v?void 0:v.description)||void 0===g?void 0:g.substring(0,12):"-",(null===(x=B.tags[i].externalDocs)||void 0===x?void 0:x.description)&&(null===(D=null===(j=B.tags[i].externalDocs)||void 0===j?void 0:j.description)||void 0===D?void 0:D.length)>12?"...":""]}):e.jsxs(s.Button,{className:o.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),onClick:()=>{var e,i;T(null===(e=t.externalDocs)||void 0===e?void 0:e.description),O(null===(i=t.externalDocs)||void 0===i?void 0:i.url)},children:[h||t.externalDocs&&((null===(f=t.externalDocs)||void 0===f?void 0:f.url)||(null===(b=t.externalDocs)||void 0===b?void 0:b.description))?"View ":"Add "," ","External Docs Link"]})}),!h&&e.jsx("div",{className:o.paramDescContainer_separator}),!h&&e.jsx(s.Button,{className:o.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(m,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>{return e=i,n=t.name,F(e),q(n),void R(!0);var e,n}})]})}}));return e.jsxs("form",{className:o.apiInfoForm,onSubmit:e=>e.preventDefault(),children:[e.jsx(s.Input,{size:"large",placeholder:"e.g. Payments",label:"API Name",required:!0,value:null===(g=null==B?void 0:B.info)||void 0===g?void 0:g.title,maxLength:25,onChange:e=>{S("info.title",e)},onClear:()=>{S("info.title","")},errorMsg:null===(x=null==_?void 0:_.info)||void 0===x?void 0:x.title,restrictedCharactersRegex:r.basic}),e.jsxs("div",{className:o.apiDocRow,children:[e.jsx(s.Input,{size:"large",label:"API Authentication Type",required:!0,value:(J=k,J?J.charAt(0).toUpperCase()+J.slice(1):""),disabled:!0}),e.jsx(s.Input,{size:"large",label:"Version",required:!0,value:null===(j=null==B?void 0:B.info)||void 0===j?void 0:j.version,disabled:!0})]}),e.jsx(s.TextArea,{size:"large",placeholder:"Enter a description of the API's functionality...",label:"Description",value:null===(D=null==B?void 0:B.info)||void 0===D?void 0:D.description,maxLength:120,required:!0,onChange:e=>{(""===e||r.ASCII.test(e))&&S("info.description",e)},onClear:()=>{S("info.description","")},errorMessage:null===(f=null==_?void 0:_.info)||void 0===f?void 0:f.description}),e.jsx("div",{className:o.paramsTable,children:e.jsx(v,{id:"paramter-table",data:y,headCells:u,isFormOpen:$,setIsFormOpen:G,saveNewRow:e=>{C([...b,e]);const t=B.tags||[];S("tags",[...t,e])},readOnly:h})}),e.jsx(p,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:[" ","Tag ",e.jsx("strong",{children:P})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==V&&(C((e=>e.filter(((e,t)=>t!==V)))),S("tags",null===(e=B.tags)||void 0===e?void 0:e.filter(((e,t)=>t!==V)))),R(!1),F(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>R(!1),open:M,icon:e.jsx(m,{src:d,width:"4.0625rem",height:"4.0625rem"})})]});var J};export{h as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as t,useEffect as i}from"react";import{useFormikContext as n}from"../../../node_modules/formik/dist/formik.esm.js";import{d as o}from"../../../_virtual/index.js";import s from"./InfoForm.module.scss.js";import l from"../../constants/regex.js";import r from"../Tooltip/Tooltip.js";import a from"../../assets/icons/DeleteIcon.svg.js";import d from"../../assets/icons/EditIcon.svg.js";import c from"../../assets/icons/deleteOutlinedIcon.svg.js";import m from"../SVGLoader/SVGLoader.js";import v from"../dialog/index.js";import{tagsTableHeaders as u}from"../../constants/index.js";import p from"../table/tags-table.js";const g=({readOnly:g})=>{var x,h,j,D,f;const[b,C]=t([]),[y,I]=t(),[N,k]=t(""),[A,w]=t(""),[T,O]=t(""),{values:S,setFieldValue:B,errors:L}=n(),[_,E]=t({}),[z,W]=t({}),[P,V]=t(null),[F,q]=t(null),[R,M]=t(!1),[$,G]=t(!1);i((()=>{if(S&&S.components&&S.components.securitySchemes){const e=Object.keys(S.components.securitySchemes);e.length&&k(S.components.securitySchemes[e[0]].scheme||S.components.securitySchemes[e[0]].type)}}),[]),i((()=>{I(U(b))}),[b]),i((()=>{S.tags&&S.tags.length&&C(S.tags)}),[S.tags]);const H=(e,t,i)=>{const n=b.map(((n,o)=>o===i?Object.assign(Object.assign({},n),{[e]:t}):n));C(n)},U=t=>t.map(((t,i)=>{var n,c,v,u,p,x,h,j,D,f,b,C,y,I,N,k,L,P,F,R,$;return{id:i,tagName:t.name,description:e.jsxs("div",{className:s.paramDescContainer,children:[e.jsx(r,{allowHTML:!0,disabled:(null===(n=S.tags[i].description)||void 0===n?void 0:n.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:S.tags[i].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=z[i])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center",fontWeight:600,fontSize:"1rem"},children:[S.tags[i].description?S.tags[i].description.substring(0,12):g&&"-",S.tags[i].description&&S.tags[i].description.length>12?"...":""]})},`${i}-description`),e.jsx(r,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>W((t=>Object.assign(Object.assign({},t),{[i]:e}))),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"Description"}),e.jsx(o.TextArea,{placeholder:"Describe tag...",value:t.description,disabled:g,onChange:e=>{(""===e||l.ASCII.test(e))&&H("description",e,i)},maxLength:25}),!g&&e.jsx(o.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e,n;B(`tags[${i}].description`,null===(e=t.description)||void 0===e?void 0:e.trim()),null===(n=z[i])||void 0===n||n.hide()},disabled:!(null===(c=t.description)||void 0===c?void 0:c.trim()),children:"Apply"})]}),children:g||S.tags[i].description?e.jsx(o.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:d,width:"1.5rem",height:"1.5rem"})}):e.jsx(o.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:d,width:"1.5rem",height:"1.5rem"}),children:g||S.tags[i].description?"View Description":"Add Description"})})]}),externalDocs:e.jsxs("div",{className:s.paramDescContainer,children:[(null===(v=S.tags[i].externalDocs)||void 0===v?void 0:v.description)&&(null===(u=S.tags[i].externalDocs)||void 0===u?void 0:u.url)&&e.jsxs("a",{className:s.externalDocsLink,href:null===(p=S.tags[i].externalDocs)||void 0===p?void 0:p.url,target:"_blank",style:(null===(x=S.tags[i].externalDocs)||void 0===x?void 0:x.description)?{}:{textDecoration:"none",pointerEvents:"none"},children:[(null===(h=S.tags[i].externalDocs)||void 0===h?void 0:h.description)?null===(D=null===(j=S.tags[i].externalDocs)||void 0===j?void 0:j.description)||void 0===D?void 0:D.substring(0,12):g&&"-",(null===(f=S.tags[i].externalDocs)||void 0===f?void 0:f.description)&&(null===(C=null===(b=S.tags[i].externalDocs)||void 0===b?void 0:b.description)||void 0===C?void 0:C.length)>12?"...":""]}),e.jsx(r,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>E((t=>Object.assign(Object.assign({},t),{[i]:e}))),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(o.TextArea,{placeholder:"Describe External Doc...",value:null===(y=t.externalDocs)||void 0===y?void 0:y.description,disabled:g,maxLength:25,onChange:e=>{(""===e||l.ASCII.test(e))&&(H("externalDocs",Object.assign(Object.assign({},t.externalDocs),{description:e}),i),w(e))}}),e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(o.TextArea,{placeholder:"External Docs Link...",value:null===(I=t.externalDocs)||void 0===I?void 0:I.url,disabled:g,maxLength:200,onChange:e=>{(""===e||l.ASCII.test(e))&&(H("externalDocs",Object.assign(Object.assign({},t.externalDocs),{url:e}),i),O(e))}}),!g&&e.jsx(o.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;B(`tags[${i}].externalDocs`,{description:null==A?void 0:A.trim(),url:null==T?void 0:T.trim()}),w(""),O(""),null===(e=_[i])||void 0===e||e.hide()},disabled:!((null===(N=S.tags[i].externalDocs)||void 0===N?void 0:N.description)&&(null===(k=S.tags[i].externalDocs)||void 0===k?void 0:k.url)&&!(null==A?void 0:A.trim())&&!(null==T?void 0:T.trim())||(null==A?void 0:A.trim())&&(null==T?void 0:T.trim())&&l.urlRegex.test(T)),children:"Apply"})]}),children:g||(null===(L=S.tags[i].externalDocs)||void 0===L?void 0:L.description)?e.jsx("div",{className:s.editExternalDocs,children:e.jsx(m,{src:d,width:"1.5rem",height:"1.5rem",onClick:e=>{var i,n;null==e||e.stopPropagation(),w(null===(i=t.externalDocs)||void 0===i?void 0:i.description),O(null===(n=t.externalDocs)||void 0===n?void 0:n.url)}})}):e.jsxs(o.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:d,width:"1.5rem",height:"1.5rem"}),onClick:()=>{var e,i;w(null===(e=t.externalDocs)||void 0===e?void 0:e.description),O(null===(i=t.externalDocs)||void 0===i?void 0:i.url)},children:[g||(null===(P=S.tags[i])||void 0===P?void 0:P.externalDocs)&&((null===(R=null===(F=S.tags[i])||void 0===F?void 0:F.externalDocs)||void 0===R?void 0:R.url)||(null===($=S.tags[i].externalDocs)||void 0===$?void 0:$.description))?"View ":"Add "," ","External Docs Link"]})}),!g&&e.jsx("div",{className:s.paramDescContainer_separator}),!g&&e.jsx(o.Button,{className:s.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(m,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>{return e=i,n=t.name,V(e),q(n),void M(!0);var e,n}})]})}}));return e.jsxs("form",{className:s.apiInfoForm,onSubmit:e=>e.preventDefault(),children:[e.jsx(o.Input,{size:"large",placeholder:"e.g. Payments",label:"API Name",required:!0,value:null===(x=null==S?void 0:S.info)||void 0===x?void 0:x.title,maxLength:35,onChange:e=>{B("info.title",e)},onClear:()=>{B("info.title","")},errorMsg:null===(h=null==L?void 0:L.info)||void 0===h?void 0:h.title,restrictedCharactersRegex:l.basic}),e.jsxs("div",{className:s.apiDocRow,children:[e.jsx(o.Input,{size:"large",label:"API Authentication Type",required:!0,value:(J=N,J?J.charAt(0).toUpperCase()+J.slice(1):""),disabled:!0}),e.jsx(o.Input,{size:"large",label:"Version",required:!0,value:null===(j=null==S?void 0:S.info)||void 0===j?void 0:j.version,disabled:!0})]}),e.jsx(o.TextArea,{size:"large",placeholder:"Enter a description of the API's functionality...",label:"Description",value:null===(D=null==S?void 0:S.info)||void 0===D?void 0:D.description,maxLength:120,required:!0,onChange:e=>{(""===e||l.ASCII.test(e))&&B("info.description",e)},onClear:()=>{B("info.description","")},errorMsg:null===(f=null==L?void 0:L.info)||void 0===f?void 0:f.description}),e.jsx("div",{className:s.paramsTable,children:e.jsx(p,{id:"paramter-table",data:y,headCells:u,isFormOpen:$,setIsFormOpen:G,saveNewRow:e=>{C([...b,e]);const t=S.tags||[];B("tags",[...t,e])},readOnly:g})}),e.jsx(v,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:[" ","Tag ",e.jsx("strong",{children:F})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==P&&(C((e=>e.filter(((e,t)=>t!==P)))),B("tags",null===(e=S.tags)||void 0===e?void 0:e.filter(((e,t)=>t!==P)))),M(!1),V(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>M(!1),open:R,icon:e.jsx(m,{src:c,width:"4.0625rem",height:"4.0625rem"})})]});var J};export{g as default};
 //# sourceMappingURL=InfoForm.js.map

package/dist/src/components/InfoForm/InfoForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoForm.js","sources":["../../../../src/components/InfoForm/InfoForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\n// @ts-ignore\r\nimport { useFormikContext } from 'formik'\r\nimport { Button, Input, TextArea } from 'digitinary-ui'\r\nimport styles from './InfoForm.module.scss'\r\nimport regex from '../../constants/regex'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { DeleteIcon, deleteOutlinedIcon, EditIcon } from '../../assets/icons'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport CommonDialog from '../../components/dialog'\r\nimport { tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../../components/table/tags-table'\r\n\r\nconst InfoForm = ({ readOnly }: { readOnly?: boolean }) => {\r\n  const [tableData, setTableData] = useState([])\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [authType, setAuthType] = useState('')\r\n  const [description, setDescription] = useState('')\r\n  const [url, setURL] = useState('')\r\n  const { values, setFieldValue, errors } = useFormikContext<TransformedOpenApi>()\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [selectedTagIndex, setSelectedTagIndex] = useState<number | null>(null)\r\n  const [selectedTagName, setSelectedTagName] = useState<string | null>(null)\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n\r\n  useEffect(() => {\r\n    if (values && values.components && values.components.securitySchemes) {\r\n      const authenticatorKeys = Object.keys(values.components.securitySchemes)\r\n      if (authenticatorKeys.length) {\r\n        setAuthType(\r\n          values.components.securitySchemes[authenticatorKeys[0]].scheme ||\r\n            values.components.securitySchemes[authenticatorKeys[0]].type\r\n        )\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableRecords(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (values.tags && values.tags.length) {\r\n      setTableRecords(generateTableRecords(values.tags))\r\n      setTableData(values.tags)\r\n    }\r\n  }, [values.tags])\r\n\r\n  const confirmDeleteTag = () => {\r\n    if (selectedTagIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))\r\n      setFieldValue(\r\n        `tags`,\r\n        values.tags?.filter((_, i) => i !== selectedTagIndex)\r\n      )\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedTagIndex(null)\r\n  }\r\n\r\n  const capitalize = (str) => {\r\n    if (!str) return ''\r\n    return str.charAt(0).toUpperCase() + str.slice(1)\r\n  }\r\n\r\n  const onTableChange = (key, value, index) => {\r\n    const newTableData = tableData.map((item, tIndex) => {\r\n      if (tIndex === index) {\r\n        return { ...item, [key]: value }\r\n      } else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    setTableData(newTableData)\r\n  }\r\n\r\n  const saveNewRow = (tag) => {\r\n    setTableData([...tableData, tag])\r\n    const oldTags = values.tags || []\r\n    setFieldValue(`tags`, [...oldTags, tag])\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedTagIndex(id)\r\n    setSelectedTagName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const generateTableRecords = (items) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\r\n      description: (\r\n        <div className={styles.paramDescContainer}>\r\n          <Tooltip\r\n            key={`${index}-description`}\r\n            allowHTML\r\n            disabled={values.tags[index].description?.length <= 12}\r\n            content={<div style={{ padding: '0.625rem' }}>{values.tags[index].description}</div>}\r\n            arrowWithBorder\r\n            placement=\"bottom-end\"\r\n            type=\"function\"\r\n            delay={[0, 0]}\r\n            onShow={() => tooltipRefs[index]?.hide()}\r\n          >\r\n            <p style={{ alignSelf: 'center', fontWeight: 600, fontSize: '1rem' }}>\r\n              {values.tags[index].description\r\n                ? values.tags[index].description.substring(0, 12)\r\n                : readOnly && '-'}\r\n              {values.tags[index].description && values.tags[index].description.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </p>\r\n          </Tooltip>\r\n          <Tooltip\r\n            arrowWithBorder\r\n            placement=\"bottom-end\"\r\n            type=\"function\"\r\n            trigger=\"click\"\r\n            delay={[0, 0]}\r\n            onCreate={(instance) =>\r\n              setTooltipRefs((prev) => ({\r\n                ...prev,\r\n                [index]: instance,\r\n              }))\r\n            }\r\n            content={\r\n              <div className={styles.editDescTooltipContent}>\r\n                <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe parameter...\"\r\n                  value={item.description}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => onTableChange('description', value, index)}\r\n                />\r\n                {!readOnly && (\r\n                  <Button\r\n                    className={styles.editDescTooltipContent_btn}\r\n                    variant=\"outlined\"\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setFieldValue(`tags[${index}].description`, item.description)\r\n                      tooltipRefs[index]?.hide()\r\n                    }}\r\n                  >\r\n                    Apply\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            }\r\n          >\r\n            {readOnly || values.tags[index].description ? (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n              ></Button>\r\n            ) : (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n              >\r\n                {readOnly || values.tags[index].description\r\n                  ? 'View Description'\r\n                  : 'Add Description'}\r\n              </Button>\r\n            )}\r\n          </Tooltip>\r\n        </div>\r\n      ),\r\n      externalDocs: (\r\n        <div className={styles.paramDescContainer}>\r\n          <Tooltip\r\n            arrowWithBorder\r\n            placement=\"bottom-end\"\r\n            type=\"function\"\r\n            trigger=\"click\"\r\n            delay={[0, 0]}\r\n            onCreate={(instance) =>\r\n              setExternalTooltipRefs((prev) => ({\r\n                ...prev,\r\n                [index]: instance,\r\n              }))\r\n            }\r\n            content={\r\n              <div className={styles.editDescTooltipContent}>\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe External Doc...\"\r\n                  value={item.externalDocs?.description}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => {\r\n                    onTableChange(\r\n                      'externalDocs',\r\n                      { ...item.externalDocs, description: value },\r\n                      index\r\n                    )\r\n                    setDescription(value)\r\n                  }}\r\n                />\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\r\n                <TextArea\r\n                  placeholder=\"External Docs Link...\"\r\n                  value={item.externalDocs?.url}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => {\r\n                    onTableChange('externalDocs', { ...item.externalDocs, url: value }, index)\r\n                    setURL(value)\r\n                  }}\r\n                />\r\n                {!readOnly && (\r\n                  <Button\r\n                    className={styles.editDescTooltipContent_btn}\r\n                    variant=\"outlined\"\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setFieldValue(`tags[${index}].externalDocs`, {\r\n                        description: description,\r\n                        url: url,\r\n                      })\r\n                      setDescription('')\r\n                      setURL('')\r\n                      externalTooltipRefs[index]?.hide()\r\n                    }}\r\n                  >\r\n                    Apply\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            }\r\n          >\r\n            {readOnly || values.tags[index].externalDocs?.description ? (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                onClick={() => {\r\n                  setDescription(item.externalDocs?.description)\r\n                  setURL(item.externalDocs?.url)\r\n                }}\r\n              >\r\n                {values.tags[index].externalDocs?.description\r\n                  ? values.tags[index].externalDocs?.description?.substring(0, 12)\r\n                  : '-'}\r\n                {values.tags[index].externalDocs?.description &&\r\n                values.tags[index].externalDocs?.description?.length > 12\r\n                  ? '...'\r\n                  : ''}\r\n              </Button>\r\n            ) : (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                onClick={() => {\r\n                  setDescription(item.externalDocs?.description)\r\n                  setURL(item.externalDocs?.url)\r\n                }}\r\n              >\r\n                {readOnly ||\r\n                (item.externalDocs && (item.externalDocs?.url || item.externalDocs?.description))\r\n                  ? 'View '\r\n                  : 'Add '}{' '}\r\n                External Docs Link\r\n              </Button>\r\n            )}\r\n          </Tooltip>\r\n\r\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n          {!readOnly && (\r\n            <Button\r\n              className={styles.deleteParamBtn}\r\n              variant=\"link\"\r\n              color=\"error\"\r\n              endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\r\n              onClick={() => handleDeleteClick(index, item.name)}\r\n            ></Button>\r\n          )}\r\n        </div>\r\n      ),\r\n    }))\r\n  }\r\n\r\n  return (\r\n    <form className={styles.apiInfoForm} onSubmit={(e) => e.preventDefault()}>\r\n      <Input\r\n        size=\"large\"\r\n        placeholder=\"e.g. Payments\"\r\n        label=\"API Name\"\r\n        required\r\n        value={values?.info?.title}\r\n        maxLength={25}\r\n        onChange={(value) => {\r\n          setFieldValue('info.title', value)\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.title', '')\r\n        }}\r\n        errorMsg={errors?.info?.title}\r\n        restrictedCharactersRegex={regex.basic}\r\n      />\r\n      <div className={styles.apiDocRow}>\r\n        <Input\r\n          size=\"large\"\r\n          label=\"API Authentication Type\"\r\n          required\r\n          value={capitalize(authType)}\r\n          disabled\r\n        />\r\n        <Input size=\"large\" label=\"Version\" required value={values?.info?.version} disabled />\r\n      </div>\r\n      <TextArea\r\n        size=\"large\"\r\n        placeholder=\"Enter a description of the API's functionality...\"\r\n        label=\"Description\"\r\n        value={values?.info?.description}\r\n        maxLength={120}\r\n        required\r\n        onChange={(value: string) => {\r\n          if (value === '' || regex.ASCII.test(value)) {\r\n            setFieldValue('info.description', value)\r\n          }\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.description', '')\r\n        }}\r\n        errorMessage={errors?.info?.description}\r\n      />\r\n      <div className={styles.paramsTable}>\r\n        <TagsTable\r\n          id=\"paramter-table\"\r\n          data={tableRecords}\r\n          headCells={tagsTableHeaders}\r\n          isFormOpen={isFormOpen}\r\n          setIsFormOpen={setIsFormOpen}\r\n          saveNewRow={saveNewRow}\r\n          readOnly={readOnly}\r\n        />\r\n      </div>\r\n      <CommonDialog\r\n        status=\"error\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n            className=\"delete-msg-container\"\r\n          >\r\n            Are you sure you want to delete\r\n            <span className=\"plan-name\">\r\n              {' '}\r\n              Tag <strong>{selectedTagName}</strong>\r\n            </span>\r\n            ?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteTag,\r\n          text: 'Delete',\r\n          color: 'error',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setOpenDeleteDialog(false)}\r\n        open={openDeleteDialog}\r\n        icon={<SVGLoader src={deleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\r\n      />\r\n    </form>\r\n  )\r\n}\r\n\r\nexport default InfoForm\r\n"],"names":["InfoForm","readOnly","tableData","setTableData","useState","tableRecords","setTableRecords","authType","setAuthType","description","setDescription","url","setURL","values","setFieldValue","errors","useFormikContext","externalTooltipRefs","setExternalTooltipRefs","tooltipRefs","setTooltipRefs","selectedTagIndex","setSelectedTagIndex","selectedTagName","setSelectedTagName","openDeleteDialog","setOpenDeleteDialog","isFormOpen","setIsFormOpen","useEffect","components","securitySchemes","authenticatorKeys","Object","keys","length","scheme","type","generateTableRecords","tags","onTableChange","key","value","index","newTableData","map","item","tIndex","assign","items","id","tagName","name","_jsxs","className","styles","paramDescContainer","children","_jsx","Tooltip","allowHTML","disabled","_a","content","style","padding","arrowWithBorder","placement","delay","onShow","hide","jsxs","alignSelf","fontWeight","fontSize","substring","jsx","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","onChange","Button","editDescTooltipContent_btn","variant","size","onClick","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","externalDocs","_b","_c","_d","_e","_g","_f","_k","_j","_l","_m","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","apiInfoForm","onSubmit","e","preventDefault","Input","label","required","info","title","maxLength","onClear","errorMsg","restrictedCharactersRegex","regex","basic","apiDocRow","str","charAt","toUpperCase","slice","version","ASCII","test","errorMessage","paramsTable","TagsTable","data","headCells","tagsTableHeaders","saveNewRow","tag","oldTags","CommonDialog","status","textAlign","lineHeight","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"InfoForm.js","sources":["../../../../src/components/InfoForm/InfoForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\n// @ts-ignore\r\nimport { useFormikContext } from 'formik'\r\nimport { Button, Input, TextArea } from 'digitinary-ui'\r\nimport styles from './InfoForm.module.scss'\r\nimport regex from '../../constants/regex'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { DeleteIcon, deleteOutlinedIcon, EditIcon } from '../../assets/icons'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport CommonDialog from '../../components/dialog'\r\nimport { tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../../components/table/tags-table'\r\n\r\nconst InfoForm = ({ readOnly }: { readOnly?: boolean }) => {\r\n  const [tableData, setTableData] = useState([])\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [authType, setAuthType] = useState('')\r\n  const [description, setDescription] = useState('')\r\n  const [url, setURL] = useState('')\r\n  const { values, setFieldValue, errors } = useFormikContext<TransformedOpenApi>()\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [selectedTagIndex, setSelectedTagIndex] = useState<number | null>(null)\r\n  const [selectedTagName, setSelectedTagName] = useState<string | null>(null)\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n\r\n  useEffect(() => {\r\n    if (values && values.components && values.components.securitySchemes) {\r\n      const authenticatorKeys = Object.keys(values.components.securitySchemes)\r\n      if (authenticatorKeys.length) {\r\n        setAuthType(\r\n          values.components.securitySchemes[authenticatorKeys[0]].scheme ||\r\n            values.components.securitySchemes[authenticatorKeys[0]].type\r\n        )\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableRecords(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (values.tags && values.tags.length) {\r\n      setTableData(values.tags)\r\n    }\r\n  }, [values.tags])\r\n\r\n  const confirmDeleteTag = () => {\r\n    if (selectedTagIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))\r\n      setFieldValue(\r\n        `tags`,\r\n        values.tags?.filter((_, i) => i !== selectedTagIndex)\r\n      )\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedTagIndex(null)\r\n  }\r\n\r\n  const capitalize = (str) => {\r\n    if (!str) return ''\r\n    return str.charAt(0).toUpperCase() + str.slice(1)\r\n  }\r\n\r\n  const onTableChange = (key, value, index) => {\r\n    const newTableData = tableData.map((item, tIndex) => {\r\n      if (tIndex === index) {\r\n        return { ...item, [key]: value }\r\n      } else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    setTableData(newTableData)\r\n  }\r\n\r\n  const saveNewRow = (tag) => {\r\n    setTableData([...tableData, tag])\r\n    const oldTags = values.tags || []\r\n    setFieldValue(`tags`, [...oldTags, tag])\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedTagIndex(id)\r\n    setSelectedTagName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const generateTableRecords = (items) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\r\n      description: (\r\n        <div className={styles.paramDescContainer}>\r\n          <Tooltip\r\n            key={`${index}-description`}\r\n            allowHTML\r\n            disabled={values.tags[index].description?.length <= 12}\r\n            content={<div style={{ padding: '0.625rem' }}>{values.tags[index].description}</div>}\r\n            arrowWithBorder\r\n            placement=\"bottom-end\"\r\n            type=\"function\"\r\n            delay={[0, 0]}\r\n            onShow={() => tooltipRefs[index]?.hide()}\r\n          >\r\n            <p style={{ alignSelf: 'center', fontWeight: 600, fontSize: '1rem' }}>\r\n              {values.tags[index].description\r\n                ? values.tags[index].description.substring(0, 12)\r\n                : readOnly && '-'}\r\n              {values.tags[index].description && values.tags[index].description.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </p>\r\n          </Tooltip>\r\n          <Tooltip\r\n            arrowWithBorder\r\n            placement=\"bottom-end\"\r\n            type=\"function\"\r\n            trigger=\"click\"\r\n            delay={[0, 0]}\r\n            onCreate={(instance) =>\r\n              setTooltipRefs((prev) => ({\r\n                ...prev,\r\n                [index]: instance,\r\n              }))\r\n            }\r\n            content={\r\n              <div className={styles.editDescTooltipContent}>\r\n                <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe tag...\"\r\n                  value={item.description}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => {\r\n                    if (value === '' || regex.ASCII.test(value))\r\n                      onTableChange('description', value, index)\r\n                  }}\r\n                  maxLength={25}\r\n                />\r\n                {!readOnly && (\r\n                  <Button\r\n                    className={styles.editDescTooltipContent_btn}\r\n                    variant=\"outlined\"\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setFieldValue(`tags[${index}].description`, item.description?.trim())\r\n                      tooltipRefs[index]?.hide()\r\n                    }}\r\n                    disabled={!item.description?.trim()}\r\n                  >\r\n                    Apply\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            }\r\n          >\r\n            {readOnly || values.tags[index].description ? (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n              ></Button>\r\n            ) : (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n              >\r\n                {readOnly || values.tags[index].description\r\n                  ? 'View Description'\r\n                  : 'Add Description'}\r\n              </Button>\r\n            )}\r\n          </Tooltip>\r\n        </div>\r\n      ),\r\n      externalDocs: (\r\n        <div className={styles.paramDescContainer}>\r\n          {values.tags[index].externalDocs?.description && values.tags[index].externalDocs?.url && (\r\n            <a\r\n              className={styles.externalDocsLink}\r\n              href={values.tags[index].externalDocs?.url}\r\n              target=\"_blank\"\r\n              style={\r\n                !values.tags[index].externalDocs?.description\r\n                  ? { textDecoration: 'none', pointerEvents: 'none' }\r\n                  : {}\r\n              }\r\n            >\r\n              {values.tags[index].externalDocs?.description\r\n                ? values.tags[index].externalDocs?.description?.substring(0, 12)\r\n                : readOnly && '-'}\r\n              {values.tags[index].externalDocs?.description &&\r\n              values.tags[index].externalDocs?.description?.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </a>\r\n          )}\r\n\r\n          <Tooltip\r\n            arrowWithBorder\r\n            placement=\"bottom-end\"\r\n            type=\"function\"\r\n            trigger=\"click\"\r\n            delay={[0, 0]}\r\n            onCreate={(instance) =>\r\n              setExternalTooltipRefs((prev) => ({\r\n                ...prev,\r\n                [index]: instance,\r\n              }))\r\n            }\r\n            content={\r\n              <div className={styles.editDescTooltipContent}>\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe External Doc...\"\r\n                  value={item.externalDocs?.description}\r\n                  disabled={readOnly}\r\n                  maxLength={25}\r\n                  onChange={(value) => {\r\n                    if (value === '' || regex.ASCII.test(value)) {\r\n                      onTableChange(\r\n                        'externalDocs',\r\n                        { ...item.externalDocs, description: value },\r\n                        index\r\n                      )\r\n                      setDescription(value)\r\n                    }\r\n                  }}\r\n                />\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\r\n                <TextArea\r\n                  placeholder=\"External Docs Link...\"\r\n                  value={item.externalDocs?.url}\r\n                  disabled={readOnly}\r\n                  maxLength={200}\r\n                  onChange={(value) => {\r\n                    if (value === '' || regex.ASCII.test(value)) {\r\n                      onTableChange('externalDocs', { ...item.externalDocs, url: value }, index)\r\n                      setURL(value)\r\n                    }\r\n                  }}\r\n                />\r\n                {!readOnly && (\r\n                  <Button\r\n                    className={styles.editDescTooltipContent_btn}\r\n                    variant=\"outlined\"\r\n                    size=\"small\"\r\n                    onClick={() => {\r\n                      setFieldValue(`tags[${index}].externalDocs`, {\r\n                        description: description?.trim(),\r\n                        url: url?.trim(),\r\n                      })\r\n                      setDescription('')\r\n                      setURL('')\r\n                      externalTooltipRefs[index]?.hide()\r\n                    }}\r\n                    disabled={\r\n                      !(\r\n                        (values.tags[index].externalDocs?.description &&\r\n                          values.tags[index].externalDocs?.url &&\r\n                          !description?.trim() &&\r\n                          !url?.trim()) ||\r\n                        (description?.trim() && url?.trim() && regex.urlRegex.test(url))\r\n                      )\r\n                    }\r\n                  >\r\n                    Apply\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            }\r\n          >\r\n            {readOnly || values.tags[index].externalDocs?.description ? (\r\n              <div className={styles.editExternalDocs}>\r\n                <SVGLoader\r\n                  src={EditIcon}\r\n                  width=\"1.5rem\"\r\n                  height=\"1.5rem\"\r\n                  onClick={(e) => {\r\n                    e?.stopPropagation()\r\n                    setDescription(item.externalDocs?.description)\r\n                    setURL(item.externalDocs?.url)\r\n                  }}\r\n                />\r\n              </div>\r\n            ) : (\r\n              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                onClick={() => {\r\n                  setDescription(item.externalDocs?.description)\r\n                  setURL(item.externalDocs?.url)\r\n                }}\r\n              >\r\n                {readOnly ||\r\n                (values.tags[index]?.externalDocs &&\r\n                  (values.tags[index]?.externalDocs?.url ||\r\n                    values.tags[index].externalDocs?.description))\r\n                  ? 'View '\r\n                  : 'Add '}{' '}\r\n                External Docs Link\r\n              </Button>\r\n            )}\r\n          </Tooltip>\r\n\r\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n          {!readOnly && (\r\n            <Button\r\n              className={styles.deleteParamBtn}\r\n              variant=\"link\"\r\n              color=\"error\"\r\n              endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\r\n              onClick={() => handleDeleteClick(index, item.name)}\r\n            ></Button>\r\n          )}\r\n        </div>\r\n      ),\r\n    }))\r\n  }\r\n\r\n  return (\r\n    <form className={styles.apiInfoForm} onSubmit={(e) => e.preventDefault()}>\r\n      <Input\r\n        size=\"large\"\r\n        placeholder=\"e.g. Payments\"\r\n        label=\"API Name\"\r\n        required\r\n        value={values?.info?.title}\r\n        maxLength={35}\r\n        onChange={(value) => {\r\n          setFieldValue('info.title', value)\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.title', '')\r\n        }}\r\n        errorMsg={errors?.info?.title}\r\n        restrictedCharactersRegex={regex.basic}\r\n      />\r\n      <div className={styles.apiDocRow}>\r\n        <Input\r\n          size=\"large\"\r\n          label=\"API Authentication Type\"\r\n          required\r\n          value={capitalize(authType)}\r\n          disabled\r\n        />\r\n        <Input size=\"large\" label=\"Version\" required value={values?.info?.version} disabled />\r\n      </div>\r\n      <TextArea\r\n        size=\"large\"\r\n        placeholder=\"Enter a description of the API's functionality...\"\r\n        label=\"Description\"\r\n        value={values?.info?.description}\r\n        maxLength={120}\r\n        required\r\n        onChange={(value: string) => {\r\n          if (value === '' || regex.ASCII.test(value)) {\r\n            setFieldValue('info.description', value)\r\n          }\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.description', '')\r\n        }}\r\n        errorMsg={errors?.info?.description}\r\n      />\r\n      <div className={styles.paramsTable}>\r\n        <TagsTable\r\n          id=\"paramter-table\"\r\n          data={tableRecords}\r\n          headCells={tagsTableHeaders}\r\n          isFormOpen={isFormOpen}\r\n          setIsFormOpen={setIsFormOpen}\r\n          saveNewRow={saveNewRow}\r\n          readOnly={readOnly}\r\n        />\r\n      </div>\r\n      <CommonDialog\r\n        status=\"error\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n            className=\"delete-msg-container\"\r\n          >\r\n            Are you sure you want to delete\r\n            <span className=\"plan-name\">\r\n              {' '}\r\n              Tag <strong>{selectedTagName}</strong>\r\n            </span>\r\n            ?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteTag,\r\n          text: 'Delete',\r\n          color: 'error',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setOpenDeleteDialog(false)}\r\n        open={openDeleteDialog}\r\n        icon={<SVGLoader src={deleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\r\n      />\r\n    </form>\r\n  )\r\n}\r\n\r\nexport default InfoForm\r\n"],"names":["InfoForm","readOnly","tableData","setTableData","useState","tableRecords","setTableRecords","authType","setAuthType","description","setDescription","url","setURL","values","setFieldValue","errors","useFormikContext","externalTooltipRefs","setExternalTooltipRefs","tooltipRefs","setTooltipRefs","selectedTagIndex","setSelectedTagIndex","selectedTagName","setSelectedTagName","openDeleteDialog","setOpenDeleteDialog","isFormOpen","setIsFormOpen","useEffect","components","securitySchemes","authenticatorKeys","Object","keys","length","scheme","type","generateTableRecords","tags","onTableChange","key","value","index","newTableData","map","item","tIndex","assign","items","id","tagName","name","_jsxs","className","styles","paramDescContainer","children","_jsx","Tooltip","allowHTML","disabled","_a","content","style","padding","arrowWithBorder","placement","delay","onShow","hide","jsxs","alignSelf","fontWeight","fontSize","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","onChange","regex","ASCII","test","maxLength","jsx","Button","editDescTooltipContent_btn","variant","size","onClick","trim","_b","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","externalDocs","_c","_d","externalDocsLink","href","_e","target","_f","textDecoration","pointerEvents","_j","_h","_k","_m","_l","_o","_p","_q","_r","urlRegex","_s","editExternalDocs","e","stopPropagation","_t","_v","_u","_w","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","apiInfoForm","onSubmit","preventDefault","Input","label","required","info","title","onClear","errorMsg","restrictedCharactersRegex","basic","apiDocRow","str","charAt","toUpperCase","slice","version","paramsTable","TagsTable","data","headCells","tagsTableHeaders","saveNewRow","tag","oldTags","CommonDialog","status","textAlign","lineHeight","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}

package/dist/src/components/JsonInput/JsonInput.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a,useEffect as t}from"react";import r from"../../../node_modules/js-yaml/dist/js-yaml.mjs.js";import s from"./style.module.scss.js";const l={BOTH:"Invalid JSON or YAML format",JSON:"Invalid JSON format",YML:"Invalid YAML format"},i=({placeholder:i,label:o,value:d,onValidation:n,onChange:c,dataId:m,className:u="",errorMessage:j,acceptType:N="BOTH",fieldIsDisabled:p,withFooter:f=!0})=>{const[h,v]=a(),[O,y]=a(!0),T=e=>{if(""!==d){e.preventDefault();try{let e;"BOTH"!==N&&"JSON"!==N||!b(d)?"BOTH"!==N&&"YML"!==N||(e=r.dump(r.load(d),{indent:0})):e=JSON.stringify(JSON.parse(d),null,2),c(e),v(!0)}catch(e){console.error(e),v(!1)}}},b=e=>{try{return JSON.parse(e),!0}catch(e){return!1}},x=()=>{if("BOTH"===N||"JSON"===N)return b(d);if("BOTH"===N||"YML"===N)try{return r.load(d),!0}catch(e){return console.error(e),!1}};return t((()=>{try{T(d)}catch(e){}}),[]),e.jsxs("div",{className:`${s["json-editor-container"]} ${u} ${p?s.disabled:""}`,children:[o&&e.jsx("p",{className:`${s["json-editor-label"]}`,children:o}),e.jsxs("div",{className:`${s["json-editor"]} ${""!==d&&!1===h?s.invalid:""}`,children:[e.jsx("textarea",{disabled:p,"data-id":m,value:d,onChange:e=>{p||(v(void 0),y(!0),c(e.target.value))},onPaste:e=>{p||(v(void 0),y(!0),c(e.target.value))},min:"1",placeholder:i}),f&&e.jsxs("div",{className:`${s["actions-container"]}`,children:[e.jsx("button",{type:"button",className:s.validate,onClick:()=>{const e=x();v(e),n(e),y(!x())},"data-id":`${m}-VALIDATE-BUTTON`,disabled:""===d,children:"Validate"}),e.jsx("button",{type:"button",disabled:""===d||O,"data-id":`${m}-BEAUTIFY-BUTTON`,className:s.beautify,onClick:T,children:"Beautify"})]})]}),(j||""!==d&&!1===h)&&e.jsx("p",{className:s["error-message"],children:j||l[N]})]})};export{i as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a,useEffect as t}from"react";import r from"../../../node_modules/js-yaml/dist/js-yaml.mjs.js";import s from"./style.module.scss.js";import l from"../../constants/regex.js";const o={BOTH:"Invalid JSON or YAML format",JSON:"Invalid JSON format",YML:"Invalid YAML format"},i=({placeholder:i,label:n,value:d,onValidation:c,onChange:m,dataId:u,className:j="",errorMessage:p,acceptType:v="BOTH",fieldIsDisabled:N,withFooter:f=!0})=>{const[h,O]=a(),[y,T]=a(!0),b=e=>{if(""!==d){e.preventDefault();try{let e;"BOTH"!==v&&"JSON"!==v||!x(d)?"BOTH"!==v&&"YML"!==v||(e=r.dump(r.load(d),{indent:0})):e=JSON.stringify(JSON.parse(d),null,2),m(e),O(!0)}catch(e){console.error(e),O(!1)}}},x=e=>{try{return JSON.parse(e),!0}catch(e){return!1}},I=()=>{if("BOTH"===v||"JSON"===v)return x(d);if("BOTH"===v||"YML"===v)try{return r.load(d),!0}catch(e){return console.error(e),!1}};return t((()=>{try{b(d)}catch(e){}}),[]),e.jsxs("div",{className:`${s["json-editor-container"]} ${j} ${N?s.disabled:""}`,children:[n&&e.jsx("p",{className:`${s["json-editor-label"]}`,children:n}),e.jsxs("div",{className:`${s["json-editor"]} ${""!==d&&!1===h?s.invalid:""}`,children:[e.jsx("textarea",{disabled:N,"data-id":u,value:d,onChange:e=>{N||l.ASCII.test(e.target.value)&&(O(void 0),T(!0),m(e.target.value))},onPaste:e=>{N||l.ASCII.test(e.target.value)&&(O(void 0),T(!0),m(e.target.value))},min:"1",placeholder:i}),f&&e.jsxs("div",{className:`${s["actions-container"]}`,children:[e.jsx("button",{type:"button",className:s.validate,onClick:()=>{const e=I();O(e),c(e),T(!I())},"data-id":`${u}-VALIDATE-BUTTON`,disabled:""===d,children:"Validate"}),e.jsx("button",{type:"button",disabled:""===d||y,"data-id":`${u}-BEAUTIFY-BUTTON`,className:s.beautify,onClick:b,children:"Beautify"})]})]}),(p||""!==d&&!1===h)&&e.jsx("p",{className:s["error-message"],children:p||o[v]})]})};export{i as default};
 //# sourceMappingURL=JsonInput.js.map

package/dist/src/components/JsonInput/JsonInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonInput.js","sources":["../../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport yaml from 'js-yaml'\r\nimport styles from './style.module.scss'\r\n\r\nconst errorMapping = {\r\n  BOTH: 'Invalid JSON or YAML format',\r\n  JSON: 'Invalid JSON format',\r\n  YML: 'Invalid YAML format',\r\n}\r\n\r\nconst JsonInput = ({\r\n  placeholder,\r\n  label,\r\n  value,\r\n  onValidation,\r\n  onChange,\r\n  dataId,\r\n  className = '',\r\n  errorMessage,\r\n  acceptType = 'BOTH',\r\n  fieldIsDisabled,\r\n  withFooter = true,\r\n}) => {\r\n  const [isValid, setIsValid] = useState()\r\n  const [disabledBeautify, setDisabledBeautify] = useState(true)\r\n\r\n  const handlePrettify = (e) => {\r\n    if (value === '') return\r\n    e.preventDefault()\r\n    try {\r\n      let prettifiedData\r\n      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {\r\n        // If it's valid JSON, prettify JSON\r\n        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)\r\n      } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n        // If it's not valid JSON, prettify YAML\r\n        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })\r\n      }\r\n      onChange(prettifiedData)\r\n      setIsValid(true) // Reset validity status\r\n    } catch (error) {\r\n      console.error(error)\r\n      setIsValid(false)\r\n    }\r\n  }\r\n\r\n  // Function to check if input is valid JSON\r\n  const isValidJson = (str) => {\r\n    try {\r\n      JSON.parse(str)\r\n      return true\r\n    } catch (error) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  const checkIsValid = () => {\r\n    if (acceptType === 'BOTH' || acceptType === 'JSON') {\r\n      return isValidJson(value)\r\n    } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n      try {\r\n        // Try parsing as YAML\r\n        yaml.load(value)\r\n        return true\r\n      } catch (error) {\r\n        console.error(error)\r\n        return false\r\n      }\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    try {\r\n      handlePrettify(value)\r\n    } catch {}\r\n  }, [])\r\n\r\n  return (\r\n    <div\r\n      className={`${styles['json-editor-container']} ${className} ${\r\n        fieldIsDisabled ? styles.disabled : ''\r\n      }`}\r\n    >\r\n      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}\r\n      <div\r\n        className={`${styles['json-editor']} ${\r\n          value !== '' && isValid === false ? styles.invalid : ''\r\n        }`}\r\n      >\r\n        <textarea\r\n          disabled={fieldIsDisabled}\r\n          data-id={dataId}\r\n          value={value}\r\n          onChange={(e) => {\r\n            if (fieldIsDisabled) return\r\n            setIsValid(undefined)\r\n            setDisabledBeautify(true)\r\n            onChange(e.target.value)\r\n          }}\r\n          onPaste={(e) => {\r\n            if (fieldIsDisabled) return\r\n            setIsValid(undefined)\r\n            setDisabledBeautify(true)\r\n            onChange(e.target.value)\r\n          }}\r\n          min=\"1\"\r\n          placeholder={placeholder}\r\n        />\r\n        {withFooter && (\r\n          <div className={`${styles['actions-container']}`}>\r\n            <button\r\n              type=\"button\"\r\n              className={styles.validate}\r\n              onClick={() => {\r\n                const valid = checkIsValid()\r\n                setIsValid(valid)\r\n                onValidation(valid)\r\n                setDisabledBeautify(!checkIsValid())\r\n              }}\r\n              data-id={`${dataId}-VALIDATE-BUTTON`}\r\n              disabled={value === ''}\r\n            >\r\n              Validate\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              disabled={value === '' || disabledBeautify}\r\n              data-id={`${dataId}-BEAUTIFY-BUTTON`}\r\n              className={styles.beautify}\r\n              onClick={handlePrettify}\r\n            >\r\n              Beautify\r\n            </button>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {(errorMessage || (value !== '' && isValid === false)) && (\r\n        <p className={styles['error-message']}>{errorMessage || errorMapping[acceptType]}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default JsonInput\r\n"],"names":["errorMapping","BOTH","JSON","YML","JsonInput","placeholder","label","value","onValidation","onChange","dataId","className","errorMessage","acceptType","fieldIsDisabled","withFooter","isValid","setIsValid","useState","disabledBeautify","setDisabledBeautify","handlePrettify","e","preventDefault","prettifiedData","isValidJson","yaml","dump","load","indent","stringify","parse","error","console","str","checkIsValid","useEffect","_a","_jsxs","jsxs","styles","disabled","children","_jsx","jsx","invalid","undefined","target","onPaste","min","type","validate","onClick","valid","beautify"],"mappings":"4MAIA,MAAMA,EAAe,CACnBC,KAAM,8BACNC,KAAM,sBACNC,IAAK,uBAGDC,EAAY,EAChBC,cACAC,QACAC,QACAC,eACAC,WACAC,SACAC,YAAY,GACZC,eACAC,aAAa,OACbC,kBACAC,cAAa,MAEb,MAAOC,EAASC,GAAcC,KACvBC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAkBC,IACtB,GAAc,KAAVf,EAAJ,CACAe,EAAEC,iBACF,IACE,IAAIC,EACgB,SAAfX,GAAwC,SAAfA,IAA0BY,EAAYlB,GAG1C,SAAfM,GAAwC,QAAfA,IAElCW,EAAiBE,EAAKC,KAAKD,EAAKE,KAAKrB,GAAQ,CAAEsB,OAAQ,KAHvDL,EAAiBtB,KAAK4B,UAAU5B,KAAK6B,MAAMxB,GAAQ,KAAM,GAK3DE,EAASe,GACTP,GAAW,EACZ,CAAC,MAAOe,GACPC,QAAQD,MAAMA,GACdf,GAAW,EACZ,CAhBuB,CAgBvB,EAIGQ,EAAeS,IACnB,IAEE,OADAhC,KAAK6B,MAAMG,IACJ,CACR,CAAC,MAAOF,GACP,OAAO,CACR,GAGGG,EAAe,KACnB,GAAmB,SAAftB,GAAwC,SAAfA,EAC3B,OAAOY,EAAYlB,GACd,GAAmB,SAAfM,GAAwC,QAAfA,EAClC,IAGE,OADAa,EAAKE,KAAKrB,IACH,CACR,CAAC,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,IACP,CACR,CACF,EASH,OANAI,GAAU,KACR,IACEf,EAAed,EAChB,CAAC,MAAM8B,GAAE,IACT,IAGDC,EACEC,KAAA,MAAA,CAAA5B,UAAW,GAAG6B,EAAO,4BAA4B7B,KAC/CG,EAAkB0B,EAAOC,SAAW,KACpCC,SAAA,CAEDpC,GAASqC,EAAAC,IAAA,IAAA,CAAGjC,UAAW,GAAG6B,EAAO,gCAAyBlC,IAC3DgC,EACEC,KAAA,MAAA,CAAA5B,UAAW,GAAG6B,EAAO,kBACT,KAAVjC,IAA4B,IAAZS,EAAoBwB,EAAOK,QAAU,KAGvDH,SAAA,CAAAC,EAAAC,IAAA,WAAA,CACEH,SAAU3B,YACDJ,EACTH,MAAOA,EACPE,SAAWa,IACLR,IACJG,OAAW6B,GACX1B,GAAoB,GACpBX,EAASa,EAAEyB,OAAOxC,OAAM,EAE1ByC,QAAU1B,IACJR,IACJG,OAAW6B,GACX1B,GAAoB,GACpBX,EAASa,EAAEyB,OAAOxC,OAAM,EAE1B0C,IAAI,IACJ5C,YAAaA,IAEdU,GACCuB,EAAAA,KAAK,MAAA,CAAA3B,UAAW,GAAG6B,EAAO,uBAAsBE,SAAA,CAC9CC,EAAAA,IACE,SAAA,CAAAO,KAAK,SACLvC,UAAW6B,EAAOW,SAClBC,QAAS,KACP,MAAMC,EAAQlB,IACdlB,EAAWoC,GACX7C,EAAa6C,GACbjC,GAAqBe,IAAe,YAE7B,GAAGzB,oBACZ+B,SAAoB,KAAVlC,wBAIZoC,EAAAC,IAAA,SAAA,CACEM,KAAK,SACLT,SAAoB,KAAVlC,GAAgBY,EAAgB,UACjC,GAAGT,oBACZC,UAAW6B,EAAOc,SAClBF,QAAS/B,EAGFqB,SAAA,oBAIb9B,GAA2B,KAAVL,IAA4B,IAAZS,IACjC2B,EAAGC,IAAA,IAAA,CAAAjC,UAAW6B,EAAO,0BAAmB5B,GAAgBZ,EAAaa,OAG1E"}
+{"version":3,"file":"JsonInput.js","sources":["../../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport yaml from 'js-yaml'\r\nimport styles from './style.module.scss'\r\nimport regex from '../../constants/regex'\r\n\r\nconst errorMapping = {\r\n  BOTH: 'Invalid JSON or YAML format',\r\n  JSON: 'Invalid JSON format',\r\n  YML: 'Invalid YAML format',\r\n}\r\n\r\nconst JsonInput = ({\r\n  placeholder,\r\n  label,\r\n  value,\r\n  onValidation,\r\n  onChange,\r\n  dataId,\r\n  className = '',\r\n  errorMessage,\r\n  acceptType = 'BOTH',\r\n  fieldIsDisabled,\r\n  withFooter = true,\r\n}) => {\r\n  const [isValid, setIsValid] = useState()\r\n  const [disabledBeautify, setDisabledBeautify] = useState(true)\r\n\r\n  const handlePrettify = (e) => {\r\n    if (value === '') return\r\n    e.preventDefault()\r\n    try {\r\n      let prettifiedData\r\n      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {\r\n        // If it's valid JSON, prettify JSON\r\n        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)\r\n      } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n        // If it's not valid JSON, prettify YAML\r\n        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })\r\n      }\r\n      onChange(prettifiedData)\r\n      setIsValid(true) // Reset validity status\r\n    } catch (error) {\r\n      console.error(error)\r\n      setIsValid(false)\r\n    }\r\n  }\r\n\r\n  // Function to check if input is valid JSON\r\n  const isValidJson = (str) => {\r\n    try {\r\n      JSON.parse(str)\r\n      return true\r\n    } catch (error) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  const checkIsValid = () => {\r\n    if (acceptType === 'BOTH' || acceptType === 'JSON') {\r\n      return isValidJson(value)\r\n    } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n      try {\r\n        // Try parsing as YAML\r\n        yaml.load(value)\r\n        return true\r\n      } catch (error) {\r\n        console.error(error)\r\n        return false\r\n      }\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    try {\r\n      handlePrettify(value)\r\n    } catch {}\r\n  }, [])\r\n\r\n  return (\r\n    <div\r\n      className={`${styles['json-editor-container']} ${className} ${\r\n        fieldIsDisabled ? styles.disabled : ''\r\n      }`}\r\n    >\r\n      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}\r\n      <div\r\n        className={`${styles['json-editor']} ${\r\n          value !== '' && isValid === false ? styles.invalid : ''\r\n        }`}\r\n      >\r\n        <textarea\r\n          disabled={fieldIsDisabled}\r\n          data-id={dataId}\r\n          value={value}\r\n          onChange={(e) => {\r\n            if (fieldIsDisabled) return\r\n            if (regex.ASCII.test(e.target.value)) {\r\n              setIsValid(undefined)\r\n              setDisabledBeautify(true)\r\n              onChange(e.target.value)\r\n            }\r\n          }}\r\n          onPaste={(e) => {\r\n            if (fieldIsDisabled) return\r\n            if (regex.ASCII.test(e.target.value)) {\r\n              setIsValid(undefined)\r\n              setDisabledBeautify(true)\r\n              onChange(e.target.value)\r\n            }\r\n          }}\r\n          min=\"1\"\r\n          placeholder={placeholder}\r\n        />\r\n        {withFooter && (\r\n          <div className={`${styles['actions-container']}`}>\r\n            <button\r\n              type=\"button\"\r\n              className={styles.validate}\r\n              onClick={() => {\r\n                const valid = checkIsValid()\r\n                setIsValid(valid)\r\n                onValidation(valid)\r\n                setDisabledBeautify(!checkIsValid())\r\n              }}\r\n              data-id={`${dataId}-VALIDATE-BUTTON`}\r\n              disabled={value === ''}\r\n            >\r\n              Validate\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              disabled={value === '' || disabledBeautify}\r\n              data-id={`${dataId}-BEAUTIFY-BUTTON`}\r\n              className={styles.beautify}\r\n              onClick={handlePrettify}\r\n            >\r\n              Beautify\r\n            </button>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {(errorMessage || (value !== '' && isValid === false)) && (\r\n        <p className={styles['error-message']}>{errorMessage || errorMapping[acceptType]}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default JsonInput\r\n"],"names":["errorMapping","BOTH","JSON","YML","JsonInput","placeholder","label","value","onValidation","onChange","dataId","className","errorMessage","acceptType","fieldIsDisabled","withFooter","isValid","setIsValid","useState","disabledBeautify","setDisabledBeautify","handlePrettify","e","preventDefault","prettifiedData","isValidJson","yaml","dump","load","indent","stringify","parse","error","console","str","checkIsValid","useEffect","_a","_jsxs","jsxs","styles","disabled","children","_jsx","jsx","invalid","regex","ASCII","test","target","undefined","onPaste","min","type","validate","onClick","valid","beautify"],"mappings":"oPAKA,MAAMA,EAAe,CACnBC,KAAM,8BACNC,KAAM,sBACNC,IAAK,uBAGDC,EAAY,EAChBC,cACAC,QACAC,QACAC,eACAC,WACAC,SACAC,YAAY,GACZC,eACAC,aAAa,OACbC,kBACAC,cAAa,MAEb,MAAOC,EAASC,GAAcC,KACvBC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAkBC,IACtB,GAAc,KAAVf,EAAJ,CACAe,EAAEC,iBACF,IACE,IAAIC,EACgB,SAAfX,GAAwC,SAAfA,IAA0BY,EAAYlB,GAG1C,SAAfM,GAAwC,QAAfA,IAElCW,EAAiBE,EAAKC,KAAKD,EAAKE,KAAKrB,GAAQ,CAAEsB,OAAQ,KAHvDL,EAAiBtB,KAAK4B,UAAU5B,KAAK6B,MAAMxB,GAAQ,KAAM,GAK3DE,EAASe,GACTP,GAAW,EACZ,CAAC,MAAOe,GACPC,QAAQD,MAAMA,GACdf,GAAW,EACZ,CAhBuB,CAgBvB,EAIGQ,EAAeS,IACnB,IAEE,OADAhC,KAAK6B,MAAMG,IACJ,CACR,CAAC,MAAOF,GACP,OAAO,CACR,GAGGG,EAAe,KACnB,GAAmB,SAAftB,GAAwC,SAAfA,EAC3B,OAAOY,EAAYlB,GACd,GAAmB,SAAfM,GAAwC,QAAfA,EAClC,IAGE,OADAa,EAAKE,KAAKrB,IACH,CACR,CAAC,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,IACP,CACR,CACF,EASH,OANAI,GAAU,KACR,IACEf,EAAed,EAChB,CAAC,MAAM8B,GAAE,IACT,IAGDC,EACEC,KAAA,MAAA,CAAA5B,UAAW,GAAG6B,EAAO,4BAA4B7B,KAC/CG,EAAkB0B,EAAOC,SAAW,KACpCC,SAAA,CAEDpC,GAASqC,EAAAC,IAAA,IAAA,CAAGjC,UAAW,GAAG6B,EAAO,gCAAyBlC,IAC3DgC,EACEC,KAAA,MAAA,CAAA5B,UAAW,GAAG6B,EAAO,kBACT,KAAVjC,IAA4B,IAAZS,EAAoBwB,EAAOK,QAAU,KAGvDH,SAAA,CAAAC,EAAAC,IAAA,WAAA,CACEH,SAAU3B,YACDJ,EACTH,MAAOA,EACPE,SAAWa,IACLR,GACAgC,EAAMC,MAAMC,KAAK1B,EAAE2B,OAAO1C,SAC5BU,OAAWiC,GACX9B,GAAoB,GACpBX,EAASa,EAAE2B,OAAO1C,OACnB,EAEH4C,QAAU7B,IACJR,GACAgC,EAAMC,MAAMC,KAAK1B,EAAE2B,OAAO1C,SAC5BU,OAAWiC,GACX9B,GAAoB,GACpBX,EAASa,EAAE2B,OAAO1C,OACnB,EAEH6C,IAAI,IACJ/C,YAAaA,IAEdU,GACCuB,EAAAA,KAAK,MAAA,CAAA3B,UAAW,GAAG6B,EAAO,uBAAsBE,SAAA,CAC9CC,EAAAA,IACE,SAAA,CAAAU,KAAK,SACL1C,UAAW6B,EAAOc,SAClBC,QAAS,KACP,MAAMC,EAAQrB,IACdlB,EAAWuC,GACXhD,EAAagD,GACbpC,GAAqBe,IAAe,YAE7B,GAAGzB,oBACZ+B,SAAoB,KAAVlC,wBAIZoC,EAAAC,IAAA,SAAA,CACES,KAAK,SACLZ,SAAoB,KAAVlC,GAAgBY,EAAgB,UACjC,GAAGT,oBACZC,UAAW6B,EAAOiB,SAClBF,QAASlC,EAGFqB,SAAA,oBAIb9B,GAA2B,KAAVL,IAA4B,IAAZS,IACjC2B,EAAGC,IAAA,IAAA,CAAAjC,UAAW6B,EAAO,0BAAmB5B,GAAgBZ,EAAaa,OAG1E"}

package/dist/src/components/LivePreview/LivePreview.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as o,useEffect as i}from"react";import s from"./LivePreview.module.scss.js";import l from"../SimpleLabelValue/SimpleLabelValue.js";import t from"../MethodAccordion/MethodAccordion.js";import{useFormikContext as n}from"../../../node_modules/formik/dist/formik.esm.js";import{tagsTableHeaders as r,methodColorMapping as a}from"../../constants/index.js";import d from"../table/tags-table.js";import{d as c}from"../../../_virtual/index.js";import p from"../Tooltip/Tooltip.js";const v=({transformedData:v})=>{const[m,u]=o();o({});const[x,h]=o([]);o({});const{values:j}=n(),{info:g,components:D,tags:f}=j,{securitySchemes:b}=D,y=b&&"object"==typeof b&&Object.keys(b).length?Object.keys(b)[0]:null;i((()=>{j.tags&&(u(N(j.tags,!0)),h(j.tags))}),[j.tags]);const N=(o,i)=>o.map(((o,l)=>{var t,n,r,a,d,v,m,u,x,h,j,g,D,f,b;return{id:l,tagName:o.name,description:e.jsx(p,{allowHTML:!0,disabled:(null===(t=o.description)||void 0===t?void 0:t.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:o.description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],children:e.jsx("div",{className:s.paramDescContainer,children:e.jsxs("p",{className:s.editDescBtn,children:[o.description?o.description.substring(0,12):"-",o.description&&o.description.length>12?"...":""]})})},`${l}-description`),externalDocs:e.jsxs("div",{className:s.paramDescContainer,children:[o.externalDocs&&o.externalDocs.url&&"-"!=o.externalDocs.url?e.jsxs("a",{className:s.editDescBtn,href:(null===(n=o.externalDocs)||void 0===n?void 0:n.url)&&(null===(r=o.externalDocs)||void 0===r?void 0:r.url.indexOf("http"))>-1?null===(a=o.externalDocs)||void 0===a?void 0:a.url:`https://${null===(d=o.externalDocs)||void 0===d?void 0:d.url}`,rel:"noopener noreferrer",target:"_blank",children:[(null===(v=null==o?void 0:o.externalDocs)||void 0===v?void 0:v.description)?null===(u=null===(m=null==o?void 0:o.externalDocs)||void 0===m?void 0:m.description)||void 0===u?void 0:u.substring(0,12):"-",(null===(x=null==o?void 0:o.externalDocs)||void 0===x?void 0:x.description)&&(null===(j=null===(h=null==o?void 0:o.externalDocs)||void 0===h?void 0:h.description)||void 0===j?void 0:j.length)>12?"...":""]}):e.jsxs(c.Button,{className:s.editDescBtn,variant:"link",color:"action",children:[(null===(g=o.externalDocs)||void 0===g?void 0:g.description)?null===(D=o.externalDocs)||void 0===D?void 0:D.description.substring(0,12):"-",(null===(f=o.externalDocs)||void 0===f?void 0:f.description)&&(null===(b=o.externalDocs)||void 0===b?void 0:b.description.length)>12?"...":""]}),!i&&e.jsx("div",{className:s.paramDescContainer_separator}),!i&&e.jsx(c.Button,{className:s.deleteParamBtn,variant:"link",color:"error",onClick:()=>null})]})}}));return e.jsx("div",{children:e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-md-12",children:[e.jsx("p",{className:s.apiName,children:null==g?void 0:g.title}),e.jsx(l,{label:"API authentication type: ",value:y?b[y].scheme||b[y].type:"-"},"APIAuthenticationType"),e.jsx(l,{label:"Version: ",value:(null==g?void 0:g.version)||"-"},"version"),e.jsx(l,{label:"Description: ",value:(null==g?void 0:g.description)||"-"},"description"),e.jsx(l,{label:"Tags: "},"tags"),e.jsx(d,{id:"tags-table",data:m,headCells:r,isFormOpen:!1,setIsFormOpen:()=>null,saveNewRow:()=>null,readOnly:!0}),e.jsx(l,{label:"Endpoints "},"endpoints"),j.paths.map((o=>e.jsx("div",{className:s.methodsContainer,children:Object.entries(o.methods.sort(((e,o)=>a[e.type].order+a[o.type].order)).reduce(((e,o)=>{var i;return((null===(i=o.tags)||void 0===i?void 0:i.length)?null==o?void 0:o.tags:["default"]).forEach((i=>{e[i]||(e[i]=[]),e[i].push(o)})),e}),{})).map((([i,s])=>e.jsxs("div",{children:[e.jsx("h3",{children:i}),null==s?void 0:s.map(((i,s)=>e.jsx(t,{readOnly:!0,method:i,path:o.path,tags:j.tags})))]},i)))},o.path)))]})})})};export{v as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i,useEffect as l}from"react";import s from"./LivePreview.module.scss.js";import o from"../SimpleLabelValue/SimpleLabelValue.js";import t from"../MethodAccordion/MethodAccordion.js";import{useFormikContext as n}from"../../../node_modules/formik/dist/formik.esm.js";import{tagsTableHeaders as r,methodColorMapping as a}from"../../constants/index.js";import d from"../table/tags-table.js";import{d as c}from"../../../_virtual/index.js";import v from"../Tooltip/Tooltip.js";const p=({transformedData:p})=>{var m,u;const[x,h]=i();i({});const[j,g]=i([]);i({});const{values:D}=n(),{info:f,components:b,tags:N}=D,{securitySchemes:y}=b,C=y&&"object"==typeof y&&Object.keys(y).length?Object.keys(y)[0]:null;l((()=>{D.tags&&(h(w(D.tags,!0)),g(D.tags))}),[D.tags]);const w=(i,l)=>i.map(((i,o)=>{var t,n,r,a,d,p,m,u,x,h,j,g,D,f,b;return{id:o,tagName:i.name,description:e.jsx(v,{allowHTML:!0,disabled:(null===(t=i.description)||void 0===t?void 0:t.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:i.description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],children:e.jsx("div",{className:s.paramDescContainer,children:e.jsxs("p",{className:s.editDescBtn,children:[i.description?i.description.substring(0,12):"-",i.description&&i.description.length>12?"...":""]})})},`${o}-description`),externalDocs:e.jsxs("div",{className:s.paramDescContainer,children:[i.externalDocs&&i.externalDocs.url&&"-"!=i.externalDocs.url?e.jsxs("a",{className:s.editDescBtn,href:(null===(n=i.externalDocs)||void 0===n?void 0:n.url)&&(null===(r=i.externalDocs)||void 0===r?void 0:r.url.indexOf("http"))>-1?null===(a=i.externalDocs)||void 0===a?void 0:a.url:`https://${null===(d=i.externalDocs)||void 0===d?void 0:d.url}`,rel:"noopener noreferrer",target:"_blank",children:[(null===(p=null==i?void 0:i.externalDocs)||void 0===p?void 0:p.description)?null===(u=null===(m=null==i?void 0:i.externalDocs)||void 0===m?void 0:m.description)||void 0===u?void 0:u.substring(0,12):"-",(null===(x=null==i?void 0:i.externalDocs)||void 0===x?void 0:x.description)&&(null===(j=null===(h=null==i?void 0:i.externalDocs)||void 0===h?void 0:h.description)||void 0===j?void 0:j.length)>12?"...":""]}):e.jsxs(c.Button,{className:s.editDescBtn,variant:"link",color:"action",children:[(null===(g=i.externalDocs)||void 0===g?void 0:g.description)?null===(D=i.externalDocs)||void 0===D?void 0:D.description.substring(0,12):"-",(null===(f=i.externalDocs)||void 0===f?void 0:f.description)&&(null===(b=i.externalDocs)||void 0===b?void 0:b.description.length)>12?"...":""]}),!l&&e.jsx("div",{className:s.paramDescContainer_separator}),!l&&e.jsx(c.Button,{className:s.deleteParamBtn,variant:"link",color:"error",onClick:()=>null})]})}}));return e.jsx("div",{className:s.livePreviewContainer,children:e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-md-12",children:[e.jsxs("div",{className:s.titleContainer,children:[e.jsx("p",{className:s.apiName,children:(null===(m=null==f?void 0:f.title)||void 0===m?void 0:m.trim())||"-"}),e.jsx(c.Chip,{className:s.livePreviewChip,children:"Live Preview"})]}),e.jsx(o,{label:"API authentication type: ",value:C?y[C].scheme||y[C].type:"-"},"APIAuthenticationType"),e.jsx(o,{label:"Version: ",value:(null==f?void 0:f.version)||"-"},"version"),e.jsx(o,{label:"Description: ",value:(null===(u=null==f?void 0:f.description)||void 0===u?void 0:u.trim())||"-"},"description"),e.jsx(o,{label:"Tags: "},"tags"),e.jsx(d,{id:"tags-table",data:x,headCells:r,isFormOpen:!1,setIsFormOpen:()=>null,saveNewRow:()=>null,readOnly:!0}),e.jsx(o,{label:"Endpoints "},"endpoints"),D.paths.map((i=>e.jsx("div",{className:s.methodsContainer,children:Object.entries(i.methods.sort(((e,i)=>a[e.type].order+a[i.type].order)).reduce(((e,i)=>{var l;return((null===(l=i.tags)||void 0===l?void 0:l.length)?null==i?void 0:i.tags:["default"]).forEach((l=>{e[l]||(e[l]=[]),e[l].push(i)})),e}),{})).map((([l,s])=>e.jsxs("div",{children:[e.jsx("h3",{children:l}),null==s?void 0:s.map(((l,s)=>e.jsx(t,{readOnly:!0,method:l,path:i.path,tags:D.tags})))]},l)))},i.path)))]})})})};export{p as default};
 //# sourceMappingURL=LivePreview.js.map

package/dist/src/components/LivePreview/LivePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"LivePreview.js","sources":["../../../../src/components/LivePreview/LivePreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport styles from './LivePreview.module.scss'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport MethodsAccordion from '../../components/MethodAccordion/MethodAccordion'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport { useFormikContext } from 'formik'\r\nimport { methodColorMapping, tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../table/tags-table'\r\nimport { Button } from 'digitinary-ui'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\n\r\ninterface LivePreviewProps {\r\n  transformedData?: TransformedOpenApi\r\n}\r\n\r\nconst LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const { values } = useFormikContext<TransformedOpenApi>()\r\n  const { info, components, tags } = values\r\n  const { securitySchemes } = components\r\n  const securityKey =\r\n    securitySchemes && typeof securitySchemes == 'object' && Object.keys(securitySchemes).length\r\n      ? Object.keys(securitySchemes)[0]\r\n      : null\r\n\r\n  useEffect(() => {\r\n    if (values.tags) {\r\n      setTableRecords(generateTableData(values.tags, true))\r\n      setTableData(values.tags)\r\n    }\r\n  }, [values.tags])\r\n\r\n  const generateTableData = (items, readOnly) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\r\n      description: (\r\n        <Tooltip\r\n          key={`${index}-description`}\r\n          allowHTML\r\n          disabled={item.description?.length <= 12}\r\n          content={<div style={{ padding: '0.625rem' }}>{item.description}</div>}\r\n          arrowWithBorder\r\n          placement=\"bottom-end\"\r\n          type=\"function\"\r\n          delay={[0, 0]}\r\n        >\r\n          <div className={styles.paramDescContainer}>\r\n            <p className={styles.editDescBtn}>\r\n              {item.description ? item.description.substring(0, 12) : '-'}\r\n              {item.description && item.description.length > 12 ? '...' : ''}\r\n            </p>\r\n          </div>\r\n        </Tooltip>\r\n      ),\r\n      externalDocs: (\r\n        <div className={styles.paramDescContainer}>\r\n          {item.externalDocs && item.externalDocs.url && item.externalDocs.url != '-' ? (\r\n            <a\r\n              className={styles.editDescBtn}\r\n              href={\r\n                item.externalDocs?.url && item.externalDocs?.url.indexOf('http') > -1\r\n                  ? item.externalDocs?.url\r\n                  : `https://${item.externalDocs?.url}`\r\n              }\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n            >\r\n              {item?.externalDocs?.description\r\n                ? item?.externalDocs?.description?.substring(0, 12)\r\n                : '-'}\r\n              {item?.externalDocs?.description && item?.externalDocs?.description?.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </a>\r\n          ) : (\r\n            <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\r\n              {item.externalDocs?.description\r\n                ? item.externalDocs?.description.substring(0, 12)\r\n                : '-'}\r\n              {item.externalDocs?.description && item.externalDocs?.description.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </Button>\r\n          )}\r\n\r\n          {/* </Tooltip> */}\r\n\r\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n          {!readOnly && (\r\n            <Button\r\n              className={styles.deleteParamBtn}\r\n              variant=\"link\"\r\n              color=\"error\"\r\n              onClick={() => null}\r\n            ></Button>\r\n          )}\r\n        </div>\r\n      ),\r\n    }))\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"row\">\r\n        <div className=\"col-md-12\">\r\n          <p className={styles.apiName}>{info?.title}</p>\r\n          <SimpleLabelValue\r\n            key={'APIAuthenticationType'}\r\n            label={'API authentication type: '}\r\n            value={\r\n              !!securityKey\r\n                ? securitySchemes[securityKey].scheme || securitySchemes[securityKey].type\r\n                : '-'\r\n            }\r\n          />\r\n          <SimpleLabelValue key={'version'} label={'Version: '} value={info?.version || '-'} />\r\n          <SimpleLabelValue\r\n            key={'description'}\r\n            label={'Description: '}\r\n            value={info?.description || '-'}\r\n          />\r\n\r\n          <SimpleLabelValue key={'tags'} label={'Tags: '} />\r\n          <TagsTable\r\n            id=\"tags-table\"\r\n            data={tableRecords}\r\n            headCells={tagsTableHeaders}\r\n            isFormOpen={false}\r\n            setIsFormOpen={() => null}\r\n            saveNewRow={() => null}\r\n            readOnly={true}\r\n          />\r\n\r\n          <SimpleLabelValue key={'endpoints'} label={'Endpoints '} />\r\n          {values.paths.map((path) => (\r\n            <div className={styles.methodsContainer} key={path.path}>\r\n              {Object.entries(\r\n                path.methods\r\n                  .sort(\r\n                    (a, b) => methodColorMapping[a.type].order + methodColorMapping[b.type].order\r\n                  )\r\n                  .reduce((groupedMethods, method) => {\r\n                    // Handle methods without tags\r\n                    const tags = method.tags?.length ? method?.tags : ['default']\r\n\r\n                    tags.forEach((tag) => {\r\n                      if (!groupedMethods[tag]) {\r\n                        groupedMethods[tag] = []\r\n                      }\r\n                      groupedMethods[tag].push(method)\r\n                    })\r\n\r\n                    return groupedMethods\r\n                  }, {})\r\n              ).map(([tag, methods]) => (\r\n                <div key={tag}>\r\n                  <h3>{tag}</h3>\r\n                  {methods?.map((method, methodIndex) => (\r\n                    <MethodsAccordion\r\n                      readOnly\r\n                      method={method}\r\n                      path={path.path}\r\n                      tags={values.tags}\r\n                    />\r\n                  ))}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LivePreview\r\n"],"names":["LivePreview","transformedData","tableRecords","setTableRecords","useState","tableData","setTableData","values","useFormikContext","info","components","tags","securitySchemes","securityKey","Object","keys","length","useEffect","generateTableData","items","readOnly","map","item","index","id","tagName","name","description","_jsx","jsx","Tooltip","allowHTML","disabled","_a","content","style","padding","children","arrowWithBorder","placement","type","delay","className","styles","paramDescContainer","_jsxs","jsxs","editDescBtn","substring","externalDocs","url","href","_b","_c","indexOf","_d","_e","rel","target","_f","_h","_g","_j","_l","_k","Button","variant","color","_m","_o","_p","_q","paramDescContainer_separator","deleteParamBtn","onClick","apiName","title","SimpleLabelValue","label","value","scheme","version","TagsTable","data","headCells","tagsTableHeaders","isFormOpen","setIsFormOpen","saveNewRow","paths","path","methodsContainer","entries","methods","sort","a","b","methodColorMapping","order","reduce","groupedMethods","method","forEach","tag","push","methodIndex","MethodsAccordion"],"mappings":"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"}
+{"version":3,"file":"LivePreview.js","sources":["../../../../src/components/LivePreview/LivePreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport styles from './LivePreview.module.scss'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport MethodsAccordion from '../../components/MethodAccordion/MethodAccordion'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport { useFormikContext } from 'formik'\r\nimport { methodColorMapping, tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../table/tags-table'\r\nimport { Button, Chip } from 'digitinary-ui'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\n\r\ninterface LivePreviewProps {\r\n  transformedData?: TransformedOpenApi\r\n}\r\n\r\nconst LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const { values } = useFormikContext<TransformedOpenApi>()\r\n  const { info, components, tags } = values\r\n  const { securitySchemes } = components\r\n  const securityKey =\r\n    securitySchemes && typeof securitySchemes == 'object' && Object.keys(securitySchemes).length\r\n      ? Object.keys(securitySchemes)[0]\r\n      : null\r\n\r\n  useEffect(() => {\r\n    if (values.tags) {\r\n      setTableRecords(generateTableData(values.tags, true))\r\n      setTableData(values.tags)\r\n    }\r\n  }, [values.tags])\r\n\r\n  const generateTableData = (items, readOnly) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\r\n      description: (\r\n        <Tooltip\r\n          key={`${index}-description`}\r\n          allowHTML\r\n          disabled={item.description?.length <= 12}\r\n          content={<div style={{ padding: '0.625rem' }}>{item.description}</div>}\r\n          arrowWithBorder\r\n          placement=\"bottom-end\"\r\n          type=\"function\"\r\n          delay={[0, 0]}\r\n        >\r\n          <div className={styles.paramDescContainer}>\r\n            <p className={styles.editDescBtn}>\r\n              {item.description ? item.description.substring(0, 12) : '-'}\r\n              {item.description && item.description.length > 12 ? '...' : ''}\r\n            </p>\r\n          </div>\r\n        </Tooltip>\r\n      ),\r\n      externalDocs: (\r\n        <div className={styles.paramDescContainer}>\r\n          {item.externalDocs && item.externalDocs.url && item.externalDocs.url != '-' ? (\r\n            <a\r\n              className={styles.editDescBtn}\r\n              href={\r\n                item.externalDocs?.url && item.externalDocs?.url.indexOf('http') > -1\r\n                  ? item.externalDocs?.url\r\n                  : `https://${item.externalDocs?.url}`\r\n              }\r\n              rel=\"noopener noreferrer\"\r\n              target=\"_blank\"\r\n            >\r\n              {item?.externalDocs?.description\r\n                ? item?.externalDocs?.description?.substring(0, 12)\r\n                : '-'}\r\n              {item?.externalDocs?.description && item?.externalDocs?.description?.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </a>\r\n          ) : (\r\n            <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\r\n              {item.externalDocs?.description\r\n                ? item.externalDocs?.description.substring(0, 12)\r\n                : '-'}\r\n              {item.externalDocs?.description && item.externalDocs?.description.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </Button>\r\n          )}\r\n\r\n          {/* </Tooltip> */}\r\n\r\n          {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n          {!readOnly && (\r\n            <Button\r\n              className={styles.deleteParamBtn}\r\n              variant=\"link\"\r\n              color=\"error\"\r\n              onClick={() => null}\r\n            ></Button>\r\n          )}\r\n        </div>\r\n      ),\r\n    }))\r\n  }\r\n\r\n  return (\r\n    <div className={styles.livePreviewContainer}>\r\n      <div className=\"row\">\r\n        <div className=\"col-md-12\">\r\n          <div className={styles.titleContainer}>\r\n            <p className={styles.apiName}>{info?.title?.trim() || '-'}</p>\r\n            <Chip className={styles.livePreviewChip}>Live Preview</Chip>\r\n          </div>\r\n          <SimpleLabelValue\r\n            key={'APIAuthenticationType'}\r\n            label={'API authentication type: '}\r\n            value={\r\n              !!securityKey\r\n                ? securitySchemes[securityKey].scheme || securitySchemes[securityKey].type\r\n                : '-'\r\n            }\r\n          />\r\n          <SimpleLabelValue key={'version'} label={'Version: '} value={info?.version || '-'} />\r\n          <SimpleLabelValue\r\n            key={'description'}\r\n            label={'Description: '}\r\n            value={info?.description?.trim() || '-'}\r\n          />\r\n\r\n          <SimpleLabelValue key={'tags'} label={'Tags: '} />\r\n          <TagsTable\r\n            id=\"tags-table\"\r\n            data={tableRecords}\r\n            headCells={tagsTableHeaders}\r\n            isFormOpen={false}\r\n            setIsFormOpen={() => null}\r\n            saveNewRow={() => null}\r\n            readOnly={true}\r\n          />\r\n\r\n          <SimpleLabelValue key={'endpoints'} label={'Endpoints '} />\r\n          {values.paths.map((path) => (\r\n            <div className={styles.methodsContainer} key={path.path}>\r\n              {Object.entries(\r\n                path.methods\r\n                  .sort(\r\n                    (a, b) => methodColorMapping[a.type].order + methodColorMapping[b.type].order\r\n                  )\r\n                  .reduce((groupedMethods, method) => {\r\n                    // Handle methods without tags\r\n                    const tags = method.tags?.length ? method?.tags : ['default']\r\n\r\n                    tags.forEach((tag) => {\r\n                      if (!groupedMethods[tag]) {\r\n                        groupedMethods[tag] = []\r\n                      }\r\n                      groupedMethods[tag].push(method)\r\n                    })\r\n\r\n                    return groupedMethods\r\n                  }, {})\r\n              ).map(([tag, methods]) => (\r\n                <div key={tag}>\r\n                  <h3>{tag}</h3>\r\n                  {methods?.map((method, methodIndex) => (\r\n                    <MethodsAccordion\r\n                      readOnly\r\n                      method={method}\r\n                      path={path.path}\r\n                      tags={values.tags}\r\n                    />\r\n                  ))}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LivePreview\r\n"],"names":["LivePreview","transformedData","tableRecords","setTableRecords","useState","tableData","setTableData","values","useFormikContext","info","components","tags","securitySchemes","securityKey","Object","keys","length","useEffect","generateTableData","items","readOnly","map","item","index","id","tagName","name","description","_jsx","jsx","Tooltip","allowHTML","disabled","_a","content","style","padding","children","arrowWithBorder","placement","type","delay","className","styles","paramDescContainer","_jsxs","jsxs","editDescBtn","substring","externalDocs","url","href","_b","_c","indexOf","_d","_e","rel","target","_f","_h","_g","_j","_l","_k","Button","variant","color","_m","_o","_p","_q","paramDescContainer_separator","deleteParamBtn","onClick","livePreviewContainer","titleContainer","apiName","title","trim","Chip","livePreviewChip","SimpleLabelValue","label","value","scheme","version","TagsTable","data","headCells","tagsTableHeaders","isFormOpen","setIsFormOpen","saveNewRow","paths","path","methodsContainer","entries","methods","sort","a","b","methodColorMapping","order","reduce","groupedMethods","method","forEach","tag","push","methodIndex","MethodsAccordion"],"mappings":"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"}

package/dist/src/components/MethodAccordion/MethodAccordion.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as s,useEffect as r}from"react";import{d as o}from"../../../_virtual/index.js";import n from"../SVGLoader/SVGLoader.js";import t from"../../assets/icons/DownArrow.svg.js";import a from"../../assets/icons/DeleteIcon.svg.js";import i from"../../assets/icons/EditIcon.svg.js";import l from"../../assets/icons/deleteOutlinedIcon.svg.js";import{httpStatusCodes as d,methodColorMapping as c,paramsTableHeaders as m}from"../../constants/index.js";import p from"../Tooltip/Tooltip.js";import u from"../SimpleLabelValue/SimpleLabelValue.js";import{handleStatusColor as h,capitalize as v}from"../../helpers/methodAccordion.helper.js";import j from"../table/table.js";import x from"../dialog/index.js";import g from"../JsonInput/JsonInput.js";import b from"./MethodAccordion.module.scss.js";const y=d.map((s=>({label:e.jsxs("div",{className:b.statusCodeOptionContainer,children:[e.jsx("div",{className:b.statusCodeOptionCircle,style:{backgroundColor:h(s)}}),e.jsx("span",{children:s})]}),value:s}))),N=({method:d,path:h,setFieldValue:N,readOnly:f,tags:C})=>{var S,w,A,O,D,q,T,k;const[I,B]=s({request:!1,response:!1,method:!1}),[F,$]=s(!1),[V,L]=s({}),[_,J]=s([]),[M,W]=s(!1),[E,G]=s(null),[H,P]=s(null),[R,z]=s(),[K,Q]=s([]),[U,X]=s(y[4]),Y=d.responses.find((e=>Number(e.code)===U.value))||"{}",Z=(e,s,r)=>{const o=_.map(((o,n)=>n===r?Object.assign(Object.assign({},o),{[e]:s}):o));J(o)},ee=(e,s)=>{G(e),P(s),W(!0)};return r((()=>{z(_.map(((s,r)=>{var t,l,c;return{id:r,paramName:s.name,paramType:v(s.in),schemaType:v(null===(t=s.schema)||void 0===t?void 0:t.type)||"",required:e.jsx(e.Fragment,{children:f?s.required?"True":"False":e.jsx(o.Switch,{checked:s.required,onClick:()=>{if(f)return null;Z("required",!s.required,r),N(`parameters[${r}][required]`,!s.required)}})}),description:e.jsxs("div",{className:b.paramDescContainer,children:[e.jsx(p,{allowHTML:!0,disabled:(null===(l=d.parameters[r].description)||void 0===l?void 0:l.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:d.parameters[r].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=V[r])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center"},children:[d.parameters[r].description?d.parameters[r].description.substring(0,12):"-",d.parameters[r].description&&d.parameters[r].description.length>12?"...":""]})},`${r}-description`),e.jsx(p,{allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>L((s=>Object.assign(Object.assign({},s),{[r]:e}))),content:e.jsxs("div",{className:b.editDescTooltipContent,children:[e.jsx("p",{className:b.editDescTooltipContent_header,children:"Description"}),e.jsx(o.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:f,onChange:e=>Z("description",e,r)}),!f&&e.jsx(o.Button,{className:b.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;N(`parameters[${r}].description`,s.description),null===(e=V[r])||void 0===e||e.hide()},children:"Apply"})]}),children:f||(null===(c=d.parameters[r].description)||void 0===c?void 0:c.length)>0?e.jsx(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:i,width:"1.5rem",height:"1.5rem"})}):e.jsxs(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:i,width:"1.5rem",height:"1.5rem"}),children:[f?"View ":"Add "," Description"]})},`${r}-add-edit-description`),!f&&e.jsx("div",{className:b.paramDescContainer_separator}),!f&&e.jsx(o.Button,{className:b.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>ee(r,s.name)})]})}})))}),[_]),r((()=>{(null==d?void 0:d.parameters)&&J(d.parameters)}),[d,h]),r((()=>{var e;if((null==d?void 0:d.tags.length)||C.length){const s=[...null===(e=(null==d?void 0:d.tags)||[])||void 0===e?void 0:e.map((e=>({label:v(e),value:e}))),...(C||[]).map((e=>({label:v(e.name),value:e.name})))].filter(((e,s,r)=>s===r.findIndex((s=>s.value===e.value))));Q(s)}}),[C,d]),e.jsxs("div",{children:[e.jsx(o.Accordion,{expanded:I.method,onChange:()=>B((e=>Object.assign(Object.assign({},e),{method:!e.method}))),className:`${b.methodAccordion} ${f?b.readOnly:""}`,summary:e.jsxs("div",{className:b.methodSummaryContainer,children:[e.jsxs("div",{className:b.methodSummary,children:[e.jsx("span",{style:{backgroundColor:(null===(S=null==c?void 0:c[null==d?void 0:d.type])||void 0===S?void 0:S.color)||"#3A6CD1"},className:b.methodLabel,children:(null===(w=null==c?void 0:c[null==d?void 0:d.type])||void 0===w?void 0:w.label)||(null==d?void 0:d.type)}),e.jsx("span",{className:b.methodPath,children:h})]}),e.jsx("div",{className:`${b.methodExpandArrowContainer} ${I.method?b.expanded:""}`,children:e.jsx(n,{src:t,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:b.methodAccordionContent,children:[e.jsx(o.SelectGroup,{className:b.methodDesc,disabled:f,placeholder:"Select Tags",label:"Tags",value:null===(A=d.tags)||void 0===A?void 0:A.map((e=>({label:v(e),value:e}))),onChange:e=>{N("tags",e.map((e=>e.value)))},options:[{list:K}],isMultiple:!0,withSearch:!1,clearable:!1}),f?e.jsx(u,{label:"Description: ",value:(null==d?void 0:d.description)||"-"},"description"):e.jsx(o.TextArea,{className:b.methodDesc,label:"Description",placeholder:"Describe the method's purpose and functionality...",value:null==d?void 0:d.description,onChange:e=>N("description",e)}),e.jsx("div",{className:b.paramsTable,children:e.jsx(j,{id:"paramter-table",data:R,headCells:m,isFormOpen:F,setIsFormOpen:$,saveNewRow:e=>{J([..._,e]),N("parameters",[...d.parameters,e])},readOnly:f})}),"get"!==(null==d?void 0:d.type)&&e.jsx(o.Accordion,{expanded:I.request,onChange:()=>null,className:b.requestAccordion,summary:e.jsx("span",{className:b.requestAccordionSummary,children:e.jsxs("div",{className:b.requestAccordionSummary_title,onClick:()=>B((e=>Object.assign(Object.assign({},e),{request:!e.request}))),children:[e.jsx(n,{className:I.request?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Request","delete"!==(null==d?void 0:d.type)&&e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(g,{acceptType:"JSON",withFooter:!f,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:f,value:(null===(q=null===(D=null===(O=null==d?void 0:d.requestBody)||void 0===O?void 0:O.content)||void 0===D?void 0:D.schema)||void 0===q?void 0:q.properties)||"{}",onChange:e=>{N("requestBody.content.schema.properties",e)},onValidation:()=>null})}),e.jsx(o.Accordion,{expanded:I.response,onChange:()=>null,className:b.responseAccordion,summary:e.jsxs("span",{className:b.responseAccordionSummary,children:[e.jsxs("div",{className:b.responseAccordionSummary_title,onClick:()=>B((e=>Object.assign(Object.assign({},e),{response:!e.response}))),children:[e.jsx(n,{className:I.response?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]}),e.jsx(o.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:y}],value:U,onChange:e=>{X(e)}})]}),children:e.jsx(g,{acceptType:"JSON",withFooter:!f,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:f,value:(null===(k=null===(T=null==Y?void 0:Y.content)||void 0===T?void 0:T.schema)||void 0===k?void 0:k.properties)||"{}",onChange:e=>{const s=d.responses.findIndex((e=>e.code===Y.code));if(-1!==s)N(`responses[${s}].content.schema.properties`,e);else{const s=structuredClone(d.responses);s.push({code:U.value.toString(),content:{contentType:"application/json",schema:{type:"object",properties:e}}}),N("responses",s)}},onValidation:()=>null})})]})}),e.jsx(x,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:["Parameter ",e.jsx("strong",{children:H})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==E&&(J((e=>e.filter(((e,s)=>s!==E)))),N("parameters",null===(e=null==d?void 0:d.parameters)||void 0===e?void 0:e.filter(((e,s)=>s!==E)))),W(!1),G(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>W(!1),open:M,icon:e.jsx(n,{src:l,width:"4.0625rem",height:"4.0625rem"})})]})};export{N as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as s,useEffect as r}from"react";import{d as o}from"../../../_virtual/index.js";import n from"../SVGLoader/SVGLoader.js";import t from"../../assets/icons/DownArrow.svg.js";import i from"../../assets/icons/DeleteIcon.svg.js";import a from"../../assets/icons/EditIcon.svg.js";import l from"../../assets/icons/deleteOutlinedIcon.svg.js";import{httpStatusCodes as d,methodColorMapping as c,paramsTableHeaders as m}from"../../constants/index.js";import p from"../Tooltip/Tooltip.js";import u from"../SimpleLabelValue/SimpleLabelValue.js";import{handleStatusColor as h,capitalize as v}from"../../helpers/methodAccordion.helper.js";import j from"../table/table.js";import x from"../dialog/index.js";import g from"../JsonInput/JsonInput.js";import b from"./MethodAccordion.module.scss.js";import y from"../../constants/regex.js";const N=d.map((s=>({label:e.jsxs("div",{className:b.statusCodeOptionContainer,children:[e.jsx("div",{className:b.statusCodeOptionCircle,style:{backgroundColor:h(s)}}),e.jsx("span",{children:s})]}),value:s}))),C=({method:d,path:h,setFieldValue:C,readOnly:f,tags:S,isOpen:w,setIsOpen:A})=>{var O,D,q,I,T,k,B,F;const[L,$]=s({request:!1,response:!1,method:!1}),[V,_]=s(!1),[J,M]=s({}),[W,E]=s([]),[G,H]=s(!1),[P,R]=s(null),[z,K]=s(null),[Q,U]=s(),[X,Y]=s([]),[Z,ee]=s(N[4]),se=d.responses.find((e=>Number(e.code)===Z.value))||"{}",re=(e,s,r)=>{const o=W.map(((o,n)=>n===r?Object.assign(Object.assign({},o),{[e]:s}):o));E(o)},oe=(e,s)=>{R(e),K(s),H(!0)};return r((()=>{U(W.map(((s,r)=>{var t,l,c,m;return{id:r,paramName:s.name,paramType:v(s.in),schemaType:v(null===(t=s.schema)||void 0===t?void 0:t.type)||"",required:e.jsx(e.Fragment,{children:f?s.required?"True":"False":e.jsx(o.Switch,{checked:s.required,onClick:()=>{if(f)return null;re("required",!s.required,r),C(`parameters[${r}][required]`,!s.required)}})}),description:e.jsxs("div",{className:b.paramDescContainer,children:[e.jsx(p,{allowHTML:!0,disabled:(null===(l=d.parameters[r].description)||void 0===l?void 0:l.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:d.parameters[r].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=J[r])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center"},children:[d.parameters[r].description?d.parameters[r].description.substring(0,12):f&&"-",d.parameters[r].description&&d.parameters[r].description.length>12?"...":""]})},`${r}-description`),!f&&e.jsx(p,{allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>M((s=>Object.assign(Object.assign({},s),{[r]:e}))),content:e.jsxs("div",{className:b.editDescTooltipContent,children:[e.jsx("p",{className:b.editDescTooltipContent_header,children:"Description"}),e.jsx(o.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:f,maxLength:120,onChange:e=>{(""===e||y.ASCII.test(e))&&re("description",e,r)}}),!f&&e.jsx(o.Button,{className:b.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e,o;C(`parameters[${r}].description`,null===(e=s.description)||void 0===e?void 0:e.trim()),null===(o=J[r])||void 0===o||o.hide()},disabled:!(null===(c=s.description)||void 0===c?void 0:c.trim()),children:"Apply"})]}),children:f||(null===(m=d.parameters[r].description)||void 0===m?void 0:m.length)>0?e.jsx(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:a,width:"1.5rem",height:"1.5rem"})}):e.jsxs(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:a,width:"1.5rem",height:"1.5rem"}),children:[f?"View ":"Add "," Description"]})},`${r}-add-edit-description`),!f&&e.jsx("div",{className:b.paramDescContainer_separator}),!f&&e.jsx(o.Button,{className:b.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:i,width:"1.125rem",height:"1.125rem"}),onClick:()=>oe(r,s.name)})]})}})))}),[W]),r((()=>{(null==d?void 0:d.parameters)&&E(d.parameters)}),[d,h]),r((()=>{var e;if((null==d?void 0:d.tags.length)||(null==S?void 0:S.length)){const s=[...null===(e=(null==d?void 0:d.tags)||[])||void 0===e?void 0:e.map((e=>({label:v(e),value:e}))),...(S||[]).map((e=>({label:v(e.name),value:e.name})))].filter(((e,s,r)=>s===r.findIndex((s=>s.value===e.value))));Y(s)}}),[S,d]),e.jsxs("div",{children:[e.jsx(o.Accordion,{expanded:w,onChange:()=>A(!w),className:`${b.methodAccordion} ${f?b.readOnly:""}`,summary:e.jsxs("div",{className:b.methodSummaryContainer,children:[e.jsxs("div",{className:b.methodSummary,children:[e.jsx("span",{style:{backgroundColor:(null===(O=null==c?void 0:c[null==d?void 0:d.type])||void 0===O?void 0:O.color)||"#3A6CD1"},className:b.methodLabel,children:(null===(D=null==c?void 0:c[null==d?void 0:d.type])||void 0===D?void 0:D.label)||(null==d?void 0:d.type)}),e.jsx("span",{className:b.methodPath,children:h})]}),e.jsx("div",{className:`${b.methodExpandArrowContainer} ${w?b.expanded:""}`,children:e.jsx(n,{src:t,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:b.methodAccordionContent,children:[e.jsx(o.SelectGroup,{className:b.methodDesc,disabled:f,placeholder:"Select Tags",label:"Tags",value:null===(q=d.tags)||void 0===q?void 0:q.map((e=>({label:v(e),value:e}))),onChange:e=>{C("tags",e.map((e=>e.value)))},options:[{list:X}],isMultiple:!0,withSearch:!1,clearable:!1}),f?e.jsx(u,{label:"Description: ",value:(null==d?void 0:d.description)||"-"},"description"):e.jsx(o.TextArea,{className:b.methodDesc,label:"Description",placeholder:"Describe the method's purpose and functionality...",maxLength:120,value:null==d?void 0:d.description,onChange:e=>{(""===e||y.ASCII.test(e))&&C("description",e)}}),e.jsx("div",{className:b.paramsTable,children:e.jsx(j,{id:"paramter-table",data:Q,headCells:m,isFormOpen:V,setIsFormOpen:_,saveNewRow:e=>{E([...W,e]),C("parameters",[...d.parameters,e])},readOnly:f})}),"get"!==(null==d?void 0:d.type)&&e.jsx(o.Accordion,{expanded:L.request,onChange:()=>null,className:b.requestAccordion,summary:e.jsx("span",{className:b.requestAccordionSummary,children:e.jsxs("div",{className:b.requestAccordionSummary_title,onClick:()=>$((e=>Object.assign(Object.assign({},e),{request:!e.request}))),children:[e.jsx(n,{className:L.request?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Request","delete"!==(null==d?void 0:d.type)&&e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(g,{acceptType:"JSON",withFooter:!f,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:f,value:(null===(k=null===(T=null===(I=null==d?void 0:d.requestBody)||void 0===I?void 0:I.content)||void 0===T?void 0:T.schema)||void 0===k?void 0:k.properties)||"{}",onChange:e=>{C("requestBody.content.schema.properties",e)},onValidation:()=>null})}),e.jsx(o.Accordion,{expanded:L.response,onChange:()=>null,className:b.responseAccordion,summary:e.jsxs("span",{className:b.responseAccordionSummary,children:[e.jsxs("div",{className:b.responseAccordionSummary_title,onClick:()=>$((e=>Object.assign(Object.assign({},e),{response:!e.response}))),children:[e.jsx(n,{className:L.response?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]}),e.jsx(o.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:N}],value:Z,onChange:e=>{ee(e)}})]}),children:e.jsx(g,{acceptType:"JSON",withFooter:!f,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:f,value:(null===(F=null===(B=null==se?void 0:se.content)||void 0===B?void 0:B.schema)||void 0===F?void 0:F.properties)||"{}",onChange:e=>{const s=d.responses.findIndex((e=>e.code===se.code));if(-1!==s)C(`responses[${s}].content.schema.properties`,e);else{const s=structuredClone(d.responses);s.push({code:Z.value.toString(),content:{contentType:"application/json",schema:{type:"object",properties:e}}}),C("responses",s)}},onValidation:()=>null})})]})}),e.jsx(x,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:["Parameter ",e.jsx("strong",{children:z})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==P&&(E((e=>e.filter(((e,s)=>s!==P)))),C("parameters",null===(e=null==d?void 0:d.parameters)||void 0===e?void 0:e.filter(((e,s)=>s!==P)))),H(!1),R(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>H(!1),open:G,icon:e.jsx(n,{src:l,width:"4.0625rem",height:"4.0625rem"})})]})};export{C as default};
 //# sourceMappingURL=MethodAccordion.js.map