@ably/ui 17.0.0 → 17.0.1-dev.42035e80

package/core/remote-session-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/remote-session-data.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\n// Fetches current users session data\n// Assumes an authenticated session, so will only work when used on ably.com/ably.io\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst NOT_FOUND_ERROR_CODE = \"not-found\";\n\nconst fetchSessionData = async (store, sessionUrl) => {\n  const sessionLoaded = (payload = {}) =>\n    store.dispatch({ type: \"session/loaded\", payload });\n\n  try {\n    if (!sessionUrl) {\n      console.log(\n        `Skipping fetching session, invalid sessionUrl: \"${sessionUrl}\"`,\n      );\n      sessionLoaded();\n      return;\n    }\n\n    const options = {\n      headers: {\n        accept: \"application/json\",\n      },\n      cache: \"no-cache\",\n    };\n\n    if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n      options.credentials = \"include\";\n    }\n\n    const res = await fetch(sessionUrl, options);\n    const jsonResponse = isJsonResponse(res.headers.get(\"content-type\"));\n\n    if (!jsonResponse) {\n      throw new Error(\"Session endpoint is not serving json\");\n    }\n\n    const payload = await res.json();\n\n    if (payload.error === NOT_FOUND_ERROR_CODE) {\n      sessionLoaded();\n    } else {\n      sessionLoaded(payload);\n    }\n  } catch (e) {\n    sessionLoaded();\n    console.warn(\"Could not fetch session data due to error:\", e);\n  }\n};\n\nconst initialState = { data: null };\n\nconst REDUCER_KEY = \"session\";\n\nconst reducerSessionData = {\n  [REDUCER_KEY]: (state = initialState, action) => {\n    switch (action.type) {\n      case \"session/loaded\":\n        return { ...state, data: action.payload };\n      default:\n        return state;\n    }\n  },\n};\n\nconst selectSessionData = (store) => store.getState()[REDUCER_KEY]?.data;\n\nexport { fetchSessionData, reducerSessionData, selectSessionData };\n"],"names":["isJsonResponse","NOT_FOUND_ERROR_CODE","fetchSessionData","store","sessionUrl","sessionLoaded","payload","dispatch","type","console","log","options","headers","accept","cache","credentials","res","fetch","jsonResponse","get","Error","json","error","e","warn","initialState","data","REDUCER_KEY","reducerSessionData","state","action","selectSessionData","getState"],"mappings":"AAKA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,qBAAuB,YAE7B,MAAMC,iBAAmB,MAAOC,MAAOC,cACrC,MAAMC,cAAgB,CAACC,QAAU,CAAC,CAAC,GACjCH,MAAMI,QAAQ,CAAC,CAAEC,KAAM,iBAAkBF,OAAQ,GAEnD,GAAI,CACF,GAAI,CAACF,WAAY,CACfK,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEN,WAAW,CAAC,CAAC,EAElEC,gBACA,MACF,CAEA,MAAMM,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,GAuCW,MAvC4B,CACrCH,QAAQI,WAAW,CAAG,SACxB,CAEA,MAAMC,IAAM,MAAMC,MAAMb,WAAYO,SACpC,MAAMO,aAAelB,eAAegB,IAAIJ,OAAO,CAACO,GAAG,CAAC,iBAEpD,GAAI,CAACD,aAAc,CACjB,MAAM,IAAIE,MAAM,uCAClB,CAEA,MAAMd,QAAU,MAAMU,IAAIK,IAAI,GAE9B,GAAIf,QAAQgB,KAAK,GAAKrB,qBAAsB,CAC1CI,eACF,KAAO,CACLA,cAAcC,QAChB,CACF,CAAE,MAAOiB,EAAG,CACVlB,gBACAI,QAAQe,IAAI,CAAC,6CAA8CD,EAC7D,CACF,EAEA,MAAME,aAAe,CAAEC,KAAM,IAAK,EAElC,MAAMC,YAAc,UAEpB,MAAMC,mBAAqB,CACzB,CAACD,YAAY,CAAE,CAACE,MAAQJ,YAAY,CAAEK,UACpC,OAAQA,OAAOtB,IAAI,EACjB,IAAK,iBACH,MAAO,CAAE,GAAGqB,KAAK,CAAEH,KAAMI,OAAOxB,OAAO,AAAC,CAC1C,SACE,OAAOuB,KACX,CACF,CACF,EAEA,MAAME,kBAAoB,AAAC5B,OAAUA,MAAM6B,QAAQ,EAAE,CAACL,YAAY,EAAED,IAEpE,QAASxB,gBAAgB,CAAE0B,kBAAkB,CAAEG,iBAAiB,CAAG"}
+{"version":3,"sources":["../../src/core/remote-session-data.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\n// Fetches current users session data\n// Assumes an authenticated session, so will only work when used on ably.com/ably.io\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst NOT_FOUND_ERROR_CODE = \"not-found\";\n\nconst fetchSessionData = async (store, sessionUrl) => {\n  const sessionLoaded = (payload = {}) =>\n    store.dispatch({ type: \"session/loaded\", payload });\n\n  try {\n    if (!sessionUrl) {\n      console.log(\n        `Skipping fetching session, invalid sessionUrl: \"${sessionUrl}\"`,\n      );\n      sessionLoaded();\n      return;\n    }\n\n    const options = {\n      headers: {\n        accept: \"application/json\",\n      },\n      cache: \"no-cache\",\n    };\n\n    if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n      options.credentials = \"include\";\n    }\n\n    const res = await fetch(sessionUrl, options);\n    const jsonResponse = isJsonResponse(res.headers.get(\"content-type\"));\n\n    if (!jsonResponse) {\n      throw new Error(\"Session endpoint is not serving json\");\n    }\n\n    const payload = await res.json();\n\n    if (payload.error === NOT_FOUND_ERROR_CODE) {\n      sessionLoaded();\n    } else {\n      sessionLoaded(payload);\n    }\n  } catch (e) {\n    sessionLoaded();\n    console.warn(\"Could not fetch session data due to error:\", e);\n  }\n};\n\nconst initialState = { data: null };\n\nconst REDUCER_KEY = \"session\";\n\nconst reducerSessionData = {\n  [REDUCER_KEY]: (state = initialState, action) => {\n    switch (action.type) {\n      case \"session/loaded\":\n        return { ...state, data: action.payload };\n      default:\n        return state;\n    }\n  },\n};\n\nconst selectSessionData = (store) => store.getState()[REDUCER_KEY]?.data;\n\nexport { fetchSessionData, reducerSessionData, selectSessionData };\n"],"names":["isJsonResponse","NOT_FOUND_ERROR_CODE","fetchSessionData","store","sessionUrl","sessionLoaded","payload","dispatch","type","console","log","options","headers","accept","cache","credentials","res","fetch","jsonResponse","get","Error","json","error","e","warn","initialState","data","REDUCER_KEY","reducerSessionData","state","action","selectSessionData","getState"],"mappings":"AAKA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,qBAAuB,YAE7B,MAAMC,iBAAmB,MAAOC,MAAOC,cACrC,MAAMC,cAAgB,CAACC,QAAU,CAAC,CAAC,GACjCH,MAAMI,QAAQ,CAAC,CAAEC,KAAM,iBAAkBF,OAAQ,GAEnD,GAAI,CACF,GAAI,CAACF,WAAY,CACfK,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEN,WAAW,CAAC,CAAC,EAElEC,gBACA,MACF,CAEA,MAAMM,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,SAAuC,CACrCH,QAAQI,WAAW,CAAG,SACxB,CAEA,MAAMC,IAAM,MAAMC,MAAMb,WAAYO,SACpC,MAAMO,aAAelB,eAAegB,IAAIJ,OAAO,CAACO,GAAG,CAAC,iBAEpD,GAAI,CAACD,aAAc,CACjB,MAAM,IAAIE,MAAM,uCAClB,CAEA,MAAMd,QAAU,MAAMU,IAAIK,IAAI,GAE9B,GAAIf,QAAQgB,KAAK,GAAKrB,qBAAsB,CAC1CI,eACF,KAAO,CACLA,cAAcC,QAChB,CACF,CAAE,MAAOiB,EAAG,CACVlB,gBACAI,QAAQe,IAAI,CAAC,6CAA8CD,EAC7D,CACF,EAEA,MAAME,aAAe,CAAEC,KAAM,IAAK,EAElC,MAAMC,YAAc,UAEpB,MAAMC,mBAAqB,CACzB,CAACD,YAAY,CAAE,CAACE,MAAQJ,YAAY,CAAEK,UACpC,OAAQA,OAAOtB,IAAI,EACjB,IAAK,iBACH,MAAO,CAAE,GAAGqB,KAAK,CAAEH,KAAMI,OAAOxB,OAAO,AAAC,CAC1C,SACE,OAAOuB,KACX,CACF,CACF,EAEA,MAAME,kBAAoB,AAAC5B,OAAUA,MAAM6B,QAAQ,EAAE,CAACL,YAAY,EAAED,IAEpE,QAASxB,gBAAgB,CAAE0B,kBAAkB,CAAEG,iBAAiB,CAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "17.0.0",
+  "version": "17.0.1-dev.42035e80",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",

package/tailwind.config.js

@@ -41,120 +41,6 @@ module.exports = {
       code: ["var(--fs-code)", "var(--lh-none)"],
       code2: ["var(--fs-code2)", "var(--lh-none)"],
     },
-    colors: {
-      "neutral-000": "var(--color-neutral-000)",
-      "neutral-100": "var(--color-neutral-100)",
-      "neutral-200": "var(--color-neutral-200)",
-      "neutral-300": "var(--color-neutral-300)",
-      "neutral-400": "var(--color-neutral-400)",
-      "neutral-500": "var(--color-neutral-500)",
-      "neutral-600": "var(--color-neutral-600)",
-      "neutral-700": "var(--color-neutral-700)",
-      "neutral-800": "var(--color-neutral-800)",
-      "neutral-900": "var(--color-neutral-900)",
-      "neutral-1000": "var(--color-neutral-1000)",
-      "neutral-1100": "var(--color-neutral-1100)",
-      "neutral-1200": "var(--color-neutral-1200)",
-      "neutral-1300": "var(--color-neutral-1300)",
-      "orange-100": "var(--color-orange-100)",
-      "orange-200": "var(--color-orange-200)",
-      "orange-300": "var(--color-orange-300)",
-      "orange-400": "var(--color-orange-400)",
-      "orange-500": "var(--color-orange-500)",
-      "orange-600": "var(--color-orange-600)",
-      "orange-700": "var(--color-orange-700)",
-      "orange-800": "var(--color-orange-800)",
-      "orange-900": "var(--color-orange-900)",
-      "orange-1000": "var(--color-orange-1000)",
-      "orange-1100": "var(--color-orange-1100)",
-      "yellow-100": "var(--color-yellow-100)",
-      "yellow-200": "var(--color-yellow-200)",
-      "yellow-300": "var(--color-yellow-300)",
-      "yellow-400": "var(--color-yellow-400)",
-      "yellow-500": "var(--color-yellow-500)",
-      "yellow-600": "var(--color-yellow-600)",
-      "yellow-700": "var(--color-yellow-700)",
-      "yellow-800": "var(--color-yellow-800)",
-      "yellow-900": "var(--color-yellow-900)",
-      "green-100": "var(--color-green-100)",
-      "green-200": "var(--color-green-200)",
-      "green-300": "var(--color-green-300)",
-      "green-400": "var(--color-green-400)",
-      "green-500": "var(--color-green-500)",
-      "green-600": "var(--color-green-600)",
-      "green-700": "var(--color-green-700)",
-      "green-800": "var(--color-green-800)",
-      "green-900": "var(--color-green-900)",
-      "blue-100": "var(--color-blue-100)",
-      "blue-200": "var(--color-blue-200)",
-      "blue-300": "var(--color-blue-300)",
-      "blue-400": "var(--color-blue-400)",
-      "blue-500": "var(--color-blue-500)",
-      "blue-600": "var(--color-blue-600)",
-      "blue-700": "var(--color-blue-700)",
-      "blue-800": "var(--color-blue-800)",
-      "blue-900": "var(--color-blue-900)",
-      "violet-100": "var(--color-violet-100)",
-      "violet-200": "var(--color-violet-200)",
-      "violet-300": "var(--color-violet-300)",
-      "violet-400": "var(--color-violet-400)",
-      "violet-500": "var(--color-violet-500)",
-      "violet-600": "var(--color-violet-600)",
-      "violet-700": "var(--color-violet-700)",
-      "violet-800": "var(--color-violet-800)",
-      "violet-900": "var(--color-violet-900)",
-      "pink-100": "var(--color-pink-100)",
-      "pink-200": "var(--color-pink-200)",
-      "pink-300": "var(--color-pink-300)",
-      "pink-400": "var(--color-pink-400)",
-      "pink-500": "var(--color-pink-500)",
-      "pink-600": "var(--color-pink-600)",
-      "pink-700": "var(--color-pink-700)",
-      "pink-800": "var(--color-pink-800)",
-      "pink-900": "var(--color-pink-900)",
-      "gui-blue-default-light": "var(--color-gui-blue-default-light)",
-      "gui-blue-hover-light": "var(--color-gui-blue-hover-light)",
-      "gui-blue-active-light": "var(--color-gui-blue-active-light)",
-      "gui-blue-default-dark": "var(--color-gui-blue-default-dark)",
-      "gui-blue-hover-dark": "var(--color-gui-blue-hover-dark)",
-      "gui-blue-active-dark": "var(--color-gui-blue-active-dark)",
-      "gui-blue-focus": "var(--color-gui-blue-focus)",
-      "gui-blue-visited": "var(--color-gui-blue-focus)",
-      "gui-unavailable": "var(--color-gui-unavailable)",
-      "gui-unavailable-dark": "var(--color-gui-unavailable-dark)",
-      "gui-success-green": "var(--color-gui-success-green)",
-      "gui-error-red": "var(--color-gui-error-red)",
-      "gui-focus": "var(--color-gui-focus)",
-      "gui-focus-outline": "var(--color-gui-focus-outline)",
-      transparent: "transparent",
-      "cool-black": "var(--color-neutral-1300)",
-      "active-orange": "var(--color-orange-600)",
-      "red-orange": "var(--color-orange-800)",
-      white: "var(--color-neutral-000)",
-      "electric-cyan": "var(--color-blue-400)",
-      "zingy-green": "var(--color-green-400)",
-      "bright-red": "var(--color-orange-700)",
-      "jazzy-pink": "var(--color-pink-500)",
-      "extra-light-grey": "var(--color-neutral-100)",
-      "light-grey": "var(--color-neutral-200)",
-      "mid-grey": "var(--color-neutral-500)",
-      "dark-grey": "var(--color-neutral-800)",
-      "charcoal-grey": "var(--color-neutral-1000)",
-      "gui-default": "var(--color-gui-blue-default-light)",
-      "gui-hover": "var(--color-gui-blue-hover-light)",
-      "gui-active": "var(--color-gui-blue-active-light)",
-      "gui-default-dark": "var(--color-gui-blue-default-dark)",
-      "gui-hover-dark": "var(--color-gui-blue-hover-dark)",
-      "gui-active-dark": "var(--color-gui-blue-active-dark)",
-      "gui-alt": "var(--color-neutral-1300)",
-      "gui-error": "var(--color-gui-error-red)",
-      "gui-success": "var(--color-gui-success-green)",
-      "icon-linkedin": "var(--icon-color-linkedin)",
-      "icon-twitter": "var(--icon-color-twitter)",
-      "icon-glassdoor": "var(--icon-color-glassdoor)",
-      "icon-github": "var(--icon-color-github)",
-      "icon-discord": "var(--icon-color-discord)",
-    },
     fontFamily: {
       sans_next: ["NEXT Book", "Arial", "Helvetica", "sans-serif"],
       serif: [
@@ -196,6 +82,120 @@ module.exports = {
       ],
     },
     extend: {
+      colors: {
+        "neutral-000": "var(--color-neutral-000)",
+        "neutral-100": "var(--color-neutral-100)",
+        "neutral-200": "var(--color-neutral-200)",
+        "neutral-300": "var(--color-neutral-300)",
+        "neutral-400": "var(--color-neutral-400)",
+        "neutral-500": "var(--color-neutral-500)",
+        "neutral-600": "var(--color-neutral-600)",
+        "neutral-700": "var(--color-neutral-700)",
+        "neutral-800": "var(--color-neutral-800)",
+        "neutral-900": "var(--color-neutral-900)",
+        "neutral-1000": "var(--color-neutral-1000)",
+        "neutral-1100": "var(--color-neutral-1100)",
+        "neutral-1200": "var(--color-neutral-1200)",
+        "neutral-1300": "var(--color-neutral-1300)",
+        "orange-100": "var(--color-orange-100)",
+        "orange-200": "var(--color-orange-200)",
+        "orange-300": "var(--color-orange-300)",
+        "orange-400": "var(--color-orange-400)",
+        "orange-500": "var(--color-orange-500)",
+        "orange-600": "var(--color-orange-600)",
+        "orange-700": "var(--color-orange-700)",
+        "orange-800": "var(--color-orange-800)",
+        "orange-900": "var(--color-orange-900)",
+        "orange-1000": "var(--color-orange-1000)",
+        "orange-1100": "var(--color-orange-1100)",
+        "yellow-100": "var(--color-yellow-100)",
+        "yellow-200": "var(--color-yellow-200)",
+        "yellow-300": "var(--color-yellow-300)",
+        "yellow-400": "var(--color-yellow-400)",
+        "yellow-500": "var(--color-yellow-500)",
+        "yellow-600": "var(--color-yellow-600)",
+        "yellow-700": "var(--color-yellow-700)",
+        "yellow-800": "var(--color-yellow-800)",
+        "yellow-900": "var(--color-yellow-900)",
+        "green-100": "var(--color-green-100)",
+        "green-200": "var(--color-green-200)",
+        "green-300": "var(--color-green-300)",
+        "green-400": "var(--color-green-400)",
+        "green-500": "var(--color-green-500)",
+        "green-600": "var(--color-green-600)",
+        "green-700": "var(--color-green-700)",
+        "green-800": "var(--color-green-800)",
+        "green-900": "var(--color-green-900)",
+        "blue-100": "var(--color-blue-100)",
+        "blue-200": "var(--color-blue-200)",
+        "blue-300": "var(--color-blue-300)",
+        "blue-400": "var(--color-blue-400)",
+        "blue-500": "var(--color-blue-500)",
+        "blue-600": "var(--color-blue-600)",
+        "blue-700": "var(--color-blue-700)",
+        "blue-800": "var(--color-blue-800)",
+        "blue-900": "var(--color-blue-900)",
+        "violet-100": "var(--color-violet-100)",
+        "violet-200": "var(--color-violet-200)",
+        "violet-300": "var(--color-violet-300)",
+        "violet-400": "var(--color-violet-400)",
+        "violet-500": "var(--color-violet-500)",
+        "violet-600": "var(--color-violet-600)",
+        "violet-700": "var(--color-violet-700)",
+        "violet-800": "var(--color-violet-800)",
+        "violet-900": "var(--color-violet-900)",
+        "pink-100": "var(--color-pink-100)",
+        "pink-200": "var(--color-pink-200)",
+        "pink-300": "var(--color-pink-300)",
+        "pink-400": "var(--color-pink-400)",
+        "pink-500": "var(--color-pink-500)",
+        "pink-600": "var(--color-pink-600)",
+        "pink-700": "var(--color-pink-700)",
+        "pink-800": "var(--color-pink-800)",
+        "pink-900": "var(--color-pink-900)",
+        "gui-blue-default-light": "var(--color-gui-blue-default-light)",
+        "gui-blue-hover-light": "var(--color-gui-blue-hover-light)",
+        "gui-blue-active-light": "var(--color-gui-blue-active-light)",
+        "gui-blue-default-dark": "var(--color-gui-blue-default-dark)",
+        "gui-blue-hover-dark": "var(--color-gui-blue-hover-dark)",
+        "gui-blue-active-dark": "var(--color-gui-blue-active-dark)",
+        "gui-blue-focus": "var(--color-gui-blue-focus)",
+        "gui-blue-visited": "var(--color-gui-blue-focus)",
+        "gui-unavailable": "var(--color-gui-unavailable)",
+        "gui-unavailable-dark": "var(--color-gui-unavailable-dark)",
+        "gui-success-green": "var(--color-gui-success-green)",
+        "gui-error-red": "var(--color-gui-error-red)",
+        "gui-focus": "var(--color-gui-focus)",
+        "gui-focus-outline": "var(--color-gui-focus-outline)",
+        transparent: "transparent",
+        "cool-black": "var(--color-neutral-1300)",
+        "active-orange": "var(--color-orange-600)",
+        "red-orange": "var(--color-orange-800)",
+        white: "var(--color-neutral-000)",
+        "electric-cyan": "var(--color-blue-400)",
+        "zingy-green": "var(--color-green-400)",
+        "bright-red": "var(--color-orange-700)",
+        "jazzy-pink": "var(--color-pink-500)",
+        "extra-light-grey": "var(--color-neutral-100)",
+        "light-grey": "var(--color-neutral-200)",
+        "mid-grey": "var(--color-neutral-500)",
+        "dark-grey": "var(--color-neutral-800)",
+        "charcoal-grey": "var(--color-neutral-1000)",
+        "gui-default": "var(--color-gui-blue-default-light)",
+        "gui-hover": "var(--color-gui-blue-hover-light)",
+        "gui-active": "var(--color-gui-blue-active-light)",
+        "gui-default-dark": "var(--color-gui-blue-default-dark)",
+        "gui-hover-dark": "var(--color-gui-blue-hover-dark)",
+        "gui-active-dark": "var(--color-gui-blue-active-dark)",
+        "gui-alt": "var(--color-neutral-1300)",
+        "gui-error": "var(--color-gui-error-red)",
+        "gui-success": "var(--color-gui-success-green)",
+        "icon-linkedin": "var(--icon-color-linkedin)",
+        "icon-twitter": "var(--icon-color-twitter)",
+        "icon-glassdoor": "var(--icon-color-glassdoor)",
+        "icon-github": "var(--icon-color-github)",
+        "icon-discord": "var(--icon-color-discord)",
+      },
       backgroundImage: {
         "gradient-active-orange": "var(--gradient-active-orange)",
         "gradient-hot-pink": "var(--gradient-hot-pink)",