@nextelco/common-ui 2.1.98 → 2.1.100

package/dist/esm/legacy/pages/Error/ErrorPage.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import './ErrorPage.css';/* empty css               */
+const INTERACTION_KEY = "msal.interaction.status";
+const ErrorPage = ({ title, messages, clientId }) => {
+  const resetSession = () => {
+    try {
+      if (clientId) {
+        for (const store of [localStorage, sessionStorage]) {
+          for (const k of Object.keys(store)) {
+            if (k.includes(clientId) || k === INTERACTION_KEY) store.removeItem(k);
+          }
+        }
+      } else {
+        localStorage.clear();
+        sessionStorage.clear();
+      }
+    } catch {
+    }
+    window.location.reload();
+  };
+  return /* @__PURE__ */ jsx("div", { className: "error-page", children: /* @__PURE__ */ jsxs("div", { className: "cui-error", children: [
+    /* @__PURE__ */ jsx("h1", { children: title ? title : "Algo não correu como esperado." }),
+    messages.map((m, index) => /* @__PURE__ */ jsx("div", { children: m }, index)),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: resetSession,
+        style: {
+          marginTop: 20,
+          padding: "10px 20px",
+          fontSize: 12,
+          fontWeight: 800,
+          textTransform: "uppercase",
+          letterSpacing: 1,
+          cursor: "pointer",
+          border: "none",
+          background: "#001b63",
+          color: "#fff",
+          fontFamily: "inherit"
+        },
+        children: "Repor sessão"
+      }
+    )
+  ] }) });
+};
+export {
+  ErrorPage as default
+};
+//# sourceMappingURL=ErrorPage.js.map

package/dist/esm/legacy/pages/Error/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sources":["../../../../../src/legacy/pages/Error/ErrorPage.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport './ErrorPage.scss'\r\n\r\ninterface ErrorProps {\r\n  title?: string\r\n  messages: string[]\r\n  /**\r\n   * clientId MSAL da app. Passa-o sempre que várias apps partilhem o origin\r\n   * (ex: todas as do proefai): o \"Repor sessão\" passa a apagar só as chaves\r\n   * desta app em vez de `localStorage.clear()`, que derruba a sessão de todas\r\n   * as vizinhas. Sem ele mantém-se o comportamento antigo (limpeza total).\r\n   */\r\n  clientId?: string\r\n}\r\n\r\n// Chave de estado de interação do msal-browser: é GLOBAL ao origin (não inclui\r\n// o clientId no nome), por isso uma interação abandonada de outra app bloqueia\r\n// os logins de todas. Faz sempre parte do reset.\r\nconst INTERACTION_KEY = 'msal.interaction.status'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst ErrorPage: React.FC<ErrorProps> = ({ title, messages, clientId }) => {\r\n  // Limpa a cache/estado local (MSAL) e recarrega — desenrasca o utilizador\r\n  // quando a sessão fica presa (loop de renovação silenciosa), sem precisar\r\n  // de abrir o DevTools para \"Clear site data\".\r\n  const resetSession = () => {\r\n    try {\r\n      if (clientId) {\r\n        // Só o que é desta app: tokens (`msal.token.keys.<clientId>`, entradas\r\n        // de credencial com o clientId na chave) + a chave de interação.\r\n        for (const store of [localStorage, sessionStorage]) {\r\n          for (const k of Object.keys(store)) {\r\n            if (k.includes(clientId) || k === INTERACTION_KEY) store.removeItem(k)\r\n          }\r\n        }\r\n      } else {\r\n        localStorage.clear()\r\n        sessionStorage.clear()\r\n      }\r\n    } catch {\r\n      /* storage indisponível */\r\n    }\r\n    window.location.reload()\r\n  }\r\n\r\n  return (\r\n    <div className=\"error-page\">\r\n      <div className=\"cui-error\">\r\n        <h1>{title ? title : 'Algo não correu como esperado.'}</h1>\r\n        {messages.map((m, index) => (\r\n          <div key={index}>{m}</div>\r\n        ))}\r\n        <button\r\n          type=\"button\"\r\n          onClick={resetSession}\r\n          style={{\r\n            marginTop: 20,\r\n            padding: '10px 20px',\r\n            fontSize: 12,\r\n            fontWeight: 800,\r\n            textTransform: 'uppercase',\r\n            letterSpacing: 1,\r\n            cursor: 'pointer',\r\n            border: 'none',\r\n            background: '#001b63',\r\n            color: '#fff',\r\n            fontFamily: 'inherit',\r\n          }}\r\n        >\r\n          Repor sessão\r\n        </button>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ErrorPage\r\n"],"names":[],"mappings":";;AAmBA,MAAM,kBAAkB;AAGxB,MAAM,YAAkC,CAAC,EAAE,OAAO,UAAU,eAAe;AAIzE,QAAM,eAAe,MAAM;AACzB,QAAI;AACF,UAAI,UAAU;AAGZ,mBAAW,SAAS,CAAC,cAAc,cAAc,GAAG;AAClD,qBAAW,KAAK,OAAO,KAAK,KAAK,GAAG;AAClC,gBAAI,EAAE,SAAS,QAAQ,KAAK,MAAM,gBAAiB,OAAM,WAAW,CAAC;AAAA,UACvE;AAAA,QACF;AAAA,MACF,OAAO;AACL,qBAAa,MAAA;AACb,uBAAe,MAAA;AAAA,MACjB;AAAA,IACF,QAAQ;AAAA,IAER;AACA,WAAO,SAAS,OAAA;AAAA,EAClB;AAEA,6BACG,OAAA,EAAI,WAAU,cACb,UAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAI,UAAA,QAAQ,QAAQ,kCAAiC;AAAA,IACrD,SAAS,IAAI,CAAC,GAAG,UAChB,oBAAC,OAAA,EAAiB,UAAA,EAAA,GAAR,KAAU,CACrB;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,UACL,WAAW;AAAA,UACX,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,QAAA;AAAA,QAEf,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}