@chayns-components/core 5.0.0-beta.8 → 5.0.0-beta.800

package/lib/cjs/components/sharing-bar/SharingBar.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chaynsApi = require("chayns-api");
+var _react = _interopRequireWildcard(require("react"));
+var _sharingBar = require("../../constants/sharingBar");
+var _environment = require("../../utils/environment");
+var _sharingBar2 = require("../../utils/sharingBar");
+var _ContextMenu = _interopRequireDefault(require("../context-menu/ContextMenu"));
+var _Icon = _interopRequireDefault(require("../icon/Icon"));
+var _SharingBar = require("./SharingBar.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SharingBar = ({
+  label,
+  link,
+  popupAlignment
+}) => {
+  const contextMenuRef = (0, _react.useRef)(null);
+  const handleImageDownload = () => {
+    (0, _sharingBar2.shareWithUrl)(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    _sharingBar.SHAREPROVIDER[5].url.replace('{url}', encodeURIComponent(link)).replace('{linkText}', 'Teilen').replace('{color}', (0, _chaynsApi.getSite)().color.replace('#', '')));
+  };
+  const handleShare = key => {
+    var _contextMenuRef$curre;
+    (_contextMenuRef$curre = contextMenuRef.current) === null || _contextMenuRef$curre === void 0 || _contextMenuRef$curre.hide();
+    const isTouch = (0, _environment.getIsTouch)();
+    switch (key) {
+      case 'whatsapp':
+        (0, _sharingBar2.shareWithUrl)(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        _sharingBar.SHAREPROVIDER[0].url.replace('{url}', encodeURIComponent(`${link}`.trim())));
+        break;
+      case 'facebook':
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        (0, _sharingBar2.shareWithUrl)(_sharingBar.SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)));
+        break;
+      case 'twitter':
+        (0, _sharingBar2.shareWithUrl)(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        _sharingBar.SHAREPROVIDER[4].url.replace('{url}', encodeURIComponent(link)).replace('{linkText}', ''));
+        break;
+      case 'mail':
+        if (isTouch) {
+          (0, _sharingBar2.shareWithApp)(`${link}`.trim());
+        } else {
+          (0, _sharingBar2.shareWithUrl)(
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          _sharingBar.SHAREPROVIDER[2].url.replace('{url}', encodeURIComponent(`${link}`.trim())));
+        }
+        break;
+      case 'copy':
+        (0, _sharingBar2.copyToClipboard)(link);
+        break;
+      default:
+        break;
+    }
+  };
+  const contextMenuItems = [{
+    icons: ['fa fa-copy'],
+    key: 'copy',
+    onClick: () => handleShare('copy'),
+    text: 'Zwischenablage'
+  }, {
+    icons: ['fa-solid fa-brands fa-whatsapp'],
+    key: 'whatsapp',
+    onClick: () => handleShare('whatsapp'),
+    text: 'Whatsapp'
+  }, {
+    icons: ['fa-solid fa-brands fa-facebook-f'],
+    key: 'facebook',
+    onClick: () => handleShare('facebook'),
+    text: 'Facebook'
+  }, {
+    icons: ['fa-solid fa-brands fa-x-twitter'],
+    key: 'twitter',
+    onClick: () => handleShare('twitter'),
+    text: 'X'
+  }, {
+    icons: ['fa fa-envelope'],
+    key: 'mail',
+    onClick: () => handleShare('mail'),
+    text: 'Mail'
+  }, {
+    icons: ['fa fa-qrcode'],
+    key: 'callingCode',
+    onClick: handleImageDownload,
+    text: 'Calling Code herunterladen'
+  }];
+  const handleSharingBarClick = () => {
+    var _contextMenuRef$curre2;
+    (_contextMenuRef$curre2 = contextMenuRef.current) === null || _contextMenuRef$curre2 === void 0 || _contextMenuRef$curre2.show();
+  };
+  return /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBar, {
+    onClick: handleSharingBarClick,
+    onTouchStart: handleSharingBarClick
+  }, /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: ['fa-solid fa-share-nodes']
+  })), /*#__PURE__*/_react.default.createElement(_ContextMenu.default, {
+    items: contextMenuItems,
+    ref: contextMenuRef,
+    alignment: popupAlignment
+  }, null), /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarText, null, label));
+};
+SharingBar.displayName = 'SharingBar';
+var _default = exports.default = SharingBar;
+//# sourceMappingURL=SharingBar.js.map

package/lib/cjs/components/sharing-bar/SharingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_sharingBar","_environment","_sharingBar2","_ContextMenu","_interopRequireDefault","_Icon","_SharingBar","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SharingBar","label","link","popupAlignment","contextMenuRef","useRef","handleImageDownload","shareWithUrl","SHAREPROVIDER","url","replace","encodeURIComponent","getSite","color","handleShare","key","_contextMenuRef$curre","current","hide","isTouch","getIsTouch","trim","shareWithApp","copyToClipboard","contextMenuItems","icons","onClick","text","handleSharingBarClick","_contextMenuRef$curre2","show","createElement","StyledSharingBar","onTouchStart","StyledSharingBarIconWrapper","items","ref","alignment","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport React, { FC, useRef } from 'react';\nimport { SHAREPROVIDER } from '../../constants/sharingBar';\nimport type { ContextMenuAlignment } from '../../types/contextMenu';\nimport { getIsTouch } from '../../utils/environment';\nimport { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\n\nexport type SharingBarProps = {\n    /**\n     * The label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({ label, link, popupAlignment }) => {\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n\n    const handleImageDownload = () => {\n        shareWithUrl(\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            SHAREPROVIDER[5].url\n                .replace('{url}', encodeURIComponent(link))\n                .replace('{linkText}', 'Teilen')\n                .replace('{color}', getSite().color.replace('#', '')),\n        );\n    };\n\n    const handleShare = (key: string) => {\n        contextMenuRef.current?.hide();\n\n        const isTouch = getIsTouch();\n\n        switch (key) {\n            case 'whatsapp':\n                shareWithUrl(\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    SHAREPROVIDER[0].url.replace('{url}', encodeURIComponent(`${link}`.trim())),\n                );\n                break;\n            case 'facebook':\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                shareWithUrl(SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)));\n                break;\n            case 'twitter':\n                shareWithUrl(\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    SHAREPROVIDER[4].url\n                        .replace('{url}', encodeURIComponent(link))\n                        .replace('{linkText}', ''),\n                );\n                break;\n            case 'mail':\n                if (isTouch) {\n                    shareWithApp(`${link}`.trim());\n                } else {\n                    shareWithUrl(\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        SHAREPROVIDER[2].url.replace('{url}', encodeURIComponent(`${link}`.trim())),\n                    );\n                }\n                break;\n            case 'copy':\n                copyToClipboard(link);\n                break;\n            default:\n                break;\n        }\n    };\n\n    const contextMenuItems = [\n        {\n            icons: ['fa fa-copy'],\n            key: 'copy',\n            onClick: () => handleShare('copy'),\n            text: 'Zwischenablage',\n        },\n        {\n            icons: ['fa-solid fa-brands fa-whatsapp'],\n            key: 'whatsapp',\n            onClick: () => handleShare('whatsapp'),\n            text: 'Whatsapp',\n        },\n        {\n            icons: ['fa-solid fa-brands fa-facebook-f'],\n            key: 'facebook',\n            onClick: () => handleShare('facebook'),\n            text: 'Facebook',\n        },\n        {\n            icons: ['fa-solid fa-brands fa-x-twitter'],\n            key: 'twitter',\n            onClick: () => handleShare('twitter'),\n            text: 'X',\n        },\n        {\n            icons: ['fa fa-envelope'],\n            key: 'mail',\n            onClick: () => handleShare('mail'),\n            text: 'Mail',\n        },\n        {\n            icons: ['fa fa-qrcode'],\n            key: 'callingCode',\n            onClick: handleImageDownload,\n            text: 'Calling Code herunterladen',\n        },\n    ];\n\n    const handleSharingBarClick = () => {\n        contextMenuRef.current?.show();\n    };\n\n    return (\n        <StyledSharingBar onClick={handleSharingBarClick} onTouchStart={handleSharingBarClick}>\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa-solid fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <ContextMenu items={contextMenuItems} ref={contextMenuRef} alignment={popupAlignment}>\n                {null}\n            </ContextMenu>\n            <StyledSharingBarText>{label}</StyledSharingBarText>\n        </StyledSharingBar>\n    );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/sharing-bar/SharingBar.styles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSharingBarText = exports.StyledSharingBarIconWrapper = exports.StyledSharingBar = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledSharingBar = exports.StyledSharingBar = _styledComponents.default.div`
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+`;
+const StyledSharingBarIconWrapper = exports.StyledSharingBarIconWrapper = _styledComponents.default.div``;
+const StyledSharingBarText = exports.StyledSharingBarText = _styledComponents.default.p`
+    color: ${({
+  theme
+}) => theme.text};
+    margin: 0 0 0 5px;
+`;
+//# sourceMappingURL=SharingBar.styles.js.map

package/lib/cjs/components/sharing-bar/SharingBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSharingBar","exports","styled","div","StyledSharingBarIconWrapper","StyledSharingBarText","p","theme","text"],"sources":["../../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSharingBar = styled.div`\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div``;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n    margin: 0 0 0 5px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhC,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAGF,yBAAM,CAACC,GAAG,EAAE;AAIhD,MAAME,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,GAAGH,yBAAM,CAACI,CAA4B;AACvE,aAAa,CAAC;EAAEC;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACjE;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/signature/Signature.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chaynsApi = require("chayns-api");
+var _react = _interopRequireWildcard(require("react"));
+var _delete = require("../../api/signature/delete");
+var _get = require("../../api/signature/get");
+var _put = require("../../api/signature/put");
+var _Button = _interopRequireDefault(require("../button/Button"));
+var _Icon = _interopRequireDefault(require("../icon/Icon"));
+var _Signature = require("./Signature.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Signature = /*#__PURE__*/(0, _react.forwardRef)(({
+  onEdit,
+  onRemove,
+  onUnsubscribe,
+  onSubscribe,
+  buttonText,
+  isDisabled
+}, ref) => {
+  const [signatureUrl, setSignatureUrl] = (0, _react.useState)(undefined);
+  const [hasSubscribed, setHasSubscribed] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const loadUserSignature = async () => {
+      await (0, _get.getUserSignature)().then(signature => {
+        setSignatureUrl(signature);
+      });
+    };
+    void loadUserSignature();
+  }, []);
+  const handleCallDialog = (0, _react.useCallback)(async shouldSubscribe => {
+    const {
+      result,
+      buttonType
+    } = await (0, _chaynsApi.createDialog)({
+      type: _chaynsApi.DialogType.SIGNATURE
+    }).open();
+    if (buttonType === 1 && result) {
+      await (0, _put.putUserSignature)(result).then(success => {
+        if (success) {
+          setSignatureUrl(result);
+          if (shouldSubscribe) {
+            setHasSubscribed(true);
+            if (typeof onSubscribe === 'function') {
+              onSubscribe();
+            }
+          } else if (typeof onEdit === 'function') {
+            onEdit(result);
+          }
+        }
+      });
+    }
+  }, [onEdit, onSubscribe]);
+  const handleEdit = (0, _react.useCallback)(() => {
+    void handleCallDialog(false);
+  }, [handleCallDialog]);
+  const handleDelete = (0, _react.useCallback)(async () => {
+    await (0, _delete.deleteUserSignature)().then(success => {
+      if (success) {
+        setHasSubscribed(false);
+        setSignatureUrl(undefined);
+        if (typeof onRemove === 'function') {
+          onRemove();
+        }
+      }
+    });
+  }, [onRemove]);
+  const handleClick = (0, _react.useCallback)(() => {
+    if (signatureUrl) {
+      setHasSubscribed(true);
+      if (typeof onSubscribe === 'function') {
+        onSubscribe();
+      }
+    } else {
+      void handleCallDialog(true);
+    }
+  }, [handleCallDialog, onSubscribe, signatureUrl]);
+  const handleUnSubscribe = () => {
+    setHasSubscribed(false);
+    if (typeof onUnsubscribe === 'function') {
+      onUnsubscribe();
+    }
+  };
+  (0, _react.useImperativeHandle)(ref, () => ({
+    edit: handleEdit,
+    delete: handleDelete
+  }), [handleDelete, handleEdit]);
+  return /*#__PURE__*/_react.default.createElement(_Signature.StyledSignature, null, !hasSubscribed ? /*#__PURE__*/_react.default.createElement(_Button.default, {
+    isDisabled: isDisabled,
+    onClick: handleClick
+  }, buttonText) : /*#__PURE__*/_react.default.createElement(_Signature.StyledSignatureImageWrapper, null, /*#__PURE__*/_react.default.createElement(_Signature.StyledSignatureImage, {
+    src: signatureUrl
+  }), /*#__PURE__*/_react.default.createElement(_Signature.StyledSignatureDeleteIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: ['ts-wrong'],
+    size: 20,
+    onClick: handleUnSubscribe
+  }))));
+});
+Signature.displayName = 'Signature';
+var _default = exports.default = Signature;
+//# sourceMappingURL=Signature.js.map

package/lib/cjs/components/signature/Signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signature.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_delete","_get","_put","_Button","_interopRequireDefault","_Icon","_Signature","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Signature","forwardRef","onEdit","onRemove","onUnsubscribe","onSubscribe","buttonText","isDisabled","ref","signatureUrl","setSignatureUrl","useState","undefined","hasSubscribed","setHasSubscribed","useEffect","loadUserSignature","getUserSignature","then","signature","handleCallDialog","useCallback","shouldSubscribe","result","buttonType","createDialog","type","DialogType","SIGNATURE","open","putUserSignature","success","handleEdit","handleDelete","deleteUserSignature","handleClick","handleUnSubscribe","useImperativeHandle","edit","delete","createElement","StyledSignature","onClick","StyledSignatureImageWrapper","StyledSignatureImage","src","StyledSignatureDeleteIconWrapper","icons","size","displayName","_default","exports"],"sources":["../../../../src/components/signature/Signature.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';\nimport { deleteUserSignature } from '../../api/signature/delete';\nimport { getUserSignature } from '../../api/signature/get';\nimport { putUserSignature } from '../../api/signature/put';\nimport Button from '../button/Button';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSignature,\n    StyledSignatureDeleteIconWrapper,\n    StyledSignatureImage,\n    StyledSignatureImageWrapper,\n} from './Signature.styles';\n\nexport interface SignatureRef {\n    edit: VoidFunction;\n    delete: VoidFunction;\n}\n\nexport type SignatureProps = {\n    /**\n     * The text that should be displayed inside the button.\n     */\n    buttonText: string;\n    /**\n     * Whether the button is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Function to be executed when the signature is edited.\n     */\n    onEdit?: (signature: string) => void;\n    /**\n     * Function to be executed when the user deletes the signature.\n     */\n    onRemove?: () => void;\n    /**\n     * Function to be executed when the user subscribes.\n     */\n    onSubscribe?: () => void;\n    /**\n     * Function to be executed when the user unsubscribes.\n     */\n    onUnsubscribe?: () => void;\n};\n\ninterface SignatureDialogResult {\n    buttonType: number;\n    result?: string;\n}\n\nconst Signature = forwardRef<SignatureRef, SignatureProps>(\n    ({ onEdit, onRemove, onUnsubscribe, onSubscribe, buttonText, isDisabled }, ref) => {\n        const [signatureUrl, setSignatureUrl] = useState<string | undefined>(undefined);\n        const [hasSubscribed, setHasSubscribed] = useState(false);\n\n        useEffect(() => {\n            const loadUserSignature = async () => {\n                await getUserSignature().then((signature) => {\n                    setSignatureUrl(signature);\n                });\n            };\n\n            void loadUserSignature();\n        }, []);\n\n        const handleCallDialog = useCallback(\n            async (shouldSubscribe: boolean) => {\n                const { result, buttonType } = (await createDialog({\n                    type: DialogType.SIGNATURE,\n                }).open()) as SignatureDialogResult;\n\n                if (buttonType === 1 && result) {\n                    await putUserSignature(result).then((success) => {\n                        if (success) {\n                            setSignatureUrl(result);\n\n                            if (shouldSubscribe) {\n                                setHasSubscribed(true);\n\n                                if (typeof onSubscribe === 'function') {\n                                    onSubscribe();\n                                }\n                            } else if (typeof onEdit === 'function') {\n                                onEdit(result);\n                            }\n                        }\n                    });\n                }\n            },\n            [onEdit, onSubscribe],\n        );\n\n        const handleEdit = useCallback(() => {\n            void handleCallDialog(false);\n        }, [handleCallDialog]);\n\n        const handleDelete = useCallback(async () => {\n            await deleteUserSignature().then((success) => {\n                if (success) {\n                    setHasSubscribed(false);\n                    setSignatureUrl(undefined);\n\n                    if (typeof onRemove === 'function') {\n                        onRemove();\n                    }\n                }\n            });\n        }, [onRemove]);\n\n        const handleClick = useCallback(() => {\n            if (signatureUrl) {\n                setHasSubscribed(true);\n\n                if (typeof onSubscribe === 'function') {\n                    onSubscribe();\n                }\n            } else {\n                void handleCallDialog(true);\n            }\n        }, [handleCallDialog, onSubscribe, signatureUrl]);\n\n        const handleUnSubscribe = () => {\n            setHasSubscribed(false);\n\n            if (typeof onUnsubscribe === 'function') {\n                onUnsubscribe();\n            }\n        };\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                edit: handleEdit,\n                delete: handleDelete,\n            }),\n            [handleDelete, handleEdit],\n        );\n\n        return (\n            <StyledSignature>\n                {!hasSubscribed ? (\n                    <Button isDisabled={isDisabled} onClick={handleClick}>\n                        {buttonText}\n                    </Button>\n                ) : (\n                    <StyledSignatureImageWrapper>\n                        <StyledSignatureImage src={signatureUrl} />\n                        <StyledSignatureDeleteIconWrapper>\n                            <Icon icons={['ts-wrong']} size={20} onClick={handleUnSubscribe} />\n                        </StyledSignatureDeleteIconWrapper>\n                    </StyledSignatureImageWrapper>\n                )}\n            </StyledSignature>\n        );\n    },\n);\n\nSignature.displayName = 'Signature';\n\nexport default Signature;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/signature/Signature.styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSignatureImageWrapper = exports.StyledSignatureImage = exports.StyledSignatureDeleteIconWrapper = exports.StyledSignature = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledSignature = exports.StyledSignature = _styledComponents.default.div``;
+const StyledSignatureImageWrapper = exports.StyledSignatureImageWrapper = _styledComponents.default.div`
+    position: relative;
+    aspect-ratio: 3.8;
+    width: 100%;
+`;
+const StyledSignatureImage = exports.StyledSignatureImage = _styledComponents.default.img`
+    ${({
+  theme
+}) => theme.colorMode === 'dark' && (0, _styledComponents.css)`
+            filter: invert(1);
+        `}
+`;
+const StyledSignatureDeleteIconWrapper = exports.StyledSignatureDeleteIconWrapper = _styledComponents.default.div`
+    position: absolute;
+    top: 0;
+    right: 0;
+`;
+//# sourceMappingURL=Signature.styles.js.map

package/lib/cjs/components/signature/Signature.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signature.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledSignature","exports","styled","div","StyledSignatureImageWrapper","StyledSignatureImage","img","theme","colorMode","css","StyledSignatureDeleteIconWrapper"],"sources":["../../../../src/components/signature/Signature.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSignature = styled.div``;\nexport const StyledSignatureImageWrapper = styled.div`\n    position: relative;\n    aspect-ratio: 3.8;\n    width: 100%;\n`;\n\ntype StyledSignatureImageProps = WithTheme<unknown>;\n\nexport const StyledSignatureImage = styled.img<StyledSignatureImageProps>`\n    ${({ theme }: StyledSignatureImageProps) =>\n        theme.colorMode === 'dark' &&\n        css`\n            filter: invert(1);\n        `}\n`;\nexport const StyledSignatureDeleteIconWrapper = styled.div`\n    position: absolute;\n    top: 0;\n    right: 0;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGzC,MAAMW,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AACpC,MAAMC,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAGF,yBAAM,CAACC,GAAG;AACrD;AACA;AACA;AACA,CAAC;AAIM,MAAME,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,GAAGH,yBAAM,CAACI,GAA8B;AACzE,MAAM,CAAC;EAAEC;AAAiC,CAAC,KACnCA,KAAK,CAACC,SAAS,KAAK,MAAM,IAC1B,IAAAC,qBAAG;AACX;AACA,SAAS;AACT,CAAC;AACM,MAAMC,gCAAgC,GAAAT,OAAA,CAAAS,gCAAA,GAAGR,yBAAM,CAACC,GAAG;AAC1D;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/slider/Slider.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chaynsApi = require("chayns-api");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = require("styled-components");
+var _useElementSize = require("../../hooks/useElementSize");
+var _slider = require("../../utils/slider");
+var _Slider = require("./Slider.styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Slider = ({
+  maxValue,
+  minValue,
+  value,
+  onSelect,
+  onChange,
+  interval,
+  thumbLabelFormatter,
+  shouldShowThumbLabel = false,
+  steps = 1
+}) => {
+  const [fromValue, setFromValue] = (0, _react.useState)(0);
+  const [toValue, setToValue] = (0, _react.useState)(maxValue);
+  const [thumbWidth, setThumbWidth] = (0, _react.useState)(20);
+  const [isBigSlider, setIsBigSlider] = (0, _react.useState)(false);
+  const fromSliderRef = (0, _react.useRef)(null);
+  const toSliderRef = (0, _react.useRef)(null);
+  const fromSliderThumbRef = (0, _react.useRef)(null);
+  const toSliderThumbRef = (0, _react.useRef)(null);
+  const fromSliderThumbContentRef = (0, _react.useRef)(null);
+  const toSliderThumbContentRef = (0, _react.useRef)(null);
+  const sliderWrapperRef = (0, _react.useRef)(null);
+  const sliderWrapperSize = (0, _useElementSize.useElementSize)(sliderWrapperRef);
+  const theme = (0, _styledComponents.useTheme)();
+  (0, _react.useEffect)(() => {
+    if (shouldShowThumbLabel) {
+      setThumbWidth((0, _slider.getThumbMaxWidth)({
+        maxNumber: maxValue,
+        thumbLabelFormatter
+      }));
+    }
+  }, [maxValue, shouldShowThumbLabel, thumbLabelFormatter]);
+
+  /**
+   * This function sets the value
+   */
+  (0, _react.useEffect)(() => {
+    if (typeof value !== 'number') {
+      return;
+    }
+    if (value >= minValue && value <= maxValue) {
+      setFromValue(value);
+    }
+  }, [maxValue, minValue, value]);
+  (0, _react.useEffect)(() => {
+    if (fromValue > toValue) {
+      setFromValue(toValue);
+    }
+    if (toValue < fromValue) {
+      setToValue(fromValue);
+    }
+  }, [fromValue, toValue]);
+  const handleMouseUp = (0, _react.useCallback)(() => {
+    var _fromSliderRef$curren, _toSliderRef$current;
+    void (0, _chaynsApi.setRefreshScrollEnabled)(true);
+    const from = Number((_fromSliderRef$curren = fromSliderRef.current) === null || _fromSliderRef$curren === void 0 ? void 0 : _fromSliderRef$curren.value);
+    const to = Number((_toSliderRef$current = toSliderRef.current) === null || _toSliderRef$current === void 0 ? void 0 : _toSliderRef$current.value);
+    if (typeof onSelect === 'function') {
+      onSelect(interval ? undefined : from, interval ? {
+        maxValue: to,
+        minValue: from
+      } : undefined);
+    }
+  }, [interval, onSelect]);
+  const handleControlFromSlider = (0, _react.useCallback)(event => {
+    if (!fromSliderRef.current || !toSliderRef.current) {
+      return;
+    }
+    setFromValue(Number(event.target.value));
+    const from = Number(fromSliderRef.current.value);
+    const to = Number(toSliderRef.current.value);
+    if (typeof onChange === 'function') {
+      onChange(undefined, {
+        maxValue: to,
+        minValue: from
+      });
+    }
+    (0, _slider.fillSlider)({
+      toSlider: toSliderRef.current,
+      fromSlider: fromSliderRef.current,
+      theme
+    });
+    if (from > to) {
+      fromSliderRef.current.value = String(to);
+    } else {
+      fromSliderRef.current.value = String(from);
+    }
+  }, [onChange, theme]);
+  const handleControlToSlider = (0, _react.useCallback)(event => {
+    void (0, _chaynsApi.setRefreshScrollEnabled)(false);
+    if (!fromSliderRef.current || !toSliderRef.current) {
+      return;
+    }
+    setToValue(Number(event.target.value));
+    const from = Number(fromSliderRef.current.value);
+    const to = Number(toSliderRef.current.value);
+    if (typeof onChange === 'function') {
+      onChange(undefined, {
+        maxValue: to,
+        minValue: from
+      });
+    }
+    (0, _slider.fillSlider)({
+      toSlider: toSliderRef.current,
+      fromSlider: fromSliderRef.current,
+      theme
+    });
+    if (from <= to) {
+      toSliderRef.current.value = String(to);
+    } else {
+      toSliderRef.current.value = String(from);
+    }
+  }, [onChange, theme]);
+  (0, _react.useEffect)(() => {
+    if (!fromSliderRef.current || !toSliderRef.current || !interval) {
+      return;
+    }
+    setFromValue(interval.minValue);
+    setToValue(interval.maxValue);
+    fromSliderRef.current.value = String(interval.minValue);
+    toSliderRef.current.value = String(interval.maxValue);
+    (0, _slider.fillSlider)({
+      fromSlider: fromSliderRef.current,
+      toSlider: toSliderRef.current,
+      theme
+    });
+    // Note: interval can´t be in the deps because of rerender
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [theme]);
+
+  /**
+   * This function updates the value
+   */
+  const handleInputChange = (0, _react.useCallback)(event => {
+    void (0, _chaynsApi.setRefreshScrollEnabled)(false);
+    const newValue = Number(event.target.value);
+    if (interval) {
+      handleControlFromSlider(event);
+      return;
+    }
+    setFromValue(newValue);
+    if (onChange) {
+      onChange(newValue);
+    }
+  }, [handleControlFromSlider, interval, onChange]);
+  const fromSliderThumbPosition = (0, _react.useMemo)(() => {
+    if (fromSliderRef.current && fromSliderThumbRef.current && sliderWrapperSize) {
+      return (0, _slider.calculateGradientOffset)({
+        max: maxValue,
+        min: minValue,
+        value: fromValue,
+        thumbWidth: 40,
+        containerWidth: fromSliderRef.current.offsetWidth
+      });
+    }
+    return 0;
+  }, [fromValue, maxValue, minValue, sliderWrapperSize]);
+  const toSliderThumbPosition = (0, _react.useMemo)(() => {
+    if (toSliderRef.current && toSliderThumbRef.current && sliderWrapperSize) {
+      return (0, _slider.calculateGradientOffset)({
+        max: maxValue,
+        min: minValue,
+        value: toValue,
+        thumbWidth: 40,
+        containerWidth: toSliderRef.current.offsetWidth
+      });
+    }
+    return 0;
+  }, [toValue, minValue, maxValue, sliderWrapperSize]);
+  const toSliderThumbContentPosition = (0, _react.useMemo)(() => (0, _slider.calculatePopupPosition)({
+    min: minValue,
+    max: maxValue,
+    sliderValue: toValue,
+    popupWidth: thumbWidth
+  }), [maxValue, minValue, thumbWidth, toValue]);
+  const fromSliderThumbContentPosition = (0, _react.useMemo)(() => (0, _slider.calculatePopupPosition)({
+    min: minValue,
+    max: maxValue,
+    sliderValue: fromValue,
+    popupWidth: thumbWidth
+  }), [fromValue, maxValue, minValue, thumbWidth]);
+  const handleTouchStart = (0, _react.useCallback)(() => {
+    if (shouldShowThumbLabel) {
+      setIsBigSlider(true);
+    }
+  }, [shouldShowThumbLabel]);
+  const handleTouchEnd = (0, _react.useCallback)(() => {
+    var _fromSliderRef$curren2, _toSliderRef$current2;
+    const from = Number((_fromSliderRef$curren2 = fromSliderRef.current) === null || _fromSliderRef$curren2 === void 0 ? void 0 : _fromSliderRef$curren2.value);
+    const to = Number((_toSliderRef$current2 = toSliderRef.current) === null || _toSliderRef$current2 === void 0 ? void 0 : _toSliderRef$current2.value);
+    if (typeof onSelect === 'function') {
+      onSelect(interval ? undefined : from, interval ? {
+        maxValue: to,
+        minValue: from
+      } : undefined);
+    }
+    if (shouldShowThumbLabel) {
+      setIsBigSlider(false);
+    }
+  }, [interval, onSelect, shouldShowThumbLabel]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Slider.StyledSlider, {
+    ref: sliderWrapperRef
+  }, /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
+    animate: {
+      height: isBigSlider ? 30 : 10
+    },
+    initial: {
+      height: 10
+    },
+    exit: {
+      height: 10
+    },
+    $thumbWidth: 40,
+    ref: fromSliderRef,
+    $isInterval: !!interval,
+    type: "range",
+    value: fromValue,
+    step: steps,
+    max: maxValue,
+    min: minValue,
+    onTouchStart: handleTouchStart,
+    onTouchEnd: handleTouchEnd,
+    onChange: handleInputChange,
+    onMouseUp: handleMouseUp,
+    $max: maxValue,
+    $min: minValue,
+    $value: fromValue
+  }), /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumb, {
+    ref: fromSliderThumbRef,
+    $position: fromSliderThumbPosition,
+    $isBigSlider: isBigSlider
+  }, shouldShowThumbLabel && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumbLabel, {
+    $width: thumbWidth,
+    $isBigSlider: isBigSlider,
+    $position: fromSliderThumbContentPosition,
+    ref: fromSliderThumbContentRef
+  }, typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(fromValue) : fromValue)), interval && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumb, {
+    ref: toSliderThumbRef,
+    $position: toSliderThumbPosition,
+    $isBigSlider: isBigSlider
+  }, shouldShowThumbLabel && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumbLabel, {
+    $width: thumbWidth,
+    $isBigSlider: isBigSlider,
+    $position: toSliderThumbContentPosition,
+    ref: toSliderThumbContentRef
+  }, typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(toValue) : toValue)), interval && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
+    animate: {
+      height: isBigSlider ? 30 : 10
+    },
+    initial: {
+      height: 10
+    },
+    exit: {
+      height: 10
+    },
+    $thumbWidth: 40,
+    $max: maxValue,
+    $min: minValue,
+    $value: toValue,
+    ref: toSliderRef,
+    $isInterval: !!interval,
+    type: "range",
+    value: toValue,
+    step: steps,
+    max: maxValue,
+    min: minValue,
+    onTouchStart: handleTouchStart,
+    onTouchEnd: handleTouchEnd,
+    onChange: handleControlToSlider,
+    onMouseUp: handleMouseUp
+  })), [isBigSlider, interval, fromValue, steps, maxValue, minValue, handleTouchStart, handleTouchEnd, handleInputChange, handleMouseUp, fromSliderThumbPosition, shouldShowThumbLabel, thumbWidth, fromSliderThumbContentPosition, thumbLabelFormatter, toSliderThumbPosition, toSliderThumbContentPosition, toValue, handleControlToSlider]);
+};
+Slider.displayName = 'Slider';
+var _default = exports.default = Slider;
+//# sourceMappingURL=Slider.js.map