@instincthub/react-ui 0.1.36 → 0.1.38

package/dist/src/assets/css/ui/ui-index.css

@@ -1,6 +1,7 @@
 @import url("./code-display.css");
 @import url("./content-viewer.css");
 @import url("./editor.css");
+@import url("./ihub-text-editor.css");
 @import url("./list-styles.css");
 @import url("./parent-list-styles.css");
 @import url("./signout-session.css");

package/dist/src/components/forms/FilterObjects.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,Fragment as i,jsx as l}from"react/jsx-runtime";import{useState as s,useEffect as r}from"react";import n from"@mui/icons-material/ExpandMore";import{setCookie as o}from"../lib/helpFunction.js";import u from"../ui/viewer/ContentViewer.js";var c=function(c){var d=s(!1),m=e(d,2),p=m[0],f=m[1],h=s("Choose..."),b=e(h,2),v=b[0],N=b[1],_=s([]),V=e(_,2),y=V[0],C=V[1],j=s(""),x=e(j,2),k=x[0],w=x[1];r(function(){var e=[];for(var t in c.options)c.options[t].id===c.defaultValue&&(N(c.options[t].title),w(c.options[t].id)),e.push(c.options[t]);C(e)},[c.options,c.defaultValue]),r(function(){var e;if("object"===t(c.defaultValue)&&null!==(e=c.defaultValue)&&void 0!==e&&e.id)N(c.defaultValue.title),w(c.defaultValue.id);else if(c.defaultValue){var a=c.options.find(function(e){return e.id===c.defaultValue});null!=a&&a.id&&(N(a.title),w(a.id))}else N("Choose..."),w("")},[c.defaultValue,c.options]);return a(i,{children:[a("div",{className:"ihub-select ".concat(c.err?"ihub-form-err":"").concat(c.className?" ".concat(c.className):""),style:{width:c.defaultWidth||"300px"},children:[a("div",{className:"ihub-select__btn",onClick:function(){return 0!==c.status&&f(!p)},children:[a("div",{className:0===c.status?"disabled":"",children:[l("input",{type:"text",className:"ihub-select__input",value:c.upperCases?String(k).toUpperCase():k||"",id:"id_"+c.name,name:c.name,required:c.required,"data-name":c.dataName||c.name,readOnly:!0}),l(u,{content:v||"...",showToolbar:!1})]}),c.label&&l("label",{className:"ihub-select__label",children:c.label}),l("div",{className:"search_btn",children:0===c.status?l("div",{className:"ihub-select__loader"}):l(n,{})})]}),p&&l("div",{className:"ihub-select__content",children:y.map(function(e,t){return l("div",{className:"ihub-select__item",onClick:function(){return function(e,t){N(t),w(e.id),f(!1),c.setValue&&c.setValue(e),c.setNameValue&&c.setNameValue(c.name,e),c.setObjects&&c.setObjects(e),c.setArrayProps&&c.setArrayProps(c.arrayProps||[],e),c.setCookies&&o(c.setCookies,JSON.stringify(e),365)}(e,e.title)},children:e.title},t)})})]}),c.note&&l("p",{className:"ihub-input-notes",children:c.note}),c.error&&l("span",{className:"ihub-error-text",children:c.error})]})};export{c as default};
+import{slicedToArray as e,typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,Fragment as i,jsx as l}from"react/jsx-runtime";import{useState as s,useEffect as r}from"react";import n from"@mui/icons-material/ExpandMore";import{setCookie as o}from"../lib/helpFunction.js";var u=function(u){var c=s(!1),d=e(c,2),m=d[0],p=d[1],f=s("Choose..."),h=e(f,2),b=h[0],_=h[1],N=s([]),v=e(N,2),V=v[0],y=v[1],C=s(""),j=e(C,2),x=j[0],g=j[1];r(function(){var e=[];for(var t in u.options)u.options[t].id===u.defaultValue&&(_(u.options[t].title),g(u.options[t].id)),e.push(u.options[t]);y(e)},[u.options,u.defaultValue]),r(function(){var e;if("object"===t(u.defaultValue)&&null!==(e=u.defaultValue)&&void 0!==e&&e.id)_(u.defaultValue.title),g(u.defaultValue.id);else if(u.defaultValue){var a=u.options.find(function(e){return e.id===u.defaultValue});null!=a&&a.id&&(_(a.title),g(a.id))}else _("Choose..."),g("")},[u.defaultValue,u.options]);return a(i,{children:[a("div",{className:"ihub-select ".concat(u.err?"ihub-form-err":"").concat(u.className?" ".concat(u.className):""),style:{width:u.defaultWidth||"300px"},children:[a("div",{className:"ihub-select__btn",onClick:function(){return 0!==u.status&&p(!m)},children:[a("div",{className:0===u.status?"disabled":"",children:[l("input",{type:"text",className:"ihub-select__input",value:u.upperCases?String(x).toUpperCase():x||"",id:"id_"+u.name,name:u.name,required:u.required,"data-name":u.dataName||u.name,readOnly:!0}),l("p",{dangerouslySetInnerHTML:{__html:b||"..."}})]}),u.label&&l("label",{className:"ihub-select__label",children:u.label}),l("div",{className:"search_btn",children:0===u.status?l("div",{className:"ihub-select__loader"}):l(n,{})})]}),m&&l("div",{className:"ihub-select__content",children:V.map(function(e,t){return l("div",{className:"ihub-select__item",onClick:function(){return function(e,t){_(t),g(e.id),p(!1),u.setValue&&u.setValue(e),u.setNameValue&&u.setNameValue(u.name,e),u.setObjects&&u.setObjects(e),u.setArrayProps&&u.setArrayProps(u.arrayProps||[],e),u.setCookies&&o(u.setCookies,JSON.stringify(e),365)}(e,e.title)},children:e.title},t)})})]}),u.note&&l("p",{className:"ihub-input-notes",children:u.note}),u.error&&l("span",{className:"ihub-error-text",children:u.error})]})};export{u as default};
 //# sourceMappingURL=FilterObjects.js.map

package/dist/src/components/lib/modals/modals.js

@@ -1,2 +1,2 @@
-var n=function(n){if(!n||n.length<3)return!1;return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)},e=function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return new Promise(function(t){var o=document.getElementById("confirmModal");o||((o=document.createElement("div")).id="confirmModal");var i='\n      <section id="myModal" class="modal">\n        <div class="modal-content">\n          <span class="close" onclick="window.handleCancel()">×</span>\n          <p class="'.concat(e?"something_bad_flagged":"something_bad",'">\n            ').concat(e?"Unexpected things will happen if you don’t read this!":"You are about to submit!","\n          </p>\n          <p>").concat(n||"Carefully read the instructions before making a decision. Ready? Hit the continue button!",'</p>\n          <div class="mt-4">\n            <button type="button" class="danger-btn d-inline-block" onclick="window.handleCancel()">Cancel</button>\n            <button type="button" class="important-btn confirm-btn ihub-bg-dark-cyan" onclick="window.handleConfirm()">Ok</button>\n          </div>\n        </div>\n      </section>\n    ');o.innerHTML=i,document.body.appendChild(o);var a=function(){var n;null===(n=o)||void 0===n||n.remove()};window.handleCancel=function(){a(),t(!1),console.log("")},window.handleConfirm=function(){a(),t(!0)},o.addEventListener("click",function(n){var e=n.target;"myModal"!==e.id&&"confirmModal"!==e.id||a()})})},t=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:200,t=200===e||201===e?"Awesome! The update was made.":500===e?"Sorry, the server can't process your request":"Hmmm..., Something went wrong. Try again",o=200===e||201===e?'<svg viewBox="0 0 24 24" style="color: var(--ViridianGreen); width:24px; height:24px;"><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>':'<svg viewBox="0 0 24 24" style="color: var(--Danger); width:24px; height:24px;"><path fill="currentColor" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>',i=document.getElementById("openToast");i||((i=document.createElement("div")).id="openToast");var a='\n    <div class="toast-wrapper">\n      <div class="slide-in-top">\n        <div class="align-text">\n          <div class="valid_btn">\n            '.concat(o,'\n            <p class="').concat(200===e||201===e?"isDone":"isError",'">\n              ').concat(n||t,'\n            </p>\n          </div>\n        </div>\n        <svg width="800px" height="800px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" \n          class="close-btn" onclick="window.cleanupToast()">\n          <path d="M3 21.32L21 3.32001" stroke="var(--Gunmetal)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n          <path d="M3 3.32001L21 21.32" stroke="var(--Gunmetal)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n        </svg>\n      </div>\n    </div>\n  ');i.innerHTML=a,document.body.appendChild(i),window.cleanupToast=function(){var n;null===(n=i)||void 0===n||n.remove()},setTimeout(function(){window.cleanupToast()},1e4)},o=function(e){return new Promise(function(o){var i,a=document.getElementById("confirmModal");a||((a=document.createElement("div")).id="confirmModal");var d=function(){var n;null===(n=a)||void 0===n||n.remove()};window.handleCleanUpInput=function(){d(),o(void 0)},window.handleInput=function(e){var t=document.getElementById("proceedBtn");n(e.value)?(t&&(t.disabled=!1),i=e.value):(t&&(t.disabled=!0),i=void 0)},window.handleConfirm=function(){n(i)?(d(),o(i)):t("You need to enter a valid email!",400)};var l='\n      <section id="myModal" class="modal">\n        <div class="modal-content">\n          <svg width="800px" height="800px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"\n            class="ih_get_user_email_modal_close_btn" onclick="window.handleCleanUpInput()">\n            <path d="M3 21.32L21 3.32001" stroke="var(--Gunmetal)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n            <path d="M3 3.32001L21 21.32" stroke="var(--Gunmetal)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n          </svg>\n          <h4>Enrol for '.concat(e,'</h4>\n          <p class="ihub-mt-3">Enter a valid Email Address</p>\n          <input type="email" name="email" id="userInput" oninput="window.handleInput(this)" />\n          <div class="action_btn ihub-mt-3">\n            <button type="button" disabled id="proceedBtn" class="delete_btn important-btn" onclick="window.handleConfirm()">Proceed</button>\n          </div>\n        </div>\n      </section>\n    ');a.innerHTML=l,document.body.appendChild(a),a.addEventListener("click",function(n){var e=n.target;"myModal"!==e.id&&"confirmModal"!==e.id||(d(),o(void 0))})})};export{o as getUserEmailInputModal,e as openConfirmModal,t as openToast};
+var t=function(t){if(!t||t.length<3)return!1;return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)},e=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return new Promise(function(n){var a=document.getElementById("confirmModal");a||((a=document.createElement("div")).id="confirmModal");var i=e?"something_bad_flagged":"something_bad",o=e?"Unexpected things will happen if you don't read this!":"You are about to submit!",r=t||"Carefully read the instructions before making a decision. Ready? Hit the continue button!",d=document.createElement("section");d.id="myModal",d.className="modal";var s=document.createElement("div");s.className="modal-content";var c=document.createElement("span");c.className="close",c.textContent="×",c.addEventListener("click",function(){b(),n(!1)});var l=document.createElement("p");l.className=i,l.textContent=o;var u=document.createElement("p");u.textContent=r;var m=document.createElement("div");m.className="mt-4";var p=document.createElement("button");p.type="button",p.className="danger-btn d-inline-block",p.textContent="Cancel",p.addEventListener("click",function(){b(),n(!1)});var v=document.createElement("button");v.type="button",v.className="important-btn confirm-btn ihub-bg-dark-cyan",v.textContent="Ok",v.addEventListener("click",function(){b(),n(!0)}),m.appendChild(p),m.appendChild(v),s.appendChild(c),s.appendChild(l),s.appendChild(u),s.appendChild(m),d.appendChild(s),a.textContent="",a.appendChild(d),document.body.appendChild(a);var b=function(){var t;null===(t=a)||void 0===t||t.remove()};a.addEventListener("click",function(t){var e=t.target;"myModal"!==e.id&&"confirmModal"!==e.id||(b(),n(!1))})})},n=0,a=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:200,a=200===e||201===e,i=t||(a?"Awesome! The update was made.":500===e?"Sorry, the server can't process your request":"Hmmm..., Something went wrong. Try again"),o="ihub-toast-".concat(++n),r=document.createElement("div");r.id=o,r.className="ihub-toast-container";var d=a?"success":"error",s=document.createElement("div");s.className="ihub-toast ihub-toast--".concat(d," ihub-toast-slide-in");var c=document.createElement("div");c.className="ihub-toast-body";var l=document.createElementNS("http://www.w3.org/2000/svg","svg");l.setAttribute("viewBox","0 0 24 24"),l.setAttribute("class","ihub-toast-icon ihub-toast-icon--".concat(d));var u=document.createElementNS("http://www.w3.org/2000/svg","path");u.setAttribute("fill","currentColor"),u.setAttribute("d",a?"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z":"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"),l.appendChild(u);var m=document.createElement("p");m.className="ihub-toast-message",m.textContent=i,c.appendChild(l),c.appendChild(m);var p=document.createElement("button");p.type="button",p.className="ihub-toast-close",p.setAttribute("aria-label","Close notification");var v=document.createElementNS("http://www.w3.org/2000/svg","svg");v.setAttribute("width","14"),v.setAttribute("height","14"),v.setAttribute("viewBox","0 0 24 24"),v.setAttribute("fill","none"),v.setAttribute("stroke","currentColor"),v.setAttribute("stroke-width","2"),v.setAttribute("stroke-linecap","round"),v.setAttribute("stroke-linejoin","round");var b=document.createElementNS("http://www.w3.org/2000/svg","line");b.setAttribute("x1","18"),b.setAttribute("y1","6"),b.setAttribute("x2","6"),b.setAttribute("y2","18");var h=document.createElementNS("http://www.w3.org/2000/svg","line");h.setAttribute("x1","6"),h.setAttribute("y1","6"),h.setAttribute("x2","18"),h.setAttribute("y2","18"),v.appendChild(b),v.appendChild(h),p.appendChild(v);var C=document.createElement("div");C.className="ihub-toast-progress ihub-toast-progress--".concat(d),s.appendChild(c),s.appendChild(p),s.appendChild(C),r.appendChild(s),document.body.appendChild(r);var w=function(){var t=document.getElementById(o);if(t){var e=t.querySelector(".ihub-toast");e?(e.classList.add("ihub-toast-slide-out"),e.addEventListener("animationend",function(){return t.remove()},{once:!0})):t.remove()}};p.addEventListener("click",w),setTimeout(w,8e3)},i=function(e){return new Promise(function(n){var i,o=document.getElementById("confirmModal");o||((o=document.createElement("div")).id="confirmModal");var r=function(){var t;null===(t=o)||void 0===t||t.remove()},d=document.createElement("section");d.id="myModal",d.className="modal";var s=document.createElement("div");s.className="modal-content";var c=document.createElementNS("http://www.w3.org/2000/svg","svg");c.setAttribute("width","24"),c.setAttribute("height","24"),c.setAttribute("viewBox","-0.5 0 25 25"),c.setAttribute("fill","none"),c.setAttribute("class","ih_get_user_email_modal_close_btn"),c.style.cursor="pointer";var l=document.createElementNS("http://www.w3.org/2000/svg","path");l.setAttribute("d","M3 21.32L21 3.32001"),l.setAttribute("stroke","var(--Gunmetal)"),l.setAttribute("stroke-width","1.5"),l.setAttribute("stroke-linecap","round"),l.setAttribute("stroke-linejoin","round");var u=document.createElementNS("http://www.w3.org/2000/svg","path");u.setAttribute("d","M3 3.32001L21 21.32"),u.setAttribute("stroke","var(--Gunmetal)"),u.setAttribute("stroke-width","1.5"),u.setAttribute("stroke-linecap","round"),u.setAttribute("stroke-linejoin","round"),c.appendChild(l),c.appendChild(u),c.addEventListener("click",function(){r(),n(void 0)});var m=document.createElement("h4");m.textContent="Enrol for ".concat(e);var p=document.createElement("p");p.className="ihub-mt-3",p.textContent="Enter a valid Email Address";var v=document.createElement("input");v.type="email",v.name="email",v.id="userInput";var b=document.createElement("div");b.className="action_btn ihub-mt-3";var h=document.createElement("button");h.type="button",h.disabled=!0,h.id="proceedBtn",h.className="delete_btn important-btn",h.textContent="Proceed",v.addEventListener("input",function(){t(v.value)?(h.disabled=!1,i=v.value):(h.disabled=!0,i=void 0)}),h.addEventListener("click",function(){t(i)?(r(),n(i)):a("You need to enter a valid email!",400)}),b.appendChild(h),s.appendChild(c),s.appendChild(m),s.appendChild(p),s.appendChild(v),s.appendChild(b),d.appendChild(s),o.textContent="",o.appendChild(d),document.body.appendChild(o),o.addEventListener("click",function(t){var e=t.target;"myModal"!==e.id&&"confirmModal"!==e.id||(r(),n(void 0))})})};export{i as getUserEmailInputModal,e as openConfirmModal,a as openToast};
 //# sourceMappingURL=modals.js.map

package/dist/src/components/lib/modals/modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"modals.js","sources":["../../../../../src/components/lib/modals/modals.ts"],"sourcesContent":["import React from \"react\";\n\n// Type for status codes\ntype StatusCode = 200 | 201 | 400 | 500 | number;\n\n// Utility function to validate email\nconst isValidEmail = (input: string | undefined): boolean => {\n  if (!input || input.length < 3) {\n    return false;\n  }\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  return emailRegex.test(input);\n};\n\n// Declare global window interface extensions for event handlers\ndeclare global {\n  interface Window {\n    handleCancel: () => void;\n    handleConfirm: () => void;\n    cleanupToast: () => void;\n    handleInput: (e: HTMLInputElement) => void;\n    handleCleanUpInput: () => void;\n  }\n}\n\n// Open a confirmation modal\nexport const openConfirmModal = (\n  message: string,\n  flag: boolean = false\n): Promise<boolean> => {\n  return new Promise((resolve) => {\n    let modalContainer = document.getElementById(\n      \"confirmModal\"\n    ) as HTMLDivElement | null;\n    if (!modalContainer) {\n      modalContainer = document.createElement(\"div\");\n      modalContainer.id = \"confirmModal\";\n    }\n\n    const modalContent = `\n      <section id=\"myModal\" class=\"modal\">\n        <div class=\"modal-content\">\n          <span class=\"close\" onclick=\"window.handleCancel()\">×</span>\n          <p class=\"${flag ? \"something_bad_flagged\" : \"something_bad\"}\">\n            ${\n              flag\n                ? \"Unexpected things will happen if you don’t read this!\"\n                : \"You are about to submit!\"\n            }\n          </p>\n          <p>${\n            message ||\n            \"Carefully read the instructions before making a decision. Ready? Hit the continue button!\"\n          }</p>\n          <div class=\"mt-4\">\n            <button type=\"button\" class=\"danger-btn d-inline-block\" onclick=\"window.handleCancel()\">Cancel</button>\n            <button type=\"button\" class=\"important-btn confirm-btn ihub-bg-dark-cyan\" onclick=\"window.handleConfirm()\">Ok</button>\n          </div>\n        </div>\n      </section>\n    `;\n\n    modalContainer.innerHTML = modalContent;\n    document.body.appendChild(modalContainer);\n\n    const cleanup = () => {\n      modalContainer?.remove();\n    };\n\n    window.handleCancel = () => {\n      cleanup();\n      resolve(false);\n      console.log(\"\");\n    };\n\n    window.handleConfirm = () => {\n      cleanup();\n      resolve(true);\n    };\n\n    modalContainer.addEventListener(\"click\", (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      if (target.id === \"myModal\" || target.id === \"confirmModal\") {\n        cleanup();\n      }\n    });\n  });\n};\n\n// Open a toast notification\nexport const openToast = (\n  message?: React.ReactDOM | string,\n  status: StatusCode = 200\n): void => {\n  const msg =\n    status === 200 || status === 201\n      ? \"Awesome! The update was made.\"\n      : status === 500\n      ? \"Sorry, the server can't process your request\"\n      : \"Hmmm..., Something went wrong. Try again\";\n\n  const iconSvg =\n    status === 200 || status === 201\n      ? '<svg viewBox=\"0 0 24 24\" style=\"color: var(--ViridianGreen); width:24px; height:24px;\"><path fill=\"currentColor\" d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>'\n      : '<svg viewBox=\"0 0 24 24\" style=\"color: var(--Danger); width:24px; height:24px;\"><path fill=\"currentColor\" d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>';\n\n  let modalContainer = document.getElementById(\n    \"openToast\"\n  ) as HTMLDivElement | null;\n  if (!modalContainer) {\n    modalContainer = document.createElement(\"div\");\n    modalContainer.id = \"openToast\";\n  }\n\n  const modalContent = `\n    <div class=\"toast-wrapper\">\n      <div class=\"slide-in-top\">\n        <div class=\"align-text\">\n          <div class=\"valid_btn\">\n            ${iconSvg}\n            <p class=\"${\n              status === 200 || status === 201 ? \"isDone\" : \"isError\"\n            }\">\n              ${message || msg}\n            </p>\n          </div>\n        </div>\n        <svg width=\"800px\" height=\"800px\" viewBox=\"-0.5 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" \n          class=\"close-btn\" onclick=\"window.cleanupToast()\">\n          <path d=\"M3 21.32L21 3.32001\" stroke=\"var(--Gunmetal)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          <path d=\"M3 3.32001L21 21.32\" stroke=\"var(--Gunmetal)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        </svg>\n      </div>\n    </div>\n  `;\n\n  modalContainer.innerHTML = modalContent;\n  document.body.appendChild(modalContainer);\n\n  window.cleanupToast = () => {\n    modalContainer?.remove();\n  };\n\n  setTimeout(() => {\n    window.cleanupToast();\n  }, 10000);\n};\n\n// Open a modal to get user email input\nexport const getUserEmailInputModal = (\n  title: string\n): Promise<string | undefined> => {\n  return new Promise((resolve) => {\n    let modalContainer = document.getElementById(\n      \"confirmModal\"\n    ) as HTMLDivElement | null;\n    if (!modalContainer) {\n      modalContainer = document.createElement(\"div\");\n      modalContainer.id = \"confirmModal\";\n    }\n    let emailValue: string | undefined;\n\n    const cleanup = () => {\n      modalContainer?.remove();\n    };\n\n    window.handleCleanUpInput = () => {\n      cleanup();\n      resolve(undefined);\n    };\n\n    window.handleInput = (e: HTMLInputElement) => {\n      const proceedBtn = document.getElementById(\n        \"proceedBtn\"\n      ) as HTMLButtonElement | null;\n\n      if (isValidEmail(e.value)) {\n        if (proceedBtn) proceedBtn.disabled = false;\n        emailValue = e.value;\n      } else {\n        if (proceedBtn) proceedBtn.disabled = true;\n        emailValue = undefined;\n      }\n    };\n\n    window.handleConfirm = () => {\n      if (isValidEmail(emailValue)) {\n        cleanup();\n        resolve(emailValue);\n      } else {\n        openToast(\"You need to enter a valid email!\", 400);\n      }\n    };\n\n    const modalContent = `\n      <section id=\"myModal\" class=\"modal\">\n        <div class=\"modal-content\">\n          <svg width=\"800px\" height=\"800px\" viewBox=\"-0.5 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"ih_get_user_email_modal_close_btn\" onclick=\"window.handleCleanUpInput()\">\n            <path d=\"M3 21.32L21 3.32001\" stroke=\"var(--Gunmetal)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n            <path d=\"M3 3.32001L21 21.32\" stroke=\"var(--Gunmetal)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n          <h4>Enrol for ${title}</h4>\n          <p class=\"ihub-mt-3\">Enter a valid Email Address</p>\n          <input type=\"email\" name=\"email\" id=\"userInput\" oninput=\"window.handleInput(this)\" />\n          <div class=\"action_btn ihub-mt-3\">\n            <button type=\"button\" disabled id=\"proceedBtn\" class=\"delete_btn important-btn\" onclick=\"window.handleConfirm()\">Proceed</button>\n          </div>\n        </div>\n      </section>\n    `;\n\n    modalContainer.innerHTML = modalContent;\n    document.body.appendChild(modalContainer);\n\n    modalContainer.addEventListener(\"click\", (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      if (target.id === \"myModal\" || target.id === \"confirmModal\") {\n        cleanup();\n        resolve(undefined);\n      }\n    });\n  });\n};\n"],"names":["isValidEmail","input","length","test","openConfirmModal","message","flag","arguments","undefined","Promise","resolve","modalContainer","document","getElementById","createElement","id","modalContent","concat","innerHTML","body","appendChild","cleanup","_modalContainer","remove","window","handleCancel","console","log","handleConfirm","addEventListener","e","target","openToast","status","msg","iconSvg","cleanupToast","_modalContainer2","setTimeout","getUserEmailInputModal","title","emailValue","_modalContainer3","handleCleanUpInput","handleInput","proceedBtn","value","disabled"],"mappings":"AAMA,IAAMA,EAAe,SAACC,GACpB,IAAKA,GAASA,EAAMC,OAAS,EAC3B,OAAO,EAGT,MADmB,6BACDC,KAAKF,EACzB,EAcaG,EAAmB,SAC9BC,GAEoB,IADpBC,EAAAC,UAAAL,OAAA,QAAAM,IAAAD,UAAA,IAAAA,UAAA,GAEA,OAAO,IAAIE,QAAQ,SAACC,GAClB,IAAIC,EAAiBC,SAASC,eAC5B,gBAEGF,KACHA,EAAiBC,SAASE,cAAc,QACzBC,GAAK,gBAGtB,IAAMC,oLAAYC,OAIAX,EAAO,wBAA0B,gBAAeW,oBAAAA,OAExDX,EACI,wDACA,2BACN,mCAAAW,OAGAZ,GACA,4FAQP,yVAEDM,EAAeO,UAAYF,EAC3BJ,SAASO,KAAKC,YAAYT,GAE1B,IAAMU,EAAU,WAAK,IAAAC,EACLA,QAAdA,EAAAX,aAAcW,GAAdA,EAAgBC,UAGlBC,OAAOC,aAAe,WACpBJ,IACAX,GAAQ,GACRgB,QAAQC,IAAI,KAGdH,OAAOI,cAAgB,WACrBP,IACAX,GAAQ,IAGVC,EAAekB,iBAAiB,QAAS,SAACC,GACxC,IAAMC,EAASD,EAAEC,OACC,YAAdA,EAAOhB,IAAkC,iBAAdgB,EAAOhB,IACpCM,GAEJ,EACF,EACF,EAGaW,EAAY,SACvB3B,GAEQ,IADR4B,EAAA1B,UAAAL,OAAA,QAAAM,IAAAD,UAAA,GAAAA,UAAA,GAAqB,IAEf2B,EACO,MAAXD,GAA6B,MAAXA,EACd,gCACW,MAAXA,EACA,+CACA,2CAEAE,EACO,MAAXF,GAA6B,MAAXA,EACd,qPACA,wSAEFtB,EAAiBC,SAASC,eAC5B,aAEGF,KACHA,EAAiBC,SAASE,cAAc,QACzBC,GAAK,aAGtB,IAAMC,EAAYC,yJAAAA,OAKNkB,8BAAOlB,OAEI,MAAXgB,GAA6B,MAAXA,EAAiB,SAAW,UAChDhB,sBAAAA,OACIZ,GAAW6B,EAWxB,kiBAEDvB,EAAeO,UAAYF,EAC3BJ,SAASO,KAAKC,YAAYT,GAE1Ba,OAAOY,aAAe,WAAK,IAAAC,EACXA,QAAdA,EAAA1B,aAAc0B,GAAdA,EAAgBd,UAGlBe,WAAW,WACTd,OAAOY,cACR,EAAE,IACL,EAGaG,EAAyB,SACpCC,GAEA,OAAO,IAAI/B,QAAQ,SAACC,GAClB,IAOI+B,EAPA9B,EAAiBC,SAASC,eAC5B,gBAEGF,KACHA,EAAiBC,SAASE,cAAc,QACzBC,GAAK,gBAItB,IAAMM,EAAU,WAAK,IAAAqB,EACLA,QAAdA,EAAA/B,aAAc+B,GAAdA,EAAgBnB,UAGlBC,OAAOmB,mBAAqB,WAC1BtB,IACAX,OAAQF,IAGVgB,OAAOoB,YAAc,SAACd,GACpB,IAAMe,EAAajC,SAASC,eAC1B,cAGEb,EAAa8B,EAAEgB,QACbD,IAAYA,EAAWE,UAAW,GACtCN,EAAaX,EAAEgB,QAEXD,IAAYA,EAAWE,UAAW,GACtCN,OAAajC,IAIjBgB,OAAOI,cAAgB,WACjB5B,EAAayC,IACfpB,IACAX,EAAQ+B,IAERT,EAAU,mCAAoC,MAIlD,IAAMhB,EAAY,imBAAAC,OAQIuB,EAQrB,iaAED7B,EAAeO,UAAYF,EAC3BJ,SAASO,KAAKC,YAAYT,GAE1BA,EAAekB,iBAAiB,QAAS,SAACC,GACxC,IAAMC,EAASD,EAAEC,OACC,YAAdA,EAAOhB,IAAkC,iBAAdgB,EAAOhB,KACpCM,IACAX,OAAQF,GAEZ,EACF,EACF"}
+{"version":3,"file":"modals.js","sources":["../../../../../src/components/lib/modals/modals.ts"],"sourcesContent":["// css: /Users/noaholatoye/Documents/code_projects/npm_packages/instincthub-react-ui/src/assets/css/modals\nimport React from \"react\";\n\n// Type for status codes\ntype StatusCode = 200 | 201 | 400 | 500 | number;\n\n// Utility function to validate email\nconst isValidEmail = (input: string | undefined): boolean => {\n  if (!input || input.length < 3) {\n    return false;\n  }\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  return emailRegex.test(input);\n};\n\n// Declare global window interface extensions for event handlers\ndeclare global {\n  interface Window {\n    handleCancel: () => void;\n    handleConfirm: () => void;\n    cleanupToast: () => void;\n    handleInput: (e: HTMLInputElement) => void;\n    handleCleanUpInput: () => void;\n  }\n}\n\n/**\n * Opens a confirmation modal that returns a promise resolving to the user's choice.\n *\n * @example\n * ```tsx\n * import { openConfirmModal } from \"@instincthub/react-ui/lib\";\n *\n * // Basic confirmation\n * const handleAction = async () => {\n *   const confirmed = await openConfirmModal(\"Are you sure you want to proceed?\");\n *   if (confirmed) {\n *     // User clicked \"Ok\"\n *     performAction();\n *   }\n * };\n *\n * // With warning flag (red warning banner)\n * const handleDangerousAction = async () => {\n *   const confirmed = await openConfirmModal(\n *     \"This will permanently remove all data. Continue?\",\n *     true // Shows red warning banner\n *   );\n *   if (confirmed) {\n *     deleteAllData();\n *   }\n * };\n *\n * // In a form submission flow\n * const handleSubmit = async (formData: FormData) => {\n *   const confirmed = await openConfirmModal(\n *     \"You are about to submit this form. Please review your entries.\"\n *   );\n *   if (confirmed) {\n *     await submitForm(formData);\n *     openToast(\"Form submitted successfully!\");\n *   }\n * };\n * ```\n *\n * @param message - The confirmation message to display\n * @param flag - If true, shows a red warning banner instead of the default purple one\n * @returns Promise that resolves to `true` (Ok) or `false` (Cancel / overlay click)\n */\nexport const openConfirmModal = (\n  message: string,\n  flag: boolean = false\n): Promise<boolean> => {\n  return new Promise((resolve) => {\n    let modalContainer = document.getElementById(\n      \"confirmModal\"\n    ) as HTMLDivElement | null;\n    if (!modalContainer) {\n      modalContainer = document.createElement(\"div\");\n      modalContainer.id = \"confirmModal\";\n    }\n\n    const warningClass = flag ? \"something_bad_flagged\" : \"something_bad\";\n    const warningText = flag\n      ? \"Unexpected things will happen if you don't read this!\"\n      : \"You are about to submit!\";\n    const bodyText =\n      message ||\n      \"Carefully read the instructions before making a decision. Ready? Hit the continue button!\";\n\n    // Build modal using safe DOM methods\n    const section = document.createElement(\"section\");\n    section.id = \"myModal\";\n    section.className = \"modal\";\n\n    const contentDiv = document.createElement(\"div\");\n    contentDiv.className = \"modal-content\";\n\n    const closeSpan = document.createElement(\"span\");\n    closeSpan.className = \"close\";\n    closeSpan.textContent = \"\\u00D7\";\n    closeSpan.addEventListener(\"click\", () => {\n      cleanup();\n      resolve(false);\n    });\n\n    const warningP = document.createElement(\"p\");\n    warningP.className = warningClass;\n    warningP.textContent = warningText;\n\n    const bodyP = document.createElement(\"p\");\n    bodyP.textContent = bodyText;\n\n    const actionsDiv = document.createElement(\"div\");\n    actionsDiv.className = \"mt-4\";\n\n    const cancelBtn = document.createElement(\"button\");\n    cancelBtn.type = \"button\";\n    cancelBtn.className = \"danger-btn d-inline-block\";\n    cancelBtn.textContent = \"Cancel\";\n    cancelBtn.addEventListener(\"click\", () => {\n      cleanup();\n      resolve(false);\n    });\n\n    const okBtn = document.createElement(\"button\");\n    okBtn.type = \"button\";\n    okBtn.className = \"important-btn confirm-btn ihub-bg-dark-cyan\";\n    okBtn.textContent = \"Ok\";\n    okBtn.addEventListener(\"click\", () => {\n      cleanup();\n      resolve(true);\n    });\n\n    actionsDiv.appendChild(cancelBtn);\n    actionsDiv.appendChild(okBtn);\n    contentDiv.appendChild(closeSpan);\n    contentDiv.appendChild(warningP);\n    contentDiv.appendChild(bodyP);\n    contentDiv.appendChild(actionsDiv);\n    section.appendChild(contentDiv);\n\n    // Clear and set content\n    modalContainer.textContent = \"\";\n    modalContainer.appendChild(section);\n    document.body.appendChild(modalContainer);\n\n    const cleanup = () => {\n      modalContainer?.remove();\n    };\n\n    modalContainer.addEventListener(\"click\", (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      if (target.id === \"myModal\" || target.id === \"confirmModal\") {\n        cleanup();\n        resolve(false);\n      }\n    });\n  });\n};\n\n// Counter to stack multiple toasts\nlet toastCounter = 0;\n\n/**\n * Displays an auto-dismissing toast notification with status-based styling,\n * a countdown progress bar, and stacking support for multiple toasts.\n *\n * @example\n * ```tsx\n * import { openToast } from \"@instincthub/react-ui/lib\";\n *\n * // Success notifications\n * openToast(\"Profile updated successfully!\");\n * openToast(\"New item created!\", 201);\n *\n * // Error notifications\n * openToast(\"Please check your input.\", 400);\n * openToast(\"You don't have permission.\", 403);\n *\n * // Server error\n * openToast(\"Server error occurred.\", 500);\n *\n * // Default messages (no custom message)\n * openToast();                  // \"Awesome! The update was made.\"\n * openToast(undefined, 400);   // \"Hmmm..., Something went wrong. Try again\"\n * openToast(undefined, 500);   // \"Sorry, the server can't process your request\"\n *\n * // In async operations\n * const handleSave = async () => {\n *   try {\n *     await saveData();\n *     openToast(\"Data saved successfully!\");\n *   } catch (error) {\n *     openToast(\"Failed to save data.\", 500);\n *   }\n * };\n *\n * // After form validation\n * if (!isValid) {\n *   openToast(\"Please fill in all required fields.\", 400);\n *   return;\n * }\n *\n * // After API delete\n * openToast(`${itemName} was successfully deleted.`);\n * ```\n *\n * @param message - Custom notification message. Falls back to a default based on status code.\n * @param status - HTTP-style status code for styling (default: 200).\n *   - `200/201` → green success icon\n *   - `400-499` → red error icon\n *   - `500+` → red error icon\n */\nexport const openToast = (\n  message?: React.ReactDOM | string,\n  status: StatusCode = 200\n): void => {\n  const isSuccess = status === 200 || status === 201;\n\n  const msg = isSuccess\n    ? \"Awesome! The update was made.\"\n    : status === 500\n    ? \"Sorry, the server can't process your request\"\n    : \"Hmmm..., Something went wrong. Try again\";\n\n  const displayMessage = (message as string) || msg;\n\n  // Create a unique container per toast for stacking\n  const toastId = `ihub-toast-${++toastCounter}`;\n  const toastContainer = document.createElement(\"div\");\n  toastContainer.id = toastId;\n  toastContainer.className = \"ihub-toast-container\";\n\n  // Build toast using safe DOM methods\n  const variant = isSuccess ? \"success\" : \"error\";\n  const toast = document.createElement(\"div\");\n  toast.className = `ihub-toast ihub-toast--${variant} ihub-toast-slide-in`;\n\n  // Toast body (icon + message)\n  const body = document.createElement(\"div\");\n  body.className = \"ihub-toast-body\";\n\n  const iconSvg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n  iconSvg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  iconSvg.setAttribute(\"class\", `ihub-toast-icon ihub-toast-icon--${variant}`);\n  const iconPath = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"path\"\n  );\n  iconPath.setAttribute(\"fill\", \"currentColor\");\n  iconPath.setAttribute(\n    \"d\",\n    isSuccess\n      ? \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n      : \"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"\n  );\n  iconSvg.appendChild(iconPath);\n\n  const msgP = document.createElement(\"p\");\n  msgP.className = \"ihub-toast-message\";\n  msgP.textContent = displayMessage;\n\n  body.appendChild(iconSvg);\n  body.appendChild(msgP);\n\n  // Close button\n  const closeBtn = document.createElement(\"button\");\n  closeBtn.type = \"button\";\n  closeBtn.className = \"ihub-toast-close\";\n  closeBtn.setAttribute(\"aria-label\", \"Close notification\");\n\n  const closeSvg = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"svg\"\n  );\n  closeSvg.setAttribute(\"width\", \"14\");\n  closeSvg.setAttribute(\"height\", \"14\");\n  closeSvg.setAttribute(\"viewBox\", \"0 0 24 24\");\n  closeSvg.setAttribute(\"fill\", \"none\");\n  closeSvg.setAttribute(\"stroke\", \"currentColor\");\n  closeSvg.setAttribute(\"stroke-width\", \"2\");\n  closeSvg.setAttribute(\"stroke-linecap\", \"round\");\n  closeSvg.setAttribute(\"stroke-linejoin\", \"round\");\n\n  const line1 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"line\");\n  line1.setAttribute(\"x1\", \"18\");\n  line1.setAttribute(\"y1\", \"6\");\n  line1.setAttribute(\"x2\", \"6\");\n  line1.setAttribute(\"y2\", \"18\");\n\n  const line2 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"line\");\n  line2.setAttribute(\"x1\", \"6\");\n  line2.setAttribute(\"y1\", \"6\");\n  line2.setAttribute(\"x2\", \"18\");\n  line2.setAttribute(\"y2\", \"18\");\n\n  closeSvg.appendChild(line1);\n  closeSvg.appendChild(line2);\n  closeBtn.appendChild(closeSvg);\n\n  // Progress bar\n  const progressBar = document.createElement(\"div\");\n  progressBar.className = `ihub-toast-progress ihub-toast-progress--${variant}`;\n\n  // Assemble toast\n  toast.appendChild(body);\n  toast.appendChild(closeBtn);\n  toast.appendChild(progressBar);\n  toastContainer.appendChild(toast);\n  document.body.appendChild(toastContainer);\n\n  const cleanup = () => {\n    const el = document.getElementById(toastId);\n    if (!el) return;\n    const toastEl = el.querySelector(\".ihub-toast\");\n    if (toastEl) {\n      toastEl.classList.add(\"ihub-toast-slide-out\");\n      toastEl.addEventListener(\"animationend\", () => el.remove(), {\n        once: true,\n      });\n    } else {\n      el.remove();\n    }\n  };\n\n  closeBtn.addEventListener(\"click\", cleanup);\n\n  // Auto-dismiss after 8 seconds\n  setTimeout(cleanup, 8000);\n};\n\n/**\n * Opens a modal dialog to collect a user's email address with built-in validation.\n *\n * @example\n * ```tsx\n * import { getUserEmailInputModal } from \"@instincthub/react-ui/lib\";\n *\n * // Collect email for course enrollment\n * const handleEnroll = async () => {\n *   const email = await getUserEmailInputModal(\"Web Development Bootcamp\");\n *   if (email) {\n *     // User entered a valid email and clicked \"Proceed\"\n *     await enrollUser(email, courseId);\n *     openToast(\"Enrollment successful!\");\n *   } else {\n *     // User cancelled or closed the modal\n *     console.log(\"Enrollment cancelled\");\n *   }\n * };\n *\n * // Collect email for newsletter signup\n * const handleNewsletter = async () => {\n *   const email = await getUserEmailInputModal(\"Weekly Newsletter\");\n *   if (email) {\n *     await subscribeToNewsletter(email);\n *   }\n * };\n *\n * // Collect email before downloading a resource\n * const handleDownload = async () => {\n *   const email = await getUserEmailInputModal(\"Free E-Book: React Patterns\");\n *   if (email) {\n *     await sendDownloadLink(email, resourceId);\n *     openToast(\"Download link sent to your email!\", 200);\n *   }\n * };\n * ```\n *\n * @param title - The title displayed in the modal (e.g. course name, resource name)\n * @returns Promise that resolves to the email string if valid, or `undefined` if cancelled\n */\nexport const getUserEmailInputModal = (\n  title: string\n): Promise<string | undefined> => {\n  return new Promise((resolve) => {\n    let modalContainer = document.getElementById(\n      \"confirmModal\"\n    ) as HTMLDivElement | null;\n    if (!modalContainer) {\n      modalContainer = document.createElement(\"div\");\n      modalContainer.id = \"confirmModal\";\n    }\n    let emailValue: string | undefined;\n\n    const cleanup = () => {\n      modalContainer?.remove();\n    };\n\n    // Build modal using safe DOM methods\n    const section = document.createElement(\"section\");\n    section.id = \"myModal\";\n    section.className = \"modal\";\n\n    const contentDiv = document.createElement(\"div\");\n    contentDiv.className = \"modal-content\";\n\n    // Close button SVG\n    const closeSvg = document.createElementNS(\n      \"http://www.w3.org/2000/svg\",\n      \"svg\"\n    );\n    closeSvg.setAttribute(\"width\", \"24\");\n    closeSvg.setAttribute(\"height\", \"24\");\n    closeSvg.setAttribute(\"viewBox\", \"-0.5 0 25 25\");\n    closeSvg.setAttribute(\"fill\", \"none\");\n    closeSvg.setAttribute(\"class\", \"ih_get_user_email_modal_close_btn\");\n    closeSvg.style.cursor = \"pointer\";\n\n    const closePath1 = document.createElementNS(\n      \"http://www.w3.org/2000/svg\",\n      \"path\"\n    );\n    closePath1.setAttribute(\"d\", \"M3 21.32L21 3.32001\");\n    closePath1.setAttribute(\"stroke\", \"var(--Gunmetal)\");\n    closePath1.setAttribute(\"stroke-width\", \"1.5\");\n    closePath1.setAttribute(\"stroke-linecap\", \"round\");\n    closePath1.setAttribute(\"stroke-linejoin\", \"round\");\n\n    const closePath2 = document.createElementNS(\n      \"http://www.w3.org/2000/svg\",\n      \"path\"\n    );\n    closePath2.setAttribute(\"d\", \"M3 3.32001L21 21.32\");\n    closePath2.setAttribute(\"stroke\", \"var(--Gunmetal)\");\n    closePath2.setAttribute(\"stroke-width\", \"1.5\");\n    closePath2.setAttribute(\"stroke-linecap\", \"round\");\n    closePath2.setAttribute(\"stroke-linejoin\", \"round\");\n\n    closeSvg.appendChild(closePath1);\n    closeSvg.appendChild(closePath2);\n    closeSvg.addEventListener(\"click\", () => {\n      cleanup();\n      resolve(undefined);\n    });\n\n    const heading = document.createElement(\"h4\");\n    heading.textContent = `Enrol for ${title}`;\n\n    const instruction = document.createElement(\"p\");\n    instruction.className = \"ihub-mt-3\";\n    instruction.textContent = \"Enter a valid Email Address\";\n\n    const emailInput = document.createElement(\"input\");\n    emailInput.type = \"email\";\n    emailInput.name = \"email\";\n    emailInput.id = \"userInput\";\n\n    const actionDiv = document.createElement(\"div\");\n    actionDiv.className = \"action_btn ihub-mt-3\";\n\n    const proceedBtn = document.createElement(\"button\");\n    proceedBtn.type = \"button\";\n    proceedBtn.disabled = true;\n    proceedBtn.id = \"proceedBtn\";\n    proceedBtn.className = \"delete_btn important-btn\";\n    proceedBtn.textContent = \"Proceed\";\n\n    emailInput.addEventListener(\"input\", () => {\n      if (isValidEmail(emailInput.value)) {\n        proceedBtn.disabled = false;\n        emailValue = emailInput.value;\n      } else {\n        proceedBtn.disabled = true;\n        emailValue = undefined;\n      }\n    });\n\n    proceedBtn.addEventListener(\"click\", () => {\n      if (isValidEmail(emailValue)) {\n        cleanup();\n        resolve(emailValue);\n      } else {\n        openToast(\"You need to enter a valid email!\", 400);\n      }\n    });\n\n    actionDiv.appendChild(proceedBtn);\n    contentDiv.appendChild(closeSvg);\n    contentDiv.appendChild(heading);\n    contentDiv.appendChild(instruction);\n    contentDiv.appendChild(emailInput);\n    contentDiv.appendChild(actionDiv);\n    section.appendChild(contentDiv);\n\n    modalContainer.textContent = \"\";\n    modalContainer.appendChild(section);\n    document.body.appendChild(modalContainer);\n\n    modalContainer.addEventListener(\"click\", (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      if (target.id === \"myModal\" || target.id === \"confirmModal\") {\n        cleanup();\n        resolve(undefined);\n      }\n    });\n  });\n};\n"],"names":["isValidEmail","input","length","test","openConfirmModal","message","flag","arguments","undefined","Promise","resolve","modalContainer","document","getElementById","createElement","id","warningClass","warningText","bodyText","section","className","contentDiv","closeSpan","textContent","addEventListener","cleanup","warningP","bodyP","actionsDiv","cancelBtn","type","okBtn","appendChild","body","_modalContainer","remove","e","target","toastCounter","openToast","status","isSuccess","displayMessage","toastId","concat","toastContainer","variant","toast","iconSvg","createElementNS","setAttribute","iconPath","msgP","closeBtn","closeSvg","line1","line2","progressBar","el","toastEl","querySelector","classList","add","once","setTimeout","getUserEmailInputModal","title","emailValue","_modalContainer2","style","cursor","closePath1","closePath2","heading","instruction","emailInput","name","actionDiv","proceedBtn","disabled","value"],"mappings":"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"}