@chayns-components/core 5.0.0-beta.13 → 5.0.0-beta.1301

package/README.md

@@ -26,25 +26,9 @@ yarn add @chayns-components/core
 ```
 
 > **Information:** Since the components have now been implemented with the styled-components
-> library, the styles are delivered directly with the components. There is no need to load an
-> extra stylesheet anymore.
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
 
 ## Usage
 
-You can use the components in your project as in the following example.
-
-```typescript jsx
-import { Button } from '@chayns-components/core';
-
-const handleButtonClick: MouseEventHandler<HTMLButtonElement> = (event) => {
-    // Your code
-};
-
-<Button onClick={handleButtonClick}>
-    Click me!
-</Button>
-```
-
-## Components Overview
-
-`coming soon`
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

package/lib/cjs/api/image/post.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postImage = void 0;
+var _chaynsApi = require("chayns-api");
+const IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';
+const IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';
+
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+const postImage = async ({
+  file,
+  shouldUploadImageToSite
+}) => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  const user = (0, _chaynsApi.getUser)();
+  const site = (0, _chaynsApi.getSite)();
+  if (!accessToken || !(user !== null && user !== void 0 && user.personId)) {
+    return undefined;
+  }
+
+  // const body = await getFileAsArrayBuffer(file);
+
+  const body = new FormData();
+  body.append('File', file);
+  const url = file.size > 10 * 1024 * 1024 ? `${IMAGE_RESIZER_API_URL}/${shouldUploadImageToSite ? site.id : user.personId}` : `${IMAGE_SERVICE_API_V3_URL}/${shouldUploadImageToSite ? site.id : user.personId}`;
+  const response = await fetch(url, {
+    body,
+    headers: {
+      Accept: 'application/json',
+      Authorization: `bearer ${accessToken}`
+    },
+    method: 'POST'
+  });
+  if (response.ok) {
+    const {
+      image,
+      baseDomain
+    } = await response.json();
+    // Maps image-service-api-v3 result to v2 result.
+    return {
+      key: image.path,
+      // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.
+      base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,
+      meta: {
+        preview: image.preview,
+        width: String(image.width),
+        height: String(image.height)
+      }
+    };
+  }
+  throw Error(`Failed to POST image (status code: ${response.status}).`);
+};
+exports.postImage = postImage;
+//# sourceMappingURL=post.js.map

package/lib/cjs/api/image/post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","names":["_chaynsApi","require","IMAGE_SERVICE_API_V3_URL","IMAGE_RESIZER_API_URL","postImage","file","shouldUploadImageToSite","accessToken","getAccessToken","user","getUser","site","getSite","personId","undefined","body","FormData","append","url","size","id","response","fetch","headers","Accept","Authorization","method","ok","image","baseDomain","json","key","path","base","endsWith","slice","meta","preview","width","String","height","Error","status","exports"],"sources":["../../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getSite, getUser } from 'chayns-api';\nimport type { Meta } from '../../types/file';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface Result {\n    requestId: string;\n    image: Image;\n    baseDomain: string;\n    signature: Signature;\n}\n\nexport interface Image {\n    path: string;\n    width: number;\n    height: number;\n    size: number;\n    hash: string;\n    preview: string;\n    isSecured: boolean;\n    format: string;\n    fileExtension: string;\n}\n\nexport interface Signature {\n    verify: string;\n    signature: string;\n    expires: Date;\n}\n\ninterface PostImageOptions {\n    file: File;\n    shouldUploadImageToSite?: boolean;\n}\n\nconst IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';\nconst IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n    shouldUploadImageToSite,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n    const site = getSite();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    // const body = await getFileAsArrayBuffer(file);\n\n    const body = new FormData();\n\n    body.append('File', file);\n\n    const url =\n        file.size > 10 * 1024 * 1024\n            ? `${IMAGE_RESIZER_API_URL}/${shouldUploadImageToSite ? site.id : user.personId}`\n            : `${IMAGE_SERVICE_API_V3_URL}/${shouldUploadImageToSite ? site.id : user.personId}`;\n\n    const response = await fetch(url, {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        const { image, baseDomain } = (await response.json()) as Result;\n        // Maps image-service-api-v3 result to v2 result.\n        return {\n            key: image.path,\n            // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.\n            base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,\n            meta: {\n                preview: image.preview,\n                width: String(image.width),\n                height: String(image.height),\n            },\n        };\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAuCA,MAAMC,wBAAwB,GAAG,kDAAkD;AACnF,MAAMC,qBAAqB,GAAG,+DAA+D;;AAE7F;AACA;AACA;AACO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAC5BC,IAAI;EACJC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAC9C,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EACtB,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAEtB,IAAI,CAACL,WAAW,IAAI,EAACE,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,QAAQ,GAAE;IACjC,OAAOC,SAAS;EACpB;;EAEA;;EAEA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE3BD,IAAI,CAACE,MAAM,CAAC,MAAM,EAAEZ,IAAI,CAAC;EAEzB,MAAMa,GAAG,GACLb,IAAI,CAACc,IAAI,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,GACtB,GAAGhB,qBAAqB,IAAIG,uBAAuB,GAAGK,IAAI,CAACS,EAAE,GAAGX,IAAI,CAACI,QAAQ,EAAE,GAC/E,GAAGX,wBAAwB,IAAII,uBAAuB,GAAGK,IAAI,CAACS,EAAE,GAAGX,IAAI,CAACI,QAAQ,EAAE;EAE5F,MAAMQ,QAAQ,GAAG,MAAMC,KAAK,CAACJ,GAAG,EAAE;IAC9BH,IAAI;IACJQ,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAE,UAAUlB,WAAW;IACxC,CAAC;IACDmB,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAM;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAAY;IAC/D;IACA,OAAO;MACHC,GAAG,EAAEH,KAAK,CAACI,IAAI;MACf;MACAC,IAAI,EAAEJ,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGN,UAAU;MACrEO,IAAI,EAAE;QACFC,OAAO,EAAET,KAAK,CAACS,OAAO;QACtBC,KAAK,EAAEC,MAAM,CAACX,KAAK,CAACU,KAAK,CAAC;QAC1BE,MAAM,EAAED,MAAM,CAACX,KAAK,CAACY,MAAM;MAC/B;IACJ,CAAC;EACL;EAEA,MAAMC,KAAK,CAAC,sCAAsCpB,QAAQ,CAACqB,MAAM,IAAI,CAAC;AAC1E,CAAC;AAACC,OAAA,CAAAvC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/cjs/api/signature/delete.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deleteUserSignature = void 0;
+var _chaynsApi = require("chayns-api");
+var _signature = require("../../constants/signature");
+const deleteUserSignature = async () => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return false;
+  }
+  try {
+    const response = await fetch(_signature.SIGNATURE_SERVER_URL, {
+      method: 'DELETE',
+      headers: {
+        accept: 'application/json',
+        authorization: `bearer ${accessToken}`
+      }
+    });
+    if (response.ok || response.status === 304) {
+      return true;
+    }
+    console.error('[chayns components] Signature: failed to delete user signature', response.status);
+  } catch (ex) {
+    console.error('[chayns components] Signature: failed to delete user signature', ex);
+  }
+  return false;
+};
+exports.deleteUserSignature = deleteUserSignature;
+//# sourceMappingURL=delete.js.map

package/lib/cjs/api/signature/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete.js","names":["_chaynsApi","require","_signature","deleteUserSignature","accessToken","getAccessToken","response","fetch","SIGNATURE_SERVER_URL","method","headers","accept","authorization","ok","status","console","error","ex","exports"],"sources":["../../../../src/api/signature/delete.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\nimport { SIGNATURE_SERVER_URL } from '../../constants/signature';\n\nexport const deleteUserSignature = async () => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return false;\n    }\n\n    try {\n        const response = await fetch(SIGNATURE_SERVER_URL, {\n            method: 'DELETE',\n            headers: {\n                accept: 'application/json',\n                authorization: `bearer ${accessToken}`,\n            },\n        });\n\n        if (response.ok || response.status === 304) {\n            return true;\n        }\n\n        console.error(\n            '[chayns components] Signature: failed to delete user signature',\n            response.status,\n        );\n    } catch (ex) {\n        console.error('[chayns components] Signature: failed to delete user signature', ex);\n    }\n\n    return false;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,mBAAmB,GAAG,MAAAA,CAAA,KAAY;EAC3C,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAACC,+BAAoB,EAAE;MAC/CC,MAAM,EAAE,QAAQ;MAChBC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAE,UAAUR,WAAW;MACxC;IACJ,CAAC,CAAC;IAEF,IAAIE,QAAQ,CAACO,EAAE,IAAIP,QAAQ,CAACQ,MAAM,KAAK,GAAG,EAAE;MACxC,OAAO,IAAI;IACf;IAEAC,OAAO,CAACC,KAAK,CACT,gEAAgE,EAChEV,QAAQ,CAACQ,MACb,CAAC;EACL,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTF,OAAO,CAACC,KAAK,CAAC,gEAAgE,EAAEC,EAAE,CAAC;EACvF;EAEA,OAAO,KAAK;AAChB,CAAC;AAACC,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/cjs/api/signature/get.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUserSignature = void 0;
+var _chaynsApi = require("chayns-api");
+var _signature = require("../../constants/signature");
+const getUserSignature = async () => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return undefined;
+  }
+  try {
+    const response = await fetch(_signature.SIGNATURE_SERVER_URL, {
+      method: 'GET',
+      headers: {
+        accept: 'application/json',
+        authorization: `bearer ${accessToken}`
+      }
+    });
+    if (response.status === 200) {
+      const {
+        value
+      } = await response.json();
+      return value;
+    }
+    if (response.status === 204) {
+      return undefined;
+    }
+    console.error('[chayns components] Signature: failed to get user signature', response.status);
+  } catch (ex) {
+    console.error('[chayns components] Signature: failed to get user signature', ex);
+  }
+  return undefined;
+};
+exports.getUserSignature = getUserSignature;
+//# sourceMappingURL=get.js.map

package/lib/cjs/api/signature/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["_chaynsApi","require","_signature","getUserSignature","accessToken","getAccessToken","undefined","response","fetch","SIGNATURE_SERVER_URL","method","headers","accept","authorization","status","value","json","console","error","ex","exports"],"sources":["../../../../src/api/signature/get.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\nimport type { GetUserSignatureResult } from '../../types/signature';\nimport { SIGNATURE_SERVER_URL } from '../../constants/signature';\n\nexport const getUserSignature = async (): Promise<string | undefined> => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return undefined;\n    }\n\n    try {\n        const response = await fetch(SIGNATURE_SERVER_URL, {\n            method: 'GET',\n            headers: {\n                accept: 'application/json',\n                authorization: `bearer ${accessToken}`,\n            },\n        });\n\n        if (response.status === 200) {\n            const { value } = (await response.json()) as GetUserSignatureResult;\n\n            return value;\n        }\n\n        if (response.status === 204) {\n            return undefined;\n        }\n\n        console.error(\n            '[chayns components] Signature: failed to get user signature',\n            response.status,\n        );\n    } catch (ex) {\n        console.error('[chayns components] Signature: failed to get user signature', ex);\n    }\n\n    return undefined;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAG,MAAAA,CAAA,KAAyC;EACrE,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAOE,SAAS;EACpB;EAEA,IAAI;IACA,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACC,+BAAoB,EAAE;MAC/CC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAE,UAAUT,WAAW;MACxC;IACJ,CAAC,CAAC;IAEF,IAAIG,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;MACzB,MAAM;QAAEC;MAAM,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAA4B;MAEnE,OAAOD,KAAK;IAChB;IAEA,IAAIR,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;MACzB,OAAOR,SAAS;IACpB;IAEAW,OAAO,CAACC,KAAK,CACT,6DAA6D,EAC7DX,QAAQ,CAACO,MACb,CAAC;EACL,CAAC,CAAC,OAAOK,EAAE,EAAE;IACTF,OAAO,CAACC,KAAK,CAAC,6DAA6D,EAAEC,EAAE,CAAC;EACpF;EAEA,OAAOb,SAAS;AACpB,CAAC;AAACc,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/cjs/api/signature/put.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.putUserSignature = void 0;
+var _chaynsApi = require("chayns-api");
+var _signature = require("../../constants/signature");
+const putUserSignature = async dataURL => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return false;
+  }
+  try {
+    const response = await fetch(_signature.SIGNATURE_SERVER_URL, {
+      method: 'PUT',
+      headers: {
+        accept: 'application/json',
+        authorization: `bearer ${accessToken}`,
+        'content-type': 'application/json'
+      },
+      body: JSON.stringify({
+        value: dataURL
+      })
+    });
+    if (response.ok) {
+      return true;
+    }
+    console.error('[chayns components] Signature: failed to put user signature', response.status);
+  } catch (ex) {
+    console.error('[chayns components] Signature: failed to put user signature', ex);
+  }
+  return false;
+};
+exports.putUserSignature = putUserSignature;
+//# sourceMappingURL=put.js.map

package/lib/cjs/api/signature/put.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"put.js","names":["_chaynsApi","require","_signature","putUserSignature","dataURL","accessToken","getAccessToken","response","fetch","SIGNATURE_SERVER_URL","method","headers","accept","authorization","body","JSON","stringify","value","ok","console","error","status","ex","exports"],"sources":["../../../../src/api/signature/put.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\nimport { SIGNATURE_SERVER_URL } from '../../constants/signature';\n\nexport const putUserSignature = async (dataURL: string) => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return false;\n    }\n\n    try {\n        const response = await fetch(SIGNATURE_SERVER_URL, {\n            method: 'PUT',\n            headers: {\n                accept: 'application/json',\n                authorization: `bearer ${accessToken}`,\n                'content-type': 'application/json',\n            },\n            body: JSON.stringify({ value: dataURL }),\n        });\n\n        if (response.ok) {\n            return true;\n        }\n\n        console.error(\n            '[chayns components] Signature: failed to put user signature',\n            response.status,\n        );\n    } catch (ex) {\n        console.error('[chayns components] Signature: failed to put user signature', ex);\n    }\n\n    return false;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAG,MAAOC,OAAe,IAAK;EACvD,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAACC,+BAAoB,EAAE;MAC/CC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAE,UAAUR,WAAW,EAAE;QACtC,cAAc,EAAE;MACpB,CAAC;MACDS,IAAI,EAAEC,IAAI,CAACC,SAAS,CAAC;QAAEC,KAAK,EAAEb;MAAQ,CAAC;IAC3C,CAAC,CAAC;IAEF,IAAIG,QAAQ,CAACW,EAAE,EAAE;MACb,OAAO,IAAI;IACf;IAEAC,OAAO,CAACC,KAAK,CACT,6DAA6D,EAC7Db,QAAQ,CAACc,MACb,CAAC;EACL,CAAC,CAAC,OAAOC,EAAE,EAAE;IACTH,OAAO,CAACC,KAAK,CAAC,6DAA6D,EAAEE,EAAE,CAAC;EACpF;EAEA,OAAO,KAAK;AAChB,CAAC;AAACC,OAAA,CAAApB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/cjs/api/theme/get.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParagraphFormat = exports.getDesignSettings = void 0;
+var _chaynsApi = require("chayns-api");
+const getDesignSettings = async siteId => {
+  let id = siteId;
+  if (!id) id = (0, _chaynsApi.getSite)().id;
+  const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {
+    method: 'GET'
+  });
+  if (response.status === 200) {
+    return await response.json();
+  }
+  return undefined;
+};
+exports.getDesignSettings = getDesignSettings;
+const getParagraphFormat = async siteId => {
+  let id = siteId;
+  if (!id) id = (0, _chaynsApi.getSite)().id;
+  const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {
+    method: 'GET'
+  });
+  if (response.status === 200) {
+    return await response.json();
+  }
+  return undefined;
+};
+exports.getParagraphFormat = getParagraphFormat;
+//# sourceMappingURL=get.js.map

package/lib/cjs/api/theme/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["_chaynsApi","require","getDesignSettings","siteId","id","getSite","response","fetch","method","status","json","undefined","exports","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, getSite } from 'chayns-api';\n\nexport const getDesignSettings = async (\n    siteId?: string,\n): Promise<ChaynsDesignSettings | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ChaynsDesignSettings;\n    }\n\n    return undefined;\n};\n\nexport const getParagraphFormat = async (\n    siteId?: string,\n): Promise<ChaynsParagraphFormat[] | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ChaynsParagraphFormat[];\n    }\n\n    return undefined;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAG,MAC7BC,MAAe,IAC6B;EAC5C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,WAAW,EAAE;IACtEI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAV,iBAAA,GAAAA,iBAAA;AAEK,MAAMW,kBAAkB,GAAG,MAC9BV,MAAe,IACgC;EAC/C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,kBAAkB,EAAE;IAC7EI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/cjs/api/video/post.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postVideo = void 0;
+var _chaynsApi = require("chayns-api");
+/**
+ * Uploads a video to the streaming service
+ */
+const postVideo = async ({
+  file
+}) => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return undefined;
+  }
+  const formData = new FormData();
+  formData.append('files', file);
+  const response = await fetch('https://streamingservice.chayns.space/video?disableIntercom=true', {
+    body: formData,
+    headers: {
+      Authorization: `bearer ${accessToken}`
+    },
+    method: 'POST'
+  });
+  if (response.ok) {
+    const data = await response.json();
+    return data[0];
+  }
+  throw Error(`Failed to POST video (status code: ${response.status}).`);
+};
+exports.postVideo = postVideo;
+//# sourceMappingURL=post.js.map

package/lib/cjs/api/video/post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","names":["_chaynsApi","require","postVideo","file","accessToken","getAccessToken","undefined","formData","FormData","append","response","fetch","body","headers","Authorization","method","ok","data","json","Error","status","exports"],"sources":["../../../../src/api/video/post.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\n\nexport interface PostVideoResult {\n    id: string;\n    originalVideoQuality: string;\n    thumbnailUrl: string;\n    url: string;\n    urlMP4: string;\n}\n\ninterface PostVideoOptions {\n    file: File | Blob;\n}\n\n/**\n * Uploads a video to the streaming service\n */\nexport const postVideo = async ({\n    file,\n}: PostVideoOptions): Promise<PostVideoResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return undefined;\n    }\n\n    const formData = new FormData();\n\n    formData.append('files', file);\n\n    const response = await fetch(\n        'https://streamingservice.chayns.space/video?disableIntercom=true',\n        {\n            body: formData,\n            headers: {\n                Authorization: `bearer ${accessToken}`,\n            },\n            method: 'POST',\n        },\n    );\n\n    if (response.ok) {\n        const data = (await response.json()) as PostVideoResult[];\n\n        return data[0];\n    }\n\n    throw Error(`Failed to POST video (status code: ${response.status}).`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAcA;AACA;AACA;AACO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAC5BC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAOE,SAAS;EACpB;EAEA,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE/BD,QAAQ,CAACE,MAAM,CAAC,OAAO,EAAEN,IAAI,CAAC;EAE9B,MAAMO,QAAQ,GAAG,MAAMC,KAAK,CACxB,kEAAkE,EAClE;IACIC,IAAI,EAAEL,QAAQ;IACdM,OAAO,EAAE;MACLC,aAAa,EAAE,UAAUV,WAAW;IACxC,CAAC;IACDW,MAAM,EAAE;EACZ,CACJ,CAAC;EAED,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAMC,IAAI,GAAI,MAAMP,QAAQ,CAACQ,IAAI,CAAC,CAAuB;IAEzD,OAAOD,IAAI,CAAC,CAAC,CAAC;EAClB;EAEA,MAAME,KAAK,CAAC,sCAAsCT,QAAQ,CAACU,MAAM,IAAI,CAAC;AAC1E,CAAC;AAACC,OAAA,CAAAnB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/cjs/components/accordion/Accordion.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AccordionContext = void 0;
+var _react = require("motion/react");
+var _react2 = _interopRequireWildcard(require("react"));
+var _uuid = require("../../hooks/uuid");
+var _AreaContextProvider = require("../area-provider/AreaContextProvider");
+var _AccordionBody = _interopRequireDefault(require("./accordion-body/AccordionBody"));
+var _AccordionGroup = require("./accordion-group/AccordionGroup");
+var _AccordionHead = _interopRequireDefault(require("./accordion-head/AccordionHead"));
+var _AccordionContextProvider = require("./accordion-provider/AccordionContextProvider");
+var _Accordion = require("./Accordion.styles");
+var _ref = require("../../hooks/ref");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AccordionContext = exports.AccordionContext = /*#__PURE__*/_react2.default.createContext({
+  isWrapped: undefined
+});
+const Accordion = ({
+  bodyMaxHeight,
+  children,
+  icon,
+  isDefaultOpen = false,
+  isDisabled = false,
+  isFixed = false,
+  isOpened,
+  isTitleGreyed = false,
+  onBodyScroll,
+  onClose,
+  onHoverEnd,
+  onHoverStart,
+  onOpen,
+  onSearchChange,
+  rightElement,
+  searchPlaceholder,
+  searchValue,
+  shouldForceBackground = false,
+  shouldHideBackground = false,
+  shouldRenderClosed = false,
+  shouldRotateIcon = true,
+  shouldHideBottomLine = false,
+  title,
+  titleElement,
+  onTitleInputChange,
+  titleInputProps,
+  shouldSkipAnimation: shouldSkipAnimationProp = false,
+  titleColor,
+  onBodyAnimationComplete
+}) => {
+  const {
+    isWrapped: groupIsWrapped,
+    openAccordionUuid,
+    accordionGroupUuid,
+    accordionUuids,
+    updateOpenAccordionUuid
+  } = (0, _react2.useContext)(_AccordionGroup.AccordionGroupContext);
+  const {
+    isWrapped: isParentWrapped
+  } = (0, _react2.useContext)(AccordionContext);
+  const {
+    isWrapped: contextIsWrapped
+  } = (0, _react2.useContext)(_AccordionContextProvider.AccordionWrappedContext);
+  const isWrapped = (0, _react2.useMemo)(() => groupIsWrapped ?? contextIsWrapped, [contextIsWrapped, groupIsWrapped]);
+  const [isAccordionOpen, setIsAccordionOpen] = (0, _react2.useState)(isDefaultOpen ?? isOpened);
+  const uuid = (0, _uuid.useUuid)();
+  const isInitialRenderRef = (0, _react2.useRef)(true);
+  const initialRenderSkipRef = (0, _ref.useInitialRenderRef)(true);
+  const shouldSkipAnimation = shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);
+  const isInGroup = shouldSkipAnimation ? false : typeof updateOpenAccordionUuid === 'function';
+  const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;
+  const isOpenRef = (0, _react2.useRef)(isOpen);
+  const onCloseRef = (0, _react2.useRef)(onClose);
+  const onOpenRef = (0, _react2.useRef)(onOpen);
+  const isLastAccordion = (0, _react2.useMemo)(() => accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false, [accordionUuids, uuid]);
+  (0, _react2.useEffect)(() => {
+    isOpenRef.current = isOpen;
+    onCloseRef.current = onClose;
+    onOpenRef.current = onOpen;
+  }, [isOpen, onClose, onOpen]);
+  const handleHeadClick = (0, _react2.useCallback)(() => {
+    if (isDisabled) {
+      return;
+    }
+    if (typeof updateOpenAccordionUuid === 'function') {
+      updateOpenAccordionUuid(uuid);
+    }
+    setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
+  }, [isDisabled, updateOpenAccordionUuid, uuid]);
+  (0, _react2.useEffect)(() => {
+    if (isDisabled && isOpen) {
+      if (typeof updateOpenAccordionUuid === 'function') {
+        updateOpenAccordionUuid(uuid);
+      }
+      setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
+    }
+  }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);
+  (0, _react2.useEffect)(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else if (isOpen) {
+      if (typeof onOpenRef.current === 'function') {
+        onOpenRef.current();
+      }
+    } else if (typeof onCloseRef.current === 'function') {
+      onCloseRef.current();
+    }
+  }, [isOpen]);
+  (0, _react2.useEffect)(() => {
+    if (isDefaultOpen) {
+      if (typeof updateOpenAccordionUuid === 'function') {
+        updateOpenAccordionUuid(uuid, {
+          shouldOnlyOpen: true
+        });
+      } else {
+        setIsAccordionOpen(true);
+      }
+    }
+  }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);
+  (0, _react2.useEffect)(() => {
+    if (typeof isOpened === 'boolean') {
+      if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {
+        updateOpenAccordionUuid(uuid);
+      } else {
+        setIsAccordionOpen(isOpened);
+      }
+    }
+  }, [isOpened, updateOpenAccordionUuid, uuid]);
+  const accordionContextProviderValue = (0, _react2.useMemo)(() => ({
+    isWrapped: isWrapped === true
+  }), [isWrapped]);
+  const areaContextProviderValue = (0, _react2.useMemo)(() => ({
+    shouldChangeColor: !shouldHideBackground
+  }), [shouldHideBackground]);
+  const accordionWrappedContextProviderValue = (0, _react2.useMemo)(() => ({
+    isWrapped: true
+  }), []);
+  const initialAnimation = (0, _react2.useMemo)(() => {
+    if (shouldSkipAnimation) {
+      return {
+        height: 'auto',
+        opacity: 1
+      };
+    }
+    return isOpen ? {
+      height: 'auto',
+      opacity: 1
+    } : {
+      height: 0,
+      opacity: 0
+    };
+  }, [isOpen, shouldSkipAnimation]);
+  return /*#__PURE__*/_react2.default.createElement(_Accordion.StyledMotionAccordion, {
+    animate: {
+      height: 'auto',
+      opacity: 1
+    },
+    "data-uuid": `${accordionGroupUuid ?? ''}---${uuid}`,
+    className: "beta-chayns-accordion",
+    exit: {
+      height: 0,
+      opacity: 0
+    },
+    initial: initialAnimation,
+    $isOpen: isOpen,
+    $shouldShowLines: !isLastAccordion || !isWrapped,
+    $isParentWrapped: isParentWrapped,
+    $isWrapped: isWrapped,
+    $shouldForceBackground: shouldForceBackground,
+    $shouldHideBackground: shouldHideBackground,
+    $shouldHideBottomLine: shouldHideBottomLine,
+    onMouseEnter: onHoverStart,
+    onMouseLeave: onHoverEnd,
+    transition: {
+      duration: shouldSkipAnimation ? 0 : 0.25
+    }
+  }, /*#__PURE__*/_react2.default.createElement(AccordionContext.Provider, {
+    value: accordionContextProviderValue
+  }, /*#__PURE__*/_react2.default.createElement(_react.MotionConfig, {
+    transition: {
+      type: 'tween'
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_AccordionHead.default, {
+    uuid: uuid,
+    icon: icon,
+    isOpen: isOpen,
+    shouldSkipAnimation: shouldSkipAnimation,
+    isFixed: isFixed,
+    isTitleGreyed: isTitleGreyed || isDisabled,
+    isWrapped: isWrapped === true,
+    onClick: handleHeadClick,
+    onSearchChange: onSearchChange,
+    rightElement: rightElement,
+    searchPlaceholder: searchPlaceholder,
+    searchValue: searchValue,
+    shouldRotateIcon: shouldRotateIcon,
+    title: title,
+    titleElement: titleElement,
+    onTitleInputChange: onTitleInputChange,
+    titleInputProps: titleInputProps,
+    titleColor: titleColor
+  }), /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
+    initial: false
+  }, (isOpen || shouldRenderClosed) && /*#__PURE__*/_react2.default.createElement(_AccordionBody.default, {
+    shouldSkipAnimation: shouldSkipAnimation,
+    maxHeight: bodyMaxHeight,
+    onScroll: onBodyScroll,
+    onAnimationComplete: onBodyAnimationComplete,
+    shouldHideBody: shouldRenderClosed && !isOpen
+  }, /*#__PURE__*/_react2.default.createElement(_AccordionContextProvider.AccordionWrappedContext.Provider, {
+    value: accordionWrappedContextProviderValue
+  }, /*#__PURE__*/_react2.default.createElement(_AreaContextProvider.AreaContext.Provider, {
+    value: areaContextProviderValue
+  }, children)))))));
+};
+Accordion.displayName = 'Accordion';
+var _default = exports.default = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/lib/cjs/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":["_react","require","_react2","_interopRequireWildcard","_uuid","_AreaContextProvider","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_AccordionContextProvider","_Accordion","_ref","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionContext","exports","React","createContext","isWrapped","undefined","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","shouldHideBottomLine","title","titleElement","onTitleInputChange","titleInputProps","shouldSkipAnimation","shouldSkipAnimationProp","titleColor","onBodyAnimationComplete","groupIsWrapped","openAccordionUuid","accordionGroupUuid","accordionUuids","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","contextIsWrapped","AccordionWrappedContext","useMemo","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","initialRenderSkipRef","useInitialRenderRef","current","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","isLastAccordion","length","useEffect","handleHeadClick","useCallback","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","accordionWrappedContextProviderValue","initialAnimation","height","opacity","createElement","StyledMotionAccordion","animate","className","exit","initial","$isOpen","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","$shouldHideBottomLine","onMouseEnter","onMouseLeave","transition","duration","Provider","value","MotionConfig","type","onClick","AnimatePresence","maxHeight","onScroll","onAnimationComplete","shouldHideBody","AreaContext","displayName","_default"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n    type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { InputProps } from '../input/Input';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { AccordionWrappedContext } from './accordion-provider/AccordionContextProvider';\nimport { StyledMotionAccordion } from './Accordion.styles';\nimport { useInitialRenderRef } from '../../hooks/ref';\n\nexport const AccordionContext = React.createContext<{ isWrapped?: boolean }>({\n    isWrapped: undefined,\n});\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This can be used to open the Accordion from the outside\n     */\n    isOpened?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the accordion is no longer hovered.\n     */\n    onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the accordion is hovered.\n     */\n    onHoverStart?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the accordion body is animated\n     */\n    onBodyAnimationComplete?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * title changes. When this function is given, the search field is displayed\n     * as the Accordion title.\n     */\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * The value that is displayed inside the search\n     */\n    searchValue?: string;\n    /**\n     * This will force the background color of the accordion to be used even if it is closed and not hovered.\n     */\n    shouldForceBackground?: boolean;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Whether the bottom line should be hidden.\n     */\n    shouldHideBottomLine?: boolean;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n    /**\n     * Whether the icon should be rotating.\n     */\n    shouldRotateIcon?: boolean;\n    /**\n     * Whether the animation should be skipped.\n     * If 'isDefaultOpen' is true the initial animation will be skipped even this prop is false\n     */\n    shouldSkipAnimation?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title?: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * The props of the title Input.\n     */\n    titleInputProps?: InputProps;\n    /**\n     * The title color.\n     */\n    titleColor?: CSSProperties['color'];\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isOpened,\n    isTitleGreyed = false,\n    onBodyScroll,\n    onClose,\n    onHoverEnd,\n    onHoverStart,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchPlaceholder,\n    searchValue,\n    shouldForceBackground = false,\n    shouldHideBackground = false,\n    shouldRenderClosed = false,\n    shouldRotateIcon = true,\n    shouldHideBottomLine = false,\n    title,\n    titleElement,\n    onTitleInputChange,\n    titleInputProps,\n    shouldSkipAnimation: shouldSkipAnimationProp = false,\n    titleColor,\n    onBodyAnimationComplete,\n}) => {\n    const {\n        isWrapped: groupIsWrapped,\n        openAccordionUuid,\n        accordionGroupUuid,\n        accordionUuids,\n        updateOpenAccordionUuid,\n    } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const { isWrapped: contextIsWrapped } = useContext(AccordionWrappedContext);\n    const isWrapped = useMemo(\n        () => groupIsWrapped ?? contextIsWrapped,\n        [contextIsWrapped, groupIsWrapped],\n    );\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const initialRenderSkipRef = useInitialRenderRef(true);\n\n    const shouldSkipAnimation =\n        shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);\n\n    const isInGroup = shouldSkipAnimation ? false : typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const isOpenRef = useRef(isOpen);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n\n    const isLastAccordion = useMemo(\n        () => (accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false),\n        [accordionUuids, uuid],\n    );\n\n    useEffect(() => {\n        isOpenRef.current = isOpen;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n    }, [isOpen, onClose, onOpen]);\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isDisabled && isOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid);\n            }\n\n            setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n        }\n    }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpenRef.current === 'function') {\n                onOpenRef.current();\n            }\n        } else if (typeof onCloseRef.current === 'function') {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n            } else {\n                setIsAccordionOpen(true);\n            }\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (typeof isOpened === 'boolean') {\n            if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n                updateOpenAccordionUuid(uuid);\n            } else {\n                setIsAccordionOpen(isOpened);\n            }\n        }\n    }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(\n        () => ({ isWrapped: isWrapped === true }),\n        [isWrapped],\n    );\n\n    const areaContextProviderValue = useMemo(\n        () => ({ shouldChangeColor: !shouldHideBackground }),\n        [shouldHideBackground],\n    );\n\n    const accordionWrappedContextProviderValue = useMemo(() => ({ isWrapped: true }), []);\n\n    const initialAnimation = useMemo(() => {\n        if (shouldSkipAnimation) {\n            return { height: 'auto', opacity: 1 };\n        }\n\n        return isOpen ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 };\n    }, [isOpen, shouldSkipAnimation]);\n\n    return (\n        <StyledMotionAccordion\n            animate={{ height: 'auto', opacity: 1 }}\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={initialAnimation}\n            $isOpen={isOpen}\n            $shouldShowLines={!isLastAccordion || !isWrapped}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\n            $shouldHideBottomLine={shouldHideBottomLine}\n            onMouseEnter={onHoverStart}\n            onMouseLeave={onHoverEnd}\n            transition={{ duration: shouldSkipAnimation ? 0 : 0.25 }}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        uuid={uuid}\n                        icon={icon}\n                        isOpen={isOpen}\n                        shouldSkipAnimation={shouldSkipAnimation}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped === true}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchPlaceholder={searchPlaceholder}\n                        searchValue={searchValue}\n                        shouldRotateIcon={shouldRotateIcon}\n                        title={title}\n                        titleElement={titleElement}\n                        onTitleInputChange={onTitleInputChange}\n                        titleInputProps={titleInputProps}\n                        titleColor={titleColor}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                shouldSkipAnimation={shouldSkipAnimation}\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                onAnimationComplete={onBodyAnimationComplete}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                <AccordionWrappedContext.Provider\n                                    value={accordionWrappedContextProviderValue}\n                                >\n                                    <AreaContext.Provider value={areaContextProviderValue}>\n                                        {children}\n                                    </AreaContext.Provider>\n                                </AccordionWrappedContext.Provider>\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledMotionAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}